.hero{--device-shadow:0 24px 50px -28px #26221e4d, 0 60px 110px -60px #26221e3d;--frost-fill:linear-gradient(145deg, #ffffffe6, #ffffffc7);--frost-blur:blur(22px) saturate(180%);--frost-shadow:inset 0 1px 0 #fffffff2, 0 0 0 1px #1e1c280f, 0 16px 36px -16px #26221e3d;height:100svh;position:relative;overflow:clip}@media (prefers-reduced-motion:no-preference) and (min-width:900px){.hero{margin-bottom:-60svh}}[data-theme=dark] .hero{--device-shadow:0 25px 60px -18px #000000d9, 0 60px 130px -30px #000000b3}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-bg:before{content:"";background:radial-gradient(50% 60% at 50% 40%,#ee824624,#ee82460a 45%,#0000 70%);width:120vw;height:90vh;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.hero-bg:after{content:"";background:radial-gradient(60% 50% at 88% 90%,#e4593b14,#0000 65%);position:absolute;inset:0}.hero-bg:before,.hero-bg:after{opacity:var(--glow-opacity)}.hero-inner{flex-direction:column;height:100%;padding-top:clamp(84px,11vh,128px);display:flex;position:relative}.hero-copy{text-align:center;will-change:transform, opacity;flex-direction:column;align-items:center;gap:18px;display:flex}.hero-h1{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.6rem,5.5vw,5.1rem);font-weight:600;line-height:1.02}.hero-sub{color:var(--ink-dim);text-wrap:balance;max-width:46ch;font-size:clamp(.95rem,1.15vw,1.06rem)}.hero-body{color:var(--muted);text-wrap:pretty;max-width:64ch;font-size:15px}.hero-cta-row{align-items:center;gap:14px;margin-top:10px;display:flex}@media (max-height:950px){.hero-body{display:none}.hero-copy{gap:14px}}@media (max-height:950px) and (min-width:900px){.hero-inner{padding-top:clamp(76px,10vh,92px)}.hero-h1{font-size:clamp(2.4rem,4vw,3.5rem)}}.hero-word{will-change:transform, opacity;display:inline-block}.hero-scene{--ph:min(46vh, 520px, 100cqh - 28px);perspective:1900px;flex:1;grid-template-columns:auto minmax(150px,230px) auto;justify-content:center;align-items:center;margin-top:48px;padding-bottom:3vh;display:grid;container-type:size}.scene-raw,.scene-phone{transform-style:preserve-3d}.scene-raw{will-change:transform, opacity;justify-self:end;width:min(36vw,520px,148cqh - 97px);position:relative}.phone-exit{transform-style:preserve-3d}.scene-phone{justify-self:start;position:relative}.scene-beam{will-change:transform, opacity;align-self:center;height:min(40vh,380px);position:relative}.scene-label{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;font-size:10.5px;font-weight:600;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.raw-window{background:var(--frost-fill);-webkit-backdrop-filter:var(--frost-blur);backdrop-filter:var(--frost-blur);box-shadow:inset 0 1px 0 #fffffff2, 0 0 0 1px #1e1c280f, var(--device-shadow);filter:saturate(.55);border:1px solid #fffc;border-radius:16px;position:relative;overflow:hidden}.raw-titlebar{background:#ffffff59;border-bottom:1px solid #1e1c2812;align-items:center;gap:8px;padding:9px 12px;display:flex}.raw-dot{background:#1e1c2829;border-radius:50%;width:9px;height:9px}.raw-filename{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-left:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;overflow:hidden}.raw-stage{grid-template-columns:minmax(0,3.2fr) minmax(0,1fr);gap:6px;padding:8px;display:grid;position:relative}.raw-main-tile{aspect-ratio:5/4}.raw-main-tile,.raw-tile{background:radial-gradient(65% 75% at 50% 118%,#e2e1e6 0%,#0000 70%),linear-gradient(#efeef1,#e6e5e9);border-radius:8px;position:relative;overflow:hidden}.raw-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.raw-tile .raw-media{filter:brightness(1.2)saturate(.9)}.raw-layer[data-variant=b] .raw-media{filter:none}.raw-layer{transition:opacity .6s;position:absolute;inset:0}.raw-layer[data-off],.reels[data-off]{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.raw-layer,.phone-screen .reels{transition:none}}.raw-nametag{color:#28262eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background:#ffffff6b;border-radius:4px;align-items:center;gap:3px;padding:1px 5px;font-size:8px;display:flex;position:absolute;bottom:5px;left:5px}.raw-mic-off{color:#c25454;width:8px;height:8px}.raw-strip{grid-template-rows:repeat(3,minmax(0,1fr));gap:6px;min-height:0;display:grid}.raw-cam{flex-direction:column;gap:2px;min-height:0;display:flex}.raw-cam .raw-tile{flex:1;min-height:0}.raw-caption{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:8px;line-height:11px;overflow:hidden}.raw-toolbar{color:var(--muted);background:#fff6;border-top:1px solid #1e1c2812;align-items:center;gap:10px;padding:8px 12px;font-size:10.5px;display:flex}.raw-rec{color:var(--ink-dim);align-items:center;gap:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;display:inline-flex}.raw-rec-dot{background:#d64545;border-radius:50%;width:7px;height:7px;animation:1.4s step-end infinite rec-blink}@keyframes rec-blink{50%{opacity:.25}}.raw-scrub{background:#1e1c281a;border-radius:2px;flex:1;height:3px;overflow:hidden}.raw-scrub-fill{background:#b4b3b9;width:12%;height:100%}.raw-meta{white-space:nowrap;font-size:10px}.raw-badge{z-index:3;letter-spacing:.14em;color:var(--ink-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border:1px solid #ffffffe6;border-radius:999px;padding:4px 8px;font-size:9.5px;font-weight:700;position:absolute;top:6px;right:6px;box-shadow:0 0 0 1px #1e1c280f,0 4px 12px -6px #26221e40}[data-theme=dark] .raw-window{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 0 #ffffff14 inset, var(--device-shadow), 0 0 60px -10px rgb(255 255 255/calc(.04 * var(--glow-opacity)));background:linear-gradient(#2a2a30,#1c1c21);border-color:#ffffff24;border-radius:14px}[data-theme=dark] .raw-titlebar{background:#ffffff05;border-bottom-color:#ffffff0f}[data-theme=dark] .raw-dot{background:#3a3a40}[data-theme=dark] .raw-filename{color:#a4a2a9}[data-theme=dark] .raw-main-tile,[data-theme=dark] .raw-tile{background:radial-gradient(65% 75% at 50% 118%,#3b3b42 0%,#0000 70%),linear-gradient(#2b2b31,#222227)}[data-theme=dark] .raw-nametag{color:#8d8b93;background:#0006}[data-theme=dark] .raw-toolbar{color:var(--device-muted);background:#00000059;border-top-color:#ffffff0f}[data-theme=dark] .raw-rec{color:#cfcdc6}[data-theme=dark] .raw-scrub{background:#ffffff1a}[data-theme=dark] .raw-scrub-fill{background:#6a6a72}[data-theme=dark] .raw-badge{color:#d3d1c9;box-shadow:none;background:#0000008c;border-color:#ffffff24;border-radius:6px}.beam-svg{width:100%;height:100%;overflow:visible}.beam-stop-a{stop-color:#f6c06a;stop-opacity:.35}.beam-stop-b{stop-color:#f2a854}.beam-stop-c{stop-color:#e4593b}.chip-stop-a{stop-color:#f8cd82}.beam-path{fill:none;stroke:var(--dot);stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:3 9;animation:1.1s linear infinite beam-dash}@keyframes beam-dash{to{stroke-dashoffset:-12px}}[data-theme=dark] .beam-path{stroke:url(#beamGrad)}.beam-path-under{fill:none;stroke:var(--dot);stroke-opacity:.12;stroke-width:4px;stroke-linecap:round}.beam-node{fill:var(--dot)}.beam-node-ring{fill:none;stroke:var(--dot);stroke-opacity:.4;stroke-width:1px}.beam-chip-body{fill:var(--dot)}.beam-chip-line{fill:#17100a8c}.beam-chip-line-short{fill:#17100a59}[data-theme=dark] .beam-chip{filter:drop-shadow(0 0 6px #f2a854a6)}[data-theme=dark] .beam-chip-body{fill:url(#chipGrad)}.beam-arrow{fill:none;stroke:var(--dot);stroke-opacity:.85;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.beam-pill{background:var(--frost-fill);-webkit-backdrop-filter:var(--frost-blur);backdrop-filter:var(--frost-blur);box-shadow:var(--frost-shadow);z-index:1;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:10.5px;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.beam-pill-dot{background:var(--dot);border-radius:50%;flex-shrink:0;width:7px;height:7px}[data-theme=dark] .beam-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px #f2a8544d, 0 8px 30px -8px rgb(238 130 70/calc(.35 * var(--glow-opacity)));color:var(--amber);background:#0a0a0eeb}[data-theme=dark] .beam-pill-dot{background:var(--amber)}.phone-float{transform-style:preserve-3d}.phone{--pw:calc(var(--ph) * .472);height:var(--ph);width:var(--pw);border-radius:calc(var(--ph) * .086);box-shadow:0 0 0 1px #1e1c281f, inset 0 1px 1px #fffffff2, inset 0 -1px 2px #1e1c2824, var(--device-shadow);background:linear-gradient(145deg,#fdfdfe 0%,#d8d9dd 24%,#f1f2f4 50%,#c4c6cc 78%,#eceef1 100%);position:relative}[data-theme=dark] .phone{box-shadow:0 0 0 1px #ffffff1a, 0 1px 1px #ffffff24 inset, var(--device-shadow), 0 40px 120px -20px rgb(238 130 70/calc(.16 * var(--glow-opacity)));background:linear-gradient(145deg,#46464e 0%,#1a1a1f 30%,#131317 55%,#2c2c33 100%)}.phone-screen{inset:calc(var(--ph) * .013);border-radius:calc(var(--ph) * .074);box-shadow:0 0 0 calc(var(--ph) * .005) #0b0b0e;background:#08080c;position:absolute;overflow:hidden}.phone-island{top:calc(var(--ph) * .022);width:27%;height:calc(var(--ph) * .031);z-index:40;background:#000;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.phone-btn{background:linear-gradient(90deg,#eceef1,#b8bac0);border-radius:2px;position:absolute}[data-theme=dark] .phone-btn{background:linear-gradient(90deg,#3c3c44,#202026)}.phone-btn-l1{width:3px;height:5.5%;top:21%;left:-2.5px}.phone-btn-l2{width:3px;height:9%;top:29%;left:-2.5px}.phone-btn-l3{width:3px;height:9%;top:40%;left:-2.5px}.phone-btn-r1{width:3px;height:13%;top:26%;right:-2.5px}.phone-glare{z-index:50;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#0000 32%,#ffffff17 44%,#ffffff05 52%,#0000 62%);position:absolute;inset:0}.reels{font-size:calc(var(--ph) * .026);font-family:var(--font-body);color:#fff;transition:opacity .6s;position:absolute;inset:0}.reels-track{transition:transform .75s cubic-bezier(.72,0,.18,1);position:absolute;inset:0}.reel-clip{width:100%;height:100%;position:absolute;left:0;overflow:hidden}.clip-video{object-fit:cover;background:#0d0b0a;width:100%;height:100%;position:absolute;inset:0}.clip-shade{background:linear-gradient(#00000059,#0000 22%),linear-gradient(#0000 58%,#0000009e);position:absolute;inset:0}.reels-progress{top:calc(var(--ph) * .062);z-index:30;gap:4px;display:flex;position:absolute;left:4%;right:4%}.reels-progress span{background:#ffffff47;border-radius:2px;flex:1;height:2.5px;position:relative;overflow:hidden}.reels-progress span:after{content:"";background:#fff;position:absolute;inset:0;transform:translate(-101%)}.reels-progress span.done:after{transform:translate(0)}.reels-progress span.active:after{animation:seg-fill var(--advance) linear forwards}@keyframes seg-fill{0%{transform:translate(-101%)}to{transform:translate(0)}}.reel-rail{z-index:20;flex-direction:column;align-items:center;gap:1.15em;display:flex;position:absolute;bottom:15%;right:4.5%}.rail-item{text-shadow:0 1px 6px #0009;flex-direction:column;align-items:center;gap:.28em;font-size:.68em;font-weight:600;display:flex}.rail-item svg{filter:drop-shadow(0 2px 5px #00000080);width:1.85em;height:1.85em}.rail-heart svg{color:#ff3b5c;animation:heart-pop 2.6s var(--ease-out) infinite}@keyframes heart-pop{0%,to{transform:scale(1)}6%{transform:scale(1.28)}12%{transform:scale(1)}}.reel-hearts{pointer-events:none;z-index:15;width:2em;height:8em;position:absolute;bottom:34%;right:6%}.reel-hearts i{color:#ff3b5c;opacity:0;width:.9em;height:.9em;animation:3.4s ease-in infinite heart-rise;position:absolute;bottom:0;left:50%}.reel-hearts i:nth-child(2){width:.7em;height:.7em;animation-delay:1.1s}.reel-hearts i:nth-child(3){width:.8em;height:.8em;animation-delay:2.2s}@keyframes heart-rise{0%{opacity:0;transform:translate(-50%)scale(.6)}12%{opacity:.9}to{opacity:0;transform:translate(calc(.8em - 50%),-8em)scale(1.15)rotate(14deg)}}.reel-meta{left:5.5%;right:22%;bottom:calc(var(--ph) * .11);z-index:20;flex-direction:column;gap:.45em;display:flex;position:absolute}.reel-handle{align-items:center;gap:.55em;font-size:.78em;font-weight:700;display:flex}.reel-avatar{background:var(--gold-grad);border:1.5px solid #fff;border-radius:50%;flex-shrink:0;width:1.9em;height:1.9em}.reel-follow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border-radius:999px;padding:.25em .8em;font-size:.82em;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff59}.reel-caption{color:#ffffffeb;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72em;line-height:1.4;display:-webkit-box;overflow:hidden}.reel-audio{color:#fffc;align-items:center;gap:.5em;font-size:.66em;display:flex}.reel-audio svg{width:1.1em;height:1.1em}.reels-statusbar{top:calc(var(--ph) * .024);z-index:45;justify-content:space-between;align-items:center;font-size:.7em;font-weight:600;display:flex;position:absolute;left:8%;right:8%}.status-icons{align-items:center;gap:.4em;display:flex}.status-icons svg{width:1.25em;height:1.25em}.reels-tabbar{left:5%;right:5%;bottom:calc(var(--ph) * .018);height:calc(var(--ph) * .07);-webkit-backdrop-filter:blur(14px)saturate(170%);backdrop-filter:blur(14px)saturate(170%);z-index:40;background:#ffffff29;border-radius:999px;justify-content:space-around;align-items:center;padding-inline:4%;display:flex;position:absolute;box-shadow:inset 0 1px #fff6,inset 0 0 0 1px #ffffff2e,0 8px 20px -6px #00000073}.reels-tabbar svg{color:#ffffffd9;width:1.5em;height:1.5em}.tab-create{background:var(--gold-grad);border-radius:.55em;place-items:center;width:2.6em;height:1.8em;display:grid}.tab-create svg{color:#17100a;width:1.1em;height:1.1em}.metric-chip{z-index:60;font-size:min(15px, var(--ph) * .0362);background:var(--frost-fill);-webkit-backdrop-filter:var(--frost-blur);backdrop-filter:var(--frost-blur);box-shadow:var(--frost-shadow);white-space:nowrap;border:1px solid #fffc;border-radius:1.067em;align-items:center;gap:.6em;padding:.667em 1em;display:flex;position:absolute}[data-theme=dark] .metric-chip{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101015b8;border-color:#ffffff1f;box-shadow:0 18px 45px -12px #000000b3}.metric-icon{width:2em;height:2em;color:var(--ink);background:#ffffffbf;border-radius:.6em;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #1e1c280f}[data-theme=dark] .metric-icon{box-shadow:none;background:#ffffff12}.metric-icon svg{width:1em;height:1em}.metric-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);font-size:1em;font-weight:700;line-height:1.1}.metric-label{color:var(--ink-dim);letter-spacing:.04em;font-size:.7em}.metric-views{animation:5.5s ease-in-out infinite alternate chip-float;top:9%;right:-46%}.metric-likes{animation:6.5s ease-in-out .8s infinite alternate chip-float;bottom:30%;left:-52%}.metric-likes .metric-icon{color:#ff3b5c}[data-theme=dark] .metric-likes .metric-icon{background:#ff3b5c24}.metric-leads{animation:7s ease-in-out 1.6s infinite alternate chip-float;bottom:4%;right:-40%}[data-theme=dark] .metric-leads .metric-icon{color:var(--amber);background:#f2a85426}.metric-leads .metric-num{font-size:.867em}@keyframes chip-float{0%{transform:translateY(-6px)rotate(-.5deg)}to{transform:translateY(8px)rotate(.6deg)}}.hero-scroll-hint{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hero-scroll-hint svg{width:12px;height:12px;animation:1.8s ease-in-out infinite hint-bob}@keyframes hint-bob{0%,to{opacity:.5;transform:translateY(-2px)}50%{opacity:1;transform:translateY(3px)}}@media (max-height:950px) and (min-width:900px){.hero-scroll-hint{display:none}}@media (max-width:899px){.hero :is(.hero-bg,.eyebrow,.hero-sub,.hero-body,.hero-scene,.hero-scroll-hint),.hero-cta-row>:not(:first-child){display:none}.hero-inner{height:auto;padding-top:0}.hero-copy{text-align:left;align-items:flex-start;gap:22px}.has-reel .hero-h1{font-size:clamp(2.3rem,10.8vw,3rem)}.hero-h1 :is(.text-gold,.text-gold .shy-l){color:#fff;background:0 0}.hero-h1 .hero-stop,.hero-h1 .hero-stop .shy-l{color:var(--dot)}}