.landing{--landing-max:1200px;--landing-gutter:clamp(16px,4vw,40px);--landing-card-bg:var(--glass);--landing-card-border:var(--rule);--landing-card-radius:var(--radius-3);min-height:100vh;overflow-x:clip;background:radial-gradient(60% 50% at 75% 0,var(--glow-violet),var(--clear) 70%),radial-gradient(50% 40% at 10% 10%,var(--glow-accent),var(--clear) 70%),var(--background);color:var(--text)}.landing h1,.landing h2,.landing h3{font-family:var(--font-display);letter-spacing:var(--tracking-display);line-height:var(--leading-display);text-transform:none;color:var(--text)}.landing-notice{max-width:calc(var(--landing-max) - 2 * var(--landing-gutter));margin:var(--space-4) auto 0}.landing-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(var(--space-6),5vw,var(--space-8));max-width:var(--landing-max);margin:0 auto;padding:clamp(var(--space-7),8vw,120px) var(--landing-gutter) var(--space-9)}.landing-hero__copy{position:relative;z-index:1}.landing-eyebrow,.landing-kicker{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);font:500 var(--text-xs) /1 var(--font-mono);letter-spacing:var(--tracking-stamp);text-transform:uppercase;color:var(--accent-text)}.landing-eyebrow{padding:var(--space-2) var(--space-3);border:1px solid var(--accent-6);border-radius:var(--radius-3);background:var(--glass)}.landing-hero h1{margin:0;font-size:clamp(38px,5.2vw,68px);font-weight:700}.landing-gradient-text{color:var(--accent-text)}.landing-lede{max-width:34em;margin:var(--space-5) 0 0;font-size:clamp(var(--text-base),1.4vw,18px);line-height:var(--leading-prose);color:var(--text-secondary)}.landing-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.landing-cta__main{padding-inline:var(--space-5);box-shadow:0 0 28px var(--glow-accent-strong)}.landing-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-6) 0 0;padding:0;list-style:none}.landing-chips li{padding:var(--space-1) var(--space-3);border:var(--rule-strong);border-radius:var(--radius-3);font:var(--text-xs) var(--font-mono);color:var(--text-secondary)}.landing-horizon{position:absolute;inset:auto 0 0;height:55%;overflow:hidden;perspective:420px;pointer-events:none;mask-image:linear-gradient(to top,var(--text),var(--clear) 85%)}.landing-horizon__grid{position:absolute;inset:-100% -50% 0;background:linear-gradient(var(--border-subtle) 1px,var(--clear) 1px) 0 0 /48px 48px,linear-gradient(90deg,var(--border-subtle) 1px,var(--clear) 1px) 0 0 /48px 48px;transform:rotateX(62deg);transform-origin:bottom;animation:landing-drift 6s linear infinite}@keyframes landing-drift{0%{translate:0 0}to{translate:0 48px}}.landing-visual{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr 1fr;grid-template-areas:"browser browser" "trace script";gap:var(--space-4)}.landing-browser,.landing-feature,.landing-plan,.landing-replay,.landing-script,.landing-step,.landing-trace{background:var(--landing-card-bg);border:var(--landing-card-border);border-radius:var(--landing-card-radius);backdrop-filter:blur(12px)}.landing-browser{grid-area:browser;overflow:hidden}.landing-browser__bar{display:flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-3);border-bottom:var(--rule)}.landing-browser__bar>span:not(.landing-live){width:9px;height:9px;border-radius:50%;background:var(--neutral-9)}.landing-browser__url{flex:1;min-width:0;margin:0 0 0 var(--space-2);padding:2px var(--space-3);border-radius:var(--radius-1);background:var(--surface-hover);font:var(--text-xs) var(--font-mono);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-live{font:600 var(--text-xs) /1 var(--font-mono);letter-spacing:var(--tracking-stamp);color:var(--accent-text);animation:landing-blink 2s var(--ease) infinite}@keyframes landing-blink{50%{opacity:.45}}.landing-browser__page{position:relative;display:grid;gap:var(--space-3);padding:var(--space-5);min-height:220px}.landing-skel{height:12px;border-radius:var(--radius-1);background:var(--surface-active)}.landing-skel--title{width:45%;height:16px}.landing-field{display:grid;gap:6px}.landing-field__label{width:22%;height:8px;border-radius:var(--radius-1);background:var(--surface-active)}.landing-field__input{display:flex;align-items:center;height:34px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-2);font:var(--text-sm) var(--font-mono);color:var(--text)}.landing-typed{display:inline-block;overflow:hidden;white-space:nowrap;padding-right:2px;border-right:2px solid var(--accent-text);animation:landing-in .5s var(--ease) 1.2s both}.landing-btn-ghost{display:block;width:96px;height:30px;border-radius:var(--radius-2);background:var(--accent-solid);opacity:.85}.landing-table{display:grid;gap:6px}.landing-table__row{height:10px;border-radius:var(--radius-1);background:var(--surface-active);animation:landing-in .4s var(--ease) both}.landing-cursor{position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50% 50% 50% 0;background:var(--accent-solid);box-shadow:0 0 16px var(--glow-accent-strong);rotate:-45deg;animation:landing-cursor 6s var(--ease) infinite}@keyframes landing-cursor{0%{transform:translate(40px,180px)}20%{transform:translate(200px,88px)}38%{transform:translate(200px,88px)}55%{transform:translate(70px,128px)}70%{transform:translate(70px,128px)}to{transform:translate(300px,200px)}}.landing-panel-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:0;padding:var(--space-2) var(--space-3);border-bottom:var(--rule);font:500 var(--text-xs) var(--font-mono);letter-spacing:var(--tracking-stamp);text-transform:uppercase;color:var(--text-secondary)}.landing-trace{grid-area:trace;min-width:0}.landing-trace ol{display:grid;gap:6px;margin:0;padding:var(--space-3);list-style:none;font:var(--text-xs) /1.4 var(--font-mono)}.landing-trace li{display:grid;gap:2px;animation:landing-in .4s var(--ease) both}.landing-trace__tool{color:var(--accent-text)}.landing-trace__arg{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-script{grid-area:script;min-width:0}.landing-script pre{margin:0;padding:var(--space-3);overflow:hidden;font:var(--text-xs) /1.6 var(--font-mono);color:var(--text)}.landing-script__line{display:block;white-space:pre;overflow:hidden;text-overflow:ellipsis;animation:landing-in .3s var(--ease) both}.landing-script__kw{color:var(--purple-11)}.landing-stamp{padding:2px var(--space-2);border:1px solid var(--status-succeeded);border-radius:var(--radius-1);color:var(--status-succeeded)}@keyframes landing-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.landing-section{max-width:var(--landing-max);margin:0 auto;padding:var(--space-9) var(--landing-gutter) 0}.landing-section>h2,.landing-split h2{max-width:20em;margin:0;font-size:clamp(28px,3.6vw,44px);font-weight:600}.landing-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin:var(--space-7) 0 0;padding:0;list-style:none;counter-reset:none}.landing-feature,.landing-plan,.landing-step{padding:var(--space-5)}.landing-feature h3,.landing-plan h3,.landing-step h3{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-lg);font-weight:600}.landing-feature p,.landing-step p{margin:0;color:var(--text-secondary);line-height:var(--leading-prose);font-size:var(--text-sm)}.landing-step__n{font:600 var(--text-xs) var(--font-mono);letter-spacing:var(--tracking-stamp);color:var(--accent-text)}.landing-feature:hover,.landing-plan:hover,.landing-step:hover{border-color:var(--accent-6)}.landing-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin:var(--space-7) 0 0;padding:0;list-style:none}.landing-feature__icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-2);border:1px solid var(--accent-6);color:var(--accent-text);box-shadow:0 0 18px var(--glow-accent)}.landing-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(var(--space-6),5vw,var(--space-8));align-items:center}.landing-ticks{display:grid;gap:var(--space-3);margin:var(--space-5) 0 0;padding:0;list-style:none}.landing-ticks li{display:flex;gap:var(--space-3);align-items:baseline}.landing-ticks li:before{content:"";flex:none;width:8px;height:8px;rotate:45deg;border:2px solid var(--accent-text)}.landing-replay{padding:var(--space-4)}.landing-replay__screen{position:relative;display:grid;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-2);background:var(--surface);border:var(--rule)}.landing-replay__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.landing-replay__grid span{height:48px;border-radius:var(--radius-1);background:var(--surface-active)}.landing-replay__play{position:absolute;inset:50% auto auto 50%;width:52px;height:52px;translate:-50% -50%;border-radius:50%;border:2px solid var(--accent-text);box-shadow:0 0 24px var(--glow-accent-strong);background:var(--glass)}.landing-replay__play:after{content:"";position:absolute;inset:15px 14px 15px 19px;background:var(--accent-solid);clip-path:polygon(0 0,100% 50%,0 100%)}.landing-replay__timeline{position:relative;height:28px;margin:var(--space-4) var(--space-2) 0}.landing-replay__track{position:absolute;inset:13px 0 auto;height:2px;background:var(--chart-grid)}.landing-replay__marker{position:absolute;top:7px;width:4px;height:14px;border-radius:2px;translate:-50% 0;background:var(--chart-1)}.landing-replay__head{position:absolute;top:0;left:0;width:2px;height:28px;background:var(--text);animation:landing-scrub 8s linear infinite}@keyframes landing-scrub{0%{transform:translateX(0)}to{transform:translateX(calc(min(560px, 80vw)))}}.landing-replay__events{display:grid;gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none;font-size:var(--text-sm)}.landing-replay__events li{display:flex;align-items:center;gap:var(--space-3);color:var(--text)}.landing-replay__dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--chart-1)}[data-tone="2"]{background:var(--chart-2)}[data-tone="3"]{background:var(--chart-3)}[data-tone="4"]{background:var(--chart-4)}[data-tone="5"]{background:var(--chart-5)}.landing-replay__kind{min-width:64px;font:var(--text-xs) var(--font-mono);color:var(--text-secondary)}.landing-plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--space-4);margin:var(--space-7) 0 0}.landing-plan ul,.landing-plans{display:grid;padding:0;list-style:none}.landing-plan ul{gap:var(--space-2);margin:var(--space-4) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.landing-plan--featured{border-color:var(--accent-6);box-shadow:0 0 32px var(--glow-accent)}.landing-plan__price{margin:0;font:700 var(--text-2xl) var(--font-display);letter-spacing:var(--tracking-display)}.landing-plan__price small{font:var(--text-sm) var(--font-body);color:var(--text-secondary)}.landing-note{margin:var(--space-5) 0 0;color:var(--text-secondary);font-size:var(--text-sm)}.landing-final{max-width:var(--landing-max);margin:var(--space-9) auto 0;padding:var(--space-8) var(--landing-gutter);text-align:center;background:radial-gradient(50% 80% at 50% 100%,var(--glow-accent),var(--clear) 70%),radial-gradient(40% 60% at 80% 0,var(--glow-magenta),var(--clear) 70%);border-top:var(--rule);border-bottom:var(--rule)}.landing-final h2{margin:0;font-size:clamp(30px,4.2vw,52px);font-weight:700}.landing-final p{margin:var(--space-4) 0 0;color:var(--text-secondary)}.landing-final .landing-cta{justify-content:center}@media (max-width:1024px){.landing-hero,.landing-split{grid-template-columns:minmax(0,1fr)}.landing-features,.landing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.landing-visual{grid-template-areas:"browser" "trace" "script"}.landing-features,.landing-steps,.landing-visual{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.landing-cursor,.landing-horizon__grid,.landing-live,.landing-replay__head{animation:none}.landing-script__line,.landing-table__row,.landing-trace li,.landing-typed{animation-duration:1ms;animation-delay:0s}}