@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--ink:#f7f9ff;--muted:#aeb9d0;--surface:#111827;--line:rgba(255,255,255,.13);--cyan:#4bcaee;--blue:#586cf3;--pink:#c75bae;--black:#080b13}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(2.55rem,5.5vw,5.25rem);max-width:14ch;margin:22px 0}h2{font-size:clamp(2rem,3.6vw,3.45rem);max-width:17ch}h3{font-size:1.12rem;letter-spacing:-.025em}p{color:var(--muted)}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-80px;left:16px;background:#fff;color:#111;padding:10px;z-index:20}.skip:focus{top:8px}.site-header{border-bottom:1px solid var(--line);background:#080b13e6}.nav{min-height:88px;display:flex;align-items:center;gap:26px}.logo{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.logo img{object-fit:contain;width:52px;height:52px}.nav nav{display:flex;gap:22px;margin-left:auto;font-size:.88rem;font-weight:700;color:#c4d1e3}.nav nav a:hover,.nav nav a[aria-current=page]{color:#73dcf8}.nav-contact{border:1px solid #73dcf8;border-radius:999px;padding:11px 18px;font-weight:800;font-size:.88rem;white-space:nowrap}.nav-contact:hover{background:#73dcf8;color:#08101a}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5vw;min-height:625px;padding-block:82px 94px;position:relative}.hero:before{content:"";position:absolute;z-index:-1;inset:0 auto auto -30%;width:80%;height:100%;background:radial-gradient(circle at 50% 45%,#23458655,transparent 65%);pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.72rem;font-weight:800;letter-spacing:.18em;color:#6ddaf6}.eyebrow i{width:25px;height:2px;background:#6ddaf6}.lead{font-size:clamp(1.04rem,1.4vw,1.22rem);line-height:1.72;max-width:58ch}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:13px 23px;border-radius:999px;font-size:.9rem;font-weight:800;text-align:center;transition:transform .22s,box-shadow .22s,background .22s}.btn:hover{transform:translateY(-3px)}.primary{color:#07101c;background:linear-gradient(110deg,#64d9f1,#8298fa 60%,#d489cc);box-shadow:0 14px 38px #476af035}.secondary{border:1px solid #ffffff55}.secondary:hover{background:#ffffff14}.micro{font-size:.78rem;margin:24px 0 0;color:#8190aa}.preview-card{max-width:530px;padding:16px;border:1px solid #ffffff2b;border-radius:28px;background:linear-gradient(150deg,#192845,#0d1322 70%);box-shadow:0 35px 90px #0008;transform:rotate(1deg)}.preview-top{display:flex;align-items:center;gap:9px;padding:4px 5px 16px;color:#aabbd5;font-size:.75rem;font-weight:700;letter-spacing:.04em}.preview-dot{width:9px;height:9px;border-radius:50%;background:#6ddaf6;box-shadow:0 0 14px #6ddaf6}.preview-split{min-height:320px;display:grid;grid-template-columns:49% 51%;align-items:center;overflow:hidden;border-radius:18px;background:#eef3f9;color:#12213b}.preview-image{height:100%;background:linear-gradient(135deg,#2991bd33,#24398b33),url('assets/visual-patio-1.webp') center/cover}.preview-split>div:last-child{padding:24px}.preview-split small{display:block;font-size:.62rem;letter-spacing:.14em;color:#446180;font-weight:800}.preview-split strong{display:block;font:800 clamp(1.2rem,2vw,1.7rem)/1.16 Manrope,sans-serif;letter-spacing:-.05em;margin:20px 0 10px}.preview-split p{color:#3c4e66;font-size:.8rem}.mini-action{display:inline-flex;background:#1a3570;border-radius:999px;color:white;padding:9px 13px;font-size:.72rem;font-weight:800}.phone{max-width:390px;justify-self:center;transform:rotate(2deg)}.bubble{max-width:85%;padding:14px 17px;border-radius:19px;margin:17px 0;font-size:.91rem;line-height:1.45}.incoming{background:#fff;color:#182337}.outgoing{background:#b9ece1;color:#122633;margin-left:auto}.preview-bottom{text-align:center;color:#87b9ca;font-size:.78rem;letter-spacing:.05em;padding:12px}.problem{background:#f2f6fc;color:#0b1930;padding:85px 0}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.problem h2{margin:15px 0 0}.problem p{color:#34445e;font-size:1.09rem}.problem .solution{border-left:3px solid #4bc6e5;padding-left:18px;font-weight:700;color:#182942}.section{padding-block:95px}.section-heading{max-width:720px;margin-bottom:34px}.section-heading h2{margin:13px 0}.section-heading p{max-width:62ch}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature{border:1px solid var(--line);border-radius:22px;background:#11192a;padding:28px;min-height:240px}.feature-mark{display:block;width:28px;height:28px;border:1px solid #6bd8f1;border-radius:10px;background:linear-gradient(135deg,#6bd8f155,#b758bd55);margin-bottom:30px}.feature p{font-size:.9rem;margin:0}.process{background:#0e1422}.steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps li{border-top:1px solid #ffffff50;padding-top:24px}.steps li>span{display:block;font:800 1.5rem Manrope,sans-serif;color:#69d8f0;margin-bottom:18px}.steps p{font-size:.9rem}.limits{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;padding-block:62px;border-bottom:1px solid var(--line)}.limits h2{margin:15px 0}.limits p{font-size:1.02rem}.faq-items{max-width:820px}.faq-items details{border-bottom:1px solid var(--line);padding:19px 4px}.faq-items summary{font-weight:800;cursor:pointer;list-style:none}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:'+';float:right;color:#6ed8ef;font-size:1.4rem;line-height:1}.faq-items details[open] summary:after{content:'−'}.faq-items p{max-width:68ch;margin:14px 0 0}.related{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.related-card{display:flex;flex-direction:column;gap:18px;min-height:200px;padding:30px;border:1px solid var(--line);border-radius:22px;background:#121e34;transition:transform .2s,background .2s}.related-card:hover{background:#1d3151;transform:translateY(-3px)}.related-card span:first-child{color:#6edaf6;font-size:.72rem;letter-spacing:.15em;font-weight:800}.related-card strong{font:800 1.35rem/1.2 Manrope,sans-serif;letter-spacing:-.035em;max-width:26ch}.related-card span:last-child{margin-top:auto;font-size:.85rem}.contact{background:linear-gradient(115deg,#1b2a55,#171a37 55%,#42234c);padding:86px 0}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:6vw;align-items:end}.contact h2{margin:15px 0}.contact p{max-width:55ch}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.contact-actions>a:last-child{text-decoration:underline;text-underline-offset:4px;color:#d7e8ff}footer{padding:32px 0;background:#080b13}.foot{display:flex;justify-content:space-between;gap:22px}.foot strong{font:800 1.05rem Manrope,sans-serif}.foot p{font-size:.77rem;margin:7px 0 0}.foot nav{display:flex;flex-wrap:wrap;gap:20px;font-size:.78rem;color:#c4d1e3}
@media(max-width:900px){.nav{flex-wrap:wrap;padding-block:13px}.nav nav{order:3;width:100%;margin:0;overflow-x:auto;padding-bottom:4px}.hero{grid-template-columns:1fr;min-height:0;padding-block:58px;gap:42px}.hero h1{max-width:17ch}.preview-card{width:min(100%,550px);justify-self:start}.features,.steps{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.contact-actions{flex-direction:row;align-items:center}}
@media(max-width:600px){.shell{width:min(100% - 32px,1180px)}body{font-size:15px}.nav{gap:10px}.logo{font-size:1rem}.logo img{width:44px;height:44px}.nav-contact{margin-left:auto;padding:9px 13px;font-size:.75rem}.nav nav{gap:16px;font-size:.76rem}.hero{padding-block:42px 56px;gap:34px}.hero h1{font-size:clamp(2.4rem,10vw,3.35rem);margin:17px 0}.lead{font-size:.99rem}.actions{flex-direction:column}.actions .btn{width:100%}.preview-card{transform:none;padding:11px;border-radius:18px}.preview-split{min-height:235px}.preview-split>div:last-child{padding:14px}.preview-split strong{font-size:1rem;margin:8px 0}.preview-split p{font-size:.67rem}.preview-image{min-height:235px}.phone{max-width:100%}.problem,.section{padding-block:65px}.problem-grid,.limits{grid-template-columns:1fr;gap:20px}.problem p{font-size:1rem}.section-heading h2,.limits h2{font-size:2rem}.features,.steps,.related{grid-template-columns:1fr}.feature{min-height:0;padding:24px}.feature-mark{margin-bottom:18px}.steps{gap:14px}.steps li{display:grid;grid-template-columns:45px 1fr;gap:10px}.steps li>span{margin:0}.limits{padding-block:52px}.contact{padding:66px 0}.contact-actions{flex-direction:column;align-items:stretch}.foot{flex-direction:column}.foot nav{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.related-card{transition:none}}