:root{color-scheme:dark;--bg:#080e1a;--panel:#111c2e;--line:#24334b;--text:#eaf3ff;--muted:#a7bad1;--accent:#55d9c0;--blue:#7aa9ff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0%,#173455 0,transparent 35%),var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{max-width:1180px;margin:auto;padding:0 24px}
header{border-bottom:1px solid var(--line);background:#091320d9;position:sticky;top:0;z-index:2;backdrop-filter:blur(12px)}nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px}nav a{text-decoration:none;color:var(--text);margin-left:20px;font-size:14px}.brand{font-weight:800;letter-spacing:.03em;font-size:19px}.brand span{color:var(--accent)}
.hero{padding:92px 0 72px}.eyebrow{font-size:13px;letter-spacing:.16em;color:var(--accent);font-weight:700;text-transform:uppercase}h1{font-size:clamp(40px,6vw,72px);line-height:1.06;max-width:850px;margin:14px 0 22px;letter-spacing:-.04em}h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.03em;margin:0 0 12px}h3{font-size:20px;margin:0 0 10px}p{color:var(--muted);max-width:800px}.lead{font-size:20px;max-width:720px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{border:1px solid var(--accent);background:var(--accent);color:#071420;padding:11px 18px;border-radius:10px;font-weight:700;text-decoration:none;display:inline-block}.button.secondary{background:transparent;color:var(--text);border-color:var(--line)}
section{padding:45px 0}.sectionhead{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:linear-gradient(145deg,#14233a,#0e192a);border:1px solid var(--line);border-radius:16px;padding:24px;min-height:225px}.card p{font-size:15px}.tag{display:inline-block;border:1px solid #35536a;border-radius:999px;padding:4px 10px;color:#b8e9e0;font-size:12px;margin-bottom:18px}.card a{font-weight:700}.note{padding:20px 24px;border-left:3px solid var(--accent);background:#112037;border-radius:0 10px 10px 0;color:var(--muted)}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.toolbar input,.toolbar select{background:#0d1a2b;border:1px solid var(--line);color:var(--text);padding:12px;border-radius:10px;min-width:200px;flex:1}.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{border-top:1px solid var(--line);padding-top:14px;color:var(--muted)}.stat strong{display:block;color:var(--text);font-size:28px}footer{border-top:1px solid var(--line);margin-top:40px;padding:34px 0;color:var(--muted);font-size:14px}.small{font-size:13px;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:800px){.grid{grid-template-columns:1fr}.statrow{grid-template-columns:1fr}nav{flex-wrap:wrap;padding:12px 0}nav a{margin-left:10px}.hero{padding:60px 0 38px}.sectionhead{display:block}}

/* Visitor experience enhancements */
html{scroll-behavior:smooth}section[id]{scroll-margin-top:92px}.hero{position:relative}.hero:after{content:"";position:absolute;right:2%;top:16%;width:220px;height:220px;border:1px solid #24546b;border-radius:28px;transform:rotate(14deg);pointer-events:none;opacity:.25}.card{transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-3px);border-color:#4c8190}.card:focus-within{border-color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{padding:22px;border:1px solid var(--line);border-radius:14px;background:#102038}.step b{color:var(--accent);font-size:13px}.step p{font-size:14px}.notice{border-left:3px solid #e5c578;padding:12px 16px;background:#1c2536}.service-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-choice label{border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer}.service-choice label:has(input:checked){border-color:var(--accent);background:#13363a}.service-choice input{accent-color:var(--accent)}@media(max-width:800px){.steps,.service-choice{grid-template-columns:1fr}.hero:after{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

.service-fieldset{border:0;padding:0}

/* ZeeWolfProduct responsive system-theme design */
:root{color-scheme:light;--bg:#f7f9fc;--panel:#fff;--line:#dfe6ef;--text:#132238;--muted:#516176;--accent:#096d69;--blue:#285bb5;--surface:#fff;--header:rgba(255,255,255,.9);--hero-glow:rgba(33,121,165,.14);--art-line:rgba(25,108,135,.26);--art-fill:rgba(21,125,138,.08);--tag:#e8f5f2}
body{background:radial-gradient(ellipse at 82% 7%,var(--hero-glow),transparent 40%),var(--bg);color:var(--text)}
header{background:var(--header);border-color:var(--line)}
nav a{color:var(--text)}nav .nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:24px}nav .nav-links a{margin:0}nav .nav-cta{padding:9px 16px;border-radius:9px;border:1px solid var(--line);font-weight:700}
a{color:var(--accent)}.brand span,.eyebrow,.step b{color:var(--accent)}
.card{background:var(--surface);border-color:var(--line);box-shadow:0 6px 28px rgba(12,32,62,.035)}
.card:hover{border-color:var(--accent)}.tag{background:var(--tag);color:var(--accent);border-color:var(--line)}
.note,.step,.notice{background:var(--panel);color:var(--muted);border-color:var(--line)}
.toolbar input,.toolbar select{background:var(--surface);border-color:var(--line);color:var(--text)}
.button{background:var(--accent);border-color:var(--accent);color:#fff}.button.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}
.service-choice label:has(input:checked){background:var(--tag)}
.landing-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:40px;min-height:520px;padding:70px 0 56px}
.landing-hero:after{display:none}.landing-hero h1{font-size:clamp(44px,6vw,78px);max-width:700px;line-height:1.04}.landing-hero h1 em{font-style:normal;color:var(--accent)}
.hero-footnote{font-size:13px;margin-top:24px;color:var(--muted)}
.hero-art{position:relative;aspect-ratio:1;max-width:460px;width:100%;margin:auto;display:grid;place-items:center;isolation:isolate}
.hero-art:before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,var(--hero-glow),transparent 68%)}
.orbit{position:absolute;border:1px solid var(--art-line);border-radius:50%;aspect-ratio:1}.orbit-one{width:88%}.orbit-two{width:66%}.orbit-three{width:44%}
.hero-core{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:39%;aspect-ratio:1;border-radius:30%;background:var(--surface);border:1px solid var(--art-line);box-shadow:0 22px 70px var(--hero-glow);transform:rotate(-7deg)}
.core-dot{width:17px;height:17px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 9px var(--art-fill)}
.core-label{font-size:clamp(9px,1vw,12px);font-weight:800;letter-spacing:.1em;color:var(--text)}.core-bars{display:flex;align-items:end;gap:5px;height:30px}.core-bars i{display:block;width:7px;height:45%;border-radius:4px;background:var(--accent);opacity:.8}.core-bars i:nth-child(2){height:80%}.core-bars i:nth-child(3){height:60%}.core-bars i:nth-child(4){height:100%}.core-bars i:nth-child(5){height:70%}
.orbit-node{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px var(--art-fill)}.node-one{top:10%;left:32%}.node-two{right:8%;top:55%}.node-three{left:18%;bottom:17%}
section{padding:40px 0}.stat strong{font-size:20px}.card{min-height:0}.steps .step{min-height:0}
/* Prefer a bright, calm visual language across device appearances. */
@media(prefers-color-scheme:dark){:root{color-scheme:light;--bg:#f4f7fb;--panel:#fff;--line:#dce5ee;--text:#15263a;--muted:#526477;--accent:#126b77;--blue:#285bb5;--surface:#fff;--header:rgba(255,255,255,.94);--hero-glow:rgba(48,134,161,.09);--art-line:rgba(28,109,130,.20);--art-fill:rgba(28,109,130,.06);--tag:#eaf4f5}.button{color:#fff}.card{box-shadow:0 6px 28px rgba(12,32,62,.035)}}

@media(max-width:900px){.landing-hero{gap:15px;min-height:0}.hero-art{max-width:350px}}
@media(max-width:700px){.wrap{padding:0 18px}nav{gap:8px}nav .nav-links{gap:12px}nav .nav-links a{font-size:12px}.landing-hero{grid-template-columns:1fr;padding:48px 0 32px;gap:8px}.landing-hero h1{font-size:clamp(40px,11vw,62px)}.landing-hero .lead{font-size:17px}.hero-art{max-width:270px}.actions .button{max-width:100%;text-align:center}section{padding:32px 0}}
@media(max-width:380px){nav .nav-links{gap:8px}nav .nav-links a{font-size:11px}.hero-art{max-width:220px}}
@media(prefers-reduced-motion:no-preference){.orbit-one{animation:orbit-spin 65s linear infinite}.orbit-two{animation:orbit-spin 50s linear infinite reverse}.hero-core{animation:core-float 8s ease-in-out infinite}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes core-float{50%{transform:translateY(-9px) rotate(-7deg)}}}
@media(prefers-reduced-motion:reduce){.orbit,.hero-core{animation:none!important}}

/* Clean editorial finish: no heavy dark panels or decorative motion. */
.hero-art{max-width:360px}.hero-core{border-radius:24px;transform:none;box-shadow:0 16px 48px rgba(31,70,105,.07)}.orbit{border-color:var(--art-line)}.hero-art:before{opacity:.55}
@media(prefers-reduced-motion:no-preference){.orbit-one,.orbit-two,.hero-core{animation:none}}
header{box-shadow:0 1px 0 rgba(20,45,75,.025)}.card{border-radius:14px}.landing-hero h1{font-weight:750;letter-spacing:-.045em}

/* Fluid viewport layout: from compact phones to ultrawide monitors. */
html{min-width:0;overflow-x:clip}body{min-width:0;overflow-x:clip}img,svg,video,canvas{max-width:100%;height:auto}
.wrap{width:min(100% - 2 * clamp(16px,3vw,48px),1440px);max-width:none;padding-inline:0;margin-inline:auto}
nav{min-width:0}nav .nav-links{min-width:0;justify-content:flex-end}
.landing-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,4vw,72px);min-width:0}
.landing-hero .hero-copy{min-width:0}.landing-hero h1{font-size:clamp(2.5rem,5.2vw,5.5rem);overflow-wrap:normal}.landing-hero .lead{font-size:clamp(1rem,1.35vw,1.3rem)}
.hero-art{width:min(100%,440px);min-width:0}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid>*{min-width:0;overflow-wrap:anywhere}
.statrow,.steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.toolbar>*{min-width:0;flex:1 1 220px}.service-choice{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1700px){.wrap{width:min(100% - 112px,1440px)}.landing-hero{min-height:590px}}
@media(max-width:1024px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero{gap:20px}.hero-art{width:min(100%,330px)}.statrow,.steps{gap:12px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}nav{align-items:center;gap:10px;min-height:64px}nav .nav-links{gap:12px;justify-content:flex-start}.brand{font-size:17px}.landing-hero{grid-template-columns:minmax(0,1fr);min-height:0;gap:10px;padding-block:44px 30px}.landing-hero h1{font-size:clamp(2.35rem,9vw,4.2rem)}.hero-art{width:min(72vw,270px);margin:8px auto}.grid,.statrow,.steps,.service-choice{grid-template-columns:minmax(0,1fr)}.card{padding:20px}.hero-footnote{line-height:1.5}}
@media(max-width:440px){.wrap{width:calc(100% - 28px)}nav{align-items:flex-start}nav .nav-links{gap:8px}.nav-links a{font-size:12px}.landing-hero{padding-top:32px}.landing-hero h1{font-size:clamp(2.15rem,10vw,3rem)}.actions{flex-direction:column;align-items:stretch}.actions .button{width:100%;text-align:center}.hero-art{width:min(68vw,230px)}.toolbar{flex-direction:column}.toolbar>*{width:100%;flex-basis:auto}}

/* Adaptive display system: compact phones, tablets, laptops, desktop, TV and ultrawide. */
:root{--page-gutter:clamp(16px,3.4vw,88px);--content-max:1920px;--reading-max:76ch}
.wrap{width:min(calc(100% - (2 * var(--page-gutter))),var(--content-max));max-width:none;margin-inline:auto;padding-inline:0}
body{font-size:clamp(15px,.72vw + 8px,20px);line-height:1.6}
h2{font-size:clamp(1.65rem,2vw,2.8rem);line-height:1.17}
h3{font-size:clamp(1.1rem,1.12vw,1.5rem)}
p{max-width:var(--reading-max)}.lead{max-width:62ch}
section{padding-block:clamp(34px,3.5vw,76px)}
.landing-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,90px);min-height:clamp(460px,36vw,750px)}
.landing-hero h1{font-size:clamp(2.7rem,5.3vw,6.8rem)}.landing-hero .lead{font-size:clamp(1.05rem,1.3vw,1.55rem)}
.hero-art{width:min(100%,clamp(300px,28vw,590px));max-width:none}
.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.5vw,28px)}
.card{padding:clamp(22px,1.6vw,34px);min-height:0}.card p{font-size:clamp(.95rem,.75vw + 5px,1.15rem)}
.statrow,.steps{gap:clamp(14px,1.5vw,30px)}.stat strong{font-size:clamp(1.1rem,1.4vw,1.7rem)}
.toolbar input,.toolbar select{font:inherit;min-height:46px}.button{font-size:clamp(.95rem,.65vw + 6px,1.1rem)}
@media(min-width:2200px){:root{--page-gutter:clamp(64px,5vw,150px);--content-max:2100px}.landing-hero{min-height:740px}}
@media(min-width:3200px){:root{--content-max:2600px;--page-gutter:clamp(100px,6vw,240px)}body{font-size:clamp(20px,.8vw,28px)}.landing-hero h1{font-size:clamp(6rem,4vw,9rem)}.landing-hero .lead{font-size:clamp(1.6rem,1vw,2.1rem)}.hero-art{width:min(100%,750px)}.card p{font-size:1.3rem}nav a{font-size:1.15rem}}
@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero{min-height:0;gap:24px}.hero-art{width:min(100%,360px)}}
@media(max-width:780px){:root{--page-gutter:clamp(16px,4vw,28px)}.landing-hero{grid-template-columns:minmax(0,1fr);padding-block:42px 24px;gap:8px}.landing-hero h1{font-size:clamp(2.4rem,8.5vw,4.2rem)}.hero-art{width:min(65vw,300px)}.grid,.steps,.statrow,.service-choice{grid-template-columns:minmax(0,1fr)}.card{padding:22px}.landing-hero .lead{font-size:1.08rem}section{padding-block:32px}}
@media(max-width:480px){:root{--page-gutter:14px}nav{flex-wrap:wrap;justify-content:center;gap:8px;padding-block:12px}nav .nav-links{width:100%;justify-content:center;gap:clamp(8px,3vw,16px)}.brand{font-size:17px}.landing-hero{padding-top:32px}.landing-hero h1{font-size:clamp(2.2rem,10vw,3rem)}.hero-art{width:min(62vw,230px)}.actions{flex-direction:column}.actions .button{width:100%}.toolbar{flex-direction:column}.toolbar>*{width:100%;flex-basis:auto}}
@media(max-height:520px) and (min-width:781px){.landing-hero{min-height:0;padding-block:32px}.hero-art{width:min(26vw,250px)}}

