﻿@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400&family=Noto+Serif+TC:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap');
@import "tailwindcss";

:root{--ink:#17251f;--muted:#6c7871;--cream:#f7f4ed;--paper:#fcfbf8;--sage:#a6b9a5;--line:#dfe4db;--accent:#c68461}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Outfit,"Noto Serif TC",sans-serif}button{font:inherit;cursor:pointer;border:0}a{text-decoration:none;color:inherit}.shell{max-width:1160px;margin:0 auto;padding-left:28px;padding-right:28px}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:"Noto Serif TC",serif;font-size:24px;letter-spacing:5px;font-weight:600}.brand span{display:inline-flex;width:30px;height:30px;border:1px solid var(--ink);border-radius:50%;align-items:center;justify-content:center;font-size:15px;letter-spacing:0;margin-right:5px}.nav-links{display:flex;gap:36px;color:#6d766f;font-size:13px}.nav-links a:hover,.text-link:hover{color:var(--accent)}.nav-cta,.primary-btn{background:var(--ink);color:#fff;border-radius:4px;padding:13px 18px;font-size:13px;letter-spacing:.3px}.nav-cta b{color:#c7d9be;margin-left:9px}.hero{min-height:690px;background:#e9eee4;position:relative;overflow:hidden}.hero-inner{min-height:620px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.hero-copy{padding-top:15px}.eyebrow,.section-kicker{font-family:"DM Mono",monospace;text-transform:uppercase;letter-spacing:2px;font-size:10px;color:#68766b}.eyebrow i{width:26px;height:1px;background:var(--accent);display:inline-block;vertical-align:middle;margin-right:10px}.hero h1{font-family:"Noto Serif TC",serif;font-size:clamp(58px,7vw,96px);font-weight:500;line-height:1.16;letter-spacing:2px;margin:24px 0 24px}.hero h1 em,.form-card em{font-style:normal;color:var(--accent)}.hero-lead{font-family:"Noto Serif TC",serif;font-size:17px;line-height:2;color:#54635a;margin:0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:36px}.primary-btn{padding:16px 23px;min-width:178px}.primary-btn span{color:#c7d9be;font-size:20px;line-height:0;margin-left:15px}.text-link{font-size:13px;color:#68756b}.text-link span{margin-left:9px;color:var(--accent)}.trust{display:flex;align-items:center;gap:12px;color:#738079;font-size:11px;margin-top:36px}.trust strong{color:var(--ink)}.avatars{display:flex}.avatars i{font-style:normal;width:25px;height:25px;border-radius:50%;background:#b9cbb5;border:2px solid #e9eee4;margin-left:-5px;text-align:center;padding-top:3px;font-size:10px;color:#fff}.avatars i:first-child{margin-left:0;background:#c9a999}.hero-orbit{position:relative;width:520px;height:520px;margin-right:20px}.orbit{position:absolute;border:1px solid #c8d3c5;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);}.orbit-one{width:400px;height:400px}.orbit-two{width:520px;height:520px;border-color:#d2ddd0;transform:translate(-50%,-50%) rotate(28deg) scaleY(.46)}.sun{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:235px;height:235px;border-radius:50%;background:#c68461;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 20px 55px #ad765b5c}.sun small{font-size:21px;color:#f1c4a8;margin-bottom:4px}.sun strong{font-family:"Noto Serif TC",serif;font-size:82px;font-weight:400;line-height:1}.sun span{font-family:"Noto Serif TC",serif;font-size:11px;letter-spacing:3px;margin-top:7px}.floating-note{position:absolute;background:#fcfbf8;padding:13px 17px 14px;box-shadow:0 12px 30px #41534618;display:flex;flex-direction:column;gap:4px;min-width:153px}.floating-note span{position:absolute;right:14px;top:10px;color:var(--accent);font-family:"Noto Serif TC",serif;font-size:19px}.floating-note b{font-family:"Noto Serif TC",serif;font-weight:600;font-size:12px}.floating-note small{font-size:10px;color:#879087}.note-top{top:67px;right:10px}.note-bottom{bottom:65px;left:28px}.hero-glow{position:absolute;right:-160px;top:-180px;width:580px;height:580px;border-radius:50%;background:#dce5d7}.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-family:"DM Mono",monospace;font-size:9px;letter-spacing:2px;color:#8b978e}.scroll-cue span{display:inline-block;width:1px;height:28px;background:var(--accent);vertical-align:middle;margin-right:12px}.intro{text-align:center;padding-top:128px;padding-bottom:130px}.intro h2,.section-heading h2,.how-grid h2,.form-card h2,.faq h2{font-family:"Noto Serif TC",serif;font-size:45px;line-height:1.38;font-weight:500;letter-spacing:1px;margin:19px 0 18px}.intro h2 span,.section-heading h2 span,.how-grid h2 span{color:#879d89}.intro p,.section-heading>p,.muted{color:var(--muted);font-family:"Noto Serif TC",serif;font-size:14px;line-height:2}.readings{padding-bottom:138px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading>p{margin:0 0 5px;text-align:right;font-size:13px}.reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.reading-card{background:var(--paper);padding:31px 30px 28px;min-height:260px;border:1px solid #f0ede7;position:relative;transition:transform .2s,box-shadow .2s}.reading-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #67746416}.card-index{font-family:"DM Mono",monospace;font-size:10px;color:#a2ada3}.reading-icon{font-size:24px;color:var(--accent);margin:28px 0 15px}.reading-card h3,.step h3{font-family:"Noto Serif TC",serif;font-weight:600;font-size:18px;margin:0 0 10px}.reading-card p{font-family:"Noto Serif TC",serif;font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 22px}.reading-card a{font-size:11px;color:var(--accent)}.reading-card a span{font-size:17px;margin-left:7px}.how-section{background:#e5ebe0;padding:112px 0 110px}.how-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:115px}.how-grid h2{margin-bottom:24px}.steps{padding-top:7px}.step{display:grid;grid-template-columns:60px 1fr;gap:19px;padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid #cbd6c9}.step:last-child{border:0}.step>span{font-family:"DM Mono",monospace;color:var(--accent);font-size:12px;padding-top:4px}.step h3{font-size:16px}.step p{font-family:"Noto Serif TC",serif;font-size:12px;color:var(--muted);line-height:1.8;margin:0}.form-section{padding-top:120px;padding-bottom:120px}.form-card{background:var(--ink);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;padding:66px 72px;gap:80px}.form-card .section-kicker{color:#a9c0a9}.form-card h2{font-size:42px;margin:20px 0 20px}.form-card p{color:#b6c1b8;font-family:"Noto Serif TC",serif;font-size:13px;line-height:2}.form-promise{font-size:11px;color:#d2ddd1;margin-top:29px}.form-promise span{color:#b5cfac;margin-right:8px}.lead-form{padding-top:6px;display:flex;flex-direction:column;justify-content:center;gap:18px}.lead-form label{font-family:"Noto Serif TC",serif;font-size:11px;color:#bdc9be;display:flex;flex-direction:column;gap:9px}.lead-form input{background:transparent;border:0;border-bottom:1px solid #5d6d60;padding:10px 0;color:#fff;outline:0;font-size:14px;border-radius:0}.lead-form input:focus{border-bottom-color:#c7d9be}.lead-form .primary-btn{background:#c68461;text-align:left}.lead-form small{font-size:9px;color:#849187}.success{text-align:center;padding:40px 10px}.success>div{color:#c68461;font-size:35px}.success h3{font-family:"Noto Serif TC",serif;font-size:23px;font-weight:500}.success p{font-size:12px}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;padding-bottom:130px}.faq h2{font-size:40px;margin-top:18px}.faq>div>p{font-family:"Noto Serif TC",serif;font-size:13px;color:var(--muted);line-height:2}.outline-btn{margin-top:18px;border:1px solid #b5c2b5;background:transparent;color:var(--ink);padding:12px 18px;font-size:12px}.outline-btn span{color:var(--accent);margin-left:18px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{display:flex;justify-content:space-between;width:100%;background:transparent;padding:22px 0;text-align:left;font-family:"Noto Serif TC",serif;font-size:14px;color:var(--ink)}.faq-item button b{font-family:Outfit;font-size:20px;color:var(--accent);font-weight:400}.faq-item p{font-family:"Noto Serif TC",serif;font-size:12px;color:var(--muted);line-height:1.9;margin:-8px 35px 20px 0}footer{background:#eef1ea;border-top:1px solid #e1e7dd}.footer-inner{height:130px;display:flex;align-items:center;gap:34px}.footer-inner p{font-family:"Noto Serif TC",serif;color:#849087;font-size:12px}.footer-inner small{margin-left:auto;color:#9aa49d;font-size:10px}
@media(max-width:760px){.shell{padding-left:20px;padding-right:20px}.nav{height:70px}.nav-links{display:none}.nav-cta{padding:10px 12px;font-size:11px}.hero-inner{min-height:700px;display:block;padding-top:58px}.hero h1{font-size:56px;margin:17px 0 19px}.hero-lead{font-size:14px;line-height:1.9}.hero-actions{margin-top:24px;gap:20px}.hero-orbit{position:absolute;width:220px;height:220px;right:-8px;bottom:12px;margin:0;opacity:.9}.orbit-one{width:174px;height:174px}.orbit-two{width:220px;height:220px}.sun{width:120px;height:120px}.sun strong{font-size:45px}.sun span{font-size:7px}.floating-note{display:none}.scroll-cue{display:none}.intro{padding-top:83px;padding-bottom:82px}.intro h2,.section-heading h2,.how-grid h2{font-size:33px}.intro p{font-size:12px}.desktop{display:none}.section-heading{display:block;margin-bottom:28px}.section-heading>p{text-align:left;font-size:12px;margin-top:17px}.readings{padding-bottom:85px}.reading-grid{grid-template-columns:1fr;gap:12px}.reading-card{min-height:auto;padding:24px}.reading-icon{margin:20px 0 10px}.reading-card p{margin-bottom:13px}.how-section{padding:77px 0}.how-grid{grid-template-columns:1fr;gap:43px}.step{grid-template-columns:42px 1fr;padding-bottom:21px;margin-bottom:21px}.form-section{padding-top:78px;padding-bottom:78px}.form-card{display:block;padding:38px 25px}.form-card h2{font-size:31px}.lead-form{padding-top:29px}.faq{display:block;padding-bottom:84px}.faq h2{font-size:33px}.faq-list{margin-top:46px}.footer-inner{height:auto;min-height:155px;display:block;padding-top:28px;padding-bottom:26px}.footer-inner p{margin:19px 0 32px}.footer-inner small{display:block}.brand{font-size:21px}}

