:root{--gf-green-950: #002605;--gf-green-900: #003d08;--gf-green-800: #005e0e;--gf-green-700: #008a15;--gf-green-600: #00b51e;--gf-green-500: #32c43e;--gf-green-400: #5fd668;--gf-green-300: #8ee494;--gf-green-200: #c8f2ca;--gf-green-100: #e6f9e7;--gf-green-50: #f2fcf3;--gf-neutral-950: #000000;--gf-neutral-900: #0a0a0a;--gf-neutral-850: #121212;--gf-neutral-800: #1e1e1e;--gf-neutral-700: #363636;--gf-neutral-600: #525252;--gf-neutral-500: #767676;--gf-neutral-400: #a0a0a0;--gf-neutral-300: #c4c4c4;--gf-neutral-200: #dadada;--gf-neutral-100: #f0f0f0;--gf-neutral-50: #fafafa;--gf-neutral-0: #ffffff;--gf-amber-600: #d97706;--gf-amber-500: #f59e0b;--gf-amber-400: #fbbf24;--gf-amber-300: #fcd34d;--gf-red-700: #b91c1c;--gf-red-600: #dc2626;--gf-red-500: #ef4444;--gf-red-400: #f87171;--gf-blue-700: #1d4ed8;--gf-blue-600: #2563eb;--gf-blue-500: #3b82f6;--gf-blue-400: #60a5fa}:root{--gf-font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--gf-font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, "Liberation Mono", monospace;--gf-font-heading: var(--gf-font-body);--gf-text-xs: .75rem;--gf-text-sm: .875rem;--gf-text-base: 1rem;--gf-text-lg: 1.125rem;--gf-text-xl: 1.25rem;--gf-text-2xl: 1.563rem;--gf-text-3xl: 1.953rem;--gf-text-4xl: 2.441rem;--gf-text-5xl: 3.052rem;--gf-weight-normal: 400;--gf-weight-medium: 500;--gf-weight-semibold: 600;--gf-weight-bold: 700;--gf-leading-tight: 1.25;--gf-leading-normal: 1.6;--gf-leading-loose: 1.8;--gf-tracking-tight: -.025em;--gf-tracking-normal: 0;--gf-tracking-wide: .025em;--gf-tracking-wider: .05em;--gf-tracking-caps: .1em}:root{--gf-space-0: 0;--gf-space-1: .25rem;--gf-space-2: .5rem;--gf-space-3: .75rem;--gf-space-4: 1rem;--gf-space-5: 1.5rem;--gf-space-6: 2rem;--gf-space-7: 2.5rem;--gf-space-8: 3rem;--gf-space-9: 4rem;--gf-space-10: 6rem;--gf-space-11: 8rem}:root{--gf-max-width: 1200px;--gf-content-width: 720px;--gf-nav-height: 64px;--gf-bp-sm: 640px;--gf-bp-md: 768px;--gf-bp-lg: 1024px;--gf-bp-xl: 1280px}:root{--gf-radius-sm: 4px;--gf-radius-md: 6px;--gf-radius-lg: 8px;--gf-radius-xl: 12px;--gf-radius-2xl: 16px;--gf-radius-full: 9999px;--gf-border-width: 1px;--gf-border-width-2: 2px}:root{--gf-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--gf-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--gf-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4);--gf-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4)}:root{--gf-duration-fast: .1s;--gf-duration-normal: .2s;--gf-duration-slow: .3s;--gf-duration-slower: .5s;--gf-ease-default: cubic-bezier(.4, 0, .2, 1);--gf-ease-in: cubic-bezier(.4, 0, 1, 1);--gf-ease-out: cubic-bezier(0, 0, .2, 1);--gf-ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-reduced-motion:reduce){:root{--gf-duration-fast: 0ms;--gf-duration-normal: 0ms;--gf-duration-slow: 0ms;--gf-duration-slower: 0ms}}:root,[data-theme=dark]{--gf-bg: var(--gf-neutral-950);--gf-bg-raised: var(--gf-neutral-900);--gf-bg-surface: var(--gf-neutral-800);--gf-bg-overlay: rgb(0 0 0 / .7);--gf-text: var(--gf-neutral-0);--gf-text-secondary: var(--gf-neutral-300);--gf-text-muted: var(--gf-neutral-500);--gf-accent: var(--gf-green-500);--gf-accent-text: var(--gf-green-400);--gf-accent-muted: var(--gf-green-300);--gf-accent-subtle: var(--gf-green-900);--gf-btn-bg: var(--gf-green-700);--gf-btn-text: var(--gf-neutral-0);--gf-btn-hover: var(--gf-green-600);--gf-btn-active: var(--gf-green-800);--gf-border: var(--gf-neutral-700);--gf-border-subtle: var(--gf-neutral-800);--gf-border-accent: var(--gf-green-700);--gf-focus-ring: var(--gf-green-400);--gf-focus-offset: 2px;--gf-success: var(--gf-green-400);--gf-warning: var(--gf-amber-400);--gf-error: var(--gf-red-400);--gf-info: var(--gf-blue-400);--gf-shadow: var(--gf-shadow-md);--gf-code-bg: var(--gf-neutral-850);--gf-code-text: var(--gf-green-300);--gf-code-border: var(--gf-neutral-700)}[data-theme=light]{--gf-bg: var(--gf-neutral-0);--gf-bg-raised: var(--gf-neutral-50);--gf-bg-surface: var(--gf-neutral-100);--gf-bg-overlay: rgb(0 0 0 / .4);--gf-text: var(--gf-neutral-950);--gf-text-secondary: var(--gf-neutral-600);--gf-text-muted: var(--gf-neutral-500);--gf-accent: var(--gf-green-800);--gf-accent-text: var(--gf-green-700);--gf-accent-muted: var(--gf-green-800);--gf-accent-subtle: var(--gf-green-100);--gf-btn-bg: var(--gf-green-700);--gf-btn-text: var(--gf-neutral-0);--gf-btn-hover: var(--gf-green-800);--gf-btn-active: var(--gf-green-900);--gf-border: var(--gf-neutral-200);--gf-border-subtle: var(--gf-neutral-100);--gf-border-accent: var(--gf-green-700);--gf-focus-ring: var(--gf-green-700);--gf-success: var(--gf-green-700);--gf-warning: var(--gf-amber-600);--gf-error: var(--gf-red-600);--gf-info: var(--gf-blue-600);--gf-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .06);--gf-code-bg: var(--gf-neutral-50);--gf-code-text: var(--gf-green-800);--gf-code-border: var(--gf-neutral-200)}@media(prefers-color-scheme:light){:root:not([data-theme]){--gf-bg: var(--gf-neutral-0);--gf-bg-raised: var(--gf-neutral-50);--gf-bg-surface: var(--gf-neutral-100);--gf-bg-overlay: rgb(0 0 0 / .4);--gf-text: var(--gf-neutral-950);--gf-text-secondary: var(--gf-neutral-600);--gf-text-muted: var(--gf-neutral-500);--gf-accent: var(--gf-green-800);--gf-accent-text: var(--gf-green-700);--gf-accent-muted: var(--gf-green-800);--gf-accent-subtle: var(--gf-green-100);--gf-btn-bg: var(--gf-green-700);--gf-btn-text: var(--gf-neutral-0);--gf-btn-hover: var(--gf-green-800);--gf-btn-active: var(--gf-green-900);--gf-border: var(--gf-neutral-200);--gf-border-subtle: var(--gf-neutral-100);--gf-border-accent: var(--gf-green-600);--gf-focus-ring: var(--gf-green-700);--gf-success: var(--gf-green-700);--gf-warning: var(--gf-amber-600);--gf-error: var(--gf-red-600);--gf-info: var(--gf-blue-600);--gf-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .06);--gf-code-bg: var(--gf-neutral-50);--gf-code-text: var(--gf-green-800);--gf-code-border: var(--gf-neutral-200)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth;scroll-padding-top:var(--gf-nav-height)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100vh;font-family:var(--gf-font-body);font-size:var(--gf-text-base);font-weight:var(--gf-weight-normal);line-height:var(--gf-leading-normal);color:var(--gf-text);background-color:var(--gf-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}ul[role=list],ol[role=list]{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:var(--gf-accent-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;transition:color var(--gf-duration-fast) var(--gf-ease-default),text-decoration-color var(--gf-duration-fast) var(--gf-ease-default)}a:hover{color:var(--gf-accent);text-decoration-thickness:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4,h5,h6{font-family:var(--gf-font-heading);font-weight:var(--gf-weight-bold);line-height:var(--gf-leading-tight);letter-spacing:var(--gf-tracking-tight);color:var(--gf-text)}h1{font-size:var(--gf-text-5xl)}h2{font-size:var(--gf-text-4xl)}h3{font-size:var(--gf-text-3xl)}h4{font-size:var(--gf-text-2xl)}h5{font-size:var(--gf-text-xl)}h6{font-size:var(--gf-text-lg)}p{margin-block:var(--gf-space-3)}small{font-size:var(--gf-text-sm)}code,kbd,pre,samp{font-family:var(--gf-font-mono);font-size:.9em}code{background:var(--gf-code-bg);color:var(--gf-code-text);border:var(--gf-border-width) solid var(--gf-code-border);border-radius:var(--gf-radius-sm);padding:.15em .35em}pre{background:var(--gf-code-bg);border:var(--gf-border-width) solid var(--gf-code-border);border-radius:var(--gf-radius-lg);padding:var(--gf-space-4);overflow-x:auto;tab-size:2}pre code{background:none;border:none;padding:0;font-size:var(--gf-text-sm)}strong,b{font-weight:var(--gf-weight-bold)}blockquote{border-inline-start:3px solid var(--gf-accent);padding-inline-start:var(--gf-space-4);color:var(--gf-text-secondary);font-style:italic}.gf-skip-link{position:absolute;top:-100%;left:var(--gf-space-4);z-index:9999;padding:var(--gf-space-2) var(--gf-space-4);background:var(--gf-btn-bg);color:var(--gf-btn-text);font-weight:var(--gf-weight-semibold);border-radius:var(--gf-radius-md);text-decoration:none;transition:top var(--gf-duration-fast) var(--gf-ease-default)}.gf-skip-link:focus{top:var(--gf-space-2)}:focus-visible{outline:var(--gf-border-width-2) solid var(--gf-focus-ring);outline-offset:var(--gf-focus-offset);border-radius:var(--gf-radius-sm)}:focus:not(:focus-visible){outline:none}button,[role=button],a,input,select,textarea{min-height:44px}nav a,[role=navigation] a{display:inline-flex;align-items:center;min-height:44px;padding-block:var(--gf-space-2)}.gf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.gf-sr-only-focusable:focus,.gf-sr-only-focusable:focus-within{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}::selection{background:var(--gf-green-700);color:var(--gf-neutral-0)}.gf-container{width:100%;max-width:var(--gf-max-width);margin-inline:auto;padding-inline:var(--gf-space-4)}@media(min-width:768px){.gf-container{padding-inline:var(--gf-space-6)}}.gf-prose{max-width:var(--gf-content-width);margin-inline:auto}.gf-section{padding-block:var(--gf-space-10)}@media(min-width:768px){.gf-section{padding-block:var(--gf-space-11)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gf-space-2);padding:var(--gf-space-3) var(--gf-space-5);border-radius:var(--gf-radius-md);font-weight:var(--gf-weight-semibold);font-size:var(--gf-text-base);line-height:1;text-decoration:none;border:var(--gf-border-width) solid transparent;cursor:pointer;transition:background-color var(--gf-duration-fast) var(--gf-ease-default),color var(--gf-duration-fast) var(--gf-ease-default),border-color var(--gf-duration-fast) var(--gf-ease-default),transform var(--gf-duration-fast) var(--gf-ease-default);white-space:nowrap}.btn-primary{background:var(--gf-btn-bg);color:var(--gf-btn-text)}.btn-primary:hover{background:var(--gf-btn-hover);color:var(--gf-btn-text);text-decoration:none}.btn-primary:active{background:var(--gf-btn-active)}.btn-secondary{background:var(--gf-bg-surface);color:var(--gf-text);border-color:var(--gf-border);font-family:var(--gf-font-mono);font-size:var(--gf-text-sm)}.btn-secondary:hover{background:var(--gf-bg-raised);color:var(--gf-text);border-color:var(--gf-border-accent);text-decoration:none}.btn-ghost{background:transparent;color:var(--gf-text-secondary);border-color:var(--gf-border)}.btn-ghost:hover{background:var(--gf-bg-surface);color:var(--gf-text);text-decoration:none}.nav{position:sticky;top:0;z-index:50;height:var(--gf-nav-height);background:color-mix(in srgb,var(--gf-bg) 85%,transparent);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:var(--gf-border-width) solid var(--gf-border-subtle)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--gf-space-4)}.nav-brand{display:inline-flex;align-items:center;gap:var(--gf-space-2);color:var(--gf-text);text-decoration:none;font-weight:var(--gf-weight-bold);font-size:var(--gf-text-lg);letter-spacing:var(--gf-tracking-tight)}.nav-brand:hover{color:var(--gf-text);text-decoration:none}.nav-brand svg{width:28px;height:28px}.nav-brand-text{display:inline-flex;flex-direction:column;line-height:1.1;gap:1px}.nav-brand-name{font-weight:var(--gf-weight-bold)}.nav-brand-by{font-size:var(--gf-text-xs);color:var(--gf-text-muted);font-weight:var(--gf-weight-normal);letter-spacing:var(--gf-tracking-wide)}.nav-links{display:flex;align-items:center;gap:var(--gf-space-2);list-style:none}.nav-links a{color:var(--gf-text-secondary);text-decoration:none;font-size:var(--gf-text-sm);padding:var(--gf-space-2) var(--gf-space-3);border-radius:var(--gf-radius-md)}.nav-links a:hover{color:var(--gf-text);background:var(--gf-bg-surface);text-decoration:none}.nav-stars a{display:inline-flex;align-items:center;padding:var(--gf-space-1) var(--gf-space-2);border-radius:var(--gf-radius-md);border:var(--gf-border-width) solid var(--gf-border);background:var(--gf-bg-surface);transition:border-color var(--gf-duration-fast) var(--gf-ease-default)}.nav-stars a:hover{border-color:var(--gf-border-accent);background:var(--gf-bg-raised)}.nav-stars img{display:block;height:18px}@media(max-width:768px){.nav-links li:not(.nav-cta){display:none}}.hero{position:relative;padding-block:var(--gf-space-10) var(--gf-space-9);overflow:hidden}.hero:before{content:"";position:absolute;inset:-10% 50% 30% -10%;background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,var(--gf-green-700) 18%,transparent),transparent 60%);pointer-events:none;z-index:0}.hero:after{content:"";position:absolute;inset:20% -10% -10% 50%;background:radial-gradient(ellipse at 80% 70%,color-mix(in srgb,var(--gf-green-500) 10%,transparent),transparent 60%);pointer-events:none;z-index:0}.hero-inner{position:relative;z-index:1;display:grid;gap:var(--gf-space-7);grid-template-columns:1fr;align-items:center}@media(min-width:1024px){.hero-inner{grid-template-columns:1.05fr 1fr;gap:var(--gf-space-8)}}.hero-logo{width:72px;height:72px;margin-bottom:var(--gf-space-4);border-radius:var(--gf-radius-xl);box-shadow:var(--gf-shadow-lg);display:block}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--gf-space-2);padding:var(--gf-space-1) var(--gf-space-3);background:var(--gf-accent-subtle);color:var(--gf-accent-text);border-radius:var(--gf-radius-full);font-size:var(--gf-text-xs);font-weight:var(--gf-weight-semibold);letter-spacing:var(--gf-tracking-wide);text-transform:uppercase;margin-bottom:var(--gf-space-4)}.hero h1{font-size:clamp(var(--gf-text-4xl),4.5vw,var(--gf-text-5xl));margin-bottom:var(--gf-space-4)}.hero h1 .accent{color:var(--gf-accent)}.hero-sub{font-size:var(--gf-text-lg);color:var(--gf-text-secondary);max-width:56ch;margin-bottom:var(--gf-space-6)}.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--gf-space-3);align-items:center;margin-bottom:var(--gf-space-5)}.hero-meta{display:flex;flex-wrap:wrap;gap:var(--gf-space-4) var(--gf-space-5);color:var(--gf-text-muted);font-size:var(--gf-text-sm)}.hero-meta span{display:inline-flex;align-items:center;gap:var(--gf-space-2)}.hero-meta svg{width:16px;height:16px;color:var(--gf-accent)}.trust-stack{list-style:none;display:grid;grid-template-columns:1fr;gap:var(--gf-space-2) var(--gf-space-5);color:var(--gf-text-muted);font-size:var(--gf-text-sm)}@media(min-width:480px){.trust-stack{grid-template-columns:repeat(2,max-content)}}.trust-stack li{display:inline-flex;align-items:center;gap:var(--gf-space-2)}.trust-stack svg{width:14px;height:14px;color:var(--gf-accent);flex-shrink:0}.hero-visual{position:relative;aspect-ratio:4 / 3;border-radius:var(--gf-radius-2xl);background:linear-gradient(145deg,var(--gf-bg-raised),var(--gf-bg-surface));border:var(--gf-border-width) solid var(--gf-border);box-shadow:var(--gf-shadow-xl);overflow:hidden}.hero-shot{width:100%;height:100%;object-fit:contain;display:block;background:var(--gf-neutral-950)}.hero-visual:not(.no-shot) .hero-mock{display:none}.hero-mock{position:relative;height:100%;padding:var(--gf-space-4)}.hero-mock:before{content:"";position:absolute;top:0;left:0;right:0;height:28px;background:var(--gf-bg-surface);border-bottom:var(--gf-border-width) solid var(--gf-border-subtle)}.hero-mock:after{content:"";position:absolute;top:10px;left:12px;width:10px;height:10px;border-radius:var(--gf-radius-full);background:var(--gf-red-500);box-shadow:16px 0 0 var(--gf-amber-400),32px 0 0 var(--gf-green-500)}.mock-list{margin-top:28px;display:flex;flex-direction:column;gap:var(--gf-space-2);font-family:var(--gf-font-mono);font-size:var(--gf-text-sm)}.mock-row{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:var(--gf-space-3);padding:var(--gf-space-2) var(--gf-space-3);background:var(--gf-bg);border:var(--gf-border-width) solid var(--gf-border-subtle);border-radius:var(--gf-radius-md)}.mock-port{color:var(--gf-accent);font-weight:var(--gf-weight-semibold)}.mock-meta{color:var(--gf-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-meta b{color:var(--gf-text);font-weight:var(--gf-weight-semibold)}.mock-kill{width:28px;height:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--gf-radius-md);border:var(--gf-border-width) solid var(--gf-border);background:transparent;color:var(--gf-text-muted)}.mock-kill:hover{color:var(--gf-red-400);border-color:var(--gf-red-400);background:color-mix(in srgb,var(--gf-red-500) 12%,transparent)}.section-head{text-align:center;margin-bottom:var(--gf-space-7)}.section-head h2{font-size:clamp(var(--gf-text-3xl),3.4vw,var(--gf-text-4xl))}.section-head p{color:var(--gf-text-secondary);font-size:var(--gf-text-lg);max-width:60ch;margin-inline:auto}.section-eyebrow{display:block;text-transform:uppercase;letter-spacing:var(--gf-tracking-caps);font-size:var(--gf-text-xs);font-weight:var(--gf-weight-semibold);color:var(--gf-accent-text);margin-bottom:var(--gf-space-3)}.problem{background:var(--gf-bg-raised);border-block:var(--gf-border-width) solid var(--gf-border-subtle)}.problem-card{max-width:720px;margin-inline:auto;text-align:center}.problem-card h2{font-size:clamp(var(--gf-text-2xl),3vw,var(--gf-text-3xl));margin-bottom:var(--gf-space-4)}.problem-card p{color:var(--gf-text-secondary);font-size:var(--gf-text-lg)}.problem-card code{font-size:.85em}.steps{display:grid;gap:var(--gf-space-5);grid-template-columns:1fr}@media(min-width:768px){.steps{grid-template-columns:repeat(3,1fr)}}.step{padding:var(--gf-space-5);background:var(--gf-bg-raised);border:var(--gf-border-width) solid var(--gf-border-subtle);border-radius:var(--gf-radius-xl);position:relative}.step-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--gf-radius-full);background:var(--gf-accent-subtle);color:var(--gf-accent-text);font-weight:var(--gf-weight-bold);font-family:var(--gf-font-mono);margin-bottom:var(--gf-space-4)}.step h3{font-size:var(--gf-text-xl);margin-bottom:var(--gf-space-2)}.step p{color:var(--gf-text-secondary);font-size:var(--gf-text-base);margin:0}.spotlight{position:relative;overflow:hidden}.spotlight:before{content:"";position:absolute;inset:-20% 60% 20% -20%;background:radial-gradient(ellipse at 30% 50%,color-mix(in srgb,var(--gf-green-700) 10%,transparent),transparent 60%);pointer-events:none}.spotlight-inner{position:relative;display:grid;gap:var(--gf-space-7);grid-template-columns:1fr;align-items:center}@media(min-width:1024px){.spotlight-inner{grid-template-columns:1fr 1.1fr;gap:var(--gf-space-8)}}.spotlight-copy h2{font-size:clamp(var(--gf-text-3xl),3.4vw,var(--gf-text-4xl));margin-block:var(--gf-space-3) var(--gf-space-4)}.spotlight-copy h2 .accent{color:var(--gf-accent)}.spotlight-copy p{color:var(--gf-text-secondary);font-size:var(--gf-text-lg)}.spotlight-bullets{list-style:none;display:flex;flex-direction:column;gap:var(--gf-space-2);margin-top:var(--gf-space-4)}.spotlight-bullets li{position:relative;padding-left:var(--gf-space-5);color:var(--gf-text-secondary)}.spotlight-bullets li:before{content:"→";position:absolute;left:0;color:var(--gf-accent);font-weight:var(--gf-weight-bold)}.spotlight-visual{position:relative;aspect-ratio:5 / 4;border-radius:var(--gf-radius-2xl);border:var(--gf-border-width) solid var(--gf-border);background:linear-gradient(145deg,var(--gf-bg-raised),var(--gf-bg-surface));box-shadow:var(--gf-shadow-xl);overflow:hidden}.spotlight-shot{width:100%;height:100%;object-fit:contain;display:block;background:var(--gf-neutral-950)}.spotlight-visual:not(.no-shot) .spotlight-mock{display:none}.spotlight-mock{height:100%;padding:var(--gf-space-5);display:flex;align-items:center}.spotlight-mock .mock-list{width:100%;margin:0}.mock-row--hl{border-color:var(--gf-border-accent);background:color-mix(in srgb,var(--gf-accent-subtle) 50%,var(--gf-bg))!important;box-shadow:0 0 0 1px var(--gf-border-accent)}.mock-cwd{color:var(--gf-accent);font-weight:var(--gf-weight-semibold)}.features{background:var(--gf-bg-raised);border-block:var(--gf-border-width) solid var(--gf-border-subtle)}.features-grid{display:grid;gap:var(--gf-space-4);grid-template-columns:1fr}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature{padding:var(--gf-space-5);background:var(--gf-bg);border:var(--gf-border-width) solid var(--gf-border-subtle);border-radius:var(--gf-radius-xl);transition:border-color var(--gf-duration-fast) var(--gf-ease-default),transform var(--gf-duration-fast) var(--gf-ease-default)}.feature:hover{border-color:var(--gf-border-accent);transform:translateY(-2px)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--gf-radius-md);background:var(--gf-accent-subtle);color:var(--gf-accent);margin-bottom:var(--gf-space-4)}.feature-icon svg{width:22px;height:22px}.feature h3{font-size:var(--gf-text-lg);margin-bottom:var(--gf-space-2)}.feature p{color:var(--gf-text-secondary);font-size:var(--gf-text-sm);line-height:var(--gf-leading-normal);margin:0}.compare{background:var(--gf-bg-raised);border-block:var(--gf-border-width) solid var(--gf-border-subtle)}.compare-grid{display:grid;gap:var(--gf-space-5);grid-template-columns:1fr}@media(min-width:768px){.compare-grid{grid-template-columns:repeat(3,1fr)}}.compare-card{padding:var(--gf-space-5);background:var(--gf-bg);border:var(--gf-border-width) solid var(--gf-border-subtle);border-radius:var(--gf-radius-xl);display:flex;flex-direction:column;gap:var(--gf-space-3)}.compare-card h3{font-size:var(--gf-text-lg);margin:0}.compare-card h3 code{background:transparent;border:none;padding:0;color:var(--gf-accent)}.compare-card p{color:var(--gf-text-secondary);font-size:var(--gf-text-sm);line-height:var(--gf-leading-normal);margin:0}.compare-card strong{color:var(--gf-text);display:block;padding-top:var(--gf-space-2)}.install-grid{display:grid;gap:var(--gf-space-5);grid-template-columns:1fr}@media(min-width:768px){.install-grid{grid-template-columns:repeat(3,1fr)}}.install-card{padding:var(--gf-space-5);background:var(--gf-bg-raised);border:var(--gf-border-width) solid var(--gf-border-subtle);border-radius:var(--gf-radius-xl);display:flex;flex-direction:column;gap:var(--gf-space-3)}.install-card[data-featured=true]{border-color:var(--gf-border-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--gf-accent-subtle) 60%,var(--gf-bg-raised)),var(--gf-bg-raised))}.install-card h3{font-size:var(--gf-text-xl)}.install-card p{color:var(--gf-text-secondary);font-size:var(--gf-text-sm);margin:0}.install-card pre{margin-top:auto;font-size:var(--gf-text-sm)}.install-note{text-align:center;margin-top:var(--gf-space-5);color:var(--gf-text-muted);font-size:var(--gf-text-sm)}.copyable{position:relative;cursor:pointer}.copyable:after{content:"Copy";position:absolute;top:var(--gf-space-2);right:var(--gf-space-2);padding:2px 8px;font-size:var(--gf-text-xs);font-family:var(--gf-font-body);background:var(--gf-bg-surface);border:var(--gf-border-width) solid var(--gf-border);border-radius:var(--gf-radius-sm);color:var(--gf-text-secondary);opacity:0;transition:opacity var(--gf-duration-fast) var(--gf-ease-default)}.copyable:hover:after{opacity:1}.copyable.copied:after{content:"Copied";opacity:1;color:var(--gf-accent);border-color:var(--gf-border-accent)}.faq-list{max-width:760px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--gf-space-3)}.faq-item{background:var(--gf-bg-raised);border:var(--gf-border-width) solid var(--gf-border-subtle);border-radius:var(--gf-radius-lg);overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:var(--gf-space-4) var(--gf-space-5);font-weight:var(--gf-weight-semibold);display:flex;align-items:center;justify-content:space-between;gap:var(--gf-space-3);min-height:56px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--gf-font-mono);font-size:var(--gf-text-xl);color:var(--gf-text-muted);transition:transform var(--gf-duration-normal) var(--gf-ease-default)}.faq-item[open] summary:after{content:"−";color:var(--gf-accent)}.faq-item p{padding:0 var(--gf-space-5) var(--gf-space-5);color:var(--gf-text-secondary);margin:0}.footer{border-top:var(--gf-border-width) solid var(--gf-border-subtle);padding-block:var(--gf-space-7) var(--gf-space-6);color:var(--gf-text-muted)}.footer-inner{display:flex;flex-direction:column;gap:var(--gf-space-5)}@media(min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-brand{display:flex;flex-direction:column;gap:var(--gf-space-2);max-width:360px}.footer-brand strong{color:var(--gf-text)}.footer-brand p{font-size:var(--gf-text-sm);margin:0}.footer-byline{color:var(--gf-text-secondary);border-left:2px solid var(--gf-accent);padding-left:var(--gf-space-3);margin-top:var(--gf-space-1)!important}.footer-byline code{font-size:.85em}.footer-cols{display:grid;grid-template-columns:repeat(2,minmax(120px,auto));gap:var(--gf-space-5) var(--gf-space-7)}.footer-col h4{font-size:var(--gf-text-xs);text-transform:uppercase;letter-spacing:var(--gf-tracking-caps);color:var(--gf-text-muted);margin-bottom:var(--gf-space-3);font-weight:var(--gf-weight-semibold)}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:var(--gf-space-2)}.footer-col a{color:var(--gf-text-secondary);text-decoration:none;font-size:var(--gf-text-sm)}.footer-col a:hover{color:var(--gf-text);text-decoration:underline}.footer-bottom{margin-top:var(--gf-space-5);padding-top:var(--gf-space-4);border-top:var(--gf-border-width) solid var(--gf-border-subtle);font-size:var(--gf-text-xs);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--gf-space-3)}