:root {
  --ink: #0a1727;
  --muted: #5c6a7b;
  --line: #dde5ee;
  --paper: #f4f7fa;
  --white: #fff;
  --blue: #176bff;
  --cyan: #56d9ff;
  --navy: #06111f;
  --deep: #07192c;
  --container: min(1180px, calc(100vw - 48px));
  --radius: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.container { width: var(--container); margin: 0 auto; }
.section { padding: 120px 0; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.visible { opacity: 1; transform: none; }

.site-header {
  position: fixed; inset: 0 0 auto; z-index: 50; height: 82px; color: #fff;
  transition: background .3s ease, box-shadow .3s ease, height .3s ease, backdrop-filter .3s ease;
}
.site-header.scrolled { height: 70px; background: rgba(4, 15, 27, .88); backdrop-filter: blur(18px); box-shadow: 0 1px 0 rgba(255,255,255,.08); }
.nav-wrap { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 12px; position: relative; z-index: 2; }
.brand img { display: block; border-radius: 13px; box-shadow: 0 8px 24px rgba(23,107,255,.28); }
.brand-text { display: flex; flex-direction: column; gap: 2px; }
.brand-text strong { font-size: 18px; letter-spacing: .12em; line-height: 1.1; }
.brand-text small { font-size: 7px; letter-spacing: .19em; opacity: .6; }
.site-nav { display: flex; align-items: center; gap: 38px; font-size: 14px; }
.site-nav a { color: rgba(255,255,255,.66); transition: color .2s ease; position: relative; }
.site-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -10px; height: 2px; background: var(--cyan); transition: right .25s ease; }
.site-nav a:hover, .site-nav a.active { color: #fff; }
.site-nav a:hover::after, .site-nav a.active::after { right: 0; }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 0; background: transparent; }
.menu-toggle > span:not(.sr-only) { display: block; height: 2px; margin: 5px 0; background: #fff; border-radius: 2px; transition: transform .2s, opacity .2s; }

.hero { min-height: 800px; height: 100vh; max-height: 980px; position: relative; display: flex; align-items: center; overflow: hidden; background: #030d19; color: #fff; }
.hero-media { position: absolute; inset: 0; background-image: linear-gradient(90deg, rgba(3,12,23,.26) 0, rgba(3,12,23,.04) 38%, rgba(3,12,23,.05)), url("assets/hero-ai.webp"); background-position: center; background-size: cover; transform: scale(1.015); animation: heroIn 1.8s ease both; }
.hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,12,23,.18) 0%, transparent 40%, rgba(3,12,23,.76) 100%); }
.hero-grid { position: absolute; inset: 0; opacity: .08; background-image: linear-gradient(rgba(130,210,255,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(130,210,255,.3) 1px, transparent 1px); background-size: 76px 76px; mask-image: linear-gradient(90deg, #000, transparent 62%); }
.hero-inner { position: relative; z-index: 1; padding-top: 62px; }
.hero-copy { width: min(610px, 58vw); animation: copyIn 1s .15s ease both; }
.eyebrow, .section-kicker { display: flex; align-items: center; gap: 12px; color: var(--blue); font-size: 11px; font-weight: 700; letter-spacing: .22em; }
.eyebrow { color: #8ce6ff; margin-bottom: 27px; }
.eyebrow span { width: 28px; height: 1px; background: currentColor; }
.hero h1 { font-size: clamp(44px, 4.25vw, 68px); line-height: 1.2; letter-spacing: -.04em; margin: 0 0 26px; font-weight: 650; }
.hero h1 em { color: transparent; font-style: normal; background: linear-gradient(90deg, #fff 5%, #7ce1ff 68%, #6fa5ff); -webkit-background-clip: text; background-clip: text; }
.hero-copy > p { max-width: 560px; color: rgba(255,255,255,.7); font-size: 17px; line-height: 1.85; margin: 0; }
.hero-actions { display: flex; gap: 14px; margin-top: 38px; }
.button { min-height: 52px; padding: 0 25px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; border-radius: 7px; font-size: 14px; font-weight: 650; letter-spacing: .03em; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #fff; background: var(--blue); box-shadow: 0 14px 40px rgba(23,107,255,.28); }
.button-primary:hover { box-shadow: 0 18px 46px rgba(23,107,255,.4); background: #2275ff; }
.button svg { width: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.button-ghost { color: #fff; border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.05); backdrop-filter: blur(8px); }
.button-ghost:hover { background: rgba(255,255,255,.1); }
.hero-points { display: flex; margin-top: 65px; }
.hero-points div { display: flex; flex-direction: column; min-width: 150px; padding-left: 19px; border-left: 1px solid rgba(255,255,255,.18); }
.hero-points strong { color: #69ddff; font: 10px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; }
.hero-points span { margin-top: 8px; font-size: 13px; color: rgba(255,255,255,.68); }
.scroll-hint { position: absolute; z-index: 2; bottom: 28px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px; color: rgba(255,255,255,.45); font-size: 7px; letter-spacing: .2em; }
.scroll-hint span { width: 1px; height: 30px; background: linear-gradient(#fff, transparent); animation: scroll 1.6s ease infinite; }
@keyframes heroIn { from { opacity: 0; transform: scale(1.07); } to { opacity: 1; transform: scale(1.015); } }
@keyframes copyIn { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes scroll { 0%,100% { transform: scaleY(.45); transform-origin: top; } 50% { transform: scaleY(1); } }

.vision { background: #fff; }
.vision-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 100px; align-items: end; }
.section-kicker { margin-bottom: 22px; }
.section-kicker i { display: block; width: 44px; height: 1px; background: currentColor; }
.section-kicker.light { color: #70dcff; }
.section-kicker.centered { justify-content: center; }
.section-intro h2, .roadmap-head h2 { margin: 0; font-size: clamp(34px, 3.3vw, 52px); line-height: 1.35; letter-spacing: -.04em; font-weight: 620; }
.vision-copy { padding-bottom: 4px; }
.vision-copy p { color: var(--muted); line-height: 1.9; margin: 18px 0 0; font-size: 15px; }
.vision-copy .lead { color: var(--ink); font-size: 20px; line-height: 1.75; margin: 0; }
.principle-row { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 86px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.principle { padding: 44px 44px 46px 0; position: relative; }
.principle + .principle { border-left: 1px solid var(--line); padding-left: 44px; }
.principle > span { color: #a9b3be; font: 10px ui-monospace, monospace; }
.principle svg { display: block; width: 40px; height: 40px; margin: 35px 0 27px; fill: none; stroke: var(--blue); stroke-width: 1.2; }
.principle h3 { font-size: 21px; margin: 0 0 12px; }
.principle p { color: var(--muted); font-size: 14px; line-height: 1.8; margin: 0; max-width: 280px; }

.product-section { color: #fff; background: #061525; position: relative; overflow: hidden; }
.product-section::before { content: ""; position: absolute; inset: 0; opacity: .06; background-image: radial-gradient(circle at 1px 1px, #fff 1px, transparent 0); background-size: 30px 30px; mask-image: linear-gradient(90deg, transparent, #000, transparent); }
.product-heading { display: flex; align-items: end; justify-content: space-between; position: relative; }
.product-heading h2 { font-size: clamp(40px, 4vw, 62px); margin: 0 0 8px; letter-spacing: -.04em; }
.product-heading p { color: rgba(255,255,255,.55); margin: 0; font-size: 15px; }
.status-pill { display: inline-flex; align-items: center; gap: 9px; padding: 9px 14px; border: 1px solid rgba(100,225,255,.24); border-radius: 30px; background: rgba(67,210,255,.08); color: #8eeaff; font-size: 11px; }
.status-pill i { width: 6px; height: 6px; background: #62e59f; border-radius: 50%; box-shadow: 0 0 0 5px rgba(98,229,159,.1); }
.product-stage { min-height: 590px; margin-top: 56px; border: 1px solid rgba(255,255,255,.09); border-radius: 28px; display: grid; grid-template-columns: .88fr 1.12fr; overflow: hidden; background: linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.012)); position: relative; }
.product-info { padding: 70px 50px 60px 64px; position: relative; z-index: 3; }
.mini-label { color: #6fdfff; font: 10px ui-monospace, monospace; letter-spacing: .17em; }
.product-info h3 { font-size: clamp(30px, 3vw, 42px); line-height: 1.42; letter-spacing: -.035em; margin: 24px 0; }
.product-info > p { color: rgba(255,255,255,.56); line-height: 1.9; font-size: 14px; }
.feature-list { margin: 30px 0 34px; border-top: 1px solid rgba(255,255,255,.1); }
.feature-list div { display: grid; grid-template-columns: 35px 1fr; gap: 5px; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 13px; }
.feature-list b { color: #54d9ff; font: 9px ui-monospace, monospace; padding-top: 4px; }
.feature-list span { color: rgba(255,255,255,.48); }
.feature-list strong { color: #fff; font-size: 14px; margin-right: 10px; }
.text-link { display: inline-flex; align-items: center; gap: 13px; color: #fff; font-size: 13px; border-bottom: 1px solid rgba(255,255,255,.4); padding-bottom: 8px; }
.text-link span { color: #6ee1ff; }
.phone-scene { position: relative; min-height: 590px; background: radial-gradient(circle at 55% 47%, rgba(30,123,255,.26), transparent 38%), linear-gradient(135deg, rgba(10,44,76,.25), rgba(3,14,26,.2)); overflow: hidden; }
.phone { position: absolute; width: 222px; height: 450px; border-radius: 36px; padding: 8px; background: linear-gradient(145deg,#b9d5eb,#1b3449 34%,#07121e 60%,#b7d4e8); box-shadow: 0 35px 80px rgba(0,0,0,.48); }
.phone::before { content: ""; position: absolute; z-index: 3; left: 50%; top: 13px; transform: translateX(-50%); width: 76px; height: 19px; border-radius: 15px; background: #040a10; }
.screen { width: 100%; height: 100%; border-radius: 30px; overflow: hidden; padding: 19px 15px; background: #071726; }
.phone-front { z-index: 2; left: 48%; top: 65px; transform: rotate(3deg); }
.phone-back { left: 16%; top: 100px; opacity: .78; transform: rotate(-9deg) scale(.93); }
.phone-top { height: 19px; display: flex; justify-content: space-between; align-items: center; font: 8px ui-monospace, monospace; color: rgba(255,255,255,.7); }
.phone-top b { width: 16px; height: 6px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }
.app-nav { display: flex; align-items: center; justify-content: space-between; margin: 13px 1px 20px; font-size: 11px; }
.app-nav span { font-size: 18px; color: rgba(255,255,255,.6); }
.app-nav i { letter-spacing: 1px; font-style: normal; color: rgba(255,255,255,.45); }
.interviewer { height: 178px; border-radius: 18px; background: radial-gradient(circle at 50% 38%, #2d9cff, #0d3153 52%, #091a2a); display: grid; place-items: center; position: relative; overflow: hidden; }
.interviewer::after { content: "AI"; position: absolute; right: 9px; top: 8px; color: #83e8ff; font: 7px ui-monospace, monospace; letter-spacing: .15em; }
.avatar { width: 68px; height: 68px; border-radius: 50%; border: 1px solid rgba(131,232,255,.45); display: grid; place-items: center; position: relative; background: rgba(33,138,224,.18); }
.avatar span { width: 24px; height: 30px; border-radius: 50% 50% 46% 46%; background: linear-gradient(#99ebff,#4198dc); box-shadow: 0 22px 0 11px #5fb9eb; }
.pulse { position: absolute; border: 1px solid rgba(110,225,255,.25); border-radius: 50%; }
.p1 { inset: 42px; }.p2 { inset: 25px; }.p3 { inset: 8px; }
.screen-interview > p { font-size: 10px; line-height: 1.65; color: rgba(255,255,255,.7); margin: 15px 4px 9px; height: 48px; }
.waveform { height: 24px; display: flex; align-items: center; justify-content: center; gap: 4px; }
.waveform i { width: 2px; height: 6px; background: #6bddff; border-radius: 3px; animation: wave 1s ease-in-out infinite; }
.waveform i:nth-child(2n) { height: 14px; animation-delay: -.3s; }.waveform i:nth-child(3n) { height: 20px; animation-delay: -.6s; }
.screen-interview button { display: block; width: 100%; margin-top: 10px; height: 34px; border: 0; border-radius: 18px; background: linear-gradient(90deg,#1674ff,#33b8ff); color: #fff; font-size: 9px; }
@keyframes wave { 50% { transform: scaleY(.4); opacity: .45; } }
.screen-report > small { display: block; color: #5fdcff; font: 7px ui-monospace, monospace; margin-top: 17px; }
.screen-report h4 { font-size: 17px; margin: 8px 0 14px; }
.score-ring { margin: 0 auto 18px; width: 108px; height: 108px; border-radius: 50%; border: 7px solid rgba(82,222,255,.14); border-right-color: #54deff; border-top-color: #2b83ff; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.score-ring strong { font-size: 31px; }.score-ring span { color: rgba(255,255,255,.45); font-size: 7px; }
.bars { height: 52px; display: flex; align-items: end; gap: 8px; margin-bottom: 14px; }
.bars i { flex: 1; background: linear-gradient(#52d7ff,#2769ff); border-radius: 3px 3px 0 0; height: 55%; }.bars i:nth-child(2){height:85%}.bars i:nth-child(3){height:67%}.bars i:nth-child(4){height:92%}.bars i:nth-child(5){height:76%}
.report-card { display: flex; justify-content: space-between; background: rgba(255,255,255,.06); border-radius: 8px; padding: 11px; font-size: 8px; margin-top: 8px; color: rgba(255,255,255,.5); }.report-card strong{color:#8ce8ff}
.orbit { position: absolute; border: 1px solid rgba(62,183,255,.17); border-radius: 50%; }
.orbit-one { width: 570px; height: 570px; left: 5%; top: 3%; }
.orbit-two { width: 430px; height: 430px; left: 15%; top: 15%; border-style: dashed; animation: rotate 24s linear infinite; }
@keyframes rotate { to { transform: rotate(360deg); } }
.float-card { position: absolute; z-index: 4; border: 1px solid rgba(130,221,255,.18); background: rgba(8,28,47,.85); box-shadow: 0 15px 40px rgba(0,0,0,.28); backdrop-filter: blur(14px); border-radius: 11px; display: flex; align-items: center; gap: 9px; padding: 12px 15px; font-size: 10px; }
.float-card-a { top: 150px; right: 6%; }.float-card-a i { width: 7px; height: 7px; background: #56e6a5; border-radius: 50%; box-shadow: 0 0 10px #56e6a5; }
.float-card-b { bottom: 108px; left: 10%; }.float-card-b strong { width: 29px; height: 29px; border-radius: 8px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg,#277cff,#4cd5ff); }.float-card-b span{color:rgba(255,255,255,.64)}

.technology { background: #f4f7fa; }
.center-heading { text-align: center; max-width: 700px; margin: 0 auto 60px; }
.center-heading h2 { font-size: clamp(32px,3vw,47px); letter-spacing: -.035em; margin: 0 0 18px; }.center-heading p{color:var(--muted);font-size:15px}
.tech-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.tech-card { min-height: 370px; padding: 42px 40px; border: 1px solid #e0e7ee; background: rgba(255,255,255,.7); position: relative; transition: transform .3s, box-shadow .3s, border-color .3s; overflow: hidden; }
.tech-card:hover { transform: translateY(-7px); border-color:#bcd3ee; box-shadow: 0 24px 55px rgba(21,52,82,.09); }
.tech-card.featured { color:#fff;background:linear-gradient(145deg,#0e3257,#06182a);border-color:#173f65;box-shadow:0 24px 60px rgba(3,23,43,.16)}
.tech-card > small { display:block;color:#6c93b6;font:8px ui-monospace,monospace;letter-spacing:.2em;margin-top:35px}.tech-card h3{font-size:24px;margin:12px 0 16px}.tech-card p{color:var(--muted);font-size:14px;line-height:1.85;margin:0;max-width:260px}.tech-card.featured p{color:rgba(255,255,255,.55)}
.tech-card > b { position:absolute;bottom:28px;right:30px;color:#d9e2eb;font:50px ui-monospace,monospace;opacity:.65}.tech-card.featured>b{color:rgba(255,255,255,.08)}
.tech-icon { height:56px;width:70px;position:relative;color:var(--blue)}.featured .tech-icon{color:#63dcff}
.tech-icon-brain span,.tech-icon-loop span{position:absolute;inset:4px 13px;border:1px solid currentColor;border-radius:45% 55% 48% 52%}.tech-icon-brain i{position:absolute;left:34px;top:4px;height:48px;border-left:1px solid currentColor;transform:rotate(8deg)}
.tech-icon-wave{display:flex;align-items:center;gap:8px}.tech-icon-wave span,.tech-icon-wave i,.tech-icon-wave b{display:block;width:4px;border-radius:5px;background:currentColor}.tech-icon-wave span{height:22px}.tech-icon-wave i{height:50px}.tech-icon-wave b{height:34px}
.tech-icon-loop span{border-radius:50%}.tech-icon-loop::after{content:"∞";position:absolute;inset:7px 4px;color:currentColor;font:34px Georgia;text-align:center}

.about { background:#071421;color:#fff;position:relative;overflow:hidden}.about-glow{position:absolute;width:600px;height:600px;right:-180px;top:-220px;background:radial-gradient(circle,rgba(32,123,255,.19),transparent 64%)}
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.about-copy h2{font-size:clamp(40px,4vw,62px);line-height:1.25;letter-spacing:-.045em;margin:0 0 30px}.about-copy p{color:rgba(255,255,255,.58);font-size:15px;line-height:1.95;margin:0 0 15px;max-width:440px}
.world-visual{height:430px;position:relative}.world-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(102,194,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(102,194,255,.08) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle,#000,transparent 72%)}
.world-visual svg{position:absolute;inset:8% 0;width:100%;height:84%;overflow:visible}.world-visual .map-line{fill:rgba(33,118,190,.11);stroke:rgba(103,208,255,.34);stroke-width:1}.world-visual .route{fill:none;stroke:#4fd9ff;stroke-width:1;stroke-dasharray:5 7;opacity:.7}.world-visual .route-2{stroke:#347dff;opacity:.5}.world-visual circle{fill:#73e9ff;filter:drop-shadow(0 0 7px #5de3ff)}
.radar{position:absolute;border:1px solid rgba(79,217,255,.2);border-radius:50%;right:23%;top:39%}.r1{width:70px;height:70px}.r2{width:130px;height:130px;transform:translate(30px,-30px)}.r3{width:200px;height:200px;transform:translate(65px,-65px);opacity:.45}
.map-label{position:absolute;font:8px ui-monospace,monospace;letter-spacing:.13em;color:#68dcff}.map-label b{display:block;color:rgba(255,255,255,.55);font-family:inherit;font-weight:400;margin-top:5px;letter-spacing:.05em}.map-label.china{right:13%;top:35%}.map-label.global{left:13%;bottom:26%}

.roadmap{background:#fff}.roadmap-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.roadmap-head>p{width:330px;color:var(--muted);line-height:1.8;margin:0}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.roadmap-card{position:relative;min-height:280px;padding:34px 34px 30px;background:#fafcfd}.roadmap-card+.roadmap-card{border-left:1px solid var(--line)}.roadmap-card.current{color:#fff;background:linear-gradient(145deg,#166cf5,#064bb8)}.roadmap-card>span{font:8px ui-monospace,monospace;letter-spacing:.18em;color:#7e8b9a}.roadmap-card.current>span{color:#96e5ff}.roadmap-card>i{position:absolute;right:28px;top:26px;font:34px ui-monospace,monospace;color:#e1e7ed}.roadmap-card.current>i{color:rgba(255,255,255,.18)}.roadmap-card h3{font-size:25px;margin:72px 0 10px}.roadmap-card p{color:var(--muted);font-size:14px}.roadmap-card.current p{color:rgba(255,255,255,.65)}.roadmap-card>b{position:absolute;bottom:30px;font-size:11px;color:#8a97a6}.roadmap-card.current>b{color:#96e5ff}

.contact{position:relative;overflow:hidden;text-align:center;color:#fff;background:linear-gradient(135deg,#092e57,#071827 65%);padding:110px 0}.contact::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}.contact-orb{position:absolute;left:50%;top:50%;width:540px;height:540px;transform:translate(-50%,-50%);border:1px solid rgba(77,208,255,.12);border-radius:50%;box-shadow:0 0 0 90px rgba(77,208,255,.03),0 0 0 180px rgba(77,208,255,.02)}.contact-inner{position:relative;z-index:1}.contact-inner>span{color:#6dddff;font:9px ui-monospace,monospace;letter-spacing:.24em}.contact h2{font-size:clamp(34px,3.5vw,52px);letter-spacing:-.04em;margin:25px auto 18px;max-width:800px}.contact p{color:rgba(255,255,255,.55);font-size:15px;margin-bottom:32px}.button-light{background:#fff;color:#0a2541}.contact small{display:block;margin-top:22px;color:rgba(255,255,255,.35);font-size:11px}

.site-footer{color:#fff;background:#040d16;padding:70px 0 25px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:55px}.brand-footer{margin-top:4px}.footer-links{display:flex;gap:90px}.footer-links>div{display:flex;flex-direction:column;gap:13px;font-size:12px}.footer-links strong{font-size:13px;margin-bottom:7px}.footer-links a,.footer-links span{color:rgba(255,255,255,.42);transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;color:rgba(255,255,255,.28);font-size:9px;letter-spacing:.06em}

/* Product page */
.inner-page{background:#f5f8fa}.subhero{height:620px;background:#061322;color:#fff;position:relative;display:flex;align-items:center;overflow:hidden}.subhero::after{content:"";position:absolute;width:680px;height:680px;right:-80px;top:0;border-radius:50%;background:radial-gradient(circle,rgba(34,137,255,.32),rgba(21,102,194,.06) 42%,transparent 68%)}.subhero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,201,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(99,201,255,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent)}.subhero-content{position:relative;z-index:2;padding-top:70px}.subhero h1{font-size:clamp(48px,5vw,76px);line-height:1.2;margin:20px 0 25px;letter-spacing:-.05em}.subhero h1 em{font-style:normal;color:#6cddff}.subhero p{color:rgba(255,255,255,.56);font-size:16px}.detail-main{display:grid;grid-template-columns:1fr 1fr;min-height:590px;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 24px 60px rgba(18,47,76,.08)}.detail-copy{padding:70px}.status-pill.dark{color:#137294;border-color:#cde9f2;background:#f1fbfe}.detail-number{color:#1670ff;font:9px ui-monospace,monospace;letter-spacing:.19em;margin-top:50px}.detail-copy h2{font-size:50px;margin:15px 0 7px;letter-spacing:-.04em}.detail-copy h3{font-size:20px;font-weight:500;color:#324a63;margin:0 0 30px}.detail-copy p{color:var(--muted);line-height:1.9;font-size:14px}.detail-copy .detail-note{font-size:12px;color:#95a0ab;border-left:2px solid #d5e2ec;padding-left:13px;margin:25px 0 35px}.detail-visual{position:relative;background:linear-gradient(145deg,#0c2f55,#061523);overflow:hidden}.detail-globe{position:absolute;width:460px;height:460px;border:1px solid rgba(103,220,255,.3);border-radius:50%;right:-100px;top:60px;box-shadow:inset 0 0 80px rgba(45,151,255,.15),0 0 0 60px rgba(69,195,255,.035),0 0 0 120px rgba(69,195,255,.02)}.detail-globe::before,.detail-globe::after{content:"";position:absolute;border:1px solid rgba(102,215,255,.17);border-radius:50%}.detail-globe::before{inset:0 29%}.detail-globe::after{inset:29% 0}.detail-panel{position:absolute;left:12%;top:26%;width:295px;padding:36px;border:1px solid rgba(115,222,255,.17);border-radius:18px;background:rgba(5,23,39,.72);backdrop-filter:blur(16px);box-shadow:0 25px 55px rgba(0,0,0,.3)}.detail-panel small{color:#68ddff;font:8px ui-monospace,monospace;letter-spacing:.18em}.detail-panel strong{display:block;font-size:30px;line-height:1.45;margin:28px 0 80px}.detail-panel span{color:rgba(255,255,255,.5);font-size:12px}.coming-title{text-align:center;margin:120px 0 50px}.coming-title span{font:9px ui-monospace,monospace;color:#1771ff;letter-spacing:.2em}.coming-title h2{font-size:40px;margin:15px 0}.coming-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.coming-card{min-height:270px;padding:37px 40px;position:relative;background:#fff;border:1px solid #e2e8ee}.coming-card>i{position:absolute;right:32px;top:27px;font:35px ui-monospace,monospace;color:#e4eaf0}.coming-card>span{font:8px ui-monospace,monospace;color:#7c8d9d;letter-spacing:.15em}.coming-card h3{font-size:27px;margin:65px 0 8px}.coming-card p{color:var(--muted);font-size:14px}.coming-card>b{position:absolute;bottom:28px;color:#8d98a4;font-size:11px}

@media (max-width: 980px) {
  :root{--container:min(100% - 36px, 860px)}
  .site-nav{gap:23px}.hero{min-height:740px}.hero-copy{width:68vw}.vision-grid,.about-grid{gap:55px}.product-stage{grid-template-columns:1fr}.phone-scene{min-height:580px}.product-info{padding:60px}.tech-card{padding:34px 28px}.footer-links{gap:45px}.detail-copy{padding:55px 45px}
}

@media (max-width: 760px) {
  :root{--container:calc(100% - 32px)}
  .section{padding:82px 0}.site-header{height:68px}.brand img{width:37px;height:37px}.brand-text strong{font-size:16px}.menu-toggle{display:block;position:relative;z-index:3}.menu-toggle[aria-expanded="true"]>span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"]>span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"]>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .site-nav{position:fixed;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:28px;padding:90px 12vw;background:rgba(3,14,25,.98);opacity:0;visibility:hidden;transform:translateY(-12px);transition:.25s}.site-nav.open{opacity:1;visibility:visible;transform:none}.site-nav a{font-size:22px}.menu-open{overflow:hidden}
  .hero{height:auto;min-height:780px;align-items:flex-start;padding-top:150px}.hero-media{background-position:64% center;opacity:.6}.hero-media::after{background:linear-gradient(90deg,rgba(3,12,23,.95),rgba(3,12,23,.25)),linear-gradient(180deg,transparent 45%,rgba(3,12,23,.9))}.hero-copy{width:100%}.hero h1{font-size:41px;line-height:1.3}.hero-copy>p{font-size:15px;line-height:1.75;max-width:90%}.hero-actions{flex-wrap:wrap}.button{min-height:50px}.hero-points{margin-top:55px}.hero-points div{min-width:0;flex:1;padding-left:12px}.hero-points span{font-size:11px}.scroll-hint{display:none}
  .vision-grid,.about-grid,.detail-main{grid-template-columns:1fr;gap:46px}.vision-copy .lead{font-size:18px}.principle-row{grid-template-columns:1fr;margin-top:55px}.principle{padding:35px 20px 35px 0}.principle+.principle{border-left:0;border-top:1px solid var(--line);padding-left:0}.principle svg{margin:24px 0 18px}
  .product-heading{align-items:flex-start;gap:25px;flex-direction:column}.product-stage{margin-top:40px}.product-info{padding:42px 25px}.product-info h3{font-size:30px}.phone-scene{min-height:520px}.phone{width:190px;height:385px}.phone-front{left:42%;top:50px}.phone-back{left:7%;top:90px}.screen{padding:16px 12px}.interviewer{height:140px}.screen-interview>p{font-size:8px}.screen-interview button{margin-top:5px}.float-card-a{right:2%;top:120px}.float-card-b{left:2%;bottom:70px}.orbit-one{width:450px;height:450px}.orbit-two{width:360px;height:360px}
  .tech-grid,.roadmap-grid,.coming-grid{grid-template-columns:1fr}.tech-card{min-height:330px}.world-visual{height:330px}.roadmap-head{display:block}.roadmap-head>p{width:auto;margin-top:20px}.roadmap-card+.roadmap-card{border-left:0;border-top:1px solid var(--line)}
  .contact{padding:90px 0}.contact h2{font-size:34px;line-height:1.35}.footer-top{display:block}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:38px 25px;margin-top:50px}.footer-bottom{gap:15px;flex-direction:column}.subhero{height:540px}.subhero h1{font-size:46px}.product-detail{padding-top:50px}.detail-copy{padding:45px 26px}.detail-copy h2{font-size:40px}.detail-visual{min-height:470px}.detail-panel{left:8%;width:84%}.coming-title{margin-top:85px}
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}
}