@font-face{font-family:SUIT;src:url('assets/SUIT-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:SUIT,'Apple SD Gothic Neo',sans-serif;color:#202623;background:#fff;--green:#087447;--ink:#202623;--line:#dfe5e1;--muted:#56605a;--ease-out:cubic-bezier(.23,1,.32,1);font-synthesis:none;letter-spacing:0}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0;word-break:keep-all;overflow-wrap:break-word}p{font-size:18px;line-height:1.7}h2{font-size:36px;line-height:1.32;font-weight:750}h3{font-size:23px;line-height:1.4;font-weight:750}h4{font-size:18px;margin:0 0 18px}svg{width:22px;height:22px;flex:none;stroke-width:1.8}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #087447;outline-offset:5px}section[id]{scroll-margin-top:96px}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.section{padding-block:80px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-heading>p{max-width:440px;color:var(--muted)}.section-label{display:block;font-size:16px;font-weight:700;color:var(--green);margin-bottom:14px}.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:17px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;border:1px solid var(--green);background:var(--green);color:white;border-radius:5px;padding:12px 22px;font-size:18px;font-weight:700;line-height:1.3;text-align:center;transition:transform 160ms var(--ease-out)}.button.outline{background:#fff;color:var(--green)}.button.small{font-size:16px;min-height:44px;padding:10px 16px}.icon-button{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);flex:none}.skip{position:fixed;top:-100px;left:20px;background:white;padding:16px;z-index:100}.skip:focus{top:12px}.header{background:#fffc;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-row{height:82px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:850;white-space:nowrap}.brand img{width:48px;height:48px;object-fit:contain}.brand small{display:block;font-size:13px;font-weight:600;margin-top:2px;color:var(--muted)}.header nav{margin-left:auto;display:flex;align-items:center;gap:22px}.header nav a{font-size:16px;font-weight:650;min-height:44px;display:flex;align-items:center}.menu-toggle{display:none}.mobile-only{display:none}
.hero{position:relative;height:590px;overflow:hidden;background:white}.hero-copy{position:relative;z-index:1;text-align:center;padding:36px 20px 0}.hero h1{font-size:44px;font-weight:800;line-height:1.25;margin-bottom:14px}.hero p{font-size:21px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:22px}.hero-photo{position:absolute;width:min(1180px,100%);height:340px;object-fit:cover;object-position:50% 70%;bottom:0;left:50%;transform:translateX(-50%)}.offer-strip{background:#ffe57e}.offer-strip>.wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:18px}.offer-strip p{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.offer-strip strong{font-size:23px;font-weight:800}.offer-strip span{font-size:16px}.offer-strip a{width:44px;height:44px;display:grid;place-items:center;flex:none}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.service-grid article{border-top:2px solid var(--ink);padding-top:24px}.service-grid article>svg{width:30px;height:30px;color:var(--green);margin-bottom:16px}.service-grid h3{margin-bottom:12px}.service-grid p{color:var(--muted);font-size:17px}
.cost-section{background:#f4f6f3;padding:76px 0 88px}.cost-layout{display:grid;grid-template-columns:1fr 440px;gap:100px;align-items:center}.cost-copy>p{margin-top:24px}.cost-copy .cost-note{font-size:16px;max-width:370px;color:var(--muted)}.cost-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:20px}.receipt{background:#fff;padding:28px 30px 24px;border-top:4px solid var(--ink);position:relative;box-shadow:0 8px 26px #2026230a}.receipt:after{content:'';height:10px;position:absolute;inset:auto 0 -10px;background:linear-gradient(135deg,#fff 25%,transparent 25%) -10px 0/20px 20px,linear-gradient(225deg,#fff 25%,transparent 25%) -10px 0/20px 20px}.receipt-heading{display:flex;align-items:center;gap:10px;padding-bottom:20px;border-bottom:2px dashed var(--line)}.receipt-heading h3{font-size:21px}.receipt-heading>span{margin-left:auto;font-size:14px;color:var(--muted)}.receipt dl{margin:12px 0}.receipt dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:17px}.receipt dd{margin:0;font-weight:750;white-space:nowrap;font-variant-numeric:tabular-nums}.receipt .free{background:#ffe57e;padding:14px 12px;margin:8px -12px}.receipt .free dd{font-size:27px}.receipt .monthly dd{font-size:25px}.receipt>p{font-size:15px;border-top:2px dashed var(--line);padding-top:16px;color:var(--muted)}
.area-section{background:#eaf3fa}.area-tool{border:1px solid #c8d9e5;background:white;border-radius:6px;padding:30px}#area-search{max-width:720px}#area-search>label{display:block;font-size:18px;font-weight:700;margin-bottom:12px}.search-row{display:flex;gap:10px}.search-input{display:flex;align-items:center;border:1px solid #8b9b92;border-radius:5px;padding-left:16px;flex:1;min-width:0;gap:10px}.search-input svg{color:var(--muted)}input{min-height:54px;min-width:0;width:100%;border:0;background:transparent;padding:12px 10px 12px 0;font-size:18px;color:var(--ink)}input:focus-visible{outline-offset:0}.field-hint{font-size:15px;color:var(--muted);margin-top:10px}.source{font-size:14px;color:var(--muted);line-height:1.7;margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.area-empty{display:flex;gap:20px;align-items:center;min-height:150px}.area-empty>svg{width:42px;height:42px;color:#53768e}.area-empty h3{font-size:21px}.area-empty p{font-size:16px;color:var(--muted);margin-top:6px}.status{font-size:16px;line-height:1.6;margin-top:16px}.status:empty{display:none}.status.error{color:#ab2e25;padding:12px;background:#fff0eb;border-left:3px solid #ab2e25}.town-results{margin-top:16px;display:grid;gap:0}.town-results:empty{margin:0}.town-results button{text-align:left;border:0;border-bottom:1px solid var(--line);background:white;padding:14px 0;min-height:50px;font-size:17px;font-weight:650;color:var(--green)}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:28px}.result-heading h3{font-size:24px}.result-heading label{font-size:15px;display:flex;align-items:center;gap:8px}.result-heading select{padding:8px;border:1px solid var(--line);border-radius:4px;min-height:44px;background:white}.scope{font-size:15px;margin-top:12px;color:var(--muted)}.area-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px 0;border-block:1px solid var(--line);margin:20px 0 28px}.area-metrics dt{font-size:16px;color:var(--muted);margin-bottom:10px}.area-metrics dd{font-size:30px;font-weight:800;margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.area-metrics dd small{font-size:16px;margin-left:4px}.area-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px}.area-detail p{font-size:16px}.age-bars{list-style:none;padding:0;margin:0;display:grid;gap:10px}.age-bars li{display:grid;grid-template-columns:66px 1fr 66px;align-items:center;gap:10px;font-size:14px}.age-bars b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.bar-track{height:8px;background:#edf1f4;overflow:hidden;border-radius:2px}.bar-fill{display:block;height:100%;background:#467b9c}.area-reading{border-top:1px solid var(--line);padding-top:18px;margin-top:20px;color:var(--muted)}
.manual-layout{display:grid;grid-template-columns:1fr 340px;gap:110px;align-items:start}.tabs{display:flex;border-bottom:1px solid var(--line);gap:20px;margin-bottom:30px}.tabs button{padding:16px 4px;border:0;border-bottom:3px solid transparent;background:none;font-size:18px;font-weight:700;color:var(--muted);white-space:nowrap}.tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green)}#manual-panel h3{margin-bottom:14px}#manual-panel p{color:var(--muted)}#manual-panel ol{padding-left:22px;font-size:17px;line-height:2;margin:20px 0 28px}.app-image{position:relative;border:1px solid var(--line);background:#f6f7f7;border-radius:8px;padding:12px;width:100%;height:410px;overflow:hidden}.app-image img{height:100%;width:100%;object-fit:contain}.app-image>span{position:absolute;bottom:14px;right:14px;display:flex;align-items:center;gap:6px;background:#fff;padding:8px 12px;border:1px solid var(--line);border-radius:4px;font-size:14px}.app-image>span svg{width:17px;height:17px}.order-explain{margin-top:42px;padding-top:28px;border-top:1px solid var(--line)}.order-explain h3{font-size:21px;margin-bottom:20px}.order-explain>div{display:grid;grid-template-columns:1fr 1fr;gap:42px}.order-explain p{font-size:16px;color:var(--muted)}.order-explain strong{display:block;color:var(--ink);font-size:18px;margin-bottom:8px}
.notes-section{background:#f7f7f5}.editorial-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px}.lead-story img{width:100%;aspect-ratio:1.8;object-fit:cover;margin-bottom:22px}.lead-story>span,.story-list span{font-size:15px;color:var(--green);font-weight:700}.lead-story h3{font-size:28px;margin-top:12px}.lead-story p{color:var(--muted);font-size:17px;margin-top:12px}.story-list{display:flex;flex-direction:column}.story-list a{position:relative;display:block;padding:22px 38px 24px 0;border-top:1px solid var(--line);flex:1}.story-list a:first-child{padding-top:0;border-top:0}.story-list h3{font-size:22px;margin-top:10px}.story-list svg{position:absolute;right:0;top:28px}.owner-story{display:flex;align-items:center;justify-content:center;gap:60px}.owner-story>img{width:180px;height:180px;image-rendering:auto}.owner-story h2{font-size:30px}.owner-story p{font-size:17px;color:var(--muted);margin:18px 0}.faq-section{background:#f4f6f3}.faq-layout{display:grid;grid-template-columns:300px 1fr;gap:80px}.faq-layout h2{margin-bottom:22px}.faqs details{border-bottom:1px solid #d1d9d3}.faqs summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:19px;font-weight:700;padding:22px 0;cursor:pointer}.faqs summary::-webkit-details-marker{display:none}.faqs summary>svg{width:20px;height:20px}.faqs details[open] summary>svg{transform:rotate(45deg)}.faqs p{font-size:17px;color:var(--muted);padding-bottom:22px}.apply-section{text-align:center}.apply-section>p{margin-top:18px;color:var(--muted)}.apply-steps{list-style:none;padding:0;display:flex;justify-content:center;gap:40px;margin:32px 0;font-size:17px;font-weight:650}.apply-steps li{display:flex;align-items:center;gap:9px}.apply-steps span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #9cac9f;border-radius:50%;font-size:14px}.apply-section .hero-actions{margin-top:24px}footer{border-top:1px solid var(--line);padding:30px 0}footer>.wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}footer .brand{font-size:19px}footer .wrap>div{display:flex;gap:24px;flex-wrap:wrap}footer a{font-size:15px;min-height:44px;display:inline-flex;align-items:center}dialog{padding:54px 16px 16px;border:0;border-radius:8px;max-width:min(680px,calc(100% - 24px));max-height:92dvh;background:white}dialog::backdrop{background:#17221bd9}dialog>img{max-height:78dvh;width:auto;object-fit:contain;margin:auto}.dialog-close{position:absolute;right:8px;top:6px}body:has(dialog[open]){overflow:hidden}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px)}.text-link:hover,nav a:hover{color:var(--green)}.story-list a:hover h3,.lead-story:hover h3{text-decoration:underline;text-underline-offset:5px}.town-results button:hover{background:#f3f7f4}}
@media(max-width:1100px){.header-row{gap:14px}.header nav{gap:15px}.header nav a{font-size:14px}.brand{font-size:19px}.cost-layout{gap:50px}.manual-layout{gap:60px}.section-heading{gap:30px}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.header-row{height:72px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:12px 20px 20px;box-shadow:0 16px 20px #17221b12;grid-template-columns:1fr 1fr;gap:0 20px;max-height:calc(100dvh - 72px);overflow:auto}.header nav.open{display:grid}.header nav a{font-size:17px;padding:12px;border-bottom:1px solid var(--line)}.header-apply{margin-left:auto}.menu-toggle{display:grid}.section{padding-block:56px}h2{font-size:30px}.section-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:28px}.cost-layout{grid-template-columns:1fr 1fr;gap:30px}.cost-section{padding:56px 0 66px}.receipt{padding:22px}.receipt-heading{flex-wrap:wrap}.receipt-heading>span{width:100%;margin-left:0}.receipt dl>div{font-size:16px}.receipt .monthly dd{font-size:22px}.manual-layout{gap:30px;grid-template-columns:1fr 280px}.editorial-grid{gap:30px}.faq-layout{grid-template-columns:1fr;gap:24px}.faq-layout h2 br{display:none}.owner-story{gap:30px}.owner-story>img{width:128px;height:128px}.service-grid{gap:24px}.service-grid h3{font-size:21px}.apply-steps{gap:20px}footer>.wrap{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.section{padding-block:44px}p{font-size:16px}h2{font-size:28px}.section-label{font-size:15px;margin-bottom:10px}.header-row{gap:10px;height:68px}.header nav{top:68px}.brand{font-size:18px;gap:7px}.brand img{width:40px;height:40px}.brand small{font-size:13px}.header-apply{font-size:14px!important;padding:10px 12px!important}.icon-button{width:42px;height:44px}.hero{height:470px}.hero-copy{padding:30px 18px 0}.hero h1{font-size:30px;margin-bottom:14px}.hero p{font-size:18px;line-height:1.6}.mobile-only{display:block}.hero-actions{gap:14px;flex-wrap:wrap;margin-top:22px}.hero .hero-actions{flex-direction:column;gap:6px}.hero .button{min-height:50px;font-size:17px;padding-inline:24px}.hero .text-link{font-size:15px;min-height:36px}.hero-photo{height:205px;object-fit:cover;object-position:center 80%;width:100%}.offer-strip>.wrap{padding-block:16px;min-height:98px}.offer-strip p{gap:6px;display:block}.offer-strip strong{font-size:19px;display:block}.offer-strip span{font-size:14px;line-height:1.6;display:block;margin-top:6px}.offer-strip a{width:26px}.section-heading>p{font-size:16px}.service-grid{grid-template-columns:1fr;gap:24px}.service-grid article{padding-top:20px;display:grid;grid-template-columns:32px 1fr;gap:8px 16px;border-top:1px solid var(--line)}.service-grid article>svg{grid-row:1/3;width:26px;height:26px;margin:0}.service-grid h3{font-size:20px;margin:0}.service-grid p{font-size:16px;grid-column:2}.cost-layout{grid-template-columns:1fr;gap:28px}.cost-section{padding:44px 0 54px}.cost-copy>p{margin-top:16px;font-size:17px}.cost-copy .cost-note{font-size:15px;max-width:none}.cost-links{gap:18px;margin-top:12px}.cost-links a{font-size:15px}.receipt{padding:22px 24px}.receipt-heading{flex-wrap:nowrap;gap:8px}.receipt-heading h3{font-size:19px}.receipt-heading>span{width:auto;font-size:13px;margin-left:auto}.receipt-heading>svg{width:20px}.receipt dl>div{font-size:16px;padding-block:10px}.receipt .monthly dd{font-size:24px}.receipt>p{font-size:14px}.area-tool{padding:20px 16px}#area-search>label{font-size:17px}.search-row{gap:8px}.search-input{padding-left:10px;gap:6px}.search-input>svg{display:none}.search-input input{font-size:16px;padding-left:0;min-height:50px}.search-row>.button{padding:12px;min-height:50px;gap:6px;font-size:16px}.search-row>.button svg{width:19px}.field-hint{font-size:14px}.area-empty{align-items:start;gap:12px;padding-top:24px;min-height:138px}.area-empty>svg{width:28px;height:28px}.area-empty h3{font-size:18px}.area-empty p{font-size:14px}.source{font-size:14px}.result-heading{align-items:start;flex-direction:column;gap:12px}.result-heading h3{font-size:21px}.area-metrics{gap:16px;grid-template-columns:1fr 1fr}.area-metrics>div:first-child{grid-column:1/-1}.area-metrics dd{font-size:28px}.area-detail{grid-template-columns:1fr;gap:28px}.age-bars li{grid-template-columns:62px 1fr 62px;gap:8px}.manual-layout{grid-template-columns:1fr;gap:28px}.tabs{gap:18px;margin-bottom:24px}.tabs button{font-size:17px;padding:12px 2px}.manual-layout h3{font-size:22px}.app-image{max-width:340px;margin:auto;height:390px}.order-explain{margin-top:30px}.order-explain h3{font-size:20px}.order-explain>div{grid-template-columns:1fr;gap:20px}.editorial-grid{grid-template-columns:1fr;gap:28px}.lead-story h3{font-size:25px}.lead-story p{font-size:16px}.story-list a{padding-block:20px}.story-list a:first-child{border-top:1px solid var(--line);padding-top:20px}.story-list h3{font-size:21px}.owner-story{align-items:start;gap:20px;flex-direction:column}.owner-story>img{width:90px;height:90px}.owner-story h2{font-size:27px}.owner-story p{font-size:16px}.faqs summary{font-size:17px;padding:20px 0}.faqs p{font-size:16px}.apply-section{text-align:left}.apply-section h2{font-size:28px}.apply-steps{display:grid;grid-template-columns:1fr 1fr;gap:20px 10px;justify-content:start;font-size:16px}.apply-section .hero-actions{justify-content:start;gap:12px}.apply-section .button{font-size:16px;padding:12px 14px;min-height:52px}.apply-section .button svg{width:18px}footer .wrap>div{gap:0 20px}footer .brand{font-size:18px}.text-link{font-size:16px}section[id]{scroll-margin-top:84px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.header-row{gap:7px}.brand img{width:34px;height:34px}.brand{font-size:17px}.header-apply{padding-inline:9px!important}.hero h1{font-size:28px}.hero p{font-size:17px}.hero-photo{height:190px}.receipt{padding-inline:18px}.receipt-heading{flex-wrap:wrap}.receipt-heading>span{margin-left:28px}.receipt .monthly dd{font-size:22px}.offer-strip span{font-size:14px}.search-row>.button span{display:none}.search-row>.button{width:48px;flex:none}.apply-section .hero-actions{flex-direction:column;align-items:stretch}}
:root{--ease-in-out:cubic-bezier(.77,0,.175,1)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero[data-banner]{height:650px;background:#f7f9f7}
.hero[data-banner] .hero-copy{padding-top:30px}
.hero[data-banner] h1{font-size:20px;font-weight:650;color:var(--green);margin-bottom:12px}
.hero[data-banner] .hero-copy>p:first-of-type{font-size:36px;font-weight:800;line-height:1.3}
.hero .banner-terms{font-size:17px;margin-top:14px}
.hero .banner-note{font-size:14px;margin-top:6px;color:var(--muted)}
.hero[data-banner] .hero-photo{height:360px;bottom:48px;object-fit:contain;mix-blend-mode:multiply}
.hero[data-banner=area]{background:#eef4f8}
.hero[data-banner=area] .hero-photo{height:200px;width:200px;bottom:80px;mix-blend-mode:normal;border-radius:8px}
.banner-controls{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;z-index:2}
.banner-controls .icon-button{background:transparent;border:0;width:40px}
.banner-count{font-size:15px;min-width:42px;text-align:center;font-variant-numeric:tabular-nums}
.receipt .free{background:#eef5f0;border-block:1px solid #d8e6dc}
@media(max-width:600px){.hero[data-banner]{height:545px}.hero[data-banner] .hero-copy{padding-top:26px}.hero[data-banner] h1{font-size:17px}.hero[data-banner] .hero-copy>p:first-of-type{font-size:27px}.hero .banner-terms{font-size:14px;margin-top:14px}.hero .banner-note{font-size:13px;line-height:1.6;max-width:320px;margin:8px auto 0}.hero[data-banner] .hero-actions{flex-direction:row;gap:16px;margin-top:18px}.hero[data-banner] .hero-actions .button{padding:12px 16px;font-size:16px}.hero[data-banner] .hero-photo{height:210px;bottom:48px;width:100%;object-fit:contain}.hero[data-banner=area] .hero-photo{height:170px;width:170px;bottom:72px}.hero[data-banner] .hero-actions .text-link{font-size:15px}}
.apply-steps{gap:0;width:min(720px,100%);margin-inline:auto}
.apply-steps li{flex:1;position:relative;justify-content:center}
.process-step{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;min-height:60px;width:100%;padding:12px 8px;border:0;border-bottom:2px solid var(--line);background:transparent;color:var(--muted);font-size:17px;font-weight:700}
.process-step:after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--ease-in-out)}
.process-step[aria-pressed=true]{color:var(--green)}
.process-step[aria-pressed=true]:after{transform:scaleX(1)}
.process-step[aria-pressed=true] span{background:var(--green);border-color:var(--green);color:white}
.apply-steps[data-active-step="2"] li:nth-child(-n+1) .process-step:after,
.apply-steps[data-active-step="3"] li:nth-child(-n+2) .process-step:after,
.apply-steps[data-active-step="4"] li:nth-child(-n+3) .process-step:after{transform:scaleX(1)}
.process-step:focus-visible:after{transition:none}
.process-detail{max-width:680px;min-height:120px;margin:0 auto 24px;text-align:center}
.process-detail h3{font-size:22px;margin-bottom:10px}
.process-detail p{font-size:17px;color:var(--muted)}
.button:active:not(:focus-visible){transform:scale(.97)}
@media(max-width:600px){.apply-steps{gap:0 16px}.process-step{justify-content:flex-start;font-size:16px}.process-detail{text-align:left;min-height:146px}.process-detail h3{font-size:21px}.process-detail p{font-size:16px}}
.hero[data-banner]{height:560px}
.hero[data-banner] .hero-photo{inset:0;width:100%;height:100%;left:0;transform:none;object-fit:cover;mix-blend-mode:normal;border-radius:0}
.hero[data-banner] .hero-copy{text-align:left;width:min(1120px,calc(100% - 48px));margin:auto;padding-top:60px}
.hero[data-banner] .hero-copy>p:first-of-type{white-space:pre-line;font-size:46px;line-height:1.18;max-width:48%;margin-top:18px}
.hero[data-banner] .hero-actions{justify-content:flex-start;max-width:48%;margin-top:24px}
.hero[data-banner] .banner-terms,.hero[data-banner] .banner-note{max-width:46%}
.hero[data-banner=area] .hero-photo{height:100%;width:100%;bottom:0}
.hero[data-banner] .banner-controls{left:max(24px,calc((100% - 1120px)/2));transform:none;bottom:18px}
@media(min-width:601px){.hero[data-banner] .hero-photo{object-fit:cover;object-position:center top;background:#eef6f1}.hero[data-banner=area] .hero-photo{background:#f0f5f8}}
@media(max-width:900px) and (min-width:601px){.hero[data-banner] .hero-copy>p:first-of-type{font-size:34px}.hero[data-banner]{height:520px}.hero[data-banner] .hero-photo{object-position:60% center}.hero[data-banner] .hero-actions{gap:12px}}
@media(max-width:600px){.hero[data-banner]{height:660px}.hero[data-banner] .hero-copy{width:calc(100% - 36px);padding-top:24px}.hero[data-banner] .hero-copy>p:first-of-type{font-size:32px;max-width:100%;margin-top:10px}.hero[data-banner] .hero-actions{max-width:100%;justify-content:flex-start;margin-top:16px;gap:20px}.hero[data-banner] .hero-photo{height:510px;top:auto;bottom:80px;object-fit:cover;object-position:center bottom}.hero[data-banner] .banner-terms,.hero[data-banner] .banner-note{position:absolute;left:0;right:0;max-width:100%;width:100%;text-align:center;padding:0 16px;margin:0;font-size:13px;line-height:1.5}.hero[data-banner] .banner-terms{top:590px}.hero[data-banner] .banner-note{top:613px;font-size:13px}.hero[data-banner] .banner-controls{bottom:88px;left:auto;right:12px;background:#ffffffed;border-radius:4px;gap:2px}.hero[data-banner] .banner-controls .icon-button{width:34px;height:36px}.hero[data-banner] .banner-count{min-width:34px;font-size:13px}.hero[data-banner=area] .hero-photo{height:315px;width:100%;top:auto;bottom:80px;object-fit:cover;object-position:right center}.hero[data-banner=area]{background:#f0f5f8}}
.with-section-art{position:relative;padding-bottom:260px}
.with-section-art:after{content:'';position:absolute;bottom:0;left:0;right:0;height:180px;background-image:var(--section-art);background-position:right 70%;background-size:cover;background-repeat:no-repeat;pointer-events:none}
#manual.with-section-art:after{background-size:auto 380px;background-position:right top;background-color:#f3f4f6}
#stories.with-section-art:after{background-position:right 45%}
@media(max-width:600px){.with-section-art{padding-bottom:185px}.with-section-art:after{height:140px}#manual.with-section-art:after{background-size:auto 250px}}
.download-page h1{font-size:42px;line-height:1.25;margin-bottom:20px}
.lead-story img{height:auto}
li{word-break:keep-all;overflow-wrap:break-word}
.download-intro{color:var(--muted);margin-bottom:48px}
.download-platform{display:grid;grid-template-columns:1fr 1fr;gap:72px;border-top:1px solid var(--line);padding:40px 0}
.download-platform>div>svg{width:34px;height:34px;color:var(--green);margin-bottom:16px}
.download-platform h2{font-size:28px;margin-bottom:16px}
.download-platform h3{font-size:20px;margin:24px 0 14px}
.download-platform ul{padding-left:22px;line-height:1.8;font-size:17px}
.platform-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.platform-list article{padding:18px 0;border-top:2px solid var(--ink)}
.platform-list h3{display:flex;align-items:center;gap:10px;margin-top:0}
.platform-list p{font-size:16px;margin-bottom:18px}
.platform-list .button{font-size:16px;padding-inline:12px;width:100%}
a[aria-disabled=true]{color:#6b756f;border-color:#d1d9d3;background:#f2f4f2;cursor:not-allowed;transform:none!important}
.release-status{color:var(--muted)}
@media(max-width:800px){.download-platform{grid-template-columns:1fr;gap:24px}.download-page h1{font-size:32px}}
@media(max-width:360px){.platform-list{grid-template-columns:1fr}.download-platform ul{font-size:16px}}
.area-map-panel{position:relative;margin-top:22px}
.area-map{height:440px;width:100%;background:#eef2ef;border:1px solid var(--line);border-radius:5px;overflow:hidden}
.map-controls{position:absolute;right:12px;top:12px;z-index:5;display:grid;gap:6px}
.map-controls .icon-button{box-shadow:0 2px 8px #14251c12}
.map-search-here{position:absolute;top:14px;left:50%;transform:translateX(-50%)!important;z-index:5;font-size:15px;min-height:44px;padding:10px 14px}
.map-message{font-size:15px;margin-top:12px;color:var(--muted)}
.map-message .text-link{font-size:15px}
.dong-label{display:grid;gap:3px;min-width:94px;max-width:150px;text-align:center;border:1px solid #087447;border-radius:5px;background:white;padding:8px 10px;box-shadow:0 3px 12px #152b2226;color:var(--ink);font-family:SUIT,sans-serif}
.dong-label span{font-size:13px;white-space:nowrap}.dong-label strong{font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}
.dong-label[aria-pressed=true]{background:var(--green);color:white;position:relative;z-index:10}
.map-town-list{display:flex;gap:8px;overflow-x:auto;padding:12px 0 4px}
.map-town-item{flex:none;min-height:44px;border:1px solid var(--line);border-radius:4px;background:white;padding:8px 12px;font-size:14px;color:var(--ink)}
.map-town-item[aria-pressed=true]{border-color:var(--green);color:var(--green);background:#edf5ef}
.map-selection{font-size:16px;padding:14px 0;border-bottom:1px solid var(--line);margin-top:8px}
@media(max-width:600px){.area-map{height:370px}.dong-label{min-width:82px;padding:7px}.dong-label strong{font-size:15px}.dong-label span{font-size:13px}.map-controls .icon-button{width:36px;height:38px}}
.location-button{border:0;background:none;color:var(--green);padding:0;margin-top:8px}
.age-bars li>span:first-child{white-space:nowrap;font-size:13px}
#manual-panel{min-height:360px}
#area-result{scroll-margin-top:90px}
@media(max-width:600px){#manual-panel{min-height:370px}}
@media(min-width:601px){.hero{height:650px}.hero-photo{height:500px;object-fit:contain;width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover{transform:none}}

/* 지도 위 아파트 단지 이름표.
   동 이름표(.dong-label)보다 한 단계 작고 연하게 둔다 — 동이 먼저 읽히고
   단지가 그 안에 얹히는 순서라야 '어느 동네에 무엇이 있나'로 읽힌다. */
.apt-label {
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 190px;
  padding: 3px 8px;
  border: 1px solid #087447;
  border-radius: 999px;
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .22);
  color: #14301f;
  line-height: 1.25;
  white-space: nowrap;
  cursor: pointer;
}
.apt-label span {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}
.apt-label b {
  flex: none;
  color: #087447;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
/* 겹쳐 있을 때 눌러 보는 것이 위로 올라와야 읽힌다. */
.apt-label:hover, .apt-label:focus-visible {
  z-index: 999;
  border-color: #0b8f55;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
  outline: none;
}
.apt-label[aria-pressed="true"] { background: #087447; color: #fff; }
.apt-label[aria-pressed="true"] b { color: #fff; }

.apt-summary {
  margin: 12px 0 0;
  font-size: 15px;
  font-weight: 700;
  color: #087447;
}

/* 동 하나하나에 어떤 아파트가 몇 세대로 있는지.
   접어 두고 눌러서 편다 — 동이 열일곱 곳이면 다 펴 두면 화면이 끝없다. */
.dong-apt-list { margin: 6px 0 0; padding: 0; list-style: none; }
.dong-apt-list > li { border-bottom: 1px solid #e6eae7; }
.dong-apt-list > li:last-child { border-bottom: 0; }

.dong-apt-list summary {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  padding: 11px 2px;
  cursor: pointer;
  list-style: none;
  min-height: 44px;          /* 손가락으로 누르는 곳이다 */
}
.dong-apt-list summary::-webkit-details-marker { display: none; }
.dong-apt-list summary::after {
  content: '＋';
  margin-left: auto;
  color: #6b7c72;
  transition: transform .2s;
}
.dong-apt-list details[open] summary::after { transform: rotate(45deg); }
.dong-apt-list summary:hover { background: #f5f8f6; }
.dong-apt-list summary b { font-size: 16px; font-weight: 800; color: #14301f; }
.dong-apt-list summary span { font-size: 14px; color: #5b6b62; }
.dong-apt-list summary em {
  font-style: normal;
  font-size: 14px;
  font-weight: 700;
  color: #087447;
}
.dong-apt-list summary em.muted { color: #97a49c; font-weight: 500; }

/* 단지 줄. 이름 — 세대수 — 동수·준공·거리 */
.dong-apt-list details > ul {
  margin: 0 0 10px;
  padding: 0 2px 0 14px;
  list-style: none;
  border-left: 2px solid #d9e5df;
}
.dong-apt-list details > ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 8px;
  padding: 5px 0;
}
.dong-apt-list details > ul b { font-size: 15px; font-weight: 700; color: #14301f; }
.dong-apt-list details > ul span {
  font-size: 15px; font-weight: 800; color: #087447;
  font-variant-numeric: tabular-nums;
}
.dong-apt-list details > ul small { font-size: 13px; color: #7c8a82; margin-left: auto; }
.dong-apt-list li.more { font-size: 13px; color: #7c8a82; }

/* Full-width artwork; copy stays aligned with the centered content container. */
.area-section{background:#eaf3fa url('/owner-main/assets/neighborhood.webp') no-repeat right top;background-size:100% auto}
.area-section .section-heading{flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;min-height:290px;padding-right:50%}
.area-section .section-heading>p{color:#3f4d46}
@media(max-width:900px){.area-section{background-size:auto 420px}.area-section .section-heading{padding-right:40%}.area-section .section-heading h2{font-size:28px}}
@media(max-width:600px){.hero[data-banner] .hero-photo{inset:0;width:100%;height:100%;object-position:center bottom}.hero[data-banner=area] .hero-photo{inset:0;width:100%;height:100%;object-position:65% center}.hero[data-banner=area]:after{content:'';position:absolute;inset:0;background:linear-gradient(#f0f5f8 0%,#f0f5f8f2 34%,#f0f5f800 70%);pointer-events:none}.hero[data-banner] .banner-terms,.hero[data-banner] .banner-note{background:#f4f8f3f2}.area-section{background-size:auto 360px;background-position:right 210px}.area-section .section-heading{padding-right:0;padding-bottom:250px;min-height:0}}
/* Stronger body and supporting text throughout the owner site. */
body{font-weight:550}
:where(p,li,dt,dd,small,label,input,select,textarea){font-weight:550}
.hero .banner-note,.source,.field-hint,.scope,.brand small{font-weight:600}
h1,h2,h3,h4{font-weight:800}

/* 푸터 사업자 정보. 전자상거래법 제10조 표시사항이라 작아도 읽혀야 한다.
   푸터 wrap 이 좌우 배치라, 사업자 정보는 한 줄을 통째로 쓰게 내린다. */
footer > .wrap { flex-wrap: wrap; }
footer .biz {
  flex-basis: 100%;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  font-style: normal;
  font-size: 14px;
  line-height: 1.8;
  color: var(--muted);
}
footer .biz a { text-decoration: underline; min-height: 0; display: inline; }
