:root{--color-primary:#21e6ff;--color-primary-deep:#0094b3;--color-secondary:#2e7d32;--color-tertiary:#ffd24a;--color-neutral:#0a0f1a;--color-error:#e53935;--surface-base:#070b12;--surface-card:#0f1722;--surface-elevated:#16212f;--surface-deep:#04070d;--hairline:#78c8e61a;--hairline-strong:#78c8e638;--text-primary:#f2f7fb;--text-secondary:#9fb2c4;--text-muted:#5f7287;--text-on-primary:#04111a;--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--shadow-card:0 10px 40px #00000073;--shadow-glow:0 0 24px #21e6ff59;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none;scroll-behavior:smooth}html::-webkit-scrollbar{display:none}::selection{color:#fff;background:#21e6ff47}body{background:var(--surface-base);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:300;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 50% at 80% -10%, #21e6ff1a, transparent 60%), radial-gradient(60% 45% at 0% 30%, #2182ff14, transparent 60%), linear-gradient(180deg, var(--surface-base), #04070d 60%, var(--surface-base));position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.4;background-image:linear-gradient(var(--hairline) 1px, transparent 1px), linear-gradient(90deg, var(--hairline) 1px, transparent 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 100% at 50% 0,#000 30%,#0000 80%);mask-image:radial-gradient(120% 100% at 50% 0,#000 30%,#0000 80%)}.neon-glow{color:#fff;text-shadow:0 0 7px #21e6ffb3,0 0 10px #21e6ff80,0 0 21px #21e6ff66,0 0 42px #21e6ff4d,0 0 82px #21e6ff33}.grad-text{background:linear-gradient(100deg, #fff 10%, var(--color-primary) 55%, #8be9ff 90%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.grad-text--stroke{-webkit-text-stroke:1px #ffffffd9;paint-order:stroke fill}.cyan-stroke{-webkit-text-stroke:1px #21e6ffd9;paint-order:stroke fill}.btn{border-radius:var(--radius-pill);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all var(--transition-base);border:none;padding:.7rem 1.8rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(120deg, var(--color-primary), #5cefff);color:var(--text-on-primary);box-shadow:0 6px 24px #21e6ff40}.btn-primary:hover{box-shadow:var(--shadow-glow), 0 10px 30px #21e6ff59;transform:translateY(-2px)}.btn-outlined{color:var(--text-primary);border:1px solid var(--hairline-strong);background:#ffffff05}.btn-outlined:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:4px}a,button{-webkit-tap-highlight-color:transparent}.eyebrow{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.3em;color:var(--color-primary);font-size:.72rem;font-weight:700}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(28px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.display{font-family:var(--font-display);letter-spacing:-.015em;font-size:clamp(2.1rem,5.2vw,3.8rem);font-weight:600;line-height:1.04}.lead{color:var(--text-secondary);max-width:60ch;margin-top:14px;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.7}.band{max-width:1180px;margin:0 auto;padding:clamp(64px,12vh,150px) clamp(20px,5vw,44px)}.band-head{gap:10px;margin-bottom:clamp(30px,6vh,60px);display:grid}.hud-nav{z-index:60;transition:background var(--transition-slow), backdrop-filter var(--transition-slow), border-color var(--transition-slow), padding var(--transition-slow);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(18px,5vw,44px);display:flex;position:fixed;inset:0 0 auto}.hud-nav.is-scrolled{-webkit-backdrop-filter:blur(14px)saturate(120%);border-bottom-color:var(--hairline);background:#070b12b8;padding-top:10px;padding-bottom:10px}.hud-brand{font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;font-size:clamp(1.1rem,2.6vw,1.3rem);font-weight:700;text-decoration:none}.hud-links{align-items:center;gap:clamp(18px,2.4vw,30px);display:flex}.hud-links a:not(.hud-cta){font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);transition:color var(--transition-base);font-size:.8rem;font-weight:600;text-decoration:none;position:relative}.hud-links a:not(.hud-cta):after{content:"";background:var(--color-primary);width:0;height:1px;transition:width var(--transition-base);position:absolute;bottom:-6px;left:0}.hud-links a:not(.hud-cta):hover{color:var(--color-primary)}.hud-links a:not(.hud-cta):hover:after{width:100%}.hud-cta{padding:.5rem 1.1rem;font-size:.72rem}.hud-menu-btn{color:var(--text-primary);border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);font-family:var(--font-ui);letter-spacing:.18em;cursor:pointer;background:0 0;padding:8px 16px;font-size:.72rem;font-weight:700;display:none}.hud-drawer{z-index:55;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#050910f7;place-content:center;gap:26px;animation:.25s fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.hud-drawer a:not(.hud-drawer-cta){font-family:var(--font-display);color:var(--text-primary);font-size:2rem;text-decoration:none}.hud-drawer-cta{justify-self:center;margin-top:10px;padding:.8rem 2rem}.hero{height:var(--scrub-h,520vh);position:relative}.hero-sticky{background:var(--surface-deep);place-items:center;width:100%;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.hero-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 38%,#0000009e 100%),linear-gradient(#070b128c 0%,#0000 22% 60%,#070b12e6 100%);position:absolute;inset:0}.hero-overlay{z-index:10;text-align:center;padding:0 24px;position:relative}.hero-line{width:max-content;max-width:92vw;font-family:var(--font-display);letter-spacing:-.015em;opacity:0;text-shadow:0 2px 60px #000000a6;will-change:opacity, transform;font-size:clamp(2.3rem,8.5vw,7rem);font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-hud-top{z-index:12;font-family:var(--font-ui);letter-spacing:.25em;text-transform:uppercase;color:#21e6ffd9;justify-content:space-between;align-items:center;gap:12px;padding:0 clamp(18px,5vw,44px);font-size:10px;display:flex;position:absolute;top:clamp(70px,11vh,88px);left:0;right:0}.hero-hud-top span{white-space:nowrap}.lead-more{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .45s,opacity .45s;display:grid}.lead-more.is-open{opacity:1;grid-template-rows:1fr}.lead-more-inner{overflow:hidden}.more-toggle{border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);color:var(--color-primary);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;transition:border-color var(--transition-base), background var(--transition-base);background:#ffffff05;justify-self:start;align-items:center;gap:8px;margin-top:16px;padding:9px 18px;font-size:.78rem;font-weight:600;display:inline-flex}.more-toggle:hover{border-color:var(--color-primary);background:#21e6ff0f}.more-toggle-icon{transition:transform var(--transition-base)}.more-toggle[aria-expanded=true] .more-toggle-icon{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.lead-more,.more-toggle-icon{transition:none}}.process-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:clamp(14px,2vw,22px);list-style:none;display:grid}.process-card{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);padding:26px 22px;position:relative;overflow:hidden}.process-card:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px #21e6ff8c, 0 0 28px #21e6ff66, 0 0 60px #21e6ff38, var(--shadow-card);transform:translateY(-4px)}.matrix-rain{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.process-card:after{content:"";z-index:1;pointer-events:none;transition:background var(--transition-base);background:linear-gradient(#080e186b,#080e1899);position:absolute;inset:0}.process-card:hover:after{background:linear-gradient(#080e1842,#080e1870)}.process-card:before{content:"";z-index:3;background:linear-gradient(180deg, var(--color-primary), transparent);width:3px;position:absolute;inset:0 auto 0 0}.process-letter,.process-name,.process-desc{z-index:2;position:relative}.process-letter{font-family:var(--font-display);color:var(--color-primary);text-shadow:0 0 24px #21e6ff73;font-size:2.6rem;font-weight:700;line-height:1}.process-name{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;text-shadow:0 1px 8px #0009;margin:10px 0 8px;font-size:.92rem;font-weight:700}.process-desc{color:var(--text-secondary);text-shadow:0 1px 8px #00000080;font-size:.95rem;line-height:1.6}.process-card--link{cursor:pointer}.process-jump{z-index:2;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary);opacity:.75;transition:opacity var(--transition-base), transform var(--transition-base);margin-top:14px;font-size:.72rem;font-weight:700;display:inline-block;position:relative}.process-card--link:hover .process-jump,.process-card--link:focus-visible .process-jump{opacity:1;transform:translate(3px)}.work-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(18px,3vw,30px);display:grid}.work-card{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--hairline);box-shadow:var(--shadow-card);transition:transform var(--transition-slow), box-shadow var(--transition-slow), border-color var(--transition-slow);overflow:hidden}.work-card:hover{border-color:var(--color-primary);transform:translateY(-6px);box-shadow:0 0 0 1px #21e6ff80,0 0 28px #21e6ff52,0 22px 56px #00000080}.work-media{aspect-ratio:16/10;background:var(--surface-deep);overflow:hidden}.work-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.work-card:hover .work-media img{transform:scale(1.05)}.work-body{padding:22px;position:relative;overflow:hidden}.work-body .matrix-rain{z-index:0}.work-body:after{content:"";z-index:1;pointer-events:none;transition:background var(--transition-base);background:linear-gradient(#080e1875,#080e18a3);position:absolute;inset:0}.work-card:hover .work-body:after{background:linear-gradient(#080e184d,#080e187a)}.work-body>:not(.matrix-rain){z-index:2;position:relative}.work-title{font-family:var(--font-display);text-shadow:0 1px 8px #0009;font-size:1.3rem;font-weight:600}.work-tagline{color:var(--color-primary);text-shadow:0 1px 8px #0000008c;margin:4px 0 12px;font-size:.85rem}.work-desc{color:var(--text-secondary);text-shadow:0 1px 8px #00000080;font-size:.92rem;line-height:1.6}.work-tech{flex-wrap:wrap;gap:8px;margin-top:16px;list-style:none;display:flex}.work-tech li{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);padding:4px 11px;font-size:.7rem}a.work-card{color:inherit;cursor:pointer;text-decoration:none;display:block}.work-visit{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary);opacity:.78;transition:opacity var(--transition-base), transform var(--transition-base);margin-top:16px;font-size:.72rem;font-weight:700;display:inline-block}.work-card--link:hover .work-visit,.work-card--link:focus-visible .work-visit{opacity:1;transform:translate(3px)}.work-media--hub{text-align:center;background:radial-gradient(85% 80% at 50% 30%, #21e6ff33, transparent 70%), linear-gradient(155deg, #0b1a28, var(--surface-deep));place-items:center;padding:18px;display:grid}.hub-mark{font-family:var(--font-display);letter-spacing:.01em;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:700;line-height:1.05}.work-card--hub:hover .work-media--hub{background:radial-gradient(85% 80% at 50% 30%, #21e6ff52, transparent 70%), linear-gradient(155deg, #0d2031, var(--surface-deep))}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(16px,2.5vw,26px);display:grid}.price-card{color:inherit;cursor:pointer;background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);padding:30px 26px;text-decoration:none;display:block;position:relative}.price-card:hover{border-color:var(--hairline-strong);transform:translateY(-4px);box-shadow:0 0 24px #21e6ff1a,0 14px 40px #0006}.price-card--feature{background:linear-gradient(180deg, #21e6ff0f, var(--surface-card) 40%);border-color:#21e6ff80;box-shadow:0 0 0 1px #21e6ff40,0 18px 50px #00000080}.price-badge{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--color-tertiary);font-size:.66rem}.price-name{font-family:var(--font-display);margin:8px 0 14px;font-size:1.5rem;font-weight:600}.price-amount{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.price-amount strong{font-family:var(--font-display);color:var(--color-primary);font-size:1.9rem}.price-amount span{color:var(--text-muted);font-size:.8rem}.price-desc{color:var(--text-secondary);margin:6px 0 18px;font-size:.9rem}.price-features{gap:9px;list-style:none;display:grid}.price-features li{color:var(--text-secondary);padding-left:22px;font-size:.9rem;position:relative}.price-features li:before{content:"▸";color:var(--color-primary);position:absolute;left:0}.price-cta{text-align:center;font-family:var(--font-ui);letter-spacing:.06em;color:var(--color-primary);opacity:.65;transition:opacity var(--transition-base), text-shadow var(--transition-base);margin-top:18px;font-size:.8rem;font-weight:700;display:block}.price-card:hover .price-cta{opacity:1;text-shadow:0 0 10px #21e6ff66}.service-block{margin-top:clamp(34px,6vh,60px)}.band-subhead{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin-bottom:18px;font-size:.75rem;font-weight:700}.service-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.service-chip{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-md);text-align:center;transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);padding:16px}.service-chip:hover{border-color:var(--hairline-strong);transform:translateY(-3px);box-shadow:0 0 16px #21e6ff14}.service-chip-name{font-family:var(--font-ui);color:var(--text-primary);transition:color var(--transition-base), text-shadow var(--transition-base);margin-bottom:3px;font-size:.85rem;font-weight:700;display:block}.service-chip:hover .service-chip-name{color:var(--color-primary);text-shadow:0 0 10px #21e6ff4d}.service-chip-desc{color:var(--text-muted);font-size:.74rem;line-height:1.4;display:block}.ongoing-card{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-lg);margin-top:clamp(28px,5vh,48px);padding:clamp(22px,3vw,32px)}.ongoing-heading{font-family:var(--font-display);color:var(--text-primary);margin-bottom:16px;font-size:1.1rem;font-weight:600}.ongoing-grid{grid-template-columns:1fr 1fr;gap:clamp(16px,2.5vw,28px);display:grid}.ongoing-item strong{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:6px;font-size:.78rem;font-weight:800;display:block}.ongoing-item p{color:var(--text-secondary);font-size:.86rem;line-height:1.55}.contact-cta{text-align:center;background:radial-gradient(80% 60% at 50% 0,#21e6ff1a,#0000 60%);place-content:center;gap:18px;min-height:88vh;padding:60px 24px;display:grid}.contact-headline{max-width:16ch;margin:8px auto 16px;font-size:clamp(2.1rem,6vw,4.2rem)}.contact-blurb{max-width:48ch;margin:0 auto 28px}.contact-btn{text-transform:none;letter-spacing:.02em;font-size:1rem}.contact-note{color:var(--text-muted);letter-spacing:.1em;margin-top:18px;font-size:.85rem}.contact-form{text-align:left;gap:14px;width:min(520px,100%);margin:0 auto;display:grid}.contact-form .field{gap:6px;display:grid}.contact-form label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:.78rem;font-weight:600}.contact-form input,.contact-form textarea{width:100%;font:inherit;color:var(--text-primary);background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-md);transition:border-color var(--transition-base), box-shadow var(--transition-base);padding:12px 14px}.contact-form textarea{resize:vertical;min-height:110px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #21e6ff1f}.contact-form input:disabled,.contact-form textarea:disabled{opacity:.6;cursor:not-allowed}.contact-submit{text-transform:none;letter-spacing:.02em;justify-self:start;font-size:1rem}.contact-submit:disabled{opacity:.6;cursor:progress;box-shadow:none;transform:none}.hp-field{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contact-form-error{color:var(--color-error);margin:-2px 0 0;font-size:.9rem}.contact-success{background:var(--surface-card);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);width:min(520px,100%);color:var(--text-primary);margin:8px auto 0;padding:18px 20px;font-size:1.05rem}.contact-fallback{color:var(--text-secondary);margin-top:18px;font-size:.9rem}.contact-fallback a{color:var(--color-primary);text-decoration:none}.contact-fallback a:hover{text-decoration:underline}.site-footer{border-top:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:26px clamp(20px,5vw,44px);display:flex}.footer-brand{font-family:var(--font-display);font-weight:700}.footer-meta{color:var(--text-muted);letter-spacing:.08em;font-size:.78rem}@media (width<=1024px){.hud-links{display:none}.hud-menu-btn{display:inline-block}.hero{--scrub-h:480vh}}@media (width<=640px){.hero{--scrub-h:420vh}.hero-hud-top{letter-spacing:.18em;font-size:9px}.hero-hud-top span:nth-child(2){display:none}.band{padding:clamp(56px,10vh,90px) 20px}.process-grid{grid-template-columns:1fr 1fr;gap:12px}.process-card{padding:20px 16px}.process-letter{font-size:2.2rem}.work-grid,.pricing-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.ongoing-grid{grid-template-columns:1fr}.site-footer{text-align:center;flex-direction:column;gap:12px}.footer-meta{font-size:.72rem}}@media (width<=400px){.process-grid{grid-template-columns:1fr}.hud-drawer a:not(.hud-drawer-cta){font-size:1.7rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-card:hover .work-media img{transform:none}}
