:root{
  --bg:#070910;--bg-2:#0a0d16;--panel:#101521;--panel-2:#141b29;--panel-3:#0d121d;
  --text:#f5f7fb;--muted:#98a2b3;--muted-2:#687387;--line:rgba(255,255,255,.085);
  --blue:#5b8cff;--cyan:#35c2ff;--violet:#7c5cff;--green:#4fd1a5;--warning:#f4b860;
  --shadow:0 30px 90px rgba(0,0,0,.42);--radius:22px;--max:1180px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{max-width:100%}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.section{position:relative;padding:112px 0}
.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}
.bg-grid{position:absolute;inset:0 0 auto;height:900px;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black 0%,transparent 72%)}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;background:rgba(7,9,16,.55);backdrop-filter:blur(18px);transition:.25s}
.site-header.scrolled{border-color:var(--line);background:rgba(7,9,16,.82)}
.nav{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}
.brand{display:inline-flex;align-items:center;gap:12px;width:max-content}
.brand-mark{width:38px;height:38px}
.brand span{display:flex;flex-direction:column;line-height:1.05}.brand b{font-size:14px}.brand small{font-size:10px;color:var(--muted);margin-top:5px}
.nav-links{display:flex;gap:28px;color:#b5bfd1;font-size:13px}.nav-links a:hover,.nav-secondary:hover{color:white}
.nav-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px}.nav-secondary{font-size:13px;color:#aeb8ca}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:13px 18px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.2s ease;cursor:pointer}
.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#5b8cff,#775fff);box-shadow:0 10px 35px rgba(91,140,255,.26);color:#fff}.btn-primary:hover{box-shadow:0 14px 45px rgba(91,140,255,.35)}
.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.025);color:#d8deeb}.btn-secondary:hover{background:rgba(255,255,255,.055)}
.btn-sm{padding:9px 14px;font-size:12px}.btn-lg{padding:15px 22px}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.menu-btn{display:none;border:0;background:transparent;padding:7px}.menu-btn span{display:block;width:22px;height:2px;background:white;margin:4px;border-radius:2px}
.hero{min-height:770px;padding-top:110px;display:flex;align-items:center}
.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:58px}
.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.15em;color:#91b4ff}.eyebrow{display:flex;align-items:center;gap:8px}
.pulse,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(79,209,165,.4);animation:pulse 2.4s infinite}
.hero h1{font-size:clamp(52px,6.1vw,86px);line-height:.98;letter-spacing:-.062em;margin:20px 0 24px;font-weight:800}.hero h1 span{background:linear-gradient(90deg,#fff 10%,#8fb1ff 50%,#b09aff 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:600px;margin:0 0 31px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.early-chip{display:inline-flex;align-items:center;gap:8px;color:#aab4c7;font-size:12px;margin-top:25px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(110px);opacity:.2;pointer-events:none}.glow-a{width:480px;height:420px;background:#2f67ff;right:7%;top:12%}.glow-b{width:360px;height:340px;background:#6e35ff;right:31%;top:22%;opacity:.12}
.hero-app-wrap{position:relative;perspective:1500px}.halo{position:absolute;width:85%;height:72%;left:10%;top:13%;background:radial-gradient(circle,rgba(90,130,255,.24),transparent 66%);filter:blur(35px)}
.app-window{position:relative;background:linear-gradient(180deg,#111724,#0a0f19);border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;box-shadow:0 55px 120px rgba(0,0,0,.55),0 0 0 1px rgba(91,140,255,.035) inset;transform:rotateY(-5deg) rotateX(1deg);transition:transform .2s ease}
.app-titlebar{height:46px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px;color:#7f8aa0;font-size:10px;background:rgba(255,255,255,.012)}
.window-controls{display:flex;gap:6px}.window-controls i{width:7px;height:7px;border-radius:50%;background:#3a455a}.titlebar-actions{justify-self:end;display:flex;gap:7px}.titlebar-actions span{width:13px;height:5px;border-radius:4px;background:#273044}
.app-body{display:grid;grid-template-columns:58px 1fr;min-height:470px}.app-sidebar{border-right:1px solid var(--line);padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:11px;background:#0a0f19}.app-logo img{width:31px;height:31px}.side-link{width:35px;height:35px;border:0;border-radius:9px;background:transparent;color:#66738a;cursor:default}.side-link.active{color:#8eacff;background:rgba(91,140,255,.1)}.side-bottom{margin-top:auto}
.app-content{padding:22px}.app-header{display:flex;justify-content:space-between;align-items:center}.app-kicker{font-size:9px;letter-spacing:.12em;color:#68738b;margin:0 0 3px}.app-header h3{font-size:18px;margin:0}.app-status{font-size:9px;color:#75d8b7;padding:5px 8px;border:1px solid rgba(79,209,165,.17);background:rgba(79,209,165,.045);border-radius:999px}.app-status span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:4px}
.device-list{display:grid;gap:9px;margin-top:18px}.device-row{display:grid;grid-template-columns:34px 1.4fr .65fr .55fr .6fr;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018)}.device-row.muted{opacity:.55}.device-avatar{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#1b2b4b,#1c1d42);font-size:10px;color:#9ab9ff;font-weight:700}.device-meta b,.device-meta small{display:block}.device-meta b{font-size:10px}.device-meta small{font-size:8px;color:#78849b}.latency{font-size:8px;color:#9aa6ba}.latency span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6b9dff;margin-right:4px}.latency.good span{background:#62d3aa}.latency.offline span{background:#596273}.device-online,.device-offline{font-size:8px;color:#68d9b0}.device-offline{color:#8993a7}.device-row button{border:0;border-radius:7px;background:#3e67c6;color:#fff;font-size:8px;padding:7px 8px}.device-row button[disabled]{background:#273044}
.app-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.mini-panel{padding:13px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.015)}.panel-head{display:flex;justify-content:space-between;font-size:9px}.panel-head small{color:#68748a}.timeline{display:flex;align-items:center;gap:8px;margin-top:10px}.timeline i{width:6px;height:6px;border-radius:50%;background:#6b91ff}.timeline p{margin:0}.timeline b,.timeline span{display:block;font-size:8px}.timeline span{color:#6f7b91;margin-top:2px}.chart svg{width:100%;height:75px;margin-top:4px}
.floating-badge{position:absolute;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:rgba(13,18,29,.82);backdrop-filter:blur(14px);font-size:9px;color:#aeb8ca;box-shadow:var(--shadow)}.floating-badge span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}.badge-1{left:-28px;bottom:45px}.badge-2{right:-18px;top:62px}
.trust-strip{border-block:1px solid var(--line);background:rgba(255,255,255,.013)}.trust-grid{min-height:78px;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:10px}.trust-grid div{display:flex;align-items:center;justify-content:center;gap:8px;color:#6f7d95;font-size:11px;white-space:nowrap}.trust-grid span{color:#9da8bb}
.section-heading{max-width:720px;margin-bottom:45px}.section-heading h2{font-size:clamp(37px,4.5vw,58px);line-height:1.05;letter-spacing:-.045em;margin:12px 0 16px}.section-heading p{color:var(--muted);font-size:16px;max-width:650px}.section-heading.center{text-align:center;margin-inline:auto}.section-heading.center p{margin-inline:auto}
.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(260px,auto);gap:16px}.bento-card{position:relative;grid-column:span 4;border:1px solid var(--line);border-radius:var(--radius);padding:26px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));box-shadow:0 20px 50px rgba(0,0,0,.13);transition:.25s}.bento-card:hover{transform:translateY(-3px);border-color:rgba(108,145,255,.22)}.bento-card.large{grid-column:span 8;grid-row:span 2;min-height:536px}.bento-card.wide{grid-column:span 8}.card-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(91,140,255,.09);color:#9bb5ff;margin-bottom:21px}.card-copy h3{font-size:19px;margin:0 0 8px}.card-copy p{color:var(--muted);font-size:13px;margin:0;max-width:430px}
.screen-preview{position:absolute;left:30px;right:30px;bottom:-7px;height:300px;border:1px solid rgba(255,255,255,.1);border-radius:14px 14px 0 0;background:#080c14;box-shadow:0 30px 60px rgba(0,0,0,.35)}.preview-bar{height:28px;border-bottom:1px solid var(--line);display:flex;gap:5px;align-items:center;padding:0 10px}.preview-bar span{width:6px;height:6px;border-radius:50%;background:#39445a}.preview-body{padding:9px;height:calc(100% - 28px)}.wallpaper{position:relative;height:100%;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 72% 30%,#294677 0,#16253f 23%,#0e1727 55%,#080d16 100%)}.wall-orb{position:absolute;width:140px;height:140px;border:22px solid rgba(104,121,255,.22);border-radius:50%;top:42px;left:43%;filter:blur(.3px)}.taskbar{position:absolute;bottom:0;left:0;right:0;height:25px;background:rgba(10,14,22,.78);display:flex;gap:8px;justify-content:center;align-items:center}.taskbar i{width:11px;height:11px;border-radius:3px;background:#354762}
.monitor-demo{display:flex;align-items:end;justify-content:center;height:110px;margin-top:20px;gap:10px}.monitor{width:90px;height:59px;border:1px solid #32405b;border-radius:7px;display:grid;place-items:center;color:#6f7f9f;background:linear-gradient(135deg,#11192a,#0c1220);box-shadow:0 12px 24px rgba(0,0,0,.25)}.monitor.primary{width:110px;height:73px;color:#91aaff;border-color:#4d65a0;background:radial-gradient(circle at 60% 40%,#1a315d,#10182a)}
.transfer-demo{margin-top:28px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#0b1019}.transfer-demo>div:first-child{display:flex;justify-content:space-between;font-size:9px}.transfer-demo b{color:#95adff}.progress{height:5px;background:#1b2536;border-radius:6px;margin:10px 0;overflow:hidden}.progress i{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--blue),var(--violet));border-radius:6px}.transfer-demo small{color:#647086;font-size:8px}
.session-table{margin-top:24px;border-top:1px solid var(--line)}.session-table div{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:9px;color:#9aa7ba}.session-table div span:first-child{color:#d8deea}.pill{padding:4px 7px;border:1px solid var(--line);border-radius:999px}.pill.success{color:#6fddb6;border-color:rgba(79,209,165,.18);background:rgba(79,209,165,.04)}
.clipboard-demo{margin-top:26px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#0a0f19}.clipboard-demo span{display:block;color:#707d93;font-size:8px;margin-bottom:7px}.clipboard-demo code{font-size:9px;color:#bfd0ff}
.metrics{display:flex;justify-content:space-between;margin-top:27px;padding-top:19px;border-top:1px solid var(--line)}.metrics b,.metrics span{display:block}.metrics b{font-size:18px}.metrics span{font-size:7px;color:#6d788e}
.connection-section{background:linear-gradient(180deg,rgba(255,255,255,.013),transparent);border-block:1px solid var(--line)}.connection-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.connection-visual{display:grid;grid-template-columns:170px 1fr 170px;align-items:center}.node{padding:22px 14px;border:1px solid var(--line);border-radius:16px;text-align:center;background:#0c111b;box-shadow:var(--shadow)}.node img{width:38px}.node b,.node small{display:block}.node b{font-size:11px;margin-top:10px}.node small{font-size:8px;color:#728096;margin-top:4px}.shield-mini{font-size:28px;color:#83a6ff}.connection-line{height:2px;background:linear-gradient(90deg,#31405d,#5f82dd,#31405d);position:relative}.packet{position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;background:#8ca8ff;box-shadow:0 0 18px #6f91ff;animation:packet 3s linear infinite}.p2{animation-delay:1.5s}.line-labels{position:absolute;left:0;right:0;top:13px;display:flex;justify-content:space-around;color:#5f6d83;font-size:7px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.step{padding:28px 28px 0 0;position:relative}.step:not(:last-child):after{content:"";position:absolute;right:0;top:28px;width:1px;height:80px;background:var(--line)}.step>span{font-size:10px;color:#7597ee}.step h3{font-size:18px;margin:13px 0 7px}.step p{font-size:12px;color:var(--muted);max-width:230px}
.security{border-block:1px solid var(--line);background:radial-gradient(circle at 82% 44%,rgba(77,109,215,.11),transparent 30%),#080b13}.security-grid{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center}.security-list{display:grid;gap:10px;margin-top:28px}.security-list>div{display:grid;grid-template-columns:26px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.security-list>div>span{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:rgba(79,209,165,.07);color:var(--green);font-size:9px}.security-list p{margin:0}.security-list b,.security-list small{display:block}.security-list b{font-size:12px}.security-list small{color:#738096;font-size:9px;margin-top:3px}.security-list em{font-style:normal;color:#6d7a91;font-size:8px;border:1px solid var(--line);border-radius:999px;padding:4px 7px}
.security-visual{position:relative;height:470px;display:grid;place-items:center}.secure-core{position:relative;z-index:2;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;text-align:center;align-content:center;background:radial-gradient(circle,#162444,#0d1421 65%);border:1px solid rgba(102,135,233,.24);box-shadow:0 0 80px rgba(62,100,215,.13)}.shield-shape{font-size:42px;color:#8aa7ff}.secure-core b{font-size:12px;margin-top:8px}.secure-core small{font-size:8px;color:#6f7b91}.secure-orbit{position:absolute;border:1px dashed rgba(109,137,223,.21);border-radius:50%}.orbit-1{width:310px;height:310px;animation:spin 18s linear infinite}.orbit-2{width:420px;height:420px;animation:spin 24s linear infinite reverse}.identity-node{position:absolute;width:48px;height:48px;border-radius:14px;border:1px solid var(--line);display:grid;place-items:center;font-size:9px;color:#92a8e7;background:#0d1422;box-shadow:0 15px 35px rgba(0,0,0,.25)}.node-a{top:45px;left:80px}.node-b{right:50px;top:150px}.node-c{bottom:38px;left:120px}
.telemetry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.metric-card>span{font-size:9px;color:#728097;text-transform:uppercase;letter-spacing:.12em}.metric-card b{display:block;font-size:38px;letter-spacing:-.04em;margin-top:6px}.metric-card b small{font-size:12px;color:#6f7b91;margin-left:4px}.spark{height:45px;display:flex;align-items:end;gap:4px;margin-top:15px}.spark i{flex:1;border-radius:3px 3px 0 0;background:#293c6a}.spark i:nth-child(1){height:25%}.spark i:nth-child(2){height:45%}.spark i:nth-child(3){height:37%}.spark i:nth-child(4){height:65%}.spark i:nth-child(5){height:54%}.spark i:nth-child(6){height:78%}.spark i:nth-child(7){height:68%}.gauge{height:5px;background:#1c2638;border-radius:999px;margin-top:37px}.gauge i{display:block;width:76%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--violet))}
.device-console{display:grid;grid-template-columns:250px 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#0a0f18;box-shadow:var(--shadow)}.console-sidebar{padding:30px;border-right:1px solid var(--line);background:#0c111b}.console-device-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#294a83,#342d68);display:grid;place-items:center;color:#b4c7ff;font-weight:700}.console-sidebar h3{margin:14px 0 4px;font-size:17px}.online-pill{font-size:9px;color:#69d7af}.console-sidebar dl{margin-top:28px}.console-sidebar dl div{padding:12px 0;border-top:1px solid var(--line)}dt{font-size:8px;color:#69768c}dd{font-size:10px;margin:3px 0 0}.console-main{padding:22px}.console-top{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.resource-card{padding:14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.012)}.resource-card span{font-size:8px;color:#6e7b91}.resource-card b{display:block;font-size:15px;margin:3px 0 10px}.bar{height:4px;background:#182234;border-radius:5px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#557dff,#795ef3);border-radius:5px}.console-bottom{display:grid;grid-template-columns:1.4fr .6fr;gap:10px;margin-top:10px}.remote-preview,.event-panel{border:1px solid var(--line);border-radius:11px;overflow:hidden}.remote-topbar{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line);font-size:8px}.remote-topbar small{color:#6c788d}.remote-screen{height:235px;position:relative;background:radial-gradient(circle at 68% 36%,#27477c,#142440 32%,#0b1320 70%);overflow:hidden}.remote-orb{position:absolute;width:150px;height:150px;border:25px solid rgba(113,104,255,.18);border-radius:50%;left:42%;top:38px}.taskbar.thin{height:21px}.event-panel ul{list-style:none;margin:0;padding:9px 12px}.event-panel li{display:flex;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.event-panel li:last-child{border-bottom:0}.event-panel li i{width:6px;height:6px;border-radius:50%;background:#647fd1}.event-panel li span{display:flex;justify-content:space-between;gap:10px;width:100%}.event-panel b{font-size:8px}.event-panel small{font-size:7px;color:#67748a}
.development-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center;padding:40px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(130deg,#0d1421,#0c0f18);box-shadow:var(--shadow)}.development-card h2{font-size:34px;letter-spacing:-.04em;margin:10px 0}.development-card p{color:var(--muted);font-size:13px;max-width:470px}.roadmap{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;align-items:center}.roadmap-item{text-align:center}.roadmap-item>span{display:block;width:17px;height:17px;border-radius:50%;margin:auto;background:#252f42;border:4px solid #111825}.roadmap-item.done>span,.roadmap-item.active>span{background:var(--green);box-shadow:0 0 18px rgba(79,209,165,.25)}.roadmap-item p{margin:8px 0 0}.roadmap-item b,.roadmap-item small{display:block}.roadmap-item b{font-size:8px;color:#cbd3e1}.roadmap-item small{font-size:7px;color:#66738a;margin-top:2px}.roadmap-line{height:1px;background:#283348}.roadmap-line.active{background:linear-gradient(90deg,var(--green),#506cae)}
.download-section{padding-top:40px}.download-card{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:40px;padding:54px;border:1px solid rgba(102,133,235,.2);border-radius:26px;background:linear-gradient(135deg,#0f192d,#15132b);box-shadow:var(--shadow)}.download-card h2{font-size:42px;line-height:1.08;letter-spacing:-.04em;max-width:680px;margin:12px 0}.download-card p{color:#8793a8}.download-actions{text-align:center;min-width:260px}.download-actions .link-row{display:flex;justify-content:center;gap:13px;margin-top:12px}.download-actions .link-row a{font-size:9px;color:#8491a6}.download-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:#4f62ff;filter:blur(100px);opacity:.12;right:4%;top:-60%}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:19px 0;font-size:14px;font-weight:650;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:0;color:#70809b;font-size:18px;font-weight:400}details[open] summary:after{content:"−"}details p{margin:0 0 18px;color:var(--muted);font-size:12px;max-width:660px}
footer{border-top:1px solid var(--line);padding:60px 0 25px;background:#06080d}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}.footer-brand p{color:#707d93;font-size:11px;margin-top:15px}.footer-col h4{font-size:10px;margin:0 0 15px}.footer-col a{display:block;color:#758298;font-size:10px;margin:9px 0}.footer-col a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:40px;padding-top:20px;color:#59657a;font-size:9px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(79,209,165,.4)}70%{box-shadow:0 0 0 8px rgba(79,209,165,0)}100%{box-shadow:0 0 0 0 rgba(79,209,165,0)}}
@keyframes packet{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){
  .nav{grid-template-columns:1fr auto}.nav-links{display:none}.nav-actions{display:flex}
  .hero-grid,.security-grid,.connection-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero-app-wrap{max-width:850px;margin:auto}.hero{padding-top:90px}.trust-grid{grid-template-columns:repeat(3,1fr);padding:14px 0}
  .connection-visual{max-width:760px}.bento-card{grid-column:span 6}.bento-card.large,.bento-card.wide{grid-column:span 12}.telemetry-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}
  .development-card{grid-template-columns:1fr}.roadmap{margin-top:10px}.footer-grid{grid-template-columns:1.4fr repeat(3,.7fr)}
}
@media(max-width:760px){
  .container{width:min(100% - 28px,var(--max))}.section{padding:82px 0}
  .menu-btn{display:block;justify-self:end}.nav-actions{display:none}.nav{grid-template-columns:1fr auto}
  .nav-links{position:absolute;display:none;top:68px;left:14px;right:14px;flex-direction:column;background:#0b1019;border:1px solid var(--line);border-radius:15px;padding:16px}.nav-links.open{display:flex}
  .hero{min-height:auto;padding-top:82px}.hero-grid{gap:48px}.hero h1{font-size:54px}.hero-lead{font-size:16px}.app-window{transform:none}.floating-badge{display:none}
  .app-body{grid-template-columns:48px 1fr}.app-content{padding:14px}.device-row{grid-template-columns:30px 1fr auto}.device-row .latency,.device-row .device-online,.device-row .device-offline{display:none}.app-bottom-grid{grid-template-columns:1fr}
  .trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid div{justify-content:flex-start}
  .bento{display:block}.bento-card,.bento-card.large,.bento-card.wide{margin-bottom:14px;min-height:250px}.bento-card.large{min-height:490px}
  .connection-visual{grid-template-columns:1fr;gap:24px}.connection-line{height:120px;width:2px;margin:auto}.line-labels{display:none}.packet{left:-3px;top:0;animation:packetVertical 3s linear infinite}
  .steps{grid-template-columns:1fr 1fr}.step{padding:24px 18px 24px 0}.step:not(:last-child):after{display:none}
  .telemetry-grid{grid-template-columns:1fr 1fr}.device-console{grid-template-columns:1fr}.console-sidebar{border-right:0;border-bottom:1px solid var(--line)}.console-top{grid-template-columns:1fr}.console-bottom{grid-template-columns:1fr}.remote-screen{height:190px}
  .roadmap{grid-template-columns:1fr;gap:8px}.roadmap-line{height:22px;width:1px;margin:auto}.download-card{padding:34px;flex-direction:column;align-items:flex-start}.download-card h2{font-size:34px}.download-actions{min-width:0;text-align:left}.download-actions .link-row{justify-content:flex-start}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:9px}
}
@media(max-width:480px){
  .hero h1{font-size:46px}.section-heading h2{font-size:36px}.trust-grid{grid-template-columns:1fr}.telemetry-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.download-card h2{font-size:30px}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.app-window{transform:none!important}
}
@keyframes packetVertical{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:calc(100% - 8px);opacity:0}}


/* DevTechSkills services */
.business-services{
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 10% 12%,rgba(91,140,255,.09),transparent 26%),
    linear-gradient(180deg,rgba(255,255,255,.006),transparent);
}
.services-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:32px;
}
.services-location{
  margin-bottom:45px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:10px;
  color:#aab5c8;
  background:rgba(255,255,255,.02);
  white-space:nowrap;
}
.services-feature-grid{
  display:grid;
  gap:16px;
}
.service-feature{
  position:relative;
  min-height:340px;
  display:grid;
  grid-template-columns:70px 1.15fr .85fr;
  align-items:center;
  gap:28px;
  padding:34px;
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(145deg,#0d131f,#0a0f18);
  box-shadow:0 22px 55px rgba(0,0,0,.16);
}
.service-feature:before{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  right:-70px;
  top:-100px;
  border-radius:50%;
  filter:blur(90px);
  opacity:.1;
  background:#5b8cff;
}
.service-cabling:before{background:#35c2ff}
.service-support:before{background:#7c5cff}
.service-number{
  align-self:start;
  color:#3e4d67;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  padding-top:4px;
}
.service-icon-large{
  display:none;
}
.service-copy{
  position:relative;
  z-index:2;
}
.service-label{
  color:#7ea2f8;
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em;
}
.service-copy h3{
  font-size:36px;
  letter-spacing:-.04em;
  margin:8px 0 10px;
}
.service-copy>p{
  margin:0 0 20px;
  color:var(--muted);
  font-size:13px;
  max-width:620px;
}
.service-copy ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px 16px;
}
.service-copy li{
  position:relative;
  padding-left:15px;
  color:#aab4c6;
  font-size:10px;
}
.service-copy li:before{
  content:"";
  position:absolute;
  left:0;
  top:.65em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#6d93f4;
  box-shadow:0 0 12px rgba(91,140,255,.35);
}
.network-visual,.rack-visual,.support-visual{
  position:relative;
  min-height:240px;
}
.network-visual{
  display:grid;
  place-items:center;
}
.net-node{
  position:absolute;
  width:52px;
  height:52px;
  border:1px solid rgba(123,153,238,.2);
  border-radius:15px;
  display:grid;
  place-items:center;
  background:#0d1421;
  color:#91abef;
  font-size:9px;
  font-weight:800;
  box-shadow:0 14px 35px rgba(0,0,0,.22);
  z-index:2;
}
.net-node.core{
  width:76px;
  height:76px;
  border-color:rgba(91,140,255,.32);
  background:radial-gradient(circle,#17284c,#0d1421 70%);
  color:#c0d0ff;
}
.net-node.n1{left:12%;top:14%}
.net-node.n2{right:9%;top:12%}
.net-node.n3{left:15%;bottom:10%}
.net-node.n4{right:11%;bottom:12%}
.network-visual .line{
  position:absolute;
  left:50%;
  top:50%;
  height:1px;
  width:38%;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(91,140,255,.55),rgba(91,140,255,.08));
}
.network-visual .l1{transform:rotate(-145deg)}
.network-visual .l2{transform:rotate(-35deg)}
.network-visual .l3{transform:rotate(145deg)}
.network-visual .l4{transform:rotate(35deg)}
.rack-visual{
  display:grid;
  place-items:center;
}
.rack{
  width:190px;
  padding:14px;
  border:1px solid #27334a;
  border-radius:12px;
  background:#090e16;
  box-shadow:0 24px 50px rgba(0,0,0,.28);
}
.rack>span{
  display:block;
  height:17px;
  margin:7px 0;
  border:1px solid #252f42;
  border-radius:4px;
  background:#111824;
}
.patch-panel{
  display:flex;
  gap:7px;
  align-items:center;
  padding:10px;
  margin:8px 0;
  border:1px solid #2f4260;
  border-radius:5px;
  background:#121c2b;
}
.patch-panel i{
  width:14px;
  height:10px;
  border-radius:2px;
  background:#375279;
}
.cable-path{
  position:absolute;
  width:110px;
  height:80px;
  border:2px solid transparent;
  border-right-color:#3d6ea7;
  border-bottom-color:#3d6ea7;
  border-radius:0 0 24px 0;
  opacity:.45;
}
.cable-path.c1{right:3%;top:17%}
.cable-path.c2{left:2%;bottom:14%;transform:rotate(180deg)}
.support-visual{
  display:grid;
  place-items:center;
}
.support-screen{
  width:min(100%,280px);
  border:1px solid #2b3750;
  border-radius:15px;
  overflow:hidden;
  background:#090e16;
  box-shadow:0 24px 55px rgba(0,0,0,.3);
}
.support-bar{
  height:34px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 11px;
}
.support-bar i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#38455b;
}
.support-body{padding:16px}
.support-status{
  margin-bottom:13px;
  font-size:9px;
  color:#71d7b3;
}
.support-status span{
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--green);
  margin-right:5px;
}
.support-row{
  display:flex;
  justify-content:space-between;
  padding:11px 0;
  border-top:1px solid var(--line);
}
.support-row b{font-size:9px}
.support-row small{font-size:8px;color:#77849a}
.services-extra{
  margin-top:16px;
  padding:27px 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#0b1019;
}
.services-extra h3{margin:7px 0 5px;font-size:21px}
.services-extra p{margin:0;color:var(--muted);font-size:11px;max-width:760px}
@media(max-width:900px){
  .services-top{display:block}
  .services-location{margin:0 0 30px}
  .service-feature{grid-template-columns:1fr;padding:28px}
  .service-number{position:absolute;right:24px;top:22px}
  .network-visual,.rack-visual,.support-visual{min-height:220px}
}
@media(max-width:600px){
  .service-copy h3{font-size:30px}
  .service-copy ul{grid-template-columns:1fr}
  .services-extra{flex-direction:column;align-items:flex-start}
}


/* Language toggle */
.language-toggle{
  display:flex;
  align-items:center;
  gap:2px;
  padding:3px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.025);
}
.language-toggle a,
.language-toggle span{
  min-width:34px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  color:#7f8ba0;
  transition:.2s ease;
}
.language-toggle a:hover{color:#fff;background:rgba(255,255,255,.04)}
.language-toggle .active{
  color:#fff;
  background:linear-gradient(135deg,rgba(91,140,255,.85),rgba(124,92,255,.85));
  box-shadow:0 5px 16px rgba(91,140,255,.18);
}
.mobile-language-toggle{
  display:none;
}
@media(max-width:760px){
  .mobile-language-toggle{
    display:flex;
    width:max-content;
    gap:2px;
    margin-top:8px;
    padding:3px;
    border:1px solid var(--line);
    border-radius:999px;
  }
  .mobile-language-toggle a,
  .mobile-language-toggle span{
    min-width:34px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:999px;
    font-size:10px;
    font-weight:800;
    color:#7f8ba0;
  }
  .mobile-language-toggle .active{
    color:#fff;
    background:linear-gradient(135deg,#5b8cff,#7c5cff);
  }
}


/* Expanded business services, local SEO and contact */
.expanded-business-services{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.008),transparent)}
.expanded-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.expanded-service-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008));transition:.22s}
.expanded-service-card:hover{transform:translateY(-3px);border-color:rgba(91,140,255,.22)}
.expanded-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(91,140,255,.18);background:rgba(91,140,255,.07);color:#9ab6ff;font-size:11px;font-weight:800;margin-bottom:18px}
.expanded-label{font-size:8px;letter-spacing:.14em;font-weight:800;color:#7698ed}
.expanded-service-card h3{font-size:22px;margin:7px 0 8px}
.expanded-service-card>p{color:var(--muted);font-size:12px;margin:0 0 16px}
.expanded-service-card ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.expanded-service-card li{position:relative;padding-left:13px;color:#98a5b8;font-size:9px}
.expanded-service-card li:before{content:"";position:absolute;left:0;top:.65em;width:4px;height:4px;border-radius:50%;background:#6d93f4}
.local-service-area{border-top:1px solid var(--line);background:radial-gradient(circle at 86% 40%,rgba(91,140,255,.08),transparent 25%)}
.local-area-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}
.local-keywords{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}
.local-keywords span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:#7d8aa0;font-size:8px;background:rgba(255,255,255,.015)}
.service-map-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:#0b1019;box-shadow:var(--shadow)}
.map-head{display:flex;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.map-head b,.map-head small{display:block}.map-head b{font-size:13px}.map-head small{font-size:9px;color:#6f7c92;margin-top:3px}
.area-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}
.area-list span{padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:#aab4c5;font-size:10px;background:rgba(255,255,255,.012)}
.service-map-card p{font-size:10px;color:#6f7c91;margin:0}
.business-contact{padding-top:40px}
.business-contact-card{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:42px;border:1px solid rgba(91,140,255,.18);border-radius:24px;background:linear-gradient(135deg,#0f192d,#141328);box-shadow:var(--shadow)}
.business-contact-card h2{font-size:38px;letter-spacing:-.04em;margin:10px 0}
.business-contact-card p{color:var(--muted);max-width:700px;font-size:13px}
.business-contact-actions{display:flex;flex-direction:column;align-items:center;gap:11px;min-width:250px}
.contact-email{font-size:11px;color:#9eb6f2}
@media(max-width:900px){
  .expanded-services-grid,.local-area-grid{grid-template-columns:1fr}
  .business-contact-card{flex-direction:column;align-items:flex-start}
  .business-contact-actions{align-items:flex-start;min-width:0}
}
@media(max-width:600px){
  .expanded-service-card ul{grid-template-columns:1fr}
  .business-contact-card{padding:28px}
  .business-contact-card h2{font-size:31px}
}


/* Business-first homepage */
.business-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center}
.business-hero-panel{position:relative;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(180deg,#101621,#0b1019);box-shadow:var(--shadow)}
.business-panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line)}
.business-panel-head span{font-size:14px;font-weight:800}.business-panel-head small{font-size:9px;color:#738097}
.business-service-list{display:grid;gap:0}.business-service-list>div{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.svc-dot{width:8px;height:8px;border-radius:50%;background:#6f93f7;box-shadow:0 0 15px rgba(91,140,255,.35);flex:0 0 auto}
.business-service-list p{margin:0}.business-service-list b,.business-service-list small{display:block}.business-service-list b{font-size:11px}.business-service-list small{font-size:8px;color:#748197;margin-top:2px}
.business-panel-footer{display:flex;justify-content:space-between;gap:15px;padding-top:16px;font-size:8px;color:#6f7c91}.business-panel-footer a{color:#9db4f4}
.remote-core-tab{color:#b7c7ff!important}
.why-devtech{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.006),transparent)}
.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}
.credential-grid{display:grid;gap:12px}
.credential-card{display:grid;grid-template-columns:58px 1fr;gap:16px;padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.014)}
.credential-mark{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#18315d,#2d2d65);border:1px solid rgba(91,140,255,.2);color:#b7c9ff;font-weight:800;font-size:13px}
.credential-kicker{font-size:8px;letter-spacing:.13em;color:#7798ea;font-weight:800}
.credential-card h3{font-size:17px;margin:4px 0 5px}.credential-card p{margin:0;color:var(--muted);font-size:10px}
.remote-core-teaser{padding-top:35px}
.teaser-card{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#0e1420,#111022)}
.teaser-card h2{font-size:32px;margin:7px 0}.teaser-card p{color:var(--muted);font-size:12px;max-width:720px;margin:0}
@media(max-width:900px){
  .business-hero-grid,.why-grid{grid-template-columns:1fr}
  .teaser-card{flex-direction:column;align-items:flex-start}
}
@media(max-width:600px){
  .business-panel-footer{flex-direction:column}
  .credential-card{grid-template-columns:48px 1fr}
  .credential-mark{width:48px;height:48px}
}


/* ===== Site-wide polish pass 2026-10-14 v4 ===== */

/* Prevent stale layout issues from visually jamming new content */
.local-keywords {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
}
.local-keywords span {
  display: inline-flex;
  align-items: center;
  min-height: 31px;
  padding: 7px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: #aab6c8;
  font-size: 10px;
  line-height: 1.2;
  white-space: nowrap;
}

.service-map-card {
  padding: 30px;
}
.map-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 18px;
}
.map-head b {
  font-size: 14px;
}
.map-head small {
  font-size: 10px;
  line-height: 1.45;
}
.area-list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  margin: 22px 0;
}
.area-list span {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 13px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(255,255,255,.018);
  color: #b7c1d1;
  font-size: 11px;
  line-height: 1.25;
}
.service-map-card > p {
  margin: 0;
  font-size: 11px;
  line-height: 1.65;
  color: #7d899e;
}

/* Improve readability in business/service content */
.section-heading p,
.service-copy > p,
.expanded-service-card > p,
.business-contact-card p,
.teaser-card p,
.credential-card p {
  line-height: 1.7;
}
.service-copy > p,
.expanded-service-card > p {
  font-size: 13px;
}
.service-copy li {
  font-size: 11px;
  line-height: 1.5;
}
.expanded-service-card li {
  font-size: 10.5px;
  line-height: 1.5;
}
.credential-card p {
  font-size: 11px;
}

/* Contact information */
.business-contact-actions {
  gap: 8px;
}
.contact-email,
.contact-phone {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  color: #a9bdf5;
  font-size: 11px;
}
.contact-email:hover,
.contact-phone:hover {
  color: #fff;
}

/* Desktop navigation refinement */
@media (min-width:1051px) {
  .nav-links {
    gap: 18px;
  }
  .nav-links a {
    font-size: 12px;
    white-space: nowrap;
  }
  .nav-actions {
    gap: 11px;
  }
}

/* Tablet/mobile layout */
@media (max-width:760px) {
  .local-keywords {
    gap: 8px;
  }
  .local-keywords span {
    white-space: normal;
  }
  .area-list {
    grid-template-columns: 1fr;
  }
  .service-map-card {
    padding: 22px;
  }
}

@media (max-width:430px) {
  .hero h1 {
    font-size: 42px;
  }
  .section-heading h2 {
    font-size: 33px;
  }
  .local-keywords span {
    width: 100%;
    justify-content: flex-start;
  }
}


/* ===== Complete multi-page business site ===== */
:root{--content:1160px}
body{padding-bottom:0}
.brand-logo-full{width:190px;max-height:44px;object-fit:contain}
.page-hero{padding:108px 0 72px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:
radial-gradient(circle at 82% 10%,rgba(91,140,255,.10),transparent 28%),
linear-gradient(180deg,#080b13,#070910)}
.page-hero .container{position:relative}
.page-hero h1{font-size:clamp(46px,6vw,72px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 20px;max-width:900px}
.page-hero p{font-size:17px;line-height:1.75;color:var(--muted);max-width:760px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:#69768b;font-size:10px;margin-bottom:22px}
.breadcrumbs a:hover{color:#fff}.breadcrumbs span:after{content:"/";margin-left:8px;color:#39455a}.breadcrumbs span:last-child:after{display:none}
.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:46px;align-items:start}
.content-copy h2{font-size:36px;line-height:1.15;letter-spacing:-.035em;margin:0 0 14px}
.content-copy h3{font-size:22px;margin:32px 0 10px}.content-copy p{color:var(--muted);line-height:1.8;font-size:14px}
.clean-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:11px}
.clean-list li{position:relative;padding-left:20px;color:#b2bccd;font-size:13px;line-height:1.6}
.clean-list li:before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:#6f93f7;box-shadow:0 0 12px rgba(91,140,255,.3)}
.sidebar-card{position:sticky;top:100px;padding:26px;border:1px solid var(--line);border-radius:20px;background:#0c111b;box-shadow:0 20px 55px rgba(0,0,0,.15)}
.sidebar-card h3{font-size:20px;margin:0 0 8px}.sidebar-card p{color:var(--muted);font-size:12px;line-height:1.7}
.sidebar-card .btn{width:100%;margin-top:10px}.sidebar-contact{display:grid;gap:7px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}
.sidebar-contact a{font-size:11px;color:#a9bdf5}
.related-services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.related-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.012);transition:.2s}
.related-card:hover{transform:translateY(-2px);border-color:rgba(91,140,255,.22)}
.related-card h3{font-size:16px;margin:0 0 6px}.related-card p{font-size:11px;color:var(--muted);line-height:1.55;margin:0}
.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.solution-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
.solution-card span{font-size:8px;letter-spacing:.12em;color:#7898ea;font-weight:800}.solution-card h3{font-size:18px;margin:8px 0}.solution-card p{font-size:11px;line-height:1.65;color:var(--muted)}
.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;color:#99a6ba}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#0b1019;color:#edf1f7;padding:12px 13px;outline:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(91,140,255,.55);box-shadow:0 0 0 3px rgba(91,140,255,.08)}
.field textarea{min-height:140px;resize:vertical}.form-note{grid-column:1/-1;color:#6f7c91;font-size:9px;line-height:1.6}
.form-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}
.about-profile{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.about-visual{min-height:390px;border:1px solid var(--line);border-radius:22px;background:
radial-gradient(circle at 62% 25%,rgba(91,140,255,.16),transparent 28%),
linear-gradient(145deg,#0e1522,#0a0f18);display:grid;place-items:center;position:relative;overflow:hidden}
.about-visual img{width:260px}
.credential-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:24px}
.credential-mini{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.012)}
.credential-mini b,.credential-mini span{display:block}.credential-mini b{font-size:12px}.credential-mini span{font-size:9px;color:#758298;margin-top:4px}
.legal-copy{max-width:850px}.legal-copy h2{font-size:27px;margin-top:34px}.legal-copy p,.legal-copy li{color:var(--muted);font-size:13px;line-height:1.8}
.legal-copy a{color:#9fb8ff}
.area-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px}.area-links a{padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.012);font-size:11px;color:#b4becf}.area-links a:hover{border-color:rgba(91,140,255,.25);color:#fff}
.mobile-contact-bar{display:none}
.footer-logo{width:190px;margin-bottom:12px}
.header-brand-image{width:175px;display:block}
.nav .brand span{display:none}
.nav .brand{gap:0}
.site-header .brand-mark{display:none}
.status-banner{padding:14px 16px;border:1px solid rgba(91,140,255,.14);border-radius:12px;background:rgba(91,140,255,.04);color:#9fb4e4;font-size:10px;line-height:1.5}
@media(max-width:900px){
  .content-grid,.about-profile{grid-template-columns:1fr}.sidebar-card{position:static}.related-services,.solutions-grid{grid-template-columns:1fr 1fr}.area-links{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  body{padding-bottom:62px}.mobile-contact-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;height:62px;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(7,9,16,.96);backdrop-filter:blur(18px);border-top:1px solid var(--line)}
  .mobile-contact-bar a{display:grid;place-items:center;text-align:center;font-size:10px;color:#c8d2e3;border-right:1px solid var(--line)}.mobile-contact-bar a:last-child{border-right:0}.mobile-contact-bar b{display:block;font-size:11px}
  .quote-form{grid-template-columns:1fr}.field.full,.form-note,.form-actions{grid-column:1}.related-services,.solutions-grid,.credential-row{grid-template-columns:1fr}.area-links{grid-template-columns:1fr}.page-hero{padding-top:90px}.page-hero h1{font-size:45px}
}


/* ===== DevTechSkills Light / Dark / System Theme v1 ===== */
:root,
html[data-theme="dark"] {
  color-scheme: dark;
  --bg:#070910;
  --bg-2:#0b1019;
  --surface:#0c111b;
  --surface-2:#101621;
  --surface-3:#141a27;
  --text:#f5f7fb;
  --muted:#98a2b3;
  --muted-2:#748197;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.15);
  --accent:#5b8cff;
  --accent-2:#29d7ff;
  --shadow:0 24px 70px rgba(0,0,0,.35);
  --header-bg:rgba(7,9,16,.84);
  --input-bg:#0b1019;
  --chip-bg:rgba(255,255,255,.025);
  --hero-grad-1:#080b13;
  --hero-grad-2:#070910;
}

html[data-theme="light"] {
  color-scheme: light;
  --bg:#f7f9fc;
  --bg-2:#ffffff;
  --surface:#ffffff;
  --surface-2:#f2f6fb;
  --surface-3:#eaf0f8;
  --text:#111827;
  --muted:#56647a;
  --muted-2:#6b778c;
  --line:rgba(15,23,42,.10);
  --line-strong:rgba(15,23,42,.16);
  --accent:#2563eb;
  --accent-2:#009ed1;
  --shadow:0 20px 55px rgba(15,23,42,.10);
  --header-bg:rgba(255,255,255,.88);
  --input-bg:#ffffff;
  --chip-bg:rgba(37,99,235,.045);
  --hero-grad-1:#ffffff;
  --hero-grad-2:#f5f8fc;
}

html[data-theme="light"] body,
html[data-theme="dark"] body { background:var(--bg); color:var(--text); }
html[data-theme="light"] .noise { opacity:.02; }
html[data-theme="light"] .site-header { background:var(--header-bg); border-bottom-color:var(--line); box-shadow:0 5px 25px rgba(15,23,42,.05); }
html[data-theme="dark"] .site-header { background:var(--header-bg); }

/* Preserve the exact white-background artwork while presenting it cleanly in both themes. */
.exact-brand-logo {
  display:block;
  width:220px;
  height:54px;
  object-fit:contain;
  object-position:left center;
  border-radius:8px;
  background:#fff;
  padding:3px 7px;
}
.footer-logo.exact-brand-logo { width:250px; height:66px; padding:5px 8px; }
.about-visual .exact-brand-logo { width:min(90%,480px); height:auto; max-height:190px; padding:10px; }

html[data-theme="light"] .page-hero,
html[data-theme="light"] .hero,
html[data-theme="light"] .business-hero {
  background:radial-gradient(circle at 82% 10%,rgba(37,99,235,.09),transparent 30%),linear-gradient(180deg,var(--hero-grad-1),var(--hero-grad-2));
}
html[data-theme="light"] .hero-glow { opacity:.36; }
html[data-theme="light"] .business-hero-panel,
html[data-theme="light"] .service-map-card,
html[data-theme="light"] .sidebar-card,
html[data-theme="light"] .expanded-service-card,
html[data-theme="light"] .credential-card,
html[data-theme="light"] .related-card,
html[data-theme="light"] .solution-card,
html[data-theme="light"] .teaser-card,
html[data-theme="light"] .business-contact-card,
html[data-theme="light"] .about-visual {
  background:var(--surface);
  border-color:var(--line);
  box-shadow:var(--shadow);
}
html[data-theme="light"] .business-contact-card,
html[data-theme="light"] .teaser-card {
  background:linear-gradient(135deg,#ffffff,#f2f6fb);
}
html[data-theme="light"] .expanded-business-services,
html[data-theme="light"] .why-devtech,
html[data-theme="light"] .local-service-area {
  background:var(--bg);
}
html[data-theme="light"] .local-service-area { background:radial-gradient(circle at 86% 40%,rgba(37,99,235,.08),transparent 28%),var(--bg); }
html[data-theme="light"] .local-keywords span,
html[data-theme="light"] .area-list span,
html[data-theme="light"] .credential-mini,
html[data-theme="light"] .related-card,
html[data-theme="light"] .solution-card { background:var(--chip-bg); }

html[data-theme="light"] .nav-links a,
html[data-theme="light"] .nav-secondary,
html[data-theme="light"] .business-service-list b,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4 { color:var(--text); }
html[data-theme="light"] .nav-links a:hover { color:#1d4ed8; }
html[data-theme="light"] .section-heading p,
html[data-theme="light"] .hero-lead,
html[data-theme="light"] .content-copy p,
html[data-theme="light"] .service-copy>p,
html[data-theme="light"] .expanded-service-card>p,
html[data-theme="light"] .credential-card p,
html[data-theme="light"] .sidebar-card p,
html[data-theme="light"] .solution-card p,
html[data-theme="light"] .related-card p,
html[data-theme="light"] .business-contact-card p,
html[data-theme="light"] .teaser-card p,
html[data-theme="light"] .legal-copy p,
html[data-theme="light"] .legal-copy li { color:var(--muted); }
html[data-theme="light"] .clean-list li,
html[data-theme="light"] .area-list span,
html[data-theme="light"] .local-keywords span { color:#475569; }

html[data-theme="light"] .field input,
html[data-theme="light"] .field select,
html[data-theme="light"] .field textarea {
  background:var(--input-bg);
  color:var(--text);
  border-color:var(--line-strong);
}
html[data-theme="light"] .field input:focus,
html[data-theme="light"] .field select:focus,
html[data-theme="light"] .field textarea:focus { border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.10); }

html[data-theme="light"] footer { background:#eef3f8; border-top-color:var(--line); }
html[data-theme="light"] .footer-col a,
html[data-theme="light"] .footer-brand p,
html[data-theme="light"] .footer-bottom { color:#5b677a; }
html[data-theme="light"] .mobile-contact-bar { background:rgba(255,255,255,.96); border-top-color:var(--line); }
html[data-theme="light"] .mobile-contact-bar a { color:#223047; border-right-color:var(--line); }

.theme-switcher {
  display:inline-flex;
  align-items:center;
  gap:2px;
  padding:3px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface-2);
}
.theme-switcher button {
  appearance:none;
  border:0;
  background:transparent;
  color:var(--muted);
  min-width:32px;
  height:28px;
  padding:0 8px;
  border-radius:999px;
  cursor:pointer;
  font:700 10px/1 system-ui,sans-serif;
  transition:.18s ease;
}
.theme-switcher button:hover { color:var(--text); }
.theme-switcher button[aria-pressed="true"] { background:var(--surface); color:var(--text); box-shadow:0 2px 8px rgba(0,0,0,.08); }
.theme-icon { font-size:13px; line-height:1; }

@media(max-width:1050px){
  .theme-switcher{margin-top:10px;align-self:flex-start}
}
@media(max-width:760px){
  .exact-brand-logo{width:180px;height:46px}
}

/* ===== Light-theme hero contrast fix ===== */
html[data-theme="light"] .hero h1 span {
  background:linear-gradient(90deg,#2563eb 0%,#4f46e5 52%,#7c3aed 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 1px 0 rgba(255,255,255,.15);
}
html[data-theme="light"] .btn-secondary {
  color:#24324a;
  background:#ffffff;
  border-color:rgba(15,23,42,.14);
  box-shadow:0 5px 18px rgba(15,23,42,.06);
}
html[data-theme="light"] .btn-secondary:hover {
  color:#0f172a;
  background:#f8fafc;
  border-color:rgba(37,99,235,.28);
}
html[data-theme="light"] .hero-lead { color:#52637b; }


/* ===== SITE-WIDE LIGHT THEME CORRECTION ===== */
html[data-theme="light"] .service-feature {
  background:linear-gradient(145deg,#ffffff,#f5f8fc);
  border-color:rgba(15,23,42,.10);
  box-shadow:0 18px 48px rgba(15,23,42,.08);
}
html[data-theme="light"] .service-feature:before { opacity:.13; }
html[data-theme="light"] .service-number { color:#94a3b8; }
html[data-theme="light"] .service-label { color:#2563eb; }
html[data-theme="light"] .service-copy h3 { color:#0f172a; }
html[data-theme="light"] .service-copy>p { color:#52637b; }
html[data-theme="light"] .service-copy li { color:#405069; }
html[data-theme="light"] .service-copy li:before { background:#2563eb; box-shadow:none; }

html[data-theme="light"] .net-node {
  background:#ffffff;
  color:#2563eb;
  border-color:rgba(37,99,235,.18);
  box-shadow:0 10px 26px rgba(15,23,42,.08);
}
html[data-theme="light"] .net-node.core {
  background:radial-gradient(circle,#eaf1ff,#ffffff 72%);
  border-color:rgba(37,99,235,.30);
  color:#1d4ed8;
}
html[data-theme="light"] .network-visual .line {
  background:linear-gradient(90deg,rgba(37,99,235,.50),rgba(37,99,235,.10));
}

html[data-theme="light"] .rack {
  background:#ffffff;
  border-color:#cbd5e1;
  box-shadow:0 16px 40px rgba(15,23,42,.10);
}
html[data-theme="light"] .rack>span {
  background:#f1f5f9;
  border-color:#d7e0ea;
}
html[data-theme="light"] .patch-panel {
  background:#eef4fb;
  border-color:#c7d6e8;
}
html[data-theme="light"] .patch-panel i { background:#6f8fb9; }
html[data-theme="light"] .cable-path {
  border-right-color:#3b82f6;
  border-bottom-color:#3b82f6;
  opacity:.35;
}

html[data-theme="light"] .support-screen {
  background:#ffffff;
  border-color:#cbd5e1;
  box-shadow:0 16px 40px rgba(15,23,42,.10);
}
html[data-theme="light"] .support-bar { border-bottom-color:#e2e8f0; }
html[data-theme="light"] .support-bar i { background:#94a3b8; }
html[data-theme="light"] .support-status { color:#078760; }
html[data-theme="light"] .support-row { border-top-color:#e2e8f0; }
html[data-theme="light"] .support-row b { color:#0f172a; }
html[data-theme="light"] .support-row small { color:#64748b; }

html[data-theme="light"] .services-extra {
  background:#ffffff;
  border-color:rgba(15,23,42,.10);
  box-shadow:0 12px 35px rgba(15,23,42,.06);
}
html[data-theme="light"] .services-extra h3 { color:#0f172a; }
html[data-theme="light"] .services-extra p { color:#52637b; }

html[data-theme="light"] .business-hero-panel {
  background:linear-gradient(180deg,#ffffff,#f7f9fc);
  border-color:rgba(15,23,42,.10);
}
html[data-theme="light"] .business-panel-head { border-bottom-color:#e2e8f0; }
html[data-theme="light"] .business-panel-head span { color:#0f172a; }
html[data-theme="light"] .business-panel-head small,
html[data-theme="light"] .business-service-list small,
html[data-theme="light"] .business-panel-footer { color:#64748b; }
html[data-theme="light"] .business-service-list>div { border-bottom-color:#e2e8f0; }
html[data-theme="light"] .svc-dot { background:#2563eb; box-shadow:0 0 12px rgba(37,99,235,.22); }

html[data-theme="light"] .expanded-service-card {
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-color:rgba(15,23,42,.10);
}
html[data-theme="light"] .expanded-service-card li { color:#475569; }
html[data-theme="light"] .expanded-service-card li:before { background:#2563eb; }
html[data-theme="light"] .expanded-icon {
  background:#eef4ff;
  color:#2563eb;
  border-color:rgba(37,99,235,.16);
}
html[data-theme="light"] .expanded-label { color:#2563eb; }

html[data-theme="light"] .service-map-card {
  background:#ffffff;
  border-color:rgba(15,23,42,.10);
  box-shadow:0 16px 40px rgba(15,23,42,.08);
}
html[data-theme="light"] .map-head { border-bottom-color:#e2e8f0; }
html[data-theme="light"] .map-head b { color:#0f172a; }
html[data-theme="light"] .map-head small,
html[data-theme="light"] .service-map-card>p { color:#64748b; }
html[data-theme="light"] .area-list span {
  background:#f8fafc;
  border-color:#e2e8f0;
  color:#334155;
}

html[data-theme="light"] .credential-card,
html[data-theme="light"] .credential-mini {
  background:#ffffff;
  border-color:rgba(15,23,42,.10);
}
html[data-theme="light"] .credential-mark {
  background:linear-gradient(135deg,#e6efff,#eef2ff);
  color:#2563eb;
  border-color:rgba(37,99,235,.18);
}
html[data-theme="light"] .credential-kicker { color:#2563eb; }
html[data-theme="light"] .credential-mini b { color:#0f172a; }
html[data-theme="light"] .credential-mini span { color:#64748b; }

html[data-theme="light"] .related-card,
html[data-theme="light"] .solution-card {
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-color:rgba(15,23,42,.10);
  box-shadow:0 10px 28px rgba(15,23,42,.05);
}
html[data-theme="light"] .related-card:hover,
html[data-theme="light"] .solution-card:hover {
  border-color:rgba(37,99,235,.25);
  box-shadow:0 14px 32px rgba(15,23,42,.08);
}
html[data-theme="light"] .solution-card span { color:#2563eb; }

html[data-theme="light"] .sidebar-card {
  background:#ffffff;
  border-color:rgba(15,23,42,.10);
  box-shadow:0 16px 40px rgba(15,23,42,.08);
}
html[data-theme="light"] .sidebar-contact { border-top-color:#e2e8f0; }
html[data-theme="light"] .sidebar-contact a { color:#2563eb; }

html[data-theme="light"] .teaser-card,
html[data-theme="light"] .business-contact-card {
  background:linear-gradient(135deg,#ffffff,#f5f8fc);
  border-color:rgba(37,99,235,.14);
  box-shadow:0 16px 42px rgba(15,23,42,.07);
}

html[data-theme="light"] .about-visual {
  background:radial-gradient(circle at 62% 25%,rgba(37,99,235,.10),transparent 30%),linear-gradient(145deg,#ffffff,#f3f7fb);
  border-color:rgba(15,23,42,.10);
}

html[data-theme="light"] .status-banner {
  background:#eef4ff;
  border-color:rgba(37,99,235,.15);
  color:#315a9f;
}

html[data-theme="light"] .page-hero { border-bottom-color:#e2e8f0; }
html[data-theme="light"] .breadcrumbs,
html[data-theme="light"] .breadcrumbs a { color:#64748b; }
html[data-theme="light"] .breadcrumbs a:hover { color:#1d4ed8; }
html[data-theme="light"] .breadcrumbs span:after { color:#cbd5e1; }

html[data-theme="light"] .field label { color:#52637b; }
html[data-theme="light"] .form-note { color:#64748b; }
html[data-theme="light"] .contact-email,
html[data-theme="light"] .contact-phone { color:#2563eb; }

html[data-theme="light"] .local-keywords span {
  background:#f8fafc;
  border-color:#dbe4ef;
  color:#475569;
}

html[data-theme="light"] .theme-switcher {
  background:#eef2f7;
  border-color:#d8e0ea;
}
html[data-theme="light"] .theme-switcher button[aria-pressed="true"] {
  background:#ffffff;
  color:#0f172a;
  box-shadow:0 2px 8px rgba(15,23,42,.10);
}

/* Ensure light-theme text never inherits dark-only low-contrast values */
html[data-theme="light"] .service-feature *,
html[data-theme="light"] .business-hero-panel *,
html[data-theme="light"] .expanded-service-card *,
html[data-theme="light"] .service-map-card *,
html[data-theme="light"] .sidebar-card * { text-shadow:none; }



/* ===== Typography accessibility / readability pass 2026-10-14 ===== */

/* General readable defaults */
html {
  font-size: 16px;
}

body {
  font-size: 16px;
  line-height: 1.6;
}

/* Main navigation */
.nav-links a {
  font-size: 14px !important;
}

.nav-actions,
.nav-actions a,
.language-toggle,
.mobile-language-toggle {
  font-size: 13px !important;
}

/* Hero */
.eyebrow,
.section-kicker {
  font-size: 12px !important;
  line-height: 1.4;
  letter-spacing: .13em;
}

.hero-lead,
.page-hero p {
  font-size: 18px !important;
  line-height: 1.75 !important;
}

.early-chip {
  font-size: 13px !important;
}

/* Section headings */
.section-heading p {
  font-size: 16px !important;
  line-height: 1.75 !important;
}

.section-heading h2 {
  line-height: 1.12;
}

/* Service cards */
.service-copy > p,
.expanded-service-card > p,
.solution-card p,
.related-card p {
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.service-copy li,
.expanded-service-card li,
.clean-list li {
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.service-copy h3,
.expanded-service-card h3 {
  font-size: 24px !important;
  line-height: 1.25;
}

/* Business hero card */
.business-service-list b {
  font-size: 14px !important;
}

.business-service-list small {
  font-size: 12px !important;
  line-height: 1.45;
}

.business-panel-head span {
  font-size: 16px !important;
}

.business-panel-head small,
.business-panel-footer {
  font-size: 12px !important;
}

/* Credentials */
.credential-kicker {
  font-size: 10px !important;
}

.credential-card h3 {
  font-size: 20px !important;
}

.credential-card p,
.credential-mini span {
  font-size: 13px !important;
  line-height: 1.6;
}

.credential-mini b {
  font-size: 14px !important;
}

/* Local service area */
.local-keywords span {
  font-size: 12px !important;
  line-height: 1.35;
}

.map-head b {
  font-size: 16px !important;
}

.map-head small {
  font-size: 12px !important;
}

.area-list span,
.area-links a {
  font-size: 13px !important;
}

.service-map-card > p {
  font-size: 13px !important;
}

/* Page content */
.content-copy p,
.legal-copy p,
.legal-copy li {
  font-size: 16px !important;
  line-height: 1.8 !important;
}

.content-copy h2 {
  font-size: 38px;
}

.content-copy h3 {
  font-size: 24px;
}

/* Sidebars */
.sidebar-card p {
  font-size: 14px !important;
  line-height: 1.7;
}

.sidebar-contact a {
  font-size: 13px !important;
}

/* Forms */
.field label {
  font-size: 13px !important;
}

.field input,
.field select,
.field textarea {
  font-size: 16px !important;
}

.form-note {
  font-size: 12px !important;
}

/* Buttons */
.btn {
  font-size: 14px !important;
}

.btn-lg {
  font-size: 16px !important;
}

/* Contact */
.business-contact-card p {
  font-size: 16px !important;
  line-height: 1.7;
}

.contact-email,
.contact-phone {
  font-size: 14px !important;
}

/* Footer */
.footer-col h4 {
  font-size: 14px !important;
}

.footer-col a,
.footer-brand p,
.footer-bottom {
  font-size: 13px !important;
  line-height: 1.65;
}

/* Remote Core small UI text — preserve compact app mockup but avoid tiny text */
.app-shell,
.device-card,
.telemetry-card,
.security-card,
.faq-item {
  font-size: 13px;
}

.faq-question {
  font-size: 16px !important;
}

.faq-answer {
  font-size: 14px !important;
  line-height: 1.7;
}

/* Mobile */
@media (max-width: 760px) {
  html {
    font-size: 16px;
  }

  .hero-lead,
  .page-hero p {
    font-size: 17px !important;
  }

  .section-heading p,
  .content-copy p,
  .legal-copy p,
  .legal-copy li {
    font-size: 15px !important;
  }

  .service-copy > p,
  .expanded-service-card > p,
  .solution-card p,
  .related-card p {
    font-size: 14px !important;
  }

  .service-copy li,
  .expanded-service-card li,
  .clean-list li {
    font-size: 14px !important;
  }

  .mobile-contact-bar a {
    font-size: 11px !important;
  }

  .mobile-contact-bar b {
    font-size: 13px !important;
  }
}
/* Supporting Remote Core architecture/release pages, using the supplied theme. */
.remote-docs{max-width:850px}.remote-docs h1{font-size:clamp(32px,5vw,60px);margin-bottom:28px}.remote-docs h2{font-size:clamp(23px,3vw,32px);margin-top:42px;margin-bottom:16px}.remote-docs p{font-size:17px;line-height:1.85;margin-bottom:20px}.remote-docs .btn{margin-top:24px}
/* Domain integration QA: retain typography while repairing narrow layouts. */
.footer-col,.footer-brand{min-width:0;overflow-wrap:anywhere}.footer-col>span{display:block;color:var(--muted);font-size:14px;line-height:1.6;margin:9px 0}.mobile-site-tools{display:none}.menu-btn{color:var(--text);min-width:44px;min-height:44px}.menu-btn span{background:currentColor}.security-visual{overflow:clip}.secure-orbit.orbit-2{width:min(420px,calc(100% - 12px));height:auto;aspect-ratio:1}.secure-orbit.orbit-1{max-width:calc(100% - 36px);height:auto;aspect-ratio:1}
@media(max-width:1050px){.nav{grid-template-columns:1fr auto;height:76px;gap:12px}.menu-btn{display:block;justify-self:end}.nav-actions{display:none}.nav-links{position:absolute;display:none;top:100%;left:14px;right:14px;flex-direction:column;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:15px;padding:16px;max-height:calc(100dvh - 100px);overflow-y:auto}.nav-links.open{display:flex}.nav-links>a{padding:10px;min-height:44px}.mobile-site-tools{display:flex;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line);padding-top:14px}.mobile-site-tools button,.mobile-site-tools a{min-width:44px;min-height:44px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.remote-docs p{font-size:16px}}
html[data-theme="light"] .nav-links{background:#fff;color:#152033;border-color:#dce3ef}html[data-theme="light"] .nav-links a{color:#24334b}html[data-theme="light"] .mobile-site-tools{border-color:#dce3ef}html[data-theme="light"] .mobile-site-tools .language-toggle{background:#eef2fa;color:#24334b;border-color:#dce3ef}html[data-theme="light"] .mobile-site-tools .language-toggle a{color:#24334b}