:root { --ink:#020d18; --ink-2:#061b2d; --ink-3:#0a2942; --blue:#0789ed; --blue-bright:#2dacff; --blue-pale:#c9efff; --silver:#e8eff5; --white:#f7fbff; --muted:#98b5c8; --line:rgba(153,218,255,.22); --rail:96px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { min-width:320px; margin:0; overflow-x:hidden; background:var(--silver); color:var(--ink); font-family:"Segoe UI",Arial,sans-serif; }
body.boot-active { overflow:hidden; }
body::selection { background:var(--blue); color:var(--white); }
img { max-width:100%; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
button { cursor:pointer; }
:focus-visible { outline:3px solid var(--blue-bright); outline-offset:4px; }
.skip-link { position:fixed; z-index:500; top:14px; left:calc(var(--rail) + 16px); padding:10px 13px; background:var(--blue-bright); color:var(--ink); font-weight:800; transform:translateY(-200%); }
.skip-link:focus { transform:translateY(0); }
.page-grain { position:fixed; z-index:100; inset:0; opacity:.045; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }

/* Boot */
.boot-sequence { display:none; }
html.js .boot-sequence { position:fixed; z-index:400; inset:0; display:grid; overflow:hidden; place-items:center; isolation:isolate; background:radial-gradient(circle at 52% 46%,#0b548b 0, #041827 36%, #01070d 78%); color:var(--white); }
.boot-sequence.is-gone { visibility:hidden; opacity:0; pointer-events:none; transform:scale(1.03); transition:opacity .8s ease,transform .8s cubic-bezier(.65,0,.35,1),visibility .8s; }
.boot-grid { position:absolute; z-index:-2; inset:-60%; background-image:linear-gradient(rgba(104,198,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(104,198,255,.14) 1px,transparent 1px); background-size:48px 48px; mask-image:radial-gradient(circle,black 4%,transparent 57%); transform:perspective(680px) rotateX(64deg) translateY(9%); animation:boot-grid 5s linear infinite; }
.boot-code { position:absolute; width:max-content; margin:0; color:rgba(211,241,255,.08); font-family:"Arial Black",Impact,Arial,sans-serif; font-size:clamp(62px,12vw,205px); font-weight:900; letter-spacing:-.1em; line-height:.76; white-space:nowrap; }
.boot-code-top { top:14%; left:-10%; transform:rotate(-8deg); animation:drift-right 9s linear infinite; }
.boot-code-bottom { right:-12%; bottom:13%; transform:rotate(-8deg); animation:drift-left 10s linear infinite; }
.boot-mark { position:relative; z-index:2; display:grid; width:min(24vw,270px); min-width:175px; aspect-ratio:1; place-items:center; overflow:hidden; border:1px solid rgba(190,235,255,.7); border-radius:50%; background:radial-gradient(circle at 35% 28%,rgba(48,172,255,.48),rgba(1,13,25,.95) 67%); box-shadow:0 0 85px rgba(16,148,239,.5),inset 0 0 35px rgba(143,220,255,.2); }
.boot-mark::before,.boot-mark::after { position:absolute; border:1px solid rgba(177,231,255,.36); border-radius:50%; content:""; }
.boot-mark::before { inset:9px; }.boot-mark::after { width:146%; height:46%; border-style:dashed; transform:rotate(-32deg); }
.boot-mark img { width:95%; height:95%; border-radius:50%; object-fit:cover; object-position:center 27%; }
.boot-copy { position:absolute; top:calc(50% + min(15vw,165px)); display:grid; gap:8px; justify-items:center; text-align:center; }
.boot-copy span { color:#badced; font-family:Consolas,"Courier New",monospace; font-size:9px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }.boot-copy b { font-family:"Arial Black",Impact,Arial,sans-serif; font-size:clamp(28px,3vw,45px); letter-spacing:-.08em; line-height:.83; text-transform:uppercase; }
.boot-progress { position:absolute; bottom:clamp(37px,5vw,74px); left:clamp(29px,5vw,80px); width:min(220px,30vw); height:1px; background:rgba(164,224,255,.22); }.boot-progress span { display:block; width:0; height:100%; background:var(--blue-bright); box-shadow:0 0 14px var(--blue-bright); }
.boot-sequence button { position:absolute; right:clamp(29px,5vw,80px); bottom:clamp(28px,4.4vw,64px); display:flex; align-items:center; gap:12px; padding:8px 9px 8px 13px; border:1px solid rgba(179,230,255,.5); background:rgba(3,30,51,.4); color:var(--white); font-family:Consolas,"Courier New",monospace; font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.boot-sequence button i { display:grid; width:22px; height:22px; place-items:center; background:var(--blue); font-size:14px; font-style:normal; }

/* Navigation and shared language */
.orbit-nav { position:fixed; z-index:110; inset:0 auto 0 0; display:flex; width:var(--rail); flex-direction:column; align-items:center; border-right:1px solid var(--line); background:rgba(1,12,22,.86); color:var(--white); backdrop-filter:blur(18px); }
.orbit-logo { display:grid; width:100%; height:100px; place-items:center; border-bottom:1px solid var(--line); }.orbit-logo span { display:grid; width:52px; height:52px; place-items:center; overflow:hidden; border:1px solid rgba(95,194,251,.75); border-radius:50%; box-shadow:0 0 22px rgba(13,145,238,.32); }.orbit-logo img { width:100%; height:100%; object-fit:cover; object-position:center 27%; }
.orbit-nav nav { display:grid; width:100%; margin:auto 0; }.orbit-nav nav a { position:relative; display:grid; min-height:81px; place-items:center; gap:5px; border-top:1px solid rgba(180,225,249,.1); color:#7190a4; text-transform:uppercase; transition:color .25s ease,background .25s ease; }.orbit-nav nav a:last-child { border-bottom:1px solid rgba(180,225,249,.1); }.orbit-nav nav a::before { position:absolute; top:50%; left:0; width:3px; height:0; background:var(--blue-bright); box-shadow:0 0 16px var(--blue-bright); content:""; transform:translateY(-50%); transition:height .25s ease; }.orbit-nav nav a.is-active,.orbit-nav nav a:hover { color:var(--white); background:rgba(8,104,174,.18); }.orbit-nav nav a.is-active::before { height:38px; }.orbit-nav nav i { color:var(--blue); font-family:Consolas,"Courier New",monospace; font-size:9px; font-style:normal; font-weight:700; }.orbit-nav nav b { font-size:8px; letter-spacing:.12em; }.nav-status { display:grid; width:100%; place-items:center; gap:4px; padding:17px 0; border-top:1px solid var(--line); font-family:Consolas,"Courier New",monospace; text-transform:uppercase; }.nav-status span { width:6px; height:6px; border-radius:50%; background:var(--blue-bright); box-shadow:0 0 10px var(--blue-bright); }.nav-status b { color:#b7d5e7; font-size:8px; letter-spacing:.11em; }.nav-status em { color:var(--blue-bright); font-size:11px; font-style:normal; }
main,.site-footer { margin-left:var(--rail); }.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 17px; color:var(--blue-bright); font-family:Consolas,"Courier New",monospace; font-size:10px; font-weight:700; letter-spacing:.1em; line-height:1.4; text-transform:uppercase; }.eyebrow span { width:20px; height:1px; background:currentColor; }.eyebrow.dark { color:#0873c5; } h1,h2,h3,p { margin-top:0; } h1,h2,h3 { font-family:"Arial Black",Impact,Arial,sans-serif; letter-spacing:-.08em; line-height:.87; text-transform:uppercase; } h1 em,h2 em,h3 em { color:var(--blue-bright); font-style:normal; }.signal-cursor { position:fixed; z-index:300; top:0; left:0; display:grid; width:28px; height:28px; place-items:center; border:1px solid rgba(181,231,255,.72); border-radius:50%; opacity:0; pointer-events:none; transform:translate(calc(var(--cx,-60px) - 50%),calc(var(--cy,-60px) - 50%)); transition:width .2s ease,height .2s ease,opacity .2s ease,background .2s ease; }.signal-cursor span { width:4px; height:4px; border-radius:50%; background:var(--blue-bright); box-shadow:0 0 13px var(--blue-bright); }.signal-cursor.visible { opacity:1; }.signal-cursor.hot { width:54px; height:54px; background:rgba(38,166,255,.14); }

/* Hero */
.hero-field { position:relative; display:grid; min-height:100svh; grid-template-columns:minmax(0,1fr) minmax(390px,.9fr); overflow:hidden; padding:clamp(75px,9vw,140px) clamp(45px,8vw,135px) 76px; background:radial-gradient(circle at 72% 49%,rgba(14,126,210,.31),transparent 23%),linear-gradient(135deg,#01090f,#031b2f 61%,#061a2b); color:var(--white); }.signal-field,.hero-grid,.hero-beam { position:absolute; pointer-events:none; }.signal-field { z-index:0; inset:0; width:100%; height:100%; opacity:.86; }.hero-grid { z-index:0; inset:0; opacity:.46; background-image:linear-gradient(rgba(102,190,244,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(102,190,244,.08) 1px,transparent 1px); background-size:55px 55px; mask-image:linear-gradient(90deg,black,transparent 75%); }.hero-beam { z-index:1; width:76vw; height:1px; background:linear-gradient(90deg,transparent,var(--blue-bright),transparent); opacity:.35; }.beam-left { top:17%; left:24%; transform:rotate(-38deg); }.beam-right { right:-36%; bottom:16%; transform:rotate(135deg); opacity:.2; }.hero-copy { position:relative; z-index:2; align-self:center; max-width:720px; }.hero-copy h1 { display:grid; margin:0 0 28px; font-size:clamp(67px,8.25vw,142px); }.hero-copy h1 span,.hero-copy h1 em { display:block; }.hero-summary { max-width:510px; margin-bottom:31px; color:#c1d5e3; font-size:clamp(17px,1.5vw,21px); line-height:1.6; }.transmit-button,.signal-form button { display:inline-flex; align-items:center; gap:18px; border:1px solid rgba(164,220,250,.54); background:rgba(3,31,54,.54); color:var(--white); font-family:Consolas,"Courier New",monospace; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; transition:background .2s ease,border-color .2s ease,transform .2s ease; }.transmit-button { padding:8px 8px 8px 16px; transform:translate(var(--mx,0),var(--my,0)); }.transmit-button i,.signal-form button i { display:grid; width:29px; height:29px; place-items:center; background:var(--blue); color:var(--white); font-size:17px; font-style:normal; }.transmit-button:hover,.signal-form button:hover { border-color:var(--blue-bright); background:rgba(15,113,185,.6); }
.hero-artifact { position:relative; z-index:2; align-self:center; justify-self:center; width:min(42vw,590px); min-width:390px; aspect-ratio:1; }.artifact-vectors { position:absolute; inset:0; width:100%; height:100%; overflow:visible; transform:rotate(-9deg); }.artifact-vectors [data-vector-path] { stroke:rgba(122,207,255,.34); stroke-width:.28; vector-effect:non-scaling-stroke; }.artifact-vectors circle:first-child { stroke-dasharray:2 3; }.artifact-orbit { position:absolute; border:1px solid rgba(103,193,246,.4); border-radius:50%; }.orbit-one { inset:3%; border-style:dashed; animation:spin 23s linear infinite; }.orbit-two { inset:11%; border-color:rgba(195,235,255,.23); transform:rotate(60deg) scaleY(.5); }.artifact-core { position:absolute; z-index:2; inset:16%; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(138,213,255,.65); border-radius:42% 58% 52% 48% / 53% 39% 61% 47%; background:radial-gradient(circle at 38% 35%,rgba(29,151,239,.44),rgba(1,15,27,.9) 68%); box-shadow:0 0 72px rgba(17,144,237,.35),inset 0 0 40px rgba(101,203,255,.18); }.artifact-core img { width:99%; height:99%; object-fit:contain; filter:drop-shadow(0 18px 16px rgba(0,0,0,.35)); }.artifact-readout { position:absolute; z-index:3; display:grid; gap:2px; color:#b5d7e9; font-family:Consolas,"Courier New",monospace; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }.artifact-readout::before { width:30px; height:1px; background:var(--blue-bright); content:""; }.artifact-readout b { color:var(--blue-bright); font-size:14px; }.readout-one { top:15%; left:-1%; }.readout-two { right:4%; bottom:23%; text-align:right; }.readout-two::before { margin-left:auto; }.readout-three { bottom:7%; left:42%; text-align:center; }.readout-three::before { margin:auto; }.hero-meta { position:absolute; z-index:3; right:clamp(45px,8vw,135px); bottom:26px; left:clamp(45px,8vw,135px); display:grid; grid-template-columns:1fr 1fr auto; gap:24px; color:#82a4ba; font-family:Consolas,"Courier New",monospace; font-size:9px; letter-spacing:.07em; line-height:1.55; text-transform:uppercase; }.hero-meta span { padding-top:12px; border-top:1px solid rgba(168,222,251,.22); }.hero-meta span:nth-child(2) { text-align:center; }.hero-meta span:last-child { color:var(--blue-bright); text-align:right; }.hero-meta i { display:inline-block; margin-left:6px; font-size:14px; font-style:normal; animation:nudge 1.7s ease-in-out infinite; }

/* Declaration */
.declaration { --scene:.5; position:relative; display:grid; min-height:570px; grid-template-columns:var(--rail) minmax(0,1fr) minmax(270px,.37fr); overflow:hidden; isolation:isolate; background:var(--silver); }.declaration-ghost { position:absolute; z-index:0; top:49%; left:-2%; margin:0; color:rgba(3,112,190,.055); font-family:"Arial Black",Impact,Arial,sans-serif; font-size:clamp(145px,23vw,420px); letter-spacing:-.11em; line-height:.7; pointer-events:none; transform:translate(calc((var(--scene) - .5) * -170px),-50%) rotate(-8deg); }.declaration-rail,.declaration-copy,.declaration-stamp { position:relative; z-index:1; }.declaration-rail { display:grid; place-items:center; border-right:1px solid rgba(5,50,84,.16); color:#607c91; font-family:Consolas,"Courier New",monospace; font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; writing-mode:vertical-rl; transform:rotate(180deg); }.declaration-copy { align-self:center; max-width:930px; padding:clamp(76px,10vw,145px) clamp(35px,8vw,130px); }.declaration-copy h2 { margin-bottom:27px; font-size:clamp(45px,5.3vw,91px); }.declaration-copy h2 em { color:#0784e1; text-shadow:4px 4px 0 #9fddff; }.declaration-copy > p:last-child { max-width:570px; margin:0; color:#3b566b; font-size:18px; line-height:1.65; }.declaration-stamp { display:grid; align-content:center; gap:10px; padding:45px 30px; border-left:1px solid rgba(5,50,84,.16); background:linear-gradient(135deg,#c9e9fb,#9fd1ef); color:var(--ink); font-family:"Arial Black",Impact,Arial,sans-serif; text-transform:uppercase; }.declaration-stamp span { color:#087fd3; font-family:Consolas,"Courier New",monospace; font-size:10px; font-weight:700; }.declaration-stamp b { font-size:clamp(30px,3.1vw,52px); letter-spacing:-.08em; line-height:.82; }.declaration-stamp i { color:#166496; font-family:Consolas,"Courier New",monospace; font-size:10px; font-style:normal; letter-spacing:.14em; }

/* Pinned project orbit */
.orbit-gallery { position:relative; min-height:100svh; overflow:hidden; background:radial-gradient(circle at 65% 52%,rgba(5,126,215,.23),transparent 32%),#031627; color:var(--white); }.gallery-shell { position:relative; min-height:100svh; overflow:hidden; padding:clamp(46px,5.4vw,80px) clamp(38px,7.6vw,128px); }.gallery-shell::before { position:absolute; inset:0; opacity:.43; background-image:linear-gradient(rgba(102,191,244,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(102,191,244,.08) 1px,transparent 1px); background-size:59px 59px; mask-image:linear-gradient(90deg,black,transparent 92%); content:""; }.gallery-header { position:relative; z-index:4; display:grid; max-width:800px; grid-template-columns:minmax(355px,1fr) minmax(180px,.43fr); gap:26px 44px; }.gallery-header .eyebrow { grid-column:1/-1; margin-bottom:-2px; }.gallery-header h2 { margin:0; font-size:clamp(49px,5.5vw,94px); }.gallery-header > p:last-child { align-self:end; margin:0 0 6px; color:#a8c4d6; font-size:14px; line-height:1.65; }.gallery-radar { position:absolute; z-index:1; top:50%; left:62%; width:min(69vw,900px); aspect-ratio:1; border:1px solid rgba(119,204,250,.18); border-radius:50%; transform:translate(-50%,-42%); }.gallery-radar::before,.gallery-radar::after,.gallery-radar span { position:absolute; border:1px solid rgba(119,204,250,.13); border-radius:50%; content:""; }.gallery-radar::before { inset:11%; }.gallery-radar::after { inset:28%; }.gallery-radar span:nth-child(1) { inset:43%; background:radial-gradient(circle,rgba(9,152,247,.23),transparent 69%); }.gallery-radar span:nth-child(2) { top:50%; left:-2%; width:104%; height:1px; border:0; border-top:1px dashed rgba(116,208,255,.26); }.gallery-radar span:nth-child(3) { top:-2%; left:50%; width:1px; height:104%; border:0; border-left:1px dashed rgba(116,208,255,.2); }.gallery-index { position:absolute; z-index:5; right:clamp(38px,7.6vw,128px); bottom:clamp(38px,4.8vw,70px); display:flex; align-items:baseline; gap:5px; font-family:Consolas,"Courier New",monospace; }.gallery-index b { color:var(--blue-bright); font-family:"Arial Black",Impact,Arial,sans-serif; font-size:28px; letter-spacing:-.08em; }.gallery-index span { color:#a1c6dd; font-size:11px; }.gallery-index i { position:absolute; right:0; bottom:30px; min-width:180px; color:#b5d4e6; font-size:9px; font-style:normal; font-weight:700; letter-spacing:.1em; text-align:right; text-transform:uppercase; }.gallery-instruction { position:absolute; z-index:5; top:clamp(50px,5.7vw,84px); right:clamp(38px,7.6vw,128px); margin:0; color:#759bb3; font-family:Consolas,"Courier New",monospace; font-size:8px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.gallery-instruction span { display:inline-block; margin-left:6px; color:var(--blue-bright); font-size:14px; animation:nudge 1.7s ease-in-out infinite; }.gallery-stage { position:absolute; z-index:3; top:clamp(280px,34vh,340px); right:clamp(38px,7.6vw,128px); bottom:clamp(93px,11vh,135px); left:clamp(38px,7.6vw,128px); perspective:1400px; }.project-card { position:absolute; inset:0; display:grid; grid-template-columns:74px minmax(350px,1.1fr) minmax(245px,.56fr); gap:clamp(26px,5vw,76px); align-items:center; opacity:0; pointer-events:none; transform-style:preserve-3d; }.project-card.is-current { pointer-events:auto; }.project-deck { opacity:1; pointer-events:auto; }.project-card::before { position:absolute; z-index:-1; inset:-7% -4%; background:radial-gradient(circle at 56% 49%,rgba(21,139,225,.22),transparent 31%); content:""; }.project-az::before { background:radial-gradient(circle at 53% 48%,rgba(5,190,162,.14),transparent 32%); }.project-sandy::before { background:radial-gradient(circle at 52% 49%,rgba(14,183,250,.18),transparent 31%); }.project-number { display:grid; align-self:stretch; align-content:start; gap:6px; padding-top:4px; border-top:1px solid rgba(180,223,251,.27); color:#829eb2; font-family:Consolas,"Courier New",monospace; font-size:9px; letter-spacing:.09em; text-transform:uppercase; }.project-number b { color:var(--blue-bright); font-family:"Arial Black",Impact,Arial,sans-serif; font-size:35px; letter-spacing:-.1em; line-height:.85; }.project-number i { color:var(--white); font-size:8px; font-style:normal; }.project-browser { position:relative; z-index:1; overflow:hidden; border:1px solid rgba(188,228,252,.42); background:#061727; box-shadow:22px 26px 0 rgba(0,0,0,.24),0 30px 72px rgba(0,0,0,.3); transform:rotateY(-7deg) rotateX(2deg); }.project-az .project-browser { transform:rotateY(7deg) rotateX(2deg); }.browser-bar { display:flex; height:34px; align-items:center; gap:5px; padding:0 13px; border-bottom:1px solid rgba(200,229,247,.16); background:#030d17; color:#8facbe; font-family:Consolas,"Courier New",monospace; font-size:8px; }.browser-bar span { width:6px; height:6px; border-radius:50%; background:#4b7088; }.browser-bar span:first-child { background:var(--blue); }.browser-bar b { margin-left:8px; font-weight:500; }.deck-screen { position:relative; display:grid; min-height:min(42vh,395px); align-content:center; overflow:hidden; padding:42px; background:radial-gradient(circle at 80% 74%,rgba(188,169,108,.26),transparent 25%),#171813; color:#f3f0e8; }.deck-screen::after { position:absolute; right:-19%; bottom:-42%; width:60%; aspect-ratio:1; border:48px solid rgba(188,169,108,.2); border-radius:50%; content:""; }.deck-screen img { position:absolute; top:20px; right:25px; width:120px; filter:drop-shadow(0 10px 8px rgba(0,0,0,.3)); }.deck-screen > div { position:relative; z-index:1; max-width:350px; }.deck-screen p { margin-bottom:15px; color:#bca96c; font-family:Consolas,"Courier New",monospace; font-size:9px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }.deck-screen h3 { margin-bottom:24px; font-size:clamp(33px,3.3vw,58px); }.deck-screen h3 em { color:#bca96c; }.deck-screen > div > b { display:inline-block; padding:9px 12px; background:#bca96c; color:#171813; font-family:Consolas,"Courier New",monospace; font-size:9px; letter-spacing:.06em; text-transform:uppercase; }.browser-image { height:min(42vh,395px); background:var(--white); }.browser-image > img { display:block; width:100%; height:calc(100% - 34px); object-fit:cover; object-position:center top; }.project-copy { position:relative; z-index:2; padding:22px 0; }.project-copy::before { position:absolute; top:0; left:0; width:37px; height:3px; background:var(--blue-bright); content:""; }.project-copy > p { margin-bottom:13px; color:var(--blue-bright); font-family:Consolas,"Courier New",monospace; font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.project-copy h3 { margin-bottom:15px; color:var(--white); font-size:clamp(31px,3vw,54px); }.project-copy > span { display:block; max-width:345px; color:#b8ccda; font-size:14px; line-height:1.67; }.project-copy ul { display:flex; flex-wrap:wrap; gap:6px; margin:21px 0 23px; padding:0; list-style:none; }.project-copy li { padding:5px 7px; border:1px solid rgba(148,203,237,.34); color:#d0e8f8; font-family:Consolas,"Courier New",monospace; font-size:8px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }.case-open { display:inline-flex; align-items:center; gap:15px; padding:0 0 7px; border:0; border-bottom:1px solid rgba(188,229,255,.46); background:transparent; color:var(--white); font-family:Consolas,"Courier New",monospace; font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; transform:translate(var(--mx,0),var(--my,0)); transition:color .2s ease,border-color .2s ease,transform .2s ease; }.case-open i { display:grid; width:22px; height:22px; place-items:center; background:var(--blue); font-size:16px; font-style:normal; }.case-open:hover { color:var(--blue-bright); border-color:var(--blue-bright); }.project-noise { position:absolute; z-index:-1; right:-1vw; bottom:-20%; color:rgba(165,224,255,.045); font-family:"Arial Black",Impact,Arial,sans-serif; font-size:min(41vw,590px); line-height:.72; }
.capability-tape { overflow:hidden; padding:16px 0; border-top:1px solid rgba(4,54,91,.23); border-bottom:1px solid rgba(4,54,91,.23); background:linear-gradient(100deg,#0578d1,#2dacff 48%,#0578d1); background-size:170% 100%; color:var(--white); }.capability-tape div { display:flex; width:max-content; align-items:center; animation:tape 21s linear infinite; }.capability-tape span { font-family:"Arial Black",Impact,Arial,sans-serif; font-size:clamp(27px,3vw,49px); letter-spacing:-.07em; text-transform:uppercase; white-space:nowrap; }.capability-tape i { padding:0 16px; color:var(--ink); font-size:.6em; font-style:normal; }

/* Method and services */
.method-lab { --scene:.5; position:relative; display:grid; min-height:780px; grid-template-columns:minmax(0,.78fr) minmax(470px,1.2fr); gap:clamp(50px,8vw,130px); overflow:hidden; padding:clamp(86px,11vw,165px) clamp(38px,8vw,135px); background:#010b13; color:var(--white); }.lab-grid { position:absolute; inset:0; opacity:.42; background-image:linear-gradient(rgba(111,195,241,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(111,195,241,.07) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(90deg,transparent,black 44%,transparent); }.method-lab::before { position:absolute; top:0; bottom:0; left:42%; width:1px; background:linear-gradient(transparent,rgba(104,198,255,.3),transparent); content:""; }.method-lab::after { position:absolute; top:calc(var(--scene) * 83%); left:42%; width:9px; height:9px; border:1px solid #b6e8ff; background:var(--blue); box-shadow:0 0 25px var(--blue-bright); content:""; transform:translate(-4px,-50%) rotate(45deg); }.method-intro,.method-system { position:relative; z-index:2; }.method-intro { align-self:center; max-width:550px; }.method-intro h2 { margin-bottom:26px; font-size:clamp(48px,5.2vw,92px); }.method-intro > p:last-child { max-width:450px; margin:0; color:#b7cedd; font-size:17px; line-height:1.75; }.method-system { align-self:center; justify-self:center; width:min(47vw,610px); min-width:470px; aspect-ratio:1; }.system-logo { position:absolute; z-index:4; top:50%; left:50%; display:grid; width:153px; height:153px; place-items:center; overflow:hidden; border:1px solid rgba(126,214,255,.68); border-radius:50%; background:radial-gradient(circle,#0d5b98,#03182b 68%); box-shadow:0 0 65px rgba(14,151,246,.34),inset 0 0 40px rgba(78,185,244,.3); transform:translate(-50%,-50%); }.system-logo img { width:92%; height:92%; border-radius:50%; object-fit:cover; object-position:center 27%; }.system-arc { position:absolute; top:50%; left:50%; border:1px solid rgba(104,198,255,.34); border-radius:50%; transform:translate(-50%,-50%); }.arc-a { width:84%; height:84%; border-style:dashed; animation:spin 30s linear infinite; }.arc-b { width:55%; height:55%; border-color:rgba(187,231,255,.24); animation:spin-reverse 17s linear infinite; }.system-module { position:absolute; z-index:5; display:grid; gap:2px; min-width:130px; padding:10px 12px; border:1px solid rgba(126,204,247,.4); background:rgba(4,28,49,.74); box-shadow:0 14px 31px rgba(0,0,0,.27); }.system-module::before { position:absolute; top:50%; width:80px; height:1px; background:linear-gradient(90deg,var(--blue),transparent); content:""; }.system-module b { color:var(--blue-bright); font-family:Consolas,"Courier New",monospace; font-size:9px; }.system-module h3 { margin:0; font-size:17px; letter-spacing:-.055em; }.system-module p { margin:0; color:#9ebbcf; font-size:10px; }.module-one { top:7%; left:5%; }.module-one::before { top:100%; left:76%; transform:rotate(36deg); transform-origin:left; }.module-two { top:12%; right:0; }.module-two::before { top:100%; right:80%; transform:rotate(139deg); transform-origin:right; }.module-three { right:5%; bottom:8%; }.module-three::before { top:0; right:79%; transform:rotate(219deg); transform-origin:right; }.module-four { bottom:10%; left:0; }.module-four::before { top:0; left:81%; transform:rotate(-38deg); transform-origin:left; }
.service-array { --scene:.5; display:grid; grid-template-columns:repeat(3,1fr); background:radial-gradient(circle at calc(var(--scene) * 100%) 50%,rgba(31,160,243,.18),transparent 25%),var(--silver); }.service-array article { position:relative; min-height:420px; padding:clamp(40px,5.3vw,80px); border-right:1px solid rgba(3,48,80,.16); overflow:hidden; }.service-array article:last-child { border:0; }.service-array article::before { position:absolute; top:-28%; right:-18%; width:200px; aspect-ratio:1; border:1px solid rgba(3,121,208,.27); border-radius:50%; content:""; transition:transform .6s ease,background .6s ease; }.service-array article:hover::before { background:rgba(8,141,237,.13); transform:scale(1.45); }.service-array i { display:block; margin-bottom:88px; color:#087bd0; font-family:Consolas,"Courier New",monospace; font-size:11px; font-style:normal; font-weight:700; }.service-array h3 { position:relative; max-width:340px; margin-bottom:17px; font-size:clamp(29px,2.7vw,47px); }.service-array p { position:relative; max-width:325px; margin:0; color:#4d667a; font-size:15px; line-height:1.7; }.service-array article > span { position:absolute; right:clamp(35px,5vw,78px); bottom:clamp(35px,5vw,74px); display:grid; width:35px; height:35px; place-items:center; border:1px solid rgba(6,105,180,.35); color:#087bd0; font-size:20px; }

/* Broadcast contact */
.broadcast-room { --scene:.5; position:relative; display:grid; grid-template-columns:minmax(0,.88fr) minmax(385px,.72fr); gap:clamp(60px,10vw,165px); overflow:hidden; padding:clamp(88px,11vw,165px) clamp(38px,8vw,135px); background:radial-gradient(circle at 70% 58%,rgba(6,137,235,.26),transparent 28%),#031322; color:var(--white); }.broadcast-grid { position:absolute; inset:0; opacity:.4; background-image:linear-gradient(rgba(116,194,244,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(116,194,244,.08) 1px,transparent 1px); background-size:45px 45px; mask-image:linear-gradient(90deg,transparent,black 43%,transparent); }.broadcast-pulse { position:absolute; z-index:0; top:50%; left:71%; width:min(55vw,760px); aspect-ratio:1; transform:translate(-50%,-50%) scale(calc(.73 + var(--scene) * .4)); }.broadcast-pulse span { position:absolute; inset:0; border:1px solid rgba(121,210,255,.22); border-radius:50%; }.broadcast-pulse span:nth-child(2) { inset:13%; }.broadcast-pulse span:nth-child(3) { inset:27%; border-style:dashed; animation:spin 20s linear infinite; }.broadcast-copy,.signal-form { position:relative; z-index:2; }.broadcast-copy { align-self:center; }.broadcast-copy h2 { margin-bottom:24px; font-size:clamp(51px,5.4vw,95px); }.broadcast-copy > p:not(.eyebrow) { max-width:480px; color:#b8cfdf; font-size:17px; line-height:1.75; }.broadcast-identity { display:inline-flex; align-items:center; gap:13px; margin-top:29px; color:#c7ddeb; font-family:Consolas,"Courier New",monospace; font-size:10px; letter-spacing:.07em; line-height:1.55; text-transform:uppercase; }.broadcast-identity img { width:49px; height:49px; border:1px solid var(--blue-bright); border-radius:50%; object-fit:cover; object-position:center 27%; }.broadcast-identity b { color:var(--blue-bright); }.signal-form { display:grid; gap:18px; padding:clamp(27px,4.2vw,49px); border:1px solid rgba(160,220,255,.35); background:rgba(2,17,30,.63); box-shadow:25px 25px 0 rgba(0,0,0,.18),0 30px 80px rgba(1,11,20,.33); backdrop-filter:blur(13px); }.signal-form label { display:grid; gap:8px; }.signal-form label span { color:#afcee2; font-family:Consolas,"Courier New",monospace; font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.signal-form input,.signal-form textarea { width:100%; padding:8px 0; border:0; border-bottom:1px solid rgba(187,225,248,.38); border-radius:0; outline:0; background:transparent; color:var(--white); font-size:16px; }.signal-form textarea { min-height:108px; resize:vertical; }.signal-form input:focus,.signal-form textarea:focus { border-color:var(--blue-bright); }.signal-form textarea::placeholder { color:#789fb7; }.signal-form button { width:max-content; margin-top:7px; padding:8px 8px 8px 16px; transform:translate(var(--mx,0),var(--my,0)); }.form-message { min-height:18px; margin:0; color:#9ddafd; font-size:12px; line-height:1.45; }
.site-footer { display:flex; min-height:114px; align-items:center; justify-content:space-between; gap:28px; padding:25px clamp(38px,8vw,135px); background:#010a12; color:#89a5b8; }.footer-brand { display:inline-flex; align-items:center; gap:11px; color:var(--white); font-family:"Arial Black",Impact,Arial,sans-serif; font-size:13px; letter-spacing:.02em; line-height:.85; text-transform:uppercase; }.footer-brand img { width:42px; height:42px; border:1px solid var(--blue-bright); border-radius:50%; object-fit:cover; object-position:center 27%; }.footer-brand b { color:var(--blue-bright); font-family:Consolas,"Courier New",monospace; font-size:8px; letter-spacing:.15em; }.site-footer p { margin:0; font-family:Consolas,"Courier New",monospace; font-size:9px; letter-spacing:.07em; text-transform:uppercase; }

/* Dialog and progressive reveal */
.case-dialog { width:min(900px,calc(100% - 34px)); max-height:min(790px,calc(100% - 34px)); overflow:auto; padding:0; border:1px solid #87d0fb; background:var(--silver); color:var(--ink); box-shadow:0 32px 90px rgba(0,0,0,.66); }.case-dialog::backdrop { background:rgba(1,11,20,.82); backdrop-filter:blur(7px); }.dialog-close { position:absolute; z-index:3; top:13px; right:13px; display:grid; width:38px; height:38px; place-items:center; border:1px solid rgba(190,231,255,.5); border-radius:50%; background:rgba(3,20,35,.9); color:var(--white); font-size:27px; line-height:1; }.dialog-topline { display:flex; align-items:center; justify-content:space-between; padding:13px 20px; background:var(--ink); color:var(--blue-bright); font-family:Consolas,"Courier New",monospace; font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.dialog-media { height:min(42vh,335px); background:var(--ink); }.dialog-media img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }.case-dialog.brand-file .dialog-media img { object-fit:contain; padding:12px; }.dialog-copy { padding:clamp(28px,5vw,55px); }.dialog-copy > p:first-child { margin-bottom:12px; color:#087bd0; font-family:Consolas,"Courier New",monospace; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.dialog-copy h2 { margin-bottom:21px; font-size:clamp(38px,5.5vw,70px); }.dialog-copy > p:nth-of-type(2) { max-width:680px; color:#3f596d; font-size:16px; line-height:1.7; }.dialog-copy ul { display:flex; flex-wrap:wrap; gap:7px; margin:27px 0 0; padding:0; list-style:none; }.dialog-copy li { padding:6px 8px; border:1px solid #93c7e5; color:#17476a; font-family:Consolas,"Courier New",monospace; font-size:10px; font-weight:700; }
html.js [data-reveal] { opacity:0; filter:blur(8px); transform:translateY(38px); transition:opacity .85s ease,filter .85s ease,transform .85s cubic-bezier(.16,1,.3,1); } html.js [data-reveal].shown { opacity:1; filter:blur(0); transform:translateY(0); }

@keyframes spin { to { transform:rotate(360deg); } } @keyframes spin-reverse { to { transform:rotate(-360deg); } } @keyframes nudge { 50% { transform:translateY(5px); } } @keyframes tape { to { transform:translateX(-33.33%); } } @keyframes boot-grid { to { transform:perspective(680px) rotateX(64deg) translate(48px,9%); } } @keyframes drift-right { to { transform:translateX(12%) rotate(-8deg); } } @keyframes drift-left { to { transform:translateX(-12%) rotate(-8deg); } }

@media (max-width:1100px) { .hero-field { grid-template-columns:minmax(0,1fr) minmax(335px,.8fr); padding-right:clamp(34px,5vw,72px); padding-left:clamp(34px,5vw,72px); }.hero-artifact { width:min(45vw,510px); min-width:340px; }.gallery-shell { padding-right:52px; padding-left:52px; }.gallery-stage { right:52px; left:52px; }.gallery-index,.gallery-instruction { right:52px; }.project-card { grid-template-columns:58px minmax(300px,1fr) minmax(220px,.58fr); gap:27px; }.method-lab { grid-template-columns:minmax(0,.7fr) minmax(410px,1.06fr); padding-right:50px; padding-left:50px; }.method-system { width:min(53vw,520px); min-width:410px; }.broadcast-room { padding-right:50px; padding-left:50px; gap:60px; } }
@media (max-width:820px) { :root { --rail:76px; }.orbit-nav { width:var(--rail); }.orbit-logo { height:82px; }.orbit-logo span { width:43px; height:43px; }.orbit-nav nav a { min-height:69px; }.orbit-nav nav b { display:none; }.nav-status b { display:none; }.skip-link { left:calc(var(--rail) + 12px); } .hero-field { min-height:auto; grid-template-columns:1fr; padding:108px 36px 120px; }.hero-artifact { width:min(68vw,460px); min-width:0; margin:43px auto 0; }.hero-meta { right:36px; bottom:24px; left:36px; grid-template-columns:1fr 1fr; }.hero-meta span:last-child { display:none; }.declaration { grid-template-columns:76px 1fr; }.declaration-stamp { display:none; }.orbit-gallery { min-height:0; }.gallery-shell { min-height:0; padding:88px 36px; }.gallery-header { grid-template-columns:1fr; gap:18px; }.gallery-header .eyebrow { margin-bottom:0; }.gallery-radar { top:52%; left:65%; width:110vw; }.gallery-index,.gallery-instruction { display:none; }.gallery-stage { position:relative; top:auto; right:auto; bottom:auto; left:auto; display:grid; gap:78px; margin-top:61px; perspective:none; }.project-card { position:relative; display:grid; width:100%; grid-template-columns:58px minmax(0,1fr); gap:22px; opacity:1 !important; pointer-events:auto; transform:none !important; }.project-card::before { inset:-45px -36px; }.project-number { grid-row:1/span 2; }.project-browser { grid-column:2; grid-row:1; transform:rotateY(-3deg) rotateX(1deg); }.project-az .project-browser { transform:rotateY(3deg) rotateX(1deg); }.project-copy { grid-column:2; grid-row:2; }.project-noise { right:4%; bottom:3%; font-size:260px; }.method-lab { grid-template-columns:1fr; gap:60px; padding:88px 36px; }.method-lab::before,.method-lab::after { left:22px; }.method-system { width:min(80vw,520px); min-width:0; }.service-array { grid-template-columns:1fr; }.service-array article { min-height:0; padding:55px 37px; border-right:0; border-bottom:1px solid rgba(3,48,80,.16); }.service-array i { margin-bottom:44px; }.broadcast-room { grid-template-columns:1fr; gap:49px; padding:88px 36px; }.site-footer { align-items:flex-start; flex-direction:column; padding:29px 36px; } }
@media (max-width:540px) { :root { --rail:0px; }.orbit-nav { top:auto; right:0; width:100%; height:66px; flex-direction:row; border-top:1px solid var(--line); border-right:0; }.orbit-logo { width:64px; height:65px; flex:0 0 64px; border-right:1px solid var(--line); border-bottom:0; }.orbit-logo span { width:36px; height:36px; }.orbit-nav nav { display:grid; height:65px; flex:1; grid-template-columns:repeat(4,1fr); }.orbit-nav nav a,.orbit-nav nav a:last-child { min-height:65px; border-top:0; border-right:1px solid rgba(180,225,249,.1); border-bottom:0; }.orbit-nav nav a::before { top:auto; right:50%; bottom:0; left:auto; width:0; height:3px; transform:translateX(50%); transition:width .25s ease; }.orbit-nav nav a.is-active::before { width:32px; height:3px; }.nav-status { display:none; }.skip-link { left:12px; } main,.site-footer { margin-left:0; }.boot-mark { min-width:142px; }.boot-copy { top:calc(50% + 120px); }.boot-copy b { font-size:28px; }.boot-sequence button { right:22px; bottom:21px; }.boot-progress { bottom:28px; left:22px; width:112px; }.boot-code { font-size:76px; }.hero-field { padding:98px 23px 128px; }.hero-copy h1 { margin-bottom:23px; font-size:clamp(49px,13.8vw,56px); letter-spacing:-.05em; }.hero-summary { font-size:16px; }.hero-artifact { width:min(88vw,395px); margin-top:38px; }.artifact-readout { font-size:7px; }.artifact-readout b { font-size:10px; }.readout-one { left:-4%; }.readout-two { right:-2%; }.hero-meta { right:23px; bottom:82px; left:23px; grid-template-columns:1fr; gap:8px; }.hero-meta span { padding-top:8px; font-size:8px; }.hero-meta span:nth-child(2) { display:none; }.declaration { grid-template-columns:43px 1fr; min-height:450px; }.declaration-rail { font-size:8px; }.declaration-copy { padding:78px 27px; }.declaration-copy h2 { font-size:clamp(39px,11.5vw,54px); letter-spacing:-.045em; }.declaration-copy > p:last-child { font-size:16px; }.gallery-shell { padding:82px 23px 105px; }.gallery-header h2 { font-size:clamp(45px,12.8vw,58px); letter-spacing:-.045em; }.gallery-stage { gap:80px; margin-top:49px; }.project-card { grid-template-columns:1fr; gap:25px; }.project-number { display:flex; align-items:center; gap:11px; grid-row:auto; padding:0 0 12px; }.project-number b { font-size:27px; }.project-browser,.project-copy { grid-column:auto; grid-row:auto; }.project-browser { transform:none !important; }.browser-image,.deck-screen { height:325px; min-height:325px; }.deck-screen { padding:30px 27px; }.deck-screen img { width:92px; }.project-copy h3 { font-size:39px; letter-spacing:-.045em; }.project-noise { display:none; }.capability-tape { padding:13px 0; }.method-lab { gap:50px; padding:82px 23px 91px; }.method-intro h2 { font-size:clamp(45px,12.6vw,58px); letter-spacing:-.045em; }.method-intro > p:last-child { font-size:16px; }.method-system { width:min(100%,410px); aspect-ratio:.95; }.system-logo { width:108px; height:108px; }.system-module { min-width:92px; padding:7px 8px; }.system-module h3 { font-size:13px; letter-spacing:-.04em; }.system-module p { font-size:8px; }.system-module::before { width:45px; }.module-one { top:0; left:0; }.module-two { top:4%; right:-3%; }.module-three { right:-3%; bottom:2%; }.module-four { bottom:3%; left:-1%; }.service-array article { padding:50px 23px; }.service-array h3 { font-size:35px; letter-spacing:-.04em; }.broadcast-room { gap:42px; padding:82px 23px 113px; }.broadcast-copy h2 { font-size:clamp(49px,13vw,63px); letter-spacing:-.045em; }.signal-form { padding:28px 20px; }.site-footer { gap:15px; padding:26px 23px 92px; }.site-footer p { font-size:8px; }.case-dialog { width:calc(100% - 18px); }.dialog-media { height:220px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; } .boot-sequence { display:none !important; } html.js [data-reveal] { opacity:1; filter:none; transform:none; } }

/* Interactive contact transmission console */
.contact-console { position:relative; z-index:2; min-height:660px; isolation:isolate; perspective:1500px; }.console-ring { position:absolute; z-index:-1; border:1px solid rgba(122,214,255,.24); border-radius:50%; pointer-events:none; }.ring-one { top:2%; right:-9%; width:96%; aspect-ratio:1; border-style:dashed; animation:spin 28s linear infinite; }.ring-two { right:9%; bottom:2%; width:64%; aspect-ratio:1; border-color:rgba(120,203,255,.17); animation:spin-reverse 19s linear infinite; }.console-sweep { position:absolute; z-index:-1; top:9%; right:-7%; width:92%; aspect-ratio:1; overflow:hidden; border-radius:50%; opacity:.72; background:conic-gradient(from 112deg,transparent 0deg,rgba(26,163,246,.29) 15deg,transparent 42deg); mask-image:radial-gradient(circle,transparent 0 28%,black 29% 30%,transparent 31%); animation:console-sweep 5.4s linear infinite; }.console-coordinates { position:absolute; top:11%; right:4%; display:grid; gap:4px; color:#8acbee; font-family:Consolas,"Courier New",monospace; font-size:8px; letter-spacing:.09em; text-align:right; }.console-card { --entry-y:0px; --entry-tilt:0deg; --tilt-x:0deg; --tilt-y:0deg; position:relative; z-index:2; transform:perspective(1400px) translate3d(0,var(--entry-y),0) rotateX(calc(var(--entry-tilt) + var(--tilt-x))) rotateY(var(--tilt-y)); transform-style:preserve-3d; will-change:transform,opacity; }.transmission-form { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(142px,.39fr); grid-template-areas:"top top" "progress progress" "fields payload" "action action"; gap:18px 23px; min-height:570px; padding:clamp(25px,3.2vw,43px); border:1px solid rgba(151,222,255,.55); background:linear-gradient(136deg,rgba(6,40,67,.94),rgba(1,13,26,.95)); box-shadow:20px 26px 0 rgba(0,0,0,.2),0 0 0 1px rgba(118,205,255,.12) inset,0 35px 82px rgba(0,0,0,.44),0 0 80px rgba(15,137,225,.12); transform-style:preserve-3d; overflow:hidden; }.transmission-form::before { position:absolute; inset:0; opacity:.42; background:linear-gradient(90deg,transparent 49.8%,rgba(162,225,255,.11) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(162,225,255,.08) 50%,transparent 50.2%); background-size:90px 90px; content:""; pointer-events:none; }.transmission-form::after { position:absolute; top:-90%; left:-25%; width:42%; height:270%; background:linear-gradient(90deg,transparent,rgba(126,215,255,.11),transparent); content:""; mix-blend-mode:screen; pointer-events:none; transform:rotate(17deg); animation:console-glint 7.5s ease-in-out infinite; }.transmission-top,.transmission-progress,.transmission-fields,.payload-preview,.transmission-action { position:relative; z-index:1; }.transmission-top { display:flex; grid-area:top; align-items:center; justify-content:space-between; gap:15px; padding-bottom:13px; border-bottom:1px solid rgba(159,222,255,.23); }.transmission-top > div { display:flex; align-items:center; gap:9px; }.live-dot { width:7px; height:7px; border-radius:50%; background:var(--blue-bright); box-shadow:0 0 12px var(--blue-bright); animation:live-pulse 1.8s ease-in-out infinite; }.transmission-top p,.transmission-top b { margin:0; color:#b9d8ea; font-family:Consolas,"Courier New",monospace; font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.transmission-top b { color:var(--blue-bright); }.transmission-progress { grid-area:progress; height:3px; overflow:hidden; background:rgba(151,221,255,.16); }.transmission-progress span { display:block; width:var(--form-progress,0%); height:100%; background:linear-gradient(90deg,var(--blue),#a5e9ff); box-shadow:0 0 15px var(--blue-bright); transition:width .42s cubic-bezier(.16,1,.3,1); }.transmission-fields { display:grid; grid-area:fields; align-content:start; gap:10px; }.transmission-form .signal-input { position:relative; display:grid; min-height:76px; grid-template-columns:28px minmax(0,1fr); grid-template-rows:auto 1fr; column-gap:9px; padding:13px 14px 11px 11px; border:1px solid rgba(139,208,245,.18); background:rgba(4,25,43,.55); overflow:hidden; transform:translateZ(0); transition:border-color .35s ease,background .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.16,1,.3,1); }.transmission-form .signal-input:hover,.transmission-form .signal-input.is-focused { border-color:rgba(135,218,255,.72); background:rgba(7,45,75,.75); box-shadow:0 0 0 1px rgba(44,166,239,.13) inset,0 12px 28px rgba(1,10,19,.22); transform:translateZ(24px) translateX(5px); }.transmission-form .signal-input.is-complete { border-color:rgba(44,184,250,.54); }.field-index { grid-row:1 / span 2; grid-column:1; align-self:start; color:#4faee8; font-family:Consolas,"Courier New",monospace; font-size:9px; font-weight:700; letter-spacing:.08em; }.transmission-form .signal-input .field-label { display:block; grid-column:2; margin:0 0 4px; color:#a9cce2; font-family:Consolas,"Courier New",monospace; font-size:8px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.transmission-form .signal-input input,.transmission-form .signal-input textarea { grid-column:2; width:100%; min-width:0; padding:3px 0 4px; border:0; border-bottom:1px solid rgba(183,225,248,.33); background:transparent; color:#f2fbff; font-size:15px; line-height:1.35; }.transmission-form .signal-input textarea { min-height:86px; resize:vertical; }.transmission-form .signal-input i { position:absolute; right:-33%; bottom:-1px; width:35%; height:2px; background:var(--blue-bright); box-shadow:0 0 15px var(--blue-bright); transition:right .45s cubic-bezier(.16,1,.3,1); }.transmission-form .signal-input.is-focused i,.transmission-form .signal-input.is-complete i { right:0; }.payload-preview { display:grid; grid-area:payload; align-content:start; gap:12px; padding:16px 14px; border:1px solid rgba(126,209,252,.26); background:linear-gradient(155deg,rgba(8,54,85,.69),rgba(2,17,30,.68)); box-shadow:inset 0 0 44px rgba(29,163,239,.09); transform:translateZ(35px); }.payload-preview > p { margin:0 0 3px; color:var(--blue-bright); font-family:Consolas,"Courier New",monospace; font-size:8px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }.payload-preview > div { display:grid; gap:4px; padding-top:9px; border-top:1px solid rgba(150,219,255,.18); }.payload-preview span,.payload-preview em { color:#82aabe; font-family:Consolas,"Courier New",monospace; font-size:7px; font-style:normal; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }.payload-preview b { overflow:hidden; color:#ecf8ff; font-family:Consolas,"Courier New",monospace; font-size:10px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }.payload-preview em { margin-top:8px; color:#227eb7; }.transmission-action { display:flex; grid-area:action; align-items:center; justify-content:space-between; gap:18px; padding-top:4px; }.transmission-form button { position:relative; display:inline-flex; align-items:center; justify-content:space-between; width:min(100%,280px); margin:0; padding:0 8px 0 16px; border:1px solid rgba(154,224,255,.68); background:rgba(7,105,181,.22); color:#f2fbff; box-shadow:0 0 0 1px rgba(94,200,255,.13) inset; font-family:Consolas,"Courier New",monospace; font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease,box-shadow .25s ease; }.transmission-form button:hover { background:rgba(14,143,233,.43); box-shadow:0 0 26px rgba(45,174,246,.34); }.transmission-form button i { display:grid; width:36px; height:36px; margin-left:16px; place-items:center; background:var(--blue); color:var(--white); font-size:18px; font-style:normal; }.transmission-action .form-message { max-width:240px; min-height:0; margin:0; color:#b9e5fb; font-family:Consolas,"Courier New",monospace; font-size:10px; line-height:1.45; }.contact-console.is-engaged .console-ring { border-color:rgba(111,221,255,.61); box-shadow:0 0 35px rgba(17,150,231,.14); }.contact-console.is-engaged .console-sweep { opacity:1; }.contact-console.is-ready .transmission-form { box-shadow:20px 26px 0 rgba(0,0,0,.2),0 0 0 1px rgba(132,233,255,.4) inset,0 35px 82px rgba(0,0,0,.44),0 0 95px rgba(15,167,255,.29); }.contact-console.is-ready .live-dot { background:#d8f7ff; box-shadow:0 0 18px #b0eeff; }
@keyframes console-sweep { to { transform:rotate(360deg); } } @keyframes console-glint { 0%,25% { transform:translateX(-20%) rotate(17deg); opacity:0; } 42%,64% { opacity:1; } 86%,100% { transform:translateX(490%) rotate(17deg); opacity:0; } } @keyframes live-pulse { 50% { transform:scale(1.75); opacity:.45; } }
@media (max-width:1100px) { .contact-console { min-height:600px; }.transmission-form { grid-template-columns:minmax(0,1fr) 135px; gap:17px; }.console-coordinates { right:0; } }
@media (max-width:820px) { .contact-console { min-height:0; }.ring-one { right:-10%; width:88%; }.transmission-form { min-height:0; }.console-coordinates { top:3%; right:1%; } }
@media (max-width:540px) { .contact-console { margin-right:-4px; margin-left:-4px; }.console-coordinates { display:none; }.ring-one { top:4%; right:-15%; width:105%; }.ring-two { right:-7%; bottom:8%; width:72%; }.transmission-form { grid-template-columns:1fr; grid-template-areas:"top" "progress" "fields" "payload" "action"; gap:14px; padding:22px 16px; }.transmission-form .signal-input { min-height:73px; }.payload-preview { grid-template-columns:repeat(3,1fr); gap:8px; padding:12px; }.payload-preview > p,.payload-preview em { grid-column:1 / -1; }.payload-preview > div { min-width:0; padding-top:7px; }.payload-preview b { font-size:9px; }.transmission-action { align-items:flex-start; flex-direction:column; gap:12px; }.transmission-form button { width:100%; }.transmission-action .form-message { max-width:none; } }