:root {
  --navy: #071a33;
  --navy-2: #0b2748;
  --blue: #0c8ee9;
  --cyan: #35c2ff;
  --ice: #eaf7ff;
  --paper: #f3f0e9;
  --white: #fbfcfd;
  --ink: #09182c;
  --line: rgba(9, 24, 44, .16);
  --mono: "DM Mono", monospace;
  --sans: "Manrope", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
.noise { position: fixed; inset: 0; pointer-events: none; opacity: .035; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }

.topbar { height: 92px; padding: 0 4vw; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; position: absolute; inset: 0 0 auto; z-index: 10; color: white; border-bottom: 1px solid rgba(255,255,255,.13); }
.brand { width: 210px; height: 52px; overflow: hidden; display: flex; align-items: center; }
.brand img { width: 100%; filter: brightness(0) invert(1); }
nav { display: flex; gap: 34px; font-size: 13px; font-weight: 600; }
nav a { opacity: .75; transition: opacity .2s; }
nav a:hover { opacity: 1; }
.nav-cta { justify-self: end; font-size: 13px; font-weight: 700; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,.5); }
.nav-cta span { color: var(--cyan); margin-left: 8px; }
.menu-button { display: none; }

.hero { min-height: 100vh; background: var(--navy); color: white; position: relative; display: grid; grid-template-columns: 1.05fr .95fr; padding: 150px 6vw 90px; overflow: hidden; }
.hero::before { content:""; position:absolute; width: 740px; height: 740px; right:-180px; top:-160px; background: radial-gradient(circle, rgba(30,150,225,.2), transparent 65%); }
.hero-grid { position: absolute; inset: 0; opacity: .32; background-image: linear-gradient(rgba(80,175,230,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(80,175,230,.09) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to right, black, transparent 86%); }
.hero-copy { position: relative; z-index: 2; align-self: center; max-width: 780px; }
.eyebrow { margin: 0 0 30px; font: 500 11px/1 var(--mono); letter-spacing: .15em; display: flex; align-items: center; gap: 12px; }
.eyebrow span { width: 28px; height: 1px; background: var(--cyan); }
.hero h1 { font-size: clamp(64px, 7.2vw, 120px); line-height: .88; letter-spacing: -.07em; margin: 0; font-weight: 700; }
.hero h1 em { font-family: Georgia, serif; font-weight: 400; color: var(--cyan); letter-spacing: -.05em; }
.lead { max-width: 610px; color: rgba(255,255,255,.63); font-size: clamp(16px,1.45vw,21px); line-height: 1.65; margin: 36px 0; }
.hero-actions { display: flex; align-items: center; gap: 30px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 26px; min-width: 210px; padding: 18px 20px; font-size: 13px; font-weight: 700; transition: transform .2s, background .2s; }
.button:hover { transform: translateY(-3px); }
.button-primary { background: var(--cyan); color: var(--navy); }
.text-link { font-size: 13px; color: rgba(255,255,255,.72); border-bottom: 1px solid rgba(255,255,255,.24); padding: 10px 0; }
.text-link span { color: var(--cyan); margin-left: 12px; }

.hero-system { position: relative; align-self: center; justify-self: center; width: min(42vw, 620px); aspect-ratio: 1; }
.orbit { position: absolute; inset: 12%; border: 1px solid rgba(73,197,255,.23); border-radius: 50%; }
.orbit::before, .orbit::after { content:""; position:absolute; background: rgba(73,197,255,.22); }
.orbit::before { left: 50%; top: -10%; width: 1px; height: 120%; }
.orbit::after { top: 50%; left: -10%; height: 1px; width: 120%; }
.orbit-two { inset: 27%; border-style: dashed; animation: rotate 28s linear infinite; }
.system-core { position:absolute; inset: 36%; border-radius: 50%; background: radial-gradient(circle at 36% 30%, #174d78, #07192f 60%); border: 1px solid rgba(73,197,255,.55); display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow: 0 0 70px rgba(0,153,255,.2), inset 0 0 30px rgba(53,194,255,.1); }
.system-core strong { font-size: clamp(28px,4vw,56px); letter-spacing:-.08em; }
.system-core small { font: 9px var(--mono); letter-spacing:.16em; color:var(--cyan); }
.core-pulse { position:absolute; inset:-25%; border:1px solid rgba(53,194,255,.18); border-radius:50%; animation:pulse 2.8s ease-out infinite; }
.node { position:absolute; width:66px; height:66px; border:1px solid rgba(255,255,255,.21); border-radius:50%; background:#071a33; display:flex; align-items:center; justify-content:center; font:10px var(--mono); letter-spacing:.1em; }
.node i { position:absolute; width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 16px var(--cyan); }
.node-a { left:5%; top:42%; }.node-a i { right:-4px; }
.node-b { right:5%; top:42%; }.node-b i { left:-4px; }
.node-c { left:44%; top:4%; }.node-c i { bottom:-4px; }
.node-d { left:44%; bottom:4%; }.node-d i { top:-4px; }
.signal { position:absolute; border-radius:50%; border:1px solid rgba(53,194,255,.07); inset:2%; animation:pulse 4s 1s infinite; }
.signal-b { inset:19%; animation-delay:2s; }
.hero-foot { position:absolute; bottom:28px; left:4vw; right:4vw; display:flex; justify-content:space-between; font: 9px var(--mono); letter-spacing:.12em; color:rgba(255,255,255,.43); }
.live span { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:#45e7a0; box-shadow:0 0 10px #45e7a0; }

.marquee { background: var(--cyan); color:var(--navy); overflow:hidden; padding:15px 0; transform: rotate(-1deg) scale(1.02); position:relative; z-index:3; }
.marquee-track { display:flex; width:max-content; gap:28px; align-items:center; animation:marquee 24s linear infinite; font:700 13px var(--mono); letter-spacing:.12em; }
.marquee-track b { font-size:16px; }

.use-cases{background:#f4f1ea}.use-heading{display:grid;grid-template-columns:.75fr 1.5fr .75fr;gap:4vw;align-items:end;margin-bottom:70px}.use-heading h2{font-size:clamp(42px,5vw,74px);line-height:1;letter-spacing:-.06em;margin:0}.use-heading h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#2986bd}.use-heading>p{font-size:13px;line-height:1.75;color:#687985}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.use-card{border:1px solid var(--line);background:#f9f8f5;padding:16px;transition:transform .3s,box-shadow .3s}.use-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(9,24,44,.09)}.use-visual{height:300px;background:var(--navy);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.use-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(53,194,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(53,194,255,.08) 1px,transparent 1px);background-size:35px 35px}.factory-visual i{position:absolute;bottom:50px;width:60px;border:1px solid #36bff7;background:#0b2748}.factory-visual i:nth-child(1){height:120px;left:13%}.factory-visual i:nth-child(2){height:170px;left:38%}.factory-visual i:nth-child(3){height:95px;right:13%}.factory-visual span,.factory-visual b,.factory-visual em,.building-visual>span,.building-visual>b,.building-visual>em,.iot-visual>span,.iot-visual>b{position:absolute;font:8px var(--mono);letter-spacing:.1em;color:#7fd8ff;border:1px solid rgba(53,194,255,.3);padding:7px 9px;font-style:normal}.factory-visual span{left:10%;top:22%}.factory-visual b{left:43%;top:12%}.factory-visual em{right:8%;top:30%}.house-shape{position:absolute;inset:65px 65px 45px;border:1px solid #35c2ff;clip-path:polygon(50% 0,100% 35%,100% 100%,0 100%,0 35%);background:rgba(53,194,255,.06)}.house-shape i{position:absolute;width:22px;height:22px;border:1px solid #35c2ff}.house-shape i:nth-child(1){left:22%;top:42%}.house-shape i:nth-child(2){right:22%;top:42%}.house-shape i:nth-child(3){left:22%;bottom:15%}.house-shape i:nth-child(4){right:22%;bottom:15%}.building-visual>span{left:6%;top:20%}.building-visual>b{right:7%;top:18%}.building-visual>em{right:8%;bottom:12%}.iot-visual strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;border:1px solid #35c2ff;border-radius:50%;display:grid;place-items:center;color:white;font:500 20px var(--mono);box-shadow:0 0 35px rgba(53,194,255,.16)}.iot-visual i{position:absolute;width:9px;height:9px;border-radius:50%;background:#35c2ff;box-shadow:0 0 15px #35c2ff}.iot-visual i:nth-child(1){left:15%;top:25%}.iot-visual i:nth-child(2){right:14%;top:20%}.iot-visual i:nth-child(3){left:20%;bottom:18%}.iot-visual i:nth-child(4){right:17%;bottom:22%}.iot-visual>span{right:8%;top:9%}.iot-visual>b{left:8%;bottom:8%}.use-meta{display:flex;justify-content:space-between;align-items:center;margin:22px 0 16px;font:9px var(--mono);letter-spacing:.1em;color:#4c7891}.use-meta small{font:8px var(--mono);color:#8799a3}.use-card h3{font-size:25px;line-height:1.15;letter-spacing:-.04em;margin:0 0 14px}.use-card>p{font-size:12px;line-height:1.7;color:#687782;min-height:62px}.use-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.use-tags span{border:1px solid var(--line);border-radius:20px;padding:7px 9px;font:8px var(--mono);color:#56778b}

.section-pad { padding: 120px 6vw; }
.section-index { font:500 11px var(--mono); letter-spacing:.13em; color:#46708e; }
.intro { display:grid; grid-template-columns:.6fr 2fr .8fr; gap:6vw; align-items:start; }
.intro-kicker { margin:0; color:#567085; font:12px/1.7 var(--mono); }
.intro h2 { font-size:clamp(38px,4.5vw,74px); letter-spacing:-.055em; line-height:1.05; margin:55px 0 0; font-weight:600; }
.intro h2 span { color:#4385ae; font-family:Georgia,serif; font-style:italic; font-weight:400; }
.intro-note { padding-top:100px; }
.intro-note p { color:#5b6c79; font-size:14px; line-height:1.75; }
.intro-note a { display:inline-block; margin-top:35px; font-size:12px; font-weight:700; border-bottom:1px solid #8da1af; padding-bottom:7px; }
.intro-note a span { color:var(--blue); margin-left:12px; }

.solutions { background: var(--navy); color:white; }
.section-heading { display:grid; grid-template-columns:1.5fr .6fr; align-items:end; gap:40px; margin-bottom:80px; }
.section-index.light { color:#62aacf; }
.section-heading h2 { font-size:clamp(40px,5vw,72px); line-height:1.03; letter-spacing:-.055em; margin:34px 0 0; }
.section-heading > p { color:rgba(255,255,255,.52); font-size:14px; line-height:1.8; max-width:380px; }
.solution-list { border-top:1px solid rgba(255,255,255,.16); }
.solution-card { display:grid; grid-template-columns:.25fr .45fr 1fr 1.2fr; gap:30px; align-items:center; min-height:260px; border-bottom:1px solid rgba(255,255,255,.16); transition: background .3s, padding .3s; }
.solution-card:hover { background:rgba(53,194,255,.06); padding:0 22px; }
.card-number { font:11px var(--mono); color:#609abd; align-self:start; padding-top:42px; }
.card-icon svg { width:74px; height:74px; fill:none; stroke:var(--cyan); stroke-width:1.2; }
.card-copy h3 { font-size:clamp(25px,2.4vw,40px); line-height:1.08; letter-spacing:-.04em; margin:0 0 22px; }
.card-copy p { color:rgba(255,255,255,.48); max-width:590px; font-size:13px; line-height:1.7; margin:0; }
.card-tags { justify-self:end; display:flex; flex-wrap:wrap; gap:7px; max-width:220px; }
.card-tags span { padding:8px 10px; border:1px solid rgba(255,255,255,.18); border-radius:20px; font:9px var(--mono); letter-spacing:.08em; color:#8bc7e5; }

.flow { background:#e7edf0; }
.flow-top { display:flex; justify-content:space-between; align-items:start; margin-bottom:75px; }
.flow-top p { margin:0; max-width:400px; font-size:22px; line-height:1.45; letter-spacing:-.02em; }
.flow-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.flow-step { padding:34px 28px 10px 0; min-height:260px; border-right:1px solid var(--line); position:relative; }
.flow-step:not(:first-child){ padding-left:28px; }
.flow-step:last-child { border-right:0; }
.flow-step span { font:10px var(--mono); color:#4c84a4; }
.flow-step h3 { font-size:27px; margin:65px 0 18px; letter-spacing:-.04em; }
.flow-step p { color:#63727d; font-size:13px; line-height:1.7; max-width:260px; }

.dashboard-section { min-height:760px; background:#061528; color:white; display:grid; grid-template-columns:.65fr 1.35fr; gap:4vw; align-items:center; padding:100px 6vw; overflow:hidden; }
.dash-copy h2 { font-size:clamp(55px,6vw,90px); line-height:.95; margin:30px 0; letter-spacing:-.07em; }
.dash-copy h2 em { color:var(--cyan); font-family:Georgia,serif; font-weight:400; }
.dash-copy > p:last-child { max-width:380px; color:rgba(255,255,255,.5); font-size:14px; line-height:1.8; }
.dashboard { background:#0b2039; border:1px solid rgba(89,188,238,.28); padding:18px; box-shadow:0 40px 100px rgba(0,0,0,.32); transform:perspective(1000px) rotateY(-4deg); }
.dash-head { display:flex; align-items:center; border-bottom:1px solid rgba(255,255,255,.12); padding:4px 4px 16px; font:9px var(--mono); letter-spacing:.12em; }
.dash-head span { margin-left:auto; color:#5a9dbc; }.dash-head i { width:6px;height:6px;border-radius:50%;background:#45e7a0;margin-left:9px;box-shadow:0 0 10px #45e7a0; }
.dash-metrics { display:grid; grid-template-columns:.8fr .8fr 1.4fr; gap:10px; margin:12px 0; }
.dash-metrics > div { min-height:120px; border:1px solid rgba(255,255,255,.1); padding:15px; display:flex; flex-direction:column; }
.dash-metrics span,.dash-log>span { font:8px var(--mono); letter-spacing:.12em; color:#6ba4bf; }
.dash-metrics strong { font:500 28px var(--mono); margin:auto 0 4px; color:#e9f7ff; }
.dash-metrics small { font:8px var(--mono); color:#45e7a0; }
.chart svg { margin-top:auto; width:100%; height:65px; overflow:visible; }.chart path { fill:none;stroke:var(--cyan);stroke-width:2; }.chart .fill { fill:url(#none); stroke:none; opacity:.1; }
.dash-main { display:grid; grid-template-columns:1.2fr 1fr; gap:10px; }
.radar { min-height:250px; border:1px solid rgba(255,255,255,.1); position:relative; overflow:hidden; background:radial-gradient(circle,transparent 20%,rgba(53,194,255,.05) 21%,transparent 22%,transparent 40%,rgba(53,194,255,.08) 41%,transparent 42%),linear-gradient(90deg,transparent 49.7%,rgba(53,194,255,.12) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(53,194,255,.12) 50%,transparent 50.3%); }
.radar i,.radar b,.radar span { position:absolute;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 15px var(--cyan); }.radar i{left:30%;top:36%}.radar b{right:27%;top:48%}.radar span{left:53%;bottom:24%}
.radar-sweep { position:absolute; width:50%;height:50%; left:50%;top:0; transform-origin:0 100%; background:linear-gradient(35deg,transparent 55%,rgba(53,194,255,.19)); animation:rotate 5s linear infinite; }
.dash-log { border:1px solid rgba(255,255,255,.1); padding:18px; }
.dash-log p { font:8px var(--mono); letter-spacing:.06em; color:#87aac0; border-bottom:1px solid rgba(255,255,255,.06); padding:14px 0;margin:0; }.dash-log p i{color:#4b738d;font-style:normal;margin-right:12px;}

.control-center { background:#eef1f2; overflow:hidden; }
.cc-heading { display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:end; }
.cc-heading h2 { font-size:clamp(46px,5.7vw,84px);line-height:.98;letter-spacing:-.065em;margin:34px 0 0; }
.cc-heading h2 span { font-family:Georgia,serif;font-style:italic;font-weight:400;color:#2986bd; }
.cc-heading>p { max-width:390px;color:#647681;font-size:14px;line-height:1.8; }
.scenario-tabs { display:grid;grid-template-columns:repeat(3,1fr);margin:70px 0 24px;border:1px solid var(--line); }
.scenario-tab { border:0;border-right:1px solid var(--line);background:transparent;padding:20px 24px;text-align:left;font:600 13px var(--sans);color:#647681;cursor:pointer;transition:.25s; }
.scenario-tab:last-child{border-right:0}.scenario-tab span{font:9px var(--mono);margin-right:18px;color:#6b9db9}.scenario-tab.active{background:var(--navy);color:white}.scenario-tab.active span{color:var(--cyan)}
.cc-stage { min-height:640px;background:var(--navy);color:white;display:grid;grid-template-columns:1fr .85fr .55fr;gap:5vw;align-items:center;padding:65px 5vw;position:relative;overflow:hidden; }
.cc-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(53,194,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(53,194,255,.06) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,black,transparent)}
.cc-story,.device-shell,.cc-data{position:relative;z-index:1}.cc-label{font:9px var(--mono);letter-spacing:.14em;color:var(--cyan)}.cc-story h3{font-size:clamp(38px,4vw,62px);line-height:1;letter-spacing:-.055em;margin:27px 0}.cc-story>p:not(.cc-label){color:rgba(255,255,255,.5);font-size:14px;line-height:1.8;max-width:430px}.cc-features{display:flex;flex-wrap:wrap;gap:7px;margin-top:35px}.cc-features span{border:1px solid rgba(255,255,255,.17);border-radius:20px;padding:8px 12px;font:9px var(--mono);color:#98c9e3}
.device-shell{width:310px;min-height:590px;justify-self:center;background:#f4f7f8;color:var(--ink);border:7px solid #132b43;border-radius:38px;padding:18px 17px;box-shadow:0 35px 80px rgba(0,0,0,.4),inset 0 0 0 1px #587087}.device-top{display:flex;justify-content:space-between;font:8px var(--mono);padding:0 8px 14px}.device-appbar{display:flex;align-items:center;gap:8px;border-bottom:1px solid #dce5e9;padding-bottom:12px;font:7px var(--mono);letter-spacing:.12em}.mini-logo{font-weight:800;font-size:13px;color:#087fc4}.device-appbar i{margin-left:auto;width:7px;height:7px;background:#43d796;border-radius:50%}.device-greeting{display:flex;flex-direction:column;padding:22px 2px 15px}.device-greeting small,.device-metric small{font:7px var(--mono);letter-spacing:.13em;color:#78919f}.device-greeting strong{font-size:22px;letter-spacing:-.04em}.device-status{display:flex;align-items:center;background:#e4f7ef;color:#17684c;padding:10px;border-radius:8px;font:7px var(--mono)}.device-status i{width:6px;height:6px;background:#27b77d;border-radius:50%;margin-right:7px}.device-status b{margin-left:auto;font-weight:500}.device-metric{background:white;border:1px solid #dfe7ea;border-radius:10px;padding:15px;margin:12px 0;display:grid;grid-template-columns:1fr 1fr}.device-metric>div{display:flex;flex-direction:column}.device-metric strong{font:500 29px var(--mono);margin:8px 0}.device-metric span{font:7px var(--mono);color:#8da1ad}.device-metric svg{width:100%;height:70px;align-self:end}.device-metric path{fill:none;stroke:#079be9;stroke-width:2}.device-switches{display:grid;gap:8px}.control-toggle{display:flex;align-items:center;width:100%;border:1px solid #dfe7ea;border-radius:9px;background:white;padding:12px;text-align:left;color:var(--ink);cursor:pointer}.control-toggle>i{width:26px;height:26px;border-radius:7px;background:#e8eff2;margin-right:10px}.control-toggle>span{display:flex;flex-direction:column}.control-toggle b{font:700 10px var(--sans)}.control-toggle small{font:7px var(--mono);color:#8ba0ac;margin-top:3px}.control-toggle em{margin-left:auto;width:28px;height:15px;border-radius:10px;background:#ccd8de;position:relative}.control-toggle em::after{content:"";position:absolute;width:11px;height:11px;left:2px;top:2px;background:white;border-radius:50%;transition:.2s}.control-toggle.on em{background:#0c96dd}.control-toggle.on em::after{left:15px}.control-toggle.on>i{background:#dff3fe}
.cc-data{display:grid;gap:12px}.data-block{border:1px solid rgba(255,255,255,.13);padding:20px;display:flex;flex-direction:column}.data-block>span{font:8px var(--mono);letter-spacing:.12em;color:#6395b1}.data-block strong{font:500 24px var(--mono);margin:25px 0 7px}.data-block small{font:7px var(--mono);color:#7ca0b4}.data-block small i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#45e7a0;margin-right:5px}.data-ring{aspect-ratio:1;border:1px solid rgba(255,255,255,.13);border-radius:50%;display:grid;place-items:center;position:relative;font:8px/1.5 var(--mono);text-align:center;color:#8eb8cf}.data-ring b,.data-ring i{position:absolute;inset:13%;border:1px dashed rgba(53,194,255,.3);border-radius:50%;animation:rotate 16s linear infinite}.data-ring i{inset:28%;border-style:solid;animation-direction:reverse}

.project-builder{background:var(--navy);color:white;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:start}.builder-intro h2{font-size:clamp(46px,5vw,72px);line-height:1;letter-spacing:-.06em;margin:35px 0}.builder-intro h2 em{font-family:Georgia,serif;color:var(--cyan);font-weight:400}.builder-intro>p{color:rgba(255,255,255,.5);font-size:14px;line-height:1.8;max-width:420px}.builder-panel{min-height:515px;border:1px solid rgba(255,255,255,.15);padding:38px;background:rgba(255,255,255,.025)}.builder-progress{display:flex;gap:7px;margin-bottom:70px}.builder-progress span{height:2px;background:rgba(255,255,255,.16);flex:1}.builder-progress span.active{background:var(--cyan)}.builder-step,.builder-result{display:none}.builder-step.active,.builder-result.active{display:block;animation:stepIn .45s ease}.builder-step>p,.builder-result>p{font:9px var(--mono);letter-spacing:.14em;color:#68a8c9}.builder-step h3,.builder-result h3{font-size:31px;letter-spacing:-.04em;margin:18px 0 35px}.option-grid{display:grid;gap:10px}.option-grid button{border:1px solid rgba(255,255,255,.14);background:transparent;color:white;padding:19px 20px;text-align:left;font:600 13px var(--sans);display:flex;justify-content:space-between;cursor:pointer;transition:.2s}.option-grid button:hover{background:var(--cyan);color:var(--navy);transform:translateX(5px)}.result-summary{border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);padding:20px 0;margin-bottom:28px;display:grid;gap:10px}.result-summary p{margin:0;font:10px var(--mono);color:#91b4c8}.result-summary b{color:white;margin-left:8px}.result-actions{display:flex;align-items:center;gap:22px}.builder-reset{border:0;background:transparent;color:#93acba;border-bottom:1px solid #567083;padding:8px 0;cursor:pointer;font:10px var(--mono)}
@keyframes stepIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}

.contact { min-height:680px; background:var(--cyan); color:var(--navy); position:relative; display:grid; grid-template-columns:.9fr 1.1fr; gap:7vw; align-items:center; overflow:hidden; }
.contact-mark { position:absolute; font-size:38vw; line-height:.7; font-weight:800; letter-spacing:-.12em; right:-3vw; top:15%; color:rgba(7,26,51,.055); }
.contact-copy,.contact-actions { position:relative;z-index:1; }
.contact-copy h2 { font-size:clamp(58px,8vw,126px); line-height:.88; letter-spacing:-.075em; margin:28px 0 0; }
.contact-actions { justify-self:end; display:flex;flex-direction:column;align-items:flex-end;gap:26px; }
.button-light { background:var(--white); min-width:310px; }
.instagram { font:600 13px var(--mono); border-bottom:1px solid rgba(7,26,51,.35);padding-bottom:7px; }
.contact-details{display:grid;gap:13px;margin-top:45px;max-width:510px}.contact-details a,.contact-details>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(7,26,51,.22);padding-top:13px}.contact-details small{font:8px var(--mono);letter-spacing:.12em}.contact-details strong{font-size:12px}.contact-form-wrap{position:relative;z-index:2;background:var(--navy);color:white;padding:38px;box-shadow:0 35px 80px rgba(7,26,51,.2)}.form-kicker{font:9px var(--mono);letter-spacing:.14em;color:#65bfe9;margin:0 0 30px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:flex;flex-direction:column;gap:8px}.contact-form label>span{font:9px var(--mono);letter-spacing:.08em;color:#89aabf}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.2);background:transparent;color:white;padding:10px 0 12px;font:13px var(--sans);border-radius:0;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--cyan)}.contact-form select option{color:var(--ink)}.contact-form textarea{resize:vertical}.contact-form .wide{grid-column:1/-1}.consent{flex-direction:row!important;align-items:flex-start!important;gap:10px!important}.consent input{width:15px;height:15px;margin:2px 0 0;accent-color:var(--cyan)}.consent span{line-height:1.5}.consent a{text-decoration:underline;color:#b9e8ff}.contact-form button{border:0;cursor:pointer;width:100%;font-family:var(--sans)}.form-note{font:8px var(--mono);color:#718fa3;line-height:1.5}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:18;background:#25d366;color:#08251a;border-radius:30px;padding:15px 18px;display:flex;align-items:center;gap:14px;font:700 12px var(--sans);box-shadow:0 15px 35px rgba(0,0,0,.2);transition:transform .2s}.whatsapp-float:hover{transform:translateY(-4px)}.whatsapp-float b{font-size:15px}.privacy-note{position:fixed;left:24px;bottom:24px;z-index:17;background:#f9f8f4;color:var(--ink);border:1px solid var(--line);padding:13px 15px;display:flex;align-items:center;gap:18px;box-shadow:0 12px 30px rgba(0,0,0,.13);max-width:480px}.privacy-note.hidden{display:none}.privacy-note p{margin:0;font:9px/1.5 var(--mono)}.privacy-note a{text-decoration:underline}.privacy-note button{border:0;background:var(--navy);color:white;padding:8px 11px;font:9px var(--mono);cursor:pointer}

footer { padding:48px 6vw 26px; background:#f6f5f1; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:20px; }
.footer-brand { width:220px; }.footer-brand img{width:100%;}.footer-brand + p{font:10px var(--mono);letter-spacing:.2em;color:#557084;justify-self:center}.footer-links{justify-self:end;display:flex;gap:25px;font-size:12px;font-weight:600}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;margin-top:30px;font:9px var(--mono);color:#75818a;}footer small b{float:right;color:#4f7184;font-weight:500}
.legal-page{background:#f4f1ea;color:var(--ink)}.legal-header{height:90px;padding:0 6vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.legal-header img{width:210px}.legal-header>a:last-child{font:10px var(--mono);color:#527388}.legal-main{max-width:900px;margin:0 auto;padding:110px 25px 90px}.legal-label{font:10px var(--mono);letter-spacing:.15em;color:#3986b1}.legal-main h1{font-size:clamp(48px,6.5vw,85px);line-height:.95;letter-spacing:-.065em;margin:28px 0}.legal-date{font:9px var(--mono);color:#81909a;margin-bottom:80px}.legal-main section{display:grid;grid-template-columns:.55fr 1.45fr;gap:40px;border-top:1px solid var(--line);padding:35px 0}.legal-main h2{font-size:17px;margin:0}.legal-main section p{font-size:14px;line-height:1.8;color:#536672;margin:0}.legal-main section a{text-decoration:underline;color:#1678ad}.legal-footer{padding:28px 6vw;background:var(--navy);color:white;display:flex;justify-content:space-between;font:9px var(--mono)}.not-found{min-height:100vh;background:var(--navy);color:white;display:grid;place-items:center;padding:25px}.not-found main{max-width:760px}.not-found img{width:260px;filter:brightness(0) invert(1);margin-bottom:100px}.not-found p{font:10px var(--mono);letter-spacing:.15em;color:var(--cyan)}.not-found h1{font-size:clamp(55px,8vw,105px);line-height:.92;letter-spacing:-.07em;margin:25px 0 50px}

.reveal { opacity:0; transform:translateY(25px); transition:opacity .8s ease, transform .8s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
@keyframes rotate{to{transform:rotate(360deg)}}
@keyframes pulse{0%{transform:scale(.75);opacity:0}35%{opacity:.8}100%{transform:scale(1.2);opacity:0}}
@keyframes marquee{to{transform:translateX(-50%)}}

@media (max-width: 1000px){
  .topbar{grid-template-columns:1fr auto}.topbar nav,.nav-cta{display:none}.menu-button{display:block;background:none;border:0;width:32px;height:32px}.menu-button span{display:block;height:1px;background:white;margin:7px 0}
  .topbar nav.mobile-open{display:flex;position:absolute;left:0;right:0;top:76px;background:var(--navy);padding:25px 22px;flex-direction:column;gap:20px;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 20px 40px rgba(0,0,0,.2)}
  .hero{grid-template-columns:1fr;padding-top:160px}.hero-system{position:absolute;width:55vw;right:-18vw;top:25%;opacity:.5}.hero-copy{max-width:720px}.hero-foot p:last-child{display:none}
  .intro{grid-template-columns:1fr}.intro-copy{max-width:800px}.intro h2{margin-top:25px}.intro-note{padding-top:10px;max-width:440px}
  .solution-card{grid-template-columns:.25fr .35fr 1fr}.card-tags{display:none}
  .flow-grid{grid-template-columns:1fr 1fr}.flow-step:nth-child(2){border-right:0}.flow-step{border-bottom:1px solid var(--line)}
  .dashboard-section{grid-template-columns:1fr}.dash-copy{max-width:600px}.dashboard{transform:none}
  .cc-heading{grid-template-columns:1fr}.cc-heading>p{max-width:600px}.cc-stage{grid-template-columns:1fr 1fr}.cc-data{display:none}.project-builder{grid-template-columns:1fr}.builder-intro{max-width:720px}
  .use-heading{grid-template-columns:1fr}.use-heading h2{max-width:800px}.use-heading>p{max-width:600px}.use-grid{grid-template-columns:1fr 1fr}.use-card:last-child{grid-column:1/-1}.use-card:last-child .use-visual{height:360px}
}

@media (max-width: 650px){
  .topbar{height:76px;padding:0 20px}.brand{width:170px}.hero{padding:125px 22px 76px;min-height:760px}.hero h1{font-size:58px}.lead{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.hero-system{width:76vw;right:-35vw;top:35%;opacity:.34}.hero-foot{left:22px;right:22px}.hero-foot p:nth-child(2){margin-left:auto}
  .section-pad{padding:85px 22px}.intro h2{font-size:39px}.section-heading{grid-template-columns:1fr;margin-bottom:50px}.section-heading h2{font-size:41px}.section-heading>p{display:none}
  .solution-card{grid-template-columns:50px 1fr;gap:15px;padding:35px 0;min-height:0}.solution-card:hover{padding:35px 10px}.card-number{padding-top:0}.card-icon{display:none}.card-copy h3{font-size:29px}.card-copy p{font-size:12px}
  .flow-top{display:block}.flow-top p{margin-top:35px;font-size:19px}.flow-grid{grid-template-columns:1fr}.flow-step,.flow-step:not(:first-child){border-right:0;padding:28px 0;min-height:210px}.flow-step h3{margin-top:42px}
  .dashboard-section{padding:80px 22px}.dash-copy h2{font-size:60px}.dashboard{width:740px;transform:scale(.62);transform-origin:left top;margin-bottom:-210px}
  .cc-heading h2{font-size:43px}.scenario-tabs{grid-template-columns:1fr}.scenario-tab{border-right:0;border-bottom:1px solid var(--line)}.scenario-tab:last-child{border-bottom:0}.cc-stage{grid-template-columns:1fr;padding:50px 22px}.cc-story h3{font-size:41px}.device-shell{width:290px}.project-builder{padding-left:22px;padding-right:22px}.builder-panel{padding:25px 18px;min-height:540px}.builder-progress{margin-bottom:48px}.result-actions{align-items:flex-start;flex-direction:column}.result-mail{min-width:100%}
  .use-grid{grid-template-columns:1fr}.use-card:last-child{grid-column:auto}.use-card:last-child .use-visual{height:300px}.use-heading h2{font-size:41px}.contact{grid-template-columns:1fr;padding-top:90px;gap:65px}.contact-copy h2{font-size:61px}.contact-actions{justify-self:start;align-items:flex-start}.button-light{min-width:280px}.contact-details strong{text-align:right;max-width:220px}.contact-form-wrap{padding:28px 20px}.contact-form{grid-template-columns:1fr}.contact-form .wide{grid-column:1}.privacy-note{left:12px;right:12px;bottom:84px;max-width:none}.whatsapp-float{right:12px;bottom:15px}
  footer{grid-template-columns:1fr;padding:40px 22px 24px}.footer-brand+p,.footer-links{justify-self:start}.footer-links{margin-top:10px}footer small{grid-column:1}
  .footer-links{flex-wrap:wrap}.legal-header{padding:0 22px}.legal-header img{width:170px}.legal-main{padding-top:75px}.legal-main section{grid-template-columns:1fr;gap:15px}.legal-footer{padding:25px 22px;gap:20px}
}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.marquee-track,.orbit-two,.radar-sweep,.core-pulse{animation:none}}