:root{--color-background:#0b0b0d;--color-surface:#17171b;--color-surface-2:#1f1f26;--color-surface-2-hover:#262630;--color-border:#2e2b28;--color-border-subtle:#f0ede60f;--color-border-hover:#f0ede638;--color-text-primary:#f0ede6;--color-text-secondary:#9c97a6;--color-text-muted:#5c586a;--sage:#7a9e7e;--sky:#6b9ab8;--rust:#c4622d;--brand-gradient:linear-gradient(135deg, var(--sage), var(--sky), var(--rust));--good:var(--sage);--bad:var(--rust);--attn:#bd8226;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--font-display:"DM Serif Display", Georgia, serif;--font-body:"Instrument Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:var(--color-text-secondary)}a:hover{color:var(--color-text-primary)}body:before{content:"";pointer-events:none;z-index:9999;background-image:radial-gradient(#f0ede60d 1px,#0000 1.4px);background-size:26px 26px;position:fixed;inset:0}nav.site-nav{z-index:10000;background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:20px 48px;transition:padding .4s,background .4s,border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}nav.site-nav.scrolled{background:var(--color-background);border-bottom-color:#f0ede614;padding-top:12px;padding-bottom:12px}.nav-logo{color:var(--color-text-primary);font-family:var(--font-display);letter-spacing:-.02em;align-items:center;font-size:22px;text-decoration:none;display:flex;position:relative}.logo-a,.logo-mid{background:var(--brand-gradient);background:linear-gradient(90deg, var(--sage), var(--sky), var(--rust), var(--sage));-webkit-text-fill-color:transparent;background-size:300% 100%;background-clip:text;animation:6s linear infinite pop-shift}.logo-a{z-index:2;transition:-webkit-text-fill-color .55s;display:inline-flex;position:relative}.logo-mid,.logo-io{white-space:nowrap;opacity:1;transition:max-width .55s,opacity .4s;display:inline-block;overflow:hidden}.logo-mid{max-width:5.4em}.logo-io{max-width:1.6em}.logo-o{z-index:1;justify-content:center;align-items:center;transition:color .55s,background .55s,width .55s,height .55s,box-shadow .55s,border-color .55s;display:inline-flex;position:relative}nav.site-nav.scrolled .logo-mid,nav.site-nav.scrolled .logo-io{opacity:0;max-width:0}nav.site-nav.scrolled .logo-o{color:#0000;background:linear-gradient(120deg, var(--sage), var(--sky), var(--rust), var(--sage));-webkit-mask-composite:xor;background-size:300% 300%;border:2px solid #0000;border-radius:50%;width:1.34em;height:1.34em;animation:5s linear infinite pop-shift;box-shadow:0 0 14px #6b9ab859;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:padding-box,border-box;mask-origin:padding-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}nav.site-nav.scrolled .logo-a{-webkit-text-fill-color:var(--color-text-primary);background:0 0;justify-content:center;align-items:center;width:1.34em;height:1.34em;animation:none;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.logo-a,.logo-mid{background-position:0 0;animation:none}nav.site-nav.scrolled .logo-o{animation:none}}.shimmer{background:var(--brand-gradient);background:linear-gradient(90deg, var(--sage), var(--sky), var(--rust), var(--sage));-webkit-text-fill-color:transparent;background-size:300% 100%;background-clip:text;animation:6s linear infinite pop-shift}@keyframes pop-shift{0%{background-position:0 0}to{background-position:300% 0}}@media (prefers-reduced-motion:reduce){.shimmer{animation:none}}.nav-links{align-items:center;gap:36px;list-style:none;display:flex}.nav-links a{color:var(--color-text-secondary);letter-spacing:.03em;text-transform:uppercase;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--color-text-primary);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--color-text-primary)}.nav-links a:hover:after{width:100%}.nav-cta{white-space:nowrap;cursor:pointer;border:1px solid var(--color-border-hover)!important;border-radius:var(--radius-sm)!important;color:var(--color-text-primary)!important;font-family:var(--font-mono)!important;text-transform:none!important;letter-spacing:0!important;background:0 0!important;padding:10px 24px!important;font-size:13px!important;transition:all .3s!important}.nav-cta:hover{background:#f0ede60f!important;border-color:#f0ede666!important}.nav-cta:after{display:none!important}.btn-primary{background:var(--color-text-primary);color:var(--color-background);font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:10px;padding:16px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{color:var(--color-background);background:#fff;transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{color:var(--color-text-secondary);font-family:var(--font-body);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:16px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-ghost:hover{border-color:var(--color-border-hover);color:var(--color-text-primary);background:#f0ede60a}.link-arrow{color:var(--color-text-secondary);font-size:15px;font-weight:500;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;text-decoration:none;transition:color .3s;display:inline-flex}.link-arrow svg{transition:transform .3s}.link-arrow:hover{color:var(--color-text-primary)}.link-arrow:hover svg{transform:translate(4px)}.email-fallback{font-family:var(--font-mono);color:var(--color-text-muted);font-size:12.5px;text-decoration:none}.email-fallback:hover{color:var(--color-text-secondary)}.section-header{max-width:720px;margin-bottom:40px}.section-label{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px;font-size:12px}.section-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1.1}.section-intro{color:var(--color-text-secondary);margin-top:20px;font-size:17px;line-height:1.7}.page-shell{z-index:1;max-width:1200px;margin:0 auto;padding:140px 48px 96px;position:relative}.status-badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:100px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 14px;font-size:11px;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge--live{color:var(--good);background:color-mix(in srgb, var(--good) 14%, transparent);border:1px solid color-mix(in srgb, var(--good) 30%, transparent)}.status-badge--live:before{animation:2s infinite pulse}.status-badge--preview{color:var(--sky);background:color-mix(in srgb, var(--sky) 12%, transparent);border:1px solid color-mix(in srgb, var(--sky) 28%, transparent)}.status-badge--dev{color:var(--attn);background:color-mix(in srgb, var(--attn) 12%, transparent);border:1px solid color-mix(in srgb, var(--attn) 26%, transparent)}@media (prefers-reduced-motion:reduce){.status-badge--live:before{animation:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.product-card,.featured-module{--status:var(--good);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:40px;transition:transform .4s cubic-bezier(.25,.46,.45,.94),border-color .4s,box-shadow .4s;position:relative}.featured-module{margin-bottom:24px;padding:36px 40px}.product-card:before,.featured-module:before{content:"";border-radius:inherit;background:linear-gradient(100deg, var(--status) 0 33%, var(--sage) 42%, var(--sky) 50%, var(--rust) 58%, var(--status) 67% 100%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;background-size:300% 100%;padding:1.5px;transition:opacity .45s;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.product-card:hover:before,.featured-module:hover:before{opacity:1;animation:4s linear infinite border-sweep}@keyframes border-sweep{0%{background-position:300% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.product-card:hover:before,.featured-module:hover:before{animation:none}}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.product-name{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:6px;font-size:28px;font-weight:400}.featured-module .product-name{font-size:32px}.product-card:hover .product-name,.featured-module:hover .product-name{background:linear-gradient(90deg, var(--sage), var(--sky), var(--rust), var(--sage));-webkit-text-fill-color:transparent;background-size:300% 100%;background-clip:text;animation:6s linear infinite pop-shift}@media (prefers-reduced-motion:reduce){.product-card:hover .product-name,.featured-module:hover .product-name{animation:none}}.product-tag{font-family:var(--font-mono);color:var(--color-text-muted);margin-bottom:16px;font-size:13px}.product-card p,.featured-module p{color:var(--color-text-secondary);margin-bottom:24px;font-size:15px;line-height:1.7}.product-caps{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.product-caps span{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);border-radius:999px;padding:5px 12px;font-size:11px}.feature-list{flex-direction:column;gap:10px;margin-bottom:22px;list-style:none;display:flex}.feature-list li{color:var(--color-text-secondary);align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.feature-list li:before{content:"◆";color:var(--color-text-muted);flex-shrink:0;margin-top:5px;font-size:8px}.product-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.product-grid--three{grid-template-columns:repeat(3,1fr)}@media (width<=900px){.product-grid--three{grid-template-columns:1fr}}.product-card--teaser{flex-direction:column;display:flex}.product-card--teaser .product-teaser-icon{background:var(--color-surface-2);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;font-size:20px;display:flex}footer.site-footer{border-top:1px solid var(--color-border-subtle);z-index:1;padding:48px;position:relative}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}.footer-left{font-family:var(--font-mono);color:var(--color-text-muted);font-size:12px}.footer-links{align-items:center;gap:24px;list-style:none;display:flex}.footer-links a,.footer-links button{color:var(--color-text-muted);font-size:13px;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;text-decoration:none;transition:color .3s}.footer-links a:hover,.footer-links button:hover{color:var(--color-text-primary)}.reveal{opacity:0;transition:opacity .95s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1);transform:translateY(44px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}@media (width<=1024px){nav.site-nav{padding:16px 24px}.nav-links{gap:22px}.page-shell{padding:120px 24px 64px}.product-grid{grid-template-columns:1fr}}@media (width<=640px){.nav-links{display:none}.footer-inner{text-align:center;flex-direction:column}}.popup-backdrop{z-index:10050;opacity:0;pointer-events:none;background:#0b0b0d59;transition:opacity .3s;position:fixed;inset:0}.popup-backdrop.is-open{opacity:1;pointer-events:auto}.popup-panel{z-index:10051;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);opacity:0;pointer-events:none;flex-direction:column;width:min(400px,100vw - 32px);max-height:min(560px,100vh - 48px);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(24px)scale(.98);box-shadow:0 24px 64px #00000073}.popup-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.popup-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.popup-header-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:12px}.popup-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.popup-close:hover{color:var(--color-text-primary)}.popup-messages{scrollbar-width:none;flex-direction:column;flex:1;gap:10px;min-height:160px;padding:18px 18px 8px;display:flex;overflow-y:auto}.popup-messages::-webkit-scrollbar{display:none}.popup-consent{border-top:1px solid var(--color-border-subtle);font-family:var(--font-mono);color:var(--color-text-muted);align-items:flex-start;gap:8px;padding:12px 18px;font-size:11px;line-height:1.5;display:flex}.popup-consent input[type=checkbox]{accent-color:var(--sage);margin-top:2px}.popup-consent a{color:var(--color-text-secondary);text-underline-offset:2px;text-decoration:underline}.popup-inputrow{border-top:1px solid var(--color-border-subtle);background:#ffffff04;align-items:center;gap:8px;padding:10px 12px;display:flex}.popup-field{color:var(--color-text-primary);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;padding:8px 4px;font-size:13.5px}.popup-field::placeholder{color:var(--color-text-muted)}.popup-field:disabled{opacity:.5}.popup-skip{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;flex-shrink:0;padding:7px 10px;font-size:11px;transition:all .2s}.popup-skip:hover{color:var(--color-text-primary);border-color:var(--color-border-hover)}.popup-send{background:var(--color-text-primary);width:30px;height:30px;color:var(--color-background);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:transform .2s;display:flex}.popup-send:hover{transform:translate(2px)}.popup-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.popup-footer{text-align:center;padding:10px 18px 14px}.popup-footer .email-fallback{font-size:11.5px}@media (width<=640px){.popup-panel{width:auto;bottom:16px;left:16px;right:16px}}