/* Shared tokens → base → layout → components → responsive. Reuse on future pages. */
:root{--ink:#16243b;--muted:#596779;--blue:#2d66f5;--night:#101c30;--line:#dce3ec;--surface:#f3f6fb;--white:#fff;--container:1180px;--radius:10px;--space-section:100px;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--white);font-family:var(--font);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15}h2{font-size:clamp(1.8rem,3.3vw,2.65rem);letter-spacing:-.035em;margin-bottom:24px}h3{font-size:1.25rem;letter-spacing:-.02em}p{margin-bottom:20px}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f4ad42;outline-offset:5px}.container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:100}.skip-link:focus{top:12px}.header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-size:1.05rem;font-weight:700;line-height:1.4}.brand small{display:block;font-size:.65rem;letter-spacing:.14em;color:var(--muted);margin-top:3px}.brand-mark{display:grid;grid-template-columns:repeat(2,10px);gap:4px;background:var(--blue);padding:9px;border-radius:7px;flex-shrink:0}.brand-mark i{width:10px;height:10px;background:white}.brand-mark i:last-child{opacity:.45}nav{display:flex;align-items:center;gap:30px;font-size:.9rem}nav a:hover,.text-link:hover{color:var(--blue)}.nav-contact{border:1px solid var(--line);padding:10px 22px;border-radius:6px}.menu-toggle{background:white;border:1px solid var(--line);border-radius:6px;padding:8px 13px;color:var(--ink)}.hero{color:white;background:var(--night);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:72px;padding-top:80px;padding-bottom:64px;align-items:center}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.14em;color:var(--blue);margin-bottom:22px}.hero .eyebrow{color:#90b3ff}h1{font-size:clamp(2.55rem,4.7vw,4rem);letter-spacing:-.045em;line-height:1.08;margin-bottom:28px}h1 span{color:#8db0ff}.hero-description{max-width:480px;color:#bac6d8;font-size:1.05rem;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 24px;border-radius:6px;font-size:.95rem;font-weight:700;min-height:50px}.button-primary{background:var(--blue);color:white}.button-primary:hover{background:#1e53d2}.text-link{font-size:.9rem;border-bottom:1px solid #6b7890;padding:7px 0}.hero-note{color:#8f9eb6;font-size:.8rem;margin:28px 0 0}.solution{background:linear-gradient(140deg,#20324f,#142239);border:1px solid #3a4a65;border-radius:var(--radius);transform:none;box-shadow:0 24px 60px #0003;padding:24px}.solution-top,.solution-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:.7rem;letter-spacing:.1em;color:#b5c6e0}.solution-index{color:#8296b4}.solution-center{padding:45px 0 38px;text-align:center}.diagram-label{font-size:.7rem;letter-spacing:.18em;color:#9fb8e2}.diagram-core{border:1px solid #6683b1;background:#2b4163;max-width:235px;margin:20px auto 28px;padding:24px;border-radius:8px;position:relative}.diagram-core:after{content:'';position:absolute;height:29px;width:1px;background:#6683b1;bottom:-29px;left:50%}.core-mark{display:block;font-size:2rem;color:#91b3ff;line-height:1;margin-bottom:15px}.diagram-core strong{font-size:1.4rem;line-height:1.3}.diagram-nodes{display:flex;justify-content:center;gap:10px}.diagram-nodes span{border:1px solid #496183;background:#1a2e4a;padding:10px 12px;font-size:.8rem;border-radius:5px}.solution-bottom{border-top:1px solid #40506a;padding-top:20px;letter-spacing:0}.square{width:8px;height:8px;background:#8db0ff}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #344157;padding:22px 0;color:#b2bfd1;font-size:.85rem;gap:20px}.hero-bottom span:before{content:'—';color:#779be7;margin-right:13px}.section{padding-block:var(--space-section)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.lead{font-size:1.35rem;line-height:1.55;color:var(--ink)}.about-copy{color:var(--muted)}.about-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.about-tags span{font-size:.8rem;padding:7px 12px;background:var(--surface);border:1px solid var(--line);border-radius:4px}.services{background:var(--surface)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:38px}.section-heading h2{max-width:660px;margin-bottom:0}.section-heading>p{font-size:.9rem;color:var(--muted);margin:0;flex-shrink:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;color:#8190a4;font-size:.8rem}.service-symbol{background:#edf2ff;color:var(--blue);width:46px;height:46px;border-radius:7px;display:grid;place-items:center;font-size:1.5rem;font-weight:500}.service-card h3{margin-bottom:15px}.service-card p{color:var(--muted);font-size:.95rem;line-height:1.65;margin-bottom:28px}.card-label{margin-top:auto;color:#697b95;font-size:.65rem;letter-spacing:.1em}.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.advantage-grid article{border-top:1px solid var(--line);padding-top:23px}.advantage-grid article>span{font-size:.85rem;color:var(--blue);display:block;margin-bottom:25px}.advantage-grid h3{font-size:1.1rem;margin-bottom:14px}.advantage-grid p{font-size:.9rem;color:var(--muted);margin:0}.contacts{background:#eaf0fc}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contacts h2{max-width:420px;font-size:clamp(2rem,3.6vw,3rem)}.contacts p{color:var(--muted)}.contact-details>div{margin-bottom:24px}.contact-label{display:block;font-size:.65rem;letter-spacing:.1em;color:#5b6c87;margin-bottom:7px}.contact-value{font-size:clamp(1.2rem,2.3vw,1.7rem);font-weight:700;overflow-wrap:anywhere}.contact-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:.9rem}.placeholder-note{font-size:.8rem;margin-bottom:0}.footer{padding:38px 0 28px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:30px}.footer-top{align-items:center;padding-bottom:26px;border-bottom:1px solid var(--line)}.footer-top>span{font-size:.85rem;color:var(--muted)}.footer-bottom{padding-top:25px;font-size:.8rem;color:var(--muted)}.footer-bottom p{margin:0}.footer-bottom p>span{display:block;margin-top:6px}.policy{max-width:430px}.policy summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.policy p{margin-top:16px;line-height:1.6}
@media(min-width:761px){.menu-toggle{display:none!important}nav[hidden]{display:flex}}
@media(max-width:1000px){.hero-grid{gap:35px}.split,.contact-grid{gap:40px}.section-heading{display:block}.section-heading>p{margin-top:20px}.service-grid{grid-template-columns:repeat(2,1fr)}.advantage-grid{grid-template-columns:repeat(2,1fr)}nav{gap:18px}.brand small{font-size:.6rem}}
@media(max-width:760px){:root{--space-section:64px}.container{width:calc(100% - 36px)}.header-inner{min-height:76px;flex-wrap:wrap;gap:16px;padding-block:16px}.brand{font-size:.9rem}.brand small{font-size:.55rem}.brand-mark{grid-template-columns:repeat(2,8px);padding:8px}.brand-mark i{width:8px;height:8px}nav{width:100%;flex-wrap:wrap;padding-bottom:8px;gap:16px 24px}nav[hidden]{display:none}.hero-grid{grid-template-columns:1fr;padding:52px 0 40px;gap:40px}h1{font-size:clamp(2.4rem,8.8vw,3.5rem)}.hero-description{font-size:1rem}.solution{transform:none;max-width:440px;width:100%;margin-inline:auto}.solution-center{padding:25px 0}.hero-bottom{flex-wrap:wrap;gap:10px 24px;font-size:.75rem}.split,.contact-grid{grid-template-columns:1fr;gap:20px}.service-grid{gap:14px}.service-card{padding:22px}.service-card h3{font-size:1.15rem}.contact-meta{gap:20px}.footer-top,.footer-bottom{flex-direction:column;gap:18px}.policy{max-width:100%}}
@media(max-width:480px){.service-grid,.advantage-grid{grid-template-columns:1fr}.hero-actions{gap:20px;flex-wrap:wrap}.diagram-nodes span{padding:9px;font-size:.75rem}.contact-meta{grid-template-columns:1fr}.hero-bottom{display:grid}.advantage-grid{gap:28px}.advantage-grid article>span{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Contact and legal details remain readable at narrow widths. */
.diagram-nodes{flex-wrap:wrap}.footer-bottom p{overflow-wrap:anywhere}.contact-value:hover{color:var(--blue)}

/* COREPORT dark theme and reusable processor identity. */
:root{color-scheme:dark;--ink:#e8eef8;--muted:#a9b6ca;--blue:#82a6ff;--night:#0b111b;--line:#2b374b;--surface:#101a29;--white:#0e1623}
.header{background:#0b111b}.brand small{color:#a0aec3}.brand{letter-spacing:.015em}.nav-contact{background:#142035}.menu-toggle{background:#142035;color:var(--ink)}.skip-link{background:#142035;color:var(--ink)}
.hero{background:radial-gradient(ellipse at 85% 30%,#172b48 0,transparent 55%),var(--night)}.hero .eyebrow{color:#9ebeff}.button-primary{background:#3267ee;color:#fff}.button-primary:hover{background:#477afb}.hero-bottom{border-color:var(--line)}
.about{background:#0e1623}.services{background:#0b121e}.service-card{background:#121e30;border-color:#2b3b53}.service-symbol{background:#203452;color:#a5c1ff}.card-top{color:#a4b3c9}.card-label{color:#a8b9d3}.about-tags span{background:#172338;color:#c0ccde}.advantages{background:#0e1623}.contacts{background:linear-gradient(115deg,#172844,#101b2d)}.contact-label{color:#a5b9d9}.footer{background:#0a101a}.solution{background:linear-gradient(140deg,#1c304e,#101d30);box-shadow:0 24px 60px #0005}.solution-top{color:#c0d0e8}.solution-index{color:#a1b3cc}.diagram-label{color:#b1c6e8}.solution-bottom{color:#bbcae0}
.processor-logo{display:block;width:58px;height:58px;flex-shrink:0;overflow:visible}.logo-core{transform-origin:32px 32px;animation:core-breathe 4s ease-in-out infinite}.signal{opacity:0;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.signal-one{animation-name:signal-horizontal}.signal-two{animation-name:signal-vertical;animation-delay:1.3s}.signal-three{animation-name:signal-reverse;animation-delay:2.6s}
@keyframes core-breathe{0%,100%{opacity:.65}50%{opacity:1;filter:drop-shadow(0 0 4px #8ee4ed)}}
@keyframes signal-horizontal{0%,10%{opacity:0;transform:translateX(0)}20%{opacity:.8}65%{opacity:.8;transform:translateX(20px)}80%,100%{opacity:0;transform:translateX(20px)}}
@keyframes signal-vertical{0%,10%{opacity:0;transform:translateY(0)}20%{opacity:.8}65%{opacity:.8;transform:translateY(18px)}80%,100%{opacity:0;transform:translateY(18px)}}
@keyframes signal-reverse{0%,10%{opacity:0;transform:translateX(0)}20%{opacity:.8}65%{opacity:.8;transform:translateX(-20px)}80%,100%{opacity:0;transform:translateX(-20px)}}
@media(max-width:760px){.processor-logo{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.logo-core,.signal{animation:none}.logo-core{opacity:1}.signal{opacity:0}}

/* Four infrastructure areas share a balanced two-column layout. */
.diagram-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:340px;margin-inline:auto}.diagram-nodes span{display:flex;align-items:center;justify-content:center;min-width:0;white-space:normal}

/* Processor artwork and separate lightweight signal animation. */
.hero{position:relative;isolation:isolate;background:#090f19}.hero-visual{position:absolute;inset:0;z-index:-2;background:url('../images/processor-background.webp') center/cover no-repeat;opacity:.66;pointer-events:none}.hero-signals{display:block;width:100%;height:100%}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,15,25,.98) 0%,rgba(9,15,25,.9) 30%,rgba(9,15,25,.55) 62%,rgba(9,15,25,.28)),linear-gradient(0deg,#090f19 0%,transparent 30%);pointer-events:none}.solution{background:linear-gradient(140deg,rgba(25,44,72,.9),rgba(14,25,42,.93))}.hero-bottom{flex-wrap:wrap;align-items:center}.motion-toggle{color:#a7b6cc;background:#101c2c;border:1px solid #344157;border-radius:5px;padding:7px 11px;font-size:.75rem;cursor:pointer}.motion-toggle:hover{color:white;border-color:#82a6ff}.motion-toggle[hidden]{display:none}.header .brand{font-size:1.2rem;letter-spacing:.04em}
@media(max-width:760px){.hero-visual{opacity:.45}.hero:after{background:linear-gradient(90deg,rgba(9,15,25,.93),rgba(9,15,25,.6)),linear-gradient(0deg,#090f19,transparent 60%)}.header .brand{font-size:1.1rem}}

/* Open hero composition exposes the processor background. */
.hero-grid{grid-template-columns:minmax(0,660px);min-height:650px;padding-top:90px;padding-bottom:90px}.hero-copy{width:100%}.hero-description{max-width:540px}
@media(max-width:760px){.hero-grid{min-height:0;padding-top:64px;padding-bottom:64px}.hero-copy{max-width:580px}}

/* Corporate core mark: restrained, geometric and static. */
.corporate-logo{display:block;width:46px;height:46px;flex-shrink:0}.brand{gap:14px}.header .brand{font-weight:700;letter-spacing:.055em}
@media(max-width:760px){.corporate-logo{width:40px;height:40px}}

/* Graphite palette: neutral metal surfaces with restrained blue accents. */
:root{--ink:#eceef2;--muted:#adb0b8;--blue:#8daeff;--night:#101113;--line:#35373d;--surface:#1c1d21;--white:#17181b}
body{background:#17181b}.header{background:#111214;border-color:#303238}.brand small{color:#a9abb3}.nav-contact,.menu-toggle,.skip-link{background:#202125;border-color:#3a3c42}.hero{background:#101113}.hero:after{background:linear-gradient(90deg,rgba(16,17,19,.98) 0%,rgba(16,17,19,.9) 30%,rgba(16,17,19,.55) 62%,rgba(16,17,19,.28)),linear-gradient(0deg,#101113 0%,transparent 30%)}.hero-description{color:#bec0c8}.hero-note{color:#a1a4ad}.hero-bottom{border-color:#3a3c43;color:#bfc1c9}.text-link{border-color:#737680}.motion-toggle{background:#202125;border-color:#44464e;color:#bec0c8}.about,.advantages{background:#18191c}.services{background:#111214}.service-card{background:linear-gradient(145deg,#24252a,#1d1e22);border-color:#393b42}.service-symbol{background:#30333b;color:#a9bfff}.card-top{color:#b0b3bd}.card-label{color:#b4b8c3}.about-tags span{background:#25262b;border-color:#3b3d44;color:#c6c8cf}.contacts{background:linear-gradient(115deg,#2a2b30,#1c1d21)}.contact-label{color:#b7bac4}.footer{background:#101113}.footer-top{border-color:#35373d}.advantage-grid article{border-color:#3b3d43}
@media(max-width:760px){.hero:after{background:linear-gradient(90deg,rgba(16,17,19,.93),rgba(16,17,19,.6)),linear-gradient(0deg,#101113,transparent 60%)}}