*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#ffffff;
  --bg2:#f4f8ff;
  --text:#071b49;
  --muted:#5c6f91;
  --line:#dce7fb;
  --accent:#1455ff;
  --accent2:#2f7bff;
  --soft:#edf4ff;
}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{text-decoration:none;color:inherit}
.nav{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(255,255,255,.90);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center}
.brand img{width:150px;height:auto;display:block}
nav{display:flex;gap:28px;color:#536582;font-size:.9rem}
nav a:hover{color:var(--accent)}
.nav-cta{border:1px solid #b8ccf6;padding:10px 16px;border-radius:999px;font-size:.82rem;color:var(--accent);font-weight:700;background:white}
.menu{display:none;background:none;border:0;color:var(--text);font-size:1.5rem}
.hero{min-height:calc(100vh - 78px);padding:85px 8vw 75px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f8fbff 55%,#edf4ff 100%)}
.grid-glow{position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(20,85,255,.12),transparent 65%);right:-180px;top:-120px}
.eyebrow{color:var(--accent);font-size:.72rem;letter-spacing:.19em;font-weight:800;margin-bottom:17px}
h1,h2,h3{font-family:"Space Grotesk",sans-serif}
h1{font-size:clamp(4rem,8vw,7.8rem);line-height:.84;letter-spacing:-.075em;color:#071b49}
h1 span,h2 span{color:var(--accent)}
.hero-text{max-width:650px;color:var(--muted);font-size:1.05rem;margin:30px 0}
.hero-actions,.cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;font-weight:700;font-size:.9rem}
.primary{background:var(--accent);color:white;box-shadow:0 12px 30px rgba(20,85,255,.20)}
.secondary{border:1px solid #cbdaf4;background:white;color:var(--text)}
.primary:hover{filter:brightness(1.07)}
.secondary:hover{border-color:var(--accent);color:var(--accent)}
.trust-row{display:flex;gap:42px;margin-top:55px}
.trust-row div{display:flex;flex-direction:column}
.trust-row strong{font-family:"Space Grotesk";font-size:.85rem;color:var(--text)}
.trust-row small{color:var(--muted);font-size:.68rem}
.hero-visual{height:560px;display:grid;place-items:center;position:relative}
.orbit{position:absolute;border:1px solid rgba(20,85,255,.15);border-radius:50%;transform:rotate(-18deg)}
.orbit-1{width:430px;height:280px}
.orbit-2{width:530px;height:340px;transform:rotate(35deg)}
.bot-card{width:260px;position:relative;z-index:2;filter:drop-shadow(0 30px 60px rgba(20,85,255,.14))}
.bot-head{width:180px;height:120px;margin:auto;background:linear-gradient(145deg,#ffffff,#dfeaff);border-radius:45% 45% 32% 32%;display:flex;justify-content:center;align-items:center;gap:30px;border:8px solid #d5e2fb}
.eye{width:23px;height:35px;border-radius:50%;background:var(--accent);box-shadow:0 0 25px rgba(20,85,255,.35)}
.bot-body{height:200px;background:linear-gradient(145deg,#ffffff,#c9d9f4);border-radius:30px 30px 45px 45px;border:8px solid #d5e2fb;position:relative;margin-top:-4px}
.screen{position:absolute;left:50%;top:55px;transform:translateX(-50%);width:105px;height:70px;background:#071b49;border:2px solid #9db9ef;border-radius:10px;text-align:center;padding-top:12px;color:#fff;font-weight:800;font-size:1.2rem;line-height:1}
.screen span{font-size:.55rem;letter-spacing:.15em;color:#9fc0ff}
.arm{position:absolute;top:45px;width:35px;height:120px;background:#b9c9e4;border:7px solid #d5e2fb;border-radius:25px}
.arm.left{left:-38px;transform:rotate(20deg)}.arm.right{right:-38px;transform:rotate(-20deg)}
.bot-base{width:170px;height:35px;background:#d5e2fb;border-radius:50%;margin:-10px auto 0}
.floating-chip{position:absolute;padding:9px 13px;border:1px solid #b9cef5;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);border-radius:12px;color:var(--accent);font-size:.72rem;font-weight:800;box-shadow:0 10px 30px rgba(33,83,166,.10)}
.chip-a{top:20%;left:8%}.chip-b{top:17%;right:7%}.chip-c{bottom:20%;left:13%}.chip-d{bottom:13%;right:14%}
.intro{padding:110px 8vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;background:#fff}
h2{font-size:clamp(2.4rem,5vw,4.5rem);line-height:.98;letter-spacing:-.055em}
.intro p,.section-head>p{color:var(--muted);font-size:1rem;max-width:550px}
.section{padding:110px 8vw;background:#fff}
.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:50px}
.section-head h2{max-width:700px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{padding:30px;min-height:270px;background:linear-gradient(145deg,#fff,#f5f9ff);border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column;box-shadow:0 8px 30px rgba(30,70,130,.04)}
.card:hover{border-color:#9bb9f2;transform:translateY(-4px);transition:.25s;box-shadow:0 18px 45px rgba(20,85,255,.10)}
.card.featured{background:linear-gradient(145deg,#eef4ff,#fff);border-color:#b7cbf5}
.icon{width:45px;height:45px;border:1px solid #b9cdf5;border-radius:12px;display:grid;place-items:center;color:var(--accent);font-weight:800;margin-bottom:35px;background:#f6f9ff}
.card h3{font-size:1.35rem;margin-bottom:10px}
.card p{color:var(--muted);font-size:.88rem}
.card a{color:var(--accent);font-size:.8rem;font-weight:800;margin-top:auto;padding-top:25px}
.why{padding:110px 8vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;background:var(--bg2)}
.why-visual{display:grid;place-items:center}
.lab-panel{width:min(430px,90%);height:430px;border:1px solid #bcd0f5;border-radius:30px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(20,85,255,.08),transparent 55%),#fff;box-shadow:0 20px 60px rgba(35,80,150,.08)}
.panel-dot{display:inline-block;width:7px;height:7px;background:#9ab0d5;border-radius:50%;margin:20px 0 0 10px}
.lab-lines{position:absolute;inset:65px 30px 30px;background-image:linear-gradient(#e8eef9 1px,transparent 1px),linear-gradient(90deg,#e8eef9 1px,transparent 1px);background-size:35px 35px}
.mini-robot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:8rem;color:var(--accent);text-shadow:0 0 50px rgba(20,85,255,.15)}
.feature-list{margin-top:45px}
.feature-list>div{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}
.feature-list b{color:var(--accent);font-size:.8rem}
.feature-list h3{font-size:1.1rem;margin-bottom:4px}.feature-list p{color:var(--muted);font-size:.88rem}
.centered{display:block;text-align:center}.centered p{margin:18px auto 0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step{border-top:1px solid var(--line);padding:25px 10px}
.step span{color:var(--accent);font-weight:800;font-size:.75rem}
.step h3{font-size:1.25rem;margin:15px 0 7px}.step p{color:var(--muted);font-size:.86rem}
.cta{padding:100px 8vw 120px;background:#fff}
.cta-inner{padding:75px;position:relative;overflow:hidden;border:1px solid #b7ccf5;border-radius:30px;background:radial-gradient(circle at 90% 0%,rgba(20,85,255,.12),transparent 40%),linear-gradient(135deg,#f7faff,#fff)}
.cta h2{max-width:750px}.cta p{color:var(--muted);margin:20px 0 30px}
footer{border-top:1px solid var(--line);padding:30px 8vw;display:flex;justify-content:space-between;align-items:center;color:#6b7d9c;font-size:.78rem;background:#f8fbff}.footer-brand img{width:120px}
@media(max-width:900px){nav{display:none}.menu{display:block}.nav-cta{display:none}.nav nav.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px 8vw;flex-direction:column;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-top:65px}.hero-visual{height:430px;order:-1}.hero-copy{text-align:center}.hero-text{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.trust-row{justify-content:center}.intro,.why{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head>p{margin-top:20px}.why-copy{order:-1}}
@media(max-width:600px){.nav{padding:0 5vw}.brand img{width:130px}.hero,.intro,.section,.why,.cta{padding-left:5vw;padding-right:5vw}.hero-visual{height:350px}.bot-card{transform:scale(.78)}.orbit-1{width:300px;height:200px}.orbit-2{width:350px;height:230px}.cards,.steps{grid-template-columns:1fr}.trust-row{gap:18px}.cta-inner{padding:40px 25px}footer{padding:25px 5vw;display:block}footer p{margin-top:8px}.intro{gap:35px}}