/* Restores Veltrio's original electric teal, bright white and deep ink. */
:root{--ink:#090e17;--ink-elevated:#101a29;--ink-card:#142132;--white:#f8fafc;--paper:#101a29;--teal:#22d3be;--teal-dim:#22d3be1f;--gold:#d4af37;--muted:#becbdd;--muted-soft:#8d9eb6;--line:#55ddd626;--ink-border:var(--line)}
body{background:#090e17;color:var(--white)}
h1,h2{font-family:'Segoe UI Variable Display','Segoe UI',Arial,sans-serif;font-weight:750;letter-spacing:-.058em}h3{font-weight:650;letter-spacing:-.035em}
.site-header{background:#090e17ed;border-color:#54dfd42b;box-shadow:0 6px 30px #0002}
.brand-name{font-weight:750;letter-spacing:-.75px;color:#f8fafc}.brand-systems{color:#aeb6c2}.brand-wordmark{gap:10px}
.nav-links a{color:#becbdd}.nav-links a:hover,.nav-links a[aria-current=page]{color:#6ff6e0}.nav-links .nav-cta{background:linear-gradient(135deg,#58f2da,#22d3be);color:#06151b;border-color:#98fff0;box-shadow:0 0 20px #22d3be24,inset 0 1px 0 #dffff866}
.nav-links .nav-cta:hover{background:#8bfce7;box-shadow:0 0 28px #22d3be40;color:#06151b}
.nav-dropdown,.nav-links.is-open{background:#111d2ef5;border-color:#4ae4d433}.nav-dropdown{box-shadow:0 22px 55px #0007}
.nav-toggle{border-color:#22d3be40;background:#12203088}
.eyebrow,.text-link{color:#4fe9d1}
.btn{border-radius:9px}.btn-primary{background:linear-gradient(135deg,#58f2da 0%,#22d3be 72%);border-color:#73fce6;color:#06151b;box-shadow:0 0 27px #22d3be29,0 9px 24px #0004,inset 0 1px 0 #e0fff880}
.btn-primary:hover{background:linear-gradient(135deg,#97ffeb,#35e7cd);border-color:#bcfff2;box-shadow:0 0 38px #22d3be40,0 12px 26px #0005;color:#06151b}
.btn-ghost{background:#10223455;border-color:#9fc1d640;color:#f8fafc}.btn-ghost:hover{background:#22d3be0d;border-color:#3fe9d1;color:#80ffea}
.home-hero{padding-top:56px;padding-bottom:30px;background:radial-gradient(ellipse at 85% 44%,#0ba8a326,transparent 53%),radial-gradient(ellipse at 9% 3%,#11afae20,transparent 49%),#090e17}
.home-hero h1{font-weight:780;font-size:clamp(3.8rem,6.8vw,6.6rem);line-height:1.02;letter-spacing:-.066em;text-shadow:0 2px 1px #0004}
.home-hero h1 em{color:#36ecd0;background:none;-webkit-text-fill-color:#36ecd0;filter:none;text-shadow:0 0 32px #22d3be26}
.hero-subtitle{font-weight:650;color:#52ead5;text-shadow:0 0 22px #22d3be26;letter-spacing:-.6px}.hero-lede{color:#c0cede}.hero-note{color:#94a7bf;font-size:12px}.hero-note::before{background:#48f6d4;box-shadow:0 0 9px #22d3be}
.home-hero::after,.page-hero::after{background:linear-gradient(90deg,#090e17a6,transparent 64%)}
.fluid-field{opacity:1}.system-visual{min-height:490px}.system-visual::before{background:radial-gradient(ellipse,#0cf0d326,transparent 66%)}
.system-visual .fluid-system{max-width:620px;width:106%;filter:none}
.fluid-system text{fill:#d7e7f5}.fluid-node{filter:drop-shadow(0 14px 15px #0008)}.fluid-node>rect{fill:#101f30ed;stroke:#54f7dd;stroke-opacity:.6;stroke-width:1.1}
.fluid-node>.veltrio-icon{width:41px;height:41px;filter:drop-shadow(0 0 4px #22d3be50)}
.fluid-flow-line{stroke:#51ffe2;stroke-opacity:.9;filter:drop-shadow(0 0 3px #22d3be44)}.fluid-packet{fill:#e2fff9;filter:drop-shadow(0 0 5px #22d3be)}.fluid-orbit-point{fill:#b7fff0;filter:drop-shadow(0 0 7px #22d3be)}
.fluid-core-halo{stroke:#45ffe1;filter:drop-shadow(0 0 5px #22d3be60)}
.fluid-brand-rotor{transform-origin:332px 265px;animation:brand-orbit 18s linear infinite}.fluid-brand-node{fill:#22d3be;stroke:#c3fff2;stroke-width:1.3;filter:drop-shadow(0 0 7px #22d3beaa)}.fluid-brand-center{fill:#e2bf65;stroke:#fff4cd;stroke-width:1.2;filter:drop-shadow(0 0 9px #d4af3770)}
.hero-bottom{margin-top:22px;color:#96aec5;border-color:#22d3be33}.hero-scroll{color:#d5e8f4}.hero-scroll span{color:#42f5d5;text-shadow:0 0 12px #22d3be80}
.motion-control{background:#13263990;color:#c6f3ed;border-color:#45dec95e}.motion-control:hover{background:#183742;border-color:#58f3da}
.capability-rail{background:#0e1825;border-color:#22d3be2b}.capability-rail a{color:#c6d6e8}.capability-rail a:hover{color:#68fbe0}.capability-rail span{color:#63d8c5}
.section-light{background:linear-gradient(130deg,#121e2d,#0e1723);color:#f8fafc;border-block:1px solid #2fdcc41a}
.section-light p,.principle-section p{color:#becbdd}.section-light .eyebrow,.principle-section .eyebrow{color:#4fe9d1}.section-light .section-number{color:#8babc1}
.outcome-grid{gap:24px}.outcome{padding:29px;background:linear-gradient(145deg,#1b2a3c,#101925);border:1px solid #54d9d62e;border-radius:16px;box-shadow:0 18px 30px #0004,inset 0 1px 0 #ffffff08;position:relative;transition:transform .3s,border-color .3s,box-shadow .3s}
.outcome:hover{transform:translateY(-5px);border-color:#57ebd96b;box-shadow:0 22px 36px #0005,0 0 30px #22d3be0e}.outcome-top{margin-bottom:27px}.outcome h3{font-size:26px;color:#f8fafc}.outcome p{max-width:100%;color:#c0cede}.outcome .section-number{color:#86b8c5}
.services-home{background:radial-gradient(ellipse at 88% 20%,#0b665619,transparent 55%),#090e17}
.service-row{padding:27px 0;grid-template-columns:48px 1.25fr 1.35fr 32px;border-color:#43d3c52a}.service-row-title{display:flex;align-items:center;gap:18px;min-width:0;font-weight:650}.service-title-copy{min-width:0;display:block}.service-row-title h3{font-weight:650;line-height:1.25}.service-row-title .eyebrow{color:#8dacbf}.service-row p{color:#becbdd}.service-row .section-number{color:#67bdba}.service-row:hover{background:#22d3be08}.service-arrow{color:#55f8da;text-shadow:0 0 18px #22d3be40}
.fluid-available .service-row::after{background:radial-gradient(ellipse 280px 180px at var(--glow-x,50%) var(--glow-y,50%),#44e9d418,transparent 70%)}
.principle-section{color:#f8fafc;background:radial-gradient(ellipse at 20% 45%,#1a746d16,transparent 60%),linear-gradient(130deg,#132031,#0c1724);border-block:1px solid #48d8c625}
.principle-section .text-link{color:#57eed7}.method-visual{background:linear-gradient(145deg,#1a2b3d,#111d2c);border-color:#52e9d940;box-shadow:14px 16px 0 #06101b80,0 24px 40px #0004,inset 0 1px 0 #ffffff0a}
.method-caption{color:#6ed8ca}.method-line h3{color:#f8fafc}.method-line p{color:#becbdd}.method-mark{border-color:#2dd8be66;background:#153a3f;color:#81ffe4;box-shadow:0 0 20px #22d3be0d}.method-line:not(:last-child)::after{background:linear-gradient(#22d3be99,#22d3be24)}
.faq-section{background:#090e17}.faq-list details{border-color:#4fd3c52c}.faq-list summary{color:#ecf3fb}.faq-list details p{color:#becbdd}
.closing-cta,.cta-band{background:radial-gradient(ellipse at 84% 85%,#1d96852e,transparent 54%),linear-gradient(120deg,#16283a,#0b1724);color:#f8fafc;border-block:1px solid #3de2ca3b}
.closing-cta h2,.cta-band h2{color:#f8fafc}.closing-cta p,.cta-band p{color:#becbdd}.closing-cta .eyebrow,.cta-band .eyebrow{color:#57eed7}.closing-cta .btn,.cta-band .btn-primary{background:linear-gradient(135deg,#6bf6dc,#22d3be);color:#06151b;border-color:#84ffe9;box-shadow:0 0 32px #22d3be2b,inset 0 1px 0 #e0fff880}.cta-band .btn-ghost{background:transparent;color:#ecf6ff;border-color:#85b9c577}
.site-footer{background:#070c13;border-color:#45d1c523}.footer-tagline{color:#8fadc3}.footer-links a{color:#c1d0e1}.footer-top p,.footer-bottom{color:#8e9fb6}
.page-hero{background:radial-gradient(ellipse at 82% 35%,#16908326,transparent 60%),radial-gradient(ellipse at 6% 3%,#1d848622,transparent 62%),#090e17;border-bottom:1px solid #36d7c426}
.page-hero h1{font-weight:750;text-shadow:0 0 30px #22d3be16;max-width:1080px}.page-hero p{color:#becbdd}.page-hero .eyebrow{color:#59e9d5}.page-hero>.container>.icon-shell--hero{display:inline-grid;vertical-align:middle;margin:0 15px 25px 0}.page-hero>.container>.icon-shell--hero+.eyebrow{display:inline-block;vertical-align:middle;margin-bottom:25px}
.surface{background:#101a29;border-color:#22d3be26}.card,.panel,.form-card{background:linear-gradient(145deg,#17263a,#101b2a);border-color:#42dac62e;box-shadow:0 18px 40px #0003,inset 0 1px 0 #ffffff08}
.founder-panel{color:#f8fafc}.founder-panel a{color:#57eed7}.founder-panel .eyebrow{color:#6ee9d7}.section-light .text-link{color:#57eed7}
.card:hover{border-color:#53e2cf70;box-shadow:0 20px 38px #0004,0 0 26px #22d3be0d}.card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.card-top>.section-number{margin:0}.card-top .icon-shell{margin:0}.card h3,.panel h3,.form-card h2,.form-card h3{color:#f8fafc}.card p,.panel p{color:#becbdd}
.pill{border-color:#22d3be42;background:#15343d66;color:#c4e9e8}.form-card input,.form-card textarea,.form-card select{background:#080f1a;border-color:#7fadc053;color:#f8fafc}.form-card label{color:#d8e7f6}.form-card input::placeholder,.form-card textarea::placeholder{color:#8ca0bb}.form-card input:focus,.form-card textarea:focus{border-color:#4cebd2;box-shadow:0 0 0 3px #22d3be16}.form-hint,.reply-note{color:#a7bdd1!important}
.vc3d-root{--vc3d-ink:#0a0e16;--vc3d-ink-elev:#101b2a;--vc3d-card:#142235;--vc3d-teal:#22d3be;--vc3d-border:#22d3be40;--vc3d-muted:#b6c2d4;--vc3d-white:#f8fafc;--teal:#22d3be}
/* Original SVG geometry, now scoped so each icon keeps its own motion. */
.icon-shell{display:inline-grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid #4bf0d52f;border-radius:12px;background:linear-gradient(140deg,#1b414b,#142638);box-shadow:inset 0 1px 0 #bcfff519;position:relative;animation:icon-float 4.2s ease-in-out infinite;animation-delay:var(--icon-delay,0s);overflow:visible}
.icon-shell--hero{width:54px;height:54px;border-radius:14px}.icon-shell--row{width:48px;height:48px}.icon-shell--outcome{width:52px;height:52px}.icon-shell--rail{width:28px;height:28px;border-radius:7px;background:#14343d;animation-duration:4.8s}
.veltrio-icon{display:block;width:30px;height:30px;overflow:visible;filter:drop-shadow(0 0 3px #22d3be29)}.icon-shell--hero .veltrio-icon{width:34px;height:34px}.icon-shell--rail .veltrio-icon{width:19px;height:19px}.veltrio-icon .vi-pri,.veltrio-icon .vi-sec,.veltrio-icon .vi-msq{transform-box:fill-box;transform-origin:center}
.veltrio-icon .vi-sec{animation:icon-light 3.2s ease-in-out infinite}.veltrio-icon--monitoring .vi-pri{transform-box:view-box;transform-origin:16px 16px;animation:icon-needle 4s ease-in-out infinite}
.veltrio-icon--automation .vi-pri{transform-box:view-box;transform-origin:13px 14px;animation:icon-gear 9s linear infinite}.veltrio-icon--automation .vi-sec{transform-box:view-box;transform-origin:22px 21px;animation:icon-gear 7s linear infinite reverse}
.veltrio-icon--endpoints .vi-sec{animation:icon-screen 3.6s ease-in-out infinite}.veltrio-icon--networks .vi-sec{stroke-dasharray:4 3;animation:icon-signal 3.2s linear infinite}
.veltrio-icon--microsoft{filter:none}.veltrio-icon--microsoft .vi-msq{animation:icon-tile 3.4s ease-in-out infinite}.veltrio-icon--microsoft .vi-msq:nth-of-type(2){animation-delay:.15s}.veltrio-icon--microsoft .vi-msq:nth-of-type(3){animation-delay:.3s}.veltrio-icon--microsoft .vi-msq:nth-of-type(4){animation-delay:.45s}
.motion-paused .icon-shell,.motion-paused .veltrio-icon *,.motion-paused .fluid-brand-rotor,.motion-page-hidden .icon-shell,.motion-page-hidden .veltrio-icon *,.icon-offscreen,.icon-offscreen .veltrio-icon *,.veltrio-icon.icon-offscreen *{animation-play-state:paused!important}
@keyframes icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes icon-light{0%,100%{opacity:.5}50%{opacity:1}}@keyframes icon-needle{0%,100%{transform:rotate(-18deg)}50%{transform:rotate(18deg)}}@keyframes icon-gear{to{transform:rotate(360deg)}}@keyframes icon-screen{0%,100%{transform:scaleX(.65);opacity:.55}50%{transform:scaleX(1);opacity:1}}@keyframes icon-signal{to{stroke-dashoffset:-28}}@keyframes icon-tile{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes brand-orbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.service-row{grid-template-columns:35px 1.35fr 1.2fr 26px;gap:18px}.service-row-title{gap:14px}.service-row-title h3{font-size:23px}.system-visual{min-height:450px}.outcome{padding:25px}.outcome h3{font-size:24px}}
@media(max-width:800px){.home-hero{padding-top:46px}.system-visual{min-height:370px}.system-visual .fluid-system{width:110%;max-width:620px}.service-row-title{gap:11px}.service-row-title h3{font-size:21px}.icon-shell--row{width:40px;height:40px}.icon-shell--row .veltrio-icon{width:26px;height:26px}.outcome-grid{gap:16px}.outcome{padding:23px}}
@media(max-width:720px){.home-hero{padding-top:40px;padding-bottom:24px}.home-hero h1{font-size:clamp(3.3rem,12.7vw,5.7rem);font-weight:750}.hero-subtitle{font-size:22px}.hero-note{font-size:10px}.system-visual{min-height:0;margin-top:9px}.system-visual .fluid-system{width:100%;max-width:100%}.home-hero::after,.page-hero::after{background:linear-gradient(180deg,#090e1755,transparent 75%)}.hero-bottom{margin-top:16px}.outcome-grid{gap:20px}.outcome{padding:25px}.outcome-top{margin-bottom:22px}.outcome h3{font-size:27px}.service-row{grid-template-columns:24px 1fr 22px;gap:13px;padding:24px 0}.service-row-title{gap:12px}.service-row-title h3{font-size:21px}.service-title-copy{font-size:21px}.service-row p{grid-column:2;grid-row:2}.service-row .section-number{grid-column:1;grid-row:1}.service-arrow{grid-column:3;grid-row:1}.icon-shell--row{width:40px;height:40px}.capability-rail .container{gap:20px 12px}.capability-rail a{gap:8px}.icon-shell--rail{width:25px;height:25px}.method-visual{box-shadow:8px 10px 0 #06101b80}.page-hero>.container>.icon-shell--hero{margin-bottom:22px}.page-hero>.container>.icon-shell--hero+.eyebrow{margin-bottom:22px}.nav-links{background:#111d2ef5}.nav-dropdown{background:#080f1a99}.card-top{margin-bottom:22px}.brand-systems{font-size:9px}.nav{min-height:72px}}
@media(prefers-reduced-motion:reduce){.icon-shell,.veltrio-icon *,.fluid-brand-rotor{animation:none!important}.outcome:hover{transform:none}}

/* Public contact number; visitor telephone fields remain empty. */
.contact-call{margin-top:28px}.contact-phone{white-space:nowrap}.footer-phone{display:inline-block;margin-top:4px;color:#63f5df;font-weight:600;letter-spacing:.015em;text-decoration:none}.footer-phone:hover{color:#b0ffee;text-decoration:underline;text-underline-offset:5px}

/* Finished presentation: content and motion without decorative indices. */
.service-row{grid-template-columns:1.2fr 1.25fr 26px;gap:28px}.service-row>.service-row-title{grid-column:1;grid-row:1}.service-row>p{grid-column:2;grid-row:1}.service-row>.service-arrow{grid-column:3;grid-row:1}.process-step{display:block}.process-step>p{margin-top:0}.process-step>h3{margin-bottom:12px}.process-label{display:block;color:#4fe9d1;font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:14px}.outcome-top,.card-top{justify-content:flex-start}.section-topline{margin-bottom:30px}.method-dot{width:10px;height:10px;flex:0 0 10px;margin-top:10px;border-radius:50%;background:#4fe9d1;box-shadow:0 0 14px #22d3be50}.method-line{gap:20px}.method-line:not(:last-child)::after{left:4px;top:25px;bottom:1px}.home-hero{padding-bottom:42px}.capability-rail a>.icon-shell{display:inline-flex}.footer-tagline{letter-spacing:1.2px}
@media(max-width:1100px){.service-row{grid-template-columns:1.25fr 1.15fr 24px;gap:20px}}
@media(max-width:720px){.service-row{grid-template-columns:1fr 22px;gap:12px 15px}.service-row>.service-row-title{grid-column:1;grid-row:1}.service-row>p{grid-column:1;grid-row:2;padding-left:52px}.service-row>.service-arrow{grid-column:2;grid-row:1}.home-hero{padding-bottom:30px}.process-step{padding:26px 0}.method-line{gap:17px}.card-top,.outcome-top{margin-bottom:22px}}

body:not(.page-home) .surface{background:linear-gradient(135deg,#121f2f,#0e1826);border-color:#22d3be26}.nav-links .nav-cta[aria-current="page"]{color:#06151b}.nav-links .nav-cta[aria-current="page"]:hover{color:#06151b}



/* A native workplace scene, continuous with the page and its service cables. */
.connected-main{position:relative;isolation:isolate;background:#090e17}
.site-network{position:absolute;inset:0 auto auto 0;width:100%;overflow:hidden;z-index:2;pointer-events:none}
.site-network .network-cable-base{stroke:#183d40;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.site-network .network-cable-core{stroke:var(--route-color,#56cfba);stroke-width:1;stroke-opacity:.32;stroke-linecap:round;stroke-linejoin:round}
.site-network .network-cable-live{stroke:var(--route-color,#72efcf);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:.72}
.site-network .network-dot{fill:#caffed;filter:drop-shadow(0 0 4px #69f0c8)}
.workplace-hero{padding:68px 0 40px;overflow:visible;background:radial-gradient(ellipse at 78% 49%,#14576624,transparent 62%),#090e17}
.workplace-hero .home-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:30px;align-items:center}
.workplace-hero .home-hero-copy{width:auto;min-width:0;padding:20px 0 24px;z-index:4}
.workplace-hero h1{font-size:clamp(3.6rem,5.6vw,5.8rem);line-height:1.04;letter-spacing:-.061em;margin-bottom:26px}
.workplace-hero h1 em{color:#4debd2;text-shadow:0 0 30px #27dbb924}
.workplace-hero .eyebrow{font-size:11px;letter-spacing:1.8px;margin-bottom:24px}
.workplace-hero .hero-subtitle{font-size:22px;font-weight:500;line-height:1.45;letter-spacing:-.5px;color:#e3edf3;text-shadow:none;margin-bottom:19px}
.workplace-hero .hero-lede{font-size:16px;line-height:1.8;max-width:435px;color:#aebfcd}
.workplace-hero .hero-actions{gap:24px}
.workplace-hero .hero-actions .btn{gap:32px}
.workplace-hero::after{background:linear-gradient(90deg,#090e1733,transparent 54%);pointer-events:none}
.workplace-visual{position:relative;display:flex;align-items:center;justify-content:center;align-self:center;width:100%;min-height:0;max-width:560px;margin:0 auto;z-index:2;perspective:none}
.workplace-visual::before{inset:-5%;width:110%;height:110%;background:radial-gradient(ellipse,#21cebb12,transparent 64%)}
.workplace-scene{display:block;width:100%;height:auto;max-width:560px;overflow:visible;isolation:isolate}
.workplace-scene [data-scene-packet]{filter:drop-shadow(0 0 4px #62f8d7)}
.workplace-brand-rim{transform-origin:355px 108px;transform-box:view-box;animation:none}
/* Local logo coordinates stay fixed while its original orbital mark turns. */
.workplace-brand .workplace-brand-rim{transform-origin:24px 14px;animation:workplace-rim 13.5s linear infinite;filter:drop-shadow(0 0 3px #22d3be70)}
.workplace-brand-triad{transform-origin:24px 14px;animation:workplace-rim 18s linear infinite reverse}
.workplace-brand-core{filter:drop-shadow(0 0 7px #d4af3755);animation:workplace-core 3.2s ease-in-out infinite}
.workplace-screen,.workplace-led,.workplace-window-light{animation:workplace-screen 5.4s ease-in-out infinite;animation-delay:var(--screen-delay,0s)}
.workplace-flow{animation:workplace-flow 5s linear infinite}
@keyframes workplace-rim{to{transform:rotate(360deg)}}
@keyframes workplace-core{0%,100%{filter:drop-shadow(0 0 3px #d4af3760)}50%{filter:drop-shadow(0 0 8px #d4af3785)}}
@keyframes workplace-screen{0%,100%{opacity:.65}50%{opacity:1}}
@keyframes workplace-flow{to{stroke-dashoffset:-156}}
.motion-paused .workplace-scene *,.motion-page-hidden .workplace-scene *,.motion-offscreen .workplace-scene *{animation-play-state:paused!important}
.connected-services{position:relative;padding:102px 0 96px!important;background:radial-gradient(ellipse at 70% 25%,#1b514214,transparent 59%),#090e17}
.connected-intro{position:relative;z-index:3;align-items:end;margin-bottom:88px;gap:65px}
.connected-intro h2{font-size:clamp(2.7rem,4.3vw,4.25rem);max-width:680px;margin:0}
.connected-intro .eyebrow{margin-bottom:23px}
.connected-intro>p{max-width:385px;color:#aab9c2;font-size:16px;line-height:1.8;margin:0 0 6px}
.service-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px 26px}
.service-tile{position:relative;z-index:3;display:block;min-width:0;min-height:315px;padding:31px 29px 32px;background:linear-gradient(135deg,#14232be8,#0e1822f5);border:1px solid #759ea327;border-radius:15px;box-shadow:0 14px 35px #0002,inset 0 1px 0 #c5e9e808;transition:border-color .4s,box-shadow .4s,background .4s;outline-offset:6px}
.service-port{position:absolute;top:-5px;left:calc(50% - 5px);width:10px;height:10px;border:2px solid #6b978e;border-radius:50%;background:#142d2b;box-shadow:0 0 0 5px #0b151c;transition:background .5s,border-color .5s,box-shadow .5s}
.service-tile.is-connected{border-color:#57bda340;box-shadow:0 18px 38px #0003,inset 0 1px 0 #ddfff309}
.service-tile.is-connected .service-port{background:#91f5d7;border-color:#bcffe9;box-shadow:0 0 0 5px #0b151c,0 0 15px #76f3c657}
.service-tile:hover,.service-tile:focus-visible{border-color:#73dcb871;background:linear-gradient(135deg,#1a3137f5,#112027);box-shadow:0 24px 46px #0004,inset 0 1px 0 #d9fff511}
.service-tile-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}
.icon-shell--tile{width:48px;height:48px;border-radius:13px;background:linear-gradient(140deg,#25453f,#142a32);border-color:#5cdcc535;box-shadow:inset 0 1px 0 #c5fff708,0 5px 15px #0002}
.icon-shell--tile .veltrio-icon{width:31px;height:31px}
.tile-arrow{font-size:23px;color:#92cbbb;transition:transform .25s}
.service-tile:hover .tile-arrow{transform:translate(3px,-3px)}
.tile-capability{font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#85cdb9;margin:0 0 15px}
.service-tile h3{font-size:25px;line-height:1.23;font-weight:600;letter-spacing:-.8px;max-width:290px;margin-bottom:19px;color:#edf6f3}
.tile-copy{font-size:14px;line-height:1.8;color:#a2b6bf;margin:0}
.connected-services .service-endnote{position:relative;z-index:3;margin-top:20px;padding-top:32px;color:#a8babb}
.page-connected #better-work{padding-top:98px;background:linear-gradient(130deg,#111e28,#0d1721)}
.page-connected .section-intro,.page-connected .outcome,.page-connected .principle-grid,.page-connected .faq-grid,.page-connected .closing-grid,.page-connected .closing-cta .eyebrow{position:relative;z-index:3}
.page-connected .outcome{border-color:#77b7a323;background:linear-gradient(145deg,#172831,#101b26)}
.page-connected .principle-section{background:radial-gradient(ellipse at 10% 30%,#23514120,transparent 65%),#101c27}

.connected-services{padding-top:58px!important}
.connected-intro{margin-bottom:72px}
@media(min-width:1600px){.workplace-hero{padding-top:78px}.workplace-visual{max-width:560px}.workplace-hero h1{font-size:90px}}
@media(max-width:1100px) and (min-width:721px){
 .workplace-hero{padding:46px 0 26px}
 .workplace-hero .home-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
 .workplace-hero h1{font-size:clamp(3.15rem,6vw,4.4rem)}
 .workplace-hero .hero-subtitle{font-size:19px}
 .workplace-hero .hero-lede{font-size:14px}
 .workplace-hero .hero-actions{gap:20px}
 .workplace-hero .hero-actions .btn{gap:18px}
 .workplace-hero .hero-actions .text-link{font-size:12px}
 .service-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 23px}
 .connected-intro{gap:40px}
}
@media(max-width:720px){
 .workplace-hero{padding:36px 0 0}
 .workplace-hero .home-hero-grid{display:flex;flex-direction:column;gap:0;align-items:stretch}
 .workplace-hero .home-hero-copy{padding:0}
 .workplace-hero h1{font-size:clamp(3.2rem,12vw,4.65rem);margin-bottom:23px}
 .workplace-hero .eyebrow{font-size:9px;letter-spacing:1.6px}
 .workplace-hero .hero-subtitle{font-size:19px;margin-bottom:18px}
 .workplace-hero .hero-lede{font-size:15px}
 .workplace-hero .hero-actions{gap:21px 24px;margin-top:27px}
 .workplace-visual{width:min(100%,320px);max-width:320px;margin:12px auto 0}
 .workplace-scene{max-width:320px}
 .connected-services{padding:36px 0 65px!important}
 .connected-intro{grid-template-columns:1fr;gap:24px;margin-bottom:64px}
 .connected-intro h2{font-size:39px;max-width:330px}
 .connected-intro>p{font-size:15px}
 .service-tile-grid{grid-template-columns:1fr;gap:42px}
 .service-tile{min-height:0;padding:29px 27px 31px}
 .service-tile-top{margin-bottom:27px}
 .service-tile h3{font-size:26px}
 .tile-copy{font-size:14px}
 .connected-services .service-endnote{align-items:start;flex-direction:column;gap:18px;padding-top:23px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .workplace-scene *{animation:none!important}
 .workplace-scene [data-scene-packet],.site-network .network-dot{display:none}
 .workplace-flow{display:none}.service-tile,.service-port{transition:none}
}

/* Final composition: compact architecture, purposeful fibres, discreet assistant. */
.workplace-hero{padding:42px 0 24px}
.workplace-hero .home-hero-grid{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.workplace-hero h1{font-size:clamp(3.5rem,5.2vw,5.3rem)}
.workplace-hero .home-hero-copy{padding:12px 0 18px}
.workplace-hero .fluid-field{opacity:.45}
.workplace-hero .hero-subtitle{font-size:21px}
.workplace-orbits{opacity:.55}
.connected-services{padding-top:35px!important}
.connected-intro{margin-bottom:62px}
.connected-intro h2{font-size:clamp(2.7rem,3.7vw,3.6rem)}
.connected-intro>p{font-size:15px}
.site-network .network-cable-base{stroke:#18504b;stroke-opacity:.25;stroke-width:3.2}
.site-network .network-cable-core{stroke-opacity:.17;stroke-width:.75}
.site-network .network-cable-live{stroke-opacity:.55;stroke-width:1.1}
.site-network .network-dot{filter:drop-shadow(0 0 3px #69f0c8)}
.workplace-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.workplace-scene{position:relative;z-index:2}
.workplace-rendered .workplace-fallback-building{visibility:hidden}
@media(max-width:1100px) and (min-width:721px){.workplace-hero{padding:35px 0 22px}.workplace-hero h1{font-size:clamp(3.15rem,5.8vw,4.25rem)}.workplace-hero .hero-subtitle{font-size:19px}}
@media(max-width:720px){.workplace-hero{padding:30px 0 0}.workplace-hero h1{font-size:clamp(3.2rem,12vw,4.65rem)}.workplace-hero .hero-subtitle{font-size:19px}.connected-services{padding-top:24px!important}.connected-intro h2{font-size:39px}.workplace-visual{max-width:320px}}

.brand-network{width:30px;height:30px;flex:0 0 30px;filter:drop-shadow(0 0 5px #22d3be25)}
.brand-network-rim{transform-origin:16px 16px;animation:workplace-rim 13.5s linear infinite}
.brand-network-triad{transform-origin:16px 16px;animation:workplace-rim 18s linear infinite reverse}
.motion-paused .brand-network *,.motion-page-hidden .brand-network *{animation-play-state:paused!important}
@media(max-width:720px){.brand-network{width:25px;height:25px;flex-basis:25px}.brand{gap:9px}}
@media(prefers-reduced-motion:reduce){.brand-network *{animation:none!important}}

@media(max-width:720px){.workplace-visual{width:min(100%,300px);max-width:300px}.workplace-scene{max-width:300px}}
@media(max-width:720px){}

/* Architecture and cable routes share the existing text composition. */
.workplace-visual{width:100%;max-width:390px;margin:0 auto}
.workplace-scene{max-width:none;overflow:visible}
.workplace-hero .fluid-field{opacity:.62}
.workplace-visual::before{background:radial-gradient(ellipse,#25c5b51a,transparent 66%)}
.site-network .network-cable-base{stroke:#24413f;stroke-opacity:.55;stroke-width:3.2}
.site-network .network-cable-core{stroke-opacity:.35;stroke-width:.8}
.site-network .network-cable-live{stroke-opacity:.7;stroke-width:1}
@media(min-width:1600px){.workplace-visual{max-width:420px}}
@media(max-width:1100px) and (min-width:721px){.workplace-visual{max-width:370px}}
@media(max-width:720px){
 .workplace-visual{width:min(100%,250px);max-width:250px;margin:9px auto 0}
 .workplace-scene{max-width:none}
}

/* Ten fibres remain continuous from architectural sockets to service ports. */
.site-network .network-cable-base{stroke:#18383f;stroke-opacity:.55;stroke-width:2.2}
.site-network .network-cable-core{stroke-opacity:.42;stroke-width:.6}
.site-network .network-cable-live{stroke-opacity:.82;stroke-width:.9;filter:drop-shadow(0 0 2px #5ee4cf35)}
.site-network .network-dot{filter:drop-shadow(0 0 3px #98fff2)}
.workplace-scene [data-scene-packet]{filter:drop-shadow(0 0 3px #acfff1)}
.workplace-hero{background:radial-gradient(ellipse at 77% 44%,#19647031,transparent 59%),#090e17}
.workplace-visual::before{background:radial-gradient(ellipse,#46d5d421,transparent 67%)}
@media(min-width:721px) and (max-height:780px){
 .workplace-hero{padding:22px 0 10px}
 .workplace-hero .home-hero-copy{padding:8px 0 10px}
 .workplace-hero .eyebrow{margin-bottom:20px}
 .workplace-hero h1{margin-bottom:21px}
 .workplace-hero .hero-subtitle{margin-bottom:15px}
 .workplace-hero .hero-actions{margin-top:25px}
 .workplace-visual{max-width:340px}
 .connected-services{padding-top:20px!important}
}
@media(max-width:720px){
 .workplace-hero{padding:12px 0 0}
 .workplace-hero .home-hero-copy{padding:0}
 .workplace-hero .eyebrow{margin-bottom:12px}
 .workplace-hero h1{margin-bottom:13px}
 .workplace-hero .hero-subtitle{margin-bottom:12px}
 .workplace-hero .hero-actions{margin-top:16px}
 .workplace-visual{width:min(100%,210px);max-width:210px;margin:4px auto 0}
 .connected-services{padding-top:24px!important}
}

/* One transparent atmosphere flows behind the architecture and service connections. */
.connected-main>.fluid-field{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:1;pointer-events:none}
.connected-main>.workplace-hero,.connected-main>.connected-services{background:transparent}
.connected-main>.workplace-hero{z-index:1}
.connected-main>section:not(.workplace-hero):not(.connected-services){position:relative;z-index:1}
.workplace-hero::after,.workplace-visual::before{display:none}

/* Keep the architectural visual close to the story on broad screens. */
@media(min-width:1281px){
 .workplace-hero .home-hero-grid{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:24px}
 .workplace-visual{max-width:460px;margin:0 0 0 24px;justify-self:start}
 .workplace-hero{padding-top:24px;padding-bottom:12px}
}

/* A visible service-card glimpse makes the first screen invite scrolling. */
@media(min-width:721px){
 .connected-services{padding-top:18px!important}
 .connected-services .connected-intro{margin-bottom:44px}
 .connected-intro .eyebrow{margin-bottom:14px}
}
@media(min-width:1281px) and (max-height:900px){
 .workplace-hero{padding:8px 0 0}
 .workplace-hero .home-hero-copy{padding:0}
 .workplace-visual{max-width:430px}
 .workplace-hero .eyebrow{margin-bottom:18px}
 .workplace-hero h1{margin-bottom:20px}
 .workplace-hero .hero-subtitle{margin-bottom:14px}
 .workplace-hero .hero-actions{margin-top:22px}
}
@media(min-width:721px) and (max-width:1280px) and (max-height:780px){
 .workplace-hero{padding:12px 0 0}
 .workplace-hero .home-hero-copy{padding:0}
 .workplace-hero .eyebrow{margin-bottom:14px}
 .workplace-hero h1{margin-bottom:18px}
 .workplace-hero .hero-subtitle{margin-bottom:12px}
 .workplace-hero .hero-actions{margin-top:20px}
}

@media(max-width:720px){
 .workplace-visual{width:min(100%,200px);max-width:200px}
 .connected-services{padding-top:12px!important}
 .connected-services .connected-intro .eyebrow{margin-bottom:14px}
}

.signal-core-triad{transform-origin:375px 225px;transform-box:view-box;animation:workplace-rim 24s linear infinite}

/* Keep service icons in view on short desktop windows and larger display scales. */
@media(min-width:1101px) and (max-height:720px){
 .page-home .nav{min-height:80px}
 .workplace-hero{padding:4px 0 0}
 .workplace-hero .home-hero-copy{padding:0}
 .workplace-hero h1{font-size:clamp(3.4rem,9.3vh,4.4rem);margin-bottom:12px}
 .workplace-hero .eyebrow{margin-bottom:10px}
 .workplace-hero .hero-subtitle{margin-bottom:10px}
 .workplace-hero .hero-actions{margin-top:16px}
 .workplace-visual{max-width:min(350px,49vh)}
 .connected-services{padding-top:10px!important}
 .connected-services .connected-intro{margin-bottom:44px}
 .connected-services .connected-intro .eyebrow{margin-bottom:10px}
 .connected-services .connected-intro h2{font-size:clamp(2.7rem,4vw,3.3rem)}
}

@media(min-width:1101px) and (max-height:680px){
 .workplace-hero h1{font-size:clamp(3.3rem,8.6vh,3.8rem);margin-bottom:8px}
 .workplace-hero .eyebrow{margin-bottom:8px}
 .workplace-hero .hero-subtitle{font-size:19px;margin-bottom:8px}
 .workplace-hero .hero-lede{font-size:15px}
 .workplace-hero .hero-actions{margin-top:12px}
 .workplace-visual{max-width:min(300px,47vh)}
 .connected-services .connected-intro>p{font-size:15px;line-height:1.6}
}

.brand-v-glint{animation:brand-v-light 11s linear infinite}
@keyframes brand-v-light{to{stroke-dashoffset:-143}}
@media(prefers-reduced-motion:reduce){.brand-v-glint{animation:none}}

/* A wider story and front-on equipment share the first screen. */
@media(min-width:1101px){
 .workplace-hero .home-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:28px;align-items:center}
 .workplace-hero .home-hero-copy{padding:0}
 .workplace-hero{padding:12px 0 0}
 .workplace-hero h1{font-size:clamp(4.3rem,5.9vw,6.1rem);line-height:1.01;letter-spacing:-.062em;margin-bottom:18px}
 .workplace-hero .eyebrow{margin-bottom:13px}
 .workplace-hero .hero-subtitle{font-size:24px;line-height:1.35;margin-bottom:13px}
 .workplace-hero .hero-lede{font-size:17px;line-height:1.65;max-width:575px}
 .workplace-hero .hero-actions{margin-top:22px}
 .workplace-visual{max-width:440px;width:100%;margin:0;justify-self:end}
 .connected-services{padding-top:20px!important}
 .connected-services .connected-intro{margin-bottom:44px}
}
@media(min-width:1101px) and (max-height:760px){
 .page-home .nav{min-height:80px}
 .workplace-hero{padding:6px 0 0}
 .workplace-hero h1{font-size:clamp(4rem,10.5vh,5.4rem);margin-bottom:12px}
 .workplace-hero .eyebrow{margin-bottom:10px}
 .workplace-hero .hero-subtitle{font-size:22px;margin-bottom:11px}
 .workplace-hero .hero-lede{font-size:16px;line-height:1.65;max-width:560px}
 .workplace-hero .hero-actions{margin-top:17px}
 .workplace-visual{max-width:410px}
 .connected-services{padding-top:14px!important}
}
@media(min-width:1101px) and (max-height:680px){
 .workplace-hero h1{font-size:clamp(3.7rem,10.2vh,4.4rem);margin-bottom:10px}
 .workplace-hero .hero-subtitle{font-size:21px;line-height:1.3;margin-bottom:10px}
 .workplace-hero .hero-actions{margin-top:14px}
 .workplace-visual{max-width:385px}
 .connected-services{padding-top:10px!important}
}
/* The V holds its form while a soft reflection flows along both arms. */
.brand-v-stop-start{animation:brand-v-tone-a 9s ease-in-out infinite alternate}
.brand-v-stop-mid{animation:brand-v-tone-b 9s ease-in-out infinite alternate}
.brand-v-stop-end{animation:brand-v-tone-c 9s ease-in-out infinite alternate}
@keyframes brand-v-tone-a{from{stop-color:#1cbeaf}to{stop-color:#60eddc}}
@keyframes brand-v-tone-b{from{stop-color:#82f7e6}to{stop-color:#21cbbb}}
@keyframes brand-v-tone-c{from{stop-color:#23d5c2}to{stop-color:#a5fff0}}
@media(prefers-reduced-motion:reduce){.brand-v-stop-start,.brand-v-stop-mid,.brand-v-stop-end{animation:none}}

@media(min-width:1101px){
 .connected-services .connected-intro .eyebrow{padding-top:0;font-size:14px;line-height:1.5}
 .connected-services .connected-intro>p{line-height:1.6}
 .connected-services .connected-intro{margin-bottom:40px}
}
@media(min-width:1101px) and (max-height:760px){
 .workplace-hero h1{font-size:clamp(4rem,11.6vh,5.6rem);margin-bottom:10px}
 .workplace-hero .hero-subtitle{line-height:1.27;margin-bottom:10px}
 .workplace-hero .hero-lede{line-height:1.5}
 .workplace-hero .hero-actions{margin-top:14px}
 .connected-services{padding-top:10px!important}
}
@media(min-width:1101px) and (max-height:680px){
 .workplace-hero h1{font-size:clamp(3.7rem,10.8vh,4.5rem);margin-bottom:8px}
 .workplace-hero .eyebrow{margin-bottom:7px}
 .workplace-hero .hero-subtitle{line-height:1.18;margin-bottom:8px}
 .workplace-hero .hero-actions{margin-top:12px}
 .connected-services{padding-top:6px!important}
}

@media(min-width:1101px){.workplace-visual{justify-self:start}}

@media(min-width:1101px) and (max-height:680px){.workplace-hero{padding-top:0}.connected-services{padding-top:2px!important}}

@media(max-width:720px){.workplace-visual{width:min(100%,190px);max-width:190px}}

/* Services follow the hero directly, with clearance for the cable bends. */
.page-connected .connected-services{padding-top:62px!important}
@media(max-width:720px){.page-connected .connected-services{padding-top:58px!important}}

.workplace-led{animation:switch-traffic var(--traffic-cycle,3s) linear infinite;animation-delay:var(--screen-delay,0s)}
@keyframes switch-traffic{0%,7%,14%,33%,46%,52%,77%,100%{opacity:.3}8%,10%,16%,19%,36%,39%,48%,50%,80%,84%{opacity:1}}
.rack-v-beam{animation:rack-v-beam 2.8s linear infinite}
@keyframes rack-v-beam{0%{transform:translateX(0);opacity:0}8%{opacity:1}52%{transform:translateX(132px);opacity:1}58%,100%{transform:translateX(132px);opacity:0}}
@media(prefers-reduced-motion:reduce){.workplace-led,.rack-v-beam{animation:none}.workplace-led{opacity:.7}.rack-v-beam{opacity:0}}

@media(max-width:720px){.page-connected .connected-services{padding-top:90px!important}}

.rack-current{animation:rack-current var(--rack-current-speed,1s) linear infinite;animation-delay:var(--rack-phase,0s);filter:drop-shadow(0 0 1.5px #66e8ce66)}
@keyframes rack-current{to{stroke-dashoffset:-12}}
@media(prefers-reduced-motion:reduce){.rack-current{animation:none;stroke-dasharray:none}}

/* Restore the restrained physical patch-cord appearance. */
.rack-current{animation:none;stroke-dasharray:none;stroke:#397668;stroke-opacity:.55;stroke-width:.5;filter:none}

/* A continuous polished reflection travels through the fixed V. */
.brand-network{width:34px;height:34px;flex-basis:34px;overflow:visible;filter:drop-shadow(0 0 5px #29d9c940)}
.brand-v-sheen{animation:brand-v-reflection 4.4s linear infinite;will-change:transform}
.brand-v-glint{animation:brand-v-light 4.4s linear infinite;opacity:.9}
@keyframes brand-v-reflection{from{transform:translateX(0)}to{transform:translateX(240px)}}
@keyframes brand-v-light{to{stroke-dashoffset:-139}}
.brand-v-stop-start,.brand-v-stop-mid,.brand-v-stop-end{animation-duration:4.4s}
@media(max-width:720px){.brand-network{width:28px;height:28px;flex-basis:28px}}
@media(prefers-reduced-motion:reduce){.brand-v-sheen,.brand-v-glint,.brand-v-stop-start,.brand-v-stop-mid,.brand-v-stop-end{animation:none}.brand-v-sheen{opacity:0}}

/* Colour and light only: deeper graphite, electric teal and clean specular whites. */
:root{--ink:#070c13;--ink-elevated:#0d1a25;--ink-card:#11222d;--white:#ffffff;--paper:#0d1a25;--teal:#24e6cc;--teal-dim:#24e6cc1f;--gold:#deb84c;--muted:#c4d1dc;--muted-soft:#96aebf;--line:#6cf0d433;--ink-border:var(--line)}
body,.connected-main,.faq-section{background-color:#070c13}
.site-header{background:#070c13ed;border-color:#78f4df2e;box-shadow:0 6px 30px #0005}
.site-footer{background:#05090f;border-color:#6ce8d42b}
h1,h2,h3,.workplace-hero .hero-subtitle,.service-tile h3,.card h3,.panel h3,.form-card h2,.form-card h3{color:#ffffff}
h1,h2{text-shadow:0 1px 0 #0006,0 0 22px #effffb05}
.home-hero h1 em,.workplace-hero h1 em{color:#28f1d2;-webkit-text-fill-color:#28f1d2;text-shadow:0 0 24px #25e5c923}
.hero-lede,.workplace-hero .hero-lede,.page-hero p,.tile-copy,.card p,.panel p,.outcome p,.section-light p,.principle-section p,.cta-band p,.closing-cta p{color:#c2d0db}
.eyebrow,.process-label,.text-link,.tile-capability,.footer-phone,.section-light .eyebrow,.principle-section .eyebrow,.closing-cta .eyebrow,.cta-band .eyebrow,.page-hero .eyebrow,.founder-panel .eyebrow{color:#66f5db}
.nav-links a:hover,.nav-links a[aria-current=page],.footer-links a:hover,.footer-phone:hover{color:#9cffe9}
.nav-dropdown,.nav-links.is-open{background:#0d1b28f7;border-color:#76eed344}
.btn-primary,.nav-links .nav-cta,.closing-cta .btn,.cta-band .btn-primary{background:linear-gradient(135deg,#80ffe5 0%,#30ead1 44%,#16cdbb 100%);color:#041915;border-color:#a6ffe9;box-shadow:0 0 27px #25e1c629,0 9px 24px #0005,inset 0 1px 0 #f1fffba3}
.btn-primary:hover,.nav-links .nav-cta:hover,.closing-cta .btn:hover,.cta-band .btn-primary:hover{background:linear-gradient(135deg,#b2ffef,#40efd0);color:#041915;border-color:#d3fff5;box-shadow:0 0 34px #2ee7c735,0 12px 26px #0005,inset 0 1px 0 #ffffffb3}
.nav-links .nav-cta[aria-current=page],.nav-links .nav-cta[aria-current=page]:hover{color:#041915}
.btn-ghost{background:#10253155;border-color:#a9d9d34f;color:#f5fffc}.btn-ghost:hover{background:#1edcc810;border-color:#7bffe0;color:#afffeb}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#a1ffe4}
.page-hero{background:radial-gradient(ellipse at 82% 35%,#1adac51c,transparent 60%),radial-gradient(ellipse at 6% 3%,#26c4be14,transparent 62%),#070c13;border-color:#64ebd52f}
.section-light{background:linear-gradient(130deg,#11232d,#0a141f);border-color:#6ee9d426}
body:not(.page-home) .surface{background:linear-gradient(135deg,#10222e,#0a1521);border-color:#63e6cb30}
.principle-section,.page-connected .principle-section{background-color:#0a1721;border-color:#61e5c932}
.closing-cta,.cta-band{background:radial-gradient(ellipse at 84% 85%,#2ee3bf16,transparent 54%),linear-gradient(120deg,#142b38,#08131f);border-color:#76f5d64a}
.card,.panel,.form-card,.outcome,.page-connected .outcome{background:linear-gradient(145deg,#172b37,#0c1824);border-color:#7beed343;box-shadow:0 18px 40px #0004,inset 0 1px 0 #eefff81a}
.card:hover,.outcome:hover{border-color:#88ffdf82;box-shadow:0 20px 38px #0005,0 0 26px #22e0c313,inset 0 1px 0 #eefff825}
.service-tile{background:linear-gradient(135deg,#142a30ed,#0b1722f5);border-color:#87e9d348;box-shadow:0 14px 35px #0004,inset 0 1px 0 #e1fff01d}
.service-tile.is-connected{border-color:#6ae8c958;box-shadow:0 18px 38px #0004,inset 0 1px 0 #edfff320}
.service-tile:hover,.service-tile:focus-visible{background:linear-gradient(135deg,#1b343bf5,#101f2a);border-color:#9bffe4a6;box-shadow:0 24px 46px #0005,0 0 24px #32e0bf14,inset 0 1px 0 #f0fff533}
.service-tile.is-connected .service-port{background:#b5ffe7;border-color:#e0fff3;box-shadow:0 0 0 5px #070c13,0 0 15px #77ffca59}
.icon-shell,.icon-shell--tile{background:linear-gradient(140deg,#244951,#102531);border-color:#83ffdf44;box-shadow:inset 0 1px 0 #dcfff12e,0 5px 15px #0003}
.pill{background:#10352f66;border-color:#61edcf4d;color:#dcfff3}
.form-card input,.form-card textarea,.form-card select{background:#070e17;border-color:#87c9c259;color:#ffffff}
.form-card input::placeholder,.form-card textarea::placeholder{color:#9eb3c6}
.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:#85ffe0;box-shadow:0 0 0 3px #25e1c623}

/* The fluid V is the first letter of the name, aligned to its capitals. */
.site-header .brand-name-integrated{display:inline-flex;align-items:baseline;gap:1px;line-height:1}
.site-header .brand-name-integrated .brand-network{width:.81em;height:.75em;flex:0 0 .81em;overflow:visible}