*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}a{color:inherit;text-decoration:none}@font-face{font-family:Inter;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--accent-from: #f857a6;--accent-to: #a855f7;--accent-gradient: linear-gradient(135deg, var(--accent-from), var(--accent-to));--font-mono: "Space Mono", monospace;--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--text-xs: .65rem;--text-sm: .8rem;--text-base: .9rem;--text-md: .95rem;--text-lg: 1rem;--text-xl: 1.05rem;--text-2xl: 1.1rem;--text-3xl: 1.6rem;--text-hero: clamp(1.78rem, 3.875vw, 2.62rem);--sp-2xs: .25rem;--sp-xs: .4rem;--sp-sm: .75rem;--sp-md: 1rem;--sp-lg: 1.5rem;--sp-xl: 2rem;--sp-2xl: 3rem;--sp-3xl: 4rem;--page-max-width: 1020px;--section-padding-x: 1.5rem;--border-subtle: 1px solid var(--border-color);--radius-none: 0;--radius-sm: 1px;--shadow-page: 0 0 30px rgba(0, 0, 0, .18);--shadow-hover: 0 6px 24px rgba(168, 85, 247, .3);--shadow-card-hover: 0 4px 20px rgba(168, 85, 247, .2);--ease-default: .3s ease;--ease-fast: .2s ease;--corner-mark-size: 28px;--corner-mark-thickness: 4px;--corner-mark-offset: 16px;--cm-size: 16px;--bg-page: light-dark(#ffffff, #111);--bg-surface: light-dark(#fafafa, #1a1a1a);--bg-surface-hover: rgba(168, 85, 247, .04);--bg-overlay: light-dark(rgba(255, 255, 255, .85), rgba(0, 0, 0, .85));--bg-overlay-hero: light-dark(rgba(255, 255, 255, .4), rgba(0, 0, 0, .4));--bg-overlay-stats: light-dark(rgba(240, 240, 240, .35), rgba(20, 20, 20, .35));--bg-showcase-variants: light-dark(rgba(255, 255, 255, .8), rgba(34, 34, 34, .8));--bg-dark-section: rgba(17, 17, 17, .85);--bg-dark-card: rgba(255, 255, 255, .05);--bg-footer: light-dark(#111111, #0a0a0a);--bg-tabs: light-dark(#ffffff, #0a0a0a);--text-primary: light-dark(#111, #fff);--text-secondary: light-dark(#333, #fff);--text-muted: light-dark(#666, #aaa);--text-subtle: light-dark(#999, #777);--text-faint: light-dark(#bbb, #666);--text-on-dark: #fff;--text-on-dark-muted: #aaa;--text-on-dark-subtle: rgba(255, 255, 255, .4);--border-color: light-dark(rgba(0, 0, 0, .06), rgba(255, 255, 255, .06));--border-color-medium: light-dark(rgba(0, 0, 0, .12), rgba(255, 255, 255, .12));--border-color-strong: light-dark(rgba(0, 0, 0, .15), rgba(255, 255, 255, .15));--border-dark: rgba(255, 255, 255, .06);--border-dark-medium: rgba(255, 255, 255, .1);--corner-mark-color: light-dark(rgba(0, 0, 0, .85), rgba(168, 85, 247, .85));--cm-color: light-dark(rgba(0, 0, 0, .2), rgba(255, 255, 255, .2));--cm-hover-color: var(--accent-gradient);--grid-line: light-dark(rgba(0, 0, 0, .05), rgba(255, 255, 255, .05));--grid-subline: light-dark(rgba(0, 0, 0, .04), rgba(255, 255, 255, .04));--grid-cross: light-dark(rgba(0, 0, 0, .2), rgba(255, 255, 255, .2));--wireframe-bar: rgba(0, 0, 0, .09);--wireframe-btn: rgba(0, 0, 0, .06);--ruler-tick: light-dark(rgba(0, 0, 0, .2), rgba(255, 255, 255, .3));--ruler-label: light-dark(rgba(0, 0, 0, .25), rgba(255, 255, 255, .35));--menu-bg: light-dark(rgba(255, 255, 255, .9), rgba(17, 17, 17, .9));--menu-text: light-dark(#111, #eee);--menu-hover-bg: light-dark(rgba(102, 102, 102, .9), rgba(187, 187, 187, .9));--menu-hover-text: light-dark(#fff, #111);--menu-active-bg: light-dark(rgba(17, 17, 17, .9), rgba(255, 255, 255, .9));--menu-active-text: light-dark(#fff, #111);--menu-coming-bg: light-dark(rgba(245, 245, 245, .9), rgba(42, 42, 42, .9));--menu-coming-text: light-dark(#999, #555)}:root.dark{color-scheme:dark}@media(prefers-color-scheme:dark){:root:not(.light){color-scheme:dark}}body{background:var(--bg-page);font-family:var(--font-body);color:var(--text-primary);transition:background var(--ease-default)}.accent-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sr-only{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:fixed;top:-100%;left:50%;transform:translate(-50%);z-index:9999;padding:var(--sp-sm) var(--sp-lg);background:var(--bg-page);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);border:2px solid var(--accent-to);text-decoration:none;transition:top .2s ease}.skip-link:focus{top:var(--sp-sm);outline:2px solid var(--accent-to);outline-offset:2px}.grid-bg{position:fixed;inset:0;z-index:0;pointer-events:none;will-change:transform}.grid-bg canvas{width:100%;height:100%}.corner-mark{position:fixed;width:var(--corner-mark-size);height:var(--corner-mark-size);pointer-events:none;z-index:100}.corner-mark--tl{top:var(--corner-mark-offset);left:var(--corner-mark-offset)}.corner-mark--tr{top:var(--corner-mark-offset);right:var(--corner-mark-offset)}.corner-mark--bl{bottom:var(--corner-mark-offset);left:var(--corner-mark-offset)}.corner-mark--br{bottom:var(--corner-mark-offset);right:var(--corner-mark-offset)}.corner-mark:before{content:"";position:absolute;width:100%;height:100%}.corner-mark--tl:before{top:0;left:0;border-top:var(--corner-mark-thickness) solid var(--corner-mark-color);border-left:var(--corner-mark-thickness) solid var(--corner-mark-color)}.corner-mark--tr:before{top:0;right:0;border-top:var(--corner-mark-thickness) solid var(--corner-mark-color);border-right:var(--corner-mark-thickness) solid var(--corner-mark-color)}.corner-mark--bl:before{bottom:0;left:0;border-bottom:var(--corner-mark-thickness) solid var(--corner-mark-color);border-left:var(--corner-mark-thickness) solid var(--corner-mark-color)}.corner-mark--br:before{bottom:0;right:0;border-bottom:var(--corner-mark-thickness) solid var(--corner-mark-color);border-right:var(--corner-mark-thickness) solid var(--corner-mark-color)}.page{position:relative;z-index:1;max-width:var(--page-max-width);margin:0 auto;background:var(--bg-page);border-left:var(--border-subtle);border-right:var(--border-subtle);box-shadow:var(--shadow-page)}.page--transparent{background:transparent}.btn-primary{position:relative;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;padding:var(--sp-sm) 1.8rem;border:none;background:var(--accent-gradient);color:#fff;cursor:pointer;text-decoration:none;display:inline-block;transition:box-shadow var(--ease-default),transform var(--ease-fast)}.btn-primary:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn-secondary{position:relative;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:500;padding:var(--sp-sm) 1.8rem;border:1px solid transparent;border-image:var(--accent-gradient) 1;background:#ffffff4d;backdrop-filter:blur(3px);color:var(--text-secondary);opacity:.75;cursor:pointer;text-decoration:none;display:inline-block;transition:opacity var(--ease-default),background var(--ease-default),backdrop-filter var(--ease-default)}:root.dark .btn-secondary{background:#0000004d;backdrop-filter:blur(3px)}.btn-secondary:hover{opacity:1}:root:not(.dark) .btn-secondary:hover{background:#ffffff1f;backdrop-filter:blur(1px);color:#000}:root.dark .btn-secondary:hover{background:#0000001f;backdrop-filter:blur(1px);color:#fff}.btn-primary:after{content:"";position:absolute;bottom:-8px;left:-8px;width:14px;height:14px;border-width:0 0 2px 2px;border-style:solid;border-image:linear-gradient(135deg,var(--accent-from),var(--accent-to)) 1;transition:bottom var(--ease-default),left var(--ease-default)}.btn-primary:hover:after{bottom:-12px;left:-12px}.btn-secondary:after{content:"";position:absolute;top:-8px;right:-8px;width:14px;height:14px;border-width:2px 2px 0 0;border-style:solid;border-image:linear-gradient(135deg,var(--accent-from),var(--accent-to)) 1;transition:top var(--ease-default),right var(--ease-default)}.btn-secondary:hover:after{top:-12px;right:-12px}.btn-standalone:before{content:"";position:absolute;top:-8px;right:-8px;width:14px;height:14px;border-width:2px 2px 0 0;border-style:solid;border-image:linear-gradient(135deg,var(--accent-from),var(--accent-to)) 1;transition:top var(--ease-default),right var(--ease-default)}.btn-standalone:hover:before{top:-12px;right:-12px}.cm{position:absolute;pointer-events:none;z-index:2}.cm:before{content:"";position:absolute;width:var(--cm-size, 16px);height:var(--cm-size, 16px);background:var(--cm-color);transition:background var(--ease-default),width var(--ease-default),height var(--ease-default)}.cm-tl:before{top:0;left:0;clip-path:polygon(0 0,100% 0,100% var(--cm-thickness, 1px),var(--cm-thickness, 1px) var(--cm-thickness, 1px),var(--cm-thickness, 1px) 100%,0 100%)}.cm-tr:before{top:0;right:0;clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - var(--cm-thickness, 1px)) 100%,calc(100% - var(--cm-thickness, 1px)) var(--cm-thickness, 1px),0 var(--cm-thickness, 1px))}.cm-bl:before{bottom:0;left:0;clip-path:polygon(0 0,var(--cm-thickness, 1px) 0,var(--cm-thickness, 1px) calc(100% - var(--cm-thickness, 1px)),100% calc(100% - var(--cm-thickness, 1px)),100% 100%,0 100%)}.cm-br:before{bottom:0;right:0;clip-path:polygon(calc(100% - var(--cm-thickness, 1px)) 0,100% 0,100% 100%,0 100%,0 calc(100% - var(--cm-thickness, 1px)),calc(100% - var(--cm-thickness, 1px)) calc(100% - var(--cm-thickness, 1px)))}.cm-hover-target:hover .cm:before{background:var(--cm-hover-color)}.cm-hover-target:not(.cm-elastic):hover .cm:before{width:calc(var(--cm-size, 16px) + 3px);height:calc(var(--cm-size, 16px) + 3px)}.cm-elastic .cm-tl:before{width:calc(var(--cm-size, 16px) + max(0,-1 * var(--cm-attract-x, 0)) * 20px);height:calc(var(--cm-size, 16px) + max(0,-1 * var(--cm-attract-y, 0)) * 20px)}.cm-elastic .cm-tr:before{width:calc(var(--cm-size, 16px) + max(0,var(--cm-attract-x, 0)) * 20px);height:calc(var(--cm-size, 16px) + max(0,-1 * var(--cm-attract-y, 0)) * 20px)}.cm-elastic .cm-bl:before{width:calc(var(--cm-size, 16px) + max(0,-1 * var(--cm-attract-x, 0)) * 20px);height:calc(var(--cm-size, 16px) + max(0,var(--cm-attract-y, 0)) * 20px)}.cm-elastic .cm-br:before{width:calc(var(--cm-size, 16px) + max(0,var(--cm-attract-x, 0)) * 20px);height:calc(var(--cm-size, 16px) + max(0,var(--cm-attract-y, 0)) * 20px)}.zone-header{position:sticky;top:0;z-index:50;background:var(--bg-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:var(--sp-md) var(--section-padding-x);border-bottom:var(--border-subtle)}:root.dark .zone-header{background:var(--bg-footer)}.nav-brand{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--text-primary)}.nav-brand span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-actions{display:flex;align-items:center;gap:var(--sp-sm)}.nav-cta{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;padding:.55rem 1.2rem;border:none;background:var(--accent-gradient);color:#fff;transition:box-shadow var(--ease-default),transform var(--ease-fast)}.nav-cta:hover{box-shadow:0 4px 16px #a855f74d;transform:translateY(-1px)}.grid-toggle{font-family:var(--font-mono);font-size:.6rem;padding:var(--sp-xs) var(--sp-sm);border:1px solid var(--border-color-medium);background:transparent;letter-spacing:.05em;color:var(--text-primary);transition:border-color var(--ease-default)}.grid-toggle:hover{border-color:var(--border-color-strong)}.zone-hero{position:relative;background:var(--bg-overlay-hero);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:var(--sp-3xl) var(--section-padding-x);text-align:center;border-bottom:var(--border-subtle)}#heroNoiseCanvas,#heroMondrianCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero-badge,.hero-title,.hero-subtitle,.hero-actions{position:relative;z-index:1}.hero-badge{display:inline-block;font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);border:3px solid var(--text-primary);padding:.45rem 1.1rem;margin-bottom:var(--sp-lg)}.hero-title{font-family:var(--font-heading);font-size:var(--text-hero);font-weight:700;line-height:1.2;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--sp-md)}.hero-title em{font-style:normal;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-family:var(--font-body);font-size:var(--text-xl);line-height:1.6;color:#444;text-shadow:0 1px 3px rgba(0,0,0,.1);max-width:520px;margin:0 auto var(--sp-xl)}:root.dark .hero-subtitle{color:#ccc}.hero-actions{position:relative;display:inline-flex;gap:var(--sp-sm);justify-content:center}.zone-showcase{--sc-opacity: 85%;--sc-bg: color-mix(in srgb, var(--bg-page) var(--sc-opacity), transparent);--sc-element-bg: color-mix(in srgb, var(--bg-surface) var(--sc-opacity), transparent);position:relative;background:var(--sc-bg);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:2px solid;border-image:linear-gradient(135deg,var(--accent-from),var(--accent-to)) 1;padding:0 var(--section-padding-x) var(--section-padding-x)}.showcase-menu{position:relative}.showcase-tabs{display:flex;gap:1px;margin:0 calc(-1 * var(--section-padding-x));margin-bottom:var(--section-padding-x);background:linear-gradient(135deg,var(--accent-from),var(--accent-to));padding:0 0 1px}.showcase-tab{flex:1;font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;background:var(--bg-tabs);border:none;padding:var(--sp-sm) var(--sp-xs);cursor:pointer;text-align:center;transition:color var(--ease-fast),background var(--ease-fast);position:relative}.showcase-tab:hover{color:var(--accent-to)}.showcase-tab.active{color:#fff;background:var(--accent-gradient);background-size:400% 100%}.showcase-tab:nth-child(1).active{background-position:0% 0}.showcase-tab:nth-child(2).active{background-position:33.33% 0}.showcase-tab:nth-child(3).active{background-position:66.67% 0}.showcase-tab:nth-child(4).active{background-position:100% 0}.showcase-niches{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-sm);--cm-attract-x: 0;--cm-attract-y: 0}.showcase-niches .cm-tl{top:-8px;left:calc(8px - var(--section-padding-x))}.showcase-niches .cm-tr{top:-8px;right:calc(8px - var(--section-padding-x))}.showcase-niches .cm-bl{bottom:-8px;left:calc(8px - var(--section-padding-x))}.showcase-niches .cm-br{bottom:-8px;right:calc(8px - var(--section-padding-x))}.showcase-niche{display:flex;align-items:center;gap:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:left;padding:var(--sp-sm) 0;border:1px solid var(--border-color-medium);background:var(--sc-element-bg);color:var(--text-muted);cursor:pointer;transition:border-color var(--ease-default),color var(--ease-default),background var(--ease-default)}.showcase-niche:hover{border-color:var(--border-color-strong);color:var(--text-primary)}.showcase-niche.active{border-color:var(--accent-to);background:var(--accent-gradient);color:#fff}.showcase-niche-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22%}.showcase-niche-icon svg{display:block}.showcase-niche-label{flex:1}.showcase-preview{position:relative;overflow:hidden;aspect-ratio:16 / 9;margin-top:var(--section-padding-x);margin-left:calc(-1 * var(--section-padding-x));margin-right:calc(-1 * var(--section-padding-x));margin-bottom:calc(-1 * var(--section-padding-x))}.preview-track{display:flex;width:200%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}.variant-card{position:relative;width:50%;height:100%;background:var(--sc-element-bg);border:var(--border-subtle);padding:var(--sp-xl) var(--sp-lg) var(--sp-lg);display:flex;flex-direction:column;transition:border-color var(--ease-default),box-shadow var(--ease-default);box-sizing:border-box}.variant-card:hover{background:color-mix(in srgb,var(--bg-surface-hover) var(--sc-opacity, 85%),transparent);border-color:#a855f726}.variant-card{--cm-attract-x: 0;--cm-attract-y: 0}.variant-card .cm-tl{top:8px;left:8px}.variant-card .cm-tr{top:8px;right:8px}.variant-card .cm-bl{bottom:8px;left:8px}.variant-card .cm-br{bottom:8px;right:8px}.variant-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.25rem}.variant-card:hover .variant-label{color:var(--accent-to)}.variant-screenshot{flex:1;background:linear-gradient(to top right,transparent calc(50% - 1px),rgba(187,187,187,.2) calc(50% - 1px),rgba(187,187,187,.2) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom right,transparent calc(50% - 1px),rgba(187,187,187,.2) calc(50% - 1px),rgba(187,187,187,.2) calc(50% + 1px),transparent calc(50% + 1px)),var(--wireframe-bar);border-radius:var(--radius-sm);min-height:0}.preview-dots{position:absolute;bottom:var(--sp-md);left:50%;transform:translate(-50%);display:flex;gap:var(--sp-xs);z-index:3}.preview-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--text-faint);background:transparent;cursor:pointer;padding:0;transition:background var(--ease-fast),border-color var(--ease-fast)}.preview-dot:hover{border-color:var(--accent-to)}.preview-dot.active{background:var(--accent-to);border-color:var(--accent-to)}.variant-card.scanline-out,.variant-card.scanline-in{position:relative;overflow:hidden}.variant-card.scanline-out:after,.variant-card.scanline-in:after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--accent-gradient);box-shadow:0 0 12px var(--accent-from),0 0 24px var(--accent-to);z-index:10;pointer-events:none}.variant-card.scanline-out:after{animation:scanline-sweep .5s ease-in-out forwards}.variant-card.scanline-in:after{animation:scanline-sweep .5s ease-in-out forwards}@keyframes scanline-sweep{0%{top:-3px}to{top:100%}}@media(prefers-reduced-motion:reduce){.variant-card.scanline-out:after,.variant-card.scanline-in:after{animation:none;display:none}.showcase-menu-item:before{transition:none}}.zone-services{background:var(--bg-dark-section);border-top:1px solid var(--border-dark);padding:var(--sp-lg) var(--section-padding-x) var(--sp-2xl)}.services-label{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--text-on-dark);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:var(--sp-lg);min-height:1.2em}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-md)}.service-card{position:relative;background:var(--bg-dark-card);border:1px solid var(--border-dark-medium);padding:var(--sp-xl) var(--sp-lg) var(--sp-lg);transition:border-color var(--ease-default),box-shadow var(--ease-default);box-shadow:0 2px 12px #00000026}.service-card:hover{border-color:#a855f766;box-shadow:var(--shadow-card-hover)}.service-card .cm-tl{top:6px;left:6px}.service-card .cm-tr{top:6px;right:6px}.service-card .cm-bl{bottom:6px;left:6px}.service-card .cm-br{bottom:6px;right:6px}.service-number{font-family:var(--font-mono);font-size:var(--text-md);font-weight:700;color:#666;letter-spacing:.08em;margin-bottom:var(--sp-md);transition:color var(--ease-default)}.service-card:hover .service-number{color:var(--accent-to)}.service-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--text-on-dark);margin-bottom:.5rem}.service-desc{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-on-dark-muted)}.zone-stats{background:var(--bg-overlay-stats);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-top:var(--border-subtle);border-bottom:var(--border-subtle);padding:0 var(--section-padding-x)}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-md);padding:var(--sp-xl) 0}.stat-item{text-align:center}.stat-value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:var(--sp-xs)}.stat-value span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-family:var(--font-mono);font-size:.6rem;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em}.stats-ruler{position:relative;height:20px;overflow:hidden;margin:0 calc(-1 * var(--section-padding-x))}.stats-ruler canvas{width:100%;height:100%}.zone-faq{background:var(--bg-dark-section);border-top:1px solid var(--border-dark);padding:var(--sp-xl) 0 0}.faq-label{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--text-on-dark);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:var(--sp-xl);min-height:1.2em}.faq-item{border-bottom:1px solid var(--border-dark-medium)}.faq-item:first-of-type{border-top:1px solid var(--border-dark-medium)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-lg) var(--section-padding-x);cursor:pointer;transition:background .2s ease;font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--text-on-dark);letter-spacing:.02em;border:none;background:transparent;width:100%;text-align:left}.faq-question:hover{background:#ffffff0d}.faq-icon{width:14px;height:14px;position:relative;flex-shrink:0;margin-left:var(--sp-lg);transition:transform .4s cubic-bezier(.16,1,.3,1)}.faq-icon:before,.faq-icon:after{content:"";position:absolute;background:#999;transition:background .3s ease}.faq-icon:before{width:14px;height:1px;top:50%;left:0;transform:translateY(-50%)}.faq-icon:after{width:1px;height:14px;left:50%;top:0;transform:translate(-50%)}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-item.open .faq-icon:before,.faq-item.open .faq-icon:after{background:var(--accent-to)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1)}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden;padding:0 var(--section-padding-x);font-family:var(--font-body);font-size:var(--text-md);line-height:1.8;color:var(--text-on-dark-muted);transition:padding .4s cubic-bezier(.16,1,.3,1)}.faq-item.open .faq-answer-inner{padding:var(--sp-xs) var(--section-padding-x) var(--sp-lg)}.zone-cta{position:relative;background:#111111eb;padding:var(--sp-3xl) var(--section-padding-x);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-md)}.zone-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-dark-medium)}.cta-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--text-on-dark);letter-spacing:.02em;margin:0}.cta-lines-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cta-subtitle{font-family:var(--font-body);font-size:var(--text-md);color:var(--text-on-dark-muted);margin:0 0 var(--sp-sm)}.zone-footer{position:relative;background:var(--bg-footer);display:flex;flex-wrap:wrap;align-items:center;padding:2.5rem var(--section-padding-x);font-family:var(--font-mono);color:var(--text-on-dark-subtle);font-size:var(--text-sm);line-height:1.6}.zone-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-from),var(--accent-to))}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;gap:var(--sp-lg)}.footer-col-title{color:#ffffffb3;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-xs);font-size:.65rem}.footer-right{text-align:right}.footer-legal{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:var(--sp-lg);padding-top:var(--sp-md);border-top:1px solid rgba(255,255,255,.1);font-size:.6rem;color:#ffffff59}.footer-legal-links{display:flex;gap:var(--sp-md)}.footer-legal-links a{color:#ffffff59;text-decoration:none;transition:color var(--ease-fast)}.footer-legal-links a:hover{color:#ffffffb3}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal.revealed .service-card,.reveal.revealed .stat-block,.reveal.revealed .faq-item{animation:revealChild .5s cubic-bezier(.16,1,.3,1) both}.reveal.revealed .service-card:nth-child(1),.reveal.revealed .stat-block:nth-child(1),.reveal.revealed .faq-item:nth-child(1){animation-delay:0ms}.reveal.revealed .service-card:nth-child(2),.reveal.revealed .stat-block:nth-child(2),.reveal.revealed .faq-item:nth-child(2){animation-delay:80ms}.reveal.revealed .service-card:nth-child(3),.reveal.revealed .stat-block:nth-child(3),.reveal.revealed .faq-item:nth-child(3){animation-delay:.16s}.reveal.revealed .stat-block:nth-child(4),.reveal.revealed .faq-item:nth-child(4){animation-delay:.24s}.reveal.revealed .stat-block:nth-child(5),.reveal.revealed .faq-item:nth-child(5){animation-delay:.32s}@keyframes revealChild{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.typewriter:after{content:"";display:inline-block;width:2px;height:.9em;margin-left:2px;background:var(--accent-to);vertical-align:text-bottom;opacity:0}.typewriter.typing:after{opacity:1;animation:cursorBlink .5s steps(1) infinite}.typewriter.typed:after{opacity:0;transition:opacity .6s ease .3s}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.reveal.revealed .service-card,.reveal.revealed .stat-block,.reveal.revealed .faq-item{animation:none}.typewriter:after{display:none}}@media(max-width:1024px){.corner-mark{display:none}}@media(max-width:1100px){.page{border-left:none;border-right:none;box-shadow:none}}@media(max-width:1024px){.showcase-tab{font-size:.65rem;padding:var(--sp-xs) var(--sp-2xs)}.services-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.zone-hero{padding:var(--sp-2xl) var(--sp-md)}.hero-subtitle{font-size:var(--text-md)}.hero-actions{flex-direction:column;gap:var(--sp-sm)}.showcase-tabs{flex-wrap:wrap}.showcase-tab{flex:1 1 45%;font-size:.6rem}.zone-showcase{padding:var(--sp-sm) var(--sp-md) var(--sp-md)}.showcase-niche{font-size:.65rem}.showcase-niche-icon{width:18%}.services-grid{grid-template-columns:1fr}.zone-services{padding:var(--sp-lg) var(--sp-md) var(--sp-xl)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-lg) var(--sp-md)}.faq-question{padding:var(--sp-sm) var(--sp-md);font-size:.65rem}.faq-answer-inner{padding:0 var(--sp-md) var(--sp-sm);font-size:var(--text-base)}.footer-grid{grid-template-columns:1fr;gap:var(--sp-lg)}.footer-right{text-align:left}.zone-footer{padding:var(--sp-xl) var(--sp-md)}.zone-header{padding:var(--sp-sm) var(--sp-md)}.nav-brand{font-size:.65rem}.nav-cta{font-size:.7rem;padding:var(--sp-xs) var(--sp-sm)}.grid-toggle{font-size:.55rem;padding:var(--sp-2xs) var(--sp-xs)}}