:root { --ink:#07101e; --blue:#2f6dff; --electric:#7ba3ff; --paper:#f3f0e9; --night:#030712; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--night); color:var(--ink); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.header { position:absolute; z-index:10; top:18px; left:50%; display:flex; width:min(calc(100% - 48px),1240px); height:66px; padding:0 10px 0 22px; align-items:center; justify-content:space-between; transform:translateX(-50%); border:1px solid #ffffff17; border-radius:999px; background:#060b17a6; box-shadow:0 16px 50px #00000035; color:#fff; backdrop-filter:blur(22px) saturate(140%); }
.brand { display:inline-flex; align-items:center; text-decoration:none; font-size:17px; letter-spacing:-.02em; }
.brand>span:last-child { margin-left:5px; opacity:.65; }
.brand-mark { position:relative; width:29px; height:27px; margin-right:10px; }
.brand-mark i { position:absolute; width:16px; height:24px; transform:skewX(-18deg); border:2px solid currentColor; border-radius:3px; }
.brand-mark i:last-child { left:8px; opacity:.52; }
nav { display:flex; align-items:center; gap:34px; font-size:13px; font-weight:700; }
nav a { text-decoration:none; }
.nav-cta { display:flex; align-items:center; gap:9px; padding:13px 17px; border:1px solid #ffffff17; border-radius:999px; background:#fff; color:#07101e; }
.nav-cta b { font-size:15px; }
.hero { position:relative; display:grid; min-height:100svh; padding:150px max(24px,calc((100vw - 1240px)/2)) 84px; grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr); align-items:center; gap:60px; overflow:hidden; isolation:isolate; background:radial-gradient(circle at 75% 55%,#0b1c49 0,#050a18 31%,#02050c 68%); color:#fff; }
.hero-noise { position:absolute; inset:0; z-index:-1; opacity:.18; background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(to bottom,#000,transparent 88%); }
.hero-halo { position:absolute; z-index:-1; top:50%; right:3%; width:min(56vw,760px); aspect-ratio:1; transform:translateY(-46%); border-radius:50%; background:radial-gradient(circle,#dce8ff 0 1%,#8eb1ff 3%,#306dff 8%,#1840a5 18%,#0b1c4d 38%,transparent 68%); filter:blur(18px); opacity:.92; animation:halo-breathe 7s ease-in-out infinite; }
.hero-beam { position:absolute; z-index:-1; top:16%; right:-8%; width:66%; height:64%; transform:rotate(-8deg); background:linear-gradient(108deg,transparent 10%,#356fff08 38%,#80a7ff1d 50%,transparent 69%); filter:blur(16px); }
.hero-copy { position:relative; z-index:2; max-width:710px; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 34px; color:#9ebcff; font-size:11px; font-weight:800; letter-spacing:.21em; text-transform:uppercase; }
.eyebrow span { width:7px; height:7px; border-radius:50%; background:#6d9cff; box-shadow:0 0 0 7px #6d9cff1f; }
h1,h2,.card h3 { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.05em; }
h1 { margin:0; font-size:clamp(60px,6.6vw,102px); line-height:.91; text-wrap:balance; }
h1 em { display:block; color:transparent; font-style:normal; background:linear-gradient(110deg,#fff 10%,#9fbcff 54%,#4f7df0 100%); background-clip:text; -webkit-background-clip:text; }
.lead { max-width:585px; margin:34px 0 0; color:#aeb9cd; font-size:clamp(17px,1.35vw,20px); line-height:1.7; }
.actions { display:flex; align-items:center; gap:28px; margin-top:42px; }
.button,.text-link,.card-button { display:inline-flex; align-items:center; justify-content:center; gap:11px; font-size:14px; font-weight:800; text-decoration:none; transition:transform .18s ease; }
.button:hover,.text-link:hover,.card-button:hover { transform:translateY(-2px); }
.button-light { padding:16px 22px; border-radius:999px; background:#fff; box-shadow:0 0 0 1px #ffffff66,0 12px 35px #00000040; color:#0b1731; }
.visual { position:relative; z-index:2; min-height:560px; perspective:1000px; }
.machine-ring { position:absolute; top:50%; left:50%; aspect-ratio:1; transform:translate(-50%,-50%) rotateX(67deg); border:1px solid #b9ceff4a; border-radius:50%; box-shadow:inset 0 0 35px #3c72ff10,0 0 40px #2d68eb17; }
.ring-outer { width:520px; animation:ring-turn 22s linear infinite; }
.ring-middle { width:390px; border-style:dashed; opacity:.68; animation:ring-turn-reverse 17s linear infinite; }
.ring-inner { width:255px; border-color:#d3e0ff70; box-shadow:0 0 50px #6092ff3d; animation:ring-turn 12s linear infinite; }
.core { position:absolute; z-index:2; top:50%; left:50%; display:flex; width:176px; height:176px; align-items:center; justify-content:center; flex-direction:column; transform:translate(-50%,-50%); border:1px solid #dbe6ff78; border-radius:50%; background:radial-gradient(circle at 42% 35%,#416ec5d9,#102653e8 52%,#060d20f5); box-shadow:inset 0 0 30px #ffffff18,0 0 28px #b8ceff80,0 0 100px #2d68eb9c,0 30px 80px #000a; backdrop-filter:blur(16px); animation:core-float 6s ease-in-out infinite; }
.core::before { position:absolute; inset:10px; content:''; border:1px solid #ffffff30; border-radius:50%; }
.core small { color:#fff; text-shadow:0 0 22px #b9ceff; font:700 36px Georgia,serif; }
.core strong { margin-top:7px; font-size:20px; }
.core span { margin-top:4px; color:#9dafd2; font-size:8px; letter-spacing:.13em; text-transform:uppercase; }
.orbit-particle { position:absolute; z-index:3; width:8px; height:8px; border:1px solid #fff; border-radius:50%; background:#9bb9ff; box-shadow:0 0 18px #72a0ff; }
.particle-one { top:20%; left:27%; animation:particle-float 5s ease-in-out infinite; }
.particle-two { right:13%; bottom:32%; width:5px; height:5px; opacity:.7; animation:particle-float 6s ease-in-out -2s infinite; }
.particle-three { bottom:16%; left:36%; width:4px; height:4px; opacity:.5; animation:particle-float 7s ease-in-out -4s infinite; }
.product-stage { position:relative; z-index:2; min-height:580px; perspective:1200px; }
.stage-orbit { position:absolute; top:50%; left:50%; width:520px; height:520px; transform:translate(-50%,-50%) rotateX(67deg); border:1px solid #a9c3ff30; border-radius:50%; box-shadow:0 0 70px #477dff24,inset 0 0 70px #477dff12; animation:ring-turn 26s linear infinite; }
.product-window { position:absolute; top:50%; left:50%; width:min(580px,46vw); overflow:hidden; transform:translate(-50%,-50%) rotateY(-7deg) rotateX(3deg); border:1px solid #ffffff2f; border-radius:18px; background:#0b1222e8; box-shadow:0 45px 100px #000a,0 0 80px #2f6dff25; backdrop-filter:blur(20px); }
.window-bar { display:flex; height:42px; padding:0 14px; align-items:center; justify-content:space-between; border-bottom:1px solid #ffffff15; background:#ffffff07; color:#7887a4; }
.window-bar>span { display:flex; gap:5px; }.window-bar>span i { width:7px;height:7px;border-radius:50%;background:#5d6980}.window-bar>span i:first-child{background:#6d91eb}.window-bar small{font-size:8px;letter-spacing:.1em;text-transform:uppercase}.window-bar b{font-size:8px;letter-spacing:2px}
.window-body { display:grid; min-height:355px; grid-template-columns:56px 1fr; }
.window-body aside { display:flex; padding:18px 0; align-items:center; flex-direction:column; gap:20px; border-right:1px solid #ffffff12; }.window-body aside strong{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#346ff2;color:#fff;font:700 13px Georgia,serif}.window-body aside i{width:16px;height:3px;border-radius:9px;background:#ffffff1c}.window-body aside i:nth-of-type(2){height:16px;background:#6d92e966}
.project-view { padding:26px; }.project-head{display:flex;align-items:start;justify-content:space-between}.project-head small{color:#7787a5;font-size:7px;font-weight:900;letter-spacing:.16em}.project-head h3{margin:7px 0 0;color:#fff;font-size:21px;letter-spacing:-.03em}.project-head>span{padding:7px 9px;border:1px solid #7698e752;border-radius:999px;background:#4d79df1f;color:#95b2f5;font-size:7px;font-weight:800;text-transform:uppercase}
.progress{height:4px;margin:23px 0;border-radius:10px;background:#ffffff0e}.progress i{display:block;width:68%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3974f5,#8aabff);box-shadow:0 0 12px #5885e8}
.project-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.project-cards article{padding:15px;border:1px solid #ffffff12;border-radius:11px;background:#ffffff07}.project-cards small{display:block;color:#8491a9;font-size:7px;text-transform:uppercase}.project-cards strong{display:block;margin:10px 0 5px;color:#fff;font-size:25px}.project-cards span{color:#7796dc;font-size:7px}
.project-list{display:grid;margin-top:12px;border-top:1px solid #ffffff10}.project-list>span{display:grid;padding:11px 2px;grid-template-columns:18px 1fr auto;border-bottom:1px solid #ffffff0d;color:#bdc7d9;font-size:8px}.project-list i{width:8px;height:8px;border:2px solid #6f95ea;border-radius:50%}.project-list b{color:#7484a1;font-weight:600}
.copilot-card { position:absolute; z-index:3; right:-15px; bottom:54px; width:235px; padding:17px; border:1px solid #a8c0ff4d; border-radius:14px; background:#132755dc; box-shadow:0 20px 50px #0008,0 0 35px #467aff35; backdrop-filter:blur(18px); animation:core-float 6s ease-in-out infinite; }.copilot-card small{color:#91aff8;font-size:7px;font-weight:900;letter-spacing:.13em}.copilot-card p{margin:11px 0;color:#fff;font-size:11px;line-height:1.5}.copilot-card span{color:#8ca9ed;font-size:8px;font-weight:800}
.metric-float { position:absolute; z-index:3; top:88px; left:6px; display:flex; width:118px; height:118px; align-items:center; justify-content:center; flex-direction:column; border:1px solid #ffffff35; border-radius:50%; background:#0a1739c7; box-shadow:0 0 45px #457cff4c; backdrop-filter:blur(16px); animation:core-float 7s ease-in-out -2s infinite; }.metric-float small{color:#8fa8dd;font-size:7px;letter-spacing:.1em;text-transform:uppercase}.metric-float strong{margin-top:8px;color:#fff;font:400 17px Georgia,serif;letter-spacing:.08em}
.hero-meta { position:absolute; z-index:3; right:max(24px,calc((100vw - 1240px)/2)); bottom:30px; left:max(24px,calc((100vw - 1240px)/2)); display:flex; align-items:center; gap:18px; color:#687896; font-size:9px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.hero-meta i { height:1px; flex:1; background:#839dca40; }
.impact { position:relative; padding:125px max(24px,calc((100vw - 1180px)/2)) 95px; overflow:hidden; background:#f4f3ef; color:#07101e; }
.impact::before { position:absolute; top:-280px; right:-180px; width:650px; height:650px; content:''; border-radius:50%; background:radial-gradient(circle,#b9ccff66,transparent 68%); filter:blur(18px); }
.impact-intro { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1.25fr; align-items:end; }.impact-intro h2{margin:0;font:400 clamp(44px,5vw,68px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.05em}.impact .kicker{align-self:start;margin-top:8px}
.impact-metrics { position:relative; z-index:1; display:grid; margin-top:85px; grid-template-columns:repeat(3,1fr); border-top:1px solid #c8c8c5; border-bottom:1px solid #c8c8c5; }
.impact-metrics article { min-height:300px; padding:42px 38px 35px 0; border-right:1px solid #c8c8c5; }.impact-metrics article+article{padding-left:38px}.impact-metrics article:last-child{border-right:0}.impact-metrics strong{display:block;color:#2f6dff;font:700 10px/1 Arial,sans-serif;letter-spacing:.14em}.impact-metrics h3{max-width:270px;margin:48px 0 0;font:400 31px/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.04em}.impact-metrics p{max-width:290px;margin:20px 0 0;color:#5f6673;font-size:14px;line-height:1.65}
.capabilities { padding:145px max(24px,calc((100vw - 1180px)/2)); background:#e8e8eb; color:#091225; }
.capabilities-heading { display:grid; grid-template-columns:.75fr 1.4fr .75fr; gap:55px; align-items:start; }
.capabilities-heading h2 { margin:0; font:400 clamp(46px,5vw,72px)/1 Georgia,'Times New Roman',serif; letter-spacing:-.052em; text-wrap:balance; }
.capabilities-heading>p:last-child { margin:8px 0 0; color:#687080; font-size:14px; line-height:1.75; }
.capabilities .kicker { margin-top:8px; }
.capability { display:grid; min-height:690px; margin-top:95px; grid-template-columns:.85fr 1.15fr; overflow:hidden; border:1px solid #ccd0d8; border-radius:26px; background:#f7f7f8; box-shadow:0 35px 90px #27365317; }
.capability-copy { padding:62px 54px; }
.product-pill { display:inline-flex; margin:0; padding:9px 12px; border:1px solid #345faa35; border-radius:999px; color:#3664c8; font-size:8px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.capability-copy h3 { margin:31px 0 0; font:400 clamp(38px,3.3vw,52px)/1.05 Georgia,'Times New Roman',serif; letter-spacing:-.045em; }
.capability-copy>p:not(.product-pill) { margin:25px 0 0; color:#667080; font-size:15px; line-height:1.75; }
.capability-copy ul { display:grid; margin:34px 0 0; padding:0; list-style:none; }
.capability-copy li { display:grid; padding:18px 0; grid-template-columns:42px 1fr; border-top:1px solid #d9dce1; }
.capability-copy li i { color:#4674d8; font-size:8px; font-style:normal; font-weight:900; letter-spacing:.12em; }
.capability-copy li span { color:#777f8e; font-size:12px; line-height:1.5; }
.capability-copy li strong { display:block; margin-bottom:4px; color:#10192b; font-size:13px; }
.capability-visual { position:relative; margin:18px; overflow:hidden; border-radius:18px; }
.m1-visual { padding:27px; background:radial-gradient(circle at 82% 10%,#3269e750,transparent 35%),linear-gradient(145deg,#0d1b3d,#080e1c 68%); color:#fff; box-shadow:inset 0 0 0 1px #ffffff14; }
.visual-toolbar { display:flex; align-items:center; justify-content:space-between; color:#7f8eac; font-size:7px; font-weight:800; letter-spacing:.13em; }
.visual-toolbar small { padding:7px 9px; border:1px solid #91aeef40; border-radius:999px; color:#94b1ef; }
.estimate-head { display:flex; margin-top:58px; align-items:end; justify-content:space-between; }
.estimate-head small { display:block; color:#7483a2; font-size:7px; letter-spacing:.15em; }
.estimate-head strong { display:block; margin-top:8px; font:400 25px Georgia,serif; }
.estimate-head>span { color:#83a7f4; font-size:8px; }
.estimate-grid { display:grid; margin-top:25px; grid-template-columns:1.35fr .65fr; gap:11px; }
.bom-panel,.estimate-total { padding:19px; border:1px solid #ffffff13; border-radius:13px; background:#ffffff08; }
.bom-panel>small,.estimate-total>small { color:#7786a3; font-size:7px; letter-spacing:.12em; }
.bom-panel>span { display:grid; padding:13px 0; grid-template-columns:17px 1fr auto; border-bottom:1px solid #ffffff0e; color:#b8c2d6; font-size:8px; }
.bom-panel>span:last-child { border-bottom:0; }
.bom-panel i { width:7px; height:7px; border:1px solid #78a1f8; border-radius:2px; }
.bom-panel b { color:#e4eaff; font-weight:700; }
.estimate-total strong { display:block; margin:26px 0 8px; font:400 27px Georgia,serif; }
.estimate-total span { color:#82a4eb; font-size:8px; }
.ai-suggestion { position:absolute; right:27px; bottom:27px; width:285px; padding:18px; border:1px solid #93b1ff4c; border-radius:14px; background:#17346dd9; box-shadow:0 20px 50px #0007; backdrop-filter:blur(16px); }
.ai-suggestion small { color:#94b4fa; font-size:7px; font-weight:900; letter-spacing:.13em; }
.ai-suggestion p { margin:10px 0; color:#fff; font-size:10px; line-height:1.5; }
.ai-suggestion button { padding:0; border:0; background:none; color:#a8c0f5; font-size:8px; font-weight:800; }
.capability-s1 { grid-template-columns:1.15fr .85fr; }
.s1-pill { color:#7457c6; border-color:#7457c638; }
.s1-visual { padding:27px; background:radial-gradient(circle at 15% 8%,#7656d541,transparent 34%),linear-gradient(145deg,#19152f,#0a0b18 68%); color:#fff; box-shadow:inset 0 0 0 1px #ffffff14; }
.s1-project-head { display:flex; margin-top:51px; align-items:end; justify-content:space-between; }
.s1-project-head small { display:block; color:#7f7a9b; font-size:7px; letter-spacing:.15em; }
.s1-project-head strong { display:block; margin-top:8px; font:400 23px Georgia,serif; }
.s1-project-head>span { color:#b29cff; font:400 24px Georgia,serif; }
.phase-track { position:relative; display:grid; margin-top:30px; grid-template-columns:repeat(6,1fr); }
.phase-track::before { position:absolute; top:5px; right:0; left:0; height:1px; content:''; background:#ffffff19; }
.phase-track i { z-index:1; width:11px; height:11px; justify-self:center; border:2px solid #25243a; border-radius:50%; background:#55556d; }
.phase-track i.done { background:#7259cd; box-shadow:0 0 12px #745ee1; }
.phase-track i.active { border-color:#cbbfff; background:#fff; box-shadow:0 0 16px #a289ff; }
.phase-labels { display:grid; margin-top:10px; grid-template-columns:repeat(6,1fr); color:#77758e; font-size:6px; text-align:center; text-transform:uppercase; }
.s1-columns { display:grid; margin-top:25px; grid-template-columns:1.45fr .55fr; gap:11px; }
.action-panel,.project-health { padding:18px; border:1px solid #ffffff12; border-radius:13px; background:#ffffff07; }
.action-panel>small,.project-health>small { color:#7f7b96; font-size:7px; letter-spacing:.12em; }
.action-panel p { display:grid; margin:0; padding:12px 0; grid-template-columns:18px 1fr auto; align-items:center; border-bottom:1px solid #ffffff0e; }
.action-panel p:last-child { border-bottom:0; }
.action-panel p>i { width:8px; height:8px; border:1px solid #9c87ec; border-radius:2px; }
.action-panel p span { color:#7d7894; font-size:7px; }
.action-panel p strong { display:block; margin-bottom:3px; color:#ddd8ed; font-size:8px; }
.action-panel p b { color:#a18bea; font-size:7px; font-weight:700; }
.project-health strong { display:inline-block; margin-top:25px; font:400 39px Georgia,serif; }
.project-health>span { color:#706c84; font-size:9px; }
.project-health p { color:#8c879e; font-size:8px; line-height:1.5; }
.decision-card { position:absolute; right:26px; bottom:26px; width:315px; padding:18px; border:1px solid #ab95ff47; border-radius:14px; background:#39266ed9; box-shadow:0 20px 50px #0008; backdrop-filter:blur(16px); }
.decision-card small { color:#b9a7f8; font-size:7px; font-weight:900; letter-spacing:.13em; }
.decision-card p { margin:10px 0; font-size:10px; line-height:1.5; }
.decision-card button { padding:0; border:0; background:none; color:#c6b8f6; font-size:8px; font-weight:800; }
.copilot-section { display:grid; min-height:600px; margin-top:24px; padding:70px; grid-template-columns:.82fr 1.18fr; gap:85px; align-items:center; overflow:hidden; border-radius:26px; background:radial-gradient(circle at 78% 45%,#274f9f52,transparent 34%),#07101f; box-shadow:0 35px 90px #27365320; color:#fff; }
.copilot-pill { color:#9ab7f8; border-color:#9ab7f83b; }
.copilot-copy h3 { margin:30px 0 0; font:400 clamp(40px,4vw,59px)/1.03 Georgia,'Times New Roman',serif; letter-spacing:-.05em; }
.copilot-copy>p:not(.product-pill) { margin:25px 0 0; color:#9ba8bf; font-size:15px; line-height:1.75; }
.copilot-benefits { display:grid; margin-top:35px; border-top:1px solid #ffffff18; }
.copilot-benefits span { display:grid; padding:16px 0; grid-template-columns:40px 1fr; border-bottom:1px solid #ffffff18; color:#dce3ef; font-size:11px; }
.copilot-benefits i { color:#6f91dc; font-size:8px; font-style:normal; }
.copilot-conversation { padding:20px; border:1px solid #ffffff1d; border-radius:20px; background:#ffffff0a; box-shadow:0 30px 80px #0006; backdrop-filter:blur(18px); }
.conversation-bar { display:flex; padding:0 4px 18px; align-items:center; justify-content:space-between; border-bottom:1px solid #ffffff12; color:#bdc8dc; font-size:9px; font-weight:800; }
.conversation-bar span { display:flex; align-items:center; gap:8px; }
.conversation-bar i { width:7px; height:7px; border-radius:50%; background:#79a4ff; box-shadow:0 0 12px #6798ff; }
.conversation-bar small { color:#6e7c96; font-size:7px; letter-spacing:.08em; }
.message { max-width:86%; margin-top:18px; padding:15px; border-radius:14px; font-size:10px; line-height:1.55; }
.user-message { margin-left:auto; border:1px solid #ffffff17; background:#ffffff0c; color:#c7d0df; }
.ai-message { border:1px solid #7ba2ff35; background:#142a57; color:#fff; }
.ai-message small { color:#8eaff5; font-size:7px; font-weight:900; letter-spacing:.12em; }
.ai-message p { margin:11px 0 6px; }
.ai-message ol { margin:0; padding-left:20px; color:#bdc9df; }
.ai-message li { padding:4px 0; }
.ai-message button { margin-top:10px; padding:0; border:0; background:none; color:#99b8f7; font-size:8px; font-weight:800; }
.vision,.products { position:relative; padding:145px max(24px,calc((100vw - 1180px)/2)); overflow:hidden; }
.kicker { display:flex; align-items:center; gap:12px; margin:0 0 26px; color:#7da4ff; font-size:10px; font-weight:900; letter-spacing:.2em; text-transform:uppercase; }
.kicker span { display:grid; width:27px; height:27px; place-items:center; border:1px solid #7da4ff54; border-radius:50%; font-size:8px; }
.vision { isolation:isolate; background:#f1eee7; }
.section-aura { position:absolute; z-index:-1; top:-280px; left:-260px; width:720px; height:720px; border-radius:50%; background:radial-gradient(circle,#87aaff29,transparent 68%); filter:blur(12px); }
.section-heading { display:grid; grid-template-columns:230px 1fr; }
.section-heading h2,.products-heading h2,.contact h2 { margin:0; font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:clamp(46px,5.5vw,76px); line-height:1; letter-spacing:-.052em; text-wrap:balance; }
.section-heading h2 em,.contact h2 em { color:#697184; font-style:normal; }
.vision-grid { display:grid; margin-top:105px; grid-template-columns:.78fr 1.22fr; gap:130px; }
.statement { margin:0; color:#646a76; font-size:20px; line-height:1.8; }
.statement strong { color:var(--ink); }
.steps { border-top:1px solid #c9c5bb; }
.steps article { display:grid; padding:28px 0; grid-template-columns:58px 1fr 24px; align-items:start; border-bottom:1px solid #c9c5bb; transition:padding .3s ease; }
.steps article:hover { padding-left:12px; }
.steps article>span { color:var(--blue); font-size:10px; font-weight:900; letter-spacing:.14em; }
.steps article>i { color:#8d929d; font-style:normal; }
.steps h3 { margin:-5px 0 8px; font-size:22px; letter-spacing:-.02em; }.steps p { max-width:520px; margin:0; color:#6b6e74; font-size:14px; line-height:1.7; }
.vision-flow { display:flex; margin-top:115px; padding:25px 0; align-items:center; justify-content:space-between; border-top:1px solid #c9c5bb; border-bottom:1px solid #c9c5bb; color:#818691; font-size:10px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.vision-flow span:nth-of-type(2) { color:var(--blue); }
.vision-flow i { color:#acafb5; font-style:normal; }
.products { isolation:isolate; background:#030712; color:#fff; }
.products-glow { position:absolute; z-index:-1; top:0; right:-240px; width:760px; height:760px; border-radius:50%; background:radial-gradient(circle,#285ecb26,transparent 68%); filter:blur(20px); }
.products-heading { display:grid; margin-bottom:76px; grid-template-columns:1.45fr .55fr; gap:80px; align-items:end; }
.products-heading h2 { max-width:800px; }
.products-heading>p { margin:0 0 5px; color:#929caf; font-size:15px; line-height:1.8; }
.cards { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.card { position:relative; min-height:720px; padding:36px; overflow:hidden; border:1px solid #ffffff18; border-radius:24px; background:#0a1020; box-shadow:0 35px 100px #0008; }
.card-halo { position:absolute; top:-190px; right:-170px; width:520px; height:520px; border-radius:50%; filter:blur(10px); transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s ease; }
.card:hover .card-halo { transform:scale(1.18); opacity:1; }
.card-top { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; color:#9aa6bd; font-size:9px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.card-top small { display:flex; padding:8px 11px; align-items:center; gap:7px; border:1px solid #ffffff23; border-radius:999px; background:#ffffff08; font-size:8px; letter-spacing:.14em; }
.card-top small i { width:5px; height:5px; border-radius:50%; background:#83ffb0; box-shadow:0 0 10px #55ff95; }
.card-symbol { position:relative; z-index:1; display:grid; width:66px; height:66px; margin-top:78px; place-items:center; border:1px solid #ffffff33; border-radius:18px; background:#ffffff09; box-shadow:inset 0 0 25px #ffffff08; color:#fff; font:400 21px Georgia,serif; backdrop-filter:blur(12px); }
.label { position:relative; z-index:1; margin:38px 0 12px; color:#aab5c8; font-size:9px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.card h3 { position:relative; z-index:1; margin:0; font-size:clamp(52px,5.2vw,74px); }.card h3 em { color:#839ee0; font-style:normal; }
.description { position:relative; z-index:1; max-width:500px; margin:24px 0 0; color:#a9b3c5; font-size:15px; line-height:1.75; }
.card ul { position:relative; z-index:1; display:grid; margin:32px 0 0; padding:0; gap:0; list-style:none; color:#d3daea; font-size:12px; font-weight:700; }
.card li { display:grid; padding:11px 0; grid-template-columns:34px 1fr; border-top:1px solid #ffffff13; }
.card li b { color:#7180a0; font-size:8px; letter-spacing:.1em; }
.card-button { position:absolute; z-index:2; right:36px; bottom:36px; left:36px; min-height:58px; padding:0 20px; justify-content:space-between; border:1px solid #ffffff24; border-radius:999px; background:#ffffff0b; color:#fff; backdrop-filter:blur(14px); }
.card-button b { display:grid; width:34px; height:34px; place-items:center; border-radius:50%; background:#fff; color:#0b1222; }
.card-m1 .card-halo { background:radial-gradient(circle,#517fff80,#1c4bc43b 43%,transparent 70%); }
.card-m1 { background:linear-gradient(145deg,#101e42,#080e1d 62%); }
.card-s1 { background:linear-gradient(145deg,#17172e,#090b17 62%); }
.card-s1 .card-halo { background:radial-gradient(circle,#8e75ff6b,#4734b23d 43%,transparent 70%); }
.card-s1 h3 em { color:#a18bff; }
.contact { position:relative; display:grid; min-height:720px; padding:130px max(24px,calc((100vw - 1180px)/2)); place-items:center; overflow:hidden; isolation:isolate; background:#eef1f7; color:#081226; text-align:center; }
.contact-halo { position:absolute; z-index:-1; top:50%; left:50%; width:min(90vw,1000px); aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,#fff 0 5%,#dbe5ff 18%,#a8beff5c 40%,transparent 68%); filter:blur(14px); }
.contact-inner { display:flex; max-width:1000px; align-items:center; flex-direction:column; }
.contact .kicker { color:#426bd1; }
.contact h2 { font-size:clamp(50px,6.2vw,88px); }
.contact h2 em { color:#5677c6; }
.contact-inner>p:not(.kicker) { max-width:620px; margin:30px 0 0; color:#687286; font-size:17px; line-height:1.7; }
.contact .button { margin-top:38px; background:#091327; color:#fff; box-shadow:0 18px 45px #21396732; }
footer { display:flex; min-height:120px; padding:35px max(24px,calc((100vw - 1180px)/2)); align-items:center; justify-content:space-between; gap:30px; border-top:1px solid #ffffff10; background:#030712; color:#fff; }
footer p { margin:0; color:#657087; font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
@media(max-width:980px){.hero{min-height:auto;padding-top:150px;padding-bottom:130px;grid-template-columns:1fr}.product-stage{min-height:520px}.product-window{width:min(680px,86vw)}.impact-intro,.capabilities-heading{grid-template-columns:1fr;gap:30px}.capability{grid-template-columns:1fr}.capability-visual{min-height:520px}.copilot-section{padding:55px;grid-template-columns:1fr;gap:55px}.section-heading,.vision-grid,.products-heading{grid-template-columns:1fr;gap:48px}.vision-grid{margin-top:65px}.cards{grid-template-columns:1fr}.card{min-height:700px}.contact{min-height:620px}}
@media(max-width:720px){.header{top:12px;width:calc(100% - 28px);height:60px;padding-left:16px}.brand>span:last-child,nav>a:not(.nav-cta){display:none}.nav{gap:0}.nav-cta{padding:11px 13px}.nav-cta span{display:none}.hero{padding:130px 20px 90px;display:block}h1{font-size:clamp(49px,14vw,66px)}.lead{font-size:17px}.actions{align-items:stretch;flex-direction:column}.button-light{width:100%}.hero-meta span:first-child{display:none}.product-stage{min-height:430px;margin-top:35px}.product-window{width:92vw;transform:translate(-50%,-50%) scale(.84)}.copilot-card{right:-20px;bottom:12px;transform:scale(.85)}.metric-float{top:20px;left:-15px;transform:scale(.78)}.impact,.capabilities{padding-top:90px;padding-bottom:90px}.impact-metrics{grid-template-columns:1fr}.impact-metrics article,.impact-metrics article+article{min-height:auto;padding:35px 0;border-right:0;border-bottom:1px solid #c8c8c5}.impact-metrics article:last-child{border-bottom:0}.capability{margin-top:55px;border-radius:18px}.capability-copy{padding:36px 25px}.capability-copy h3{font-size:38px}.capability-visual{min-height:510px;margin:8px}.estimate-grid,.s1-columns{grid-template-columns:1fr}.estimate-total,.project-health{display:none}.ai-suggestion,.decision-card{right:16px;bottom:16px;left:16px;width:auto}.phase-labels{font-size:5px}.copilot-section{margin-top:16px;padding:42px 25px;border-radius:18px}.copilot-copy h3{font-size:40px}.copilot-conversation{padding:14px}.vision,.products{padding-top:92px;padding-bottom:92px}.section-heading h2,.products-heading h2{font-size:46px}.statement{font-size:18px}.vision-flow{align-items:flex-start;flex-direction:column;gap:18px}.vision-flow i{transform:rotate(90deg)}.card{min-height:710px;padding:26px;border-radius:18px}.card-symbol{margin-top:55px}.card-button{right:26px;bottom:26px;left:26px}.contact{min-height:600px;padding:90px 20px}.contact h2{font-size:48px}footer{align-items:flex-start;flex-direction:column}}
@keyframes halo-breathe{0%,100%{opacity:.8;transform:translateY(-46%) scale(.96)}50%{opacity:1;transform:translateY(-46%) scale(1.04)}}
@keyframes ring-turn{to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(360deg)}}
@keyframes ring-turn-reverse{to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(-360deg)}}
@keyframes core-float{0%,100%{transform:translate(-50%,-50%) translateY(-4px)}50%{transform:translate(-50%,-50%) translateY(8px)}}
@keyframes particle-float{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-18px);opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.text-link,.card-button{transition:none}.hero-halo,.machine-ring,.core,.orbit-particle{animation:none}}