:root{--bg:#040911;--panel:#081522;--line:rgba(125,203,255,.16);--text:#f4f8fb;--muted:#91a7b8;--blue:#4ecbff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 18%,rgba(30,151,230,.18),transparent 30%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{text-decoration:none;color:inherit}
header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(4,9,17,.78);backdrop-filter:blur(16px);font-size:13px;color:#aabcca}.brand{display:flex;align-items:center;gap:11px}.brand img{width:48px;height:48px;object-fit:cover;border-radius:11px}.brand span{font-weight:700;letter-spacing:4px;color:white}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#7890a3;margin-top:5px}
.hero{min-height:100vh;padding:145px 7vw 80px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.eyebrow,.title>span{font-size:11px;letter-spacing:5px;color:#5ecfff}.copy h1{font-size:clamp(54px,6vw,96px);line-height:1.03;letter-spacing:-4px;margin:24px 0}.copy h1 b{font-weight:700;background:linear-gradient(90deg,#fff,#7bd8ff);-webkit-background-clip:text;color:transparent}.copy p{max-width:650px;color:#a4b6c5;font-size:18px;line-height:1.9}.actions{display:flex;gap:12px;margin-top:34px}.actions a,.cta>a{padding:14px 23px;border-radius:999px;background:linear-gradient(135deg,#effaff,#60ccff);color:#04101a;font-weight:700}.actions .ghost{background:transparent;border:1px solid rgba(255,255,255,.17);color:#dbe8f0}
.visual{height:620px;display:grid;place-items:center;position:relative}.core{width:300px;height:300px;border-radius:50%;display:grid;place-items:center;font-size:112px;font-weight:800;background:radial-gradient(circle at 35% 30%,#e9fbff,#4cc8ff 25%,#09213a 65%);box-shadow:0 0 100px rgba(44,180,255,.32);z-index:2}.core span{position:absolute;font-size:9px;letter-spacing:4px;margin-top:165px}.ring{position:absolute;border:1px solid rgba(80,201,255,.28);border-radius:50%;width:480px;height:180px;transform:rotate(-18deg)}.r2{width:570px;height:230px;transform:rotate(22deg)}
.design-v{background:radial-gradient(circle,rgba(65,193,255,.15),transparent 60%)}.design-word{font-size:84px;font-weight:900;letter-spacing:-5px;transform:rotate(-8deg);background:linear-gradient(135deg,#fff,#5acbff 48%,#1e4e84);-webkit-background-clip:text;color:transparent}.design-word small{display:block;font-size:10px;letter-spacing:6px;text-align:center;margin-top:18px;color:#9fc2d9}
.statement{display:flex;justify-content:center;gap:55px;padding:32px 7vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#8ea6b8}.statement strong{color:#e4f6ff}.section{padding:120px 7vw}.title{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:55px}.title h2{font-size:56px;letter-spacing:-3px;margin:18px 0 0;grid-column:1}.title p{grid-column:2;grid-row:2;color:#8fa5b6;line-height:1.8}
.items{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.items article{min-height:290px;padding:30px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(12,28,44,.8),rgba(4,9,17,.65));transition:.25s}.items article:hover{transform:translateY(-5px);border-color:rgba(83,205,255,.5)}.items em{font-style:normal;color:#56caff;font-size:11px;letter-spacing:3px}.items h3{font-size:25px;margin:52px 0 13px}.items p{color:#8ea5b7;line-height:1.8;min-height:68px}.items button{border:1px solid rgba(255,255,255,.16);border-radius:999px;background:transparent;color:#c9d8e3;padding:10px 15px;cursor:pointer}.items article.active button{background:#dff7ff;color:#06111a;border-color:transparent;font-weight:700}
.process{padding:55px 7vw;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process div{padding:18px;border-right:1px solid var(--line)}.process div:last-child{border:0}.process span{display:block;color:#52caff;font-size:11px;margin-bottom:12px}.process b{font-size:16px}
.cta{text-align:center;padding:120px 7vw}.cta img{width:100px;height:100px;object-fit:cover;border-radius:22px}.cta>span{display:block;margin-top:20px;color:#59caff;font-size:10px;letter-spacing:5px}.cta h2{font-size:48px;margin:20px 0 12px}.cta p{color:#91a8b9;margin-bottom:38px}
@media(max-width:850px){.hero{grid-template-columns:1fr}.visual{height:420px}.items{grid-template-columns:1fr}.title{display:block}.process{grid-template-columns:1fr}.process div{border-right:0;border-bottom:1px solid var(--line)}.statement{flex-wrap:wrap;gap:18px}.copy h1{letter-spacing:-2px}}