:root{--ink:#233d34;--green:#295a47;--muted:#69776d;--bg:#f7f6f0;--line:#dfe4d9;--soft:#e8eee3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,'PingFang TC','Microsoft JhengHei',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bc784a;outline-offset:5px}.wrap{max-width:1220px;margin:auto;padding-left:32px;padding-right:32px}.nav{display:flex;align-items:center;justify-content:space-between;padding-top:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:750;letter-spacing:1px}.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--green);color:white;font-size:21px}.brand-sub{font-size:11px;letter-spacing:2px;color:var(--muted);margin-left:5px}.nav nav{display:flex;align-items:center;gap:28px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--green);color:white;padding:12px 24px;border:1px solid var(--green);border-radius:9px;font-weight:650;transition:transform .15s,background .15s}.btn:hover{background:#1c4434;transform:translateY(-2px)}.btn.small{padding:8px 16px;font-size:13px}.btn.outline{background:transparent;color:var(--green)}.btn.outline:hover{background:var(--soft)}.hero{padding-top:90px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:650;color:var(--green)}.dot{display:inline-block;background:#76916d;width:7px;height:7px;border-radius:50%;margin-right:6px}h1{font-size:clamp(32px,4vw,53px);line-height:1.45;letter-spacing:-1px;margin:24px 0}h1 em{font-style:normal;color:#53724c}h2{font-size:32px;line-height:1.5;letter-spacing:-.5px;margin:14px 0 20px}h3{font-size:20px;line-height:1.6}.lead{color:var(--muted);font-size:19px;line-height:1.85}.actions{display:flex;align-items:center;gap:22px;margin-top:32px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:600;border-bottom:1px solid #b8c8b5;padding-bottom:3px}.fine{font-size:12px;color:var(--muted);margin-top:15px}.tags{display:flex;gap:17px;color:var(--muted);font-size:12px;margin-top:34px}.tags span:before{content:'✓';color:var(--green);margin-right:5px}.preview{position:relative;border:1px solid #d7dfd1;background:#fffefa;border-radius:14px;box-shadow:0 25px 70px #283b2510;transform:rotate(-1.5deg)}.preview-bar{padding:13px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:5px}.preview-bar i{width:6px;height:6px;border-radius:50%;background:#cbd5c5}.preview-bar span{font-size:9px;color:var(--muted);margin-left:15px}.preview-body{padding:23px}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}.preview-top>span{font-size:10px;color:var(--muted)}.mock-search{padding:10px 13px;background:#f2f4ed;border-radius:5px;font-size:11px;color:var(--muted);margin:16px 0}.mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mock-card{position:relative;border:1px solid #d9dfd4;border-radius:7px;padding:16px 13px;min-height:135px}.purple{background:#eeeaf5}.pink{background:#faeeeb}.olive{background:#eef0e1}.blue{background:#e5f0ed}.mock-card small{font-size:9px;color:var(--muted)}.mock-card h3{font-size:16px;line-height:1.5;margin:7px 0}.mock-card p{font-size:10px;margin:8px 0}.grade{position:absolute;right:10px;top:10px;border-radius:5px;background:#79629f;color:white;width:20px;height:20px;text-align:center;font-size:11px;font-weight:700}.pink .grade{background:#b76b6b}.olive .grade{background:#88904f}.blue .grade{background:#5b8b83}.mini{background:#ffffffb3;padding:2px 5px;border-radius:4px;font-size:9px}.mock-bottom{text-align:center;font-size:10px;color:var(--muted);margin-top:18px}.floating-note{position:absolute;bottom:-22px;right:-17px;background:#e4ecd9;border:1px solid #ccd8bf;padding:10px 18px;border-radius:8px;font-size:13px;transform:rotate(4deg);box-shadow:0 7px 15px #283b2510}.statement{background:#e9eee3;border-top:1px solid #dce4d3;border-bottom:1px solid #dce4d3;text-align:center;font-size:16px;padding:29px;color:var(--muted)}.statement strong{color:var(--ink);font-size:20px}.section{padding-top:85px;padding-bottom:85px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.section-head p,.flow p,.center>p,.closing p{color:var(--muted);font-size:15px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.features article{border-top:1px solid #bfcdba;padding-top:22px}.feature-icon{font-family:Georgia,serif;color:#819777;font-size:26px}.features h3{margin:13px 0 9px}.features p{font-size:14px;color:var(--muted);margin:0}.flow{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}.flow ol{padding:0;list-style:none;margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.flow li{display:flex;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px}.flow li>span{width:33px;height:33px;border:1px solid #ccd5c5;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif}.flow h3{margin:0;font-size:18px}.flow li p{margin:5px 0 0;font-size:14px}.center{text-align:center}.plans-section{background:#eef1e8}.status-pill{display:inline-block;font-size:12px;padding:5px 13px;background:#e3e9da;border-radius:20px;color:#596f4e}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.plan{padding:32px 27px;background:#fffefa;border:1px solid #dce2d3;border-radius:12px;position:relative;display:flex;flex-direction:column}.plan>small{font-size:12px;color:var(--muted)}.plan h3{font-size:24px;margin:10px 0}.price{display:flex;align-items:baseline;gap:9px;margin:0}.price b{font-size:55px;font-weight:650;line-height:1.5;letter-spacing:-2px}.price>span{font-size:13px;color:var(--muted)}.plan ul{padding:20px 0 24px;margin:0;list-style:none;flex:1}.plan li{font-size:14px;line-height:2.3}.plan li:before{content:'✓';color:#6b875b;margin-right:9px}.plan .btn{font-size:14px;width:100%}.recommended{border:2px solid #547047}.recommend{position:absolute;top:-16px;left:22px;padding:2px 14px;font-size:12px;background:#547047;color:white;border-radius:20px}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:80px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{font-size:16px;font-weight:600;cursor:pointer;list-style:none}.faq summary:after{content:'＋';float:right;color:#87947e}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:var(--muted);margin:14px 0 5px}.closing{padding-top:50px;padding-bottom:60px;text-align:center;border-radius:16px;background:#e7eddc;margin-bottom:70px}.closing .btn{margin-top:16px}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:25px;padding-bottom:35px;border-top:1px solid var(--line)}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}@media(max-width:820px){.wrap{padding-left:22px;padding-right:22px}.brand-sub{display:none}.nav nav{gap:14px}.nav nav>a:not(.btn){display:none}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:70px;gap:45px}.hero h1{font-size:39px}.preview{max-width:530px;width:100%;margin:auto}.floating-note{right:0}.features,.plans{grid-template-columns:1fr;gap:28px}.section-head{display:block}.section{padding-top:55px;padding-bottom:55px}.flow,.faq{grid-template-columns:1fr;gap:28px}.flow h2 br{display:none}.plan{padding:27px}.plans{max-width:500px;margin:35px auto 0}.closing{border-radius:0;margin-bottom:30px}h2{font-size:27px}footer{flex-wrap:wrap;gap:10px}.statement{font-size:14px;padding:22px 0}.statement strong{font-size:17px}.hero .eyebrow{letter-spacing:.5px}}