:root{--paper:#f6f2e9;--card:#fffdf8;--ink:#202520;--muted:#687067;--line:#d8d8cb;--green:#226b4a;--green2:#154c36;--lime:#d9ef72;--orange:#ef744f;--yellow:#f5c64f;--shadow:0 18px 50px #2a352b1a}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 90% 0,#ecf2d8 0,transparent 24rem),var(--paper);margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif}button,input,select{font:inherit}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1120px;height:72px;margin:auto;padding:0 24px;display:flex}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.brand>span:last-child{display:grid}.brand b{letter-spacing:.06em;font-family:Arial,sans-serif;font-size:17px}.brand small{letter-spacing:.2em;color:var(--muted);font-size:8px}.brand-mark{border:2px solid var(--green);border-radius:9px;align-items:end;gap:2px;width:32px;height:32px;padding:6px;display:flex;transform:rotate(-5deg)}.brand-mark i{background:var(--green);border-radius:3px;width:5px;display:block}.brand-mark i:first-child{height:9px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:13px}.local-badge{color:var(--green);border:1px solid #a9c1af;border-radius:99px;padding:7px 12px;font-size:11px}main{width:min(960px,100%);margin:auto;padding:0 24px 80px}.hero{padding:72px 4px 46px;position:relative}.eyebrow{letter-spacing:.22em;color:var(--green);font:700 10px/1 Arial,sans-serif}.hero h1{letter-spacing:-.05em;margin:12px 0 20px;font-size:clamp(42px,8vw,76px);line-height:1.05}.hero h1 em{color:var(--green);font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--lime);z-index:-1;height:7px;position:absolute;bottom:-3px;left:0;right:0;transform:rotate(-2deg)}.hero>p:not(.eyebrow){max-width:550px;color:var(--muted);font-size:15px;line-height:1.9}.hero-route{align-items:center;gap:10px;margin-top:26px;display:flex}.hero-route span{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 14px;font-size:12px;font-weight:700}.hero-route i{color:var(--green);font-style:normal}.calculator,.result,.comparison{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;overflow:hidden}.step-head{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:26px 30px;display:flex}.step-head>span{color:var(--green);letter-spacing:.15em;border:1px solid #b9cbbd;border-radius:6px;padding:7px 9px;font:700 10px/1 Arial,sans-serif}.step-head small{color:#97a097;letter-spacing:.18em;font:700 8px/1 Arial,sans-serif}.step-head h2{margin:3px 0 0;font-size:23px}.step-head.compact{border:0;padding:0 0 20px}.step-head.compact h2{font-size:20px}.material-tabs{grid-template-columns:repeat(5,1fr);gap:8px;padding:24px 30px 28px;display:grid}.material-tabs button{border:1px solid var(--line);text-align:left;cursor:pointer;min-height:112px;color:var(--ink);background:#f9f7f0;border-radius:14px;padding:14px;transition:all .18s}.material-tabs button:hover{border-color:#9db4a2;transform:translateY(-2px)}.material-tabs button:focus-visible,.calculate-button:focus-visible,.secondary-button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #9ccdb3}.material-tabs button span{color:#9aa298;letter-spacing:.15em;font:700 8px/1 Arial,sans-serif;display:block}.material-tabs button b{margin:12px 0 4px;font-size:16px;display:block}.material-tabs button small{color:var(--muted);font-size:10px}.material-tabs button.active{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 10px 22px #226b4a33}.material-tabs button.active span,.material-tabs button.active small{color:#dce9df}.form-stage{border-top:1px solid var(--line);padding:30px}.mode-switch{grid-template-columns:1fr 1fr;gap:8px;max-width:480px;margin-bottom:20px;display:grid}.mode-switch input{opacity:0;position:absolute}.mode-switch span{text-align:center;border:1px solid var(--line);cursor:pointer;border-radius:9px;padding:11px;font-size:13px;font-weight:700;display:block}.mode-switch input:checked+span{color:var(--green);background:#e0eddf;border-color:#6ca07f}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-grid.single{grid-template-columns:minmax(0,1fr);max-width:420px}.field{gap:7px;min-width:0;display:grid}.field>span:first-child{font-size:12px;font-weight:700}.field>small{color:var(--muted);font-size:10px;line-height:1.5}.field input,.field select{width:100%;height:50px;color:var(--ink);background:#fff;border:1px solid #cfd2c8;border-radius:9px;padding:0 13px}.quantity{grid-template-columns:1fr auto;display:grid}.quantity input{border-radius:9px 0 0 9px;font-size:18px;font-weight:700}.quantity select,.quantity b{color:#4f584f;background:#f0f1ea;border-left:0;border-radius:0 9px 9px 0;place-items:center;min-width:82px;font-size:12px;display:grid}.area-preview{background:#eef2e7;border-radius:11px;align-items:baseline;gap:12px;margin-top:18px;padding:16px 18px;display:flex}.area-preview span{color:var(--muted);font-size:11px}.area-preview strong{color:var(--green);font-size:26px}.area-preview small{color:var(--muted);margin-left:auto}.advanced{border:1px solid var(--line);background:#faf9f4;border-radius:12px;margin-top:20px}.advanced summary{cursor:pointer;justify-content:space-between;align-items:center;padding:15px 17px;font-size:12px;font-weight:700;display:flex}.advanced summary small{color:var(--muted);font-weight:400}.advanced-body{max-width:360px;padding:0 17px 17px}.stage-lead{color:var(--muted);margin:-8px 0 20px;font-size:12px}.calculate-button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:13px;gap:4px;width:calc(100% - 60px);margin:0 30px 30px;padding:17px 20px;display:grid;box-shadow:0 10px 25px #226b4a38}.calculate-button span{font-size:16px;font-weight:800}.calculate-button small{letter-spacing:.18em;color:#cde2d4;font:700 8px/1 Arial,sans-serif}.calculate-button:hover{background:var(--green2)}.calculate-button.coral{background:var(--orange);width:100%;margin:24px 0 0}.form-error{color:#a33c27;background:#fff0eb;border-radius:9px;margin:0 30px 20px;padding:12px 14px;font-size:12px}.result{margin-top:24px;padding:32px}.result-kicker{letter-spacing:.18em;color:var(--green);font:700 9px/1 Arial,sans-serif}.result-answer{margin:12px 0 26px;font-size:clamp(26px,5vw,43px);font-weight:800;line-height:1.3}.result-answer b{color:var(--green);font-size:1.2em}.result-route{grid-template-columns:1fr auto 1fr auto 1.25fr;align-items:stretch;gap:9px;display:grid}.result-route>div{background:#f3f2ec;border-radius:12px;gap:8px;padding:16px;display:grid}.result-route span{color:var(--muted);font-size:10px}.result-route strong{font-size:21px}.result-route>i{color:#8a9289;align-self:center;font-style:normal}.result-route .emphasis{background:#e4efdb}.result-route .emphasis strong{color:var(--green)}.purchase-result{border:2px solid var(--green);border-radius:15px;margin-top:16px;padding:22px}.purchase-main{justify-content:space-between;align-items:end;gap:20px;display:flex}.purchase-main span{color:var(--muted);font-size:12px}.purchase-main strong{color:var(--green);margin-top:3px;font-size:34px;display:block}.purchase-main .price{text-align:right}.purchase-main .price strong{color:var(--ink);font-size:23px}.purchase-details{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.purchase-details div{background:#f3f2ec;border-radius:9px;padding:12px}.purchase-details span{color:var(--muted);font-size:9px;display:block}.purchase-details b{font-size:14px}.result-notices{gap:7px;margin-top:18px;display:grid}.result-notices p{color:var(--muted);margin:0;padding-left:18px;font-size:11px;line-height:1.6;position:relative}.result-notices p:before{content:"●";color:var(--yellow);position:absolute;left:2px}.secondary-button{color:var(--green);border:1px solid var(--green);cursor:pointer;background:0 0;border-radius:9px;margin-top:22px;padding:11px 16px;font-weight:700}.comparison{margin-top:24px;padding:30px}.comparison-result{margin-top:22px}.compare-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.compare-card{border:1px solid var(--line);border-radius:12px;padding:16px}.compare-card.winner{border:2px solid var(--green);background:#f0f6eb}.compare-card span{color:var(--muted);font-size:10px}.compare-card strong{margin:5px 0;font-size:21px;display:block}.compare-card b{color:var(--green)}.compare-verdict{background:var(--green);color:#fff;border-radius:10px;margin-top:10px;padding:15px;font-weight:700}.scope-note{border-left:3px solid var(--yellow);color:var(--muted);margin:28px 4px 0;padding:4px 0 4px 16px}.scope-note b{color:var(--ink);font-size:12px}.scope-note p{margin:5px 0;font-size:11px;line-height:1.7}footer{border-top:1px solid var(--line);max-width:960px;color:var(--muted);justify-content:space-between;margin:0 auto;padding:24px;font-size:10px;display:flex}footer b{color:var(--green);letter-spacing:.1em}@media (width<=720px){.site-header{height:62px;padding:0 15px}.local-badge{padding:5px 8px;font-size:8px}.brand b{font-size:14px}main{padding:0 12px 55px}.hero{padding:50px 6px 32px}.hero h1{font-size:48px}.hero>p:not(.eyebrow){font-size:13px}.material-tabs{grid-template-columns:repeat(2,1fr);padding:16px}.material-tabs button{min-height:92px}.material-tabs button:last-child{grid-column:span 2}.step-head{padding:22px 18px}.form-stage{padding:24px 18px}.field-grid{grid-template-columns:1fr}.calculate-button{width:calc(100% - 36px);margin:0 18px 20px}.form-error{margin:0 18px 16px}.area-preview{grid-template-columns:auto 1fr;display:grid}.area-preview small{grid-column:span 2;margin:0}.result,.comparison{padding:22px 16px}.result-route{grid-template-columns:1fr}.result-route>i{display:none}.purchase-main{flex-direction:column;align-items:start}.purchase-main .price{text-align:left}.compare-cards{grid-template-columns:1fr}.hero-route{gap:5px}.hero-route span{padding:7px 10px;font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.material-tabs button{transition:none}}.hero-intro{border-left:4px solid var(--lime);background:#fffdf8b8;border-radius:0 14px 14px 0;margin:-10px 4px 38px;padding:22px 25px}.hero-intro p{color:#586158;margin:0;font-size:13px;line-height:1.9}.hero-intro p+p{color:var(--ink);margin-top:9px;font-weight:700}.seo-guide{margin-top:82px}.seo-lead{max-width:800px}.seo-lead h2,.seo-sections h2{letter-spacing:-.03em;margin:10px 0 22px;font-size:clamp(26px,4.5vw,42px);line-height:1.42}.seo-lead>p:not(.eyebrow),.seo-sections section>p{color:#5f675f;font-size:14px;line-height:2}.seo-route{align-items:center;display:flex;gap:10px!important;margin-top:28px!important}.seo-route b{color:var(--green);background:#fff;border:1px solid #b9cbbb;border-radius:99px;padding:10px 14px;font-size:12px}.seo-route i{color:var(--green);font-style:normal}.seo-index{background:#e9efe3;border-radius:16px;flex-wrap:wrap;gap:8px;margin:42px 0 8px;padding:20px;display:flex}.seo-index>b{width:100%;margin-bottom:3px;font-size:12px}.seo-index a{color:var(--green);background:#fff;border:1px solid #cbd8c9;border-radius:99px;padding:8px 12px;font-size:11px;text-decoration:none}.seo-sections>section{border-bottom:1px solid var(--line);padding:58px 0}.seo-sections section>span{letter-spacing:.2em;color:var(--green);font:700 9px/1 Arial,sans-serif}.seo-sections section>aside{background:#ecf1e7;border-radius:12px;margin-top:24px;padding:18px 20px}.seo-sections section>aside b{color:var(--green);font-size:11px}.seo-sections section>aside p{margin:5px 0 0;font-size:16px;font-weight:700}.seo-example{grid-template-columns:repeat(7,auto);align-items:center;gap:9px;margin:24px 0;display:grid}.seo-example div{border:1px solid var(--line);background:#fff;border-radius:11px;min-width:0;padding:14px}.seo-example small{color:var(--muted);font-size:9px;display:block}.seo-example b{margin-top:5px;font-size:17px;display:block}.seo-example i{color:var(--green);font-style:normal}.product-example{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;display:grid}.product-example>div{border:1px solid var(--line);background:#fff;border-radius:12px;gap:5px;padding:19px;display:grid}.product-example small{color:var(--muted)}.product-example b{font-size:18px}.product-example span{color:var(--green);font-weight:800}.product-example>strong{background:var(--green);color:#fff;text-align:center;border-radius:10px;grid-column:span 2;padding:15px}.use-cases ul{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px;padding:0;list-style:none;display:grid}.use-cases li{border:1px solid var(--line);background:#fff;border-radius:9px;padding:14px 15px;font-size:12px;line-height:1.55}.use-cases li:before{content:"✓";color:var(--green);margin-right:8px;font-weight:800}.safety{background:#fffaf0;border-radius:13px;margin-top:58px;border:1px solid #dec26f!important;border-left:5px solid var(--yellow)!important;padding:30px!important}.safety h2{font-size:27px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:19px 5px;font-size:14px;font-weight:700}.faq summary::marker{color:var(--green)}.faq details p{color:#626b62;margin:0;padding:0 20px 20px;font-size:13px;line-height:1.9}.seo-closing{text-align:center!important;border:0!important;padding:72px 16px!important}.seo-closing p{color:#606a61!important;font-size:17px!important}.seo-closing strong{color:var(--green);margin:22px 0;font-size:clamp(20px,4vw,32px);display:block}.seo-closing a{border:1px solid var(--green);color:var(--green);border-radius:9px;margin-top:15px;padding:12px 18px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}@media (width<=720px){.hero-intro{margin:0 5px 28px;padding:18px}.seo-guide{margin-top:62px;padding:0 5px}.seo-route{align-items:stretch;gap:5px!important}.seo-route b{padding:8px 9px;font-size:10px}.seo-index{margin-top:30px;padding:15px}.seo-sections>section{padding:44px 0}.seo-sections section>p{font-size:13px!important}.seo-example{grid-template-columns:1fr}.seo-example i{display:none}.product-example{grid-template-columns:1fr}.product-example>strong{grid-column:auto}.use-cases ul{grid-template-columns:1fr}.safety{padding:22px!important}.seo-closing{padding:50px 8px!important}}.lab-about{border:1px solid #bfd0c1;border-left:5px solid var(--green);background:linear-gradient(135deg,#fffdf8,#eef4e8);border-radius:14px;justify-content:space-between;align-items:center;gap:30px;width:min(912px,100% - 48px);margin:0 auto 34px;padding:25px 28px;display:flex;box-shadow:0 12px 34px #2a352b12}.lab-about>div{max-width:600px}.lab-about>div>span{color:var(--green);letter-spacing:.2em;margin-bottom:7px;font:700 9px/1 Arial,sans-serif;display:block}.lab-about h2{margin:0;font-size:clamp(18px,3vw,24px);line-height:1.45}.lab-about p{color:#5f675f;margin:9px 0 0;font-size:13px;line-height:1.8}.lab-about>a{border:1px solid var(--green);color:var(--green);background:#fff;border-radius:9px;flex:none;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:700;line-height:1.5;text-decoration:none;display:inline-flex}.lab-about>a:hover{background:var(--green);color:#fff}.lab-about>a:focus-visible{outline-offset:3px;outline:3px solid #9ccdb3}@media (width<=720px){.lab-about{width:calc(100% - 24px);margin-bottom:28px;padding:22px 18px;display:block}.lab-about h2{font-size:19px}.lab-about>a{text-align:center;justify-content:center;width:100%;margin-top:18px}}.ad-slot{color:#8b938a;text-align:center;background:#f5f4ed;position:relative;overflow:hidden}.ad-slot>span,.desktop-ad-rail>span{letter-spacing:.18em;color:#9ba29a;font:700 8px/1 Arial,sans-serif;display:block}.ad-slot-inline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:118px;padding:16px 30px 12px}.ad-slot-inline>span{margin-bottom:10px}.ad-before-button{border-top:0;margin-bottom:24px}.ad-slot-large{border:1px solid var(--line);border-radius:16px;align-content:start;min-height:250px;margin:48px 0 0;padding:18px;display:grid}.ad-slot-large>span{margin-bottom:14px}.desktop-ad-rail{z-index:2;text-align:center;width:300px;height:630px;display:none;position:fixed;top:90px}.desktop-ad-rail>span{height:20px}.desktop-ad-rail-left{left:calc(50% - 790px)}.desktop-ad-rail-right{right:calc(50% - 790px)}@media (width>=1660px){.desktop-ad-rail{display:block}}@media (width<=720px){.ad-slot-inline{min-height:96px;padding:13px 18px 10px}.ad-before-button{margin-bottom:18px}.ad-slot-large{min-height:190px;margin-top:34px}}