@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Sora:wght@400;500;600;700&display=swap";:root{--layout-style: clean;--color-primary-50: oklch(.97 .01 270);--color-primary-100: oklch(.93 .03 270);--color-primary-200: oklch(.85 .06 268);--color-primary-300: oklch(.75 .1 266);--color-primary-400: oklch(.65 .15 264);--color-primary-500: oklch(.55 .18 264);--color-primary-600: oklch(.48 .18 264);--color-primary-700: oklch(.4 .16 264);--color-primary-800: oklch(.32 .12 264);--color-primary-900: oklch(.24 .08 264);--color-neutral-50: oklch(.985 .002 270);--color-neutral-100: oklch(.97 .003 270);--color-neutral-200: oklch(.91 .005 270);--color-neutral-300: oklch(.83 .006 270);--color-neutral-400: oklch(.7 .008 270);--color-neutral-500: oklch(.55 .008 270);--color-neutral-600: oklch(.45 .008 270);--color-neutral-700: oklch(.35 .008 270);--color-neutral-800: oklch(.22 .008 270);--color-neutral-900: oklch(.16 .008 270);--color-neutral-950: oklch(.12 .008 270);--color-accent-400: oklch(.78 .14 195);--color-accent-500: oklch(.72 .15 195);--color-accent-600: oklch(.62 .13 195);--color-success-500: oklch(.62 .15 155);--color-error-500: oklch(.55 .18 25);--color-warning-500: oklch(.78 .15 80);--surface-base: var(--color-neutral-100);--surface-raised: var(--color-neutral-50);--surface-sunken: var(--color-neutral-200);--surface-overlay: oklch(.985 .002 270 / .85);--surface-dark: var(--color-neutral-950);--surface-dark-raised: var(--color-neutral-900);--surface-dark-subtle: var(--color-neutral-800);--font-display: "Sora", sans-serif;--font-body: "Sora", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: clamp(1.25rem, 1rem + 1.5vw, 2rem);--text-2xl: clamp(1.75rem, 1rem + 2.5vw, 3rem);--text-3xl: clamp(2.25rem, 1rem + 3.5vw, 4rem);--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.6;--leading-loose: 1.75;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .06em;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 8rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--duration-instant: .15s;--duration-fast: .25s;--duration-medium: .4s;--duration-slow: .6s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--shadow-sm: 0 1px 2px oklch(.12 .008 270 / .05);--shadow-md: 0 4px 12px oklch(.12 .008 270 / .08);--shadow-lg: 0 8px 24px oklch(.12 .008 270 / .12);--shadow-glow: 0 0 40px oklch(.55 .18 264 / .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;color-scheme:light}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-neutral-950);background-color:var(--surface-base)}img,picture,video,canvas,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}code,pre{font-family:var(--font-mono)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:1000;padding:var(--space-2xs) var(--space-sm);background:var(--color-primary-500);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);transform:translateY(-200%);transition:transform var(--duration-fast) var(--ease-out)}.skip-link:focus{transform:translateY(0)}.container{max-width:1200px;margin-inline:auto;padding-inline:var(--space-md)}.section-label{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-primary-500);margin-block-end:var(--space-sm)}.section-header{max-width:640px;margin-block-end:var(--space-2xl)}.section-header h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-block-end:var(--space-sm)}.section-lead{font-size:var(--text-lg);line-height:var(--leading-loose);color:var(--color-neutral-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-md);transition:background-color var(--duration-instant) var(--ease-out),transform var(--duration-instant) var(--ease-out),box-shadow var(--duration-instant) var(--ease-out)}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:3px}.btn--primary{background:var(--color-primary-500);color:#fff}.btn--primary:hover{background:var(--color-primary-600);box-shadow:var(--shadow-glow)}.btn--primary:active{background:var(--color-primary-700);transform:scale(.98)}.btn--ghost{color:var(--color-neutral-700);border:1px solid var(--color-neutral-300)}.btn--ghost:hover{background:var(--color-neutral-50);border-color:var(--color-neutral-400)}.btn--ghost-dark{color:var(--color-neutral-300);border:1px solid var(--color-neutral-700)}.btn--ghost-dark:hover{background:var(--color-neutral-800);border-color:var(--color-neutral-600)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--surface-overlay);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-block-end:1px solid oklch(.12 .008 270 / .06)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-xs)}.logo{display:flex;align-items:center;gap:var(--space-2xs)}.logo-icon{color:var(--color-primary-500)}.logo-text{font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.header-nav{display:flex;align-items:center;gap:var(--space-lg)}.header-nav a{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-neutral-500);transition:color var(--duration-instant) var(--ease-out)}.header-nav a:hover{color:var(--color-neutral-950)}.header-nav a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:3px;border-radius:2px}.nav-cta{padding:var(--space-2xs) var(--space-sm);background:var(--color-neutral-950);color:var(--color-neutral-50)!important;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background-color var(--duration-instant) var(--ease-out)}.nav-cta:hover{background:var(--color-neutral-800)}.mobile-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-2xs)}.mobile-toggle span{display:block;width:20px;height:2px;background:var(--color-neutral-950);border-radius:1px;transition:transform var(--duration-fast) var(--ease-out)}.mobile-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.mobile-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{padding:var(--space-md);background:var(--surface-raised);border-block-end:1px solid var(--color-neutral-200)}.mobile-nav a{display:block;padding:var(--space-xs) 0;font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-neutral-950)}.mobile-nav a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:3px}.hero{padding:calc(var(--space-4xl) + 60px) 0 var(--space-4xl);position:relative;overflow:hidden}.hero-glow{position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,oklch(.55 .18 264 / .08),transparent 70%);pointer-events:none}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:start}.hero-badge{display:inline-flex;padding:var(--space-3xs) var(--space-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);color:var(--color-primary-600);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-full);margin-block-end:var(--space-md)}.hero h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-neutral-950);margin-block-end:var(--space-md)}.hero-body{font-size:var(--text-lg);line-height:var(--leading-loose);color:var(--color-neutral-500);max-width:50ch;margin-block-end:var(--space-lg)}.hero-actions{display:flex;gap:var(--space-sm);margin-block-end:var(--space-xl)}.hero-tools{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.hero-tools-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-neutral-400);letter-spacing:var(--tracking-wide)}.hero-tools-list{display:flex;gap:var(--space-2xs);flex-wrap:wrap}.tool-tag{padding:var(--space-3xs) var(--space-2xs);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-neutral-600);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-sm)}.terminal{background:var(--color-neutral-950);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg),0 0 60px #3969d91a}.terminal-bar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-neutral-900);border-block-end:1px solid var(--color-neutral-800)}.terminal-dots{display:flex;gap:6px}.terminal-dots span{width:10px;height:10px;border-radius:50%;background:var(--color-neutral-700)}.terminal-title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral-500)}.terminal-body{padding:var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.8}.t-line{opacity:0;transform:translateY(6px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}.t-line.t-visible{opacity:1;transform:translateY(0)}.t-prompt{color:var(--color-primary-400);margin-inline-end:var(--space-2xs)}.t-input{color:var(--color-neutral-200)}.t-label{display:inline-block;padding:1px 6px;border-radius:3px;font-size:.7rem;font-weight:var(--weight-medium);margin-inline-end:var(--space-2xs)}.t-director{background:#3969d933;color:var(--color-primary-400)}.t-strategist{background:#00bdbe33;background:oklch(.72 .15 195 / .2);color:var(--color-accent-400)}.t-builder{background:#0fa05c33;color:#43c07a}.t-reviewer{background:#e9ab2b33;color:#f3b94c}.t-text{color:var(--color-neutral-400)}.t-highlight{color:var(--color-accent-500);font-weight:var(--weight-medium)}.t-success{color:#43c07a}.section{padding:var(--space-4xl) 0}.section--tinted{background:var(--color-neutral-50)}.pipeline{display:flex;flex-direction:column;gap:var(--space-2xl)}.pipeline-step{display:grid;grid-template-columns:80px 1fr;gap:var(--space-md)}.step-marker{display:flex;flex-direction:column;align-items:center}.step-num{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-primary-500);background:var(--color-primary-50);width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-md);border:1px solid var(--color-primary-200)}.step-line{width:1px;flex:1;background:var(--color-neutral-200);margin-block:var(--space-xs)}.step-content h3{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin-block-end:var(--space-2xs)}.step-content>p{color:var(--color-neutral-500);line-height:var(--leading-loose);max-width:55ch;margin-block-end:var(--space-sm)}.step-tags{display:flex;gap:var(--space-2xs);flex-wrap:wrap}.step-tags span{padding:var(--space-3xs) var(--space-2xs);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-neutral-600);background:var(--color-neutral-100);border-radius:var(--radius-sm)}.approval-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}.approval-content h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-block-end:var(--space-sm)}.approval-content>p{color:var(--color-neutral-500);line-height:var(--leading-loose)}.approval-gates{display:flex;flex-direction:column;gap:var(--space-sm)}.gate{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);background:var(--surface-raised);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg)}.gate-icon{width:36px;height:36px;display:grid;place-items:center;background:var(--color-primary-50);color:var(--color-primary-500);border-radius:var(--radius-md);flex-shrink:0}.gate-text strong{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-block-end:2px}.gate-text span{font-size:var(--text-sm);color:var(--color-neutral-500)}.agent-flow__pipeline{display:flex;align-items:flex-start;gap:var(--space-sm)}.agent-flow__step{flex:1;text-align:center}.agent-flow__icon{width:44px;height:44px;display:grid;place-items:center;margin-inline:auto;margin-block-end:var(--space-sm);border-radius:var(--radius-lg);background:var(--color-primary-50);color:var(--color-primary-500);border:1px solid var(--color-primary-200)}.agent-flow__icon--cyan{background:#d1f7f7;color:#007474;color:oklch(.5 .13 195);border-color:#a0dbda}.agent-flow__icon--green{background:#daf7e3;color:#006738;color:oklch(.45 .13 155);border-color:#b0dabd}.agent-flow__icon--amber{background:#fdecd1;color:#946900;color:oklch(.55 .13 80);border-color:#edd4ab}.agent-flow__step h3{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-neutral-950);margin-block-end:var(--space-2xs)}.agent-flow__step>p{font-size:var(--text-sm);color:var(--color-neutral-500);line-height:var(--leading-normal);max-width:22ch;margin-inline:auto;margin-block-end:var(--space-xs)}.agent-flow__trigger{display:block;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-neutral-400);letter-spacing:var(--tracking-wide)}.agent-flow__arrow{display:grid;place-items:center;padding-block-start:12px;color:var(--color-neutral-400);flex-shrink:0}.agent-flow__knowledge{margin-block-start:var(--space-xl)}.agent-flow__knowledge-inner{padding:var(--space-sm) var(--space-md);background:var(--surface-raised);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg)}.agent-flow__knowledge-label{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);color:var(--color-neutral-500);margin-block-end:var(--space-sm)}.agent-flow__knowledge-label svg{color:var(--color-neutral-400);flex-shrink:0}.agent-flow__knowledge-label strong{color:var(--color-neutral-950);font-weight:var(--weight-semibold)}.agent-flow__domains{display:flex;gap:var(--space-2xs);flex-wrap:wrap}.agent-flow__domains span{padding:var(--space-3xs) var(--space-2xs);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-neutral-600);background:var(--color-neutral-100);border-radius:var(--radius-sm)}.agent-relay{margin-block-start:var(--space-2xl)}.relay-terminal{background:var(--color-neutral-950);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-neutral-800)}.relay-body{padding:var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.relay-msg{display:flex;align-items:center;gap:var(--space-2xs);opacity:0;transform:translate(-10px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out);flex-wrap:wrap}.relay-msg.r-visible{opacity:1;transform:translate(0)}.relay-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:.7rem;font-weight:var(--weight-medium);white-space:nowrap}.relay-badge--user{background:#70717633;color:var(--color-neutral-300)}.relay-arrow{color:var(--color-neutral-600);font-size:.75rem}.relay-text{color:var(--color-neutral-400);font-size:var(--text-sm)}.relay-text--approve{color:var(--color-accent-500)}.relay-text--success{color:#43c07a}.token-preview{margin-block-end:var(--space-2xl)}.token-preview-card{background:var(--color-neutral-950);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.token-preview-body{padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.token-group{opacity:0;transform:translateY(10px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.token-group.tk-visible{opacity:1;transform:translateY(0)}.token-heading{display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-neutral-500);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-block-end:var(--space-xs)}.token-swatches{display:flex;gap:var(--space-2xs)}.token-swatch{width:56px;height:56px;border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:flex-end;padding:4px 6px;border:1px solid oklch(1 0 0 / .1)}.token-swatch span{font-family:var(--font-mono);font-size:.6rem;color:#fff;text-shadow:0 1px 4px oklch(0 0 0 / .7)}.token-swatch--pale span{color:#443732;text-shadow:none}.token-type-samples{display:flex;flex-direction:column;gap:var(--space-2xs)}.token-type{display:block;font-family:var(--font-display);color:var(--color-neutral-200);line-height:var(--leading-snug)}.token-type--mono{font-family:var(--font-mono);color:var(--color-neutral-500)}.token-spacing-row{display:flex;align-items:flex-end;gap:var(--space-xs)}.token-space-block{background:#3969d940;border:1px solid oklch(.55 .18 264 / .4);border-radius:3px;display:grid;place-items:center}.token-space-block span{font-family:var(--font-mono);font-size:.65rem;color:var(--color-primary-400)}.token-icon-row{display:flex;align-items:flex-end;gap:var(--space-md)}.token-icon-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);color:var(--color-primary-400)}.token-icon-box span{font-family:var(--font-mono);font-size:.6rem;color:var(--color-neutral-500)}.token-icon-box--lg{padding:10px;background:#3969d91a;border-radius:var(--radius-md)}.token-icon-box--md{padding:8px;background:#3969d914;border-radius:var(--radius-sm)}.token-icon-box--sm{padding:5px;background:#3969d90f;border-radius:4px}.token-thumbnail{max-width:400px}.thumb-browser{border-radius:6px;overflow:hidden;background:#0c0d11;border:1px solid oklch(.25 .008 270)}.thumb-browser-bar{display:flex;align-items:center;gap:5px;padding:6px 10px;background:#15161a;border-bottom:1px solid oklch(.25 .008 270)}.thumb-dot{width:6px;height:6px;border-radius:50%;background:#393a3f}.thumb-url{font-family:var(--font-mono);font-size:.55rem;color:var(--color-neutral-500);margin-inline-start:8px}.thumb-page{padding:8px}.thumb-nav{display:flex;align-items:center;justify-content:space-between;margin-block-end:10px;color:var(--color-primary-400)}.thumb-nav-links{display:flex;gap:6px}.thumb-nav-links span{width:16px;height:3px;background:#393a3f;border-radius:2px}.thumb-hero{display:flex;gap:10px;margin-block-end:10px}.thumb-hero-text{flex:1;display:flex;flex-direction:column;gap:4px}.thumb-line{border-radius:2px}.thumb-line--xl{width:80%;height:6px;background:#acaeb3}.thumb-line--lg{width:60%;height:5px;background:#707176}.thumb-line--md{width:90%;height:3px;background:#2c2e32;margin-block-start:2px}.thumb-hero-terminal{width:55%;height:40px;background:#050608;border-radius:4px;border:1px solid oklch(.25 .008 270)}.thumb-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.thumb-card{height:20px;background:#191a1e;border-radius:3px;border:1px solid oklch(.28 .008 270)}.output-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.output-item{padding:var(--space-lg);background:var(--surface-raised);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg)}.output-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-primary-500);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-block-end:var(--space-xs)}.output-item h3{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-block-end:var(--space-2xs)}.output-item p{font-size:var(--text-sm);color:var(--color-neutral-500);line-height:var(--leading-normal)}.style-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.style-card{padding:var(--space-lg);background:var(--surface-raised);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg)}.style-card--bold{background:var(--color-neutral-100);border-color:var(--color-neutral-300)}.style-tag{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-primary-500);margin-block-end:var(--space-sm)}.style-card--bold .style-tag{color:var(--color-primary-600)}.style-card h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-block-end:var(--space-sm)}.style-card ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-2xs)}.style-card li{font-size:var(--text-sm);color:var(--color-neutral-500);padding-inline-start:var(--space-md);position:relative}.style-card li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:1px;background:var(--color-neutral-400)}.style-card--bold li{color:var(--color-neutral-500)}.slop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs) var(--space-md)}.slop-item{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);color:var(--color-neutral-600);padding:var(--space-2xs) 0}.slop-x{color:var(--color-error-500);font-weight:var(--weight-bold);font-size:var(--text-lg);line-height:1;flex-shrink:0}.install-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.install-card{background:var(--surface-raised);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden}.install-card-header{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-block-end:1px solid var(--color-neutral-200)}.install-icon{width:24px;height:24px;color:var(--color-neutral-600)}.install-card-header h3{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.install-card-body{padding:var(--space-sm) var(--space-md)}.install-command{display:flex;align-items:center;gap:var(--space-2xs);width:100%;padding:var(--space-2xs) var(--space-xs);background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.7rem;color:var(--color-neutral-700);text-align:left;transition:border-color var(--duration-instant) var(--ease-out)}.install-command:hover{border-color:var(--color-primary-300)}.install-command:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.cmd-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-copy-icon{color:var(--color-neutral-400);flex-shrink:0}.cmd-check-icon{display:none;color:var(--color-success-500);flex-shrink:0}.install-command.copied .cmd-copy-icon{display:none}.install-command.copied .cmd-check-icon{display:block}.install-note{font-size:var(--text-xs);color:var(--color-neutral-400);margin-block-start:var(--space-2xs)}.install-source{margin-block-start:var(--space-xl);text-align:center}.install-source p{font-size:var(--text-sm);color:var(--color-neutral-500);margin-block-end:var(--space-xs)}.install-source code{display:inline-block;padding:var(--space-2xs) var(--space-sm);background:var(--color-neutral-950);color:var(--color-neutral-300);font-size:var(--text-sm);border-radius:var(--radius-md)}.section--cta{text-align:center;padding:var(--space-4xl) 0}.section--cta h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);max-width:600px;margin-inline:auto;margin-block-end:var(--space-sm)}.section--cta>.container>p{font-size:var(--text-lg);color:var(--color-neutral-500);margin-block-end:var(--space-lg)}.cta-actions{display:flex;gap:var(--space-sm);justify-content:center}.site-footer{padding:var(--space-lg) 0;border-block-start:1px solid var(--color-neutral-200)}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-inner>p{font-size:var(--text-sm);color:var(--color-neutral-400)}.footer-links{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-neutral-400)}.footer-links a{color:var(--color-neutral-500);transition:color var(--duration-instant) var(--ease-out)}.footer-links a:hover{color:var(--color-neutral-950)}.footer-links a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:3px;border-radius:2px}.footer-sep{color:var(--color-neutral-300)}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}[data-reveal].revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){[data-reveal],.t-line,.relay-msg,.token-group{opacity:1;transform:none;transition:none}}@media(max-width:900px){.header-nav{display:none}.header-nav.nav-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;padding:var(--space-md);background:var(--surface-raised);border-block-end:1px solid var(--color-neutral-200)}.mobile-toggle{display:flex}.hero .container{grid-template-columns:1fr}.hero h1 br{display:none}.approval-grid{grid-template-columns:1fr}.agent-flow__pipeline{flex-direction:column;align-items:stretch}.agent-flow__step{text-align:left;display:grid;grid-template-columns:44px 1fr;gap:0 var(--space-sm)}.agent-flow__icon{margin:0;grid-row:1 / 3;align-self:start}.agent-flow__step>p{max-width:none;margin:0;grid-column:2}.agent-flow__trigger{grid-column:2;margin-block-start:var(--space-3xs)}.agent-flow__arrow{padding:0;transform:rotate(90deg);margin-block:var(--space-2xs)}.output-grid,.style-comparison,.slop-grid,.install-grid{grid-template-columns:1fr}.relay-msg{font-size:var(--text-xs)}.token-swatches{flex-wrap:wrap}.token-preview-body{padding:var(--space-sm)}.token-spacing-row{flex-wrap:wrap}.footer-inner{flex-direction:column;gap:var(--space-sm);text-align:center}}@media(max-width:480px){.hero-actions{flex-direction:column}.hero-tools{flex-direction:column;align-items:flex-start}.pipeline-step{grid-template-columns:48px 1fr}.cta-actions{flex-direction:column;align-items:center}}