:root{color-scheme:light;font-family:"DM Sans",system-ui,sans-serif;background:#f6f8fc;color:#12213b;--blue:#164cc8;--ink:#12213b;--muted:#465773}
*{box-sizing:border-box}body{margin:0}a{color:var(--blue)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #3373ed;outline-offset:3px}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem max(5vw,calc((100vw - 1140px)/2));background:#fff;border-bottom:1px solid #dce4f1}
.brand{font-size:1.35rem;font-weight:850;text-decoration:none;color:var(--ink)}.brand img{display:block;width:auto;max-width:160px;max-height:49px}.site-header nav{display:flex;gap:.7rem 1.2rem;flex-wrap:wrap;justify-content:flex-end}.site-header nav a{font-size:.95rem;font-weight:750;white-space:nowrap}
main{max-width:1200px;margin:auto;padding:clamp(1rem,4vw,3.3rem) clamp(1rem,4vw,2rem)}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,4vw,3.3rem);align-items:center;padding:clamp(1.3rem,4vw,3.4rem);border-radius:26px;background:radial-gradient(ellipse at 86% 0%,#dee8ff 0%,transparent 65%),#eaf0fc}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.55rem,5vw,4.8rem);line-height:.99;letter-spacing:-.066em;margin-bottom:1.05rem}h2{font-size:1.8rem;line-height:1.12;letter-spacing:-.04em;margin-bottom:1rem}h3{font-size:1.1rem;margin-bottom:.55rem}.intro{font-size:1.1rem;line-height:1.55;color:var(--muted);max-width:38ch}.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .55rem;margin:1rem 0}.price strong{font-size:2.6rem;letter-spacing:-.065em}.price span{color:var(--muted)}
.button,button{display:inline-block;border:0;border-radius:9px;background:var(--blue);color:white;padding:.8rem 1.05rem;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.button:hover,button:hover{background:#123a9b}
.example{margin:0;min-width:0;border:1px solid #bbc9e3;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 16px 34px #17295224}.browser,.demo-header,.demo-services{display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding:.65rem .8rem;font-size:.73rem}.browser{background:#fff;color:#4a5874}.browser span:first-child{letter-spacing:.14em;color:#657eae}.demo{background:#f4f1e8;color:#243b2a}.demo-header strong{font-family:Georgia,serif;font-size:1rem}.demo-hero{min-height:clamp(180px,25vw,300px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:1.2rem;color:white;background:linear-gradient(90deg,#0e261ce8,#0e261c52),url('/static/demo-landscape.jpg') center/cover,#244b37}.demo-hero p{font-family:Georgia,serif;font-size:clamp(1.65rem,3.1vw,2.65rem);line-height:1.05;margin-bottom:.7rem}.demo-cta{display:inline-block;background:#f6e7b6;color:#243b2a;border-radius:3px;padding:.45rem .55rem;font-size:.7rem;font-weight:800}.demo-services{justify-content:space-around;flex-wrap:wrap;font-weight:700}.example figcaption{padding:.6rem .8rem;color:#4a5874;font-size:.74rem}
.lower{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(1rem,5vw,4rem);align-items:start;padding:clamp(1rem,4vw,3rem) 0}.details{padding:clamp(.4rem,2vw,1.6rem)}.details ul{padding-left:1.2rem;line-height:1.75;color:var(--muted)}.contact{border-top:1px solid #cbd6e8;margin-top:1.4rem;padding-top:1.2rem}.contact a{display:table;margin:.45rem 0;font-weight:750;overflow-wrap:anywhere}.card{background:white;border:1px solid #dbe4f3;border-radius:20px;padding:clamp(1.1rem,4vw,2.1rem);scroll-margin-top:1rem}form{display:grid;gap:.8rem}label{display:block;font-weight:700;font-size:.94rem}small,.note{font-weight:400;color:var(--muted)}input,textarea{display:block;width:100%;margin-top:.3rem;border:1px solid #aab8ca;border-radius:8px;padding:.65rem .7rem;font:inherit;color:inherit;background:#fbfcff}textarea{resize:vertical}.note,.success{margin:0;line-height:1.5}.note{font-size:.82rem}.success{padding:1rem;border-radius:8px;background:#e7f4ec;color:#144e32}footer{padding:0 1rem 1.5rem;text-align:center}
@media(max-width:780px){.hero,.lower{grid-template-columns:1fr}.card{grid-row:1}.site-header{padding:.8rem 1rem}.site-header nav{gap:.35rem .7rem}.demo-hero{min-height:180px}}
.site-header{min-height:76px}.brand img{max-height:57px;max-width:120px;border-radius:4px}.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 78% 0%,#293f88,transparent 68%),linear-gradient(125deg,#111d3f,#192f66);color:white;padding-block:clamp(2rem,6vw,5rem)}.hero .intro,.hero .price span{color:#d9e4fc}.hero .price strong{color:#8fe6f6}.hero .button{background:#a5effb;color:#13213c}.hero .button:hover{background:#d0f9ff}
.example{position:relative;border:0;background:none;overflow:visible;box-shadow:none;padding-right:1rem}.laptop{border:5px solid #283658;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 16px 30px #080e2859}.laptop .demo-services{padding-right:23%}.phone{position:absolute;right:-.7rem;bottom:2.3rem;width:28%;border:4px solid #1a2748;border-radius:15px;background:#f4f1e8;color:#243b2a;overflow:hidden;box-shadow:0 12px 28px #080e2880}.phone-top{height:9px;background:#1a2748}.phone .demo-header{padding:.3rem;font-size:.55rem}.phone .demo-header strong{font-size:.66rem}.phone .demo-hero{padding:.46rem;min-height:clamp(85px,12vw,150px)}.phone .demo-hero p{font-size:clamp(.72rem,1.2vw,1.05rem);margin-bottom:.35rem}.phone .demo-cta{font-size:.48rem;padding:.25rem}.phone .demo-services{font-size:.52rem;padding:.35rem;gap:.25rem}.example figcaption{padding:.65rem 0 0;color:#d7e4ff}
.steps{padding:clamp(1.5rem,5vw,3.5rem) 0 0}.steps ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;gap:.8rem;counter-reset:steps;margin:0}.steps li{counter-increment:steps;background:#fff;border:1px solid #dce5f4;border-radius:14px;padding:1rem;display:grid;gap:.35rem}.steps li::before{content:counter(steps);display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;background:#e5f3ff;color:#183f86;font-weight:800;margin-bottom:.2rem}.steps li span{line-height:1.5;color:var(--muted);font-size:.92rem}.plan-price strong{font-size:1.7rem;color:var(--blue)}
@media(max-width:780px){.steps ol{grid-template-columns:1fr}.steps li{grid-template-columns:1.65rem 1fr;column-gap:.65rem}.steps li span{grid-column:2}.example{margin-top:.25rem}.hero{gap:1.55rem}}
.hero{background:radial-gradient(ellipse at 88% 5%,#264ab0,transparent 68%),linear-gradient(124deg,#0c1740 10%,#202777 62%,#155e81);box-shadow:0 18px 44px #122d651a}.hero-benefits{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.15rem 0}.hero-benefits span{font-size:.79rem;font-weight:700;color:#eefcff;background:#9ad9ff24;border:1px solid #a6dbff52;padding:.38rem .55rem;border-radius:6px}.hero .price strong{color:#9ff8f0}.hero .button{background:#9ff8f0}.steps li{border-top:4px solid #32bac9}.steps li:nth-child(2){border-top-color:#557cf2}.steps li:nth-child(3){border-top-color:#9877e8}.details{padding:clamp(1rem,3vw,2rem);border-radius:20px;background:linear-gradient(137deg,#e6f6ff,#eef0ff)}.plan-price strong{color:#234fbb}.card{box-shadow:0 12px 32px #172d6b12}
.site-footer{text-align:left;background:#0e1936;color:#e8efff;padding:0}.footer-content,.footer-bottom{max-width:1200px;margin:auto;padding:clamp(1.25rem,4vw,2.5rem) clamp(1rem,4vw,2rem)}.footer-content{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:1.5rem}.footer-content h2{font-size:1rem;letter-spacing:0;margin-bottom:.6rem;color:white}.footer-content a{display:table;color:#bbf2ff;margin-bottom:.5rem;overflow-wrap:anywhere}.footer-content .brand img{background:#fff;padding:4px;max-height:66px}.footer-content p{margin:.65rem 0 0;color:#c4d2ef;line-height:1.5}.footer-bottom{border-top:1px solid #334563;padding-block:.8rem;color:#c4d2ef;font-size:.85rem}
@media(max-width:620px){.footer-content{grid-template-columns:1fr 1fr;gap:1.1rem}.footer-content>div:first-child{grid-column:1/-1}}
.sms-consent{border:1px solid #dbe4f3;border-radius:10px;padding:.75rem;background:#f6f9ff}.check-label{display:grid;grid-template-columns:1.2rem 1fr;gap:.6rem;align-items:start;font-weight:500;line-height:1.45}.check-label input{width:1rem;height:1rem;margin:.2rem 0;accent-color:var(--blue)}.sms-consent .note{margin-top:.45rem}.form-error{margin:0;padding:.7rem;border-radius:8px;color:#8a2033;background:#fff0f2}
.gallery{padding-top:clamp(2rem,6vw,4rem)}.gallery>p{color:var(--muted);margin-bottom:1.25rem}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.theme-salon{--sample:#522038;--sample-paper:#fff0f4;--sample-accent:#ffd2dc;--sample-font:Georgia,serif}.theme-garden{--sample:#15392a;--sample-paper:#edf4e7;--sample-accent:#d9e8a1;--sample-font:Georgia,serif}.theme-plumbing{--sample:#14335b;--sample-paper:#eaf4ff;--sample-accent:#ffcf76;--sample-font:system-ui,sans-serif}.theme-cleaning{--sample:#25366c;--sample-paper:#eeefff;--sample-accent:#d4e4ff;--sample-font:system-ui,sans-serif}
.example-card{display:block;width:100%;text-align:left;padding:0;overflow:hidden;border:1px solid #d5e0ef;background:#fff;color:var(--ink);box-shadow:0 8px 22px #1020480e;border-radius:14px}.example-card:hover{background:var(--sample-paper);box-shadow:0 10px 24px #10204820}.example-photo{display:block;aspect-ratio:1.55;background:var(--example-photo) center/cover,var(--sample)}.example-card-body{display:grid;gap:.35rem;padding:.8rem}.example-card-body strong{color:var(--sample);font-size:1rem}.example-card-body>span{font-size:.86rem;color:#284f9e}
.example-dialog{width:min(720px,calc(100% - 1.25rem));max-height:calc(100dvh - 1.25rem);padding:0;border:0;border-radius:16px;color:var(--ink);box-shadow:0 24px 80px #06153275}.example-dialog::backdrop{background:#07152dbb}.dialog-bar,.sample-header,.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.65rem clamp(.75rem,3vw,1.35rem)}.dialog-bar p{margin:0;font-weight:750}.dialog-bar form{display:block}.dialog-bar button{background:#eaf0fb;color:var(--ink);padding:.2rem .75rem;font-size:1.45rem}.sample-header{background:var(--sample-paper);color:var(--sample)}.sample-header strong{font:700 1.18rem var(--sample-font)}.sample-header span{font-size:.75rem}.sample-hero{padding:clamp(1.2rem,5vw,2.8rem);color:white;background:linear-gradient(88deg,var(--sample) 0%,color-mix(in srgb,var(--sample) 74%,transparent) 58%,#12182b30),var(--example-photo) center/cover,var(--sample)}.sample-hero h3{font:750 clamp(2rem,6vw,3.5rem)/1.05 var(--sample-font);max-width:14ch;margin-bottom:.6rem}.sample-hero p{line-height:1.55;max-width:38ch}.sample-cta{display:inline-block;background:var(--sample-accent);color:var(--sample);padding:.55rem .75rem;border-radius:6px;font-size:.85rem;font-weight:800}.sample-services{display:flex;justify-content:space-around;gap:.5rem;flex-wrap:wrap;padding:1rem .65rem;background:var(--sample-paper);color:var(--sample);font-size:.85rem;font-weight:800}.dialog-footer{border-top:1px solid #dbe4f3;flex-wrap:wrap}.dialog-footer .button{font-size:.9rem}
@media(max-width:780px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}}
.domain-note{font-size:.87rem;line-height:1.5;color:#d9e4fc;margin:.85rem 0 0;max-width:42ch}
.sample-header{flex-wrap:wrap}.sample-brand{color:var(--sample);font:700 1.18rem var(--sample-font);text-decoration:none}.sample-header nav{display:flex;flex-wrap:wrap;gap:.45rem .75rem}.sample-header nav a{color:var(--sample);font-size:.82rem;font-weight:750;text-underline-offset:.2em}.sample-cta{text-decoration:none}.sample-cta:hover{text-decoration:underline}.sample-section{padding:clamp(1rem,4vw,1.7rem);color:var(--sample)}.sample-section h3{font:750 clamp(1.3rem,3.5vw,2rem)/1.15 var(--sample-font);margin-bottom:.8rem}.sample-section p{line-height:1.5;margin-bottom:0}.sample-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;background:none;padding:0}.sample-services article{background:var(--sample-paper);border-radius:9px;padding:.8rem}.sample-services article strong{display:block;margin-bottom:.4rem}.sample-services article p{font-weight:500}.sample-about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:1rem;background:var(--sample-paper)}.sample-about img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:9px}.sample-contact{background:var(--sample);color:white}.sample-contact p{margin-bottom:.8rem}
@media(max-width:520px){.sample-about,.sample-services{grid-template-columns:1fr}.sample-header nav a{padding:.3rem 0}}