@font-face{font-family:Chakra;src:url('/assets/chakra-petch-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--paper:#090b16;--ink:#f4f5ec;--muted:#adb6c9;--lime:#e6ff43;--line:#303949;--cyan:#48f6ed;--pink:#ff49b8;--panel:#101725;--serif:Chakra,Manrope,Arial,sans-serif;color-scheme:dark}
body{background:var(--paper);background-image:linear-gradient(90deg,transparent calc(50% - .5px),#24304233 50%,transparent calc(50% + .5px));}
::selection{background:var(--pink);color:#090b16}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--cyan)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--cyan)}.skip{color:#090b16}.header{border-color:#455263;position:relative}.header::after{content:'';position:absolute;bottom:-2px;left:0;width:80px;height:3px;background:var(--cyan);box-shadow:0 0 16px #48f6ed77}.brand{font-family:Chakra,Manrope,sans-serif;letter-spacing:-1px}.brand-icon{background:var(--lime);color:#090b16;border-radius:0;clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,0 100%)}.brand-dot{color:var(--cyan)}.header nav{font-family:monospace;text-transform:uppercase;letter-spacing:.7px;font-size:11px}.nav-cta{border-radius:0;border-color:var(--cyan);color:var(--cyan);box-shadow:3px 3px 0 #48f6ed22}.menu-toggle{color:var(--cyan);border-color:#47686e;border-radius:0}.eyebrow{color:var(--cyan);letter-spacing:1.5px}.status-dot{background:var(--cyan);border-radius:0;box-shadow:0 0 14px #48f6ed}.hero{position:relative;gap:36px;padding-top:66px;padding-bottom:66px;grid-template-columns:1.1fr 1fr}.hero-copy{position:relative;z-index:2}.hero h1{font-family:Chakra,Manrope,sans-serif;text-transform:uppercase;font-size:clamp(60px,6.2vw,92px);line-height:1.02;letter-spacing:-3px;margin-bottom:34px}.serif-word{font-family:Chakra,Manrope,sans-serif;font-style:normal;font-weight:700;letter-spacing:-2.5px;color:var(--lime)}.hero h1 .serif-word{color:var(--lime);text-shadow:3px 3px 0 #48f6ed35}.hand-line{display:none}.hero-intro{border-left:2px solid var(--pink);padding-left:18px;color:#c6cedd;font-size:17px}.hero-actions{gap:27px}.button{border-radius:0;text-transform:uppercase;letter-spacing:.5px;font-family:monospace;font-size:11px;padding:17px 21px}.button.dark{background:var(--lime);color:#090b16;box-shadow:5px 5px 0 #e6ff4333;border:1px solid var(--lime)}.button.dark:hover{background:var(--cyan);border-color:var(--cyan);box-shadow:5px 5px 0 #48f6ed33}.text-link{border-color:#5b6a7d;color:var(--cyan);font-family:monospace;font-size:11px}.hero-footnote{font-size:10px;letter-spacing:.4px;color:#94a2b9}.hero-footnote::before{content:'// ';color:var(--pink)}
.hero-art{height:530px;border:1px solid #31515d;border-radius:0;overflow:hidden;background:#0b1120;box-shadow:9px 9px 0 #172e3a;isolation:isolate;clip-path:polygon(0 0,calc(100% - 27px) 0,100% 27px,100% 100%,26px 100%,0 calc(100% - 26px))}.hero-art::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,#094b5b77,transparent 60%),radial-gradient(ellipse at 100% 0,#a2146b44,transparent 48%);z-index:-1}.hero-art::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#fff 4px);opacity:.025;pointer-events:none}.cyber-top{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.4px;color:var(--cyan)}.cyber-top span:last-child{color:var(--pink)}.cyber-grid{position:absolute;left:-45%;right:-45%;bottom:-20%;height:65%;background-image:linear-gradient(#1d7189 1px,transparent 1px),linear-gradient(90deg,#1d7189 1px,transparent 1px);background-size:45px 45px;transform:perspective(380px) rotateX(55deg);opacity:.43;mask-image:linear-gradient(transparent,#000)}.cyber-core{position:absolute;left:1%;top:48px;width:98%;height:410px;filter:drop-shadow(0 0 12px #21e2ff33);animation:core-float 9s ease-in-out infinite}.core-label{font:10px monospace;letter-spacing:2px;fill:#48f6ed}.cyber-caption{position:absolute;left:24px;right:24px;bottom:23px;display:flex;justify-content:space-between;align-items:flex-end;color:var(--cyan);font:9px monospace;letter-spacing:1px}.cyber-caption strong{font-family:Chakra,sans-serif;font-size:22px;color:#f4f5ec;letter-spacing:.5px;line-height:1.1}.cyber-corner{position:absolute;top:70px;right:17px;font:10px monospace;writing-mode:vertical-rl;letter-spacing:2px;color:#9ca9c3}.cyber-cross{position:absolute;left:18px;top:86px;font:40px monospace;color:var(--pink);line-height:1}.cyber-bars{position:absolute;left:25px;bottom:82px;height:8px;width:70px;background:repeating-linear-gradient(90deg,var(--pink) 0 3px,transparent 3px 6px)}
.principle-strip{background:var(--lime);color:#090b16;border-top:4px solid #090b16;border-bottom:4px solid #090b16;padding:19px 0;box-shadow:0 -1px 0 var(--lime),0 1px 0 var(--lime)}.principle-strip>.shell{font-family:Chakra,Manrope,sans-serif;text-transform:uppercase;font-size:22px;letter-spacing:.6px}.strip-star{color:#090b16}.section-intro h2,.approach h2,.perspective h2,.contact h2,.privacy-page h1{font-family:Chakra,Manrope,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:-1px;line-height:1.12}.section-intro h2{font-size:35px}.section-intro>div>p{color:var(--muted)}.services{border:0;gap:18px}.service,.service+.service,.service:last-child{padding:25px 27px 28px;border:1px solid #303e54;background:#101725;position:relative}.service::before{content:'';position:absolute;top:-1px;left:-1px;width:46px;height:3px;background:var(--cyan)}.service:nth-child(2)::before{background:var(--pink)}.service:nth-child(3)::before{background:var(--lime)}.service-top>span{font-family:Chakra,sans-serif;font-size:25px;color:var(--cyan);line-height:1}.service:nth-child(2) .service-top>span,.service:nth-child(2) .service-top svg{color:var(--pink);stroke:var(--pink)}.service:nth-child(3) .service-top>span,.service:nth-child(3) .service-top svg{color:var(--lime);stroke:var(--lime)}.service-top svg{stroke:var(--cyan);filter:drop-shadow(0 0 6px #48f6ed33)}.service h3{font-family:Chakra,Manrope,sans-serif;font-size:24px;letter-spacing:-.5px}.service .service-tags{color:#98c4cb;font-size:9px}.service>a{color:var(--cyan);padding-top:14px;border-top:1px solid #303e54;font-family:monospace;font-weight:400;font-size:11px}.service:nth-child(2)>a{color:var(--pink)}.service:nth-child(3)>a{color:var(--lime)}
.approach{background:#101624;color:#f4f5ec;position:relative;border-top:1px solid #384559;border-bottom:1px solid #384559}.approach::before{content:'';display:block;position:absolute;top:-4px;right:7%;width:110px;height:7px;background:var(--pink);transform:skewX(-25deg)}.approach-heading .eyebrow{color:var(--pink)}.approach-heading h2>span{color:var(--cyan)}.approach-heading>p:last-child,.process-steps details p{color:#b6c1d5}.process-visual{background-image:radial-gradient(ellipse at center,#27416b44,transparent 70%)}.process-visual svg{stroke:var(--cyan);filter:drop-shadow(0 0 8px #48f6ed33)}.process-visual svg>circle{fill:var(--lime);stroke:var(--lime)}.process-visual svg>path{stroke:#090b16}.process-visual>span{color:var(--pink)}.process-steps,.process-steps details{border-color:#3b485d}.process-steps summary{font-family:Chakra,Manrope,sans-serif;font-size:21px;font-weight:700;letter-spacing:.1px}.process-steps summary>span{color:var(--cyan)}.process-steps details[open]{border-bottom-color:var(--cyan)}.process-steps summary i{color:var(--pink)}.perspective h2{font-size:55px}.perspective h2 .serif-word{color:var(--pink);letter-spacing:-1px}.asterisk{color:var(--pink);text-shadow:0 0 32px #ff49b844}.contact h2{font-size:75px}.contact h2 .serif-word{letter-spacing:-2px;color:var(--cyan)}.contact-email{color:var(--cyan);border-color:#476779}.brief-form{background:#111a2b;border:1px solid #3d5069;border-radius:0;position:relative}.brief-form::before{content:'';position:absolute;top:0;right:0;height:7px;width:60px;background:var(--pink)}.form-head>span:first-child{font-family:Chakra,Manrope,sans-serif;color:var(--lime);font-size:20px;letter-spacing:.3px}.brief-form label{font-family:monospace;font-size:11px;color:#c7d2e6;letter-spacing:.2px}input,select,textarea{color:#f4f5ec;border-color:#48576c}input::placeholder,textarea::placeholder{color:#95a3bc}select{background-color:#111a2b}.brief-result{border-color:#48576c}.copy-button{color:var(--cyan)}.brief-result textarea{background:#090b16;color:#f4f5ec}.form-note{color:#aebbd1}.footer{border-top-color:#455263}.footer-brand{color:var(--lime)}.footer>div>a{color:var(--cyan)}.privacy-page h2{font-family:Chakra,sans-serif;color:var(--cyan)}.privacy-page p{color:#c5d0df}.privacy-page a{color:var(--lime)}
@keyframes core-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@media(min-width:1550px){.hero{padding-top:74px;padding-bottom:74px}.hero-art{height:548px}.cyber-core{top:55px;height:420px}}
@media(max-width:1150px){.hero h1{font-size:65px;letter-spacing:-2px}.hero{gap:28px}.hero-art{height:460px}.cyber-core{top:38px;height:355px}.cyber-top{font-size:7px;left:18px;right:18px}.cyber-caption{left:20px;right:20px;font-size:7px}.cyber-caption strong{font-size:20px}.hero-intro{font-size:15px}.hero-actions{gap:20px}.section-intro h2{font-size:34px}.service,.service+.service,.service:last-child{padding:23px 22px}.service h3{font-size:21px}.service .service-tags{font-size:8px}.contact h2{font-size:63px}.perspective h2{font-size:47px}}
@media(max-width:800px){.hero{gap:20px}.hero h1{font-size:51px;letter-spacing:-1.6px}.hero h1 .serif-word{letter-spacing:-1.6px}.hero-intro{font-size:13px;padding-left:12px}.hero-art{height:390px}.cyber-core{height:300px;top:37px}.cyber-caption strong{font-size:16px}.cyber-caption{font-size:6px}.cyber-top{font-size:6px;letter-spacing:1px}.cyber-cross{font-size:29px;left:11px;top:59px}.cyber-corner{font-size:7px;top:58px;right:11px}.cyber-bars{bottom:67px;width:55px;height:6px}.services{gap:12px}.service,.service+.service,.service:last-child{padding:21px 16px}.service h3{font-size:19px}.service-top svg{width:95px}.service .service-tags{font-size:7px}.service>a{font-size:10px}.principle-strip>.shell{font-size:15px}.process-steps summary{font-size:16px}.section-intro h2{font-size:29px}.perspective h2{font-size:46px}.contact h2{font-size:56px}}
@media(max-width:600px){body{background-image:none}.header nav{background:#101725;box-shadow:0 10px 25px #0008;border-bottom-color:var(--cyan)}.hero{padding-top:43px;padding-bottom:39px;gap:34px}.hero h1{font-size:clamp(47px,11.8vw,68px);letter-spacing:-1.7px;line-height:1.04}.hero h1 .serif-word{letter-spacing:-1.7px}.hero-intro{font-size:14px;margin-top:28px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-actions{gap:20px}.hero-actions .button{font-size:9px;padding:15px 14px;gap:16px}.hero-actions .text-link{font-size:9px}.hero-footnote{font-size:8px;letter-spacing:0}.hero-art{height:390px;box-shadow:5px 5px 0 #173845}.cyber-core{height:310px;top:30px}.cyber-top{font-size:7px;letter-spacing:1px;top:17px;left:18px;right:18px}.cyber-caption{font-size:7px;bottom:20px;left:18px;right:18px}.cyber-caption strong{font-size:19px}.cyber-cross{left:14px;top:55px}.cyber-corner{top:57px;right:12px}.cyber-bars{left:19px;bottom:68px}.principle-strip{padding:16px 0}.principle-strip>.shell{font-size:10px;letter-spacing:0}.strip-star{font-size:14px}.section-intro h2{font-size:32px}.services{gap:18px}.service,.service+.service,.service:last-child{padding:25px 23px;border:1px solid #303e54}.service h3{font-size:25px}.service-top svg{width:130px}.service .service-tags{font-size:9px;min-height:0}.service>a{font-size:11px}.approach-heading h2{font-size:33px;letter-spacing:-.5px}.process-steps summary{font-size:18px;gap:14px}.process-steps summary>span{font-size:9px}.perspective h2{font-size:36px;letter-spacing:-.5px}.perspective h2 .serif-word{letter-spacing:-.5px}.contact h2{font-size:62px;letter-spacing:-1.5px}.form-head>span:first-child{font-size:18px}.brief-form label{font-size:10px}.brief-form{padding:24px}.footer-brand{font-size:23px}}
@media(max-width:365px){.hero h1{font-size:43px;letter-spacing:-1.7px}.hero .eyebrow{font-size:7px}.hero-actions{gap:15px}.hero-actions .button{font-size:8px;padding:14px 11px;gap:13px}.hero-actions .text-link{font-size:8px}.hero-art{height:352px}.cyber-core{height:275px;top:31px}.cyber-top{font-size:6px}.cyber-caption{font-size:6px}.cyber-caption strong{font-size:17px}.principle-strip>.shell{font-size:9px}.section-intro h2{font-size:28px}.perspective h2{font-size:32px}.contact h2{font-size:56px}.process-steps summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){.cyber-core{animation:none}.button{transition:none}}
