:root{color-scheme:light;--bg:#f7f7f5;--surface:#fff;--surface-subtle:#f0f0ee;--text:#1b1b19;--muted:#686863;--line:#dfdfda;--accent:#6262c7;--accent-strong:#4f50b4;--accent-soft:#eeeeff;--focus:#5556c5;--shadow:0 18px 50px rgba(34,34,42,.07);--radius-sm:12px;--radius-md:22px;--radius-lg:32px;--max-width:1160px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#121211;--surface:#1b1b19;--surface-subtle:#22221f;--text:#f4f4ef;--muted:#adada5;--line:#363632;--accent:#aaaaff;--accent-strong:#bdbdff;--accent-soft:#2b2b49;--focus:#b6b6ff;--shadow:0 20px 55px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans","Noto Sans SC","Noto Sans TC",sans-serif;line-height:1.65;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img,svg{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.container{width:min(calc(100% - 2rem),var(--max-width));margin-inline:auto}
.skip-link{position:fixed;top:-5rem;left:1rem;z-index:200;border-radius:10px;background:var(--text);color:var(--bg);padding:.7rem 1rem;font-weight:700}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(14px)}.navbar{position:relative;display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:1.25rem}.brand{display:inline-flex;min-width:0;align-items:center;gap:.7rem;font-weight:760;letter-spacing:-.02em;white-space:nowrap}.brand-mark{width:32px;height:32px;flex:0 0 auto}.nav-links{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.35rem)}.nav-links a{color:var(--muted);font-size:.92rem;font-weight:650;white-space:nowrap}.nav-links a:hover,.footer-links a:hover{color:var(--text)}.nav-actions{display:flex;flex:0 0 auto;align-items:center;gap:.5rem}
.icon-button,.menu-button{display:inline-grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.icon-button:hover,.menu-button:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.icon-button svg,.menu-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-icon-sun{display:none}:root[data-theme="dark"] .theme-icon-moon{display:none}:root[data-theme="dark"] .theme-icon-sun{display:block}.menu-button{display:none;border-radius:var(--radius-sm)}.menu-icon-close{display:none}.menu-button[aria-expanded="true"] .menu-icon-open{display:none}.menu-button[aria-expanded="true"] .menu-icon-close{display:block}
.language-control{position:relative}.language-menu{position:absolute;top:calc(100% + .65rem);right:0;z-index:130;width:max-content;min-width:190px;max-width:calc(100vw - 2rem);padding:.45rem;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.language-menu[hidden]{display:none}.language-menu button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1.5rem;border:0;border-radius:10px;background:transparent;padding:.65rem .75rem;text-align:left;cursor:pointer}.language-menu button:hover,.language-menu button:focus-visible{background:var(--surface-subtle)}.language-menu button[aria-checked="true"]{color:var(--accent-strong);font-weight:720}.language-check{visibility:hidden}.language-menu button[aria-checked="true"] .language-check{visibility:visible}
.hero{padding:clamp(5.5rem,10vw,8.5rem) 0 clamp(4.5rem,8vw,7rem)}.reader-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);align-items:center;gap:clamp(2rem,7vw,5rem)}.eyebrow{margin:0 0 1rem;color:var(--accent-strong);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero h1{margin:0;max-width:760px;font-size:clamp(3.25rem,7.2vw,6.7rem);font-weight:760;letter-spacing:-.065em;line-height:.97}.hero h1 span{color:var(--accent)}.hero-copy{max-width:650px;margin:1.8rem 0 0;color:var(--muted);font-size:clamp(1.04rem,2vw,1.24rem)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:2rem}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--text);border-radius:var(--radius-sm);background:var(--text);color:var(--bg);padding:.72rem 1.12rem;font-weight:730;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(25,25,25,.1)}.button.secondary{border-color:var(--line);background:transparent;color:var(--text)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.tag{border:1px solid var(--line);border-radius:999px;padding:.32rem .64rem;color:var(--muted);font-size:.8rem;white-space:nowrap}
.reading-preview{min-width:0;border:1px solid var(--line);border-radius:28px;background:var(--surface);padding:clamp(.8rem,2vw,1.2rem);box-shadow:var(--shadow)}.preview-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:44px;padding:0 .55rem;color:var(--muted);font-size:.75rem;font-weight:650}.preview-toolbar span:first-child{width:7px;height:7px;border-radius:50%;background:var(--accent)}.page-spread{display:grid;grid-template-columns:1fr 1fr;min-height:410px;overflow:hidden;border:1px solid #e5e1d8;border-radius:18px;background:#fbfaf6;color:#292722}.preview-page{position:relative;padding:clamp(2rem,4vw,3.5rem) clamp(1.25rem,3vw,2.2rem);border-right:1px solid #e7e2d8}.preview-page:last-child{border:0}.chapter-label{margin:0;color:#777166;font-size:.65rem;letter-spacing:.16em}.preview-page h2{margin:1.2rem 0 2rem;font-family:Georgia,serif;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:500;line-height:1.15}.text-lines{display:grid;gap:.7rem}.text-lines i{display:block;height:4px;border-radius:2px;background:#cec8bb}.text-lines i:nth-child(3n){width:78%}.preview-page small{position:absolute;right:0;bottom:1.1rem;left:0;text-align:center;color:#948e82}.second-page{padding-top:5.75rem}
.section{padding:clamp(4.5rem,8vw,7.5rem) 0}.section+.section{border-top:1px solid var(--line)}.statement-section{padding-top:clamp(3.5rem,6vw,5.5rem)}.statement{max-width:970px;margin:0;font-size:clamp(1.65rem,3.5vw,3rem);letter-spacing:-.04em;line-height:1.25}.section-heading{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(1.5rem,5vw,4rem);margin-bottom:2.7rem}.section-heading h2{margin:0;font-size:clamp(2.15rem,4.2vw,3.75rem);letter-spacing:-.045em;line-height:1.05}.section-heading>p{max-width:650px;margin:.3rem 0 0;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.card{min-width:0;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:clamp(1.35rem,3vw,2rem)}.card h3{margin:.35rem 0 .65rem;font-size:1.35rem;letter-spacing:-.025em}.card p{margin:0;color:var(--muted)}.feature-number{color:var(--accent-strong);font-size:.75rem;font-weight:800;letter-spacing:.1em}
.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.device-card{display:grid;min-width:0;min-height:340px;grid-template-rows:1fr auto;align-items:center;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:clamp(1.35rem,3vw,2rem);text-align:left}.device-card h3{margin:0 0 .45rem;font-size:1.3rem}.device-card p{margin:0;color:var(--muted)}.device-outline{position:relative;margin:auto;border:2px solid var(--text);border-radius:16px;background:var(--surface-subtle)}.device-outline::before{content:"";position:absolute;inset:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.device-outline.phone{width:72px;aspect-ratio:10/20}.device-outline.tablet{width:132px;aspect-ratio:4/5}.device-outline.fold{width:175px;aspect-ratio:5/4}.device-outline.fold::after{content:"";position:absolute;top:10px;bottom:10px;left:50%;border-left:1px solid var(--line)}
.cta-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:clamp(2rem,6vw,5rem);text-align:center}.cta-panel h2{margin:.4rem 0 0;font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.055em;line-height:1}.cta-panel>p:not(.eyebrow){max-width:650px;margin:1rem auto 0;color:var(--muted)}.cta-panel .hero-actions{justify-content:center}.card-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.5rem;color:var(--accent-strong);font-weight:730}
.legal-main{padding:clamp(4.5rem,9vw,8rem) 0}.legal-content{max-width:820px}.legal-content h1{max-width:760px;margin:0;font-size:clamp(3rem,7vw,5.8rem);letter-spacing:-.06em;line-height:.98}.legal-lead{margin:1.7rem 0 4rem;color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem)}.legal-content section{padding:2rem 0;border-top:1px solid var(--line)}.legal-content section h2{margin:0 0 .65rem;font-size:1.35rem}.legal-content section p{margin:0;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);padding:2.2rem 0;color:var(--muted)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer-links{display:flex;flex-wrap:wrap;gap:1rem}[data-reveal]{opacity:1;transform:none}.reveal-ready [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal-ready [data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:900px){.nav-links{position:absolute;top:calc(100% + .5rem);right:0;left:0;z-index:120;display:none;align-items:stretch;flex-direction:column;gap:.15rem;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:.7rem;box-shadow:var(--shadow)}.nav-links[data-open]{display:flex}.nav-links a{padding:.65rem;white-space:normal}.menu-button{display:inline-grid}.reader-hero{grid-template-columns:1fr}.reading-preview{width:min(100%,650px);margin-inline:auto}.page-spread{min-height:380px}}
@media(max-width:720px){.section-heading,.feature-grid,.device-grid{grid-template-columns:1fr}.hero{padding-top:4.75rem}.section-heading{gap:.9rem}.page-spread{min-height:340px}.device-card{min-height:280px}.footer-row{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.container{width:min(calc(100% - 1.25rem),var(--max-width))}.navbar{gap:.55rem}.brand{gap:.5rem;font-size:.94rem}.brand-mark{width:29px;height:29px}.nav-actions{gap:.35rem}.icon-button,.menu-button{width:39px;height:39px}.language-menu{position:fixed;top:4.65rem;right:.625rem;left:.625rem;width:auto;max-width:none}.hero h1{font-size:clamp(2.85rem,15vw,4rem)}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.page-spread{grid-template-columns:1fr;min-height:380px}.second-page{display:none}.preview-page{border:0}.feature-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}