:root{--ink:#102f39;--muted:#66777a;--paper:#f6f3eb;--white:#fff;--line:rgba(16,47,57,.14);--sea:#dceeed;--pond:#e5eedc;--soil:#eee4d6;--garden:#eee2dc;--rock:#e4e2de}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans TC",sans-serif;line-height:1.7}.skip{position:fixed;left:12px;top:-60px;z-index:99;padding:10px 16px;background:var(--ink);color:#fff}.skip:focus{top:12px}.site-header{height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));background:rgba(246,243,235,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.brand{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:white;font:800 20px Georgia}.brand strong,.brand small{display:block}.brand strong{font-size:15px;letter-spacing:.06em}.brand small{font-size:11px;color:var(--muted)}nav{display:flex;gap:28px}nav a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}nav a:hover{opacity:.55}.menu-button{display:none;border:1px solid var(--line);background:transparent;border-radius:99px;padding:9px 15px;color:var(--ink)}section{scroll-margin-top:76px}.hero{min-height:calc(100vh - 76px);max-width:1400px;margin:auto;padding:clamp(54px,8vw,120px) clamp(24px,7vw,96px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:6vw}.eyebrow{margin:0 0 18px;font-size:11px;letter-spacing:.25em;font-weight:800;color:#68878a}.hero h1{margin:0;max-width:700px;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(44px,6vw,84px);line-height:1.12;letter-spacing:-.035em}.hero-lead{max-width:650px;margin:32px 0;color:#536b6e;font-size:clamp(16px,1.5vw,20px)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;min-height:48px;align-items:center;padding:0 22px;border-radius:99px;text-decoration:none;font-weight:700;font-size:14px}.primary{background:var(--ink);color:#fff}.ghost{border:1px solid var(--line);color:var(--ink)}.hero-art{position:relative;aspect-ratio:1;max-width:580px;margin:auto;border-radius:50%;background:radial-gradient(circle at 38% 36%,#fff 0 7%,transparent 7.5%),linear-gradient(140deg,#d7e9e3,#efdccc);overflow:hidden}.orbit{position:absolute;border:1px solid rgba(16,47,57,.2);border-radius:50%}.orbit-a{inset:15%}.orbit-b{inset:30%;border-style:dashed}.creature{position:absolute;display:grid;place-items:center;width:18%;aspect-ratio:1;border-radius:50%;font:700 clamp(16px,2.5vw,30px) Georgia;background:var(--ink);color:white}.creature-fish{left:11%;top:41%}.creature-paw{right:15%;top:18%}.creature-leaf{right:11%;bottom:19%}.hero-seal{position:absolute;inset:34%;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 20px 60px rgba(16,47,57,.12)}.hero-seal strong{font:700 clamp(36px,5vw,70px) Georgia}.hero-seal span{font-size:12px;line-height:1.4}.intro{padding:100px max(24px,calc((100vw - 1160px)/2));background:var(--ink);color:#fff}.intro .eyebrow{color:#a9c9c8}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.intro h2,.section-heading h2,.support h2{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(36px,4vw,58px);line-height:1.2;margin:0}.intro-grid>div>p{margin:5px 0 28px;color:#c8d7d7;font-size:17px}.principles{display:flex;flex-wrap:wrap;gap:8px}.principles span{padding:8px 13px;border:1px solid rgba(255,255,255,.22);border-radius:99px;font-size:12px}.apps,.legal{padding:110px max(24px,calc((100vw - 1160px)/2))}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.section-heading h2{margin:0}.section-heading>p{max-width:420px;color:var(--muted)}.app-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.app-card{position:relative;grid-column:span 2;min-height:440px;padding:28px;border-radius:24px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.app-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(16,47,57,.1)}.app-card:nth-child(4){grid-column:2/span 2}.app-card:nth-child(5){grid-column:4/span 2}.sea{background:var(--sea)}.pond{background:var(--pond)}.soil{background:var(--soil)}.garden{background:var(--garden)}.rock{background:var(--rock)}.number{position:absolute;right:24px;top:20px;color:rgba(16,47,57,.45);font:italic 16px Georgia}.app-symbol{width:72px;height:72px;display:grid;place-items:center;margin:25px 0 28px;border-radius:50%;background:rgba(255,255,255,.67);font:700 32px Georgia}.app-en{margin:0;color:var(--muted);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.app-card h3{margin:2px 0;font:700 29px Georgia,"Noto Serif TC",serif}.tagline{margin:3px 0 18px;font-weight:700}.app-card>p:not(.app-en,.tagline){color:#536b6e;font-size:14px}.app-card a,.coming{margin-top:auto;color:var(--ink);font-size:13px;font-weight:800;text-decoration:none}.coming{opacity:.55}.support{padding:100px max(24px,calc((100vw - 1160px)/2));display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#dce8e4}.support>div>p:last-child{color:var(--muted)}.support-links{border-top:1px solid var(--line)}.support-links a{display:flex;justify-content:space-between;gap:15px;padding:22px 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.support-links span{color:var(--muted);font-size:13px}.support-links strong{font-size:14px}.document-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.document-grid article{padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.35)}.document-grid h3{margin:0 0 16px;font-size:18px}.document-grid a{display:block;padding:8px 0;color:var(--muted);font-size:13px;text-decoration:none;border-bottom:1px solid var(--line)}.document-grid a:hover{color:var(--ink)}.migration-note{margin-top:24px;color:var(--muted);font-size:12px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:40px max(24px,calc((100vw - 1160px)/2));background:var(--ink);color:#fff}footer strong,footer span{display:block}footer span,footer p{color:#9eb2b4;font-size:12px}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{width:min(100%,500px)}.intro-grid,.support{grid-template-columns:1fr}.app-grid{grid-template-columns:1fr 1fr}.app-card,.app-card:nth-child(4),.app-card:nth-child(5){grid-column:span 1}.document-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:start;flex-direction:column}.menu-button{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;padding:16px 24px 24px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:12px}nav.open{display:flex}nav a{min-height:44px;display:flex;align-items:center}}@media(max-width:580px){.site-header{padding:0 18px}.brand strong{font-size:13px}.hero{padding-top:54px}.hero h1{font-size:42px}.hero-art{margin-top:25px}.apps,.legal,.intro,.support{padding:76px 20px}.app-grid,.document-grid{grid-template-columns:1fr}.app-card{min-height:370px}.support-links a{flex-direction:column;gap:2px}footer{align-items:start;flex-direction:column}.hero-actions .button{width:100%;justify-content:center}}