:root { --ink:#17202b; --paper:#f7f4ed; --gold:#c9a968; --blue:#4eb7ef; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"PingFang SC","Noto Sans CJK SC",system-ui,sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.nav { height:88px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:10; }
.brand { display:flex; align-items:center; gap:12px; font-size:13px; font-weight:750; letter-spacing:.24em; }
.brand-mark { width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(23,32,43,.22); border-radius:50%; }
.brand-mark i { width:10px; height:10px; border:2px solid var(--ink); border-radius:50%; box-shadow:0 0 0 4px rgba(78,183,239,.18); }
.nav-links { display:flex; align-items:center; gap:30px; font-size:13px; }
.nav-cta { border:1px solid rgba(23,32,43,.3); border-radius:99px; padding:10px 18px; }
.hero { min-height:calc(100vh - 88px); display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:72px; padding-block:62px 110px; }
.eyebrow { margin:0 0 26px; color:#8e733e; font-size:11px; font-weight:700; letter-spacing:.18em; }
h1 { margin:0; font-family:"Songti SC","STSong",serif; font-weight:550; font-size:clamp(48px,6.2vw,82px); line-height:1.12; letter-spacing:-.045em; }
.lead { max-width:610px; margin:30px 0 0; color:#5d6570; font-size:17px; line-height:1.9; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:40px; }
.button { padding:15px 22px; border-radius:99px; font-size:14px; transition:.25s ease; }
.button:hover { transform:translateY(-2px); }
.primary { background:var(--ink); color:white; box-shadow:0 12px 30px rgba(23,32,43,.16); }
.primary span { color:#80caf1; margin-left:16px; }
.ghost { color:#626a74; }
.trust { display:flex; align-items:center; gap:9px; margin-top:26px; color:#92979d; font-size:12px; }
.trust span { width:7px; height:7px; border-radius:50%; background:#78b99b; box-shadow:0 0 0 5px rgba(120,185,155,.12); }
.companion { position:relative; min-height:590px; border-radius:48% 48% 45% 50%; isolation:isolate; }
.companion::before { content:""; position:absolute; inset:5% 0; background:radial-gradient(circle at 55% 45%,rgba(80,184,238,.24),transparent 26%),radial-gradient(circle at 50% 48%,#fdfcf8 0 40%,rgba(234,228,214,.5) 68%,transparent 69%); filter:drop-shadow(0 30px 50px rgba(31,43,54,.08)); z-index:-3; }
.orbit { position:absolute; left:50%; top:45%; translate:-50% -50%; border:1px solid rgba(45,90,124,.16); border-radius:50%; }
.orbit-one { width:390px; height:390px; }
.orbit-two { width:300px; height:300px; border-style:dashed; animation:spin 34s linear infinite; }
.orbit-three { width:210px; height:210px; border-color:rgba(201,169,104,.36); }
.core { position:absolute; left:50%; top:45%; translate:-50% -50%; width:124px; height:124px; display:grid; place-items:center; border-radius:50%; background:repeating-conic-gradient(from 0deg,#26425b 0 7deg,#496d88 7deg 10deg); box-shadow:0 0 0 10px rgba(255,255,255,.7),0 0 70px 26px rgba(72,178,237,.24); animation:breathe 4s ease-in-out infinite; }
.core::before { content:""; width:82px; height:82px; position:absolute; border-radius:50%; background:radial-gradient(circle,#fff 0 5%,#7bd1ff 10%,#1562ae 42%,#0a1d38 74%); box-shadow:inset 0 0 22px #7ed4ff; }
.core b,.core span { position:absolute; border:1px solid rgba(255,255,255,.7); border-radius:50%; z-index:1; }
.core b { width:54px; height:54px; }.core span { width:68px; height:68px; border-style:dashed; }
.memory-card { position:absolute; width:200px; padding:18px 18px 16px; border:1px solid rgba(24,35,46,.11); border-radius:18px; background:rgba(255,255,255,.76); box-shadow:0 18px 44px rgba(39,48,56,.09); backdrop-filter:blur(14px); }
.memory-card small { color:#8b929a; font-size:10px; letter-spacing:.08em; }.memory-card strong { display:block; margin-top:8px; font-family:"Songti SC",serif; font-size:24px; }.memory-card p { margin:8px 0 0; color:#5f6871; font-size:12px; line-height:1.65; }
.memory-now { top:9%; right:0; }.memory-past { bottom:9%; left:2%; }
.pulse-caption { position:absolute; bottom:3%; left:50%; translate:-50%; color:#8c9399; font-size:11px; letter-spacing:.15em; }
@keyframes spin { to { rotate:360deg; } }
@keyframes breathe { 50% { transform:scale(1.055); box-shadow:0 0 0 13px rgba(255,255,255,.72),0 0 92px 34px rgba(72,178,237,.28); } }
@media (prefers-reduced-motion:reduce) { * { animation:none!important; scroll-behavior:auto!important; } }
@media (max-width:820px) { .shell{width:min(100% - 32px,680px)} .nav{height:72px}.nav-links>a:first-child{display:none}.hero{grid-template-columns:1fr;gap:28px;padding-block:52px 72px}.hero-copy{text-align:center}.lead{margin-inline:auto}.hero-actions,.trust{justify-content:center}.companion{min-height:470px}.memory-now{right:4%}.memory-past{left:2%} }
@media (max-width:520px) { h1{font-size:44px}.lead{font-size:15px}.companion{min-height:430px}.orbit-one{width:310px;height:310px}.orbit-two{width:240px;height:240px}.orbit-three{width:170px;height:170px}.core{width:106px;height:106px}.memory-card{width:162px;padding:14px}.memory-now{top:5%;right:-1%}.memory-past{bottom:3%;left:-1%}.nav-links{gap:8px}.hero-actions{flex-direction:column}.button{width:100%} }

.section-kicker { margin:0; color:#9a7d42; font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
h2 { margin:0; font-family:"Songti SC","STSong",serif; font-size:clamp(38px,4.8vw,64px); font-weight:540; line-height:1.22; letter-spacing:-.035em; }
.manifesto { padding:140px 0; color:#f8f5ed; background:#18212d; }
.manifesto-grid { display:grid; grid-template-columns:1fr 2.2fr; gap:64px; align-items:start; }
.manifesto h2 { max-width:820px; }
.manifesto h2 + p { max-width:700px; margin:36px 0 0; color:#b4bbc2; font-size:16px; line-height:2; }
.journey { padding-block:140px; }
.section-heading { max-width:720px; margin-bottom:58px; }
.section-heading h2 { margin-top:18px; }
.section-heading>p:last-child { max-width:600px; margin:22px 0 0; color:#717982; line-height:1.85; }
.journey-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.feature-card { min-height:570px; display:flex; flex-direction:column; padding:28px; border-radius:28px; overflow:hidden; }
.feature-card .card-index { font-size:10px; font-weight:700; letter-spacing:.13em; opacity:.58; }
.feature-card h3 { margin:auto 0 12px; font-family:"Songti SC",serif; font-size:27px; font-weight:600; }
.feature-card>p { margin:0; font-size:13px; line-height:1.8; opacity:.67; }
.feature-light { border:1px solid rgba(24,33,45,.1); background:#eee9df; }
.feature-dark { color:#f4f1e8; background:#18212d; }
.feature-blue { color:#f7fbff; background:linear-gradient(145deg,#477e9c,#152c43 72%); }
.mini-state { margin:80px 10px 0; text-align:center; }
.mini-state strong,.mini-state small { display:block; }.mini-state strong { margin-top:20px; font-family:"Songti SC",serif; font-size:21px; }.mini-state small { margin-top:8px; color:#7a8289; font-size:11px; }
.mini-core { display:block; width:92px; height:92px; margin:auto; border:12px solid #263d54; border-radius:50%; background:radial-gradient(circle,#fff 2%,#6cc8fa 10%,#175a9c 40%,#0e203b 72%); box-shadow:0 0 40px rgba(60,167,229,.26); }
.memory-stack { margin:72px 0 0; padding:24px; border:1px solid rgba(255,255,255,.13); border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02)); }
.memory-stack span,.memory-stack i { display:block; color:#a9b2ba; font-size:10px; font-style:normal; }.memory-stack b { display:block; margin:20px 0 40px; font-family:"Songti SC",serif; font-size:18px; line-height:1.55; font-weight:500; }
.year-ring { width:180px; height:180px; display:flex; flex-direction:column; align-items:center; justify-content:center; margin:57px auto 0; border:1px solid rgba(255,255,255,.32); border-radius:50%; box-shadow:inset 0 0 0 16px rgba(255,255,255,.04),0 0 0 35px rgba(255,255,255,.035); }
.year-ring span { font-family:"Songti SC",serif; font-size:46px; }.year-ring small { margin-top:4px; font-size:9px; letter-spacing:.15em; text-transform:uppercase; opacity:.65; }
.reflection { padding:150px 0; color:#f5f2e9; background:#18212d; }
.reflection-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.reflection-copy h2 { margin-top:20px; }.reflection-copy>p:not(.section-kicker) { max-width:580px; margin:28px 0 0; color:#aeb6bd; line-height:1.95; }
.reflection ul { list-style:none; padding:0; margin:46px 0 0; border-top:1px solid rgba(255,255,255,.12); }
.reflection li { padding:19px 0; border-bottom:1px solid rgba(255,255,255,.12); color:#d6d9db; font-size:14px; }.reflection li span { margin-right:20px; color:#6f8294; font-size:10px; }
.dialogue { padding:45px; border:1px solid rgba(255,255,255,.14); border-radius:30px; background:radial-gradient(circle at 80% 10%,rgba(59,143,197,.22),transparent 30%),rgba(255,255,255,.045); box-shadow:0 34px 90px rgba(0,0,0,.18); }
.dialogue-label { margin:0 0 28px; color:#d1b774; font-size:10px; font-weight:700; letter-spacing:.12em; }
blockquote { margin:0; font-family:"Songti SC",serif; font-size:27px; line-height:1.75; }
.dialogue-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:34px; }.dialogue-actions span { padding:9px 13px; border:1px solid rgba(255,255,255,.18); border-radius:99px; color:#bac1c7; font-size:11px; }.dialogue>small { display:block; margin-top:24px; color:#6f7a84; font-size:10px; }
.privacy { display:grid; grid-template-columns:.75fr 1.2fr 1fr; gap:64px; align-items:center; padding-block:140px; }
.privacy h2 { margin-top:18px; font-size:clamp(38px,4vw,58px); }
.privacy-mark { width:154px; height:154px; display:grid; place-items:center; border:1px solid rgba(23,32,43,.16); border-radius:50%; box-shadow:0 0 0 24px rgba(23,32,43,.025); }
.privacy-mark span { width:42px; height:52px; border:2px solid var(--ink); border-radius:24px 24px 16px 16px; }.privacy-mark b { position:absolute; width:13px; height:13px; border-radius:50%; background:var(--gold); }
.privacy-points p { display:flex; flex-direction:column; gap:7px; margin:0; padding:18px 0; border-bottom:1px solid rgba(23,32,43,.12); }.privacy-points strong { font-family:"Songti SC",serif; font-size:18px; }.privacy-points span { color:#858b91; font-size:12px; }
.closing { position:relative; min-height:760px; display:grid; place-items:center; overflow:hidden; color:#f8f4e9; background:#111923; text-align:center; }
.closing-glow { position:absolute; inset:0; display:grid; place-items:center; opacity:.9; }.closing-glow::before,.closing-glow::after,.closing-glow span { content:""; position:absolute; border:1px solid rgba(95,174,220,.17); border-radius:50%; }.closing-glow::before{width:680px;height:680px}.closing-glow::after{width:500px;height:500px}.closing-glow span{width:300px;height:300px;background:radial-gradient(circle,rgba(71,179,239,.33),rgba(16,67,108,.08) 36%,transparent 70%);box-shadow:0 0 100px rgba(54,158,219,.12)}
.closing-copy { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; }.closing h2 { margin-top:22px; }.closing-copy>p:not(.section-kicker) { max-width:570px; margin:28px 0 0; color:#9ba6af; line-height:1.9; }.closing-button { margin-top:38px; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.06); }.closing-button span { margin-left:18px; }.closing-copy>small { margin-top:20px; color:#65727d; letter-spacing:.12em; }
.footer { min-height:110px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; color:#8c9298; font-size:11px; }.footer p:nth-child(2){text-align:center}.footer p:last-child{text-align:right}
@media (max-width:900px) { .manifesto-grid,.reflection-grid,.privacy{grid-template-columns:1fr}.journey-grid{grid-template-columns:1fr}.feature-card{min-height:500px}.privacy-mark{width:110px;height:110px}.reflection-grid{gap:60px}.manifesto{padding-block:100px}.journey,.reflection,.privacy{padding-block:100px} }
@media (max-width:560px) { .manifesto-grid{gap:38px}.feature-card{min-height:470px;padding:24px}.dialogue{padding:26px}blockquote{font-size:22px}.closing{min-height:680px}.footer{grid-template-columns:1fr;gap:8px;padding-block:30px;text-align:center}.footer p:nth-child(2),.footer p:last-child{text-align:center}.footer .brand{margin:auto}.closing-glow::before{width:480px;height:480px}.closing-glow::after{width:340px;height:340px} }