.hero-demo-section{--bg:var(--background);--ink:var(--foreground);--muted:var(--muted-foreground);--accent:#7c9cff;--accent-2:#c084fc;--accent-warm:#ffb27a;isolation:isolate;width:100%;scroll-margin-top:calc(var(--site-header-footprint,4rem) + 1rem);box-sizing:border-box;color:var(--ink);font-family:var(--font-geist-sans),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:0 0;flex-direction:column;justify-content:center;align-items:center;margin-top:clamp(2.5rem,5vw,4rem);padding:0 1.25rem clamp(3rem,5vw,5rem);display:flex;position:relative}:root:not(.dark) .hero-demo-section{--bg:#0c0c11;--ink:#f0f2f4;--muted:#a4a8af;--accent:#6554d9;--accent-2:#9333ea;--accent-warm:#f97316}@supports (color:lab(0% 0 0)){:root:not(.dark) .hero-demo-section{--bg:lab(3.29793% .780165 -2.70137);--ink:lab(95.3457% -.168204 -1.50628);--muted:lab(68.6237% -.178695 -4.52429)}}.hero-demo-section-inner{z-index:1;width:100%;max-width:1080px;position:relative}.hero-demo{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.hero-demo-glow{z-index:-1;filter:blur(24px);background:radial-gradient(60% 55% at 50% 40%,#7c9cff38,#0000 70%);position:absolute;inset:-12% -6% -18%}.hero-demo-frame{width:100%;position:relative}.hero-demo-frame-desktop{aspect-ratio:16/9}.hero-demo-frame-mobile{aspect-ratio:400/550;max-width:420px}
.hero-episode{--site-header-footprint:3.5rem;--bg:var(--background);--ink:var(--foreground);--muted:var(--muted-foreground);--accent:#7c9cff;--accent-2:#c084fc;--accent-warm:#ffb27a;--star:#ffffff8c;--vignette-opacity:1;isolation:isolate;width:100%;margin-top:calc(-1*var(--site-header-footprint));box-sizing:border-box;background:var(--bg);position:relative}:root:not(.dark) .hero-episode{--bg:#0c0c11;--ink:#f0f2f4;--muted:#a4a8af;--accent:#6554d9;--accent-2:#9333ea;--accent-warm:#f97316;--star:#ffffff8c;--vignette-opacity:1}@supports (color:lab(0% 0 0)){:root:not(.dark) .hero-episode{--bg:lab(3.29793% .780165 -2.70137);--ink:lab(95.3457% -.168204 -1.50628);--muted:lab(68.6237% -.178695 -4.52429)}}.hero{--bg:var(--background);--ink:var(--foreground);--muted:var(--muted-foreground);--accent:#7c9cff;--accent-2:#c084fc;--accent-warm:#ffb27a;--star:#ffffff8c;--vignette-opacity:1;--site-header-footprint:3.5rem;isolation:isolate;width:100%;height:100svh;padding-top:var(--site-header-footprint);box-sizing:border-box;color:var(--ink);font-family:var(--font-geist-sans),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:0 0;position:relative}:root:not(.dark) .hero{--bg:#0c0c11;--ink:#f0f2f4;--muted:#a4a8af;--accent:#6554d9;--accent-2:#9333ea;--accent-warm:#f97316;--star:#ffffff8c;--vignette-opacity:1}@supports (color:lab(0% 0 0)){:root:not(.dark) .hero{--bg:lab(3.29793% .780165 -2.70137);--ink:lab(95.3457% -.168204 -1.50628);--muted:lab(68.6237% -.178695 -4.52429)}}:root:not(.dark) .hero-aurora,:root:not(.dark) .hero-beam{opacity:.85}:root:not(.dark) .hero-horizon:after{background:linear-gradient(90deg,#0000,#5a82ff99,#0000);box-shadow:0 0 24px 2px #7c9cff66}:root:not(.dark) .hero-btn-ghost{color:#f5f5f7;background:#ffffff0f;border-color:#ffffff3d}:root:not(.dark) .hero-btn-ghost:hover{color:#fff;background:#ffffff1f;border-color:#ffffff61}@media (min-width:640px){.hero-episode,.hero{--site-header-footprint:4rem}}.hero-stage{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:clip}.hero-aurora{filter:blur(30px);opacity:.9;background:radial-gradient(60% 55% at 30% 30%,#7c9cff47,#0000 70%),radial-gradient(55% 60% at 72% 22%,#c084fc3d,#0000 72%),radial-gradient(45% 55% at 52%,#ffb27a1f,#0000 70%);height:90%;animation:22s ease-in-out infinite alternate hero-aurora-drift;position:absolute;inset:-25% -10% auto}@keyframes hero-aurora-drift{0%{transform:translate(-3%,-2%)scale(1.05)}50%{transform:translate(3%,2%)scale(1.12)}to{transform:translate(-2%,3%)scale(1.06)}}.hero-beam{opacity:.85;background:conic-gradient(from 180deg at 50% 0,#0000 0deg,#7c9cff24 12deg,#c084fc1a 24deg,#0000 40deg 320deg,#ffb27a14 336deg,#7c9cff24 348deg,#0000 360deg);width:120vw;height:120%;animation:9s ease-in-out infinite hero-beam-pulse;position:absolute;top:-20%;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(70% 90% at 50% 0,#000 0%,#0000 72%);mask-image:radial-gradient(70% 90% at 50% 0,#000 0%,#0000 72%)}@keyframes hero-beam-pulse{0%,to{opacity:.6}50%{opacity:.95}}.hero-horizon{filter:blur(20px);background:radial-gradient(50% 50%,#7c9cff59,#c084fc1f 45%,#0000 65%);border-radius:50%;width:150vw;height:90vh;position:absolute;bottom:-42%;left:50%;transform:translate(-50%)}.hero-horizon:after{content:"";background:linear-gradient(90deg,#0000,#b4c8ffb3,#0000);width:80%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 24px 2px #7c9cff8c}.hero-stars{background-image:radial-gradient(1.5px 1.5px at 12% 18%, var(--star), transparent),radial-gradient(1px 1px at 28% 42%, var(--star), transparent),radial-gradient(1.5px 1.5px at 68% 28%, var(--star), transparent),radial-gradient(1px 1px at 82% 62%, var(--star), transparent),radial-gradient(1px 1px at 46% 74%, var(--star), transparent),radial-gradient(1.5px 1.5px at 91% 14%, var(--star), transparent),radial-gradient(1px 1px at 6% 66%, var(--star), transparent);animation:6s ease-in-out infinite alternate hero-twinkle;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 80% at 50% 20%,#000 20%,#0000 85%);mask-image:radial-gradient(120% 80% at 50% 20%,#000 20%,#0000 85%)}@keyframes hero-twinkle{0%{opacity:.5}to{opacity:.95}}.hero-grain{opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.6s steps(3,end) infinite hero-grain-shift;position:absolute;inset:-50%}@keyframes hero-grain-shift{0%{transform:translate(0)}33%{transform:translate(-4%,3%)}66%{transform:translate(3%,-2%)}to{transform:translate(0)}}.hero-vignette{opacity:var(--vignette-opacity);background:linear-gradient(#05060a8c 0%,#0000 22% 70%,#05060ad9 100%),radial-gradient(120% 120% at 50% 40%,#0000 45%,#05060aa6 100%);position:absolute;inset:0}.hero-inner{height:calc(100svh - var(--site-header-footprint));z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1100px;margin:0 auto;display:flex;position:relative}.hero-title{color:var(--ink);font-family:var(--font-geist-sans),sans-serif;letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(3rem,9.5vw,7.5rem);font-weight:700;line-height:.92}.hero-line{display:block}.hero-title-accent{background:linear-gradient(100deg, var(--accent) 0%, var(--accent-2) 45%, var(--accent-warm) 100%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite hero-accent-flow;position:relative}@keyframes hero-accent-flow{0%,to{background-position:0%}50%{background-position:100%}}.hero-subtitle{max-width:46ch;color:var(--muted);margin:1.75rem 0 0;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:400;line-height:1.5}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;margin-top:2.75rem;display:flex}.hero-btn{cursor:pointer;will-change:transform;border-radius:999px;align-items:center;gap:.5rem;height:3.25rem;padding:0 1.6rem;font-size:1rem;font-weight:550;text-decoration:none;transition:transform .2s,box-shadow .3s,background .2s,border-color .2s;display:inline-flex}.hero-btn-primary{color:#fff;background:var(--brand);box-shadow:0 0 0 1px color-mix(in oklch, var(--brand) 60%, transparent),0 10px 40px -8px color-mix(in oklch, var(--brand) 50%, transparent)}.hero-btn-primary:hover{background:color-mix(in oklch, var(--brand) 85%, black);box-shadow:0 0 0 1px color-mix(in oklch, var(--brand) 75%, transparent),0 16px 55px -8px color-mix(in oklch, var(--brand) 60%, transparent);transform:translateY(-2px)}.hero-btn-arrow{transition:transform .2s}.hero-btn-primary:hover .hero-btn-arrow{transform:translate(3px)}.hero-btn-ghost{color:var(--ink);background:color-mix(in oklch, var(--glass) 4%, transparent);border:1px solid color-mix(in oklch, var(--glass) 16%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-btn-ghost:hover{background:color-mix(in oklch, var(--glass) 8%, transparent);border-color:color-mix(in oklch, var(--glass) 30%, transparent);transform:translateY(-2px)}@media (max-width:640px){.hero-inner{padding:0 1.25rem}.hero-actions{flex-direction:column;align-self:stretch;width:100%}.hero-btn{justify-content:center;width:100%}}@media (max-height:800px){.hero-actions{margin-top:1.75rem}}@media (prefers-reduced-motion:reduce){.hero-aurora,.hero-beam,.hero-stars,.hero-grain,.hero-title-accent{animation:none!important}}
.problem{--problem-bg:var(--background);--problem-ink:var(--foreground);--problem-muted:var(--muted-foreground);--problem-gold:var(--brand);scroll-margin-top:calc(var(--site-header-footprint,4rem) + 1rem);background:var(--problem-bg);color:var(--problem-ink);text-align:center;font-family:var(--font-geist-sans),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;flex-direction:column;justify-content:center;align-items:center;padding:6rem 1.5rem 3rem;display:flex;position:relative}.problem-kicker{letter-spacing:.32em;text-transform:uppercase;color:var(--problem-muted);margin:0;font-size:1.5rem;font-weight:600;line-height:1.1}.problem-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3rem 5rem;width:100%;max-width:1080px;margin-top:3.5rem;display:grid}.problem-card{flex-direction:column;align-items:center;display:flex}.problem-index{letter-spacing:.1em;color:var(--problem-gold);font-size:.85rem;font-weight:700;line-height:1}.problem-title{letter-spacing:-.02em;max-width:22ch;color:var(--problem-ink);text-wrap:balance;margin:1.1rem 0 0;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600;line-height:1.16}.problem-copy{max-width:36ch;color:var(--problem-muted);margin:1.1rem 0 0;font-size:clamp(1.1rem,1.8vw,1.25rem);font-weight:400;line-height:1.7}.problem-em{color:var(--problem-ink);font-weight:600}@media (min-width:640px){.problem-kicker{font-size:1.875rem}}@media (max-width:720px){.problem{padding:4.5rem 1.25rem 3rem}.problem-grid{grid-template-columns:1fr;gap:3rem;margin-top:3rem}}
.sol{--sol-bg:var(--background);--sol-ink:var(--foreground);--sol-muted:var(--muted-foreground);--sol-line:var(--glass-border);--sol-accent:var(--brand);--sol-card-bg:linear-gradient(180deg, #ffffff0d, #ffffff05);--sol-card-shadow:0 24px 60px -28px #000000d9;isolation:isolate;scroll-margin-top:calc(var(--site-header-footprint,4rem) + 1rem);background:var(--sol-bg);color:var(--sol-ink);font-family:var(--font-geist-sans),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;position:relative}:root:not(.dark) .sol{--sol-card-bg:linear-gradient(180deg, #ffffffeb, #ffffffb8);--sol-card-shadow:0 24px 60px -28px #191c2233}:root:not(.dark) .sol-aurora{opacity:.5}.sol-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:clip}.sol-aurora{filter:blur(60px);opacity:.6;pointer-events:none;background:radial-gradient(closest-side,#f4c5441a,#0000 70%),radial-gradient(closest-side,#7c9cff24,#0000 72%),radial-gradient(closest-side,#c084fc14,#0000 75%),radial-gradient(closest-side,#7c9cff14,#0000 78%);border-radius:50%;width:900px;height:700px;animation:16s ease-in-out infinite alternate sol-aurora-drift;position:absolute;top:-50px;left:50%;transform:translate(-50%)}@keyframes sol-aurora-drift{0%{transform:translate(-52%)translateY(0)}to{transform:translate(-48%)translateY(14px)}}.sol-grain{opacity:.7;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix in='noise' type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/></svg>");background-size:160px 160px;position:absolute;inset:-50%}.sol-inner{z-index:1;box-sizing:border-box;flex-direction:column;align-items:stretch;padding:1.5rem 1.5rem 5rem;display:flex;position:relative}.sol-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:2rem;width:100%;max-width:1080px;display:grid}.sol-card{border:1px solid var(--sol-line);background:var(--sol-card-bg);min-width:0;box-shadow:var(--sol-card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;border-radius:16px;flex-direction:column;padding:clamp(1.4rem,2.4vw,2rem);display:flex}.sol-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--sol-accent);margin-bottom:.55rem;font-size:.9rem;font-weight:700}.sol-card-title{letter-spacing:-.015em;color:var(--sol-ink);text-wrap:balance;margin:0 0 .45rem;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:620;line-height:1.25}.sol-card-body{max-width:46ch;color:var(--sol-muted);margin:0;font-size:clamp(.95rem,1.5vw,1.05rem);font-weight:400;line-height:1.6}@media (max-width:720px){.sol-inner{padding:1.25rem 1.25rem 4rem}.sol-grid{grid-template-columns:1fr;gap:1.5rem}}@media (prefers-reduced-motion:reduce){.sol-aurora{animation:none!important}}