/* DigiTech Hub: fast, mobile-first visual system */
:root{color-scheme:dark;--bg:#080d25;--panel:#101a3a;--line:rgba(160,190,255,.16);--white:#f8faff;--muted:#aab5d2;--cyan:#42d9ff;--blue:#2563ff;--sans:"DM Sans",Inter,system-ui,sans-serif;--display:"Space Grotesk",var(--sans);font-family:var(--sans);background:var(--bg);color:var(--white)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;overflow-x:hidden;line-height:1.65;background:radial-gradient(ellipse at 80% -10%,#2563ff30,transparent 40%),var(--bg);color:var(--white)}a{color:inherit;text-decoration:none}p{margin:0 0 1rem;color:var(--muted)}h1,h2,h3{font-family:var(--display);line-height:1.12;letter-spacing:-.035em;margin:0 0 1rem}h1{font-size:clamp(2.65rem,6vw,5.1rem);font-weight:600}h2{font-size:clamp(2rem,4vw,3.15rem)}h3{font-size:1.25rem}em{font-style:normal;color:var(--cyan)}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-80px;left:10px;background:white;color:#080d25;padding:10px;z-index:50}.skip:focus{top:10px}.header{height:78px;position:sticky;top:0;z-index:20;background:#080d25eF;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.headrow{height:100%;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:9px;flex:none;font:600 1rem/1 var(--display)}.brand img{width:50px;height:50px;object-fit:contain}.brand b{color:var(--cyan)}.brand small{display:block;margin-top:6px;color:#abb8d6;font:600 .48rem var(--sans);letter-spacing:.18em}.desktop{display:flex;gap:clamp(12px,2vw,23px);align-items:center;margin-left:auto}.desktop a{font-size:.78rem;color:#c1cbe2}.desktop a:hover,.desktop a[aria-current]{color:var(--cyan)}.btn{min-height:47px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;background:linear-gradient(110deg,var(--cyan),#77a8ff);color:#07102c;font-size:.83rem;font-weight:700;transition:transform .2s,filter .2s;cursor:pointer}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn:active{transform:scale(.98)}.headbtn{min-height:41px;padding:0 13px;font-size:.75rem}.toggle,.mobile{display:none}.home{padding:72px 0 20px;overflow:hidden}.homegrid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;min-height:430px}.eyebrow,.sectitle>small,.pagegrid>div>small,.contactdetails>small,.formbox form>small{font-size:.64rem;letter-spacing:.15em;font-weight:700;color:var(--cyan)}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 3s infinite}.home h1{max-width:700px;margin:16px 0}.homegrid>div>p{max-width:580px;font-size:1rem;line-height:1.8}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:23px}.quiet{padding:11px;color:#dae4fa;font-size:.82rem}.heronote{margin-top:27px;color:#8797b8;font-size:.6rem;letter-spacing:.12em}.art{height:380px;position:relative;display:grid;place-items:center}.glow{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#1557ff3d,transparent 70%);filter:blur(12px)}.browser{position:relative;width:min(490px,96%);z-index:2;border:1px solid #9ab9ff4d;border-radius:16px;overflow:hidden;background:#0b1431f2;box-shadow:0 35px 80px #0005;transform:rotate(-2deg);animation:float 8s ease-in-out infinite}.browserbar{height:37px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--line)}.browserbar i,.minibar i{width:7px;height:7px;border-radius:50%;background:#fc7184}.browserbar i:nth-child(2),.minibar i:nth-child(2){background:#ecc55d}.browserbar i:nth-child(3),.minibar i:nth-child(3){background:#45d99e}.browserbar span{margin:auto;color:#8593b3;font-size:.54rem}.dash{display:grid;grid-template-columns:38px 1fr;min-height:230px}.rail{display:grid;align-content:start;gap:17px;padding:16px 11px;border-right:1px solid var(--line)}.rail i{width:15px;height:15px;border:1px solid #34466f;border-radius:5px}.rail i:first-child{background:linear-gradient(135deg,var(--blue),var(--cyan))}.dashboard{padding:17px}.dashboard>small,.panel>small{font-size:.49rem;color:#8695b8;letter-spacing:.14em}.dashboard h3{font-size:.96rem;margin:4px 0 14px}.panels{display:grid;grid-template-columns:1fr 1fr;gap:9px}.panel{height:120px;padding:10px;border:1px solid #9ab9ff22;border-radius:9px;background:#ffffff06}.bars{height:73px;display:flex;align-items:end;gap:6px}.bars i{height:37%;flex:1;border-radius:3px 3px 0 0;background:linear-gradient(0deg,#1557ff,#42d9ff)}.bars i:nth-child(2){height:67%}.bars i:nth-child(3){height:50%}.bars i:nth-child(4){height:83%}.bars i:nth-child(5){height:59%}.bars i:nth-child(6){height:94%}.panel p{margin:12px 0;font-size:.55rem;line-height:1.2;color:#b6c2db}.flow{display:flex;justify-content:space-between;margin-top:12px;color:#aeb9d4;font-size:.46rem;letter-spacing:.08em}.flow i{color:var(--cyan)}.float{position:absolute;z-index:3;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#0c1735;box-shadow:0 12px 28px #0004;font-size:.62rem;animation:float 6s ease-in-out infinite}.f1{top:55px;left:0}.f2{right:0;bottom:38px;animation-delay:-3s}.strap{display:flex;justify-content:center;align-items:center;gap:17px;padding:21px 0;border-top:1px solid var(--line);color:#8491b4;font-size:.57rem;letter-spacing:.13em;font-weight:700}.strap i{width:4px;height:4px;border-radius:50%;background:var(--cyan)}.section{padding:83px 0}.sectitle{max-width:730px;margin-bottom:30px}.sectitle h2{margin:10px 0}.sectitle p{max-width:670px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.card{min-height:194px;padding:22px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#13224bbb,#0a112bcc);transition:transform .24s,border-color .24s}.card:hover{transform:translateY(-4px);border-color:#42d9ff70}.card>small,.concepts small{color:var(--cyan);font-size:.57rem;letter-spacing:.14em;font-weight:700}.card h3{margin:15px 0 7px}.card p{font-size:.81rem}.muted{background:#ffffff05;border-block:1px solid #ffffff0d}.architecture{max-width:740px;margin:auto;display:grid;justify-items:center}.architecture>div{width:min(100%,560px);display:grid;grid-template-columns:46px 1fr;align-items:center;padding:12px 17px;border:1px solid var(--line);border-radius:11px;background:#09122f}.architecture>div small{grid-row:span 2;color:var(--cyan);font-size:.62rem}.architecture>div b{font-size:.67rem;letter-spacing:.1em}.architecture>div span{font-size:.71rem;color:var(--muted)}.architecture>i{color:var(--cyan);font-style:normal;line-height:1.4}.concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.concepts>a{min-height:235px;display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:19px;background:radial-gradient(ellipse at 100% 0%,#1557ff55,transparent 55%),#0d1737;transition:transform .2s}.concepts>a:hover{transform:translateY(-4px)}.concepts h3{margin-top:36px}.concepts p{font-size:.8rem}.concepts b{margin-top:auto;color:var(--cyan);font-size:.75rem}.cta{padding:8px 0 82px}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:clamp(24px,5vw,45px);border:1px solid #42d9ff44;border-radius:24px;background:radial-gradient(ellipse at 90% 0%,#2563ff40,transparent 50%),#0d1737}.cta-inner small{color:var(--cyan);font-size:.62rem;letter-spacing:.14em;font-weight:700}.cta h2{font-size:clamp(1.85rem,4vw,2.9rem);margin:9px 0}.cta p{margin:0}.footer{padding:45px 0 21px;border-top:1px solid var(--line);background:#070b1e}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.25fr;gap:26px}.footgrid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footgrid>div:first-child p{max-width:270px;margin-top:11px;font-size:.8rem}.footgrid h2{margin:8px 0;color:var(--cyan);font:700 .65rem var(--sans);letter-spacing:.14em;text-transform:uppercase}.footgrid>div>a:not(.brand){font-size:.73rem;color:#aeb9d4}.footbottom{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:32px;padding-top:16px;border-top:1px solid var(--line);color:#8794b6;font-size:.64rem}.footbottom div{display:flex;gap:14px}.wa{position:fixed;right:19px;bottom:18px;z-index:15;display:flex;gap:7px;align-items:center;padding:10px 14px;border-radius:30px;background:#1ac978;color:#062418;font-size:.76rem;font-weight:700;box-shadow:0 8px 26px #071c1955;animation:wapulse 4.5s infinite}.pagehero{padding:46px 0 53px;border-bottom:1px solid #ffffff0d;background:radial-gradient(ellipse at 82% 40%,#1557ff2b,transparent 46%)}.pagegrid{display:grid;grid-template-columns:1.1fr .7fr;gap:62px;align-items:center;min-height:254px}.crumb{display:flex;gap:10px;margin-bottom:17px;color:#8794b5;font-size:.67rem}.pagegrid h1{font-size:clamp(2.55rem,5.1vw,4.4rem);margin:10px 0 14px}.pagegrid>div>p{max-width:660px}.mini{justify-self:end;width:min(330px,100%);padding:15px;border:1px solid #9ab9ff33;border-radius:16px;background:linear-gradient(145deg,#142755cc,#09112de8);transform:rotate(2deg)}.minibar{display:flex;align-items:center;gap:5px;padding-bottom:11px;border-bottom:1px solid var(--line)}.minibar span{margin:auto;color:#94a1c0;font-size:.5rem}.mini>b{display:block;margin:17px 0 9px;font:600 1rem var(--display)}.mini hr{border:0;border-top:1px solid var(--line)}.miniline{display:block;width:94%;height:6px;margin:9px 0;border-radius:5px;background:#9ab0d12e}.miniline.short{width:57%}.chips{display:flex;gap:7px;margin-top:18px}.chips span{padding:7px 8px;border:1px solid #42d9ff44;border-radius:7px;color:#b8d9ed;font-size:.49rem}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.contactdetails{position:sticky;top:100px}.contactdetails h2{margin:10px 0}.contactdetails>a{display:block;padding:14px 0;border-bottom:1px solid var(--line)}.contactdetails>a small{display:block;color:#8997b8;font-size:.58rem;letter-spacing:.13em}.contactdetails>a b{font-size:.8rem;line-height:1.55}.hint{font-size:.68rem;margin-top:16px}.formbox{padding:clamp(21px,4vw,35px);border:1px solid var(--line);border-radius:21px;background:#0c1635c9}.formbox h2{font-size:1.75rem;margin:7px 0}.formbox form>p{font-size:.75rem}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formbox label{display:block;margin:12px 0;color:#d1dbef;font-size:.72rem;font-weight:600}.formbox input,.formbox select,.formbox textarea{display:block;width:100%;min-height:46px;margin-top:6px;padding:11px 12px;border:1px solid #a0beff2b;border-radius:9px;outline:none;background:#09122d;color:var(--white);font:400 .79rem var(--sans)}.formbox textarea{min-height:112px;resize:vertical}.formbox input:focus,.formbox select:focus,.formbox textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #42d9ff18}.formbox input::placeholder,.formbox textarea::placeholder{color:#7180a1}.submit{width:100%;margin-top:7px}.status{min-height:1.2em;margin:9px 0 0;color:#6dedd2;font-size:.74rem}.reading{max-width:760px}.reading p{line-height:1.9}.reading a{color:var(--cyan)}.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}.js .reveal.is-visible{opacity:1;transform:none}@keyframes pulse{50%{box-shadow:0 0 0 8px #42d9ff00}}@keyframes float{50%{translate:0 -7px}}@keyframes wapulse{0%,78%,100%{box-shadow:0 8px 26px #071c1955}85%{box-shadow:0 8px 26px #1ac97855,0 0 0 8px #1ac97820}90%{box-shadow:0 8px 26px #1ac97855,0 0 0 14px #1ac97800}}
@media(max-width:1050px){.desktop{gap:12px}.desktop a{font-size:.72rem}.headrow{gap:12px}.pagegrid{gap:32px}.footgrid{grid-template-columns:1.3fr 1fr 1fr}}
@media(max-width:840px){.desktop,.headbtn{display:none}.header{height:70px}.headrow{justify-content:space-between}.toggle{display:grid;align-content:center;gap:6px;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#ffffff05}.toggle i{width:18px;height:2px;margin:auto;background:white}.mobile{position:absolute;display:grid;visibility:hidden;opacity:0;transform:translateY(-8px);inset:100% 0 auto;padding:10px 22px 18px;border-bottom:1px solid var(--line);background:#080d25f7;backdrop-filter:blur(16px);transition:opacity .2s,transform .2s,visibility .2s}.mobile.open{visibility:visible;opacity:1;transform:none}.mobile>a:not(.btn){min-height:43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d;font-size:.85rem}.mobile>a span{color:var(--cyan)}.mobile .btn{margin-top:12px}.home{padding-top:54px}.homegrid{grid-template-columns:1fr;gap:0}.home h1{font-size:clamp(3rem,8vw,4.6rem)}.art{height:335px;width:min(600px,100%);justify-self:center}.strap{flex-wrap:wrap;gap:10px}.section{padding:68px 0}.pagegrid{grid-template-columns:1fr .58fr;gap:20px}.mini{width:255px}.contactgrid{grid-template-columns:1fr;gap:30px}.contactdetails{position:static}.footgrid{grid-template-columns:1fr 1fr;gap:23px}.footgrid>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.home{padding-top:40px}.home h1{font-size:clamp(2.62rem,11.5vw,3.5rem);line-height:1.04;margin:14px 0}.homegrid>div>p{font-size:.91rem}.actions{gap:7px;margin-top:19px}.btn{min-height:46px;padding:0 13px;font-size:.77rem}.quiet{font-size:.75rem;padding:9px}.heronote{margin-top:19px;font-size:.52rem}.art{height:285px;margin-top:8px}.browser{width:97%;border-radius:13px}.browserbar{height:32px}.dash{grid-template-columns:31px 1fr;min-height:193px}.rail{padding:12px 8px;gap:13px}.rail i{width:13px;height:13px}.dashboard{padding:12px 9px}.dashboard h3{font-size:.77rem;margin:4px 0 10px}.panels{gap:6px}.panel{height:96px;padding:7px}.bars{height:58px;gap:4px}.panel p{font-size:.47rem}.flow{font-size:.38rem;margin-top:9px}.float{padding:7px 8px;font-size:.53rem}.f1{top:32px}.f2{bottom:19px}.strap{justify-content:flex-start;white-space:nowrap;overflow:hidden;padding:15px 0;font-size:.45rem;gap:8px}.section{padding:56px 0}.sectitle{margin-bottom:22px}.sectitle h2{font-size:clamp(1.85rem,8vw,2.35rem)}.sectitle p{font-size:.85rem}.cards,.concepts{grid-template-columns:1fr;gap:9px}.card{min-height:0;padding:18px}.card h3{margin:12px 0 6px}.card p{font-size:.78rem}.architecture>div{padding:11px;grid-template-columns:38px 1fr}.architecture>div b{font-size:.59rem}.architecture>div span{font-size:.65rem}.concepts>a{min-height:195px;padding:19px}.concepts h3{margin-top:26px}.cta{padding-bottom:54px}.cta-inner{display:grid;gap:16px;padding:22px 18px;border-radius:18px}.cta h2{font-size:1.95rem}.cta p{font-size:.82rem}.footer{padding:37px 0 18px}.footgrid{gap:20px 14px}.footgrid>div>a:not(.brand){font-size:.68rem}.footgrid h2{font-size:.59rem}.footbottom{flex-wrap:wrap;align-items:flex-start;font-size:.57rem;margin-top:24px}.footbottom div{order:3;width:100%}.footbottom>a:last-child{margin-left:auto}.wa{right:11px;bottom:calc(11px + env(safe-area-inset-bottom));padding:9px 11px}.pagehero{padding:29px 0 34px}.pagegrid{display:block;min-height:0}.crumb{font-size:.62rem;margin-bottom:14px}.pagegrid h1{font-size:clamp(2.3rem,10vw,3.25rem);margin:8px 0 11px}.pagegrid>div>p{font-size:.86rem}.mini{display:none}.contactgrid{gap:25px}.contactdetails h2{font-size:1.85rem}.contactdetails>a{padding:12px 0}.formrow{grid-template-columns:1fr;gap:0}.formbox{padding:18px 14px;border-radius:16px}.formbox h2{font-size:1.5rem}.formbox label{margin:9px 0}.reading p{font-size:.89rem}}
@media(max-width:360px){.wrap{width:calc(100% - 30px)}.brand img{width:44px;height:44px}.home h1{font-size:2.45rem}.home .actions .btn{padding:0 10px;font-size:.72rem}.art{height:265px}.dash{min-height:183px}.panel{height:90px}.flow{font-size:.35rem}.strap{font-size:.42rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}}


/* DigiTech Hub circuit signature: animated from the supplied gear-and-trace logo */
.circuit-art{height:410px;width:100%;margin:4px auto 0;overflow:hidden;isolation:isolate;border:1px solid #71aaff2c;border-radius:25px;background:radial-gradient(ellipse at 35% 50%,#10234a 0,transparent 53%),radial-gradient(ellipse at 83% 18%,#10296077,transparent 39%),linear-gradient(145deg,#0d1734,#080d22 72%);box-shadow:0 30px 75px #0004;}
.circuit-art:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(320px circle at var(--px,50%) var(--py,50%),#42d9ff12,transparent 74%)}.circuit-art:after{display:none}
.circuit-svg{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible}
.circuit-frame{fill:#08112765;stroke:#8fb6ff26;stroke-width:1.2}
.circuit-orbit{fill:none;stroke:#6aa8ff;stroke-width:1;opacity:.3;transform-box:view-box;transform-origin:222px 220px}
.orbit-a{stroke-dasharray:1 8;animation:circuit-spin 48s linear infinite}.orbit-b{stroke:#42d9ff;stroke-opacity:.32;stroke-dasharray:44 14 2 16;animation:circuit-spin 38s linear infinite reverse}
.gear-arc{fill:none;stroke:url(#traceGradient);stroke-width:10;stroke-linecap:round;stroke-dasharray:3 6;filter:drop-shadow(0 0 6px #42d9ff66);animation:gear-flow 16s linear infinite}
.gear-teeth{fill:none;stroke:#42d9ff;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;opacity:.56}
.circuit-trace{fill:none;stroke-linecap:round;stroke-linejoin:round}.trace-a{stroke:#7295d855;stroke-width:1.35}.trace-b{stroke:url(#traceGradient);stroke-width:2.1;stroke-dasharray:2 18;stroke-dashoffset:0;opacity:.9;filter:drop-shadow(0 0 3px #258bff55);animation:trace-flow 3.8s linear infinite}
.trace-end{fill:#0b1733;stroke:#42d9ff;stroke-width:2;filter:drop-shadow(0 0 5px #42d9ff66);animation:terminal-breathe 4s ease-in-out infinite}.end-b{animation-delay:.5s}.end-c{animation-delay:1s}.end-d{animation-delay:1.5s}.end-e{animation-delay:2s}
.trace-label{fill:#a9bedf;font:600 9px var(--sans);letter-spacing:2px}.core-back{fill:#0a1430;stroke:#42d9ff4f;stroke-width:1.2;filter:drop-shadow(0 12px 22px #0008)}
.circuit-core{position:absolute;z-index:3;left:34.7%;top:50%;translate:-50% -50%;width:140px;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:13px 8px;border:1px solid #42d9ff39;border-radius:20px;background:linear-gradient(145deg,#0f1f43ee,#08112bec);box-shadow:0 0 36px #1557ff21,inset 0 1px #ffffff0b;text-align:center}
.circuit-core small{color:#94a8ce;font-size:.44rem;font-weight:700;letter-spacing:.15em}.circuit-core b{margin:0;font:700 3rem/.98 var(--display);letter-spacing:-.09em;background:linear-gradient(115deg,#62e4ff,#2780ff 70%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 15px #258bff32)}.circuit-core span{margin-top:6px;color:#b9c9e6;font-size:.43rem;letter-spacing:.13em;white-space:nowrap}
.circuit-stamp,.circuit-stamp-bottom{position:absolute;z-index:4;display:flex;align-items:center;color:#8da2c8;font-size:.49rem;font-weight:700;letter-spacing:.13em}.circuit-stamp{top:8%;left:7%;gap:9px}.circuit-stamp>i{width:6px;height:6px;border-radius:50%;background:#49e0ff;box-shadow:0 0 11px #42d9ff;animation:terminal-breathe 3s ease-in-out infinite}.circuit-stamp b{margin-left:11px;color:#7285a8;font-size:.43rem;letter-spacing:.1em}.circuit-stamp-bottom{right:7%;bottom:7%;gap:10px;font-size:.45rem;letter-spacing:.12em}.circuit-stamp-bottom i{width:3px;height:3px;border-radius:50%;background:#42d9ff;opacity:.8}
@keyframes circuit-spin{to{transform:rotate(360deg)}}@keyframes gear-flow{to{stroke-dashoffset:-90}}@keyframes trace-flow{to{stroke-dashoffset:-80}}@keyframes terminal-breathe{0%,100%{opacity:.64}50%{opacity:1}}
body.low-power .circuit-art *,body.low-power .circuit-art:before{animation:none!important}
@media(max-width:840px){.circuit-art{height:350px;width:min(600px,100%)}}
@media(max-width:600px){.circuit-art{height:310px;margin-top:12px;border-radius:19px}.circuit-core{width:120px;min-height:100px;border-radius:17px}.circuit-core b{font-size:2.65rem}.circuit-stamp{top:7%;left:6%;font-size:.4rem;gap:7px}.circuit-stamp b{font-size:.37rem;margin-left:3px}.circuit-stamp-bottom{right:5%;bottom:6%;gap:6px;font-size:.37rem;letter-spacing:.08em}}
@media(max-width:380px){.circuit-art{height:280px}.circuit-core{width:105px;min-height:90px}.circuit-core b{font-size:2.3rem}.circuit-core small{font-size:.39rem}.circuit-core span{font-size:.35rem}.circuit-stamp{font-size:.36rem}.circuit-stamp b{display:none}.circuit-stamp-bottom{font-size:.32rem;gap:5px}}
@media(prefers-reduced-motion:reduce){.circuit-art *{animation:none!important;transition:none!important}.circuit-art .trace-b{stroke-dashoffset:0}}

/* Animation layer from the premium motion brief */
.header{transition:height .28s,background .28s,border-color .28s,box-shadow .28s}.header.scrolled{height:66px;background:rgba(8,13,37,.96);border-color:rgba(160,190,255,.2);box-shadow:0 8px 24px rgba(0,0,0,.17)}
.btn{box-shadow:0 7px 24px rgba(37,99,255,.17)}.btn:hover{box-shadow:0 10px 30px rgba(37,99,255,.28)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.js .home .eyebrow,.js .home h1,.js .homegrid>div>p,.js .home .actions,.js .home .heronote,.js .home .art{animation:hero-enter .65s cubic-bezier(.2,.7,.2,1) both}.js .home .eyebrow{animation-delay:.02s}.js .home h1{animation-delay:.09s}.js .homegrid>div>p{animation-delay:.16s}.js .home .actions{animation-delay:.23s}.js .home .heronote{animation-delay:.29s}.js .home .art{animation-delay:.36s}@keyframes hero-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
body{background-size:140% 140%,auto;background-position:0 0,0 0;animation:gradient-drift 12s ease-in-out infinite alternate}@keyframes gradient-drift{to{background-position:100% 100%,0 0}}
.js .cards .card.reveal:nth-child(3n+2){transition-delay:.07s}.js .cards .card.reveal:nth-child(3n){transition-delay:.14s}.card:after{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0;transition:opacity .25s}.card:hover:after{opacity:.8}
.architecture>i{position:relative}.architecture>i:after{content:"";display:block;width:5px;height:5px;margin:-14px auto 4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:signal-down 2.5s ease-in-out infinite}@keyframes signal-down{0%{transform:translateY(-4px);opacity:.25}55%{opacity:1}100%{transform:translateY(5px);opacity:.2}}
.timeline{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.timeline:before{content:"";position:absolute;left:3%;right:3%;top:22px;height:1px;background:linear-gradient(90deg,rgba(66,217,255,.35),rgba(37,99,255,.65),rgba(131,109,255,.35));background-size:200% 100%;animation:timeline-glow 7s linear infinite}@keyframes timeline-glow{to{background-position:200% 0}}.timeline article{position:relative;display:grid;align-content:start;gap:17px}.timeline article>b{display:grid;place-items:center;width:45px;height:45px;border:1px solid #42d9ff6b;border-radius:50%;background:#0b1430;color:var(--cyan);font-size:.68rem;z-index:1;transition:box-shadow .3s,background .3s,transform .3s}.timeline article.is-active>b{background:#10234a;box-shadow:0 0 0 6px #42d9ff12,0 0 20px #42d9ff33;transform:translateY(-2px)}.timeline h3{font-size:1rem;margin:0 0 7px}.timeline p{font-size:.74rem;line-height:1.6}
.portfolio-card{padding:0;overflow:hidden}.project-art{height:166px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 75% 15%,#2563ff68,transparent 52%),linear-gradient(145deg,#111f48,#080f29)}.project-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,13,37,.92),rgba(8,13,37,.05) 68%);opacity:.7;transition:opacity .25s}.project-art>span:first-child{position:absolute;top:13px;left:15px;z-index:1;color:#b9c9e5;font-size:.52rem;letter-spacing:.14em}.project-window{position:relative;width:76%;height:112px;padding:12px;border:1px solid #9ab9ff55;border-radius:9px;background:#0a1330;box-shadow:0 12px 28px #0006;transition:transform .3s}.project-window i{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:#42d9ff}.project-window b{display:block;margin-top:11px;font-size:.7rem}.project-window em{display:block;width:76%;height:4px;margin-top:8px;border-radius:4px;background:#9ab9ff30}.project-window em:nth-last-child(1){width:46%}.view-concept{position:absolute;z-index:2;bottom:12px;right:15px;color:var(--cyan);font-size:.59rem;font-weight:700;opacity:.75;transform:translateY(3px);transition:opacity .25s,transform .25s}.portfolio-card:hover .project-window{transform:scale(1.03)}.portfolio-card:hover .project-art:after{opacity:.95}.portfolio-card:hover .view-concept{opacity:1;transform:none}.portfolio-card>small,.portfolio-card h3,.portfolio-card>p{margin-left:20px;margin-right:20px}.portfolio-card>small{display:block;margin-top:16px}.portfolio-card h3{margin-top:8px;margin-bottom:6px}.portfolio-card>p{font-size:.77rem}
.ai-network{position:relative;width:min(700px,100%);height:330px;margin:auto;display:grid;place-items:center;isolation:isolate}.ai-network:before,.ai-network:after{content:"";position:absolute;inset:15% 23%;border:1px solid #42d9ff2a;border-radius:50%;transform:rotate(-22deg)}.ai-network:after{inset:8% 30%;border-color:#2563ff40;transform:rotate(35deg)}.ai-core{z-index:2;width:140px;height:100px;display:grid;align-content:center;justify-items:center;gap:5px;border:1px solid #42d9ff68;border-radius:18px;background:radial-gradient(circle,#16366a,#0b1430 75%);box-shadow:0 0 28px #2563ff2b}.ai-core small{color:var(--cyan);font-size:.59rem;letter-spacing:.16em}.ai-core b{font:600 .82rem var(--display)}.ai-node{position:absolute;z-index:2;padding:9px 12px;border:1px solid #9ab9ff38;border-radius:9px;background:#0b1430;color:#c4d4f1;font-size:.57rem;letter-spacing:.1em;animation:node-drift 6s ease-in-out infinite}.node-1{top:13%;left:22%}.node-2{top:10%;right:22%;animation-delay:-1s}.node-3{top:45%;right:6%;animation-delay:-2s}.node-4{bottom:12%;right:22%;animation-delay:-3s}.node-5{bottom:12%;left:22%;animation-delay:-4s}.node-6{top:45%;left:6%;animation-delay:-5s}@keyframes node-drift{50%{transform:translateY(-4px)}}.signal{position:absolute;z-index:1;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:signal-orbit 8s linear infinite}.signal-a{left:24%;top:50%}.signal-b{right:24%;top:26%;animation-delay:-2.7s}.signal-c{right:30%;bottom:20%;animation-delay:-5.4s}@keyframes signal-orbit{0%{transform:translate(0,0);opacity:.2}25%{transform:translate(95px,-45px);opacity:1}50%{transform:translate(180px,25px);opacity:.35}75%{transform:translate(55px,105px);opacity:1}100%{transform:translate(0,0);opacity:.2}}
.mobile{max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);overflow:auto;overscroll-behavior:contain}.mobile>a:not(.btn){opacity:0;transform:translateY(-5px);transition:opacity .2s,transform .2s}.mobile.open>a:not(.btn){opacity:1;transform:none}.mobile.open>a:nth-child(1){transition-delay:.02s}.mobile.open>a:nth-child(2){transition-delay:.07s}.mobile.open>a:nth-child(3){transition-delay:.12s}.mobile.open>a:nth-child(4){transition-delay:.17s}.mobile.open>a:nth-child(5){transition-delay:.22s}.mobile.open>a:nth-child(6){transition-delay:.27s}.mobile.open>a:nth-child(7){transition-delay:.32s}.mobile.open>a:nth-child(8){transition-delay:.37s}
.formbox.fields-visible label{animation:field-in .3s ease both}.formbox.fields-visible .formrow:nth-of-type(1) label:nth-child(2){animation-delay:.05s}.formbox.fields-visible .formrow:nth-of-type(2) label:nth-child(1){animation-delay:.1s}.formbox.fields-visible .formrow:nth-of-type(2) label:nth-child(2){animation-delay:.15s}.formbox.fields-visible .formrow:nth-of-type(3) label:nth-child(1){animation-delay:.2s}.formbox.fields-visible .formrow:nth-of-type(3) label:nth-child(2){animation-delay:.25s}@keyframes field-in{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}.status-ready:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;margin-right:7px;border-radius:50%;background:#6dedd21a;color:#6dedd2;font-weight:700;animation:check-in .25s ease both}@keyframes check-in{from{transform:scale(.75);opacity:.4}to{transform:scale(1);opacity:1}}.wa.hidden{opacity:0;pointer-events:none;transform:translateY(8px)}
.js .page-enter{animation:page-in .32s ease both}.page-leave{opacity:0;transition:opacity .15s ease}@keyframes page-in{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.art:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(130px circle at var(--px,50%) var(--py,50%),rgba(66,217,255,.11),transparent 70%);transition:opacity .2s}.card:hover h3{transform:translateY(-2px);transition:transform .22s}.concepts>a:hover{border-color:#42d9ff66;box-shadow:0 12px 34px #0003}}
@media(max-width:840px){.timeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}.timeline:before{display:none}}
@media(max-width:600px){body{animation:none}.header.scrolled{height:64px}.timeline{grid-template-columns:1fr;gap:0;padding-left:4px}.timeline:before{display:block;left:21px;right:auto;top:22px;bottom:22px;width:1px;height:auto;background:linear-gradient(180deg,rgba(66,217,255,.35),rgba(37,99,255,.65),rgba(131,109,255,.35));background-size:100% 200%;animation:timeline-vertical 8s linear infinite}@keyframes timeline-vertical{to{background-position:0 200%}}.timeline article{grid-template-columns:45px 1fr;gap:14px;min-height:93px}.timeline article>b{width:43px;height:43px}.timeline p{font-size:.79rem}.ai-network{height:260px}.ai-network:before{inset:12% 16%}.ai-network:after{inset:7% 23%}.ai-core{width:120px;height:85px}.node-1{left:15%;top:10%}.node-2{right:15%;top:9%}.node-3{right:0;top:45%}.node-4{right:13%;bottom:8%}.node-5{left:13%;bottom:8%}.node-6{left:0;top:45%}.signal{animation-duration:12s}.browser{animation:mobile-float 11s ease-in-out infinite;transform:none}.float{animation:none}.glow{filter:none;opacity:.68}.project-art{height:148px}.mobile.open>a:nth-child(n){transition-delay:0s}.formbox.fields-visible label{animation-duration:.24s}}
@media(max-width:360px){.ai-network{height:235px}.ai-core{width:108px;height:76px}.ai-node{padding:7px 8px;font-size:.49rem}.project-art{height:135px}}
@media(prefers-reduced-motion:reduce){body{animation:none!important}.header,.btn,.card,.wa,.browser,.float,.ai-node,.signal,.architecture>i:after,.timeline:before{animation:none!important;transition:none!important}.js .home .eyebrow,.js .home h1,.js .homegrid>div>p,.js .home .actions,.js .home .heronote,.js .home .art{animation:none!important;opacity:1;transform:none}}

.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.formbox .status-ready:before{content:"✓"}.formbox .status{line-height:1.55}
body.low-power{animation:none!important}body.low-power .browser,body.low-power .float,body.low-power .ai-node,body.low-power .signal,body.low-power .wa,body.low-power .architecture>i:after,body.low-power .timeline:before{animation:none!important}
