:root{--ink:#141013;--ink-2:#2a2027;--cream:#F6EFDD;--coral:#FF5A6E;--coral-deep:#E8435A;--scan:#35D0DC;--display:"Bricolage Grotesque","Arial Black",system-ui,sans-serif;--body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--gutter:clamp(20px,5vw,72px)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--body);font-weight:400;background:var(--ink);color:var(--cream);line-height:1.5;overflow-x:hidden}img,svg{display:block}a{color:inherit}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr;background:var(--coral)}.copy{position:relative;z-index:2;background:var(--ink);padding:clamp(20px,5vw,40px) var(--gutter) clamp(40px,7vw,56px)}.logo{width:clamp(108px,26vw,150px);height:auto}.kicker{margin-top:clamp(22px,5vh,40px);font-size:clamp(.72rem,.68rem+.2vw,.82rem);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--coral);display:flex;align-items:center;gap:.6em}.kicker::before{content:"";width:22px;height:2px;background:var(--coral)}h1{margin-top:.35em;font-family:var(--display);font-weight:800;font-size:clamp(2.55rem,1.6rem+5.2vw,5.6rem);line-height:.92;letter-spacing:-.035em;font-variation-settings:"opsz" 96}h1 em{font-style:normal;color:var(--coral)}.lede{margin-top:clamp(14px,2.4vh,24px);font-size:clamp(1rem,.95rem+.3vw,1.15rem);max-width:34ch;color:#e9e1cd}.lede strong{font-weight:600;color:var(--cream)}.cta-row{margin-top:clamp(20px,3.4vh,32px);display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.cta{display:inline-flex;align-items:center;gap:.7em;background:var(--coral);color:var(--ink);text-decoration:none;font-family:var(--body);font-weight:600;font-size:clamp(1rem,.96rem+.25vw,1.12rem);padding:1em 1.4em;border-radius:0;transition:transform .2s ease,background-color .2s ease}.cta svg{transition:transform .2s ease}.cta:hover{background:var(--cream)}.cta:hover svg{transform:translateX(4px)}.cta:focus-visible{outline:3px solid var(--scan);outline-offset:4px}.cta:active{transform:translateY(1px)}.note{font-size:clamp(.82rem,.8rem+.1vw,.9rem);color:#cfc6b2}.note b{font-weight:600;color:var(--cream)}.stage{position:relative;z-index:1;display:grid;place-items:center;padding:clamp(56px,10vw,72px) var(--gutter) clamp(44px,8vw,64px);min-height:clamp(480px,120vw,620px)}.drift{position:absolute;inset:0;pointer-events:none;overflow:hidden}.drift span{position:absolute;bottom:-40px;opacity:0;animation:rise 9s linear infinite}.drift svg{width:100%;height:100%}@keyframes rise{0%{transform:translate(0,0) rotate(0);opacity:0}12%{opacity:.55}85%{opacity:.4}100%{transform:translate(var(--dx),-120vh) rotate(var(--r));opacity:0}}.stamp{position:absolute;z-index:3;left:var(--gutter);top:0;transform:translateY(-50%) rotate(-4deg);background:var(--ink);color:var(--scan);border:2px solid var(--scan);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:.55em .9em;white-space:nowrap;animation:stampIn .5s .6s cubic-bezier(.2,.9,.3,1.3) both}@keyframes stampIn{from{opacity:0;transform:translate(-24px,-50%) rotate(-4deg)}to{opacity:1;transform:translateY(-50%) rotate(-4deg)}}.tilt{position:relative;width:clamp(210px,62vw,300px);aspect-ratio:9/18.5;perspective:1400px;transition:transform .25s ease-out}.phone{appearance:none;border:0;background:none;padding:0;cursor:pointer;width:100%;height:100%;position:relative;display:block;transform-style:preserve-3d;transform:rotate(4deg) rotateY(180deg);transition:transform 1.2s cubic-bezier(.65,0,.25,1);font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.phone.front{transform:rotate(4deg) rotateY(0)}.phone:focus-visible{outline:3px solid var(--ink);outline-offset:8px}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:clamp(30px,9vw,42px);background:var(--ink);padding:clamp(9px,2.6vw,12px);box-shadow:14px 18px 0 rgba(20,16,19,.22)}.face.back{transform:rotateY(180deg)}.screen{position:relative;height:100%;border-radius:clamp(22px,7vw,32px);background:var(--cream);color:var(--ink);overflow:hidden;display:flex;flex-direction:column;padding:clamp(30px,8vw,40px) clamp(14px,4vw,20px) clamp(16px,4vw,22px);text-align:left}.screen::before{content:"";position:absolute;top:10px;left:50%;width:34%;height:clamp(16px,4.6vw,20px);margin-left:-17%;background:var(--ink);border-radius:20px}.tag{font-size:.64rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--coral-deep)}.q{margin-top:.5em;font-family:var(--display);font-weight:800;font-size:clamp(1.35rem,1rem+1.6vw,1.75rem);line-height:1;letter-spacing:-.02em}.answers{margin-top:auto;display:grid;gap:8px}.answers span{display:flex;justify-content:space-between;align-items:center;border:2px solid var(--ink);padding:.6em .8em;font-size:.86rem;font-weight:600}.answers span i{width:14px;height:14px;border:2px solid var(--ink);border-radius:50%}.answers .pick{background:var(--ink);color:var(--cream)}.answers .pick i{border-color:var(--scan);background:var(--scan);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.35);opacity:.6}}.hint{margin-top:10px;font-size:.7rem;text-align:center;color:#6b5f63}.rows{margin-top:14px;display:grid;gap:10px}.row{display:grid;grid-template-columns:34px 1fr 16px;align-items:center;gap:10px;opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}.row .ic{width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:var(--cream)}.row .ic svg{width:18px;height:18px}.row b{display:block;font-size:.82rem;font-weight:600;line-height:1.2}.row .bar{display:block;margin-top:5px;height:4px;background:#e2d8c2;overflow:hidden}.row .bar::after{content:"";display:block;height:100%;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .7s ease}.row .mark{width:16px;height:16px;border-radius:50%;border:2px solid var(--scan);transform:scale(0);transition:transform .3s cubic-bezier(.2,.9,.3,1.5)}.row .mark.hot{background:var(--scan)}.rows.on .row{opacity:1;transform:none}.rows.on .row .bar::after{transform:scaleX(1)}.rows.on .row .mark{transform:scale(1)}.rows.on .row:nth-child(1){transition-delay:.1s}.rows.on .row:nth-child(1) .bar::after{transition-delay:.35s}.rows.on .row:nth-child(1) .mark{transition-delay:1.05s}.rows.on .row:nth-child(2){transition-delay:.45s}.rows.on .row:nth-child(2) .bar::after{transition-delay:.7s}.rows.on .row:nth-child(2) .mark{transition-delay:1.4s}.rows.on .row:nth-child(3){transition-delay:.8s}.rows.on .row:nth-child(3) .bar::after{transition-delay:1.05s}.rows.on .row:nth-child(3) .mark{transition-delay:1.75s}.rows.on .row:nth-child(4){transition-delay:1.15s}.rows.on .row:nth-child(4) .bar::after{transition-delay:1.4s}.rows.on .row:nth-child(4) .mark{transition-delay:2.1s}.report{margin-top:auto;border-top:2px solid var(--ink);padding-top:10px;display:flex;justify-content:space-between;align-items:center;font-size:.74rem;font-weight:600;opacity:0;transition:opacity .5s ease 2.4s}.rows.on+.report{opacity:1}.report span{color:var(--coral-deep)}.steps{background:var(--cream);color:var(--ink);padding:clamp(48px,8vw,96px) var(--gutter)}.steps-inner{max-width:1180px;margin:0 auto}.steps h2{font-family:var(--display);font-weight:800;font-size:clamp(1.9rem,1.3rem+2.6vw,3.2rem);line-height:.95;letter-spacing:-.03em;max-width:16ch}.steps ol{list-style:none;margin-top:clamp(28px,4vw,48px);display:grid;gap:0;border-top:2px solid var(--ink)}.steps li{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;padding:20px 0;border-bottom:2px solid var(--ink)}.steps .n{grid-row:span 2;font-family:var(--display);font-weight:800;font-size:clamp(2rem,1.6rem+1.6vw,2.8rem);line-height:.9;color:var(--coral-deep)}.steps h3{font-size:clamp(1.05rem,1rem+.3vw,1.2rem);font-weight:600}.steps p{font-size:clamp(.95rem,.92rem+.15vw,1.02rem);color:#3d3238;max-width:40ch}.steps .cta-row{margin-top:clamp(28px,4vw,44px)}.steps .cta{background:var(--ink);color:var(--cream)}.steps .cta:hover{background:var(--coral-deep);color:var(--ink)}.steps .cta:focus-visible{outline-color:var(--coral-deep)}.steps .note{color:#4a3f44}footer{background:var(--ink);color:#cfc6b2;padding:28px var(--gutter);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:.85rem}footer strong{font-family:var(--display);font-weight:800;color:var(--cream);font-size:1.1rem;letter-spacing:-.02em}@media(min-width:900px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;min-height:100svh}.hero::before{content:"";position:absolute;inset:0;background:var(--ink);clip-path:polygon(0 0,61% 0,45% 100%,0 100%);z-index:0}.copy{background:none;display:flex;flex-direction:column;padding:40px 0 56px var(--gutter)}.copy-body{margin:auto 0;max-width:min(560px,38vw)}.stage{min-height:0;padding:64px var(--gutter) 64px 0}.tilt{width:clamp(250px,22vw,310px);margin-left:8%}.stamp{left:auto;right:auto;top:auto;bottom:18%;left:-6%;transform:rotate(-76deg);animation-name:stampInD}@keyframes stampInD{from{opacity:0;transform:translateX(-24px) rotate(-76deg)}to{opacity:1;transform:rotate(-76deg)}}.steps ol{grid-template-columns:repeat(3,1fr);border-bottom:2px solid var(--ink)}.steps li{border-bottom:0;padding:24px 28px 28px 0}.steps li+li{border-left:2px solid var(--ink);padding-left:28px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.drift{display:none}.stamp{opacity:1}}html,body{max-width:100%;overflow-x:clip}