:root{color-scheme:light;--brand-primary: #6faed9;--brand-deep: #4f8fc0;--brand-soft: rgba(111, 174, 217, .12);--brand-subtle: rgba(111, 174, 217, .06);--brand-border: rgba(111, 174, 217, .2);--accent-peach: #e8c4b0;--accent-sage: #b8d4c4;--accent-warm: #b5906b;--diary-leather-1: #8c3f3a;--diary-leather-2: #642522;--diary-gold: #f8e2b8;--success: #8fbf9f;--warning: #e5b87a;--error: #d69090;--bg-light: #f6f5f2;--bg-dark: #18181b;--surface: rgba(255, 252, 247, .78);--surface-solid: #fffaf3;--surface-muted: #eeebe3;--surface-dark: #27272a;--text: #27231f;--text-muted: #645d55;--text-faint: #81786d;--border: rgba(39, 35, 31, .12);--shadow-subtle: 0 4px 16px rgba(79, 143, 192, .08);--shadow-medium: 0 8px 24px rgba(79, 143, 192, .12);--shadow-glow: 0 0 32px rgba(111, 174, 217, .22);--font-sans: "Inter", "Noto Sans HK", system-ui, sans-serif;--font-serif: "Newsreader", "Noto Serif HK", Georgia, serif;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 64px;--space-4xl: 96px;--space-5xl: 128px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .2s;--dur-base: .4s;--dur-slow: .7s}:root[data-theme=dark]{color-scheme:dark;--surface: rgba(39, 39, 42, .8);--surface-solid: #27272a;--surface-muted: #202024;--text: #f6f5f2;--text-muted: #cbc4ba;--text-faint: #aaa197;--border: rgba(246, 245, 242, .14);--brand-soft: rgba(111, 174, 217, .18);--brand-subtle: rgba(111, 174, 217, .1);--brand-border: rgba(111, 174, 217, .32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#d6ebfa80,#f6f5f200 420px),var(--bg-light);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.7;letter-spacing:0;text-rendering:optimizeLegibility}:root[data-theme=dark] body{background:linear-gradient(180deg,#4f8fc02e,#18181b00 420px),var(--bg-dark)}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}a:not(.button):not(.brand):not(.badge):not(.footer-link):not(.nav-link){color:var(--brand-deep);font-weight:700}button,input,textarea{font:inherit}img,svg,canvas{display:block;max-width:100%}::selection{background:var(--brand-primary);color:#13212a}.skip-link{position:fixed;left:var(--space-lg);top:var(--space-lg);z-index:200;transform:translateY(-140%);border-radius:var(--radius-full);background:var(--text);color:var(--bg-light);padding:var(--space-sm) var(--space-lg);transition:transform var(--dur-fast) var(--ease-out)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid rgba(79,143,192,.65);outline-offset:4px}.site-nav{position:sticky;top:0;z-index:100;border-bottom:1px solid transparent;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.site-nav.is-scrolled{border-color:var(--border);background:#f6f5f2c2;box-shadow:var(--shadow-subtle);backdrop-filter:blur(18px)}:root[data-theme=dark] .site-nav.is-scrolled{background:#18181bc2}.nav-inner,.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.nav-inner{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:var(--space-xl)}.brand{display:inline-flex;align-items:center;gap:var(--space-md);font-weight:800}.brand img{width:120px;height:48px;object-fit:cover;object-position:center 45%}.nav-links{display:flex;align-items:center;gap:var(--space-2xl)}.nav-link,.footer-link{position:relative;color:var(--text-muted);font-size:.95rem;font-weight:700}.nav-link:after,.footer-link:after{position:absolute;left:0;bottom:-5px;width:100%;height:2px;content:"";background:var(--brand-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-base) var(--ease-out)}.nav-link:hover:after,.footer-link:hover:after,.nav-link[aria-current=page]:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:var(--space-sm)}.icon-button{display:inline-grid;width:42px;height:42px;place-items:center;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.icon-button:hover{border-color:var(--brand-border);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.icon-button .sun-icon,:root[data-theme=dark] .icon-button .moon-icon{display:none}:root[data-theme=dark] .icon-button .sun-icon{display:block}.menu-toggle{display:none}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:var(--space-sm);border:1px solid transparent;border-radius:var(--radius-full);padding:0 var(--space-xl);font-weight:800;line-height:1;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.button.primary{background:var(--brand-deep);color:#fff;box-shadow:var(--shadow-subtle)}.button.ghost{border-color:var(--brand-border);background:var(--surface);color:var(--brand-deep)}.button:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px) scale(1.01)}.hero{display:grid;min-height:calc(100vh - 76px);align-items:center;padding:var(--space-4xl) 0 var(--space-3xl)}.hero-grid{display:grid;align-items:center;gap:var(--space-4xl);grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}.eyebrow{margin:0 0 var(--space-lg);color:var(--brand-deep);font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero h1,.page-hero h1,.section-title,.quote-band blockquote,.legal-hero h1{font-family:var(--font-serif);font-weight:700;line-height:1.05;letter-spacing:0}.hero h1{max-width:11ch;margin:0;font-size:4.25rem}.hero-copy{max-width:620px}.hero-copy>p{max-width:34rem;margin:var(--space-xl) 0;color:var(--text-muted);font-size:1.16rem}.hero-note{color:var(--text-faint);font-size:.92rem}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.download-badges{display:flex;flex-wrap:wrap;gap:var(--space-md)}.badge{display:inline-flex;min-width:176px;align-items:center;gap:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-subtle);color:var(--text);cursor:default}.badge small{display:block;color:var(--text-faint);font-size:.74rem;font-weight:800;line-height:1.1}.badge strong{display:block;font-size:1.02rem;line-height:1.15}.hero-media{position:relative;min-height:600px}.phone-stack{position:absolute;inset:0;display:grid;place-items:center;z-index:1}.phone-mock{width:min(330px,80vw);min-height:520px;overflow:hidden;border:1px solid rgba(79,143,192,.24);border-radius:38px;background:var(--surface-solid);box-shadow:0 28px 70px #4f8fc033,var(--shadow-glow);animation:phone-glow 4s ease-in-out infinite}@keyframes phone-glow{0%,to{box-shadow:0 28px 70px #4f8fc033,0 0 32px #6faed938}50%{box-shadow:0 30px 76px #4f8fc03d,0 0 56px #6faed96b}}.phone-top{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 10px;color:var(--text-faint);font-size:.78rem;font-weight:800}.phone-screen{display:grid;gap:var(--space-md);padding:var(--space-lg)}.message{max-width:82%;border-radius:18px;padding:var(--space-md) var(--space-lg);color:var(--text);font-size:.92rem;line-height:1.55}.message.user{justify-self:end;background:var(--brand-soft)}.message.ai{justify-self:start;background:#b8d4c447}.diary-card,.exercise-card{border-radius:var(--radius-lg);padding:var(--space-lg)}.diary-card{background:linear-gradient(145deg,var(--diary-leather-1),var(--diary-leather-2));color:var(--diary-gold)}.exercise-card{background:#b8d4c442}.exercise-card span{display:block;height:8px;margin-top:var(--space-md);border-radius:var(--radius-full);background:var(--accent-sage)}.section{padding:var(--space-5xl) 0}.section.compact{padding:var(--space-4xl) 0}.section-header{max-width:720px;margin-bottom:var(--space-3xl)}.section-title{margin:0;font-size:2.4rem}.section-lede{margin:var(--space-lg) 0 0;color:var(--text-muted);font-size:1.08rem}.feature-list{display:grid;gap:var(--space-3xl)}.feature-row{display:grid;align-items:center;gap:var(--space-3xl);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.feature-row.reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.feature-row.reverse .feature-art{order:2}.feature-art{display:grid;min-height:320px;place-items:center}.feature-device{width:min(360px,100%);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);padding:var(--space-xl);box-shadow:var(--shadow-subtle);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.feature-row:hover .feature-device{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.feature-device.blue{background:linear-gradient(180deg,rgba(111,174,217,.16),var(--surface))}.feature-device.leather{background:linear-gradient(145deg,rgba(140,63,58,.18),var(--surface))}.feature-device.sage{background:linear-gradient(180deg,rgba(184,212,196,.32),var(--surface))}.feature-device.peach{background:linear-gradient(180deg,rgba(232,196,176,.3),var(--surface))}.feature-device.mixed{background:linear-gradient(145deg,#6faed929,#e8c4b03d)}.mini-screen{display:grid;min-height:240px;gap:var(--space-md)}.mini-line{height:14px;border-radius:var(--radius-full);background:var(--brand-border)}.mini-line.short{width:62%}.mini-pill{display:inline-flex;width:fit-content;align-items:center;border-radius:var(--radius-full);background:#4f8fc024;padding:var(--space-sm) var(--space-md);color:var(--brand-deep);font-size:.82rem;font-weight:800}.feature-copy{max-width:570px}.feature-copy h3{margin:0;font-size:1.85rem;line-height:1.22}.feature-copy p{margin:var(--space-lg) 0 0;color:var(--text-muted);font-size:1.05rem}.quote-band{background:linear-gradient(100deg,#6faed929,#b8d4c433,#e8c4b02e);padding:var(--space-4xl) 0}.quote-band blockquote{max-width:860px;margin:0;font-size:2.6rem}.trust-grid,.card-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr))}.trust-card,.info-card,.resource-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-xl);box-shadow:var(--shadow-subtle)}.trust-card{display:flex;align-items:center;gap:var(--space-md);font-weight:800}.trust-card svg,.info-card svg{color:var(--brand-deep);flex:0 0 auto}.cta-band{padding:var(--space-5xl) 0}.cta-panel{display:grid;gap:var(--space-xl);justify-items:start;border:1px solid var(--brand-border);border-radius:var(--radius-xl);background:linear-gradient(135deg,#6faed924,#e8c4b033),var(--surface);padding:var(--space-3xl)}.cta-panel h2{max-width:760px;margin:0;font-family:var(--font-serif);font-size:2.4rem;line-height:1.08}.cta-panel p{max-width:680px;margin:0;color:var(--text-muted)}.page-hero,.legal-hero{padding:var(--space-4xl) 0 var(--space-3xl)}.page-hero h1,.legal-hero h1{max-width:860px;margin:0;font-size:3.2rem}.page-hero p,.legal-hero p{max-width:760px;margin:var(--space-lg) 0 0;color:var(--text-muted);font-size:1.08rem}.page-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr))}.info-card h2,.info-card h3,.resource-card h3{margin:0 0 var(--space-md);font-size:1.18rem}.info-card p,.resource-card p{margin:0;color:var(--text-muted)}.steps-list,.plain-list{display:grid;gap:var(--space-md);margin:0;padding-left:1.25rem}.crisis-callout{border:1px solid rgba(181,144,107,.34);border-radius:var(--radius-lg);background:#e5b87a2e;padding:var(--space-xl)}.crisis-callout h2,.crisis-callout h3{display:flex;align-items:center;gap:var(--space-sm);margin:0 0 var(--space-sm);font-size:1.25rem}.crisis-callout p{margin:0 0 var(--space-lg);color:var(--text-muted)}.resource-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}.resource-card a{display:inline-flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);color:var(--brand-deep);font-weight:900}.legal-layout{display:grid;align-items:start;gap:var(--space-3xl);grid-template-columns:260px minmax(0,1fr);padding-bottom:var(--space-5xl)}.legal-toc{position:sticky;top:104px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-lg)}.legal-toc strong{display:block;margin-bottom:var(--space-md)}.legal-toc a{display:block;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);color:var(--text-muted);font-size:.92rem}.legal-toc a:hover{background:var(--brand-subtle);color:var(--brand-deep)}.version-stamp{display:inline-flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xl);color:var(--text-faint);font-size:.9rem}.legal-prose{max-width:760px}.legal-prose section{scroll-margin-top:112px;border-top:1px solid var(--border);padding:var(--space-2xl) 0}.legal-prose h2{margin:0 0 var(--space-md);font-size:1.55rem;line-height:1.3}.legal-prose p{margin:0 0 var(--space-md);color:var(--text-muted)}.legal-prose ul{display:grid;gap:var(--space-sm);margin:0 0 var(--space-lg);padding-left:1.25rem;color:var(--text-muted)}.archive-link{display:inline-flex;margin-top:var(--space-lg)}.site-footer{border-top:1px solid var(--border);padding:var(--space-3xl) 0}.footer-grid{display:grid;gap:var(--space-2xl);grid-template-columns:1.4fr repeat(3,minmax(120px,.6fr))}.footer-brand{max-width:360px}.footer-brand .brand{margin-bottom:var(--space-lg)}.footer-brand p,.footer-col p{color:var(--text-muted)}.footer-col{display:grid;align-content:start;gap:var(--space-sm)}.footer-col h2{margin:0 0 var(--space-sm);font-size:.92rem;text-transform:uppercase}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-2xl);color:var(--text-faint);font-size:.9rem}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media(max-width:920px){.nav-links{position:fixed;inset:76px 20px auto;display:none;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-solid);padding:var(--space-xl);box-shadow:var(--shadow-medium)}body.nav-open .nav-links{display:grid;align-items:stretch}.menu-toggle{display:inline-grid}.hero-grid,.feature-row,.feature-row.reverse,.legal-layout,.footer-grid{grid-template-columns:1fr}.feature-row.reverse .feature-art{order:0}.hero{min-height:auto}.hero h1,.page-hero h1,.legal-hero h1{font-size:3rem}.hero-media{min-height:560px}.legal-toc{position:static}.trust-grid,.card-grid,.page-grid,.resource-grid{grid-template-columns:1fr}}@media(max-width:620px){.nav-inner,.container{width:min(1120px,calc(100% - 28px))}.nav-inner{min-height:68px;gap:var(--space-md)}.brand img{width:92px;height:40px}.nav-actions{flex-shrink:0;gap:6px}.icon-button{width:38px;height:38px}.nav-actions .button{display:none}.menu-toggle{display:inline-grid}.hero,.section,.cta-band{padding:var(--space-3xl) 0}.hero h1,.page-hero h1,.legal-hero h1{font-size:2.35rem}.section-title,.cta-panel h2,.quote-band blockquote{font-size:2rem}.hero-media{min-height:520px}.phone-stack{inset:0}.phone-mock{width:min(306px,calc(100vw - 48px));min-height:480px}.cta-panel{padding:var(--space-xl)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}