:root{--ink:#17233b;--muted:#66718a;--blue:#3f70e7;--purple:#7565dc;--teal:#169c8f;--line:rgba(101,128,181,.18);--shadow:0 24px 70px rgba(49,73,128,.13);font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#edf3ff;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:320px;overflow-x:hidden;background:linear-gradient(145deg,#eff4ff,#f8f9fd 45%,#edf7f6);color:var(--ink);line-height:1.65}
.ambient{position:fixed;z-index:-1;border-radius:50%;pointer-events:none}.ambient-one{width:620px;height:620px;top:-300px;left:-250px;background:radial-gradient(circle,rgba(158,192,255,.58),transparent 68%)}.ambient-two{width:720px;height:720px;right:-350px;top:180px;background:radial-gradient(circle,rgba(220,185,255,.4),transparent 68%)}
.shell{width:min(1120px,calc(100% - 44px));margin-inline:auto}.bar{display:flex;align-items:center;justify-content:space-between;padding:25px 0}.bar a{font-size:12px;font-weight:800;text-decoration:none}.brand-link,.bar a:first-child{color:var(--ink);letter-spacing:.11em}.back-link,.bar a:last-child{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.58);color:#6074a0;box-shadow:0 8px 18px rgba(55,78,127,.07)}
.hero{padding:80px 0 48px}.eyebrow{margin:0;color:#7080a0;font:800 10px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.17em}.hero h1{max-width:900px;margin:18px 0 20px;font-size:clamp(43px,7vw,76px);line-height:1.05;letter-spacing:-.06em}.hero h1 em{font-style:normal;background:linear-gradient(110deg,#3e70e7,#8064d7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero>p:last-child{max-width:820px;color:var(--muted);font-size:17px;line-height:1.9}
.glass-card,.card{background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,255,255,.42));border:1px solid rgba(255,255,255,.82);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.88);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 80px}.card{padding:25px;border-radius:24px}.card b{display:block;margin-bottom:10px;color:#183d66;font-size:18px}.card span{color:var(--muted);font-size:12px;line-height:1.75}
.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:26px;align-items:center;margin:12px 0 40px}.demo-copy{padding:32px;border-radius:26px}.demo-copy h2{margin:12px 0 13px;font-size:34px;letter-spacing:-.045em}.demo-copy>p:not(.eyebrow){max-width:610px;margin-bottom:22px;color:var(--muted);font-size:13px;line-height:1.9}.video-frame{overflow:hidden;padding:10px;border-radius:30px}.video-frame video{display:block;width:100%;max-height:620px;border-radius:22px;background:#10172b;object-fit:contain}.tag-row{display:flex;flex-wrap:wrap;gap:7px}.tag-row span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.52);color:#64779f;font-size:9px;font-weight:800}
.actions{display:flex;gap:14px;margin-top:30px}.button{display:inline-flex;padding:12px 19px;border-radius:999px;background:linear-gradient(110deg,#447bf0,#6866dc);color:#fff;text-decoration:none;font-weight:800}.button.secondary{border:1px solid var(--line);background:rgba(255,255,255,.55);color:#6074a0}
@media(max-width:800px){.grid{grid-template-columns:1fr}.demo-layout{grid-template-columns:1fr}.video-frame{max-width:380px}.bar{padding:20px 0}.hero{padding-top:46px}.hero>p:last-child{font-size:15px}}