:root{--paper:#F7F2E7;--ink:#1D1A16;--muted:#574F45;--onion:#D46F24;--skin:#EFA661;--cream:#E2DBCA;--vein:#9A4A16;--cobalt:#1F5BD6;--cobalt-deep:#1747AB;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--paper);color:var(--ink);font-family:"Instrument Sans",system-ui,sans-serif;font-weight:400;line-height:1.5;overflow-x:clip}a{color:inherit}.wrap{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "fig" "steps" "close";max-width:1160px;margin:0 auto;padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left))}.hero{grid-area:hero;padding-top:max(18px,env(safe-area-inset-top))}.brand{display:flex;align-items:center;gap:12px}.brand img{width:clamp(56px,14vw,120px);height:auto;aspect-ratio:1;border-radius:14px;display:block}.brand span{font-family:"Bagel Fat One",system-ui,sans-serif;font-size:clamp(1.25rem,1rem + 1.2vw,1.7rem);letter-spacing:.01em}.brand span i{font-style:normal;color:var(--vein)}h1{font-family:"Bagel Fat One",system-ui,sans-serif;font-weight:400;font-size:clamp(2.1rem,1.4rem + 3.6vw,4.4rem);line-height:1.02;letter-spacing:-.01em;margin-top:clamp(18px,4vw,40px);max-width:12ch}h1 .core{color:var(--vein)}.lead{font-size:clamp(1rem,.95rem + .35vw,1.2rem);color:var(--muted);margin-top:14px;max-width:34ch}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border-radius:999px;background:var(--cobalt);color:#fff;font-weight:600;font-size:clamp(1rem,.98rem + .2vw,1.1rem);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,background-color .15s ease}.cta svg{width:16px;height:16px}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.cta:active{transform:scale(.97)}@media (hover: hover){.cta:hover{background:var(--cobalt-deep)}}.hero .cta{margin-top:20px}.fig{grid-area:fig;position:sticky;top:0;z-index:2;height:40dvh;min-height:240px;background:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden}.fig svg{height:100%;width:auto;max-width:100%;display:block}.half{transform-box:view-box;transform-origin:120px 232px;transition:transform .8s cubic-bezier(.3,.7,.2,1)}.core-g{transform-box:view-box;transform-origin:120px 170px;transition:transform .7s cubic-bezier(.3,.7,.2,1) .1s,opacity .5s ease .1s}.s-l1.l{transform:rotate(-58deg)}.s-l1.r{transform:rotate(58deg)}.s-l2.l{transform:rotate(-44deg)}.s-l2.r{transform:rotate(44deg)}.s-l3.l{transform:rotate(-30deg)}.s-l3.r{transform:rotate(30deg)}[data-step="1"] .half{transform:none}[data-step="1"] .core-g{transform:scale(.5);opacity:0}[data-step="2"] .s-l3{transform:none}[data-step="2"] .core-g{transform:scale(.7);opacity:0}.steps{grid-area:steps}.step{min-height:70dvh;display:flex;align-items:center;padding:24px 0}.step p{font-weight:600;font-size:clamp(1.4rem,1.1rem + 1.4vw,2.2rem);line-height:1.3;max-width:17ch;transition:opacity .4s ease;opacity:.62}.step.on p{opacity:1}.close{grid-area:close;padding:12dvh 0 18dvh}.close h2{font-family:"Bagel Fat One",system-ui,sans-serif;font-weight:400;font-size:clamp(1.8rem,1.3rem + 2.4vw,3.2rem);line-height:1.05}.close .cta{margin-top:20px}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:rgba(247,242,231,.96);border-top:1px solid var(--cream);transform:translateY(110%);visibility:hidden;transition:transform .35s ease,visibility 0s linear .35s}.bar.show{transform:none;visibility:visible;transition:transform .35s ease,visibility 0s}.bar span{font-family:"Bagel Fat One",system-ui,sans-serif;font-size:clamp(1.05rem,1rem + .3vw,1.2rem)}.bar .cta{min-height:46px;padding:0 22px}footer{border-top:1px solid var(--cream);padding:22px 18px calc(92px + env(safe-area-inset-bottom));text-align:center;color:var(--muted);font-size:clamp(.9rem,.88rem + .1vw,.98rem)}footer strong{color:var(--ink);font-weight:600}@media (min-width:900px){.wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"hero fig" "steps fig" "close fig";column-gap:64px;padding:0 40px}.hero{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:40px 0}.fig{top:8dvh;height:84dvh;align-self:start;grid-row:1 / span 3}.bar{justify-content:center;gap:28px}}@media (prefers-reduced-motion: reduce){.half,.core-g,.step p,.bar,.cta{transition:none}}