:root{--ink:#1d1d1f;--muted:#6e6e73;--paper:#f5f5f7;--white:#fff;--blue:#0071e3;--line:rgba(0,0,0,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:-.02em}
.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:56px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;background:rgba(250,250,252,.82);border-bottom:1px solid rgba(0,0,0,.05);backdrop-filter:saturate(180%) blur(22px)}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#1d1d1f;color:#fff;font-size:14px;font-weight:700}.brand strong{font-size:15px}.site-header nav{margin-left:auto;display:flex;gap:6px}.site-header nav a{padding:7px 13px;border-radius:99px;color:#424245;text-decoration:none;font-size:12px}.site-header nav a:hover,.site-header nav a.active{background:#e8e8ed;color:#000}
.hero{min-height:760px;padding:130px max(28px,calc((100vw - 1180px)/2)) 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;overflow:hidden;background:radial-gradient(circle at 76% 35%,#fff 0,#f4f6fa 26%,transparent 52%),linear-gradient(180deg,#fbfbfd,#f0f1f5)}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 18px;color:#86868b;font-size:12px;font-weight:700;letter-spacing:.16em}.hero h1{margin:0;font-size:clamp(56px,6.8vw,92px);line-height:.98;letter-spacing:-.07em}.hero h1 span{color:#8a8a90}.lead{max-width:570px;margin:30px 0 0;color:#5f5f64;font-size:22px;line-height:1.55;letter-spacing:-.025em}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:36px}.primary{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:99px;background:var(--blue);color:#fff;text-decoration:none;font-size:16px;font-weight:600;transition:.2s}.primary:hover{background:#0077ed;transform:scale(1.02)}.primary span,.text-link span{font-size:22px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue);text-decoration:none;font-size:16px}
.hero-art{position:relative;height:520px}.orb{position:absolute;border-radius:50%}.orb-back{width:420px;height:420px;right:-25px;top:14px;background:linear-gradient(145deg,#dce8f6,#7ca2d2 58%,#345d94);box-shadow:0 50px 100px rgba(44,78,125,.2)}.orb-front{width:270px;height:270px;left:32px;bottom:14px;display:grid;place-items:center;background:radial-gradient(circle at 34% 26%,#fff,#dce5f2 26%,#97b2d5 56%,#41658f);box-shadow:0 36px 80px rgba(42,70,107,.25),inset 0 0 50px rgba(255,255,255,.55)}.orb-front span{font-size:92px;font-weight:750;color:rgba(255,255,255,.9);text-shadow:0 10px 30px rgba(31,58,91,.18)}.glass-card{position:absolute;width:210px;padding:22px;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:rgba(255,255,255,.63);box-shadow:0 24px 70px rgba(31,47,69,.15);backdrop-filter:blur(24px)}.glass-card small{display:block;color:#7a7a80;font-size:10px;letter-spacing:.15em}.glass-card strong{display:block;margin-top:6px;font-size:20px}.glass-card i{display:block;width:55%;height:5px;margin-top:18px;border-radius:6px;background:linear-gradient(90deg,#1677e8,#8bb9ed)}.card-one{right:12px;bottom:34px}.card-two{left:45px;top:4px}
.workspace{max-width:1180px;margin:0 auto;padding:120px 16px}.section-heading{max-width:760px;margin:0 auto 58px;text-align:center}.section-heading h2{margin:0;font-size:clamp(42px,5vw,64px);line-height:1.06;letter-spacing:-.055em}.section-heading>p:last-child{margin:22px auto 0;max-width:620px;color:var(--muted);font-size:19px;line-height:1.6}.project-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:460px;overflow:hidden;border-radius:38px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 22px 70px rgba(0,0,0,.07);transition:.3s}.project-card+.project-card{margin-top:24px}.project-card:hover{transform:translateY(-6px);box-shadow:0 30px 90px rgba(0,0,0,.11)}.project-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#0b0c10,#242932 55%,#52657a)}.project-visual:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ddecff,#7ba5d5 40%,#244c7d 75%);box-shadow:0 0 100px rgba(116,164,220,.32)}.folder-mark{position:relative;z-index:1;width:180px;height:145px;border-radius:24px 28px 32px 32px;background:linear-gradient(160deg,#fff,#d9e5f4);box-shadow:0 28px 70px rgba(0,0,0,.28)}.folder-mark:before{content:"";position:absolute;top:-26px;left:0;width:85px;height:45px;border-radius:18px 18px 0 0;background:#eef5fc}.folder-mark span{display:grid;place-items:center;height:100%;font-size:58px;font-weight:750;color:#365e8e}.play-mark{position:relative;z-index:1;width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);box-shadow:0 28px 75px rgba(0,0,0,.3)}.play-mark span{padding-left:8px;color:#315d8e;font-size:54px}.training-visual{background:linear-gradient(145deg,#08090c,#172232 55%,#294f7b)}.training-visual:before{background:radial-gradient(circle at 34% 28%,#eef7ff,#75aae2 40%,#173e69 76%)}.sync-pill{position:absolute;z-index:2;left:28px;bottom:26px;padding:9px 13px;border-radius:99px;background:rgba(255,255,255,.88);color:#3e4650;font-size:12px;backdrop-filter:blur(12px)}.sync-pill i,.status i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#34c759}.project-copy{padding:58px;display:flex;flex-direction:column;justify-content:center}.project-meta{display:flex;align-items:center;justify-content:space-between;color:#86868b;font-size:12px;letter-spacing:.08em}.status{letter-spacing:0}.project-copy h3{margin:32px 0 18px;font-size:48px;letter-spacing:-.055em}.project-copy p{margin:0;color:var(--muted);font-size:17px;line-height:1.7}.enter{margin-top:34px;color:var(--blue);font-size:17px}.enter b{font-size:23px}
.principles{max-width:1180px;margin:0 auto;padding:0 16px 120px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.principles article{padding:34px;border-radius:26px;background:#fff}.principles article>span{color:#9a9aa0;font-size:12px}.principles h3{margin:30px 0 10px;font-size:24px}.principles p{margin:0;color:var(--muted);line-height:1.65}footer{max-width:1180px;margin:0 auto;padding:26px 16px 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#6e6e73}footer span{font-weight:650}footer small{font-size:12px}
@media(max-width:860px){.hero{min-height:auto;padding-top:120px;grid-template-columns:1fr}.hero-art{height:440px;max-width:560px;width:100%;margin:0 auto}.project-card{grid-template-columns:1fr}.project-visual{min-height:360px}.principles{grid-template-columns:1fr}.project-copy{padding:44px}}
@media(max-width:560px){.site-header{padding:0 16px}.site-header nav a{padding:7px 9px}.hero{padding:112px 20px 56px;gap:20px}.hero h1{font-size:54px}.lead{font-size:18px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-art{height:350px}.orb-back{width:290px;height:290px;right:-10px}.orb-front{width:200px;height:200px;left:0}.orb-front span{font-size:68px}.glass-card{width:165px;padding:17px}.card-two{left:8px}.card-one{right:0;bottom:12px}.workspace{padding:82px 16px}.section-heading{margin-bottom:36px}.project-card{border-radius:28px}.project-visual{min-height:300px}.folder-mark{transform:scale(.8)}.project-copy{padding:32px 26px}.project-copy h3{font-size:39px}.principles{padding-bottom:80px}}