
:root{
  --bg:#f2f2ee;
  --paper:#fbfbf8;
  --ink:#0a0c0c;
  --muted:#69706f;
  --line:rgba(10,12,12,.14);
  --dark:#070909;
  --dark-2:#101313;
  --acid:#a8ff35;
  --mint:#59f2c6;
  --blue:#5d7cff;
  --orange:#ff7a45;
  --radius:28px;
  --container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--dark)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,textarea,select{font:inherit}
img{max-width:100%}
.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.reading{max-width:860px}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;z-index:999;background:#fff;padding:12px 16px;border-radius:999px}

.site-header{position:sticky;top:0;z-index:80;background:rgba(7,9,9,.86);backdrop-filter:blur(22px) saturate(130%);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.header-inner{min-height:70px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:760;letter-spacing:-.035em}
.brand-mark{width:34px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;position:relative}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--acid);opacity:.95}
.brand-mark:before{width:14px;height:2px}
.brand-mark:after{width:2px;height:14px}
.brand-mark i{width:6px;height:6px;border:1px solid var(--acid);border-radius:50%;display:block}
.brand-word{font-size:18px}
.primary-nav{display:flex;align-items:center;gap:26px;margin-left:auto}
.primary-nav a{font-size:14px;text-decoration:none;color:rgba(255,255,255,.68);transition:.2s}
.primary-nav a:hover{color:#fff}
.nav-toggle{display:none;margin-left:auto;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;border-radius:999px;padding:9px 14px}
.header-cta{margin-left:6px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 20px;border:0;border-radius:999px;text-decoration:none;font-weight:760;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-2px)}
.button-small{min-height:42px;padding:10px 16px;font-size:14px;background:var(--acid);color:#050606}
.button-primary{background:var(--acid);color:#050606}
.button-primary:hover,.button-small:hover{background:#c0ff6e}
.button-quiet{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff}
.button-dark{background:var(--dark);color:#fff}
.text-link{font-weight:740;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.text-link:hover{opacity:.7}

.breadcrumbs{padding-top:18px;background:var(--bg)}
.breadcrumbs ol{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0;color:var(--muted);font-size:12px}
.breadcrumbs li+li:before{content:"/";margin-right:8px;opacity:.5}.breadcrumbs a{text-decoration:none}

.hero{position:relative;overflow:hidden;padding:88px 0 72px;background:var(--dark);color:#fff}
.hero-home{padding:0;min-height:calc(100vh - 70px);display:flex;flex-direction:column;justify-content:center}
.hero-mesh{position:absolute;inset:0;background:
radial-gradient(circle at 75% 20%,rgba(93,124,255,.18),transparent 28%),
radial-gradient(circle at 70% 72%,rgba(89,242,198,.12),transparent 30%),
linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
background-size:auto,auto,54px 54px,54px 54px;
mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.95) 72%,transparent 100%)}
.hero-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:50px;align-items:center;padding-top:82px;padding-bottom:46px}
.hero-copy{position:relative;z-index:3}
.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:820;margin:0 0 18px}
.eyebrow{color:rgba(255,255,255,.64)}.kicker{color:#6a7774}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(168,255,53,.09);margin-right:10px}
h1,h2,h3{margin-top:0;letter-spacing:-.055em;line-height:.98}
h1{font-size:clamp(56px,7.6vw,114px);max-width:970px;margin-bottom:28px;font-weight:720}
h2{font-size:clamp(38px,5vw,72px);font-weight:690}
h3{font-size:clamp(22px,2vw,31px);font-weight:690}
.hero-lead{max-width:790px;font-size:clamp(18px,2vw,25px);line-height:1.35;color:rgba(255,255,255,.67);letter-spacing:-.02em}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hero-facts{display:flex;gap:26px;flex-wrap:wrap;margin-top:48px;color:rgba(255,255,255,.55);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.hero-facts span{display:flex;gap:8px;align-items:center}.hero-facts b{color:var(--acid);font-weight:800}

.hero-orbit{width:min(43vw,530px);aspect-ratio:1;justify-self:end;position:relative;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.04) 0 19%,transparent 20%);filter:drop-shadow(0 0 50px rgba(89,242,198,.05))}
.orbit{position:absolute;inset:10%;border:1px solid rgba(255,255,255,.15);border-radius:50%}
.orbit-a{inset:4%;transform:rotate(19deg) scaleY(.52)}
.orbit-b{inset:12%;transform:rotate(-27deg) scaleX(.62)}
.orbit-c{inset:22%;border-color:rgba(168,255,53,.35)}
.orbit-core{position:absolute;inset:35%;border-radius:50%;background:linear-gradient(145deg,#1a2020,#060707);border:1px solid rgba(255,255,255,.13);display:grid;place-items:center;box-shadow:0 20px 70px rgba(0,0,0,.45)}
.orbit-core span{font-size:48px;letter-spacing:-.08em;font-weight:760}.orbit-core small{position:absolute;bottom:22%;right:18%;font-size:8px;letter-spacing:.14em;color:var(--acid)}
.route-point{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--acid);box-shadow:0 0 18px var(--acid)}
.p1{top:14%;left:48%}.p2{right:9%;top:49%;background:var(--mint)}.p3{bottom:12%;left:34%;background:var(--blue)}.p4{left:8%;top:41%;background:var(--orange)}
.orbit-label{position:absolute;font-size:10px;letter-spacing:.16em;color:rgba(255,255,255,.42)}.label-a{top:6%;right:13%}.label-b{bottom:8%;right:22%}.label-c{left:2%;bottom:26%}
.hero-request-strip{position:relative;z-index:3;margin-bottom:28px;padding:18px 22px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.045);display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;color:rgba(255,255,255,.58);font-size:13px}
.hero-request-strip strong{font-size:15px;color:#fff;letter-spacing:-.01em}.hero-request-strip a{color:var(--acid);text-decoration:none;font-weight:760}

.geo-strip{padding:23px 0;background:#0e1111;color:#fff;border-top:1px solid rgba(255,255,255,.07)}
.geo-layout{display:grid;grid-template-columns:170px 1fr;gap:30px;align-items:center}
.geo-layout>p{margin:0;color:rgba(255,255,255,.38);font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.geo-list{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding:2px 0}.geo-list::-webkit-scrollbar{display:none}
.geo-chip{white-space:nowrap;padding:7px 11px;border-radius:999px;background:#181d1d;color:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.08);font-size:12px}

.section{padding:112px 0}
.section-tint{background:#e8ebe5}
.section-dark{background:var(--dark);color:#fff}
.section-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end;margin-bottom:54px}
.section-heading h2{margin-bottom:0}.section-lead{font-size:18px;line-height:1.5;color:var(--muted);margin:0;max-width:540px}
.dark-lead{font-size:19px;color:rgba(255,255,255,.58);max-width:620px}

.product-universe{background:var(--paper)}
.product-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(130px,auto);gap:12px;list-style:none;padding:0;margin:0}
.product-card{position:relative;overflow:hidden;min-height:145px;padding:22px;border-radius:24px;background:#eef0eb;border:1px solid rgba(10,12,12,.08);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s ease,background .25s ease}
.product-card:hover{transform:translateY(-4px);background:#e4e7df}.product-card strong{max-width:280px;font-size:22px;line-height:1.08;letter-spacing:-.04em}.product-index{font-size:10px;letter-spacing:.14em;color:#8a918e}.product-arrow{position:absolute;right:18px;top:18px;font-size:17px;color:#9ca29f}
.product-card:nth-child(1),.product-card:nth-child(6),.product-card:nth-child(10){grid-column:span 6;background:var(--dark);color:#fff}
.product-card:nth-child(2),.product-card:nth-child(3),.product-card:nth-child(4),.product-card:nth-child(5),.product-card:nth-child(7),.product-card:nth-child(8),.product-card:nth-child(9),.product-card:nth-child(11),.product-card:nth-child(12){grid-column:span 3}
.product-card:nth-child(1):after,.product-card:nth-child(6):after,.product-card:nth-child(10):after{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(168,255,53,.2);border-radius:50%;right:-50px;bottom:-70px;box-shadow:0 0 0 28px rgba(168,255,53,.025),0 0 0 56px rgba(168,255,53,.018)}
.section-actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}

.brand-stage{padding:112px 0;background:var(--dark);color:#fff;overflow:hidden}
.brand-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.brand-intro h2{margin-bottom:0}.brand-intro>p:last-child{font-size:18px;color:rgba(255,255,255,.56);max-width:540px}
.brand-marquee{margin:70px 0 42px;overflow:hidden;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);padding:24px 0}
.brand-track{width:max-content;display:flex;gap:34px;align-items:center;animation:marquee 55s linear infinite}
.brand-track span{font-size:clamp(28px,3vw,46px);font-weight:650;letter-spacing:-.045em;color:rgba(255,255,255,.82)}
.brand-track span:after{content:"·";margin-left:34px;color:var(--acid)}
.brand-note{font-size:12px;color:rgba(255,255,255,.4);max-width:980px}
@keyframes marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none}}

.solutions-stage{background:#dfe3dc}
.solution-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(10,12,12,.18)}
.solution-panel{min-height:330px;padding:30px 26px 28px 0;border-bottom:1px solid rgba(10,12,12,.18);text-decoration:none;position:relative;display:grid;grid-template-columns:72px 1fr 28px;gap:18px;transition:background .25s,padding .25s}
.solution-panel:nth-child(odd){border-right:1px solid rgba(10,12,12,.18)}
.solution-panel:nth-child(even){padding-left:30px}
.solution-panel:hover{background:rgba(255,255,255,.38);padding-right:18px}.solution-index{font-size:12px;color:#76807c;padding-top:5px}.solution-panel p:not(.tag){color:#606966;max-width:430px}.solution-panel svg{align-self:start;margin-top:6px}

.mission-stage{padding:128px 0;background:radial-gradient(circle at 76% 28%,rgba(93,124,255,.16),transparent 30%),var(--dark)}
.split,.editorial-grid,.rfq-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.check-list,.compact-list,.warning-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.check-list .card,.compact-list .card,.warning-list .card{padding:18px 0;border-top:1px solid var(--line);background:transparent;border-radius:0;box-shadow:none}
.section-dark .check-list .card{border-color:rgba(255,255,255,.13);color:rgba(255,255,255,.82)}

.process-stage{background:var(--paper)}
.process-line{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line)}
.process-line li{padding:25px 22px 70px 0;border-right:1px solid var(--line);position:relative}.process-line li:last-child{border-right:0}
.process-line span{font-size:12px;color:#818886}.process-line p{font-size:19px;line-height:1.25;letter-spacing:-.03em;margin-top:55px;max-width:180px}

.worldview-stage{background:#eceee9}.worldview-stage article{padding-top:20px;border-top:1px solid var(--line);position:relative}.editorial-no{font-size:11px;color:#7b8480}.worldview-stage h2{font-size:clamp(36px,4vw,58px)}.worldview-stage article>p:last-child{font-size:17px;color:var(--muted);max-width:520px}
.modes-stage{background:var(--paper)}
.mode-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-grid li{padding:28px;border-radius:24px;border:1px solid var(--line);background:#fff}.mode-grid h3{margin-top:22px}.mode-grid p{color:var(--muted)}
.step-number{display:inline-flex;font-size:11px;letter-spacing:.12em;color:#65706c}
.section-dark .mode-grid li{background:#111515;border-color:rgba(255,255,255,.1)}.section-dark .mode-grid p{color:rgba(255,255,255,.55)}

.service-grid,.card-grid,.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.service-card,.related-card,.card,.note{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:none}
.service-card,.related-card{text-decoration:none}.service-card p{color:var(--muted)}
.tag{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#747d79;font-weight:780}

.article-hero{padding:94px 0 70px;background:var(--dark);color:#fff}.article-hero .hero-lead{color:rgba(255,255,255,.64)}
.note{position:sticky;top:96px}.note-accent{background:#e9f6ef;border-color:#b8dec8}
.boundary{border-left:2px solid var(--acid);padding-left:18px}
.article-steps{list-style:none;padding:0;margin:0}.article-steps li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.article-steps span{color:#7b8581;font-size:11px}

.faq details{border-top:1px solid var(--line);padding:19px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:20px;font-weight:680;letter-spacing:-.025em}.faq p{color:var(--muted);max-width:780px}
.cta-band{background:var(--dark);color:#fff}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{margin-bottom:0}

.rfq-section{background:#0b0e0e;color:#fff;padding:124px 0}
.rfq-copy{position:sticky;top:100px}.rfq-copy p{color:rgba(255,255,255,.55)}.rfq-copy h2{font-size:clamp(42px,5vw,68px)}
.lead-form{background:#f8f8f4;color:var(--ink);border-radius:30px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.18)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field:first-child,.field-wide{grid-column:1/-1}
.field label,.consent{font-weight:680;font-size:13px}.field input,.field textarea,.field select{width:100%;border:1px solid #c5cbc7;border-radius:14px;background:#fff;padding:13px 14px;color:var(--ink);min-height:48px}.field textarea{min-height:126px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:3px solid rgba(168,255,53,.25);border-color:#79816f}
.field small,.contact-rule{font-size:12px;color:#777f7c}.extra-fields{margin:18px 0;border:1px solid #ced3cf;border-radius:18px;padding:17px}.extra-fields summary{cursor:pointer;font-weight:730}.consent{display:flex;gap:10px;margin:18px 0;align-items:flex-start}.consent input{margin-top:4px}
.submit-button{width:100%;background:var(--dark);color:#fff}.submit-button:hover{background:#242929}.form-status{margin-top:14px;font-weight:720}.form-status[data-state="ok"]{color:#187249}.form-status[data-state="error"]{color:#b23a2e}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

.site-footer{padding:70px 0 26px;background:#050707;color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:50px}.footer-grid p{max-width:500px;color:rgba(255,255,255,.45)}.footer-grid nav{display:grid;gap:10px}.footer-grid nav a{color:rgba(255,255,255,.55);text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);margin-top:46px;padding-top:20px;color:rgba(255,255,255,.35);font-size:12px}
.error-code{font-size:100px;font-weight:760;margin:0;color:var(--acid)}.not-found{padding:130px 0}

@media(max-width:1020px){
  .hero-stage{grid-template-columns:1fr;padding-top:72px}.hero-orbit{position:absolute;right:-12%;top:14%;opacity:.5;width:58vw}.hero-copy{max-width:780px}
  .section-heading,.brand-intro{grid-template-columns:1fr;gap:24px}.product-card:nth-child(n){grid-column:span 4}.product-card:nth-child(1),.product-card:nth-child(6),.product-card:nth-child(10){grid-column:span 8}
  .primary-nav{display:none}.nav-toggle{display:inline-flex}.primary-nav.open{display:flex;position:absolute;left:20px;right:20px;top:70px;background:#0e1111;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;flex-direction:column;align-items:stretch}.primary-nav.open a{padding:9px 6px}
}
@media(max-width:760px){
  .container{width:min(var(--container),calc(100% - 28px))}
  .header-inner{min-height:64px}.header-cta{display:none}
  .hero-home{min-height:auto}.hero-stage{padding:72px 0 34px}.hero-orbit{width:82vw;right:-42%;top:20%;opacity:.35}
  h1{font-size:clamp(48px,14vw,72px);max-width:95%}.hero-lead{font-size:18px;max-width:92%}.hero-actions{display:grid;max-width:380px}.hero-actions .button{width:100%}
  .hero-facts{gap:12px 18px;max-width:350px}.hero-request-strip{grid-template-columns:1fr;gap:6px;margin-bottom:16px}
  .geo-layout{grid-template-columns:1fr;gap:10px}.section{padding:78px 0}.brand-stage{padding:80px 0}
  .product-grid{grid-template-columns:1fr 1fr}.product-card:nth-child(n){grid-column:auto;min-height:130px}.product-card:nth-child(1),.product-card:nth-child(6),.product-card:nth-child(10){grid-column:1/-1}
  .product-card strong{font-size:18px}.solution-grid{grid-template-columns:1fr}.solution-panel,.solution-panel:nth-child(even){padding:24px 0;border-right:0}.solution-panel{min-height:250px;grid-template-columns:50px 1fr 24px}
  .split,.editorial-grid,.rfq-layout{grid-template-columns:1fr;gap:42px}.process-line{grid-template-columns:1fr}.process-line li{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.process-line p{margin:0;max-width:none}
  .mode-grid,.service-grid,.card-grid,.related-grid{grid-template-columns:1fr}.brand-track span{font-size:30px}.rfq-section{padding:80px 0}.rfq-copy{position:static}.form-grid{grid-template-columns:1fr}.field:first-child,.field-wide{grid-column:auto}.lead-form{padding:20px;border-radius:22px}.cta-band .container{align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}
}
@media(max-width:430px){
  .brand-word{font-size:17px}.nav-toggle{padding:8px 12px}
  h1{font-size:46px}.hero-stage{padding-top:56px}.hero-orbit{display:none}.hero-facts{font-size:10px}
  .product-grid{grid-template-columns:1fr}.product-card:nth-child(n){grid-column:auto}.section-heading h2,.brand-intro h2{font-size:38px}
}
