:root{--bg: #0b0d17;--panel: #141827;--panel-2: #1a1f35;--text: #e9ebf8;--muted: #a4a9c8;--accent: #6c7bff;--accent-2: #38e0b8;--line: rgba(255, 255, 255, .08);--radius: 18px;--max: 1140px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;line-height:1.25}p{margin:0}.nav{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0d17b8;border-bottom:1px solid var(--line)}.nav-inner{max-width:var(--max);margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;font-size:1.15rem;letter-spacing:.3px}.brand span{color:var(--accent-2)}.nav nav{display:flex;align-items:center;gap:8px;font-size:.95rem}.nav nav a{padding:8px 14px;border-radius:999px;color:var(--muted)}.nav nav a:hover{color:var(--text);background:#ffffff0d}.nav nav a.cta{color:#0b0d17;background:linear-gradient(135deg,var(--accent-2),var(--accent));font-weight:600}.hero{position:relative;overflow:hidden;padding:92px 24px 72px}.hero-glow{position:absolute;inset:-20% -10% auto;height:560px;background:radial-gradient(420px 320px at 20% 20%,rgba(108,123,255,.3),transparent 65%),radial-gradient(460px 340px at 85% 10%,rgba(56,224,184,.22),transparent 65%);filter:blur(18px);z-index:-1}.hero-inner{max-width:var(--max);margin:0 auto;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:.78rem;color:var(--accent-2);font-weight:600;margin-bottom:18px}.hero h1{font-size:clamp(2.2rem,6vw,3.6rem);font-weight:700;letter-spacing:-.5px}.hero h1 em{font-style:normal;background:linear-gradient(120deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero .sub{max-width:640px;margin:24px auto 34px;color:var(--muted);font-size:1.08rem}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:13px 26px;border-radius:999px;font-weight:600;border:1px solid transparent;cursor:pointer;font-size:.98rem}.btn.primary{color:#0b0d17;background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 10px 30px #6c7bff47}.btn.ghost{border-color:var(--line);color:var(--text);background:#ffffff08}.btn.ghost:hover{background:#ffffff12}.milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:760px;margin:56px auto 0}.milestones b{display:block;font-size:1.7rem;background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.milestones span{color:var(--muted);font-size:.9rem}.section{padding:84px 24px;max-width:var(--max);margin:0 auto}.section.alt{max-width:none;padding:84px 24px;background:linear-gradient(180deg,#14182799,#0b0d1700)}.section-head{text-align:center;max-width:680px;margin:0 auto 48px}.section-head h2{font-size:clamp(1.7rem,3.6vw,2.4rem);margin-bottom:14px}.section-head .lead{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:940px;margin:0 auto}.card{background:linear-gradient(160deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:transform .2s ease,border-color .2s ease}.card:hover{transform:translateY(-4px);border-color:#6c7bff80}.card-ic{font-size:1.7rem;color:var(--accent-2);margin-bottom:14px}.card h3{font-size:1.2rem;margin-bottom:10px}.card p{color:var(--muted);font-size:.95rem}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tags span{font-size:.78rem;color:var(--text);background:#6c7bff29;padding:4px 10px;border-radius:999px}.projects{grid-template-columns:repeat(2,1fr)}.proj-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.badge{font-size:.76rem;color:var(--accent-2);background:#38e0b81f;padding:4px 10px;border-radius:999px}.proj-stat{color:var(--muted);font-size:.82rem}.proj-stat b{color:var(--accent);font-size:1.25rem;margin-right:5px}.proj h3{font-size:1.25rem}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}.about-grid>div:first-child p.lead{margin-bottom:16px}.about-grid h2{font-size:clamp(1.7rem,3.4vw,2.3rem);margin-bottom:14px}.about-grid p{color:var(--muted);margin-bottom:14px}.about-grid .note{color:var(--text);font-size:.95rem}.about-grid .note b{color:var(--accent-2)}.how{background:linear-gradient(160deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:28px}.how h3{margin-bottom:18px}.how ol{list-style:none;margin:0;padding:0;counter-reset:step}.how li{position:relative;padding-left:52px;padding-bottom:20px;border-left:1px solid var(--line);margin-left:12px}.how li:last-child{border-left:1px solid transparent;padding-bottom:0}.step-n{position:absolute;left:-18px;top:0;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--accent-2);font-weight:700}.how h4{margin:2px 0 6px}.how p{color:var(--muted);font-size:.9rem;margin:0}.contact{max-width:var(--max)}.form-card{max-width:620px;margin:0 auto;display:grid;gap:18px}.form-card label{display:grid;gap:8px}.form-card label>span{font-size:.88rem;color:var(--muted)}.form-card input,.form-card select,.form-card textarea{width:100%;background:#ffffff0a;border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--text);font-size:.98rem;font-family:inherit;outline:none;transition:border-color .2s ease}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--accent)}.form-card button{justify-self:start;margin-top:4px}.form-status{margin-top:4px;font-weight:600;min-height:22px}footer{border-top:1px solid var(--line);padding:30px 24px;text-align:center;color:var(--muted);font-size:.9rem}@media (max-width: 820px){.grid,.projects,.about-grid{grid-template-columns:1fr}.milestones{grid-template-columns:repeat(2,1fr);gap:22px}.nav nav a{padding:6px 10px;font-size:.85rem}.nav nav a.cta{display:none}.hero{padding:64px 20px 56px}}