.landing{--line:var(--color-line);--muted:var(--color-text-secondary);--surface:var(--color-surface-elevated);--section-pad:clamp(5rem, 9vw, 8rem);--section-max:68rem;background:radial-gradient(1100px 480px at 78% -140px, color-mix(in srgb, var(--color-brand-primary) 14%, transparent), transparent 70%), radial-gradient(700px 380px at 8% 12%, color-mix(in srgb, var(--color-brand-primary) 7%, transparent), transparent 70%), var(--color-surface-background);min-height:100vh;color:var(--color-text-primary);flex-direction:column;display:flex}.landing-nav{padding:var(--spacing-md) var(--spacing-xl);z-index:10;background:color-mix(in srgb, var(--color-surface-background) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb, var(--color-line) 60%, transparent);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.landing-brand{font-family:var(--typography-font-family-serif);font-size:var(--typography-scale-lg);color:var(--color-brand-primary);flex-direction:column;font-weight:700;line-height:1.15;text-decoration:none;display:flex}.landing-brand-sub{font-family:var(--typography-font-family-sans);font-size:var(--typography-scale-xs);color:var(--color-text-tertiary);letter-spacing:.04em;font-weight:400}.landing-nav-actions{align-items:center;gap:var(--spacing-md);display:flex}.landing-nav-cta{font-size:var(--typography-scale-sm);color:var(--color-brand-primary);border:1px solid color-mix(in srgb, var(--color-brand-primary) 40%, transparent);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:background .16s var(--motion-ease-standard), color .16s var(--motion-ease-standard), transform .16s var(--motion-ease-standard);font-weight:600;text-decoration:none}.landing-nav-cta:hover{background:var(--color-brand-primary);color:var(--color-text-on-inverse);transform:translateY(-1px)}.landing-hero{text-align:center;padding:calc(var(--spacing-xl) * 2.4) var(--spacing-lg) calc(var(--spacing-xl) * 1.6);margin:0 auto}.landing-hero h1{font-family:var(--typography-font-family-serif);margin:0 0 var(--spacing-lg);letter-spacing:-.015em;font-size:clamp(38px,6vw,60px);line-height:1.08}.landing-hero h1 em{color:var(--color-brand-primary);font-style:italic}.landing-hero-sub{font-size:var(--typography-scale-lg);color:var(--color-text-secondary);max-width:640px;margin:0 auto var(--spacing-lg);line-height:1.55}.landing-hero-ctas{gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.landing-cta-primary{background:var(--color-brand-primary);color:var(--color-text-on-inverse);font-weight:600;font-size:var(--typography-scale-base);border-radius:var(--radius-md);box-shadow:var(--elevation-md);transition:transform .18s var(--motion-ease-standard), box-shadow .18s var(--motion-ease-standard), background .18s var(--motion-ease-standard);padding:14px 30px;text-decoration:none}.landing-cta-primary:hover{background:var(--color-brand-primary-hover);box-shadow:0 10px 26px -8px color-mix(in srgb, var(--color-brand-primary) 55%, transparent);transform:translateY(-2px)}.landing-cta-secondary{color:var(--color-brand-primary);font-weight:600;font-size:var(--typography-scale-base);border-radius:var(--radius-md);transition:background .16s var(--motion-ease-standard);padding:14px 22px;text-decoration:none}.landing-cta-secondary:hover{background:var(--color-brand-primary-wash)}.landing-hero-note{font-size:var(--typography-scale-sm);color:var(--color-text-tertiary)}.landing-features h2,.landing-how h2,.landing-final h2{text-align:center}.landing-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.landing-card{background:var(--color-surface-background);border:1px solid var(--color-line);border-radius:var(--radius-lg);height:100%;padding:var(--spacing-lg);box-shadow:var(--elevation-sm);transition:transform .2s var(--motion-ease-standard), box-shadow .2s var(--motion-ease-standard), border-color .2s var(--motion-ease-standard)}.landing-card:hover{box-shadow:var(--elevation-md);border-color:color-mix(in srgb, var(--color-brand-primary) 35%, var(--color-line));transform:translateY(-4px)}.landing-card-icon{border-radius:var(--radius-md);background:var(--color-brand-primary-wash);width:44px;height:44px;color:var(--color-brand-primary);font-size:var(--typography-scale-lg);margin-bottom:var(--spacing-md);justify-content:center;align-items:center;display:inline-flex}.landing-card h3{font-family:var(--typography-font-family-serif);font-size:var(--typography-scale-lg);margin:0 0 var(--spacing-sm)}.landing-card p{color:var(--color-text-secondary);line-height:1.55;font-size:var(--typography-scale-sm);margin:0}.governance-note{border:1px solid var(--line);border-left:3px solid var(--color-brand-primary);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-brand-primary) 6%, transparent);align-items:flex-start;gap:clamp(1rem,2.5vw,1.75rem);margin-top:clamp(1.75rem,3.5vw,2.75rem);padding:clamp(1.4rem,3vw,2rem);display:flex}.governance-mark{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-brand-primary) 14%, transparent);width:2.6rem;height:2.6rem;color:var(--color-brand-primary);flex:none;place-items:center;font-size:1.15rem;display:grid}.governance-note h3{font-size:var(--step-1);letter-spacing:-.02em;margin:0 0 .4rem}.governance-note p{color:var(--muted);line-height:1.65;font-size:var(--step-0);max-width:54rem;margin:0}.shot-frame{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);margin:0;overflow:hidden;box-shadow:0 40px 80px -40px #000000b3}.shot-frame img{border-bottom:1px solid var(--line);width:100%;height:auto;display:block}.shot-frame figcaption{color:var(--muted);padding:.85rem 1.1rem;font-size:.84rem;line-height:1.5}.landing main>section.landing-shot>*{max-width:76rem}.shot-pair{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));align-items:start;gap:clamp(1.5rem,3vw,2.25rem);display:grid}.landing-final{text-align:center;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--color-brand-primary) 10%, transparent)), var(--color-surface-background)}.landing-final h2{max-width:640px;margin-left:auto;margin-right:auto;margin-bottom:var(--spacing-lg)}.landing-footer{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-line);color:var(--color-text-tertiary);font-size:var(--typography-scale-xs);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;transition:opacity .6s var(--motion-ease-standard), transform .6s var(--motion-ease-out);transform:translateY(18px)}.reveal.revealed{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}@media (max-width:640px){.landing-nav{padding:var(--spacing-md) var(--spacing-lg)}.landing-hero{padding-top:var(--spacing-xl)}}.hero-aurora{pointer-events:none;z-index:0;height:120%;position:absolute;inset:-20% -10% auto;overflow:hidden}.hero-aurora span{filter:blur(70px);opacity:.55;will-change:transform;border-radius:50%;display:block;position:absolute}.hero-aurora span:first-child{background:radial-gradient(circle at 30% 30%, var(--color-brand-primary-bright), transparent 68%);width:46vw;height:46vw;animation:22s ease-in-out infinite alternate drift-a;top:-8vw;left:-6vw}.hero-aurora span:nth-child(2){background:radial-gradient(circle at 60% 40%, var(--color-brand-accent-blue), transparent 68%);width:40vw;height:40vw;animation:27s ease-in-out infinite alternate drift-b;top:-2vw;right:-4vw}.hero-aurora span:nth-child(3){background:radial-gradient(circle at 50% 50%, var(--color-semantic-info), transparent 70%);width:34vw;height:34vw;animation:31s ease-in-out infinite alternate drift-c;top:22%;left:34%}@keyframes drift-a{to{transform:translate(6vw,4vw)scale(1.12)}}@keyframes drift-b{to{transform:translate(-5vw,6vw)scale(1.08)}}@keyframes drift-c{to{transform:translate(3vw,-5vw)scale(1.15)}}.hero{isolation:isolate;position:relative}.hero>*{z-index:1;position:relative}.grad-text{background:linear-gradient(100deg, var(--color-brand-primary) 0%, var(--color-brand-accent-blue) 55%, var(--color-semantic-info) 100%);color:var(--color-brand-primary);-webkit-background-clip:text;background-clip:text}@supports ((-webkit-background-clip:text) or (background-clip:text)){.grad-text{color:#0000}}@media (prefers-reduced-motion:reduce){.hero-aurora span{animation:none!important}}.landing-section-sub{color:var(--muted);max-width:44rem;margin:0 0 1.8rem;line-height:1.65}.metric-band{background:var(--line);border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.metric{background:var(--surface);gap:.3rem;padding:1.4rem 1.1rem;display:grid}.metric strong{letter-spacing:-.03em;background:linear-gradient(100deg, var(--color-brand-primary), var(--color-brand-accent-blue));color:var(--color-brand-primary);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.5rem,3.2vw,2.1rem)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.metric strong{color:#0000}}.metric span{color:var(--muted);font-size:.84rem;line-height:1.45}@media (max-width:780px){.metric-band{grid-template-columns:repeat(2,1fr)}}.gradient-card{position:relative}.gradient-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--color-brand-primary-bright) 67%, transparent), color-mix(in srgb, var(--color-brand-accent-blue) 67%, transparent) 45%, transparent 70%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .22s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.landing-card:hover.gradient-card:before{opacity:1}@media (prefers-reduced-motion:reduce){.gradient-card:before{transition:none}}.landing{--step--1:clamp(.83rem, .8rem + .15vw, .92rem);--step-0:clamp(1rem, .95rem + .25vw, 1.13rem);--step-1:clamp(1.25rem, 1.1rem + .7vw, 1.6rem);--step-2:clamp(1.6rem, 1.35rem + 1.2vw, 2.35rem);--step-3:clamp(2.1rem, 1.6rem + 2.4vw, 3.5rem);--step-4:clamp(2.7rem, 1.8rem + 4.4vw, 5.2rem);--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}.scroll-rail{z-index:60;background:linear-gradient(90deg, var(--color-brand-primary-bright), var(--color-brand-accent-blue) 50%, var(--color-semantic-info));transform-origin:0;height:2px;position:fixed;inset:0 0 auto;transform:scaleX(0)}@supports (animation-timeline:scroll()){.scroll-rail{animation:linear rail;animation-timeline:scroll(root)}@keyframes rail{to{transform:scaleX(1)}}}.landing-hero{padding-block:clamp(4.5rem,10vw,9rem) clamp(3rem,6vw,5rem)}.landing-hero h1{font-size:var(--step-4);letter-spacing:-.045em;text-wrap:balance;margin:0 0 1.4rem;font-weight:700;line-height:.98}.landing-hero-sub{font-size:var(--step-1);max-width:46ch;color:var(--muted);text-wrap:pretty;margin-inline:auto;line-height:1.5}.landing-hero-note{font-size:var(--step--1);margin-top:1.4rem}.hero:after{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.5;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 35%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 55% at 50% 35%,#000 20%,#0000 75%)}.landing main>section{padding-block:var(--section-pad);padding-inline:var(--spacing-lg);border-top:1px solid var(--line);position:relative}.landing main>section>*{max-width:var(--section-max);margin-inline:auto}.landing-hero{border-top:0!important}.landing main>section.landing-metrics{padding-block:clamp(2.5rem,4.5vw,3.75rem)}.landing-shot,.landing-features,.landing-how{background:var(--color-surface-elevated)}.landing-features h2,.landing-how h2,.landing-final h2{font-size:var(--step-2);letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:700;line-height:1.08}.section-head{text-align:center;max-width:46rem;margin:0 auto clamp(2.5rem,5vw,4rem)}.section-eyebrow{border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--color-brand-primary) 35%, transparent);background:color-mix(in srgb, var(--color-brand-primary) 10%, transparent);color:var(--color-brand-primary);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:1.15rem;padding:.35rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.section-head .landing-section-sub{text-align:center;max-width:42rem;margin:1.1rem auto 0}.landing-card{transition:transform .32s var(--ease-out-expo), box-shadow .32s var(--ease-out-expo);border-radius:16px;padding:1.5rem}.landing-card:hover{transform:translateY(-4px);box-shadow:0 22px 45px -28px #0f172a8c}.landing-card h3{font-size:var(--step-1);letter-spacing:-.02em;margin:.8rem 0 .5rem}.landing-card p{color:var(--muted);line-height:1.65;font-size:var(--step-0)}.landing-card-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--color-brand-primary-bright) 13%, transparent), color-mix(in srgb, var(--color-brand-accent-blue) 13%, transparent));border:1px solid var(--line);border-radius:12px;place-items:center;width:2.6rem;height:2.6rem;font-size:1.1rem;display:grid}.landing .btn-primary,.landing .btn-ghost{transition:transform .18s var(--ease-out-expo), box-shadow .18s var(--ease-out-expo), background .18s ease}.landing .btn-primary:hover{box-shadow:0 14px 28px -14px var(--color-brand-primary)99;transform:translateY(-2px)}.landing .btn-primary:active,.landing .btn-ghost:active{transform:scale(.97)}.landing-steps{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:clamp(1.75rem,4vw,3rem);display:grid;position:relative}.landing-step{text-align:left;padding:0;position:relative}.landing-step-n{width:auto;height:auto;font-family:var(--typography-font-family-mono);letter-spacing:.08em;color:var(--color-brand-primary);background:0 0;border-radius:0;margin-bottom:1rem;font-size:.95rem;font-weight:600;display:block;position:static}.landing-steps{border-top:1px solid var(--line);padding-top:2.25rem}.landing-step:before{content:"";background:var(--color-brand-primary);width:2.5rem;height:1px;margin-top:-1px;position:absolute;top:-2.25rem;left:0}.landing-step h3{font-size:var(--step-1);letter-spacing:-.02em;text-align:left;margin:0 0 .55rem}.landing-step p{color:var(--muted);line-height:1.65;font-size:var(--step-0);text-align:left;margin:0}@media (prefers-reduced-motion:reduce){.scroll-rail{transform:scaleX(0);animation:none!important}.landing-card,.landing .btn-primary,.landing .btn-ghost{transition:none}.landing-card:hover,.landing .btn-primary:hover{transform:none}}.landing-hero h1{letter-spacing:-.02em;text-wrap:balance;margin-bottom:var(--spacing-lg);font-size:clamp(2.9rem,6.4vw,5.1rem);font-weight:700;line-height:1.02}.landing-hero h1 em{font-style:normal}.landing-hero-sub{text-wrap:pretty;max-width:40ch;margin-inline:auto;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.5}.landing-hero-ctas{margin-top:var(--spacing-xl)}.landing-hero-ctas .btn-primary{border-radius:var(--radius-pill);padding:.9rem 1.9rem;font-size:1rem}.landing-footer-links{gap:var(--spacing-md);display:flex}.landing-footer-links a{color:var(--color-text-tertiary);text-decoration:none}.landing-footer-links a:hover{color:var(--color-brand-primary)}
