/* Rutherm concept, third pass: a warmer, more human visual system.
   Keeps the existing palette and proof while softening its form language. */
:root {
  --ink:#09090b;
  --panel:#151417;
  --paper:#f5f2ec;
  --paper-2:#e7e2d9;
  --muted:#b5b0ab;
  --line:#333035;
  --signal:#ff5b54;
  --radius:28px;
  --motion-ease:cubic-bezier(.2,.8,.2,1);
}
body {font-family:"DM Sans",sans-serif;font-weight:400;letter-spacing:-.012em;background:var(--ink)}
h1,h2,h3,.metric strong,.proof-card strong,.dossier-metric,.signal-value,.quote>p,.fast-win>strong,.system-card h3,.about-strip h3 {font-family:"Outfit",sans-serif}
h2 {font-size:clamp(44px,5.15vw,77px);line-height:1.06;letter-spacing:-.045em;text-transform:none;font-weight:600}
p {text-wrap:pretty}
.site-header {border-bottom:1px solid rgba(255,255,255,.09);background:rgba(9,9,11,.77)}
.site-header.is-scrolled {background:rgba(9,9,11,.94)}
.brand {font-family:"Outfit",sans-serif;letter-spacing:.105em;font-size:17px}
.nav-links a {font-size:14px}
.nav-cta {padding:12px 18px;border-radius:99px}
.hero {background:radial-gradient(ellipse at 90% 20%,rgba(255,91,84,.065),transparent 45%)}
.hero::before {opacity:.55}
#ambient-field {opacity:.28}
.hero-main {grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:clamp(38px,5vw,90px);min-height:720px;padding-block:clamp(86px,9vw,134px)}
.hero-main::after {display:none}
.eyebrow {font-size:12px;letter-spacing:.05em;text-transform:none;color:#ffaaa4;margin-bottom:27px}
.eyebrow::before {width:9px;height:9px;margin-right:11px;vertical-align:middle;box-shadow:0 0 0 5px rgba(255,91,84,.12)}
.eyebrow-flow {display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px;text-transform:uppercase;letter-spacing:.085em;font-size:11px;line-height:1.6}
.eyebrow-flow span {color:#ffc5c0;margin:0}
.eyebrow-flow b {color:var(--signal);font:600 17px/1 "Outfit",sans-serif;letter-spacing:0}
h1 {font-family:"Outfit",sans-serif;font-weight:600;text-transform:none;font-size:clamp(66px,6.6vw,107px);line-height:.98;letter-spacing:-.066em}
.hero-line {padding-bottom:.045em;margin-bottom:-.045em}
.hero-line:nth-child(3)>span {color:var(--signal)}
.hero-line:nth-child(3)>span::after {display:none}
.hero-intro {margin-top:35px;color:#cfcbc5;font-size:clamp(17px,1.4vw,20px);line-height:1.72;max-width:590px}
.hero-actions {margin-top:36px}
.button {font-family:"DM Sans",sans-serif;border-radius:999px;min-height:55px;padding:0 26px;box-shadow:0 10px 34px rgba(255,91,84,.12)}
.text-link {font-weight:500}

/* A comprehensible, illustrative motion graphic in place of the broken index. */
.signal-console {min-height:0;border-radius:32px;background:radial-gradient(circle at 45% 28%,rgba(255,91,84,.09),transparent 55%),linear-gradient(150deg,#242024,#101013);box-shadow:0 28px 90px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.16);transform:none!important}
.signal-console:hover {border-color:rgba(255,91,84,.4)}
.signal-console::before {background-size:65px 65px;opacity:.35}
.console-top {font:600 11px "DM Sans",sans-serif;letter-spacing:.065em;color:#aaa5a5;padding:19px 24px}
.live-indicator {color:#e2dad6}
.flow-visual {position:relative;z-index:1;padding:31px 28px 26px}
.flow-intro strong {display:block;font:500 clamp(27px,2.4vw,38px)/1.14 "Outfit",sans-serif;letter-spacing:-.035em;color:#f7f2ec}
.flow-intro p {margin:12px 0 0;font-size:13px;line-height:1.65;color:#a9a4a5;max-width:310px}
.flow-path {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;position:relative;margin:36px 0 25px;padding-top:1px;isolation:isolate}
.flow-path::before {content:"";position:absolute;left:12%;right:12%;top:49px;height:2px;background:rgba(255,255,255,.16);z-index:-1}
.flow-beam {position:absolute;left:12%;right:12%;top:49px;height:2px;overflow:hidden;pointer-events:none;z-index:-1}
.flow-beam::after {content:"";position:absolute;inset:0 auto 0 0;width:30%;background:linear-gradient(90deg,transparent,var(--signal),transparent);filter:drop-shadow(0 0 9px var(--signal));animation:flow-travel 4s ease-in-out infinite}
@keyframes flow-travel {0%{transform:translateX(-150%)}100%{transform:translateX(460%)}}
.flow-node {display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.flow-number {align-self:center;color:#a9a1a1;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:14px}
.flow-glyph {width:58px;height:58px;border:1px solid #51454a;border-radius:20px;background:#292328;display:grid;place-items:center;color:#f5f0ec;font:500 30px/1 "Outfit",sans-serif;box-shadow:0 5px 22px rgba(0,0,0,.3);position:relative;transition:background .3s,transform .3s,border-color .3s}
.flow-node:nth-child(3) .flow-glyph {background:#513034;border-color:#cc726f;color:#ffc7c2}
.flow-node:last-child .flow-glyph {background:var(--signal);border-color:var(--signal);color:#16090a}
.signal-console:hover .flow-glyph {transform:translateY(-3px)}
.flow-node strong {margin-top:15px;color:#f0eae5;font:600 16px "Outfit",sans-serif}
.flow-node small {color:#ada7a6;font:400 11px/1.5 "DM Sans",sans-serif;margin-top:5px;max-width:97px}
.flow-caption {padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:14px;align-items:center;color:#a8a2a4;font-size:10px;line-height:1.4}
.flow-caption span:first-child {color:#d2cac6;font-size:11px}
.flow-caption i {display:inline-block;width:7px;height:7px;background:var(--signal);border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px rgba(255,91,84,.13)}
.flow-caption span:last-child {letter-spacing:.035em;white-space:nowrap}
.metric {background:rgba(13,12,14,.82);padding-block:24px 28px}
.metric strong {font-weight:600;font-size:clamp(40px,4.3vw,68px)}
.velocity-rail {height:61px;opacity:.8}
.velocity-track {font-family:"Outfit",sans-serif;font-size:24px;font-weight:500;letter-spacing:-.015em;animation-duration:38s}

/* The original moving names return as an airy, legible proof strip. */
.network-section {background:var(--paper);color:#171417;padding-block:clamp(78px,8vw,116px)}
.network-section::before {display:none}
.network-head {margin-bottom:42px;align-items:end;gap:34px}
.network-head h2 {color:#181417;max-width:730px;font-size:clamp(43px,5.2vw,76px);line-height:1.08}
.network-note {border-left:2px solid var(--signal);color:#625d5b;font-size:13px;padding-left:16px;max-width:365px}
.logo-window {position:relative;overflow:hidden;border:1px solid #e1dcd5;border-radius:30px;background:#fffcf8;padding-block:23px;box-shadow:0 16px 60px rgba(48,32,29,.045)}
.logo-window::before,.logo-window::after {content:"";position:absolute;top:0;bottom:0;z-index:2;width:68px;pointer-events:none}
.logo-window::before {left:0;background:linear-gradient(90deg,#fffcf8,transparent)}
.logo-window::after {right:0;background:linear-gradient(270deg,#fffcf8,transparent)}
.logo-marquee {display:flex;width:max-content;animation:marquee-drift 34s linear infinite;will-change:transform}
.logo-window:hover .logo-marquee {animation-play-state:paused}
.logo-track {display:flex;align-items:center;flex:none}
.marquee-logo {display:flex;align-items:center;justify-content:center;gap:15px;min-width:228px;padding:19px 34px;border-right:1px solid #e4ded7;color:#262225;font:600 22px "Outfit",sans-serif;white-space:nowrap;letter-spacing:-.03em}
.marquee-logo img {width:33px;height:33px;object-fit:contain;filter:none}
.marquee-logo.intel-logo img {width:99px;height:39px;object-fit:contain}
.marquee-logo.text-only {font-weight:650;letter-spacing:-.04em}
.marquee-logo.text-only::before {content:"";width:8px;height:8px;background:var(--signal);border-radius:50%;opacity:.75}
@keyframes marquee-drift {to{transform:translateX(-50%)}}

/* Clear section hierarchy: room for the headline, then a connected operating system. */
.section-pad {padding-block:clamp(82px,9vw,138px)}
.section-head {grid-template-columns:minmax(180px,.4fr) minmax(0,1.6fr);gap:40px;margin-bottom:52px}
.kicker {font-family:"DM Sans",sans-serif;font-size:13px;letter-spacing:.035em;text-transform:none;font-weight:600}
.system {background:linear-gradient(180deg,#171519 0%,#101013 100%)}
.system .section-head {display:block;margin-bottom:62px;padding-right:clamp(0px,5vw,75px)}
.system .section-head .kicker {margin:0 0 23px}
.system .section-head h2 {font-size:clamp(56px,7.0vw,107px);line-height:1.13;letter-spacing:-.052em;max-width:1050px;text-wrap:balance;padding-bottom:.09em}
.system-grid {gap:15px}
.system-grid::before {display:none}
.system-card {min-height:372px;padding:clamp(26px,3vw,40px);border-radius:28px;border-color:#383238;background:#201e22;transition:background .3s,transform .4s var(--motion-ease),border-color .3s}
.system-card::before {display:none}
.system-card::after {opacity:.48}
.system-card:hover {background:#2b2428;transform:translateY(-6px)}
.system-card .number {font:600 12px "DM Sans",sans-serif;letter-spacing:.025em}
.system-card h3 {margin:62px 0 16px;font:600 clamp(27px,2.5vw,37px)/1.1 "Outfit",sans-serif;text-transform:none;letter-spacing:-.032em}
.system-card p {font-size:14px;line-height:1.65;color:#c6c0bd}
.system-card ul {font-size:12px}
.sector-block {background:#f3efe9;border:1px solid #f3efe9;color:#211a1c;border-radius:32px;padding:clamp(32px,4.2vw,60px);display:grid;grid-template-columns:minmax(270px,.88fr) minmax(0,1.3fr);gap:clamp(35px,5.5vw,86px);margin-top:44px;align-items:center}
.sector-title {font:700 clamp(40px,4.1vw,64px)/1.05 "Outfit",sans-serif;letter-spacing:-.052em;color:#242022;margin:0;text-wrap:balance}
.sector-title span {display:block;color:#716a69;margin-top:25px;font:400 15px/1.65 "DM Sans",sans-serif;letter-spacing:0}
.sector-strip {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 25px;align-items:stretch}
.sector-strip span {border:0;border-bottom:1px solid #ded6cf;border-radius:0;padding:19px 1px 19px 24px;color:#251f23;font:600 clamp(17px,1.4vw,21px)/1.3 "Outfit",sans-serif;position:relative;transition:color .2s}
.sector-strip span::before {content:"";position:absolute;left:1px;top:26px;width:8px;height:8px;background:var(--signal);border-radius:50%}
.sector-strip span:hover {border-color:#d6c7c1;color:#b83e3a}
.sector-strip .sector-more {color:#817674;font-weight:500;font-style:italic;letter-spacing:-.01em}
.sector-strip .sector-more::before {background:#b9aba3}

/* A little more softness and variation across the rest of the experience. */
.proof-section {background:radial-gradient(ellipse at 100% 0%,rgba(255,91,84,.065),transparent 50%),#0c0b0e}
.proof-grid {gap:14px}
.proof-card {min-height:330px;border-radius:25px;background:#19171b;padding:32px}
.proof-card:hover {background:#292025;transform:translateY(-5px)}
.proof-card:after {font-family:"DM Sans",sans-serif;letter-spacing:.035em}
.proof-card strong {font-weight:600;letter-spacing:-.05em;font-size:clamp(50px,5vw,78px)}
.proof-card .tag {letter-spacing:0;font-weight:600}
.proof-card.pipeline {background:#19171b;color:var(--paper);border-color:#383238}
.proof-card.pipeline .tag {color:var(--signal)}
.proof-card.pipeline p {color:var(--muted)}
.proof-card.pipeline:after {color:#847c7e}
.proof-card.pipeline:before {border-color:rgba(255,91,84,.09);box-shadow:0 0 0 42px rgba(255,91,84,.016),0 0 0 90px rgba(255,91,84,.012)}
.proof-card.pipeline:hover {background:#292025;border-color:rgba(255,91,84,.5)}
.time-badge {font:600 15px/1.2 "Outfit",sans-serif;color:var(--signal);letter-spacing:.06em}
.compact-proof {background:#151315}
.quote-grid {border-radius:30px;gap:12px}
.quote {border-radius:30px;background:#f2eee8}
.quote>p {font-weight:500;font-size:clamp(29px,3.55vw,54px);line-height:1.15;letter-spacing:-.035em}
.fast-win {border-radius:30px;background:#302125}
.fast-win::after {display:none}
.fast-win-story>strong {display:block;font:600 clamp(48px,5.1vw,80px)/1.07 "Outfit",sans-serif;letter-spacing:-.045em;color:var(--paper)}
.fast-win-timeline {display:block;margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.24)}
.fast-win-timeline span {display:block;margin-bottom:2px;color:#d7c7c6;font:500 16px/1.4 "DM Sans",sans-serif}
.fast-win-timeline strong {display:block;color:#ff8b84;font:600 clamp(36px,4.2vw,54px)/1.05 "Outfit",sans-serif;letter-spacing:-.045em}
.about-strip {border-radius:28px;margin-top:20px;background:#242025}
.about-strip h3 {text-transform:none;font-size:clamp(33px,3.3vw,51px);letter-spacing:-.035em}
.about-strip p {font-size:15px}
.calendar-section {background:#101013}
.calendar-frame-wrap {border-radius:28px}
.calendar-frame {border-radius:18px}
.dossier {border-radius:29px}
.dossier-metric {line-height:1;font-weight:600}
.dossier-journey span {font-family:"DM Sans",sans-serif}

@media(max-width:1150px) {
  .hero-main {grid-template-columns:1fr;padding-block:110px 75px;min-height:0;gap:54px}
  .signal-console {max-width:640px;width:100%;justify-self:start}
  .flow-intro strong {font-size:38px}
  .system .section-head h2 {font-size:clamp(56px,7vw,90px)}
}
@media(max-width:900px) {
  .section-head {grid-template-columns:1fr;gap:13px}
  .network-head {align-items:flex-start}
  .sector-block {grid-template-columns:1fr;gap:30px}
  .system-grid {grid-template-columns:1fr}
  .system-card {min-height:300px}
  .system-card h3 {margin-top:33px}
  .quote-grid {grid-template-columns:1fr}
}
@media(max-width:680px) {
  .hero-main {padding-block:85px 58px;gap:40px}
  h1 {font-size:clamp(58px,15.4vw,83px);letter-spacing:-.067em;line-height:1.03}
  .eyebrow {font-size:11px}
  .eyebrow-flow {font-size:10px;gap:6px 8px;letter-spacing:.055em}
  .eyebrow-flow b {font-size:15px}
  .hero-intro {font-size:16px;line-height:1.66;margin-top:28px}
  .signal-console {border-radius:25px;min-height:0}
  .flow-visual {padding:25px 18px 19px}
  .flow-intro strong {font-size:28px}
  .flow-path {gap:4px;margin-top:29px}
  .flow-glyph {width:48px;height:48px;border-radius:16px;font-size:26px}
  .flow-path::before,.flow-beam {top:43px}
  .flow-node strong {font-size:13px}
  .flow-node small {font-size:10px}
  .flow-caption {align-items:start;flex-direction:column;gap:8px}
  .metric {padding-block:15px}
  .velocity-rail {height:53px}
  .velocity-track {font-size:21px}
  .network-section {padding-block:80px}
  .network-head h2 {font-size:clamp(42px,10.8vw,58px)}
  .network-note {font-size:12px}
  .logo-window {border-radius:22px;margin-inline:0;padding-block:12px}
  .logo-window::before,.logo-window::after {width:28px}
  .marquee-logo {min-width:190px;font-size:18px;padding:16px 25px}
  .marquee-logo img {width:29px;height:29px}
  .section-pad {padding-block:79px}
  .system .section-head h2 {font-size:clamp(48px,11.3vw,71px);line-height:1.14;padding-bottom:.09em}
  .system .section-head {padding-right:0}
  .system .section-head {margin-bottom:36px}
  .system-card {border-radius:22px;min-height:300px}
  .sector-block {border-radius:24px;padding:26px 22px;margin-top:26px}
  .sector-title {font-size:clamp(36px,9vw,48px);line-height:1.1}
  .sector-title span {font-size:14px;margin-top:18px}
  .sector-strip {grid-template-columns:1fr;gap:0}
  .sector-strip span {font-size:17px;padding-block:13px}
  .sector-strip span::before {top:20px}
  .proof-grid {gap:10px}
  .proof-card,.proof-card:nth-child(4),.proof-card:nth-child(5) {min-height:245px;border-radius:22px}
  .quote-grid {gap:10px}
  .quote,.fast-win {border-radius:23px}
  .quote>p {font-size:35px}
  .fast-win-story>strong {font-size:clamp(46px,11vw,62px)}
  .fast-win-timeline {margin-top:24px;padding-top:18px}
  .fast-win-timeline span {font-size:15px}
  .fast-win-timeline strong {font-size:clamp(37px,10vw,48px)}
  .about-strip {border-radius:22px}
  .dossier {border-radius:21px}
}
@media(prefers-reduced-motion:reduce) {
  .logo-marquee {animation:none;width:100%;overflow-x:auto}
  .logo-track[aria-hidden="true"] {display:none}
  .logo-window {overflow-x:auto}
  .flow-beam::after {animation:none;display:none}
}