:root{font-family:Inter,"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;color:#173c30;background:#f7f8f3;font-synthesis:none;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #19765f;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.25}h2{font-size:clamp(25px,3vw,38px);letter-spacing:-.04em}h3{font-size:20px}p{color:#4c675b}.skip{position:absolute;left:15px;top:-100px;z-index:10;background:white;padding:10px}.skip:focus{top:10px}.site-header{max-width:1280px;margin:auto;padding:25px 40px;display:flex;align-items:center;gap:45px}.brand{display:block;width:145px;flex-shrink:0}.brand img{width:100%;height:auto;display:block}.site-header nav{display:flex;gap:32px;margin-left:auto;font-size:14px}.site-header a:hover,footer a:hover{text-decoration:underline}.sign-in{border:1px solid #cad8cd;border-radius:25px;padding:9px 22px;font-size:14px}main{max-width:1280px;margin:auto;padding:0 40px}section{padding:75px 0;scroll-margin-top:25px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:45px;align-items:center;padding:65px 0 85px;min-height:620px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;color:#267660;margin-bottom:20px}h1{font-size:clamp(38px,4.4vw,66px);letter-spacing:-.055em;max-width:650px}.intro{font-size:18px;line-height:1.9;margin:25px 0 30px;max-width:500px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:32px;background:#196b54;color:white;border-radius:8px;padding:15px 25px;font-size:15px;font-weight:600;box-shadow:0 4px 10px #173c3010}.button:hover{background:#10513f}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:5px}.languages{display:flex;gap:17px;flex-wrap:wrap;font-size:12px;margin-top:30px}.languages a{color:#516e5f}.languages a[aria-current]{color:#173c30;font-weight:700;border-bottom:1px solid #173c30}.hero-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:22px;box-shadow:0 24px 55px #173c301b}figcaption{font-size:11px;text-align:right;margin-top:12px;color:#64766a}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.cards article{border:1px solid #dae3d6;border-radius:14px;padding:30px;background:#fff}.step{display:inline-block;font-size:12px;color:#55714e;background:#edf3e6;padding:6px 9px;border-radius:5px;margin-bottom:30px}.cards p{font-size:15px;margin-top:18px}.how{border-top:1px solid #dbe4d7}.how ol{list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:0;margin:36px 0 0}.how li{counter-increment:steps;padding-top:25px;border-top:2px solid #c6d6b4}.how li:before{content:"0" counter(steps);display:block;font-size:13px;margin-bottom:17px;color:#657e58}.how li p{margin-top:15px;font-size:15px}.billing{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:35px;border:1px solid #d6e1c9;background:#edf3e6;border-radius:14px;margin:20px 0 30px}.billing .eyebrow{margin-bottom:12px}.billing p{font-size:15px}.billing h2{font-size:29px}#faq{max-width:900px;margin:auto}#faq h2{margin-bottom:30px}details{border-bottom:1px solid #d8e1d3;padding:23px 0}summary{cursor:pointer;font-size:17px;font-weight:600}details p{margin:16px 25px 0 0;line-height:1.9;font-size:15px}.closing{text-align:center;padding:55px 20px 75px}.closing h2{margin-bottom:28px}footer{max-width:1280px;margin:auto;border-top:1px solid #d7e1d4;padding:35px 40px;display:flex;flex-wrap:wrap;align-items:center;gap:20px}footer b{font-size:20px}footer p{font-size:12px;margin-top:4px}footer>div:nth-child(2){display:flex;gap:22px;flex-wrap:wrap;margin-left:auto;font-size:12px}footer small{font-size:11px;color:#66765e;width:100%}@media(max-width:850px){.site-header{gap:20px;padding:20px 25px}.site-header nav{gap:20px}.hero{gap:25px;min-height:auto}.hero-actions{gap:20px}main{padding:0 25px}.cards article{padding:24px}.cards,.how ol{gap:18px}.billing{gap:25px}.hero h1{font-size:43px}.intro{font-size:16px}}@media(max-width:600px){.site-header{padding:18px 20px;justify-content:space-between}.brand{width:120px}.site-header nav{display:none}.sign-in{padding:7px 17px}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:40px 0 45px;gap:32px}.hero h1{font-size:43px;max-width:380px}.intro{max-width:440px}.hero-art{border-radius:14px}.cards,.how ol,.billing{grid-template-columns:1fr}.cards article{padding:25px}.step{margin-bottom:20px}.how ol{gap:30px}.billing{padding:26px;gap:20px;margin:0}.billing h2{font-size:28px}section{padding:45px 0}.eyebrow{font-size:10px}footer{padding:30px 20px}footer>div:nth-child(2){margin-left:0;width:100%}#faq summary{font-size:16px}}

.landing-wordmark{display:block;width:145px;height:48px;background:#16523f;mask:url(/images/otter-combination.png) center/contain no-repeat;mask-mode:luminance;-webkit-mask:url(/images/otter-combination.png) center/contain no-repeat;-webkit-mask-mode:luminance}@media(max-width:600px){.landing-wordmark{width:120px;height:40px}}