*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:#0f1720;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #e6ebf1}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;font-size:20px}.brand-logo{display:block;width:150px;height:auto;max-height:58px;object-fit:contain}.brand-light{font-weight:500;margin-left:2px;color:#66717f}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#dcfce7;color:#22c55e}.nav-links{display:flex;gap:18px;align-items:center;font-size:13px;font-weight:600;white-space:nowrap}.nav-links a:hover{color:#22c55e}.nav-links a.faq-link{display:inline-block;visibility:visible;opacity:1}.nav-cta{background:#0f1720;color:#fff!important;padding:12px 18px;border-radius:999px}.menu-toggle{display:none;border:0;background:none;font-size:25px}.hero{padding:86px 0 72px;background:linear-gradient(180deg,#f7fbfb,#fff 76%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#22c55e;margin-bottom:14px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-right:8px}h1,h2,h3{font-family:Manrope,Inter,sans-serif;line-height:1.02;letter-spacing:-.045em}h1{font-size:clamp(54px,7vw,82px);margin:0 0 26px}h1 span{color:#22c55e}.hero-text,.page-hero p{font-size:18px;color:#66717f;max-width:610px}.hero-actions{display:flex;gap:12px;margin:30px 0 42px;flex-wrap:wrap}.centered{justify-content:center}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 20px;border-radius:999px;font-weight:700;font-size:14px;cursor:pointer;border:0}.primary{background:#22c55e;color:#fff;box-shadow:0 8px 24px rgba(37,161,142,.22)}.secondary{background:#fff;border:1px solid #e6ebf1}.full{width:100%}.trust-row{display:flex;gap:28px;flex-wrap:wrap}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:14px}.trust-row span{font-size:12px;color:#66717f}.hero-card{background:#dcfce7;padding:12px;border-radius:28px;box-shadow:0 30px 70px rgba(16,60,55,.14);transform:rotate(1deg)}.window-top{height:38px;display:flex;align-items:center;gap:6px;padding:0 10px}.window-top span{width:8px;height:8px;background:#a8beb9;border-radius:50%}.address{margin:auto;color:#58716c;background:rgba(255,255,255,.55);padding:6px 100px;border-radius:999px;font-size:10px}.mock-site{min-height:490px;background:#fff;border-radius:20px;overflow:hidden}.mock-nav{display:flex;justify-content:space-between;padding:24px 30px;font-size:11px;border-bottom:1px solid #e6ebf1;color:#65726f}.mock-content{padding:72px 48px;background:radial-gradient(circle at 80% 25%,#ebfffb,transparent 34%),#fff;height:440px}.mock-badge{display:inline-block;background:#ecfdf5;color:#16a34a;font-size:9px;font-weight:800;letter-spacing:.13em;padding:7px 10px;border-radius:100px}.mock-content h3{font-size:53px;margin:18px 0 12px}.mock-content p{color:#66717f;font-size:13px}.mock-buttons{display:flex;gap:8px;margin-top:28px}.mock-buttons i{display:block;height:34px;width:98px;border-radius:100px;background:#0f1720}.mock-buttons i+i{background:#edf2f2;width:78px}.stats{border-block:1px solid #e6ebf1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{padding:23px 20px;border-right:1px solid #e6ebf1;display:flex;justify-content:center;gap:10px}.stats-grid div:last-child{border:0}.stats-grid strong{color:#22c55e}.stats-grid span{font-size:13px;color:#66717f}.section{padding:110px 0}.alt{background:#f5f8fb}.page-hero{padding:90px 0 70px;background:#f7fbfb}.page-hero h1{max-width:850px}.page-hero p{max-width:650px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{border:1px solid #e6ebf1;padding:30px;border-radius:20px;background:#fff;min-height:255px}.service-card.featured{background:#ecfdf5;border-color:#bbf7d0}.icon{font-size:24px;color:#22c55e;margin-bottom:45px}.service-card h3{font-size:25px;margin:0 0 10px}.service-card p{margin:0;color:#66717f;font-size:13px}.work-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.project.large{grid-row:span 2}.project-preview{height:285px;border-radius:22px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.project.large .project-preview{height:590px}.cafe{background:linear-gradient(135deg,#f0ddbb,#9d6d4c);color:#fff}.tavern{background:linear-gradient(135deg,#202e2b,#566c64);color:#fff}.stitch{background:linear-gradient(135deg,#d9d0bd,#8e8a7c);color:#fff}.project-top{font-size:11px;letter-spacing:.12em;font-weight:800}.project-title{font:800 43px/1 Manrope,Inter,sans-serif;letter-spacing:-.05em}.project.large .project-title{font-size:62px}.project-line{height:1px;background:rgba(255,255,255,.45);width:90px}.project-info{display:flex;justify-content:space-between;align-items:center;padding:15px 3px 0}.project-info h3{font-size:17px;margin:0 0 3px}.project-info p{font-size:12px;color:#66717f;margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{position:relative;border:1px solid #e6ebf1;border-radius:22px;padding:32px;background:#fff}.price-card.popular{border:2px solid #22c55e;padding:31px}.popular-tag{position:absolute;top:-12px;right:22px;background:#22c55e;color:#fff;padding:6px 10px;border-radius:999px;font-size:9px;font-weight:800}.price-label{font-weight:800;font-size:11px;letter-spacing:.13em;color:#66717f}.price-card h3{font-size:52px;margin:18px 0 10px}.price-card>p{color:#66717f;font-size:13px;min-height:45px}.price-card ul{list-style:none;padding:0;margin:28px 0}.price-card li{padding:8px 0;font-size:13px;border-bottom:1px solid #e6ebf1}.price-card li:before{content:"✓";color:#22c55e;margin-right:9px;font-weight:800}.dark{background:#0b151b;color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:30px 0;border-top:1px solid rgba(255,255,255,.16)}.step span{color:#86efac;font-size:12px;font-weight:800}.step h3{font-size:28px;margin:35px 0 10px}.step p{color:#9ba8ae;font-size:13px;max-width:230px}.contact{background:#f4f8f8}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.contact h2{font-size:clamp(38px,5vw,58px);max-width:590px}.contact-detail{display:flex;gap:15px;align-items:center;margin-top:35px}.contact-detail>span{width:44px;height:44px;border-radius:12px;background:#dcfce7;color:#22c55e;display:grid;place-items:center}.contact-detail b{display:block;font-size:13px}.contact-detail a{font-size:13px;color:#66717f}.contact-form{background:#fff;border:1px solid #e6ebf1;border-radius:22px;padding:28px}.contact-form label{display:block;font-size:12px;font-weight:700;margin-bottom:16px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #e6ebf1;border-radius:12px;padding:12px 13px;font:inherit;outline:none}.form-note{font-size:10px;color:#66717f;margin:12px 0 0}footer{border-top:1px solid #e6ebf1;padding:25px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:11px;color:#66717f}.footer-grid p:nth-child(2){text-align:center}.footer-grid p:last-child{text-align:right}
@media(max-width:900px){.hero-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.service-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1fr}.project.large{grid-row:auto}.project.large .project-preview{height:360px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.brand-logo{width:132px}.container{width:min(100% - 28px,1160px)}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:18px;flex-direction:column;align-items:stretch;border-bottom:1px solid #e6ebf1}.nav-links.open{display:flex}.menu-toggle{display:block}.hero{padding-top:55px}.mock-content h3{font-size:39px}.mock-content{padding:50px 28px}.address{padding:6px 35px}.section{padding:80px 0}.service-grid,.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:12px}.footer-grid p{text-align:left!important;margin:0}}

/* Quote wizard */
.quote-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.quote-intro h2{font-size:clamp(38px,5vw,58px);margin:0 0 18px}.quote-intro>p{color:#66717f;max-width:520px}.quote-side-note{display:flex;gap:12px;margin-top:24px;align-items:flex-start}.quote-side-note>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#22c55e;font-weight:800}.quote-side-note b{display:block;font-size:13px}.quote-side-note small{color:#66717f}.quote-wizard{background:#fff;border:1px solid #e6ebf1;border-radius:24px;padding:30px;box-shadow:0 20px 50px rgba(18,44,41,.06)}.wizard-progress{height:5px;background:#edf2f2;border-radius:20px;overflow:hidden}.progress-fill{height:100%;width:20%;background:#22c55e;transition:.25s}.wizard-step-label{display:flex;justify-content:space-between;color:#66717f;font-size:11px;font-weight:700;margin:12px 0 28px}.wizard-step{display:none}.wizard-step.active{display:block}.wizard-step h3{font-size:31px;margin:0 0 8px}.step-description{color:#66717f;font-size:13px;margin:0 0 24px}.wizard-step>label{display:block;font-size:12px;font-weight:700;margin-bottom:17px}.wizard-step input:not([type=checkbox]):not([type=file]),.wizard-step select,.wizard-step textarea{display:block;width:100%;margin-top:7px;border:1px solid #e0e7ec;border-radius:12px;padding:12px 13px;font:inherit;outline:none;background:#fff}.wizard-step input:focus,.wizard-step select:focus,.wizard-step textarea:focus{border-color:#22c55e}.optional{font-weight:500;color:#8a949e}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:8px 0 24px}.check{display:flex!important;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e6ebf1;border-radius:10px;font-weight:500!important;cursor:pointer}.check input{accent-color:#22c55e}.option-list{display:grid;gap:9px;margin-bottom:20px}.option{display:flex!important;gap:11px;align-items:flex-start;padding:13px;border:1px solid #e6ebf1;border-radius:12px;cursor:pointer}.option input{margin-top:3px;accent-color:#22c55e}.option b{display:block;font-size:13px}.option small{display:block;color:#66717f;font-size:11px;font-weight:400}.file-help{display:block;color:#66717f;font-size:10px;font-weight:400;margin-top:7px}.wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:25px}.wizard-actions .primary{margin-left:auto}.recommendation{background:#e8f8f4;border:1px solid #bbf7d0;border-radius:18px;padding:25px;margin-bottom:16px}.recommendation-badge{font-size:10px;letter-spacing:.13em;font-weight:800;color:#22c55e}.recommendation h3{font-size:36px;margin:14px 0 2px}.recommendation-price{font-size:28px;font-weight:800}.recommendation p{color:#66717f;font-size:13px}.recommendation-reasons{border-top:1px solid #bbf7d0;margin-top:17px;padding-top:13px;font-size:12px}.recommendation-reasons div{margin:6px 0}.recommendation-reasons div:before{content:"✓";color:#22c55e;font-weight:800;margin-right:7px}.quote-disclaimer{font-size:11px;color:#66717f;background:#f5f8fb;padding:12px;border-radius:10px}.form-note{font-size:10px;color:#66717f;margin:12px 0 0}.success-message{background:#e8f8f4;border:1px solid #bbf7d0;border-radius:16px;padding:25px;color:#163d38}.success-message h3{margin:0 0 8px;font-size:28px}
@media(max-width:900px){.quote-layout{grid-template-columns:1fr;gap:40px}}
@media(max-width:600px){.check-grid{grid-template-columns:1fr}.quote-wizard{padding:20px}}

.hero-logo{display:block;width:min(520px,100%);height:auto;margin:0 0 25px;filter:drop-shadow(0 10px 25px rgba(34,197,94,.10))}.google-form-card{background:#fff;border:1px solid #e6ebf1;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px rgba(18,44,41,.06)}.embedded-form-head{padding:26px 28px 18px;border-bottom:1px solid #e6ebf1}.embedded-form-head h3{font-size:30px;margin:0 0 8px}.embedded-form-head p{font-size:13px;color:#66717f;margin:0}.google-form-card iframe{display:block;width:100%;height:1100px;border:0;background:#fff}.form-fallback{padding:15px 20px;margin:0;font-size:11px;color:#66717f;background:#f5f8fb}.form-fallback a{color:#16a34a;font-weight:700}
@media(max-width:700px){.hero-logo{width:100%;max-width:430px}.google-form-card iframe{height:1250px}.embedded-form-head{padding:22px 20px}}

/* Growth / conversion sections */
.soft{background:#f5f8fb}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end;margin-bottom:42px}.section-head h2{font-size:clamp(38px,5vw,58px);margin:0}.section-head>p{color:#66717f;max-width:520px;margin:0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefit-card{background:#fff;border:1px solid #e6ebf1;border-radius:20px;padding:28px;min-height:245px}.benefit-card span{font-size:11px;font-weight:800;color:#22c55e}.benefit-card h3{font-size:24px;margin:45px 0 10px}.benefit-card p{font-size:13px;color:#66717f;margin:0}.choice-section{background:#fff}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}.choice-card{border:1px solid #e6ebf1;border-radius:20px;padding:25px;transition:.2s;background:#fff}.choice-card:hover{transform:translateY(-4px);border-color:#bbf7d0;box-shadow:0 15px 35px rgba(18,44,41,.07)}.choice-card strong{font-size:26px}.choice-card h3{font-size:21px;margin:22px 0 7px}.choice-card p{font-size:12px;color:#66717f;min-height:40px}.choice-card span{font-size:12px;font-weight:800;color:#16a34a}.testimonial-section{background:#f5f8fb}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonial-card{background:#fff;border:1px solid #e6ebf1;border-radius:20px;padding:28px}.stars{letter-spacing:3px;color:#22c55e;font-size:13px}.testimonial-card>p{font-size:15px;line-height:1.65;min-height:95px}.testimonial-card>div:last-child{border-top:1px solid #e6ebf1;padding-top:16px}.testimonial-card strong,.testimonial-card span{display:block}.testimonial-card strong{font-size:12px}.testimonial-card span{font-size:10px;color:#8a949e;margin-top:3px}.center-action{text-align:center;margin-top:30px}.text-link{font-size:13px;font-weight:800;color:#16a34a}.cta-banner{background:#0b151b;color:#fff;padding:65px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta-inner h2{font-size:clamp(34px,4vw,52px);margin:0 0 10px;max-width:720px}.cta-inner p{color:#a8b2b7;margin:0}.cta-inner .eyebrow{margin-bottom:12px}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.care-card{background:#fff;border:1px solid #e6ebf1;border-radius:22px;padding:30px}.care-card.featured{border:2px solid #22c55e;padding:29px}.care-card h3{font-size:38px;margin:18px 0 8px}.care-card h3 span{font:600 14px Inter,sans-serif;letter-spacing:0;color:#66717f}.care-card p{color:#66717f;font-size:13px;min-height:42px}.care-card ul{list-style:none;padding:0;margin:22px 0 0}.care-card li{font-size:12px;padding:8px 0;border-bottom:1px solid #e6ebf1}.care-card li:before{content:"✓";color:#22c55e;font-weight:800;margin-right:9px}.pricing-note{font-size:11px;color:#66717f;margin:18px 0 0}.timeline{max-width:820px;margin:auto}.timeline-item{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:27px 0;border-bottom:1px solid #e6ebf1}.timeline-item:last-child{border-bottom:0}.timeline-item>span{width:48px;height:48px;border-radius:50%;background:#dcfce7;color:#16a34a;display:grid;place-items:center;font-size:11px;font-weight:800}.timeline-item h3{font-size:24px;margin:0 0 7px}.timeline-item p{font-size:13px;color:#66717f;margin:0;max-width:610px}.mini-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-feature-grid>div{border-top:1px solid #cfd9df;padding-top:22px}.mini-feature-grid strong{color:#22c55e;font-size:11px}.mini-feature-grid h3{font-size:24px;margin:25px 0 8px}.mini-feature-grid p{font-size:13px;color:#66717f;margin:0}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:start}.faq-intro h2{font-size:clamp(38px,5vw,58px);margin:0 0 15px}.faq-intro p{color:#66717f;margin-bottom:25px}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid #e6ebf1;border-radius:16px;padding:18px 20px;background:#fff}.faq-list summary{cursor:pointer;font-weight:800;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:#22c55e;font-size:18px;line-height:1}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:13px;color:#66717f;margin:14px 0 2px;max-width:700px}
@media(max-width:900px){.section-head,.faq-layout{grid-template-columns:1fr;gap:18px}.benefit-grid,.choice-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid,.care-grid,.mini-feature-grid{grid-template-columns:1fr}.cta-inner{flex-direction:column;align-items:flex-start}.timeline{max-width:none}}
@media(max-width:700px){.benefit-grid,.choice-grid{grid-template-columns:1fr}.benefit-card{min-height:0}.choice-card p{min-height:0}.testimonial-card>p{min-height:0}.cta-banner{padding:52px 0}.timeline-item{grid-template-columns:50px 1fr;gap:16px}.timeline-item>span{width:40px;height:40px}.care-card.featured{padding:29px}.faq-list summary{font-size:13px}}

/* Trust / proof polish */
.project-link{display:block;color:inherit;text-decoration:none}.project-link:hover{filter:brightness(.99)}.project-info small{display:block;font-size:11px;color:#66717f;line-height:1.5;margin-top:7px}.project-info>a{font-size:11px;font-weight:800;color:#16a34a;text-decoration:none;white-space:nowrap}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-grid>div{background:#fff;border:1px solid #e6ebf1;border-radius:18px;padding:26px}.case-grid span{font-size:10px;letter-spacing:.13em;font-weight:800;color:#22c55e}.case-grid h3{font-size:22px;margin:18px 0 9px}.case-grid p{font-size:13px;line-height:1.6;color:#66717f;margin:0}.case-action{margin-top:24px}.service-area-strip{padding-top:70px;padding-bottom:70px;background:#fff}.service-area-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid #e6ebf1;border-radius:24px;padding:36px;background:#fff;box-shadow:0 15px 35px rgba(18,44,41,.05)}.service-area-inner h2{font-size:clamp(32px,4vw,46px);margin:0 0 9px}.service-area-inner p{color:#66717f;margin:0;max-width:700px}.expectation-grid .stars{color:#16a34a}.linked-project{cursor:pointer}.nav-links a:focus-visible,.button:focus-visible,.menu-toggle:focus-visible,.project-link:focus-visible{outline:3px solid #86efac;outline-offset:3px;border-radius:8px}
@media(max-width:900px){.case-grid{grid-template-columns:1fr}.service-area-inner{flex-direction:column;align-items:flex-start}}

/* Navigation, interaction, and footer refinements */
/* Interactive experience */
/* Dark-mode readability and clearer theme control */
body[data-theme="dark"] :is(h1,h2,h3,h4,strong,b,summary){color:#f4fbfb}body[data-theme="dark"] :is(p,li,small,label,.trust-row span,.stats-grid span,.price-label,.footer-brand p,.contact-detail a,.form-note,.planner-step-count,.planner-option small,.project-info p){color:#c6d5d8}body[data-theme="dark"] :is(.price-card,.service-card,.benefit-card,.testimonial-card,.care-card,.choice-card,.contact-form,.package-picker,.project-planner,.faq-list details,.addon-list label,.planner-option,.planner-checks label){background:#102124;border-color:#365156;color:#e9f3f4}body[data-theme="dark"] :is(input,textarea,select){background:#0b181b;color:#f4fbfb;border-color:#426068}body[data-theme="dark"] .nav-controls .theme-toggle{background:#163137;color:#f4fbfb;border-color:#4c7379}body[data-theme="dark"] .secondary{background:#153036;color:#f4fbfb;border-color:#4c7379}body[data-theme="dark"] .comparison-help{color:#c6d5d8}body[data-theme="dark"] .comparison-presets button{background:#153036;color:#e9f3f4;border-color:#4c7379}body[data-theme="dark"] .comparison-presets button.active{background:#174b37;color:#effff4;border-color:#56d78a}@media(max-width:700px){.nav-controls .theme-toggle{min-width:98px;padding:0 10px}.theme-label{font-size:11px}}
.price-card.selected{border-color:#16a34a;box-shadow:0 18px 38px rgba(22,163,74,.14);transform:translateY(-4px)}.price-card.selected:not(.popular){border-width:2px;padding:29px}
.nav-controls .theme-toggle{width:auto;min-width:116px;height:40px;padding:0 13px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800}.theme-icon{font-size:17px;line-height:1}.theme-label{white-space:nowrap}.comparison-controls{margin-top:18px;text-align:center}.comparison-help{margin:0 0 10px;color:#52606a;font-size:12px;font-weight:700}.comparison-presets{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.comparison-presets button{border:1px solid var(--line);border-radius:999px;background:#fff;color:#40505a;padding:9px 13px;font:700 12px Inter,sans-serif;cursor:pointer}.comparison-presets button.active,.comparison-presets button:hover{border-color:#16a34a;background:#ecfdf5;color:#166534}.comparison-section .comparison-range{position:static;display:block;width:min(620px,100%);height:28px;margin:12px auto 0;accent-color:#16a34a}
:root{--beacon:#22c55e;--beacon-dark:#0b151b;--muted:#66717f;--line:#e6ebf1;--surface:#fff;--soft:#f5f8fb}.nav{transition:height .25s ease}.site-header{transition:background .25s ease,box-shadow .25s ease}.site-header.is-scrolled{background:rgba(255,255,255,.98);box-shadow:0 12px 30px rgba(15,23,32,.07)}.nav-controls{display:flex;align-items:center;gap:8px;order:3}.nav-links{order:2;margin-left:auto;margin-right:13px}.theme-toggle,.menu-toggle{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#0f1720;display:grid;place-items:center;cursor:pointer;font-size:18px;transition:transform .2s ease,background .2s ease,border-color .2s ease}.theme-toggle:hover,.menu-toggle:hover{transform:translateY(-2px);border-color:#bbf7d0;background:#f0fdf4}.hero{position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(10px);opacity:.58}.hero:before{width:380px;height:380px;top:-210px;left:-130px;background:rgba(134,239,172,.18)}.hero:after{width:420px;height:420px;right:-170px;bottom:-270px;background:rgba(45,212,191,.13)}.hero-text-link{align-self:center}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}.about-grid h2{font-size:clamp(38px,5vw,58px);margin:0 0 17px}.about-grid>div>p{color:var(--muted);max-width:510px}.about-points{display:grid;gap:0;border-block:1px solid var(--line)}.about-points>div{display:grid;grid-template-columns:50px 1fr 1.3fr;gap:16px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.about-points>div:last-child{border:0}.about-points span{font-size:11px;font-weight:800;color:var(--beacon)}.about-points b{font:800 20px/1.1 Manrope,Inter,sans-serif;letter-spacing:-.04em}.about-points p{margin:0;color:var(--muted);font-size:12px}.comparison-section{overflow:hidden}.before-after{--comparison:58%;position:relative;height:430px;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#e9eeef;box-shadow:0 22px 50px rgba(18,44,41,.08)}.comparison-before,.comparison-after{position:absolute;inset:0;padding:24px}.comparison-before{background:#dbe3e5}.comparison-after{width:var(--comparison);overflow:hidden;border-right:2px solid #fff;background:linear-gradient(135deg,#dcfce7,#d8fbf4)}.comparison-label{display:inline-flex;position:absolute;top:22px;left:22px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.8);font-size:10px;font-weight:800;letter-spacing:.12em;color:#4b5963}.old-browser,.new-browser{position:absolute;inset:72px 11% 32px;border-radius:18px;background:#fff;box-shadow:0 18px 35px rgba(18,44,41,.12);overflow:hidden}.old-browser{background:linear-gradient(180deg,#fff,#edf1f1)}.old-lines{padding:70px 14%;display:grid;gap:15px}.old-lines i{display:block;height:14px;width:100%;border-radius:4px;background:#dce4e5}.old-lines i:nth-child(2){width:74%}.old-lines i:nth-child(3){width:88%}.old-lines i:nth-child(5){width:60%}.old-button{width:118px;height:34px;border-radius:999px;background:#ccd6d8;margin:0 14%}.new-browser{min-width:410px}.new-mini-nav{display:flex;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line);font-size:10px;color:#64726f}.new-content{padding:62px 38px;min-width:360px}.new-content small{display:inline-block;color:#16a34a;background:#ecfdf5;border-radius:999px;padding:6px 9px;font-weight:800;font-size:9px;letter-spacing:.09em}.new-content strong{display:block;margin-top:18px;font:800 43px/.98 Manrope,Inter,sans-serif;letter-spacing:-.06em}.new-content i{display:block;width:105px;height:33px;margin-top:22px;border-radius:999px;background:#0b151b}.comparison-handle{position:absolute;z-index:2;top:50%;left:var(--comparison);width:42px;height:42px;border:2px solid #fff;border-radius:50%;background:#0b151b;color:#fff;display:grid;place-items:center;transform:translate(-50%,-50%);box-shadow:0 6px 16px rgba(0,0,0,.17)}.comparison-range{position:absolute;z-index:3;right:20px;bottom:18px;left:20px;width:calc(100% - 40px);accent-color:#16a34a}.demo-section{background:linear-gradient(180deg,#fff,#f4fbf7)}.device-controls{display:flex;justify-content:center;gap:10px;margin:10px 0 32px;flex-wrap:wrap}.device-button,.filter-button,.package-option{border:1px solid var(--line);border-radius:999px;background:#fff;padding:10px 14px;color:#40505a;font:700 12px Inter,sans-serif;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.device-button:hover,.filter-button:hover,.package-option:hover{transform:translateY(-2px);border-color:#bbf7d0}.device-button.active,.filter-button.active,.package-option.active{border-color:#16a34a;background:#ecfdf5;color:#166534}.device-stage{min-height:390px;display:grid;place-items:center}.device-frame{border:12px solid #0b151b;border-radius:26px;background:#0b151b;box-shadow:0 28px 50px rgba(12,30,27,.2);transition:width .35s ease,height .35s ease,border-radius .35s ease}.device-desktop{width:min(860px,100%);height:385px}.device-tablet{width:570px;height:420px}.device-phone{width:288px;height:480px;border-radius:34px}.device-site{height:100%;overflow:hidden;border-radius:12px;background:#fff}.device-site-nav{display:flex;justify-content:space-between;padding:18px 24px;color:#52606a;font-size:10px;border-bottom:1px solid var(--line)}.device-phone .device-site-nav{padding:14px 16px;font-size:8px}.device-phone .device-site-nav span{display:none}.device-site-hero{height:calc(100% - 51px);padding:clamp(28px,6vw,72px);background:radial-gradient(circle at 72% 18%,#dcfce7,transparent 34%),#fff}.device-site-hero small{color:#16a34a;font-size:9px;font-weight:800;letter-spacing:.14em}.device-site-hero strong{display:block;max-width:520px;margin-top:18px;font:800 clamp(34px,5vw,62px)/.98 Manrope,Inter,sans-serif;letter-spacing:-.06em}.device-phone .device-site-hero{padding:38px 22px}.device-phone .device-site-hero strong{font-size:35px}.device-site-hero i{display:block;width:125px;height:38px;margin-top:25px;border-radius:999px;background:#22c55e}.client-experience{background:#0b151b;color:#fff;overflow:hidden}.client-experience .center-head p{color:#a8b2b7}.experience-carousel{max-width:760px;margin:42px auto 0}.experience-track{position:relative;min-height:245px}.experience-slide{display:none;min-height:240px;padding:42px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.13);border-radius:24px}.experience-slide.active{display:block;animation:slideIn .35s ease both}.experience-slide>span{color:#86efac;font-size:12px;font-weight:800}.experience-slide h3{margin:42px 0 13px;font-size:clamp(30px,4vw,42px)}.experience-slide p{max-width:510px;margin:0;color:#c4ced1}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:22px}.carousel-arrow{width:40px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent;color:#fff;font-size:18px;cursor:pointer}.carousel-dots{display:flex;gap:7px}.carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#52636a;cursor:pointer}.carousel-dots button.active{width:24px;border-radius:999px;background:#86efac}@keyframes slideIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}.estimator-section{background:linear-gradient(180deg,#fff,#f5f8fb)}.estimator-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:start}.package-picker{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}.picker-label{margin:0 0 12px;color:#52606a;font-size:12px;font-weight:800}.picker-label+.package-options{margin-bottom:28px}.package-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.package-option{display:flex;flex-direction:column;align-items:flex-start;gap:3px;border-radius:14px;padding:15px}.package-option span{font-size:13px}.package-option b{font-size:11px}.addon-list{display:grid;gap:8px}.addon-list label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;color:#4d5b65;font-size:13px;cursor:pointer}.addon-list input{accent-color:#16a34a}.addon-list span{display:flex;justify-content:space-between;width:100%;gap:16px}.addon-list b{white-space:nowrap;color:#16a34a}.estimate-card{position:sticky;top:104px;padding:30px;border-radius:22px;background:#0b151b;color:#fff;box-shadow:0 20px 44px rgba(11,21,27,.18)}.estimate-card>span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#86efac}.estimate-card strong{display:block;margin:18px 0 2px;font:800 53px/1 Manrope,Inter,sans-serif;letter-spacing:-.06em}.estimate-card p{margin:0;color:#d7e1e2;font-size:14px}.estimate-card small{display:block;margin:23px 0;color:#9faeb3;line-height:1.55;font-size:11px}.project-tools{padding:26px 0;border-bottom:1px solid var(--line);background:#fff}.project-filter-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px}.project-search input{width:220px;padding:11px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;font-size:12px;outline:none}.project-search input:focus{border-color:#22c55e}.project-card[hidden]{display:none}.project-links{display:flex;gap:12px;align-items:center}.project-links a{font-size:11px;font-weight:800;color:#16a34a;white-space:nowrap}.case-hero{padding:94px 0 78px;background:radial-gradient(circle at 75% 22%,#d9fff0,transparent 27%),#f7fbfb}.case-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center}.case-hero h1{margin:22px 0;font-size:clamp(55px,7vw,90px)}.case-hero h1 span{color:#16a34a}.case-hero p{max-width:570px;color:var(--muted);font-size:17px}.back-link{display:inline-flex;color:#16a34a;font-size:12px;font-weight:800}.case-preview{min-height:460px;padding:36px;border-radius:26px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 30px 55px rgba(18,44,41,.15)}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-facts>div{padding:5px 0 5px 18px;border-left:2px solid #bbf7d0}.case-facts span{display:block;margin-bottom:6px;color:#16a34a;font-size:10px;font-weight:800;letter-spacing:.12em}.case-facts b{font:800 17px/1.3 Manrope,Inter,sans-serif;letter-spacing:-.04em}.planner-hero{padding-bottom:58px}.planner-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.planner-intro h2{margin:0 0 15px;font-size:clamp(38px,5vw,58px)}.planner-intro>p{color:var(--muted)}.planner-benefits{margin-top:30px;display:grid;gap:14px}.planner-benefits>div{display:flex;gap:13px;align-items:center}.planner-benefits span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#16a34a;font-size:10px;font-weight:800}.planner-benefits p{margin:0;font-size:12px;font-weight:700}.project-planner{padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 20px 50px rgba(18,44,41,.07)}.planner-progress{height:5px;border-radius:999px;background:#e8eef0;overflow:hidden}.planner-progress-fill{display:block;width:33.333%;height:100%;border-radius:inherit;background:#22c55e;transition:width .25s ease}.planner-step-count{margin:12px 0 28px;color:#66717f;font-size:11px}.planner-step{display:none;border:0;margin:0;padding:0}.planner-step.active{display:block}.planner-step legend{max-width:600px;margin:0 0 22px;padding:0;font:800 30px/1.05 Manrope,Inter,sans-serif;letter-spacing:-.05em}.planner-option{display:flex;gap:12px;margin:10px 0;padding:15px;border:1px solid var(--line);border-radius:14px;cursor:pointer}.planner-option input{margin-top:3px;accent-color:#16a34a}.planner-option b,.planner-option small{display:block}.planner-option b{font-size:13px}.planner-option small{margin-top:3px;color:#66717f;font-size:11px}.planner-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px}.planner-checks label{display:flex;align-items:center;gap:8px;padding:14px;border:1px solid var(--line);border-radius:12px;font-size:12px;cursor:pointer}.planner-checks input{accent-color:#16a34a}.planner-actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.planner-actions .primary{margin-left:auto}.planner-result{padding:10px 0}.planner-result>span{color:#16a34a;font-size:10px;font-weight:800;letter-spacing:.12em}.planner-result h3{margin:12px 0 8px;font-size:45px}.planner-result p{color:#66717f}.planner-summary{margin:20px 0;padding:16px;background:#f5f8fb;border-radius:12px;color:#52606a;font-size:12px;line-height:1.7}.text-button{display:block;margin:14px auto 0;border:0;background:transparent;color:#16a34a;font:700 12px Inter,sans-serif;cursor:pointer}
body[data-theme="dark"]{background:#081214;color:#e7f1f1}body[data-theme="dark"] .site-header{background:rgba(8,18,20,.92);border-color:#203236}body[data-theme="dark"] .site-header.is-scrolled{background:rgba(8,18,20,.98)}body[data-theme="dark"] .theme-toggle,body[data-theme="dark"] .menu-toggle,body[data-theme="dark"] .secondary,body[data-theme="dark"] .price-card,body[data-theme="dark"] .service-card,body[data-theme="dark"] .benefit-card,body[data-theme="dark"] .testimonial-card,body[data-theme="dark"] .care-card,body[data-theme="dark"] .choice-card,body[data-theme="dark"] .package-picker,body[data-theme="dark"] .project-planner,body[data-theme="dark"] .filter-button,body[data-theme="dark"] .device-button,body[data-theme="dark"] .project-tools,body[data-theme="dark"] .project-search input{background:#102124;color:#e7f1f1;border-color:#294044}body[data-theme="dark"] .hero,body[data-theme="dark"] .page-hero,body[data-theme="dark"] .case-hero{background:radial-gradient(circle at 75% 15%,#143e32,transparent 35%),#081214}body[data-theme="dark"] .soft,body[data-theme="dark"] .alt,body[data-theme="dark"] .estimator-section,body[data-theme="dark"] .demo-section{background:#0d1a1d}body[data-theme="dark"] footer{background:#081214;border-color:#203236}body[data-theme="dark"] .hero-text,body[data-theme="dark"] .page-hero p,body[data-theme="dark"] .section-head>p,body[data-theme="dark"] .about-grid>div>p,body[data-theme="dark"] .about-points p,body[data-theme="dark"] .service-card p,body[data-theme="dark"] .benefit-card p,body[data-theme="dark"] .testimonial-card span,body[data-theme="dark"] .care-card p,body[data-theme="dark"] .case-grid p,body[data-theme="dark"] .planner-intro>p,body[data-theme="dark"] .planner-result p{color:#aab9bd}body[data-theme="dark"] .stats,body[data-theme="dark"] .about-points,body[data-theme="dark"] .about-points>div,body[data-theme="dark"] .project-tools{border-color:#203236}body[data-theme="dark"] .mock-site,body[data-theme="dark"] .new-browser,body[data-theme="dark"] .device-site{background:#102124}body[data-theme="dark"] .mock-content,body[data-theme="dark"] .device-site-hero{background:radial-gradient(circle at 80% 25%,#163e33,transparent 34%),#102124}body[data-theme="dark"] .mock-content p,body[data-theme="dark"] .new-mini-nav,body[data-theme="dark"] .device-site-nav{color:#9fafb3}body[data-theme="dark"] .new-content strong,body[data-theme="dark"] .device-site-hero strong{color:#e7f1f1}body[data-theme="dark"] .project-info p,body[data-theme="dark"] .project-info small{color:#aab9bd}body[data-theme="dark"] .comparison-before{background:#26383b}body[data-theme="dark"] .old-browser{background:#1b2b2e}body[data-theme="dark"] .old-lines i{background:#42575a}body[data-theme="dark"] .planner-option,body[data-theme="dark"] .planner-checks label,body[data-theme="dark"] .addon-list label{border-color:#294044;color:#d8e5e6}body[data-theme="dark"] .planner-option small,body[data-theme="dark"] .planner-step-count,body[data-theme="dark"] .estimate-card small{color:#aab9bd}body[data-theme="dark"] .planner-summary{background:#16282c;color:#c6d4d5}body[data-theme="dark"] .faq-list details{background:#102124;border-color:#294044}body[data-theme="dark"] .faq-list details p{color:#aab9bd}body[data-theme="dark"] .nav-links{background:#081214}body[data-theme="dark"] .nav-links a{color:#d7e3e4}@media(max-width:900px){.about-grid,.case-hero-grid,.planner-layout,.estimator-grid{grid-template-columns:1fr;gap:36px}.estimate-card{position:static}.case-preview{min-height:360px}.project-filter-row{align-items:flex-start;flex-direction:column}.project-search input{width:min(100%,320px)}}@media(max-width:700px){.nav-links{margin-right:0}.nav-controls{gap:6px}.theme-toggle{display:grid}.comparison-section .section-head{margin-bottom:30px}.before-after{height:370px}.old-browser,.new-browser{inset:65px 8% 34px}.new-browser{min-width:300px}.new-content{min-width:270px;padding:50px 25px}.new-content strong{font-size:33px}.about-points>div{grid-template-columns:36px 1fr;gap:10px}.about-points p{grid-column:2}.device-stage{min-height:340px}.device-desktop{height:310px}.device-tablet{width:min(480px,100%);height:360px}.device-phone{height:440px}.experience-slide{padding:30px;min-height:260px}.package-options{grid-template-columns:1fr}.planner-checks{grid-template-columns:1fr}.planner-section{padding-top:65px}.project-planner{padding:22px}.planner-step legend{font-size:27px}.case-facts{grid-template-columns:1fr;gap:14px}.case-hero{padding-top:65px}.project-links{align-items:flex-end;flex-direction:column;gap:6px}.project-info{gap:12px}.hero-text-link{width:100%;text-align:center}.comparison-range{bottom:12px}.site-header .brand-logo{width:120px}}
body{overflow-x:hidden}.site-header .brand,footer .brand{padding:6px 9px;background:#0b151b;border-radius:10px;box-shadow:0 8px 18px rgba(11,21,27,.13)}.site-header .brand-logo,footer .brand-logo{width:132px;max-height:46px}.skip-link{position:fixed;top:12px;left:12px;z-index:100;color:#0b151b;background:#fff;padding:11px 15px;border:2px solid #22c55e;border-radius:10px;font-size:13px;font-weight:800;transform:translateY(-160%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0);outline:none}.nav-links a{position:relative;transition:color .2s ease}.nav-links a:not(.nav-cta):after{content:"";position:absolute;right:0;bottom:-9px;left:0;height:2px;border-radius:2px;background:#22c55e;transform:scaleX(0);transform-origin:right;transition:transform .2s ease}.nav-links a:not(.nav-cta):hover:after,.nav-links a:not(.nav-cta).active:after{transform:scaleX(1);transform-origin:left}.nav-links a.active:not(.nav-cta){color:#16a34a}.nav-links .nav-cta.active{box-shadow:0 0 0 3px rgba(34,197,94,.18)}.button{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px)}.primary:hover{background:#16a34a;box-shadow:0 12px 28px rgba(37,161,142,.28)}.secondary:hover{border-color:#bbf7d0;background:#f0fdf4}.project,.price-card,.service-card,.benefit-card,.testimonial-card,.care-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.project:hover,.price-card:hover,.service-card:hover,.benefit-card:hover,.testimonial-card:hover,.care-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(18,44,41,.07)}.concept-label{display:inline-flex;align-items:center;align-self:flex-start;padding:5px 8px;border:1px solid #d8e0e3;border-radius:999px;color:#66717f;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.nav-links a:focus-visible,.footer-links a:focus-visible,.button:focus-visible,.menu-toggle:focus-visible,.project-link:focus-visible,.skip-link:focus-visible{outline:3px solid #86efac;outline-offset:3px;border-radius:8px}footer{padding:40px 0;background:#f7fbfb}.footer-grid{grid-template-columns:1.2fr auto auto;gap:32px}.footer-brand p{max-width:250px;margin:10px 0 0;font-size:11px;line-height:1.55;color:#66717f}.footer-links{display:flex;flex-wrap:wrap;gap:9px 17px;justify-content:center;font-size:12px;font-weight:700;color:#52606a}.footer-links a{transition:color .2s ease}.footer-links a:hover,.footer-links a.active{color:#16a34a}.copyright{margin:0!important;white-space:nowrap}.hero-copy{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:700px){.site-header .brand,footer .brand{padding:5px 7px}.site-header .brand-logo,footer .brand-logo{width:120px;max-height:42px}.nav-links a:not(.nav-cta):after{display:none}.nav-links a.active:not(.nav-cta){color:#16a34a;background:#f0fdf4;padding:8px 10px;border-radius:8px}.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero-card{transform:none}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-links{justify-content:flex-start}.copyright{text-align:left!important}.footer-brand p{max-width:330px}}