*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f7f7f1;color:#172d31;font:16px/1.65 system-ui,-apple-system,'Segoe UI','Microsoft JhengHei',sans-serif}a{color:inherit;text-underline-offset:4px}a,button,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #268773;outline-offset:5px}a[hidden],[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.masthead{width:min(1280px,calc(100% - 64px));margin:auto;min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:19px;font-weight:750;letter-spacing:-.6px}.masthead nav{display:flex;align-items:center;gap:28px;font-size:14px}.masthead nav>a{text-decoration:none}.masthead select{padding:7px 10px;background:transparent;color:inherit;border:1px solid #bbc7c0;border-radius:5px;font:inherit;max-width:145px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center;padding-block:70px 84px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:750;color:#377868;margin:0 0 22px}.hero h1{font-size:clamp(38px,4.4vw,62px);letter-spacing:-2.5px;line-height:1.06;margin:0 0 26px;font-weight:750;white-space:pre-line}.lede{max-width:520px;color:#566663;font-size:18px;line-height:1.8;margin:0 0 30px}.buttons{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:650;text-decoration:none;transition:background .15s}.primary{background:#173f39;color:#fff}.primary:hover{background:#236253}.secondary{border:1px solid #bcc8c0;background:#fff9}.secondary:hover{background:#e8eee5}.release{font-size:11px;color:#697b75;margin-top:17px;overflow-wrap:anywhere}.visual{min-height:330px;background:#17363c;border-radius:16px;padding:32px;box-shadow:0 24px 40px #102d2810}.frame{height:230px;position:relative;overflow:hidden;border:1px solid #638d8d;background:#284c51}.cross{position:absolute;background:#84b6ad33;z-index:4}.cross.x{height:1px;inset:50% 0 auto}.cross.y{width:1px;inset:0 auto 0 50%}.frame-corner{position:absolute;width:24px;height:24px;border-color:#b5efd8;border-style:solid;z-index:5}.c1{top:16px;left:16px;border-width:2px 0 0 2px}.c2{top:16px;right:16px;border-width:2px 2px 0 0}.c3{bottom:16px;right:16px;border-width:0 2px 2px 0}.c4{bottom:16px;left:16px;border-width:0 0 2px 2px}.horizon{position:absolute;top:38px;right:60px;width:42px;height:42px;background:#d0e9ce;border-radius:50%}.hill{position:absolute;bottom:-100px;left:-50px;right:-50px;height:210px;transform:rotate(-12deg);background:#78a391;border-top:1px solid #b2d3b6}.hill-back{background:#466e69;height:230px;bottom:-75px;transform:rotate(18deg);left:80px}.focus{position:absolute;left:calc(50% - 4px);top:calc(50% - 4px);width:8px;height:8px;border:1px solid #d6f4d8;border-radius:50%;z-index:7}.visual-note{display:flex;gap:9px;align-items:center;justify-content:center;margin-top:19px;font-size:11px;color:#d8e8df}.dot{width:5px;height:5px;background:#c1eed4;border-radius:50%;flex-shrink:0}.principles{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 25px;padding-block:22px;border-block:1px solid #d7dfd4;font-size:12px;color:#4b6258}.section{padding-block:78px}.section-heading{max-width:640px;margin-bottom:38px}.section h2,.support-section h2{font-size:clamp(30px,3vw,42px);line-height:1.17;letter-spacing:-1.3px;margin:0 0 20px;white-space:pre-line}.section-heading .eyebrow{margin-bottom:16px}.section p,.support-section p{color:#576b60}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:90px}.body-large{margin:0;font-size:19px;line-height:1.85}.parameter-list>div{display:grid;grid-template-columns:100px 1fr;gap:25px;border-bottom:1px solid #d6dfd3;padding:0 0 18px;margin-bottom:18px}.parameter-list b{font-size:13px}.parameter-list span{font-size:13px;color:#5a6d61}.install-section{background:#e9eee4}.steps{padding:0;list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps li{counter-increment:steps}.steps li:before{content:'0' counter(steps);display:block;font-size:12px;font-weight:700;color:#4e7f68;margin-bottom:20px}.steps b{font-size:15px}.steps p{font-size:13px;line-height:1.85}.note{font-size:12px;margin:32px 0 0;border-top:1px solid #cdd9c8;padding-top:20px}.faq details{border-top:1px solid #cdd8c8;padding-block:18px}.faq details:last-child{border-bottom:1px solid #cdd8c8}.faq summary{cursor:pointer;font-weight:650;font-size:14px}.faq p{font-size:13px;margin:14px 0 0}.support-section{border-top:1px solid #d1dcce;padding-block:64px;display:grid;grid-template-columns:1fr .7fr;gap:120px}.support-section aside{padding:26px 32px;background:#ecf0e7;border-radius:8px}.support-section aside h3{font-size:18px;margin:0 0 12px}.support-section aside p{font-size:13px}.support-section aside a{font-size:13px;display:block;margin-top:15px;font-weight:600}.support-section .fine{font-size:11px;line-height:1.8;margin-top:22px}footer{border-top:1px solid #d1dcce;padding-block:26px 36px;display:flex;flex-wrap:wrap;align-items:start;gap:12px 25px;font-size:10px;color:#667b6b}footer>span{flex:1;min-width:180px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;background:white;color:#102d28;top:5px;left:5px;padding:10px;z-index:20}
@media(max-width:850px){.hero{gap:30px;padding-block:42px 50px}.hero h1{font-size:43px}.visual{padding:22px;min-height:290px}.frame{height:210px}.two-columns{gap:35px}.steps{grid-template-columns:1fr 1fr}.support-section{gap:40px;grid-template-columns:1fr 1fr}.masthead nav{gap:15px}}
@media(max-width:600px){.wrap,.masthead{width:calc(100% - 36px)}.masthead{min-height:80px;gap:12px;align-items:center}.brand{font-size:16px;gap:7px}.brand img{width:28px}.masthead nav{gap:8px}.masthead nav>a{display:none}.masthead select{max-width:120px;font-size:12px}.hero{grid-template-columns:1fr;gap:30px;padding-block:35px 40px}.hero h1{font-size:43px;letter-spacing:-1.8px}.eyebrow{font-size:10px;letter-spacing:1.2px}.lede{font-size:16px}.visual{min-height:270px;padding:22px}.frame{height:200px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:11px}.section{padding-block:48px}.two-columns{grid-template-columns:1fr;gap:25px}.body-large{font-size:17px}.parameter-list>div{grid-template-columns:85px 1fr;gap:18px}.steps{gap:22px}.steps b{font-size:13px}.steps p{font-size:12px}.support-section{grid-template-columns:1fr;gap:30px;padding-block:44px}.support-section aside{padding:24px}.buttons .button{padding-inline:15px;font-size:13px}.release{font-size:10px}.section-heading{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}