:root{
  --bg:#f7f9fc;
  --paper:#ffffff;
  --ink:#142238;
  --muted:#6b7789;
  --line:#dfe6ee;
  --teal:#00a786;
  --teal2:#55d7bc;
  --blue:#316bd8;
  --gold:#c99b32;
  --shadow:0 30px 70px rgba(24,45,75,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 10%,rgba(49,107,216,.06),transparent 28%),radial-gradient(circle at 85% 30%,rgba(0,167,134,.06),transparent 25%);pointer-events:none;z-index:-2}
.grain{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:50;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}
.top-line{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--teal),var(--blue));z-index:100}
.svg-sprite{position:absolute;width:0;height:0}
.container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.nav-wrap{position:fixed;top:0;left:0;width:100%;z-index:80;background:rgba(247,249,252,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,230,238,.72)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:14px;font-weight:700;letter-spacing:.12em}
.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:9px;font-size:14px}
.nav-links{display:flex;gap:31px}
.nav-links a,.nav-cta{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600}
.nav-links a:hover,.nav-cta:hover{color:var(--ink)}
.nav-cta{border:1px solid var(--ink);padding:11px 15px;border-radius:999px;color:var(--ink)}
.nav-cta span{margin-left:6px}
.section{position:relative;padding:130px 0}
.section.tight{padding:90px 0 120px}
.hero{min-height:100vh;padding-top:130px;display:flex;align-items:center}
.hero-inner{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:18px}
.eyebrow,.section-kicker{font-size:10px;letter-spacing:.2em;font-weight:800;color:var(--teal)}
.hero h1,h2,h3{font-family:"Space Grotesk",sans-serif}
.hero h1{font-size:clamp(52px,7vw,90px);line-height:.98;letter-spacing:-.055em;margin:22px 0;color:var(--ink)}
.hero h1 em{font-style:normal;color:var(--teal)}
.hero-lead{max-width:650px;color:var(--muted);font-size:18px;line-height:1.7;margin:26px 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 19px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;transition:.3s transform,.3s box-shadow,.3s background,.3s color}
.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--ink);color:#fff;box-shadow:0 16px 30px rgba(20,34,56,.13)}
.button.primary:hover{box-shadow:0 22px 42px rgba(20,34,56,.18)}
.button.ghost{border:1px solid var(--line);color:var(--ink);background:rgba(255,255,255,.65)}
.button.big{padding:16px 22px}
.hero-trust{display:flex;gap:19px;margin-top:31px;color:#91a0b2;font-size:9px;letter-spacing:.14em;font-weight:800}
.hero-trust span{display:flex;align-items:center;gap:7px}
.hero-trust span:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--teal)}
.hero-stage{height:620px;position:relative;perspective:1200px}
.stage-glow{position:absolute;inset:18% 8%;background:radial-gradient(circle,rgba(0,167,134,.13),rgba(49,107,216,.07) 38%,transparent 72%);filter:blur(6px)}
.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(49,107,216,.17);border-radius:50%;transform:translate(-50%,-50%) rotateX(62deg)}
.orbit-a{width:390px;height:260px}
.orbit-b{width:520px;height:345px;transform:translate(-50%,-50%) rotateX(62deg) rotateZ(18deg)}
.orbit-c{width:660px;height:430px;transform:translate(-50%,-50%) rotateX(62deg) rotateZ(-23deg)}
.twin-core{position:absolute;left:50%;top:50%;width:295px;height:295px;transform:translate(-50%,-50%) rotateX(6deg);border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffffff 0,#eef9f6 28%,#dff4ed 58%,#d4e9ff 100%);border:1px solid rgba(0,167,134,.25);box-shadow:0 45px 90px rgba(36,71,108,.18),inset 0 0 50px rgba(0,167,134,.08);display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}
.core-grid{position:absolute;inset:-20%;background:linear-gradient(rgba(0,167,134,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(0,167,134,.10) 1px,transparent 1px);background-size:24px 24px;transform:rotate(45deg);mask-image:radial-gradient(circle,black 20%,transparent 69%)}
.core-ring{width:188px;height:188px;border-radius:50%;border:1px solid rgba(0,167,134,.28);box-shadow:inset 0 0 25px rgba(49,107,216,.07)}
.core-word{font-size:31px;letter-spacing:.18em;font-weight:800;z-index:2;margin-top:-150px;color:var(--ink)}
.core-sub{font-size:8px;letter-spacing:.18em;font-weight:800;color:var(--muted);z-index:2;margin-top:8px}
.node{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px rgba(0,167,134,.08),0 0 16px rgba(0,167,134,.45);z-index:4}
.n1{left:12%;top:34%}.n2{right:17%;top:23%}.n3{right:9%;top:61%}.n4{left:22%;bottom:17%}.n5{left:51%;bottom:8%}
.sprite{position:absolute;color:var(--ink);font-size:8px;letter-spacing:.16em;font-weight:800;display:flex;flex-direction:column;align-items:center;gap:7px;opacity:.9;filter:drop-shadow(0 16px 18px rgba(30,51,82,.12));transform:translate3d(0,0,0);will-change:transform}
.sprite svg{width:130px;height:auto}
.sprite span{padding:4px 7px;border:1px solid var(--line);background:rgba(255,255,255,.75);border-radius:999px;backdrop-filter:blur(10px)}
.sprite-port{left:2%;top:25%;color:var(--teal)}
.sprite-air{right:1%;top:17%;color:var(--blue)}
.sprite-hosp{left:9%;bottom:7%;color:var(--teal)}
.sprite-factory{right:12%;bottom:10%;color:var(--gold)}
.sprite-city{right:31%;top:1%;color:var(--blue)}
.status-pill{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);font-size:9px;font-weight:800;letter-spacing:.12em;padding:10px 13px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.78);backdrop-filter:blur(10px);white-space:nowrap}
.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-right:6px;box-shadow:0 0 0 5px rgba(0,167,134,.08)}
.hero-scroll{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);font-size:9px;letter-spacing:.18em;font-weight:800;color:#91a0b2}
.hero-scroll span{margin-left:10px;color:var(--teal);font-size:13px}
.statement{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;margin-top:25px}
.statement h2{font-size:62px;line-height:1.02;letter-spacing:-.04em;margin:0}
.statement h2 span{color:var(--teal)}
.statement-copy p{font-size:20px;line-height:1.55;color:var(--muted);max-width:470px}
.flow-line{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.16em;margin:30px 0;color:var(--ink)}
.flow-line i{height:1px;width:34px;background:var(--line)}
.flow-line span:first-child{color:var(--teal)}
.flow-line span:last-child{color:var(--blue)}
.statement-copy small{color:#8794a5;line-height:1.7;font-size:11px}
.section-top{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:60px}
.section-top h2{font-size:56px;line-height:1.02;letter-spacing:-.045em;margin:18px 0 0}
.section-intro{max-width:330px;color:var(--muted);line-height:1.65;font-size:15px;margin:0}
.platform{background:linear-gradient(#fff,#f7f9fc)}
.system-map{border:1px solid var(--line);background:#fff;border-radius:30px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 90px 1.2fr 90px 1fr;align-items:center;padding:46px 35px;min-height:430px}
.sys-label{font-size:9px;letter-spacing:.18em;color:#96a2b2;font-weight:800;margin-bottom:17px}
.sys-card{border:1px solid var(--line);border-radius:15px;padding:15px 16px;margin:10px 0;background:#fbfcfe;transition:.3s}
.sys-card:hover{transform:translateX(4px);border-color:#cdd7e2}
.sys-card b{display:block;font-size:11px}
.sys-card span{display:block;font-size:9px;color:var(--muted);margin-top:4px}
.sys-card.accent{border-color:#c8ece3;background:var(--teal-light, #eefaf7)}
.sys-card.accent-blue{border-color:#ccdaf8;background:#f2f6ff}
.sys-card.accent-gold{border-color:#ecdcae;background:#fffaf0}
.sys-connector{height:2px;background:linear-gradient(90deg,transparent,var(--line),transparent);position:relative}
.sys-connector:after{content:"";position:absolute;top:50%;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(0,167,134,.08)}
.sys-connector.left:after{right:-2px}.sys-connector.right:after{left:-2px}
.sys-core{display:flex;flex-direction:column;align-items:center;gap:15px}
.core-top{font-size:10px;letter-spacing:.18em;color:var(--teal);font-weight:800}
.sys-orb{width:180px;height:180px;border-radius:50%;position:relative;background:radial-gradient(circle at 36% 30%,#fff,#ecf8f5 40%,#e1ecfb);border:1px solid rgba(0,167,134,.24);box-shadow:inset 0 0 32px rgba(49,107,216,.08),0 25px 50px rgba(31,65,104,.10)}
.sys-orb-grid{position:absolute;inset:16px;border-radius:50%;border:1px solid rgba(0,167,134,.23)}
.sys-orb span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px rgba(0,167,134,.45)}
.sys-orb span:nth-child(2){left:22%;top:27%}.sys-orb span:nth-child(3){right:18%;top:20%}.sys-orb span:nth-child(4){right:23%;bottom:25%}.sys-orb span:nth-child(5){left:25%;bottom:18%}
.core-bottom{font-size:8px;color:#8b98a8;letter-spacing:.09em;font-weight:800;text-align:center}
.industries{background:#fff}
.industry-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:18px}
.industry-card{min-height:315px;border:1px solid var(--line);border-radius:25px;padding:25px;background:#fbfcfe;position:relative;overflow:hidden;transition:.35s}
.industry-card:hover{transform:translateY(-6px);box-shadow:0 25px 50px rgba(24,45,75,.09);background:#fff}
.industry-card.tall{grid-row:span 2;min-height:650px;background:linear-gradient(180deg,#f1fbf8,#fbfcfe)}
.industry-art{position:absolute;right:8px;top:12px;opacity:.82}
.industry-art svg{width:165px}
.tall .industry-art{right:20px;top:60px;opacity:.8}
.tall .industry-art svg{width:230px}
.industry-tag{font-size:9px;letter-spacing:.16em;color:var(--teal);font-weight:800;position:relative;z-index:2}
.industry-card h3{font-size:27px;line-height:1.08;letter-spacing:-.03em;margin:88px 0 12px;position:relative;z-index:2}
.tall h3{font-size:40px;margin-top:305px}
.industry-card p{color:var(--muted);line-height:1.6;font-size:12px;max-width:330px;position:relative;z-index:2}
.card-arrow{position:absolute;right:23px;bottom:20px;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:#fff;font-weight:800}
.proof{background:var(--bg)}
.proof-hero{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);background:#fff;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}
.proof-image{min-height:500px}
.image-placeholder{height:100%;min-height:500px;position:relative;background:linear-gradient(140deg,#dce8f6,#f5fbf8);overflow:hidden}
.placeholder-grid{position:absolute;inset:0;background:linear-gradient(rgba(49,107,216,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,167,134,.08) 1px,transparent 1px);background-size:34px 34px;transform:skewY(-8deg) scale(1.18)}
.placeholder-label{position:absolute;left:28px;bottom:45px;font-size:11px;letter-spacing:.17em;font-weight:800;color:var(--ink)}
.placeholder-note{position:absolute;left:28px;bottom:24px;color:#738094;font-size:9px}
.proof-copy{padding:60px 52px}
.case-label{font-size:9px;letter-spacing:.18em;color:var(--teal);font-weight:800}
.proof-copy h3{font-size:50px;letter-spacing:-.04em;line-height:1.02;margin:15px 0 18px}
.proof-copy>p{color:var(--muted);font-size:15px;line-height:1.7;max-width:450px}
.proof-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}
.proof-metrics div{padding:17px;border:1px solid var(--line);border-radius:16px}
.proof-metrics strong{display:block;font-family:"Space Grotesk";font-size:27px;color:var(--teal)}
.proof-metrics span{display:block;font-size:9px;line-height:1.45;color:var(--muted);margin-top:5px}
.case-flow{display:flex;gap:7px;align-items:center;font-size:9px;letter-spacing:.11em;font-weight:800;color:#8d99a8;flex-wrap:wrap}
.case-flow b{color:var(--ink)}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:18px;border-radius:20px;overflow:hidden}
.proof-strip div{background:#fff;padding:20px 16px;font-family:"Space Grotesk";font-weight:700;font-size:11px}
.proof-strip span{display:block;font-family:"DM Sans";font-size:8px;letter-spacing:.13em;color:#95a0ae;margin-top:6px;font-weight:700}
.capability{background:#fff}
.capability> .container > h2{font-size:60px;line-height:1.02;letter-spacing:-.04em;margin:18px 0 60px}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.cap-item{min-height:200px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.cap-item .num{font-size:9px;letter-spacing:.16em;color:var(--teal);font-weight:800}
.cap-item h3{font-size:28px;margin:23px 0 10px}
.cap-item p{font-size:12px;color:var(--muted);line-height:1.6;max-width:260px}
.approach{background:linear-gradient(#fff,#f4f8fc)}
.timeline{position:relative;max-width:900px;margin:0 auto;padding:5px 0 20px}
.timeline-line{position:absolute;left:18px;top:20px;bottom:35px;width:1px;background:var(--line)}
.step{display:grid;grid-template-columns:55px 1fr;gap:22px;position:relative;padding:24px 0}
.step-dot{width:37px;height:37px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-size:9px;color:var(--teal);font-weight:800;z-index:2}
.step span{font-size:9px;letter-spacing:.18em;color:var(--teal);font-weight:800}
.step h3{font-size:27px;margin:6px 0}
.step p{font-size:12px;color:var(--muted);line-height:1.6;margin:0;max-width:600px}
.signal{background:#fff}
.signal-frame{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.signal-copy{padding:60px 55px;background:linear-gradient(140deg,#f0f9f7,#f6f9fd)}
.signal-copy h2{font-size:47px;line-height:1.06;letter-spacing:-.04em;margin:20px 0 0}
.signal-copy h2 span{color:var(--teal)}
.signal-points{padding:34px}
.signal-points div{display:grid;grid-template-columns:40px 1fr;gap:13px;padding:21px 0;border-bottom:1px solid var(--line)}
.signal-points div:last-child{border-bottom:0}
.signal-points b{font-size:9px;color:var(--teal);letter-spacing:.1em}
.signal-points span{font-size:12px;color:var(--muted);line-height:1.55}
.cta{background:var(--ink);color:#fff;text-align:center;padding:150px 0 165px}
.cta .section-kicker{color:#77e2ca}
.cta h2{font-size:clamp(52px,7vw,84px);line-height:.96;letter-spacing:-.055em;margin:22px auto;max-width:900px}
.cta p{color:#9eabc0;max-width:590px;margin:0 auto 30px;line-height:1.65;font-size:15px}
.cta .button.ghost{background:transparent;border-color:#415068;color:#fff}
.footer{background:#0e1827;color:#fff;border-top:1px solid #2a3850;padding:36px 0}
.footer-inner{display:flex;justify-content:space-between;align-items:end;gap:30px}
.footer .brand{color:#fff}
.footer .brand-mark{border-color:#fff}
.footer p{font-size:10px;line-height:1.6;color:#7f8da3;margin:14px 0 0}
.footer-meta{display:flex;gap:22px;color:#77869c;font-size:9px;letter-spacing:.08em}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.reveal.in-view{opacity:1;transform:none}
.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}
.float-1{animation:float1 7s ease-in-out infinite}.float-2{animation:float2 8s ease-in-out infinite}.float-3{animation:float3 9s ease-in-out infinite}
@keyframes float1{0%,100%{margin-top:0}50%{margin-top:-12px}}
@keyframes float2{0%,100%{margin-top:-4px}50%{margin-top:12px}}
@keyframes float3{0%,100%{margin-top:2px}50%{margin-top:-10px}}
@media (max-width:980px){
  .nav-links{display:none}
  .hero-inner{grid-template-columns:1fr}
  .hero-stage{height:520px;order:-1}
  .hero-copy{margin-top:-30px}
  .statement-grid,.proof-hero,.signal-frame{grid-template-columns:1fr}
  .section-top{align-items:start;flex-direction:column}
  .system-map{grid-template-columns:1fr;gap:24px}
  .sys-connector{display:none}
  .industry-grid{grid-template-columns:1fr 1fr}
  .industry-card.tall{grid-row:auto;min-height:315px}
  .tall h3{font-size:30px;margin-top:210px}
  .cap-grid{grid-template-columns:1fr 1fr}
  .footer-inner{align-items:start;flex-direction:column}
}
@media (max-width:640px){
  .container{width:min(100% - 30px,1180px)}
  .nav{height:66px}
  .nav-cta{padding:9px 12px}
  .hero{padding-top:100px}
  .hero-stage{height:425px}
  .twin-core{width:220px;height:220px}
  .core-ring{width:138px;height:138px}
  .core-word{font-size:24px;margin-top:-112px}
  .sprite svg{width:86px}
  .sprite-port{left:0}.sprite-air{right:0}.sprite-hosp{left:0}.sprite-factory{right:0}.sprite-city{right:23%}
  .orbit-a{width:280px;height:190px}.orbit-b{width:360px;height:240px}.orbit-c{width:450px;height:290px}
  .hero h1{font-size:48px}
  .hero-lead{font-size:15px}
  .hero-trust{gap:9px;flex-wrap:wrap}
  .statement h2,.section-top h2,.capability> .container > h2{font-size:43px}
  .industry-grid{grid-template-columns:1fr}
  .industry-card{min-height:300px}
  .proof-copy{padding:38px 26px}
  .proof-copy h3{font-size:38px}
  .proof-metrics{grid-template-columns:1fr}
  .proof-strip{grid-template-columns:1fr 1fr}
  .cap-grid{grid-template-columns:1fr}
  .signal-copy{padding:38px 26px}
  .signal-copy h2{font-size:37px}
  .cta h2{font-size:48px}
  .footer-meta{flex-direction:column;gap:9px}
}