/* Tech editorial visual system: sophisticated, interactive, light-first. */
:root{--bg:#f4f8fc;--accent:#087d91;--tag:#e7f5f8;--hero-glow:rgba(37,142,178,.12);--line:#d9e4ee}
body{background:radial-gradient(ellipse at 80% 2%,rgba(75,171,200,.13),transparent 42%),linear-gradient(180deg,#f9fcff 0%,#f4f8fc 44%,#f8fafc 100%)}
header{background:rgba(255,255,255,.92)}
.landing-hero{position:relative}.landing-hero:before{content:"";position:absolute;inset:8% 0 0 35%;pointer-events:none;z-index:-1;opacity:.35;background-image:linear-gradient(to right,rgba(10,118,149,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(10,118,149,.08) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to right,transparent,black)}
.hero-art{filter:drop-shadow(0 24px 55px rgba(24,101,142,.10))}
.hero-core{background:linear-gradient(145deg,#fff,#e9f5fa);border:1px solid #cce3eb}
.card,.news-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.card:hover,.news-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(16,59,99,.09);border-color:#9dc7d5}
.news-section{padding-block:clamp(52px,5vw,100px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.news-section .sectionhead{align-items:center}.news-section h2{display:flex;align-items:center;gap:14px}
.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#0ba889;box-shadow:0 0 0 5px rgba(11,168,137,.1)}
.news-all{font-weight:700;text-decoration:none;white-space:nowrap}
.news-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:24px 0}
.news-filter{font:inherit;font-size:.86rem;font-weight:650;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 17px;cursor:pointer}
.news-filter.is-active{color:#fff;background:#126e83;border-color:#126e83}.news-timestamp{margin-left:auto}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.5vw,26px)}
.news-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(20px,1.7vw,32px);display:flex;flex-direction:column;gap:18px;min-width:0;min-height:205px}
.news-meta{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;color:#50718a;font-weight:700;letter-spacing:.02em}
.news-title{font-size:clamp(1.03rem,1.05vw,1.4rem);font-weight:750;line-height:1.4;letter-spacing:-.02em;color:var(--text);text-decoration:none;overflow-wrap:anywhere}
.news-title:hover{color:var(--accent)}.news-read{font-size:.82rem;color:var(--accent);font-weight:700;margin-top:auto}
.news-placeholder{grid-column:1/-1;padding:35px;border:1px dashed #b8cfdb;border-radius:16px;background:#fff;color:var(--muted)}
.news-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:22px}
@media(max-width:1100px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.news-grid{grid-template-columns:minmax(0,1fr)}.news-section .sectionhead{display:block}.news-timestamp{width:100%;margin-left:0}.news-card{min-height:0}.landing-hero:before{display:none}}
@media(prefers-reduced-motion:reduce){.card,.news-card{transition:none}.card:hover,.news-card:hover{transform:none}}

/* ZW Terminal: complete visual direction change, dark tech editorial. */
:root{--bg:#07121e;--text:#eaf4fa;--muted:#9db2c4;--line:#254052;--accent:#62e5c0;--tag:#153c42;--surface:#0f2231}
html{scroll-behavior:smooth}body{background:#07121e!important;color:#eaf4fa!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 75% 3%,rgba(33,144,169,.17),transparent 42%),linear-gradient(90deg,rgba(110,212,217,.025) 1px,transparent 1px),linear-gradient(rgba(110,212,217,.025) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}
header{background:rgba(7,18,30,.94)!important;border-bottom:1px solid #254052!important;backdrop-filter:blur(18px)}
.brand,.brand span,nav a,nav .nav-links a{color:#eaf4fa!important}.brand span{color:#62e5c0!important}
.nav-cta{border:1px solid #386072!important;background:#122b3b!important}
main{background:transparent!important}h1,h2,h3,.card h3,.step h3{color:#f2faff!important}p,.small,.hero-footnote{color:#a8bdce!important}
.eyebrow,.step b{color:#62e5c0!important;letter-spacing:.16em;font-weight:800}
section{border-color:#22394b!important}.landing-hero{position:relative;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;min-height:clamp(540px,43vw,820px);padding-block:clamp(58px,7vw,120px)}
.landing-hero:before{display:none}.landing-hero h1{font-size:clamp(3.1rem,5.8vw,7.6rem);line-height:1.02;letter-spacing:-.065em;max-width:12ch}
.landing-hero h1 em{font-style:normal;color:#62e5c0!important;background:linear-gradient(90deg,#6cf2c9,#77c9ff);background-clip:text;-webkit-text-fill-color:transparent}
.landing-hero .lead{color:#aec4d3!important;max-width:53ch;font-size:clamp(1.05rem,1.35vw,1.45rem);line-height:1.8}
.signal-pulse{display:inline-block;width:8px;height:8px;background:#62e5c0;border-radius:50%;margin-right:9px;box-shadow:0 0 0 6px rgba(98,229,192,.13)}
.button,.actions .button{background:#6de6c4!important;color:#071821!important;border:1px solid #6de6c4!important;border-radius:8px!important;font-weight:800!important;box-shadow:0 10px 32px rgba(45,216,166,.13)}
.button.secondary,.actions .button.secondary{background:transparent!important;color:#d9eaf2!important;border-color:#3b5869!important;box-shadow:none}
.hero-footnote{font-size:.7rem!important;letter-spacing:.12em;font-weight:700;margin-top:24px}.hero-footnote span{color:#62e5c0;padding:0 8px}
.hero-console{border:1px solid #34566a;background:linear-gradient(145deg,#132d3e,#091724);border-radius:16px;min-width:0;box-shadow:0 30px 90px rgba(0,0,0,.36),0 0 75px rgba(37,196,187,.09);overflow:hidden;transform:perspective(1300px) rotateY(-5deg);transition:transform .4s ease}
.hero-console:hover{transform:perspective(1300px) rotateY(0)}
.console-top,.console-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;font-size:clamp(.55rem,.65vw,.78rem);font-weight:800;letter-spacing:.12em;color:#8cb1c2;border-bottom:1px solid #28485a}
.console-bottom{border-bottom:0;border-top:1px solid #28485a}.console-bottom span:first-child{color:#6ce6bf}
.console-indicator{width:9px;height:9px;border-radius:50%;background:#6ce6bf;box-shadow:0 0 16px #6ce6bf}
.console-display{height:clamp(280px,27vw,500px);position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(44,157,168,.18),transparent 60%),linear-gradient(90deg,rgba(100,207,203,.05) 1px,transparent 1px),linear-gradient(rgba(100,207,203,.05) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px}
.console-orbit{position:absolute;aspect-ratio:1;border:1px solid rgba(112,229,215,.25);border-radius:50%}.orbit-a{width:40%}.orbit-b{width:67%;border-style:dashed;animation:zw-spin 65s linear infinite}.orbit-c{width:92%;border-color:rgba(112,229,215,.1)}
.console-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(105px,11vw,170px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 25%,#2e6e79,#0a2534 70%);border:1px solid #70d6c6;box-shadow:0 0 0 12px rgba(102,226,205,.04),0 0 55px rgba(72,219,201,.22)}
.console-center span{font-size:clamp(2.2rem,3.8vw,4.5rem);font-weight:900;letter-spacing:-.09em;color:#c5fff1}.console-center small{font-size:clamp(.43rem,.5vw,.68rem);font-weight:800;letter-spacing:.12em;color:#a4e8da}
.console-point{position:absolute;z-index:3;font-size:clamp(.53rem,.66vw,.8rem);letter-spacing:.09em;font-weight:800;padding:8px 11px;border:1px solid #416c79;background:#0c2635;color:#8ce9d7;border-radius:6px}
.point-cloud{top:19%;left:15%}.point-ai{top:18%;right:11%}.point-sec{bottom:21%;left:9%}.point-net{bottom:17%;right:12%}
@keyframes zw-spin{to{transform:rotate(360deg)}}
.statrow{background:#0d2230!important;border:1px solid #254557!important;border-radius:12px;padding:clamp(18px,2vw,32px)}.stat,.stat strong{color:#dcecf4!important}
.card,.step,.note,.news-card,.news-placeholder{background:#102534!important;border:1px solid #2a4859!important;color:#d9e8f0!important;box-shadow:none!important;border-radius:12px}
.card:hover,.news-card:hover{border-color:#64c7b7!important;box-shadow:0 20px 44px rgba(0,0,0,.2)!important}
.card a,.news-title,.news-footer a,.news-all{color:#79e5c7!important}.tag{background:#163d41!important;color:#86e6ce!important}
.toolbar input,.toolbar select{background:#0d2230!important;color:#e6f4f8!important;border:1px solid #345468!important;border-radius:8px!important}
.news-section{background:linear-gradient(130deg,rgba(16,47,60,.62),rgba(8,23,35,.2));border-radius:18px;padding-inline:clamp(18px,3vw,54px);border:1px solid #284757!important}
.news-filter{background:#112b3a!important;border-color:#345468!important;color:#b8cbd5!important}.news-filter.is-active{background:#66dec0!important;color:#08212b!important;border-color:#66dec0!important}
.news-meta{color:#91b9c7!important}.news-read{color:#78e4c8!important}.live-dot{background:#65e8bf}
footer{background:#06111c!important;border-top:1px solid #294557!important;color:#9eb5c4!important}footer a{color:#7de5c8!important}
@media(max-width:1100px){.landing-hero{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.landing-hero h1{font-size:clamp(2.7rem,5.6vw,5rem)}}
@media(max-width:780px){.landing-hero{grid-template-columns:minmax(0,1fr);padding-top:56px}.landing-hero h1{font-size:clamp(2.7rem,10vw,4.6rem)}.hero-console{width:min(100%,570px);margin:20px auto 0;transform:none}.hero-console:hover{transform:none}.console-display{height:clamp(290px,65vw,420px)}}
@media(max-width:480px){.landing-hero h1{font-size:clamp(2.55rem,10vw,3.5rem)}.console-top,.console-bottom{padding:12px;font-size:.53rem}.console-display{height:280px}.hero-footnote{line-height:1.9}.news-section{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.orbit-b{animation:none}.hero-console{transition:none}}

/* Functional interactions and accessibility. */
.card[hidden],.news-more[hidden],.filter-reset[hidden]{display:none!important}
.product-count{font-size:.85rem;color:#8ed9ca;font-weight:700;white-space:nowrap}
.filter-reset,.news-more{font:inherit;font-weight:750;cursor:pointer;border:1px solid #3e6674;border-radius:8px;padding:11px 18px;background:#143545;color:#c2f7e8;transition:background .2s ease,transform .2s ease}
.filter-reset:hover,.news-more:hover{background:#1c4c58;transform:translateY(-2px)}
.news-more{display:block;margin:28px auto 0;min-width:200px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #81f3d0!important;outline-offset:4px}
nav a[aria-current="location"]{color:#75f2ce!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
@media(max-width:480px){.product-count{width:100%;text-align:center}.filter-reset{width:100%}}
@media(prefers-reduced-motion:reduce){.filter-reset,.news-more{transition:none}.filter-reset:hover,.news-more:hover{transform:none}}

/* Interactive explorer: meaningful motion, hover/focus and selected states. */
.hero-console{transform:none!important;transition:border-color .25s ease,box-shadow .25s ease!important}
.hero-console:hover{transform:none!important;border-color:#61bba9}
.console-display{isolation:isolate}.console-orbit{pointer-events:none}
.console-orbit.orbit-a{animation:orbit-breathe 6s ease-in-out infinite alternate}
.console-orbit.orbit-b{animation:zw-spin 65s linear infinite}
.console-orbit.orbit-c{animation:orbit-breathe 8s ease-in-out infinite alternate-reverse}
.console-center{animation:center-float 5s ease-in-out infinite}
.console-point{font:inherit;font-size:clamp(.62rem,.76vw,.9rem);font-weight:850;letter-spacing:.07em;cursor:pointer;display:flex;align-items:center;gap:10px;white-space:nowrap;box-shadow:0 8px 22px rgba(0,0,0,.2);transition:transform .24s ease,background .24s ease,box-shadow .24s ease,border-color .24s ease}
.console-point span{opacity:.55;transition:opacity .2s ease,transform .2s ease}
.console-point:hover,.console-point:focus-visible{background:#1a5358;color:#d7fff1;border-color:#8bf9d8;transform:translateY(-5px) scale(1.07);box-shadow:0 10px 32px rgba(63,226,196,.22)}
.console-point:hover span,.console-point:focus-visible span{opacity:1;transform:translate(2px,-2px)}
.console-point[aria-pressed="true"]{background:#67e4c4!important;color:#06242c!important;border-color:#baffed!important;box-shadow:0 0 0 5px rgba(103,228,196,.12),0 0 28px rgba(103,228,196,.25)}
.console-point[aria-pressed="true"] span{opacity:1}
.console-insight{display:grid;grid-template-columns:1fr auto;gap:5px 18px;align-items:center;padding:18px 22px;border-top:1px solid #2a4d5b;background:linear-gradient(110deg,#102e3a,#0c2533);min-height:116px}
.insight-kicker{grid-column:1/-1;font-size:.64rem;font-weight:900;letter-spacing:.14em;color:#6ce6bf}
.console-insight strong{font-size:clamp(1rem,1.2vw,1.35rem);color:#f0fff9}
.console-insight p{grid-column:1;max-width:55ch;font-size:clamp(.75rem,.78vw,.94rem);margin:0;color:#a8c6d1!important}
.console-insight a{grid-column:2;grid-row:2/4;font-size:.82rem;font-weight:800;color:#08242c;background:#72e5c6;padding:12px 14px;border-radius:7px;text-decoration:none;white-space:nowrap}
.console-insight a:hover{background:#a5ffe5}
.console-bottom a{color:#8cf1d5;text-decoration:none}.console-bottom a:hover{text-decoration:underline}
.console-bottom .console-indicator{display:inline-block;width:7px;height:7px;margin-right:5px}
@keyframes center-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes orbit-breathe{from{opacity:.45;transform:scale(.985)}to{opacity:1;transform:scale(1.025)}}
@media(max-width:600px){.console-insight{grid-template-columns:1fr}.console-insight a{grid-column:1;grid-row:auto;justify-self:start;margin-top:7px}.console-point{font-size:.57rem;padding:7px}.console-point span{display:none}.point-cloud{left:6%}.point-ai{right:4%}.point-sec{left:4%}.point-net{right:4%}}
@media(prefers-reduced-motion:reduce){.console-orbit.orbit-a,.console-orbit.orbit-b,.console-orbit.orbit-c,.console-center{animation:none}.console-point,.console-point span{transition:none}.console-point:hover,.console-point:focus-visible{transform:none}}

/* News discovery controls, responsive on every display. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.news-search-label{flex:1 1 190px;max-width:340px}.news-search-label input,#news-sort{width:100%;min-height:42px;padding:9px 13px;border:1px solid #345468;border-radius:8px;background:#0d2230;color:#e6f4f8;font:inherit;font-size:.88rem}
.news-search-label input::placeholder{color:#9eb5c4}#news-sort{width:auto;max-width:190px;cursor:pointer}.news-count{font-size:.8rem;font-weight:750;color:#86e6ce;white-space:nowrap}
.news-toolbar{align-items:center}.news-timestamp{flex-basis:100%;text-align:right}
@media(max-width:780px){.news-search-label{max-width:none;flex:1 1 100%}#news-sort{flex:1 1 160px;max-width:none}.news-timestamp{text-align:left}.news-count{margin-left:auto}}

.product-preview-trigger{display:inline-flex;margin-top:16px;padding:10px 14px;border:1px solid #42727b;border-radius:8px;background:#143947;color:#94f3da;font:inherit;font-weight:700;cursor:pointer}
.product-preview-trigger:hover{background:#235662}
.product-preview-dialog{width:min(560px,calc(100vw - 28px));max-height:80vh;overflow:auto;padding:0;border:1px solid #47717c;border-radius:16px;background:#0e2735;color:#eaf4fa}
.product-preview-dialog::backdrop{background:rgba(2,12,20,.78)}
.product-preview-content{padding:clamp(24px,4vw,44px);display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.product-preview-content h2{margin:0}.product-preview-content p{margin:0;color:#b4ced8}
.product-preview-content .preview-status{color:#86e6ce;font-weight:800}
.preview-close{align-self:flex-end;padding:8px 12px;border:1px solid #426476;background:#183849;color:#eaf4fa;border-radius:7px;cursor:pointer;font:inherit}
@media(max-width:480px){.product-preview-trigger{width:100%}}

/* Portfolio comparison interaction */
.compare-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0 22px;padding:16px 18px;border:1px solid #305465;border-radius:10px;background:#102b39}
.compare-help{flex:1 1 270px;color:#b4ced8;font-size:.9rem}.compare-toolbar #compare-count{font-size:.82rem;font-weight:800;color:#84e6ce}
.compare-toolbar button{font:inherit;font-size:.85rem;font-weight:750;padding:9px 14px;border:1px solid #47717c;border-radius:7px;background:#194455;color:#e6f8f4;cursor:pointer}
.compare-toolbar button:disabled{opacity:.4;cursor:not-allowed}.compare-toolbar button:not(:disabled):hover{background:#286576}
.compare-select{display:flex;align-items:center;gap:9px;margin-top:14px;color:#aee7db;font-size:.84rem;font-weight:750;cursor:pointer}
.compare-select input{width:18px;height:18px;accent-color:#65e5c4;cursor:pointer}
.card.is-comparing{border-color:#65e5c4!important;box-shadow:inset 0 0 0 1px rgba(101,229,196,.3)!important}
.product-preview-dialog.comparison-mode{width:min(1040px,calc(100vw - 24px))}
.comparison-mode .product-preview-content{width:100%}.compare-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.compare-table{width:100%;min-width:650px;border-collapse:collapse;text-align:left;font-size:.88rem}
.compare-table th,.compare-table td{padding:15px 14px;vertical-align:top;border-bottom:1px solid #345468;color:#d6e7ed}
.compare-table th{color:#85ead1;font-size:.8rem;letter-spacing:.06em}.compare-table a{color:#7de8ca;white-space:nowrap}
@media(max-width:600px){.compare-toolbar{align-items:stretch}.compare-help{flex-basis:100%}.compare-toolbar button{flex:1 1 120px}}

/* Portfolio alignment: consistent toolbar spacing, equal card heights, aligned actions. */
#products .toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,1fr) auto auto;align-items:center;gap:12px;margin:24px 0 16px}
#products .toolbar input,#products .toolbar select{width:100%;min-width:0;min-height:48px}
#products .toolbar .product-count{justify-self:end}
#products .compare-toolbar{display:flex!important;align-items:center;gap:12px;min-height:66px;margin:0 0 24px;padding:12px 16px;flex-wrap:wrap}
#products .compare-help{flex:1 1 300px;line-height:1.5}
#products #compare-count{white-space:nowrap}
#products .compare-toolbar button{min-height:38px}
#products .grid{align-items:stretch}
#products .grid>.card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;height:100%;padding:clamp(22px,2vw,32px)}
#products .grid>.card>h3{margin-top:18px;margin-bottom:12px}
#products .grid>.card>p{margin-bottom:20px;line-height:1.65}
#products .grid>.card>a{margin-top:auto;display:inline-flex;align-items:center;min-height:38px}
#products .grid>.card>.product-preview-trigger{margin-top:12px;min-height:42px}
#products .grid>.card>.compare-select{margin-top:16px;min-height:28px}
@media(max-width:900px){#products .toolbar{grid-template-columns:minmax(0,1fr) minmax(180px,1fr)}#products .toolbar .product-count{justify-self:start}#products .compare-help{flex-basis:100%}}
@media(max-width:600px){#products .toolbar{grid-template-columns:minmax(0,1fr)}#products .toolbar>*{width:100%;min-width:0}#products .compare-toolbar{align-items:stretch}#products .compare-toolbar button{flex:1 1 130px}#products .grid>.card{height:100%}}

/* Portfolio layout v13: stable card action rows and comparison controls. */
#products .grid>.card{display:flex!important;flex-direction:column!important;align-items:stretch!important}
#products .grid>.card .product-card-actions{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;padding-top:16px}
#products .grid>.card .product-card-actions>a{display:inline-flex;align-items:center;min-height:44px;margin:0!important;white-space:normal}
#products .grid>.card .product-card-actions>.product-preview-trigger{display:inline-flex;align-items:center;justify-content:center;margin:0!important;min-height:44px}
#products .grid>.card>.compare-select{display:flex!important;gap:10px;align-items:center;margin-top:18px}
#products .compare-toolbar{display:flex!important;align-items:center!important;gap:12px!important;padding:16px 18px!important;margin:18px 0 24px!important;border:1px solid #305465!important;border-radius:10px!important;background:#102b39!important}
#products .compare-toolbar .compare-help{flex:1 1 320px;min-width:0}
#products .compare-toolbar button{font:inherit;font-size:.85rem;padding:10px 14px;border:1px solid #47717c;border-radius:7px;background:#194455;color:#e6f8f4}
#products .compare-toolbar button:disabled{opacity:.45}
@media(max-width:700px){#products .compare-toolbar .compare-help{flex-basis:100%}#products .grid>.card .product-card-actions{gap:10px}}

/* News category tabs: compact, responsive, keyboard accessible. */
.news-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #345468;padding:0 0 12px;margin:20px 0 12px}
.news-tabs [role="tab"]{border-radius:8px 8px 0 0;padding:12px 18px;min-height:44px}
.news-tabs [role="tab"][aria-selected="true"]{background:#66dec0!important;color:#08212b!important;border-color:#66dec0!important;box-shadow:inset 0 -3px 0 #08212b}
.news-tabs [role="tab"]:focus-visible{outline-offset:2px}
.news-toolbar{margin-top:12px}
@media(max-width:600px){.news-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain}.news-tabs [role="tab"]{flex:0 0 auto;white-space:nowrap;padding:10px 13px}}

/* News feed v15: consistent tab, toolbar, story and source directory layout. */
#news.news-section{min-width:0}
#news .sectionhead{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}
#news .sectionhead>div{flex:1 1 380px;min-width:0}
#news .news-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 16px;padding:0 0 12px}
#news .news-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) minmax(150px,200px) auto;align-items:center;gap:12px;margin:0 0 14px}
#news .news-search-label{display:block;min-width:0;max-width:none;width:100%;flex:none}
#news .news-search-label input{width:100%;min-height:44px}
#news #news-sort{width:100%;max-width:none;min-height:44px}
#news .news-count{white-space:nowrap}
#news .news-timestamp{grid-column:1/-1;text-align:left;margin:0;flex:none}
#news .news-grid{align-items:stretch}
#news .news-card{min-width:0;min-height:210px;display:flex;flex-direction:column;gap:12px}
#news .news-card .news-read{margin-top:auto}
#news .news-source-directory{margin-top:30px;padding:22px;border:1px solid #345468;border-radius:12px;background:#0c2230}
#news .news-source-heading h3{margin:0 0 6px;font-size:1.05rem}
#news .news-source-heading p{margin:0 0 18px;font-size:.87rem}
#news .news-source-links{display:flex;flex-wrap:wrap;gap:10px}
#news .news-source-links a{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid #345468;border-radius:7px;background:#143545;color:#91e9d3;font-size:.84rem;font-weight:750;text-decoration:none}
#news .news-source-links a:hover{border-color:#62e5c0}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-bottom:18px}
.footer-links a{font-weight:700}
@media(max-width:760px){#news .news-toolbar{grid-template-columns:minmax(0,1fr) minmax(125px,180px)}#news .news-count{grid-column:1/-1}#news .news-timestamp{grid-column:1/-1}}
@media(max-width:500px){#news .news-tabs{flex-wrap:nowrap;overflow-x:auto}#news .news-toolbar{grid-template-columns:minmax(0,1fr)}#news #news-sort,#news .news-count,#news .news-timestamp{grid-column:1}#news .news-source-directory{padding:16px}}

/* Live news refresh controls. */
#news .news-toolbar{grid-template-columns:minmax(200px,1fr) minmax(150px,200px) auto auto}
#news .news-refresh{min-height:44px;padding:9px 14px;border:1px solid #42727b;border-radius:8px;background:#143947;color:#94f3da;font:inherit;font-size:.85rem;font-weight:750;cursor:pointer;white-space:nowrap}
#news .news-refresh:hover{background:#235662}
#news .news-refresh:disabled{opacity:.6;cursor:wait}
@media(max-width:900px){#news .news-toolbar{grid-template-columns:minmax(0,1fr) minmax(130px,190px)}#news .news-count,#news .news-refresh{grid-column:auto}}
@media(max-width:500px){#news .news-toolbar{grid-template-columns:minmax(0,1fr)}#news .news-refresh{grid-column:1;width:100%}}