@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--blue:var(--theme-accent,#53a2d9);--navy:var(--theme-navy,#0a2f57);--ink:#173b59;--muted:#536b7e;--paper:#f5f9fc;--line:#d5e6f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;background:white;padding:12px max(5%,calc((100% - 1240px)/2));border-bottom:1px solid var(--line)}.brand{display:inline-flex;flex-shrink:0}.brand img{display:block;width:240px;height:auto}nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 22px;border:1px solid var(--blue);border-radius:12px;background:var(--blue);color:#082b4b;font-weight:800;text-align:center;line-height:1.4;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px);box-shadow:0 5px 18px color-mix(in srgb,var(--theme-accent,#53a2d9) 25%,transparent)}.button.small{padding:11px 16px}.button.outline{background:white;border-color:var(--blue);color:var(--navy)}.text-link{font-weight:700;color:#176c9f}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#337ca9}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.15;letter-spacing:-1.5px;color:var(--navy)}h1{font-size:clamp(44px,5.4vw,72px);margin:18px 0 22px}h2{font-size:clamp(30px,3.5vw,43px);margin:12px 0 24px}h3{font-size:23px;letter-spacing:-.6px}p{margin:0 0 18px}.hero{background:var(--navy);color:#d5e6f2;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:65px max(5%,calc((100% - 1240px)/2))}.hero h1{color:white}.hero h1 span{color:var(--blue)}.hero .eyebrow{color:#a5d5f3}.lead{font-size:19px;max-width:510px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:28px 0 16px}.hero .text-link{color:#c8e6f8}.reassurance{font-size:13px;margin:0}.wall-preview{max-width:460px;position:relative;justify-self:end}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;transform:rotate(3deg)}.preview-grid>div{aspect-ratio:1;overflow:hidden;border-radius:12px;background:#16436b;display:grid;place-content:center;text-align:center;font-size:18px;line-height:1.3;font-weight:800;box-shadow:0 4px 15px #02182d40}.preview-grid>div:has(>img):not(.your-square){display:block}.preview-grid>div>img{width:100%;height:100%;object-fit:cover}.preview-grid .your-square{background:white;color:var(--navy);transform:scale(1.08);outline:3px solid var(--blue);z-index:1;padding:12px}.your-square>img{width:44px!important;height:44px!important;object-fit:contain!important;margin:auto auto 9px}.your-square strong{font-size:16px}.your-square span{font-size:10px;font-weight:500;margin-top:5px}.wall-preview>p{text-align:center;margin:26px 0 0;font-weight:700;color:white}.wall-preview>small{display:block;text-align:center;color:#a7bed0;font-size:10px;margin-top:5px}.section{max-width:1240px;margin:auto;padding:70px 0}.intro>p:not(.eyebrow){max-width:780px;font-size:18px;color:var(--muted)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:36px}.benefits article{border-top:2px solid var(--line);padding-top:20px}.benefits article>span{font-size:12px;font-weight:800;color:#337ca9}.benefits h3{margin:12px 0}.benefits p{color:var(--muted);font-size:15px}.plans{padding-top:20px}.section-heading{text-align:center;margin-bottom:35px}.section-heading p{color:var(--muted)}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.plan{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:20px;padding:28px;scroll-margin-top:30px;box-shadow:0 5px 22px color-mix(in srgb,var(--theme-navy,#0a2f57) 2%,transparent)}.plan.featured{border:2px solid var(--blue);background:linear-gradient(160deg,#eaf5fd,white 65%);box-shadow:0 8px 30px color-mix(in srgb,var(--theme-accent,#53a2d9) 13%,transparent)}.plan-tag{font-size:9px;letter-spacing:1.3px;font-weight:800;color:#337ca9;min-height:30px;margin:0}.plan h3{font-size:27px;margin:10px 0 20px}.price{font-family:Manrope,sans-serif;font-size:38px;font-weight:800;line-height:1.3;color:var(--navy);margin-bottom:22px}.price span{display:block;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted);margin-top:5px}.plan>p:not(.price):not(.plan-tag){font-size:14px;color:var(--muted)}.plan ul{list-style:none;padding:0;margin:6px 0 24px;font-size:14px}.plan li{padding:7px 0 7px 23px;position:relative}.plan li:before{content:'✓';position:absolute;left:0;color:#337ca9;font-weight:800}.plan .plan-note{font-size:12px!important;border-top:1px solid var(--line);padding-top:17px;margin-top:auto}.plan>.button{font-size:13px;width:100%}.how{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;border-top:1px solid var(--line)}.how>div>p:last-child{color:var(--muted);max-width:320px}.how ol{list-style:none;padding:0;margin:0;counter-reset:steps}.how li{position:relative;padding:0 0 20px 58px;counter-increment:steps}.how li:before{content:counter(steps);position:absolute;left:0;top:0;width:36px;height:36px;background:#e3f0fa;border:1px solid #c7dfef;color:var(--navy);border-radius:10px;display:grid;place-content:center;font-weight:800}.how li strong{font-size:18px}.how li p{font-size:14px;color:var(--muted);margin:5px 0 0}.local{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;background:#e9f4fc;border:1px solid var(--line);border-radius:22px;padding:45px}.local p{font-size:15px}.faq{max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{cursor:pointer;font-weight:700;font-size:17px;color:var(--navy)}.faq details p{margin:15px 0 0;font-size:15px;color:var(--muted)}.final-cta{padding:55px 20px;text-align:center;background:var(--navy);color:#d5e6f2}.final-cta h2{color:white}.final-cta img{background:white;border-radius:13px;padding:5px}.final-cta .text-link{display:block;color:#c8e6f8;margin-top:20px;font-size:14px}footer{max-width:1240px;margin:auto;padding:30px 0;display:flex;align-items:center;gap:30px;font-size:13px}footer .brand img{width:200px}footer p{margin:0;color:var(--muted)}footer>a:last-child{margin-left:auto;font-weight:700}
@media(max-width:1350px){.section,footer{margin-left:5%;margin-right:5%}.faq{margin-left:auto;margin-right:auto;padding-left:5%;padding-right:5%}.hero{gap:45px}.plan{padding:24px}}
@media(max-width:850px){header{padding:12px 5%;gap:14px}.brand img{width:185px}nav{gap:16px}nav>a:first-child{display:none}.hero{gap:25px;padding-top:45px;padding-bottom:45px}.lead{font-size:16px}.preview-grid>div{font-size:14px}.your-square strong{font-size:12px}.your-square span{font-size:8px}.plan-grid{grid-template-columns:1fr}.plan-tag{min-height:0}.plan .price span{display:inline;margin-left:8px}.plan .price{font-size:34px}.plan .plan-note{margin-top:10px}.benefits{gap:20px}.how,.local{gap:35px}.section{padding-top:45px;padding-bottom:45px}.local{padding:28px}.plan>h3{margin:10px 0}.plan>.button{max-width:320px}.hero-actions{gap:14px}}
@media(max-width:600px){html{scroll-padding-top:25px}header{flex-wrap:wrap}.brand img{width:165px}nav{gap:12px;font-size:12px}.button.small{padding:9px 10px}.hero{grid-template-columns:1fr;gap:35px;padding:35px 6%}.hero h1{font-size:46px}.hero .lead{font-size:16px}.wall-preview{justify-self:center;max-width:310px}.preview-grid .your-square{padding:8px}.your-square strong{font-size:13px}.hero-actions{margin-top:23px}.benefits{grid-template-columns:1fr;gap:15px}.benefits h3{font-size:22px}.section-heading{text-align:left}.section-heading h2{font-size:34px}.how,.local{grid-template-columns:1fr;gap:20px}.local{padding:25px}.local h2{margin-bottom:0}.faq{padding-left:0;padding-right:0;margin:0 6%}.faq summary{font-size:15px}.faq details p{font-size:14px}.final-cta{padding:40px 6%}.final-cta h2{font-size:31px}.final-cta p{font-size:15px}footer{flex-wrap:wrap;gap:15px}footer>a:last-child{margin-left:0}.plan .price span{display:block;margin-left:0}.plan ul{margin-bottom:15px}.plan{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}