@charset "UTF-8";
:root{--bg:#070b12;--panel:#0d1420;--panel2:#111b2a;--ink:#f2f6fc;--muted:#96a5b9;--line:#233147;--blue:#72a7ff;--cyan:#72e4ef;--lime:#c3f789;--radius:22px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.mono{font-family:"SFMono-Regular",Consolas,monospace}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:#fff;color:#000;padding:8px;z-index:20}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(131,159,194,.16);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;border:1px solid #5074ac;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#172a47,#0a101a);color:var(--blue);font-size:19px;box-shadow:inset 0 0 18px #4079bb22}.brand small{display:block;font-size:9px;letter-spacing:.19em;color:var(--muted);font-weight:500}.links{display:flex;gap:30px;color:#afbdd0;font-size:14px}.links a{transition:.2s}.links a:hover,.links a[aria-current="page"]{color:#fff}.links a[aria-current="page"]{padding-bottom:5px;border-bottom:1px solid var(--blue)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #365073;border-radius:999px;padding:10px 18px;font-size:13px;background:#101b2b;transition:.2s}.nav-cta:hover,.btn:hover{border-color:var(--blue);transform:translateY(-2px)}.btn-primary{background:var(--ink);color:#08111e;border-color:var(--ink);font-weight:700}.btn-primary:hover{background:var(--blue)}.btn .arrow{font-size:17px;line-height:1}
.hero{position:relative;padding:94px 0 64px;overflow:hidden}.hero:before{content:"";position:absolute;width:800px;height:800px;top:-370px;left:42%;background:radial-gradient(circle,#245eb52b,transparent 67%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:58px;position:relative}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--blue);font-family:Consolas,monospace}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor}h1{font-size:clamp(48px,5.2vw,76px);line-height:1.12;letter-spacing:-.055em;margin:23px 0 25px;font-weight:650}h1 em{font-style:normal;color:var(--blue)}.lead{font-size:17px;line-height:1.9;color:var(--muted);max-width:520px;margin:0 0 32px}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.micro{font-size:11px;color:#6f8098;margin-top:24px;letter-spacing:.03em}.visual{margin:0;position:relative;border:1px solid #2c4160;border-radius:28px;overflow:hidden;background:#050a10;box-shadow:0 28px 90px #0009}.visual img{width:100%;aspect-ratio:1.34;object-fit:cover;object-position:center}.visual img[src$=".svg"]{aspect-ratio:1.5;object-fit:contain;background:#080e17}.visual figcaption{position:absolute;left:0;right:0;bottom:0;min-height:48px;background:rgba(5,10,16,.94);border-top:1px solid #26364c;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;font-size:10px;letter-spacing:.1em;color:#9caec5}.visual figcaption b{color:var(--cyan);font-weight:500}.orbit-label{position:absolute;right:20px;top:20px;border:1px solid #7094c450;background:#07101ccc;border-radius:999px;padding:6px 12px;font-size:9px;color:#c6d9f4;letter-spacing:.15em}
.signal-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:32px 0 100px}.signal{padding:25px 20px 25px 0}.signal+.signal{border-left:1px solid var(--line);padding-left:26px}.signal strong{display:block;font-size:23px;letter-spacing:-.03em;font-weight:550}.signal span{font-size:11px;color:var(--muted)}
.section{padding:0 0 108px}.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;margin-bottom:42px}.section-head h2,.page-title{font-size:clamp(34px,4vw,52px);line-height:1.2;letter-spacing:-.045em;margin:0;font-weight:600}.section-head p{color:var(--muted);max-width:580px;margin:10px 0 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(145deg,#101927,#0b111b);border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:240px}.card-no{color:var(--blue);font:11px Consolas,monospace;letter-spacing:.12em}.card h3{font-size:20px;margin:45px 0 12px;font-weight:550}.card p{color:var(--muted);font-size:14px;margin:0}.card:hover{border-color:#46638b}.split{display:grid;grid-template-columns:1.06fr .94fr;gap:60px;align-items:center}.split h2{font-size:38px;line-height:1.25;letter-spacing:-.04em;margin:0 0 20px}.split p{color:var(--muted)}.checklist{list-style:none;padding:0;margin:26px 0 0}.checklist li{padding:14px 0;border-top:1px solid var(--line);font-size:14px}.checklist li:before{content:"✓";color:var(--lime);margin-right:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.code{font:12px/1.9 Consolas,monospace;color:#b6c6da;white-space:pre-wrap;margin:0}.code .b{color:var(--blue)}.code .g{color:var(--lime)}
.page-hero{padding:82px 0 52px;border-bottom:1px solid var(--line);margin-bottom:56px}.page-hero .lead{max-width:700px}.page-title{font-size:clamp(44px,5.5vw,70px);max-width:850px;margin:20px 0}.breadcrumbs{font-size:11px;color:#718299;letter-spacing:.08em}.breadcrumbs a{color:var(--blue)}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.feature .icon{width:50px;height:50px;border-radius:14px;background:#152842;color:var(--blue);display:grid;place-items:center;font-size:20px}.feature h3{margin:0 0 8px;font-size:17px}.feature p{margin:0;color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;min-width:620px;text-align:left;font-size:13px}th,td{padding:18px 22px;border-bottom:1px solid var(--line)}th{color:#91a4bd;font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:#0c1420}tr:last-child td{border:0}td:first-child{color:#fff;font-weight:600}.tag{display:inline-block;padding:3px 9px;border-radius:999px;background:#152842;color:#a9c9ff;font-size:10px}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:550}details p{color:var(--muted);font-size:14px;max-width:780px}
.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.download-card{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.download-card .platform{font-size:12px;color:var(--blue);letter-spacing:.1em}.download-card h3{font-size:25px;margin:10px 0}.download-card p{font-size:13px;color:var(--muted);min-height:44px}.download-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin:22px 0;color:#8497af;font-size:11px}.steps{counter-reset:item;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{counter-increment:item;border-top:1px solid #365073;padding-top:20px}.step:before{content:"0" counter(item);color:var(--blue);font:12px Consolas,monospace}.step h3{font-size:17px}.step p{font-size:13px;color:var(--muted)}
.timeline{border-left:1px solid #365073;margin-left:8px;padding-left:34px}.timeline article{position:relative;padding-bottom:34px}.timeline article:before{content:"";position:absolute;width:9px;height:9px;background:var(--blue);border:4px solid var(--bg);border-radius:50%;left:-39px;top:8px}.timeline time{font:11px Consolas,monospace;color:var(--blue)}.timeline h3{margin:5px 0;font-size:19px}.timeline p{margin:0;color:var(--muted);font-size:14px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value{border-top:1px solid #365073;padding-top:20px}.value h3{font-size:18px}.value p{font-size:13px;color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:linear-gradient(130deg,#11223a,#0a111d);border:1px solid #2d4669;border-radius:26px;padding:44px}.contact h2{font-size:34px;line-height:1.25;margin:0 0 16px}.contact p{color:var(--muted);font-size:14px}.contact a.mail{color:var(--blue);font-size:19px}.form{display:grid;gap:12px}.form input,.form textarea{width:100%;border:1px solid #31445f;background:#09101b;color:#fff;border-radius:12px;padding:13px 15px;outline:none}.form input:focus,.form textarea:focus{border-color:var(--blue)}.form textarea{min-height:100px;resize:vertical}.form button{cursor:pointer}
.cta{padding:48px;border:1px solid #2c4467;border-radius:26px;background:radial-gradient(circle at 80% 0,#1f52934d,transparent 45%),#0d1624;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:90px}.cta h2{margin:0 0 8px;font-size:32px;letter-spacing:-.035em}.cta p{margin:0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:42px 0 26px;color:#7e8fa6;font-size:12px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;margin-bottom:42px}.footer-grid h4{color:#dce7f6;font-size:12px;margin:0 0 15px}.footer-grid a{display:block;margin:8px 0}.footer-brand{font-size:22px;color:#fff;font-weight:700}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px}.footer-note{margin:0}.footer-note a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.demo-note{font-size:10px;color:#5f7085;margin-top:14px}
@media(max-width:900px){.links{gap:17px}.nav-cta{display:none}.hero-grid,.split,.contact{grid-template-columns:1fr}.hero{padding-top:60px}.hero-grid{gap:45px}.hero-copy{max-width:680px}.section-head{grid-template-columns:1fr;gap:12px}.signal-row{margin-bottom:70px}.visual{max-width:720px}.contact{padding:30px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}}
@media(max-width:640px){.wrap{width:min(100% - 32px,var(--max))}.nav{height:auto;min-height:72px;flex-wrap:wrap;padding:15px 0;gap:15px}.links{order:3;width:100%;justify-content:space-between;gap:8px;font-size:12px}.brand small{display:none}.hero{padding:45px 0 35px}h1{font-size:45px}.lead{font-size:15px}.signal-row{grid-template-columns:repeat(2,1fr);margin-bottom:70px}.signal:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}.signal:nth-child(4){border-top:1px solid var(--line)}.cards,.feature-list,.download-grid,.steps,.values{grid-template-columns:1fr}.card{min-height:auto}.card h3{margin-top:24px}.section{padding-bottom:72px}.section-head h2,.split h2{font-size:32px}.page-hero{padding:50px 0 35px;margin-bottom:35px}.page-title{font-size:42px}.cta{padding:28px;display:block}.cta .btn{margin-top:24px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.contact h2{font-size:29px}.visual figcaption{font-size:8px}.feature{grid-template-columns:42px 1fr;padding:20px}.feature .icon{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}