@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--cyan:#24caff;--muted:#91a5b3;--line:#183443}*{box-sizing:border-box}body{margin:0;background:#020506;color:#edf6fa;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan)}.skip{position:fixed;left:15px;top:-90px;z-index:100;background:#035c99;padding:12px}.skip:focus{top:10px}.page-grid{position:fixed;inset:0;z-index:-1;background-image:radial-gradient(#34749840 .7px,transparent .7px),radial-gradient(ellipse at 15% 35%,#0463a010,transparent 55%);background-size:28px 28px,100% 100%;mask-image:linear-gradient(#0007,#000,transparent)}header{height:100px;padding:0 7%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:700;letter-spacing:-1.5px;color:var(--cyan)}.brand span{color:white}.back{font:11px 'IBM Plex Mono',monospace;color:var(--muted)}.back:hover{color:var(--cyan)}.contact-dock{position:fixed;left:18px;top:50%;transform:translateY(-50%);display:grid;gap:6px;background:#071119c9;border:1px solid #2d546a70;border-radius:22px;padding:8px;backdrop-filter:blur(15px);z-index:10}.contact-dock a{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;font-size:22px;color:var(--muted)}.contact-dock .active,.contact-dock a:hover{color:var(--cyan);background:#039bf022}main{max-width:1370px;margin:auto;padding:60px 6% 100px 100px;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(35px,5vw,90px);align-items:start}.intro{padding-top:25px}.eyebrow{font:9px/1.7 'IBM Plex Mono',monospace;letter-spacing:1.6px;color:var(--cyan);display:flex;align-items:center;gap:10px}.eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}h1{font-size:clamp(38px,4.5vw,65px);font-weight:500;line-height:1.08;letter-spacing:-2.8px;margin:28px 0 24px}h1 em{font-style:normal;color:var(--cyan)}.lead{font-size:15px;line-height:1.9;color:var(--muted)}.contact-info{margin-top:55px}.small-label,.location>span{display:block;font:9px 'IBM Plex Mono',monospace;letter-spacing:1.5px;color:#5c849b}.email{display:block;font-size:clamp(14px,1.5vw,20px);margin-top:13px;overflow-wrap:anywhere}.email span{color:var(--cyan);margin-left:12px}.copy{padding:0;border:0;background:none;color:var(--muted);font:10px 'IBM Plex Mono',monospace;margin-top:14px;cursor:pointer}.copy:hover{color:var(--cyan)}.location{margin-top:36px}.location strong{display:block;font-weight:400;font-size:13px;margin-top:13px}.location small{color:var(--muted);font:9px 'IBM Plex Mono',monospace}.socials{display:flex;gap:27px;margin-top:33px;font:11px 'IBM Plex Mono',monospace}.socials a:hover{color:var(--cyan)}.terminal{border-left:1px solid #1e6a8b;padding-left:18px;margin-top:50px;font:10px/2 'IBM Plex Mono',monospace;color:#668da3}.terminal>span{display:block}.terminal code{color:#aec9d7;font:11px 'IBM Plex Mono',monospace}.terminal b,.cursor{color:var(--cyan)}.cursor{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.form-panel{--mx:50%;--my:0%;position:relative;padding:34px;border:1px solid #1a3d50;border-radius:22px;background:radial-gradient(400px circle at var(--mx) var(--my),#0682c80c,transparent),#071017;box-shadow:0 30px 100px #0003}.form-heading h2{font-size:28px;font-weight:500;letter-spacing:-.8px;margin:14px 0 10px}.form-heading p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:30px}fieldset{border:0;padding:0;margin:0 0 27px}legend{font-size:12px;margin-bottom:13px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choices label{position:relative;cursor:pointer}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices span{display:block;padding:10px 12px;border:1px solid #29414e;border-radius:9px;color:var(--muted);font-size:11px;transition:.2s}.choices input:checked+span{background:#008ddd1c;border-color:#159fdb;color:#71ddff}.choices input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:3px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:block;font-size:12px;margin-bottom:23px}.field>span{color:#3ac7f9}.field small{color:#5b7c91;margin-left:6px;font-size:10px}input:not([type=radio]),textarea{display:block;width:100%;background:#040b10;color:#edf6fa;border:1px solid #223744;border-radius:9px;padding:14px;font-size:12px;margin-top:10px;transition:border-color .2s}input::placeholder,textarea::placeholder{color:#577282}input:focus,textarea:focus{border-color:#20b7ee}textarea{resize:vertical;min-height:120px;line-height:1.8}.form-bottom{display:flex;justify-content:space-between;font:9px 'IBM Plex Mono',monospace;color:#627f90;margin-top:-12px;margin-bottom:25px}.send{width:100%;padding:17px 20px;border:1px solid #14b8ff;border-radius:10px;background:linear-gradient(115deg,#009eef,#0863ee);color:white;cursor:pointer;font-size:13px;display:flex;justify-content:space-between;transition:box-shadow .25s,transform .25s}.send:hover{box-shadow:0 0 30px #008dff30;transform:translateY(-2px)}.delivery-note{font-size:10px;line-height:1.7;color:#738fa0;margin:15px 0 0}#form-status{font-size:12px;line-height:1.7;color:#81d9ff}footer{display:flex;align-items:center;gap:30px;border-top:1px solid #122936;padding:30px 7% 35px 100px}footer>span{font-size:29px;letter-spacing:1px;color:#71abc6}footer b{font-size:11px;color:#53778a}footer p{font-size:10px;color:var(--muted)}footer a{margin-left:auto;font:10px 'IBM Plex Mono',monospace;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#0b2839;border:1px solid #1ca1dc;padding:12px 20px;border-radius:12px;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1}main>section{animation:enter .75s both}.form-panel{animation-delay:.13s}@keyframes enter{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@media(max-width:900px){main{gap:35px;padding-left:90px;padding-right:30px}h1{font-size:40px}.form-panel{padding:25px}.field-pair{grid-template-columns:1fr;gap:0}.email{font-size:14px}}@media(max-width:700px){header{height:80px;padding:0 6%}.brand{font-size:23px}.back{font-size:9px}main{display:block;padding:25px 6% 50px}.intro{padding-top:0}h1{font-size:clamp(37px,9vw,55px);letter-spacing:-2px}.lead{font-size:13px}.contact-info{margin-top:30px}.email{font-size:17px}.location{margin-top:25px}.terminal{margin-top:30px;margin-bottom:35px}.form-panel{padding:25px 20px}.form-heading h2{font-size:27px}.contact-dock{left:50%;top:auto;bottom:12px;transform:translateX(-50%);display:flex;gap:8px}footer{padding:25px 6% 100px;flex-wrap:wrap;gap:15px}footer p{margin-left:auto}footer a{margin-left:0}.toast{bottom:80px;width:max-content;max-width:90vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.contact-dock a{position:relative;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}.contact-dock svg{display:block;width:20px;height:20px;flex-shrink:0}.contact-dock .active,.contact-dock a:hover{border-color:#159fdb55}.contact-dock .dock-tip{position:absolute;left:calc(100% + 16px);white-space:nowrap;pointer-events:none;opacity:0;transform:translateX(-4px);padding:8px 12px;border:1px solid #244a60;border-radius:8px;background:#07131e;color:#c5e4f3;font:10px 'IBM Plex Mono',monospace;transition:opacity .2s,transform .2s}.contact-dock a:hover .dock-tip,.contact-dock a:focus-visible .dock-tip{opacity:1;transform:none}@media(max-width:700px){.contact-dock{gap:3px;padding:7px}.contact-dock a{width:36px;height:36px}.contact-dock .dock-tip{left:50%;bottom:calc(100% + 16px);transform:translateX(-50%)!important}}
.availability{display:flex;align-items:center;gap:13px;margin-top:36px}.availability strong{font-size:15px;font-weight:600;color:#e5f1eb}.availability-light{position:relative;flex:0 0 9px;width:9px;height:9px;background:#43d886;border-radius:50%;box-shadow:0 0 0 5px #38c97925,0 0 14px #39d98065}.availability-light:after{content:'';position:absolute;inset:-5px;border:1px solid #46df8750;border-radius:50%;animation:availability-pulse 2.8s ease-out infinite}@keyframes availability-pulse{0%{transform:scale(.8);opacity:.65}80%,100%{transform:scale(1.5);opacity:0}}@media(prefers-reduced-motion:reduce){.availability-light:after{animation:none}}

/* RESPONSIVE REFINEMENTS */
html{scroll-padding-top:24px}body{overflow-x:clip}img,video,svg,canvas{max-width:100%}main{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}main>section,.form-panel,.field{min-width:0}.email{overflow-wrap:anywhere}.form-panel{width:100%}.choices{min-width:0}.field-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){main{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);padding-right:max(24px,4vw)}.field-pair{grid-template-columns:minmax(0,1fr)}.form-panel{padding:clamp(20px,3.5vw,25px)}}
@media(max-width:700px){html{scroll-padding-top:16px}main{display:block;padding:25px 6% 50px}.field-pair{grid-template-columns:minmax(0,1fr)}.choices span{display:flex;align-items:center;min-height:42px}.contact-dock{bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 24px)}.contact-dock a{width:40px;height:40px;flex:0 0 40px}footer{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}input:not([type=radio]){min-height:44px}.toast{bottom:calc(80px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 24px);white-space:normal}}
@media(max-width:420px){header{gap:10px}.back{font-size:8px}.brand{font-size:22px}main{padding-inline:5%}.form-panel{padding:22px 17px}.form-bottom{font-size:8px;gap:8px;flex-wrap:wrap}.socials{gap:20px}footer{gap:10px}footer>span{font-size:24px}footer p{font-size:9px}footer a{font-size:9px}.contact-dock{gap:2px;padding:6px}}
@media(max-width:350px){.back{font-size:7px}.brand{font-size:20px}.form-panel{padding-inline:14px}.contact-dock{gap:1px;padding:5px}.contact-dock a{width:38px;height:38px;flex-basis:38px}.choices{gap:6px}.choices span{padding:9px 10px;font-size:10px}}
/* Contact dock menu motion */
.contact-dock a{isolation:isolate;transform-origin:center;transition:background .28s ease,border-color .28s ease,color .28s ease,transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}.contact-dock a:before{content:"";position:absolute;inset:1px;border:1px solid #54dcff38;border-radius:11px;background:radial-gradient(circle at 48% 10%,#4edcff27,transparent 74%),linear-gradient(145deg,#0e456055,#081a2b88);box-shadow:inset 0 0 18px #2ac6ff12;opacity:0;transform:scale(.72);transition:opacity .3s ease,transform .38s cubic-bezier(.2,.8,.2,1);z-index:-1;pointer-events:none}.contact-dock a:hover,.contact-dock a:focus-visible,.contact-dock a.active{background:#039bf022;border-color:#29caff90;color:#56dcff;box-shadow:0 6px 20px #008fff20}.contact-dock a:hover,.contact-dock a:focus-visible{transform:translateX(4px) scale(1.05)}.contact-dock a.active{transform:translateX(2px);animation:contact-dock-glow 2.8s ease-in-out infinite}.contact-dock a:hover:before,.contact-dock a:focus-visible:before,.contact-dock a.active:before{opacity:1;transform:scale(1)}.contact-dock svg{transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .3s ease;transform-origin:center}.contact-dock a:hover svg,.contact-dock a:focus-visible svg{transform:translateY(-2px) scale(1.12) rotate(-6deg);filter:drop-shadow(0 0 7px #42d7ff90)}.contact-dock a.active svg{color:#62e4ff;filter:drop-shadow(0 0 6px #32ccff60)}.contact-dock a:active{transform:scale(.93)}.contact-dock a:after{content:"";position:absolute;left:-8px;top:50%;width:2px;height:15px;border-radius:2px;background:#4bd8ff;box-shadow:0 0 10px #31caff;opacity:0;transform:translateY(-50%) scaleY(.35);transition:opacity .25s ease,transform .3s ease}.contact-dock a.active:after{opacity:1;transform:translateY(-50%) scaleY(1)}.contact-dock .dock-tip{border-color:#24b9ed75;box-shadow:0 8px 26px #0007,0 0 16px #08a9ff18;backdrop-filter:blur(14px)}@keyframes contact-dock-glow{0%,100%{box-shadow:0 0 0 #16c7ff00}50%{box-shadow:0 0 18px #16c7ff28}}@media(max-width:700px){.contact-dock a:hover,.contact-dock a:focus-visible{transform:translateY(-3px) scale(1.05)}.contact-dock a.active{transform:translateY(-2px)}.contact-dock a:after{left:50%;top:-5px;width:14px;height:2px;transform:translateX(-50%) scaleX(.35)}.contact-dock a.active:after{transform:translateX(-50%) scaleX(1)}}@media(prefers-reduced-motion:reduce){.contact-dock a,.contact-dock svg,.contact-dock a:before,.contact-dock a:after,.contact-dock .dock-tip{animation:none!important;transition:none!important}}