:root{--hero-midnight:220 40% 4%;--hero-glow-gold:42 80% 55%;--hero-glow-blue:228 75% 53%}.syne-hero{font-optical-sizing:auto;font-weight:700;font-size:clamp(2.25rem,6vw,4.25rem);line-height:1.08;letter-spacing:-.02em}.syne-hero,.syne-hero-cinematic{font-family:var(--font-heading),"Syne",sans-serif}.syne-hero-cinematic{font-optical-sizing:auto;font-weight:700;font-size:clamp(1.75rem,4.6vw,2.75rem);line-height:1.15;letter-spacing:-.03em;color:hsl(0 0% 98%)}.text-gold-shimmer{background:linear-gradient(105deg,#9a7b2f,#e8c97a 18%,#fff4d4 38%,#f5d78e 52%,#fff8e7 62%,#c9a227 78%,#9a7b2f);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gold-shimmer 5s ease-in-out infinite}@keyframes gold-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-headline-slot{display:grid;width:100%;grid-template-columns:1fr;grid-template-rows:1fr;min-height:1.15em}.hero-headline-layer{grid-area:1/1;align-self:center;display:block;white-space:nowrap;transition:opacity .6s ease,transform .6s ease}.hero-headline-sizer{visibility:hidden;opacity:0;z-index:0;pointer-events:none;user-select:none}.hero-headline-layer.is-active{opacity:1;transform:translateY(0);z-index:2}.hero-headline-layer.is-exiting{opacity:0;transform:translateY(-12px);z-index:1}.hero-headline-layer.is-entering{opacity:0;transform:translateY(16px);z-index:2}.hero-headline-layer.is-entering.is-active{opacity:1;transform:translateY(0)}.syne-heading{font-family:var(--font-heading),"Syne",sans-serif;font-optical-sizing:auto;font-weight:600;letter-spacing:-.01em}.font-hand{font-family:var(--font-hand),Caveat,cursive}.section-tag{font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.hero-cinematic-root{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse 90% 70% at 70% 40%,hsl(var(--hero-glow-blue)/.18),transparent 55%),radial-gradient(ellipse 60% 50% at 20% 80%,hsl(var(--hero-glow-gold)/.08),transparent 50%),linear-gradient(165deg,hsl(var(--hero-midnight)) 0,hsl(220 35% 6%) 45%,hsl(220 40% 3%) 100%)}.hero-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.45}.hero-bg-scrim{position:absolute;inset:0;background:hsl(220 40% 3%/.1);pointer-events:none}.hero-ambient-pulse{position:absolute;inset:0;background:radial-gradient(ellipse 50% 40% at 65% 35%,hsl(var(--hero-glow-blue)/.12),transparent 70%);animation:ambient-pulse 8s ease-in-out infinite}@keyframes ambient-pulse{0%,to{opacity:.6}50%{opacity:1}}.hero-vignette{background:radial-gradient(ellipse 85% 75% at 50% 45%,transparent 55%,hsl(220 40% 2%/.14) 100%)}.hero-film-grain:after,.hero-vignette{position:absolute;inset:0;pointer-events:none}.hero-film-grain:after{content:"";opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.btn-hero-primary{box-shadow:0 0 24px hsl(var(--hero-glow-gold)/.35),0 4px 20px hsl(var(--primary)/.25)}.btn-hero-ghost{background:hsl(0 0% 100%/.05)!important;border-color:hsl(0 0% 100%/.15)!important;backdrop-filter:blur(12px)}.hero-subtext{font-family:var(--font-heading),"Syne",sans-serif;font-weight:400;font-size:clamp(.95rem,1.8vw,1.15rem);line-height:1.5;color:hsl(0 0% 90%/.75);max-width:32rem}@keyframes stage-float-a{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}.animate-stage-float-a{animation:stage-float-a 5s ease-in-out infinite}.hero-stage-atmosphere-wrap{position:absolute;z-index:1;top:6%;bottom:2%;left:-8%;right:-8%;pointer-events:none}@media (min-width:1024px){.hero-stage-atmosphere-wrap{top:0;bottom:0;left:22%;right:0}}.hero-stage-video{aspect-ratio:9/16;height:auto}.hero-stage-atmosphere{display:block;width:100%;height:100%;object-fit:cover;object-position:55% center;opacity:.5;filter:blur(3px);transform:scale(1.06);-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.25) 8%,#000 20%,#000 80%,rgba(0,0,0,.25) 92%,transparent);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.25) 8%,#000 20%,#000 80%,rgba(0,0,0,.25) 92%,transparent)}@media (min-width:1024px){.hero-stage-atmosphere{object-position:center 42%;transform:scale(1.12);opacity:.52;-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.2) 6%,#000 16%,#000 84%,rgba(0,0,0,.2) 94%,transparent),linear-gradient(90deg,transparent 0,rgba(0,0,0,.15) 10%,rgba(0,0,0,.55) 22%,#000 38%,#000);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.2) 6%,#000 16%,#000 84%,rgba(0,0,0,.2) 94%,transparent),linear-gradient(90deg,transparent 0,rgba(0,0,0,.15) 10%,rgba(0,0,0,.55) 22%,#000 38%,#000);-webkit-mask-composite:source-in;mask-composite:intersect}}.hero-stage-compose{isolation:isolate}.hero-stage-characters-root{padding-bottom:0}@media (min-width:1024px){.hero-stage-characters-root{padding-right:max(1.5rem,calc((100vw - min(100vw, 72rem)) / 2 + 1.5rem))}}@media (min-width:1440px){.hero-stage-characters-root{padding-right:max(.5rem,calc((100vw - min(100vw, 72rem)) / 2))}.hero-stage-characters-group{transform:translateX(2.5rem)}}.hero-stage-characters-group{isolation:isolate}@media (min-width:1024px){.hero-stage-video-anchor{position:relative;flex-shrink:0}}.hero-character-badge{position:absolute;left:50%;bottom:0;z-index:40;width:max-content;max-width:11.5rem;transform:translateX(-50%) translateY(-15px);display:flex;flex-direction:column;align-items:center;gap:.1rem;border-radius:1rem;border:1px solid hsl(var(--accent)/.55);background:hsl(var(--accent));color:hsl(var(--accent-foreground));padding:.45rem .7rem;text-align:center;box-shadow:0 0 20px hsl(var(--accent)/.45),0 4px 16px rgba(0,0,0,.35)}.hero-character-badge-line{display:block;font-size:.65rem;font-weight:600;line-height:1.2;letter-spacing:.02em}@media (min-width:640px){.hero-character-badge{max-width:12.5rem;padding:.5rem .8rem}.hero-character-badge-line{font-size:.7rem}}.glass-panel{background:hsl(0 0% 100%/.05);border:1px solid hsl(0 0% 100%/.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.feature-card{position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.feature-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,hsl(var(--accent)) 0,hsl(var(--accent)/.5) 50%,transparent 100%);opacity:0;transition:opacity .25s ease}.feature-card:hover{transform:translateY(-2px);border-color:hsl(var(--border))}.feature-card:hover:after{opacity:1}.pricing-card-highlight{border-color:hsl(var(--primary)/.5);box-shadow:0 0 0 1px hsl(var(--primary)/.2)}.step-card{transition:transform .2s ease,border-color .2s ease}.step-card:hover{transform:translateY(-2px);border-color:hsl(var(--primary)/.4)}@media (min-width:1024px){.how-flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}.how-flow-rail{top:1.25rem;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent 0,hsl(var(--primary)/.35) 15%,hsl(var(--accent)/.65) 50%,hsl(var(--primary)/.35) 85%,transparent 100%);z-index:0}.how-flow-node{border:2px solid hsl(var(--primary)/.45);background:hsl(var(--background)/.92);box-shadow:0 0 0 1px hsl(var(--primary)/.12),0 0 24px hsl(var(--primary)/.18);backdrop-filter:blur(8px)}.how-flow-spine{background:linear-gradient(180deg,hsl(var(--primary)/.55) 0,hsl(var(--border)/.9) 100%)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-pulse-dot{animation:pulse-dot 2s ease-in-out infinite}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards;opacity:0}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.animate-marquee{animation:marquee 40s linear infinite}@keyframes lore-aurora-a{0%,to{transform:translate(-18%,-22%) scale(1)}50%{transform:translate(22%,12%) scale(1.25)}}@keyframes lore-aurora-b{0%,to{transform:translate(28%,24%) scale(1.1)}50%{transform:translate(-16%,-18%) scale(.88)}}@keyframes lore-sheen-shift{0%{background-position:0 40%}50%{background-position:100% 60%}to{background-position:0 40%}}@keyframes lore-conic-spin{to{transform:rotate(1turn)}}.lore-dropzone-orb{position:absolute;border-radius:9999px;pointer-events:none;filter:blur(40px)}.lore-dropzone-orb-a{inset:-20% auto auto -15%;width:70%;height:70%;background:hsl(var(--primary)/.16);animation:lore-aurora-a 12s ease-in-out infinite}.lore-dropzone-orb-b{inset:auto -18% -22% auto;width:65%;height:65%;background:hsl(var(--accent)/.1);animation:lore-aurora-b 15s ease-in-out infinite}.lore-dropzone-spin{position:absolute;inset:-45%;pointer-events:none;background:conic-gradient(from 200deg,hsl(var(--primary)/.2),hsl(var(--accent)/.1),hsl(228 75% 53%/.08),hsl(var(--primary)/.2));animation:lore-conic-spin 16s linear infinite;filter:blur(52px);opacity:.45}.lore-dropzone-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0,hsl(var(--primary)/.1) 22%,hsl(var(--accent)/.12) 48%,hsl(var(--primary)/.07) 72%,transparent 100%);background-size:240% 240%;animation:lore-sheen-shift 6.5s ease-in-out infinite;mix-blend-mode:screen}.hero-phone{position:relative;width:100%;max-width:280px;margin-inline:auto}@media (min-width:640px){.hero-phone--fit-height{width:auto;height:100%;max-height:100%;max-width:min(280px,100%);aspect-ratio:390/844}.hero-phone--fit-height .hero-phone-bezel{display:flex;height:100%;box-sizing:border-box}.hero-phone--fit-height .hero-phone-screen{flex:1;min-height:0;height:auto;aspect-ratio:unset}}.hero-phone-bezel{position:relative;padding:10px;border-radius:1.5rem;background:linear-gradient(165deg,#5a5a64,#1c1c22 28%,#0a0a0c 72%,#2a2a32);box-shadow:0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.18),0 28px 50px -18px rgba(0,0,0,.75),0 0 48px hsl(var(--accent)/.08)}.hero-phone-screen{position:relative;aspect-ratio:828/1792;overflow:hidden;border-radius:1.05rem;background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.hero-phone-screen iframe,.hero-phone-site{position:absolute;top:0;left:0;width:118%;height:118%;border:0;transform:scale(.85);transform-origin:top left}.hero-phone-notch{top:0;width:46%;height:22px;border-radius:0 0 12px 12px;background:#050505;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.hero-phone-home,.hero-phone-notch{position:absolute;left:50%;z-index:3;transform:translateX(-50%);pointer-events:none}.hero-phone-home{bottom:7px;width:36%;height:4px;border-radius:999px;background:rgba(255,255,255,.32)}.hero-book-play-arrow{top:-3.15rem;right:12.25rem;width:14.75rem;height:7.25rem;overflow:visible;color:hsl(var(--accent)/.92)}.hero-book-play-label{position:absolute;top:-2.45rem;left:1.35rem;display:flex;flex-direction:column;margin:0;max-width:12.5rem;rotate:-12deg;font-family:var(--font-hand),Caveat,cursive;font-size:1.75rem;font-weight:600;line-height:.92;letter-spacing:.01em;color:hsl(var(--accent))}.hero-phone-btn{position:absolute;z-index:2;background:#2a2a30;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.hero-phone-btn-silent{top:18%;left:-3px;width:3px;height:18px;border-radius:2px 0 0 2px}.hero-phone-btn-vol-up{top:26%}.hero-phone-btn-vol-down,.hero-phone-btn-vol-up{left:-3px;width:3px;height:36px;border-radius:2px 0 0 2px}.hero-phone-btn-vol-down{top:36%}.hero-phone-btn-power{top:30%;right:-3px;width:3px;height:54px;border-radius:0 2px 2px 0}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.animate-fade-in-up,.animate-marquee,.animate-pulse-dot,.animate-stage-float-a,.hero-ambient-pulse,.lore-dropzone-orb-a,.lore-dropzone-orb-b{animation:none;opacity:1;transform:none}.hero-bg-image{filter:none;transform:none}.lore-dropzone-sheen,.lore-dropzone-spin{animation:none;opacity:.35;transform:none}.text-gold-shimmer{animation:none;background-position:50% 50%}.hero-headline-layer{transition:none}}