/* Ilium Technology · v3
   Semantic light/dark tokens, chromatic service families and progressive motion.
   No fonts, trackers, third-party scripts or remote images are required. */
:root {
  color-scheme:light;
  --ink:#192432; --muted:#576574; --blue:#007aaa; --blue-hover:#00658e;
  --navy:#111b2a; --navy-deep:#0b111b; --paper:#f5f6f8; --pale:#edf5f9;
  --line:#dfe4eb; --white:#ffffff; --surface:#ffffff; --surface-2:#f7f8fa;
  --surface-raised:#ffffff; --header:rgba(255,255,255,.94);
  --button-bg:#007fae; --button-text:#ffffff; --input-bg:#f8fafb;
  --warm:#fcf8f3; --sage:#eff6f3; --muted-strong:#435366;
  --hero-gradient:radial-gradient(ellipse at 83% 26%,#dce9fe 0,transparent 42%),radial-gradient(ellipse at 70% 100%,#e2f1ed 0,transparent 38%),linear-gradient(120deg,#fdfaf6,#f9fbfd 56%,#eef3fb);
  --contact-gradient:radial-gradient(ellipse at 90% 20%,#f6dfdd,transparent 58%),linear-gradient(135deg,#fcf6f1,#f5ecf7);
  --shadow:0 18px 54px rgba(22,32,52,.09);
  --accent:#087dab;--accent-rgb:8,125,171;
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --ink:#f0f3f8; --muted:#b0b9c8; --blue:#78caff; --blue-hover:#9cd8ff;
  --navy:#101929; --navy-deep:#090d15; --paper:#131a25; --pale:#192735;
  --line:#2b3545; --white:#101620; --surface:#121923; --surface-2:#171f2d;
  --surface-raised:#1c2634; --header:rgba(15,21,31,.95);
  --button-bg:#56bef1; --button-text:#072030; --input-bg:#141e2b;
  --warm:#181b23; --sage:#122523; --muted-strong:#c3cddb;
  --hero-gradient:radial-gradient(ellipse at 88% 34%,#263047 0,transparent 43%),radial-gradient(ellipse at 74% 85%,#123938 0,transparent 38%),linear-gradient(120deg,#0e1420,#101724 70%,#151a2c);
  --contact-gradient:radial-gradient(ellipse at 90% 20%,#382437,transparent 60%),linear-gradient(135deg,#241e29,#171d2d);
  --shadow:0 18px 54px rgba(0,0,0,.23);
  --accent:#78caff;--accent-rgb:120,202,255;
}
/* Preserve a user's OS preference even when JavaScript is disabled. */
@media (prefers-color-scheme:dark) {
  :root:not(.js) {
    color-scheme:dark;--ink:#f0f3f8;--muted:#b0b9c8;--blue:#78caff;--blue-hover:#9cd8ff;
    --navy:#101929;--navy-deep:#090d15;--paper:#131a25;--pale:#192735;--line:#2b3545;
    --white:#101620;--surface:#121923;--surface-2:#171f2d;--surface-raised:#1c2634;--header:rgba(15,21,31,.95);
    --button-bg:#56bef1;--button-text:#072030;--input-bg:#141e2b;--warm:#181b23;--sage:#122523;--muted-strong:#c3cddb;
    --hero-gradient:radial-gradient(ellipse at 88% 34%,#263047,transparent 43%),linear-gradient(120deg,#0e1420,#101724 70%,#151a2c);
    --contact-gradient:linear-gradient(135deg,#241e29,#171d2d);--shadow:0 18px 54px rgba(0,0,0,.23);
  }
}
[data-tone="blue"]{--accent:#077ba8;--accent-rgb:7,123,168}
[data-tone="orange"]{--accent:#b45320;--accent-rgb:180,83,32}
[data-tone="violet"]{--accent:#7452c8;--accent-rgb:116,82,200}
[data-tone="green"]{--accent:#087960;--accent-rgb:8,121,96}
[data-tone="gold"]{--accent:#946309;--accent-rgb:148,99,9}
[data-tone="rose"]{--accent:#ac4566;--accent-rgb:172,69,102}
[data-theme="dark"] [data-tone="blue"]{--accent:#78caff;--accent-rgb:120,202,255}
[data-theme="dark"] [data-tone="orange"]{--accent:#ffb383;--accent-rgb:255,179,131}
[data-theme="dark"] [data-tone="violet"]{--accent:#b9a1ff;--accent-rgb:185,161,255}
[data-theme="dark"] [data-tone="green"]{--accent:#83dec4;--accent-rgb:131,222,196}
[data-theme="dark"] [data-tone="gold"]{--accent:#ebce80;--accent-rgb:235,206,128}
[data-theme="dark"] [data-tone="rose"]{--accent:#f3a0ba;--accent-rgb:243,160,186}
html{scroll-padding-top:112px}
body{background:var(--white);color:var(--ink)}
h1,h2,h3{font-weight:700}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.button{border-radius:11px;min-height:48px}
.button-primary{background:var(--button-bg);color:var(--button-text);box-shadow:0 4px 18px #087dab18}
.button-primary:hover{background:var(--button-bg);filter:brightness(1.08);box-shadow:0 10px 28px #077bab24}
.button-primary .icon{transition:transform .22s}
.button-primary:hover .icon{transform:translate(2px,-2px)}
.button-outline{border-color:var(--line);color:var(--ink)}
.button-outline:hover{background:var(--pale);border-color:var(--blue)}
.button-ghost{color:var(--ink)}
.text-link{color:var(--blue)}
.icon-box{background:rgba(var(--accent-rgb),.10);border-color:rgba(var(--accent-rgb),.18);color:var(--accent)}
.eyebrow{color:var(--accent)}
.section-no{border-color:rgba(var(--accent-rgb),.3);color:var(--accent)}
.utility-bar{background:#0f1725;color:#c7d3e0}
.utility-inner{min-height:33px}
.site-header{background:var(--header);border-color:var(--line);transition:box-shadow .2s}
.site-header.is-scrolled{box-shadow:0 5px 24px #00000012}
.header-inner{gap:18px;height:86px}
.desktop-nav{gap:17px}
.nav-link,.nav-disclosure>summary{color:var(--muted-strong)}
.nav-link:hover,.nav-link.active,.nav-disclosure>summary:hover,.nav-disclosure.active>summary{color:var(--blue)}
.nav-dropdown,.mobile-nav-panel{background:var(--surface-raised);border-color:var(--line)}
.nav-dropdown>a:hover,.nav-dropdown>a[aria-current]{background:var(--pale);color:var(--blue)}
.mobile-nav-panel>.nav-link,.mobile-nav-panel>.nav-disclosure>summary{border-color:var(--line)}
.mobile-nav-panel .nav-dropdown{background:var(--surface-2)}
[data-theme="dark"] .brand img{filter:brightness(0) invert(1)}
.theme-menu{display:none;position:relative;flex-shrink:0}
.js .theme-menu{display:block}
.theme-menu>summary{display:grid;place-items:center;border:1px solid var(--line);width:42px;height:42px;border-radius:50%;background:var(--surface);color:var(--ink);transition:background .2s,transform .2s}
.theme-menu>summary:hover{background:var(--pale);transform:rotate(-10deg)}
.theme-menu>summary .icon{width:20px;height:20px}
.theme-moon{display:none}
[data-theme="dark"] .theme-sun{display:none}
[data-theme="dark"] .theme-moon{display:block}
.theme-panel{position:absolute;right:-60px;top:calc(100% + 18px);width:218px;padding:14px;background:var(--surface-raised);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);color:var(--ink)}
.theme-panel-title{display:block;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 9px 10px;color:var(--muted)}
.theme-panel button{display:flex;align-items:center;gap:11px;min-height:43px;border:0;background:none;border-radius:8px;padding:10px;width:100%;text-align:left;font-size:13px}
.theme-panel button>.icon{width:17px;height:17px}
.theme-panel button:hover{background:var(--pale)}
.theme-panel button[aria-pressed="true"]{color:var(--blue);background:var(--pale)}
.theme-check{margin-left:auto;visibility:hidden}
.theme-panel button[aria-pressed="true"] .theme-check{visibility:visible}
.theme-panel p{font-size:10px;line-height:1.6;color:var(--muted);margin:10px 9px 3px}
/* Editorial hero: photography + colored service layers, not fictional dashboards. */
.home-hero{position:relative;isolation:isolate;background:var(--hero-gradient);padding:64px 0 0;overflow:hidden}
.home-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(102,127,162,.30) .6px,transparent .8px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent 25%,black);opacity:.32;z-index:-1}
.hero-grid{grid-template-columns:1.04fr 1fr;gap:52px}
.hero-copy h1{font-size:clamp(49px,4.75vw,69px);line-height:1.09;letter-spacing:-3.5px}
.hero-copy h1 span{color:var(--blue);font-size:.91em;letter-spacing:-2.8px}
.hero-copy .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:27px;color:var(--muted-strong)}
.live-dot{width:7px;height:7px;background:#119277;border-radius:50%;box-shadow:0 0 0 5px #11927712;flex-shrink:0}
.hero-description{color:var(--muted);font-size:16px;line-height:1.85;margin-top:25px}
.hero-actions{gap:21px;margin-top:31px}
.hero-note{color:var(--muted-strong);margin-top:24px;font-size:11px}
.hero-note span{color:var(--muted)}
.hero-topics{display:flex;gap:18px;flex-wrap:wrap;margin-top:29px;padding-top:20px;border-top:1px solid var(--line);max-width:420px}
.hero-topics>a{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted-strong)}
.hero-topics>a:nth-child(1)>.icon{color:var(--blue)}
.hero-topics>a:nth-child(2)>.icon{color:#9b81df}
.hero-topics>a:nth-child(3)>.icon{color:#d19558}
.hero-topics .icon{width:15px;height:15px}
.hero-topics>a:hover{color:var(--blue)}
.hero-visual{padding:38px 18px 49px 28px;perspective:1000px}
.hero-photo-wrap{height:420px;border-radius:24px 24px 76px 24px;transform:rotate(2deg);border:1px solid #ffffff35;box-shadow:0 30px 60px #0d1b3c28}
.hero-photo-wrap>img{opacity:1;object-position:55% 50%;transform:scale(1.03)}
.hero-photo-wrap:after{background:linear-gradient(180deg,#10172e9c,transparent 28%,#090f2630 50%,#090f26e6)}
.photo-caption{bottom:53px;left:28px;right:26px;gap:12px}
.photo-caption>span:first-child{font-size:32px;font-weight:600;letter-spacing:-1.2px}
.photo-caption-small{font-size:7px;letter-spacing:1px}
.photo-topline{top:25px;left:26px;right:25px}
.photo-topline>span{font-size:7px;letter-spacing:1px}
.hero-floating{bottom:21px;left:0;right:63px;background:var(--surface-raised);border-color:var(--line);padding:19px 23px;box-shadow:var(--shadow);border-radius:15px;z-index:3}
.floating-icon{color:var(--blue);background:var(--pale)}
.hero-floating strong{font-size:12px;color:var(--ink)}
.hero-lightfield{position:absolute;inset:5% -15% -2% 0;z-index:-1;background:radial-gradient(ellipse at 30% 30%,#bdade155,transparent 55%),radial-gradient(ellipse at 75% 75%,#62c1c34a,transparent 60%);filter:blur(24px)}
.hero-orbit{top:6%;right:-8%;width:470px;height:470px;border-color:#809fc336;transform:rotate(-18deg) scaleY(.85)}
.hero-orbit:after{border-color:#809fc324}
.hero-cross{top:5px;left:20px;color:var(--blue);opacity:.55}
.hero-service-chip{position:absolute;display:flex;align-items:center;gap:11px;padding:16px 20px;border:1px solid #ffffff2e;border-radius:13px;z-index:4;box-shadow:0 14px 30px #08122326;color:#f6f7fc}
.hero-service-chip>.icon{width:25px;height:25px}
.hero-service-chip small{display:block;font-size:7px;letter-spacing:1.1px;font-weight:600;opacity:.8;margin-bottom:2px}
.hero-service-chip strong{font-size:12px;font-weight:600;white-space:nowrap}
.chip-linux{right:-6px;top:11px;background:linear-gradient(130deg,#504080,#302542);transform:rotate(-3deg)}
.chip-linux>.icon{color:#c8b9ff}
.chip-network{right:-14px;bottom:137px;background:linear-gradient(130deg,#166a60,#10413d);transform:rotate(-3deg)}
.chip-network>.icon{color:#a0e9d8}
.hero-dot{position:absolute;width:10px;height:10px;border-radius:50%;z-index:0;background:#c99661}
.dot-one{top:10px;left:60px}
.dot-two{bottom:74px;right:16px;width:7px;height:7px;background:#9e84da}
.hero-bottom-note{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:22px 0;margin-top:45px}
.hero-bottom-note>span{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.5px;color:var(--muted)}
.hero-bottom-note>span>.icon{width:15px;height:15px}
.hero-bottom-note>a{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:600;color:var(--muted-strong)}
.hero-bottom-note>a>.icon{width:16px;height:16px}
/* A horizontal, keyboard-scrollable logo gallery. No implicit partnerships. */
.brands-section{padding:42px 0 31px;border-bottom:1px solid var(--line);background:var(--surface)}
.brands-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:22px}
.brands-heading .eyebrow{font-size:8px;margin-bottom:9px;letter-spacing:1.4px;color:var(--muted)}
.brands-heading h2{font-size:26px;letter-spacing:-.8px}
.accent-period{color:var(--blue)}
.brand-controls{display:flex;align-items:center;gap:22px}
.brand-controls>p{font-size:11px;color:var(--muted)}
.rail-buttons{display:none;gap:8px}
.js .rail-buttons{display:flex}
.rail-buttons button{border:1px solid var(--line);background:var(--surface-2);width:37px;height:37px;display:grid;place-items:center;border-radius:50%;color:var(--ink)}
.rail-buttons button:disabled{opacity:.35;cursor:default}
.rail-buttons button:not(:disabled):hover{background:var(--pale);border-color:var(--blue)}
.rail-buttons .icon{width:16px;height:16px}
.rail-buttons button:first-child>.icon{transform:rotate(180deg)}
.brand-rail{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 2px 13px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.brand-tile{flex:0 0 159px;scroll-snap-align:start;min-width:0;display:flex;flex-direction:column;gap:10px;transition:transform .2s}
.brand-logo{height:79px;width:100%;background:#fff;border:1px solid #e6e8ed;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:15px}
.brand-logo>img{width:124px;height:49px;object-fit:contain}
.brand-tile:hover{transform:translateY(-3px)}
.brand-tile-label{display:flex;justify-content:space-between;align-items:center;gap:9px;padding-inline:5px;color:var(--muted);font-size:9px}
.brand-tile-label>.icon{width:12px;height:12px;opacity:.7}
.brand-disclaimer{font-size:9px;line-height:1.8;color:var(--muted);margin-top:9px;max-width:980px}
/* Six service families, each with a distinct accent rather than six blue boxes. */
.services-section{background:var(--white)}
.heading-aside>p{color:var(--muted)}
.filter-group{background:var(--paper);border-color:var(--line)}
.filter-button{color:var(--muted)}
.filter-button.active{background:var(--surface-raised);color:var(--blue)}
.services-grid{gap:22px}
.service-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(var(--accent-rgb),.075),transparent 62%),var(--surface);border-radius:19px;position:relative;overflow:hidden;padding:29px}
.service-card:before{content:"";position:absolute;top:0;left:29px;right:29px;height:2px;background:rgba(var(--accent-rgb),.55)}
.service-card:hover{border-color:rgba(var(--accent-rgb),.55);box-shadow:var(--shadow)}
.card-index{color:var(--accent);opacity:.8;font-family:Consolas,monospace}
.service-card h3{font-size:22px;line-height:1.25}
.service-card h3 a:hover{color:var(--accent)}
.service-card .icon-box{border-radius:14px;width:51px;height:51px}
.service-card>p{font-size:13px;color:var(--muted)}
.service-tags>span{background:rgba(var(--accent-rgb),.065);color:var(--muted-strong)}
.card-bottom{border-color:var(--line)}
.card-bottom strong{font-size:27px}
.circle-link{color:var(--accent);border-color:rgba(var(--accent-rgb),.25);background:rgba(var(--accent-rgb),.07)}
.circle-link:hover{background:var(--accent);color:var(--surface);border-color:var(--accent)}
.price-note{color:var(--muted)}
.services-section .service-card[data-tone="violet"]{--ink:#f5f3ff;--muted:#d0c7e5;--muted-strong:#e0d7ed;--accent:#c5b1ff;--accent-rgb:197,177,255;--line:#6f5b8d;background:linear-gradient(140deg,#4b3966,#292137);color:var(--ink);border-color:#67547f}
.services-section .service-card[data-tone="violet"] .circle-link:hover{color:#231a34}
/* Helpful, interactive service routing. This is not an automated diagnosis. */
.solution-finder{background:var(--sage);border-block:1px solid var(--line)}
.finder-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:95px;align-items:center}
.finder-copy .eyebrow{color:var(--accent);font-size:10px}
.finder-copy h2{font-size:46px;line-height:1.12;letter-spacing:-1.9px}
.finder-copy h2>span{color:#167c6a}
[data-theme="dark"] .finder-copy h2>span{color:#87dcc4}
.finder-copy>p:last-child{color:var(--muted);font-size:14px;margin-top:22px;line-height:1.8;max-width:380px}
.finder-panel{background:var(--surface);border:1px solid var(--line);border-radius:21px;padding:27px;box-shadow:var(--shadow)}
.finder-options{display:none;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:25px}
.js .finder-options{display:grid}
.finder-options button{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;min-height:44px;padding:10px;font-size:11px;color:var(--muted-strong)}
.finder-options button.active{background:var(--pale);border-color:var(--blue);color:var(--blue);font-weight:650}
.finder-options button:hover{border-color:var(--blue)}
.finder-result{padding:21px 22px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;min-height:206px}
.finder-result-label{font-size:8px;letter-spacing:1.35px;color:var(--muted);font-weight:600}
.finder-result h3{font-size:23px;margin:12px 0;line-height:1.25}
.finder-result p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:20px}
.finder-result .text-link{font-size:12px}
.finder-note{display:block;color:var(--muted);font-size:9px;line-height:1.7;padding:15px 2px 0}
/* A genuinely contrasting section, shared by both themes. */
.inverted-section{--ink:#f0f5fb;--muted:#b2c0d1;--blue:#8bd8f4;--line:#354457;--surface:#1a2638;--surface-2:#1d2b3c;--pale:#223d50;--muted-strong:#c8d9e7;background:radial-gradient(ellipse at 100% 0,#233553 0,transparent 48%),linear-gradient(135deg,#111b2a,#151f30);color:var(--ink);border-color:#283951}
.inverted-section .section-heading .eyebrow{color:#8fc5db}
.inverted-section h2>span{color:#9cb0c8}
.platform-card{background:var(--surface);border-color:var(--line);border-radius:13px;padding:21px 15px;transition:background .2s,border .2s,transform .2s}
.platform-card:hover{background:var(--surface-2);border-color:var(--blue);transform:translateY(-3px)}
.inverted-section .platform-card>.icon:first-child{color:#91d6f0}
.inverted-section .platform-card:nth-child(2)>.icon:first-child{color:#9ee2c3}
.inverted-section .platform-card:nth-child(3)>.icon:first-child{color:#c6adf3}
.inverted-section .platform-card:nth-child(4)>.icon:first-child{color:#e8bd88}
.inverted-section .platform-card:nth-child(5)>.icon:first-child{color:#a1d88b}
.inverted-section .platform-card:nth-child(6)>.icon:first-child{color:#e8afc2}
.linux-banner{background:radial-gradient(circle at 85% 25%,#164943 0,transparent 50%),linear-gradient(120deg,#17332f,#112925);border:1px solid #396052;border-radius:22px;padding:46px 48px;gap:50px}
.linux-banner:after{border-color:#426c573f}
.linux-banner h3{font-size:38px}
.tag-light{color:#a3e6c6;border-color:#54796c}
.linux-banner-copy>p{color:#bcd2c8}
.terminal{background:#0d1918;border-color:#477360;border-radius:13px;transform:rotate(-2deg)}
.terminal-top{background:#172823;border-color:#335444;padding:14px}
.terminal-top>span:first-child{background:#d18f8c}
.terminal-top>span:nth-child(2){background:#dbb670}
.terminal-top>span:nth-child(3){background:#85bb97}
.terminal-top small{color:#bdcfc5;font-size:8px}
.terminal-top .terminal-demo-label{width:auto;height:auto;border-radius:3px;background:transparent;color:#7e9d8f;border:1px solid #456454;padding:2px 5px;margin-left:10px;font-size:6px;letter-spacing:.7px}
.terminal-body{color:#c9dbd3;padding:26px 23px;font-size:11px}
.terminal-body em{color:#a2e3bc}
.terminal-body p>span:not(.terminal-cursor){color:#6d9c85}
.terminal-cursor{background:#9de0b5}
.distro-labels{color:#bdcfc3}
.distro-labels>span+span:before{color:#779585}
/* Warm editorial block, compact steps and comfortable FAQ. */
.about-section{background:var(--warm)}
.about-visual>img{filter:saturate(.9);border-radius:22px}
.about-label{background:linear-gradient(135deg,#694c3d,#312722);color:#fff6f0;border:1px solid #ab806944;box-shadow:0 18px 30px #0000001b}
.about-label>.icon{color:#edc49f}
.about-label span{color:#dbc1ad}
.about-values>div{color:var(--muted-strong)}
.about-values .icon{color:var(--accent)}
.process-section{background:var(--surface);border-color:var(--line)}
.process-grid{gap:24px}
.process-step{padding:24px 22px;background:var(--surface-2);border:1px solid var(--line);border-radius:15px}
.step-number{border-color:var(--line);margin-bottom:22px;padding-bottom:18px}
.step-number>span{color:var(--blue);font-weight:500;font-size:31px}
.process-step:nth-child(2) .step-number>span{color:#a887cf}
.process-step:nth-child(3) .step-number>span{color:#a2753e}
[data-theme="dark"] .process-step:nth-child(3) .step-number>span{color:#dabb89}
.process-step:nth-child(4) .step-number>span{color:#5e9d89}
.process-step h3{font-size:16px;line-height:1.35}
.process-step>p{font-size:12px}
.faq-section{background:var(--white)}
.faq-item,.faq-item:first-child{border-color:var(--line)}
.faq-item[open]>summary{color:var(--blue)}
.faq-item[open] .faq-answer{animation:answer-in .25s ease-out}
@keyframes answer-in{from{opacity:.4;transform:translateY(-5px)}to{opacity:1;transform:none}}
.home-contact{background:var(--contact-gradient);border-color:var(--line)}
.home-contact .eyebrow{color:var(--accent)}
.contact-quick{background:var(--surface-raised);border-color:var(--line);box-shadow:var(--shadow);border-radius:19px}
.contact-quick>a+a{border-color:var(--line)}
/* Detail-page colors use their service family, not a global blue wash. */
.breadcrumbs{color:var(--muted)}
.breadcrumbs a{color:var(--muted-strong)}
.breadcrumbs>span:last-child{color:var(--accent)}
.detail-hero{background:radial-gradient(ellipse at 95% 55%,rgba(var(--accent-rgb),.11),transparent 56%),linear-gradient(180deg,var(--white),var(--surface-2));border-color:var(--line);padding-bottom:65px}
.detail-hero .eyebrow{color:var(--accent)}
.detail-tags>span{color:var(--muted-strong);border:1px solid var(--line);padding:5px 9px;border-radius:25px;background:var(--surface)}
.detail-tags .icon{color:var(--accent)}
.detail-photo{border-radius:21px;border:1px solid var(--line);box-shadow:var(--shadow)}
.tech-visual{background:radial-gradient(ellipse at 65% 40%,rgba(var(--accent-rgb),.20),transparent 70%),#111b2a;border-color:rgba(var(--accent-rgb),.3);border-radius:22px}
.tech-symbol{color:#dcf0fc;border-color:rgba(var(--accent-rgb),.6);background:linear-gradient(145deg,rgba(var(--accent-rgb),.50),rgba(var(--accent-rgb),.17));box-shadow:0 0 60px rgba(var(--accent-rgb),.2)}
.tech-ring{border-color:rgba(var(--accent-rgb),.4)}
.tech-node{border-color:rgba(var(--accent-rgb),.45);background:#1b2a40;color:#d8e4fa}
.tech-visual-bottom>span{border-color:rgba(var(--accent-rgb),.35);background:#172337;color:#d0ddec}
.scope-card{padding:24px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.06),transparent 65%),var(--surface)}
.scope-grid{gap:20px}
.scope-card h3{font-size:18px}
.quote-card{background:var(--surface-2);border-color:var(--line);border-top:3px solid var(--accent);box-shadow:var(--shadow)}
.quote-card-label{color:var(--accent)}
.quote-benefits{border-color:var(--line)}
.quote-benefits>span{color:var(--muted-strong)}
.quote-benefits .icon{color:var(--accent)}
.related-grid>a{background:var(--surface);border-color:var(--line)}
.related-grid>a:hover{background:var(--pale);border-color:var(--accent)}
.cta-banner{background:radial-gradient(ellipse at 100% 100%,#4a436e,transparent 60%),linear-gradient(120deg,#183b50,#202b48);color:#f4f7ff;border:1px solid #495c73;border-radius:22px}
.cta-banner .eyebrow{color:#b9dce8}
.cta-banner h2{color:#f4f7ff}
.distro-section{background:var(--surface-2);border-color:var(--line)}
.distro-card{background:var(--surface);border-color:var(--line);border-radius:14px}
.distro-card>img{background:white;padding:7px;border-radius:6px;width:101px;height:64px}
.distro-more{background:var(--pale);color:var(--blue);border-color:var(--line)}
.billing-toggle{background:var(--paper);border-color:var(--line)}
.billing-toggle>button.active{background:var(--button-bg);color:var(--button-text)}
.plan-card{background:var(--surface);border-color:var(--line);border-radius:17px}
.plan-card.featured{background:linear-gradient(150deg,rgba(var(--accent-rgb),.10),transparent),var(--surface);border-color:var(--accent)}
.plan-card.featured:before{background:var(--accent)}
.check-list>li{color:var(--muted-strong)}
.check-list .icon{color:var(--accent)}
.contact-page{background:radial-gradient(ellipse at 4% 5%,rgba(var(--accent-rgb),.065),transparent 50%),linear-gradient(180deg,var(--white),var(--surface-2))}
.contact-caution{color:var(--muted);background:var(--pale);border-color:var(--line)}
.form-card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);border-radius:22px}
.form-field label{color:var(--muted-strong)}
.form-field input,.form-field select,.form-field textarea{background:var(--input-bg);border-color:var(--line);color:var(--ink);border-radius:9px}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:var(--surface);border-color:var(--blue);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}
.form-field input::placeholder,.form-field textarea::placeholder{color:var(--muted)}
.field-help,.optional,.form-privacy{color:var(--muted)}
.form-status:not(:empty){background:var(--pale);border-color:var(--line);color:var(--blue)}
/* Footer controls don't send any preference or contact data to a server. */
.site-footer{background:#0b111b;border-top:1px solid #26344a}
.footer-grid a{color:#b9c7d8}
.footer-grid a:hover{color:#fff}
.footer-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #26344a;padding:17px 0}
.motion-toggle{display:none;align-items:center;gap:8px;color:#b7c5d7;background:none;border:1px solid #38485d;border-radius:7px;padding:8px 12px;min-height:38px;font-size:10px}
.js .motion-toggle{display:flex}
.motion-toggle>.icon{width:14px;height:14px}
.motion-toggle:hover{color:#fff;border-color:#8cb2ce}
.motion-toggle:disabled{cursor:default;opacity:.7}
.footer-mode{font-size:10px;color:#a9bbcf}
.footer-bottom{border-color:#26344a}
.whatsapp-float{background:#14634d;box-shadow:0 7px 24px #06271d33}
.whatsapp-float:hover{background:#0e523f}
/* Motion is added only after JS establishes support. Content starts visible. */
[data-reveal]{scroll-margin-top:120px}
.motion-ready [data-reveal].reveal-pending{opacity:0;transform:translateY(20px)}
.motion-ready [data-reveal]{transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
.motion-ready .service-card:hover{transform:translateY(-5px)}
@media(prefers-reduced-motion:no-preference){
  .motion-ready .chip-linux{animation:float-linux 7s ease-in-out infinite}
  .motion-ready .chip-network{animation:float-network 8s ease-in-out infinite}
  .motion-ready .hero-orbit{animation:orbit-breathe 10s ease-in-out infinite}
  .motion-ready .hero-dot{animation:dot-breathe 5s ease-in-out infinite}
  .motion-ready .hero-dot.dot-two{animation-delay:1.5s}
  .motion-ready .tech-ring.ring-two{animation:tech-orbit 38s linear infinite}
  .motion-ready .terminal-cursor{animation:cursor-pulse 1.6s step-end infinite}
  .motion-ready .hero-copy{animation:hero-enter .65s ease-out both}
  .motion-ready .hero-visual{animation:hero-enter .85s ease-out both}
}
@keyframes hero-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@keyframes float-linux{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(-1deg)}}
@keyframes float-network{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(8px) rotate(-1deg)}}
@keyframes orbit-breathe{0%,100%{transform:rotate(-18deg) scaleY(.85)}50%{transform:rotate(-10deg) scaleY(.9)}}
@keyframes dot-breathe{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(-9px);opacity:1}}
@keyframes tech-orbit{to{transform:rotate(360deg)}}
[data-motion="paused"] *,[data-motion="paused"] *:before,[data-motion="paused"] *:after{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}
[data-motion="paused"] [data-reveal]{opacity:1!important;transform:none!important}
[data-motion="paused"] .hero-copy,[data-motion="paused"] .hero-visual{opacity:1!important;transform:none!important;animation:none!important}
[data-motion="paused"] .brand-rail{scroll-behavior:auto}
@media(min-width:1441px){.home-hero{padding-top:74px}.hero-photo-wrap{height:445px}.hero-grid{gap:62px}.hero-copy h1{font-size:70px}}
@media(max-width:1279px) and (min-width:1200px){.desktop-nav{gap:12px}.nav-link,.nav-disclosure>summary{font-size:11px}.header-inner{gap:12px}.brand img{width:140px}.header-inner>.button{padding-inline:12px}.theme-menu>summary{width:38px;height:38px}}
@media(max-width:1199px){
 .header-inner{height:78px;gap:16px}.header-inner>.button{margin-left:0}.theme-menu{margin-left:auto}
 .theme-panel{right:-54px}.hero-grid{gap:28px;grid-template-columns:1fr 1fr}.hero-copy h1{font-size:53px;letter-spacing:-2.8px}
 .hero-copy h1 span{letter-spacing:-2.3px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.3px}.hero-description{font-size:14px}
 .hero-visual{padding:35px 8px 45px 20px}.hero-photo-wrap{height:385px}.hero-service-chip{padding:13px 14px}.hero-service-chip strong{font-size:10px}
 .hero-service-chip small{font-size:6px}.hero-service-chip>.icon{width:20px;height:20px}.chip-network{right:-3px;bottom:132px}.chip-linux{right:0}
 .photo-caption>span:first-child{font-size:27px}.photo-caption-small{display:none}.hero-floating{left:0;right:23px;padding:15px}
 .hero-floating strong{font-size:10px}.hero-floating div>span{font-size:9px}.hero-bottom-note{margin-top:30px}
 .hero-actions{gap:12px}.hero-actions .button{font-size:12px;padding:14px 16px}.hero-topics{gap:16px}
 .finder-grid{gap:54px}.finder-copy h2{font-size:40px}.platform-grid{grid-template-columns:repeat(3,1fr)}
 .linux-banner{padding:35px;gap:35px}.linux-banner h3{font-size:32px}.terminal-top small{font-size:7px}.terminal-demo-label{display:none}
 .process-grid{gap:16px}.process-step{padding:22px 18px}.brand-tile{flex-basis:149px}
}
@media(max-width:900px){
 .hero-grid{grid-template-columns:1fr;gap:12px}.home-hero{padding-top:46px}.hero-copy{max-width:660px}.hero-copy h1{font-size:65px;letter-spacing:-3.3px}.hero-copy h1 span{letter-spacing:-2.8px}
 .hero-copy .eyebrow{font-size:9px}.hero-description{font-size:16px;max-width:590px}.hero-visual{width:100%;max-width:580px;margin:14px auto 0;padding:36px 20px 45px 24px}.hero-photo-wrap{height:399px}
 .hero-service-chip strong{font-size:12px}.hero-service-chip small{font-size:7px}.hero-service-chip{padding:16px 19px}.photo-caption>span:first-child{font-size:32px}
 .hero-floating{left:0;right:50px;padding:18px 21px}.hero-floating strong{font-size:12px}.hero-floating div>span{font-size:11px}
 .hero-bottom-note{margin-top:25px}.hero-topics{max-width:475px}.brands-heading h2{font-size:24px}.brand-controls>p{display:none}
 .finder-grid{grid-template-columns:1fr;gap:32px}.finder-copy h2{font-size:40px}.finder-copy>p:last-child{max-width:570px}
 .finder-panel{max-width:660px;width:100%}.finder-result{min-height:195px}.finder-options button{font-size:13px}
 .linux-banner{grid-template-columns:1fr;gap:35px}.linux-banner-copy>p{max-width:100%}.linux-banner-visual{max-width:540px;width:100%;margin:0 auto}
 .linux-banner h3{font-size:36px}.terminal-top small{font-size:9px}.terminal-body{font-size:12px}.process-grid{grid-template-columns:repeat(2,1fr)}
 .tech-visual,.detail-photo{height:330px}.scope-card{padding:20px}.services-grid{gap:18px}.service-card{padding:25px}
}
@media(max-width:680px){
 .container{width:calc(100% - 40px)}.section{padding:65px 0}.utility-inner{min-height:29px}.utility-bar{font-size:9px}
 .header-inner{height:73px;gap:10px}.brand img{width:125px;height:46px}.header-inner>.button{font-size:10px;padding:10px 11px;gap:5px;min-height:40px}.header-inner>.button>.icon{width:13px;height:13px}
 .theme-menu>summary{width:37px;height:37px}.theme-menu>summary>.icon{width:18px;height:18px}.theme-panel{right:-97px;top:calc(100% + 20px)}
 .mobile-nav>summary{width:38px;height:40px;padding:8px;min-height:40px;justify-content:center}.mobile-nav>summary>span{display:none}
 .mobile-nav-panel{left:12px;right:12px;max-height:calc(100dvh - 106px);padding:15px 18px 20px}
 .home-hero{padding-top:36px}.hero-copy h1{font-size:47px;letter-spacing:-2.5px;line-height:1.13}.hero-copy h1 span{font-size:.82em;letter-spacing:-1.9px}
 .hero-copy .eyebrow{font-size:7.5px;letter-spacing:1.1px;gap:10px;margin-bottom:22px}.hero-description{font-size:14px;line-height:1.85;margin-top:20px}
 .hero-actions{gap:13px;margin-top:26px}.hero-actions .button{font-size:12px;min-height:45px;padding:13px 14px}.hero-actions .button-ghost{padding-inline:0}
 .hero-note{margin-top:23px;font-size:11px}.hero-note span{font-size:10px}.hero-topics{margin-top:23px;padding-top:17px;gap:20px}.hero-topics>a{font-size:10px}
 .hero-visual{margin-top:15px;padding:30px 9px 47px 8px;max-width:480px}.hero-photo-wrap{height:328px;border-radius:20px 20px 62px 20px;transform:rotate(1deg)}
 .hero-service-chip{padding:13px 14px;border-radius:11px;gap:9px}.hero-service-chip strong{font-size:10px}.hero-service-chip small{font-size:6px;letter-spacing:.7px}.hero-service-chip>.icon{width:21px;height:21px}
 .chip-linux{top:5px;right:0}.chip-network{right:-5px;bottom:122px}.hero-floating{left:0;right:26px;bottom:23px;padding:15px 16px;gap:12px}
 .hero-floating strong{font-size:10px}.hero-floating div>span{font-size:9px}.hero-floating>.icon{display:none}.floating-icon{width:37px;height:37px}
 .photo-caption{left:20px;bottom:48px}.photo-caption>span:first-child{font-size:28px}.photo-topline{top:24px;left:20px;right:20px}.photo-topline>span{font-size:6px;letter-spacing:.7px}
 .photo-topline>.icon{width:19px;height:19px}.hero-orbit{width:350px;height:350px;top:16px;right:-25px}.dot-one{top:3px;left:36px}
 .hero-bottom-note{margin-top:13px;padding-block:17px}.hero-bottom-note>span{font-size:6px;letter-spacing:.8px;gap:6px}.hero-bottom-note>span .icon{width:13px;height:13px}
 .hero-bottom-note>a{font-size:9px;gap:5px}.hero-bottom-note>a>.icon{width:13px;height:13px}
 .brands-section{padding:28px 0 22px}.brands-heading{gap:15px;margin-bottom:17px}.brands-heading .eyebrow{font-size:6px;letter-spacing:1px;gap:8px;margin-bottom:7px}.brands-heading .eyebrow-line{width:15px}
 .brands-heading h2{font-size:21px;letter-spacing:-.7px}.rail-buttons{gap:6px}.rail-buttons button{width:32px;height:32px}.brand-rail{gap:11px}.brand-tile{flex-basis:132px}
 .brand-logo{height:73px;padding:12px}.brand-logo>img{height:47px;width:107px}.brand-disclaimer{font-size:8px;line-height:1.8;margin-top:6px}
 .services-grid{grid-template-columns:1fr;gap:17px}.service-card{padding:26px}.service-card h3{font-size:23px}.service-card>p{font-size:14px;min-height:0;max-width:none}
 .service-tags>span{font-size:10px}.card-bottom strong{font-size:28px}.service-card .card-top{margin-bottom:22px}.price-note{font-size:10px}
 .section-heading{gap:20px}.section-heading h2{font-size:34px}.heading-aside>p{font-size:13px}.filter-button{min-height:39px;font-size:12px}
 .finder-grid{gap:27px}.finder-copy .eyebrow{font-size:8px}.finder-copy h2{font-size:37px;letter-spacing:-1.5px}.finder-copy>p:last-child{font-size:13px;margin-top:18px}
 .finder-panel{padding:18px;border-radius:17px}.finder-options{gap:7px;margin-bottom:17px}.finder-options button{font-size:11px;padding:10px 8px;min-height:46px}
 .finder-result{padding:20px 18px;min-height:222px}.finder-result h3{font-size:22px}.finder-result p{font-size:12px}.finder-note{font-size:8px}
 .platform-grid{grid-template-columns:repeat(2,1fr);gap:10px}.platform-card{padding:18px 13px;border-radius:12px;min-height:64px}.platform-card>strong{font-size:12px}
 .linux-banner{padding:29px 23px;gap:29px;border-radius:18px}.linux-banner h3{font-size:31px;letter-spacing:-1px}.linux-banner-copy>p{font-size:13px}
 .terminal-body{padding:22px 17px;font-size:10px}.terminal-top{padding:12px}.terminal-top small{font-size:8px}.distro-labels{font-size:8px;gap:9px}.distro-labels>span+span:before{margin-right:9px}
 .about-values>div{font-size:11px}.about-label{padding:18px 20px;left:15px;right:15px}.about-label>div{font-size:11px}.about-label span{font-size:10px}
 .process-grid{gap:13px}.process-step{padding:21px 16px;border-radius:14px}.process-step h3{font-size:16px;line-height:1.35}.process-step>p{font-size:11px;line-height:1.8}
 .step-number{margin-bottom:18px;padding-bottom:13px}.step-number>span{font-size:28px}.step-number>.icon{width:17px;height:17px}.faq-item>summary{font-size:14px}
 .home-contact-grid{gap:35px}.contact-quick{padding-inline:21px}.contact-quick strong{font-size:13px}.contact-quick>a{min-height:94px}
 .detail-hero{padding-bottom:47px}.detail-hero h1{font-size:37px}.detail-tags{gap:9px}.detail-tags>span{font-size:10px}.scope-grid{gap:15px}
 .scope-card{padding:22px}.scope-card h3{font-size:20px}.scope-card p{font-size:13px}.contact-heading h1{font-size:43px}.form-card{padding:28px 23px}
 .form-field input,.form-field select,.form-field textarea{font-size:16px}.form-privacy{font-size:10px}.field-help{font-size:9px}
 .footer-tools{align-items:flex-start;gap:14px}.motion-toggle{font-size:9px;padding:8px 10px}.footer-mode{font-size:9px;padding-top:10px}.footer-bottom{padding-bottom:82px}
 .whatsapp-float{bottom:18px;right:16px}
}
@media(max-width:374px){
 .container{width:calc(100% - 32px)}.header-inner{gap:8px}.brand img{width:109px;height:42px}.header-inner>.button{font-size:9px;padding:10px;gap:4px}.header-inner>.button>.icon{display:none}
 .theme-menu>summary{width:34px;height:34px}.mobile-nav>summary{width:35px;height:38px;min-height:38px}.theme-panel{right:-93px}
 .hero-copy h1{font-size:41px;letter-spacing:-2px}.hero-copy h1 span{font-size:.79em;letter-spacing:-1.7px}.hero-copy .eyebrow{font-size:6.6px;letter-spacing:1px}
 .hero-bottom-note>span{font-size:5.5px;letter-spacing:.5px}.hero-bottom-note>a{font-size:8px}.hero-bottom-note{gap:10px}
 .hero-topics{gap:17px}.hero-topics>a{font-size:9px}.hero-photo-wrap{height:299px}.hero-floating{right:13px;padding:13px 12px;gap:9px}.hero-floating strong{font-size:9px}
 .hero-service-chip strong{font-size:9px}.hero-service-chip{padding:12px 11px}.chip-network{right:-2px;bottom:127px}.photo-caption>span:first-child{font-size:26px}
 .brands-heading h2{font-size:19px}.brands-heading .eyebrow{font-size:5.5px}.rail-buttons button{width:29px;height:29px}
 .process-step{padding:18px 12px}.process-step h3{font-size:14px}.terminal-body{font-size:9px;padding:21px 13px}.linux-banner{padding-inline:19px}.terminal-top small{font-size:7px}
 .footer-mode{font-size:8px}.motion-toggle{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 [data-reveal],.motion-ready [data-reveal].reveal-pending{opacity:1!important;transform:none!important}
 .hero-copy,.hero-visual{opacity:1!important;transform:none!important}
}
@media print{
 .theme-menu,.footer-tools,.hero-service-chip,.hero-dot,.hero-orbit,.hero-bottom-note,.rail-buttons,.finder-options{display:none!important}
 html,body{background:white!important;color:black!important;color-scheme:light}
 [data-reveal]{opacity:1!important;transform:none!important}
 .inverted-section,.linux-banner,.solution-finder,.home-contact,.service-card{background:#f5f5f5!important;color:black!important;--ink:#111;--muted:#444;--muted-strong:#333;--line:#ccc}
 .brand-rail{flex-wrap:wrap;overflow:visible}.service-card,.finder-panel{break-inside:avoid}
}