:root{--cog-primary:222 25% 12%;--cog-primary-fg:0 0% 100%;--cog-accent:38 92% 48%;--cog-accent-fg:222 25% 12%;--cog-bg:40 10% 97%;--cog-fg:222 25% 10%;--cog-card:40 10% 93%;--cog-card-fg:222 25% 10%;--cog-secondary:40 8% 86%;--cog-secondary-fg:222 25% 12%;--cog-muted:40 8% 88%;--cog-muted-fg:222 15% 25%;--cog-dark-accent:222 25% 14%;--cog-dark-accent-fg:0 0% 100%;--cog-danger:0 84% 58%;--cog-danger-fg:0 0% 100%;--cog-success:142 60% 45%;--cog-success-fg:0 0% 100%;--cog-border:40 10% 82%;--cog-input:40 10% 82%;--cog-ring:38 92% 48%;--cog-surface-elevated:40 10% 99%;--cog-shadow-soft:222 20% 8%;--cog-meridian:38 92% 48%;--cog-primary-gradient:linear-gradient(135deg, #fbbd23 0%, #eb980a 55%, #cb650b 100%);--cog-primary-gradient-hover:linear-gradient(135deg, #fdc435 0%, #f8a312 55%, #e16e09 100%);--cog-font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--cog-font-display:"Space Grotesk", "Inter", system-ui, -apple-system, sans-serif;--cog-radius:12px;--cog-radius-sm:8px;--cog-radius-md:12px;--cog-radius-lg:16px;--cog-space-1:.25rem;--cog-space-2:.5rem;--cog-space-3:1rem}.dark{--cog-primary:0 0% 98%;--cog-primary-fg:224 30% 6%;--cog-accent:42 95% 55%;--cog-accent-fg:224 30% 6%;--cog-bg:224 30% 6%;--cog-fg:0 0% 98%;--cog-card:224 25% 9%;--cog-card-fg:0 0% 98%;--cog-secondary:224 20% 14%;--cog-secondary-fg:0 0% 98%;--cog-muted:224 20% 14%;--cog-muted-fg:220 15% 78%;--cog-dark-accent:224 20% 16%;--cog-dark-accent-fg:0 0% 98%;--cog-danger:0 62% 52%;--cog-danger-fg:0 0% 100%;--cog-success:142 60% 45%;--cog-success-fg:0 0% 100%;--cog-border:224 20% 16%;--cog-input:224 20% 16%;--cog-ring:42 95% 55%;--cog-surface-elevated:224 25% 11%;--cog-shadow-soft:0 0% 0%;--cog-meridian:42 95% 55%;--cog-primary-gradient:linear-gradient(135deg, #fccd40 0%, #f9b81f 55%, #e77f08 100%);--cog-primary-gradient-hover:linear-gradient(135deg, #fdd353 0%, #fbbf32 55%, #f88a0d 100%)}@layer base{*,:before,:after{border-color:hsl(var(--cog-border))}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{background:hsl(var(--cog-bg));min-height:100vh;color:hsl(var(--cog-fg));font-family:var(--cog-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin:0;line-height:1.6;display:flex}h1,h2,h3{font-family:var(--cog-font-display);letter-spacing:-.02em;margin:0 0 .5rem;font-weight:700;line-height:1.2}h4,h5,h6{font-family:var(--cog-font-sans);letter-spacing:-.01em;margin:0 0 .5rem;font-weight:600}p{margin:0 0 1rem}a{color:hsl(var(--cog-accent));text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid hsl(var(--cog-ring));outline-offset:2px}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.card{background:hsl(var(--cog-card));border:1px solid hsl(var(--cog-border));border-radius:var(--cog-radius);padding:1.5rem}.tier-label{background:hsl(var(--cog-accent) / .1);color:hsl(var(--cog-accent));text-transform:uppercase;letter-spacing:.1em;border-radius:999px;margin-bottom:.75rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.badge{background:hsl(var(--cog-accent) / .12);color:hsl(var(--cog-accent));text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:.25rem .7rem;font-size:.72rem;font-weight:600;display:inline-block}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:transform .15s,opacity .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.65;cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:focus-visible{outline:2px solid hsl(var(--cog-ring));outline-offset:2px}@media (prefers-reduced-motion:reduce){.btn,.btn:not(:disabled):hover{transition:none;transform:none}}.btn-primary{background:var(--cog-primary-gradient);color:hsl(var(--cog-accent-fg))}.btn-primary:not(:disabled):hover{background:var(--cog-primary-gradient-hover);box-shadow:0 8px 24px -6px hsl(var(--cog-accent) / .45)}.btn-primary:focus-visible{outline:2px solid hsl(var(--cog-ring));outline-offset:2px}.btn-outline{border:1px solid hsl(var(--cog-border));color:hsl(var(--cog-fg));background:0 0}.btn-outline:hover{background:hsl(var(--cog-secondary))}.btn-block{width:100%}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field label{color:hsl(var(--cog-muted-fg));font-size:.85rem}.field input[type=text],.field input[type=email],.field input[type=tel]{background:hsl(var(--cog-surface-elevated));border:1px solid hsl(var(--cog-border));color:hsl(var(--cog-fg));border-radius:8px;padding:.65rem .85rem;font-family:inherit;font-size:.95rem}.field input:focus{outline:2px solid hsl(var(--cog-ring));outline-offset:1px}.checkbox-row{color:hsl(var(--cog-muted-fg));align-items:flex-start;gap:.65rem;margin:1rem 0;font-size:.85rem;display:flex}.checkbox-row input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:hsl(var(--cog-accent));flex-shrink:0;margin-top:.15rem}.error-text{color:hsl(var(--cog-danger));font-size:.85rem}.success-text{color:hsl(var(--cog-success));font-size:.85rem}.muted{color:hsl(var(--cog-muted-fg))}.brand-name{font-family:var(--cog-font-display,"Space Grotesk", "Inter", system-ui, -apple-system, sans-serif);letter-spacing:.08em;text-transform:uppercase;font-weight:700;line-height:1}a.brand-name,.brand-name{color:inherit;text-decoration:none}.brand-tagline{font-family:var(--cog-font-sans,"Inter", system-ui, -apple-system, sans-serif);color:hsl(var(--cog-muted-fg,222 15% 25%));letter-spacing:.04em}.brand-tagline--sm{font-size:.75rem}.brand-tagline--md{font-size:.9rem}.site-header{border-bottom:1px solid hsl(var(--cog-border));background:hsl(var(--cog-card) / .6);backdrop-filter:blur(8px);z-index:10;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;display:flex;position:sticky;top:0}.brand{color:hsl(var(--cog-fg));align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.brand:hover{text-decoration:none}.brand-logo{width:auto;height:2rem}@media (width<=480px){.brand-logo{height:1.6rem}.brand-sub{display:none}}.brand-sub{color:hsl(var(--cog-muted-fg));text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.site-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.site-footer{border-top:1px solid hsl(var(--cog-border));color:hsl(var(--cog-muted-fg));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;font-size:.85rem;display:flex}.site-footer a{color:hsl(var(--cog-muted-fg))}.site-footer a:hover{color:hsl(var(--cog-fg))}@media (width<=640px){.site-footer{text-align:center;flex-direction:column;align-items:center}}.hero{text-align:center;max-width:640px;margin:0 auto 2.5rem}.hero h1{margin-bottom:.75rem;font-size:clamp(1.8rem,4vw,2.6rem)}.hero p{color:hsl(var(--cog-muted-fg));font-size:1.05rem}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.center{text-align:center}@media (width<=720px){.grid-2,.grid-3{grid-template-columns:1fr}}.theme-toggle{width:2.25rem;height:2.25rem;color:hsl(var(--cog-fg));cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.theme-toggle:hover{background:hsl(var(--cog-muted))}.theme-toggle:focus-visible{outline:2px solid hsl(var(--cog-ring));outline-offset:2px}.theme-icon{place-items:center;display:grid}.theme-icon>svg{grid-area:1/1;width:1.15rem;height:1.15rem;transition:opacity .3s,transform .3s}.icon-sun{opacity:0;transform:rotate(-90deg)scale(.6)}.icon-moon,.dark .icon-sun{opacity:1;transform:none}.dark .icon-moon{opacity:0;transform:rotate(90deg)scale(.6)}html.theme-animating,html.theme-animating *,html.theme-animating :before,html.theme-animating :after{transition-property:background-color,border-color,color,fill,stroke!important;transition-duration:.3s!important;transition-timing-function:ease!important}@media (prefers-reduced-motion:reduce){.theme-icon>svg,html.theme-animating,html.theme-animating *,html.theme-animating :before,html.theme-animating :after{transition:none!important}}.meridian-rule{background:hsl(var(--cog-meridian) / .3);border:none;width:100%;height:1px;margin:2rem 0}.tabular-nums{font-variant-numeric:tabular-nums}