:root { --bg:#0a0d16; --card:#121828; --line:rgba(174,190,235,.14); --text:#f5f7ff; --muted:#9ba8c3; --blue:#5c8dff; --violet:#a675ff; --green:#3ee3ad; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:var(--text); background:var(--bg); font-family:"Noto Sans SC",Arial,sans-serif; overflow-x:hidden; }
body::before { content:""; position:fixed; inset:0; z-index:-2; background:linear-gradient(120deg,#090d17 0%,#0b1020 50%,#0b0d17 100%); }
.ambient { position:absolute; z-index:-1; filter:blur(8px); border-radius:50%; pointer-events:none; }
.ambient-one { width:580px;height:580px;right:-160px;top:-190px;background:radial-gradient(circle,rgba(83,103,255,.2),transparent 68%); }
.ambient-two { width:460px;height:460px;left:-230px;top:630px;background:radial-gradient(circle,rgba(163,90,255,.13),transparent 70%); }
.site-header, main, footer { width:min(1180px,calc(100% - 48px)); margin:auto; }
.site-header { height:82px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { color:var(--text); display:inline-flex; gap:10px; align-items:center; font-weight:700; text-decoration:none; letter-spacing:.02em; }
.brand em { color:#8490ad; font:500 10px "DM Mono",monospace; letter-spacing:.11em; font-style:normal; margin-left:2px; }
.brand-mark { display:grid; grid-template-columns:repeat(3,4px); gap:2px; align-items:end; height:18px; transform:rotate(28deg); }
.brand-mark i { display:block; width:4px; border-radius:5px; background:linear-gradient(#63a1ff,#9d6fff); }
.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:11px}
nav { display:flex; gap:28px; } nav a, footer a { color:var(--muted); font-size:14px; text-decoration:none; } nav a:hover, footer a:hover { color:white; }
.header-action { color:white; background:rgba(83,117,255,.18); border:1px solid rgba(115,145,255,.3); padding:10px 14px; border-radius:9px; font-size:13px; text-decoration:none; } .header-action span { color:#9eb9ff; margin-left:5px; }
.hero { min-height:580px; display:grid; grid-template-columns:1.04fr .96fr; align-items:center; gap:65px; padding:80px 0 65px; }
.eyebrow { color:#92a3ca; font:500 12px "DM Mono",monospace; letter-spacing:.1em; margin:0 0 18px; } .eyebrow span { display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--green);margin-right:8px;box-shadow:0 0 12px var(--green); }
h1,h2,h3,p { margin-top:0; } h1 { font-size:clamp(45px,5.2vw,74px); line-height:1.12; letter-spacing:-.065em; margin-bottom:24px; } h1 strong { background:linear-gradient(95deg,#72adff,#bd7aff 72%); -webkit-background-clip:text; color:transparent; }
.hero-description { max-width:510px; color:var(--muted); font-size:17px; line-height:1.85; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:32px; }.button { padding:13px 18px;border-radius:9px;text-decoration:none;font-weight:600;font-size:14px;transition:.2s transform,.2s background;display:inline-flex;align-items:center;gap:12px; }.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(105deg,#428dff,#7e68ff);color:white;box-shadow:0 10px 28px rgba(65,101,255,.25)}.button-primary span{font-size:19px}.button-ghost{color:#e1e7f8;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.hero-note { margin-top:28px;color:#7784a1;font-size:12px; }.pulse{display:inline-block;background:var(--green);width:6px;height:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 10px var(--green);}
.hero-visual { border:1px solid rgba(140,161,255,.22); background:rgba(11,16,31,.88); box-shadow:0 25px 85px rgba(0,0,0,.36); border-radius:16px; overflow:hidden; transform:perspective(1000px) rotateY(-4deg) rotateX(2deg); }
.terminal-top{height:47px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid var(--line);font:11px "DM Mono",monospace;color:#7784a1}.terminal-top span{width:8px;height:8px;background:#ff6f83;border-radius:50%}.terminal-top span:nth-child(2){background:#f5c65b}.terminal-top span:nth-child(3){background:#54dfac}.terminal-top b{font-weight:500;margin-left:6px}.terminal-top small{margin-left:auto;color:var(--green)}.terminal-body{padding:22px 25px;color:#d5def7;font:13px/1.65 "DM Mono",monospace}.terminal-body p{margin:0 0 11px}.muted{color:#72809d}.syntax-purple{color:#c17cff}.syntax-blue{color:#74b6ff}.syntax-green{color:#61e1b1}pre{white-space:pre-wrap;margin:19px 0 22px;color:#ced7f1}.response{border-top:1px solid var(--line);padding-top:16px}.response>span{color:#7583a5;font-size:10px;letter-spacing:.1em}.response p{font-family:"Noto Sans SC",sans-serif;font-size:14px;color:#fff;margin:7px 0}.response small{color:#65718d}
.metrics{border:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);border-radius:13px;background:rgba(255,255,255,.018)}.metrics div{padding:22px 26px;border-right:1px solid var(--line)}.metrics div:last-child{border:0}.metrics b{display:block;font:500 19px "DM Mono",monospace;color:#cbd7ff;margin-bottom:7px}.metrics span{font-size:12px;color:var(--muted)}
.section{padding:125px 0}.section-heading{max-width:620px}.section h2,.start h2{font-size:clamp(31px,3vw,45px);line-height:1.25;letter-spacing:-.045em;margin-bottom:13px}.section-heading>p:last-child,.start p:last-child{color:var(--muted);line-height:1.8}
.model-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:42px}.model-card{padding:29px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(140deg,rgba(22,30,55,.8),rgba(15,18,30,.66));position:relative;overflow:hidden}.model-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-120px;top:-120px;background:radial-gradient(circle,rgba(94,126,255,.16),transparent 70%)}.model-card.pro::after{background:radial-gradient(circle,rgba(172,100,255,.16),transparent 70%)}.card-head{display:flex;justify-content:space-between;align-items:center}.tag{font:11px "DM Mono",monospace;color:#aabaff;border:1px solid rgba(125,148,255,.22);padding:5px 7px;border-radius:5px}.model-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green)}.model-card h3{font-size:23px;margin:22px 0 8px}.model-card>p{color:var(--muted);font-size:14px;line-height:1.75;min-height:48px}.model-card dl{margin:25px 0 27px;border-top:1px solid var(--line)}.model-card dl div{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline}.model-card dt{font-size:13px;color:#98a5c1}.model-card dd{margin:0;font:500 16px "DM Mono",monospace;color:white}.model-card dd small{font-size:10px;color:#71809f}.model-card>a{color:#a9bbff;text-decoration:none;font-size:14px;font-weight:600}.model-card>a span{margin-left:7px}
.why{padding-top:15px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.benefit-grid article{border-top:1px solid rgba(138,157,211,.34);padding:22px 10px 5px 0}.benefit-icon{font:500 13px "DM Mono",monospace;color:#9c7cff}.benefit-grid h3{margin:18px 0 8px;font-size:18px}.benefit-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.8;max-width:290px}
.start{border:1px solid rgba(131,154,255,.2);border-radius:16px;background:linear-gradient(105deg,rgba(39,61,137,.42),rgba(75,46,133,.22));padding:48px 54px;display:flex;justify-content:space-between;align-items:center;gap:28px;margin:0 0 80px}.start h2{margin-bottom:9px}.start .eyebrow{margin-bottom:13px}.start p:last-child{margin-bottom:0}
footer{min-height:92px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#74809b;font-size:12px}footer p{margin:0}
@media(max-width:780px){.site-header,main,footer{width:min(100% - 32px,1180px)}.site-header{height:70px}.site-header nav{display:none}.brand em{display:none}.header-action{font-size:12px;padding:9px 11px}.hero{grid-template-columns:1fr;gap:42px;padding:68px 0 55px}.hero-visual{transform:none}.metrics{grid-template-columns:repeat(2,1fr)}.metrics div:nth-child(2){border-right:0}.metrics div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding:82px 0}.model-grid,.benefit-grid{grid-template-columns:1fr}.start{padding:32px;display:block}.start .button{margin-top:16px}footer{padding:22px 0;align-items:flex-start;flex-direction:column;gap:11px}.terminal-body{padding:18px;font-size:11px}}