:root{font-family:Arial,Helvetica,sans-serif;color:#101d42;background:#fff;font-synthesis:none;--blue:#075cf3;--muted:#526382;--line:#d9e6f7;--pale:#eff7ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}.wrap{width:min(1240px,92%);margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0}.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-size:1.9rem;font-weight:800;letter-spacing:-1.4px}.brand img{width:38px;height:42px;object-fit:contain}.brand-name span{color:var(--blue)}.header nav{display:flex;align-items:center;gap:30px;font-size:.9rem}.header nav>a:not(.button):hover{color:var(--blue)}.button,.nav-cta,.extra-repairs-primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:6px;padding:14px 22px;font-size:.9rem;font-weight:600;line-height:1.4;transition:background .15s,transform .15s}.button:hover,.submit:hover,.extra-repairs-primary:hover{background:#0048ca}.button span{font-size:1.2em}.outline{background:#fff;color:var(--blue)}.outline:hover{background:#e6f1ff}.hero{background:linear-gradient(110deg,#f7fbff,#ecf6ff)}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:15px;min-height:470px}.hero-copy{padding:44px 0}.hero h1{font-size:clamp(2.4rem,4.1vw,3.8rem);line-height:1.06;letter-spacing:-2.3px;margin:0 0 24px;font-weight:750}.lead{font-size:clamp(1rem,1.55vw,1.2rem);line-height:1.55;max-width:540px;margin:0 0 16px}.hero-detail{font-size:1rem;color:var(--muted);line-height:1.55;max-width:430px;margin:0 0 26px}.hero-actions{display:flex;gap:15px;flex-wrap:wrap}.hero-image{display:block;width:100%;height:auto;mix-blend-mode:multiply;border-radius:12px}h2{font-size:1.7rem;line-height:1.25;letter-spacing:-.7px;margin:0}h3{margin:0}p{line-height:1.6}.equipment{padding:38px 0 36px;text-align:center}.device-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:25px}.device-card{padding:22px 12px;border:1px solid var(--line);border-radius:8px;transition:background .15s,border-color .15s,transform .15s}.device-card:hover{background:var(--pale);border-color:var(--blue);transform:translateY(-3px)}.device-card svg{width:46px;height:46px;color:var(--blue);display:block;margin:0 auto 14px}.device-card h3{font-size:1rem}.process{background:linear-gradient(100deg,#f1f8ff,#eaf5ff);padding:30px 0 34px}.process h2{text-align:center;font-size:1.6rem}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:32px}.process-step{display:flex;gap:15px;align-items:flex-start}.step-number{display:grid;place-items:center;border-radius:50%;background:#d9ecff;color:var(--blue);font-weight:700;flex:0 0 40px;height:40px}.process-step svg{width:30px;height:36px;flex-shrink:0;color:var(--blue)}.process-step h3{font-size:1rem;margin:3px 0 8px}.process-step p{font-size:.9rem;color:var(--muted);margin:0;max-width:235px}.request-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;padding:34px 0 38px;align-items:start}.quote{padding:28px;border:1px solid var(--line);border-radius:8px;background:#fff;min-width:0}.quote h2{font-size:1.8rem}.muted{font-size:.95rem;color:var(--muted);margin:8px 0 25px}fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}legend{font-size:1rem;font-weight:700;margin-bottom:15px;padding:0}.step{display:inline-grid;place-items:center;width:33px;height:33px;background:#e4f2ff;color:var(--blue);border-radius:50%;font-size:1.1rem;margin-right:10px}.devices{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.devices label{position:relative;cursor:pointer}.devices input{position:absolute;opacity:0;width:1px;height:1px}.devices span{display:block;border:1px solid #cdd9ec;padding:9px 12px;border-radius:22px;font-size:.8rem}.devices input:checked+span{background:var(--blue);border-color:var(--blue);color:white}.devices input:focus-visible+span{outline:3px solid #075cf3;outline-offset:3px}.field{display:flex;flex-direction:column;gap:8px;font-size:.85rem;color:#344765}.optional{display:contents;font-weight:400;color:var(--muted)}input:not([type=radio]):not([type=checkbox]):not([type=hidden]),textarea{display:block;width:100%;border:1px solid #d3deed;border-radius:5px;padding:12px;background:#fcfdff;color:#152442;font-size:1rem;min-width:0}input::placeholder,textarea::placeholder{color:#667995;font-size:.85rem}textarea{resize:vertical;min-height:102px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-fields+.field{margin-top:17px}.consent-row{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:.8rem;line-height:1.6;margin:5px 0 0}.consent-row input{width:17px;height:17px;flex:0 0 17px;margin:3px 0 0;accent-color:var(--blue)}.consent-row a,.privacy-page article a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.privacy{font-size:.75rem;line-height:1.5;color:var(--muted);margin:12px 0 18px}.submit{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:6px;background:var(--blue);color:#fff;padding:15px 20px;font-weight:600;cursor:pointer}.form-note{font-size:.8rem;color:var(--muted);margin:15px 0 0;line-height:1.65}.form-note strong{display:block;color:#344765}.honey{display:none!important}.shop-info{display:grid;gap:22px}.info-card{padding:26px;border:1px solid var(--line);border-radius:8px;min-width:0}.card-heading{display:flex;align-items:flex-start;gap:14px}.card-heading h2{font-size:1.13rem;letter-spacing:-.4px;line-height:1.4;margin:4px 0 9px}.card-heading p{color:var(--muted);font-size:.9rem;line-height:1.7;margin:8px 0 0}.icon-bubble{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:#e2f1ff;color:var(--blue)}.icon-bubble svg{width:27px;height:27px}.google-mark{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;font-size:2.1rem;font-weight:800;color:#4285f4;background:white;border-radius:50%}.opening-status{display:inline-flex;align-items:center;gap:7px;background:#edf1f6;color:#41516a;border-radius:20px;padding:6px 9px;font-size:.73rem;line-height:1.4}.opening-dot{width:7px;height:7px;background:#75849a;border-radius:50%;flex-shrink:0}.opening-status[data-open=true]{background:#def6e7;color:#1b6938}.opening-status[data-open=true] .opening-dot{background:#258345}.hours{margin:28px 0 0;display:grid;gap:17px;font-size:.88rem}.hours>div{display:flex;justify-content:space-between;gap:12px}.hours dt{font-weight:700}.hours dd{margin:0;text-align:right;color:var(--muted)}.full{width:100%;margin-top:26px;gap:14px;text-align:center}.map-card{background:linear-gradient(120deg,#f1f8ff,#e5f3ff);border-color:transparent}.map-card .card-heading p{color:#182d57;font-size:1rem}.extra-repairs{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;background:var(--pale);border-radius:8px;margin-bottom:30px}.extra-repairs-copy{max-width:610px}.extra-repairs h2{font-size:1.25rem}.extra-repairs p{font-size:.9rem;color:var(--muted);margin:8px 0 0}.extra-repairs-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end;max-width:530px}.extra-repairs-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:.8rem;white-space:nowrap}.extra-repairs-actions .nav-cta{background:white;color:var(--blue)}.contact-icon{width:18px;height:18px;flex-shrink:0;color:var(--blue)}.whatsapp-action .contact-icon{color:#168347}.extra-repairs-actions .whatsapp-action svg:first-child{display:none}footer.wrap{display:grid;grid-template-columns:1fr .55fr 1fr;gap:16px 50px;padding:30px 0 36px;border-top:1px solid var(--line)}footer .brand{grid-column:1;grid-row:1}footer .footer-description{grid-column:1;grid-row:2;font-size:.85rem;color:var(--muted);line-height:1.7;margin:0}.footer-navigation{grid-column:2;grid-row:1/3}.footer-contacts{grid-column:3;grid-row:1/3;min-width:0}footer h2{font-size:1rem;letter-spacing:0;margin:0 0 16px}footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}footer li{font-size:.8rem;color:var(--muted);line-height:1.6}footer a:hover{color:var(--blue)}.contact-link{display:flex;align-items:center;gap:8px}.contact-link span{overflow-wrap:anywhere}.eyebrow{font-size:.75rem;letter-spacing:1.5px;font-weight:700;color:var(--blue)}.privacy-page{padding:55px 0 65px;max-width:860px}.privacy-page h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.1;letter-spacing:-1.5px;margin:15px 0 32px}.privacy-page h1 span{color:var(--blue)}.privacy-page article{font-size:1rem;color:var(--muted);line-height:1.85}.privacy-page section{margin-top:32px}.privacy-page h2{font-size:1.25rem;color:#14274c;letter-spacing:-.2px}.privacy-page strong{color:#253956}.privacy-updated{border-top:1px solid var(--line);padding-top:20px;font-size:.85rem}.confirmation{max-width:720px;margin:60px auto;padding:40px;border:1px solid var(--line);border-radius:14px;background:var(--pale)}.confirmation h1{font-size:clamp(2.3rem,6vw,3.6rem);line-height:1.1;letter-spacing:-1.5px;margin:20px 0}.confirmation p{color:var(--muted);line-height:1.8}.confirmation a{overflow-wrap:anywhere}.confirmation p a{color:var(--blue);text-decoration:underline}.confirmation .nav-cta{margin:12px 0}.skip{position:fixed;top:-100px;left:16px;padding:15px;background:var(--blue);color:white;z-index:10}.skip:focus{top:15px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #1560dd;outline-offset:4px}[hidden]{display:none!important}
@media(max-width:1050px){.header nav{gap:18px}.hero-grid{min-height:400px}.hero h1{font-size:3rem}.process-grid{gap:20px}.process-step{gap:10px}.process-step>svg{display:none}.request-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px}.info-card{padding:20px}.card-heading{gap:10px}.icon-bubble,.google-mark{width:37px;height:37px;flex-basis:37px}.hours>div{flex-wrap:wrap}.hours dd{text-align:left}.extra-repairs{flex-direction:column;align-items:flex-start}.extra-repairs-actions{justify-content:flex-start;max-width:none}}
@media(max-width:760px){.header{flex-wrap:wrap;gap:15px;padding:16px 0}.header nav{width:100%;justify-content:space-between;gap:12px;font-size:.8rem}.header nav .button{padding:10px 12px;font-size:.8rem;gap:8px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:32px 0 14px}.hero h1{font-size:clamp(2.5rem,8vw,3.8rem);letter-spacing:-1.6px}.lead{font-size:1.1rem}.hero-detail{font-size:.95rem}.hero-image{max-width:570px;margin:auto}.equipment{padding:30px 0}.device-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.device-card{padding:20px 7px}.device-card h3{font-size:.83rem}.device-card svg{width:36px;height:36px}.device-card:nth-child(4),.device-card:nth-child(5){grid-column:auto}.process-grid{grid-template-columns:1fr;gap:24px}.process-step{gap:17px}.process-step>svg{display:block}.process-step p{max-width:none}.process h2{font-size:1.45rem}.process-step h3{font-size:1rem}.request-grid{grid-template-columns:1fr;padding-top:26px}.quote{padding:22px}.quote h2{font-size:1.65rem}.shop-info{grid-template-columns:1fr;gap:16px}.info-card{padding:24px}.hours>div{flex-wrap:nowrap}.hours dd{text-align:right}.contact-fields{grid-template-columns:1fr}.extra-repairs{padding:24px;gap:18px}.extra-repairs-actions{width:100%}.extra-repairs-actions a{flex:1}footer.wrap{grid-template-columns:1fr 1fr;gap:20px}footer .brand{grid-column:1/-1;grid-row:auto}footer .footer-description{grid-column:1/-1;grid-row:auto}.footer-navigation{grid-column:1;grid-row:auto}.footer-contacts{grid-column:2;grid-row:auto}.confirmation{margin:30px auto;padding:25px}.privacy-page{padding-top:30px}.privacy-page article{font-size:.95rem}}
@media(max-width:390px){.header nav{flex-wrap:wrap}.header nav .button{width:100%;justify-content:space-between}.device-grid{grid-template-columns:repeat(2,1fr)}.device-card:last-child{grid-column:1/-1}.hero-actions .button{flex:1;padding:12px}.hours{font-size:.8rem}footer.wrap{grid-template-columns:1fr}.footer-navigation,.footer-contacts{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Give the quotation form a clear visual focus. */
.process{background:linear-gradient(110deg,#e0efff,#d4e9ff)}
.step-number{background:#c5e0ff}
.request-band{background:linear-gradient(125deg,#eaf4ff 0%,#dbeaff 100%);border-top:1px solid #cbdff8;border-bottom:1px solid #cbdff8;margin-bottom:32px}
.request-band .request-grid{padding-top:46px;padding-bottom:46px;gap:30px}
.quote{border:1px solid #699df0;box-shadow:0 14px 38px rgba(28,79,145,.14);overflow:hidden}
.quote-heading{background:linear-gradient(110deg,#075cf3,#0749c7);margin:-28px -28px 26px;padding:26px 28px;color:#fff}
.quote-heading h2{color:#fff}
.quote-heading .muted{color:#edf4ff;margin:9px 0 0}
.quote input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.quote textarea{background:#f0f6ff;border-color:#c3d5ed}
.quote .step{background:#dcecff}
.quote .submit{box-shadow:0 5px 13px rgba(7,92,243,.17)}
.shop-info .info-card{background:#f5f9ff;border-color:#d3e1f2}
.shop-info .map-card{background:#e9f3ff}
@media(max-width:760px){.request-band .request-grid{padding-top:28px;padding-bottom:28px;gap:24px}.quote-heading{margin:-22px -22px 24px;padding:24px 22px}}

/* Reviews and practical answers. */
.shop-info .reviews-card{background:linear-gradient(145deg,#fff,#e4efff);border:2px solid #8eb7f9;box-shadow:0 8px 22px rgba(35,80,148,.08)}
.reviews-card .google-mark{border:1px solid #d5e3f8;box-shadow:0 3px 10px #1b498310}
.reviews-card .card-heading h2{font-size:1.25rem}
.reviews-card .full{padding:15px 12px}
.faq{display:grid;grid-template-columns:1fr 1.65fr;gap:50px;padding:28px 0 56px}
.faq-heading .eyebrow{margin:0 0 12px}.faq-heading>p:last-child{color:var(--muted);font-size:.95rem;margin-top:12px}
.faq-list{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f8fbff}
.faq details+details{border-top:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:600;line-height:1.5;padding:20px 24px;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--blue);font-size:1.35rem;line-height:1;flex-shrink:0}
.faq details[open] summary:after{content:'−'}.faq details[open]{background:#fff}.faq summary:hover{background:#edf5ff}
.faq summary:focus-visible{outline:3px solid var(--blue);outline-offset:-4px;border-radius:5px}
.faq details p{margin:0;padding:0 24px 22px;color:var(--muted);font-size:.95rem;line-height:1.75}
@media(max-width:760px){.faq{grid-template-columns:1fr;gap:18px;padding:12px 0 35px}.faq summary{padding:18px}.faq details p{padding:0 18px 20px}}

/* Balanced information column and a consistent action system. */
.button,.nav-cta,.extra-repairs-primary,.submit{border-radius:8px;min-height:46px;font-weight:600}
.button.outline,.extra-repairs-actions .nav-cta{border-color:#84acf0;background:#fff;color:#0753d8}
.button.outline:hover,.extra-repairs-actions .nav-cta:hover{background:#e6f0ff;border-color:var(--blue)}
.device-card svg,.process-step svg,.icon-bubble svg,.contact-icon{stroke-width:1.75}
.icon-bubble,.google-mark{width:48px;height:48px;flex-basis:48px}
.contact-icon{width:20px;height:20px;flex-basis:20px}
.request-grid{align-items:stretch;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.shop-info{height:100%;grid-template-rows:auto 1fr 1fr;gap:24px}
.shop-info .info-card{display:flex;flex-direction:column;padding:30px;border-radius:10px}
.card-heading{gap:16px}.card-heading h2,.reviews-card .card-heading h2{font-size:1.2rem}
.card-heading p{font-size:.95rem;line-height:1.8}
.shop-info .full{margin-top:auto;padding-top:14px;padding-bottom:14px}
.shop-info .card-heading{margin-bottom:24px}
.shop-info .hours{margin-top:0;gap:0}
.hours>div{padding:14px 0;border-bottom:1px solid #dce7f5;align-items:baseline}
.hours>div:first-child{padding-top:0}.hours>div:last-child{padding-bottom:0;border-bottom:0}
.shop-info .map-card{background:linear-gradient(140deg,#f0f7ff,#dfedff)}
/* A separate closing area shared by the main and secondary pages. */
.footer-band{background:linear-gradient(115deg,#edf6ff,#e2efff);border-top:1px solid #cddff5}
.footer-band footer.wrap{padding:44px 0;grid-template-columns:1.1fr .6fr 1.15fr;gap:16px 48px;border-top:0}
.footer-band .footer-navigation,.footer-band .footer-contacts{padding-left:30px;border-left:1px solid #c8dbf2}
.footer-band footer h2{font-size:1.05rem;margin-bottom:20px}
.footer-band footer li{font-size:.875rem}
.footer-band footer ul{gap:14px}
.footer-band .footer-description{max-width:360px;line-height:1.8}
.footer-band .brand{align-self:start}
.footer-band footer a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px){.shop-info .info-card{padding:23px}.card-heading{gap:12px}.icon-bubble,.google-mark{width:40px;height:40px;flex-basis:40px}.footer-band footer.wrap{gap:16px 24px}.footer-band .footer-navigation,.footer-band .footer-contacts{padding-left:20px}}
@media(max-width:760px){.request-grid{grid-template-columns:1fr}.shop-info{height:auto;grid-template-rows:auto;gap:16px}.shop-info .info-card{padding:24px}.shop-info .full{margin-top:0}.footer-band footer.wrap{grid-template-columns:1fr 1fr;padding:32px 0;gap:24px}.footer-band .brand,.footer-band .footer-description{grid-column:1/-1}.footer-band .footer-description{max-width:none}.footer-band .footer-navigation{padding-left:0;border-left:0}.footer-band .footer-contacts{padding-left:20px}.footer-band footer li{font-size:.85rem}}
@media(max-width:440px){.footer-band footer.wrap{grid-template-columns:1fr}.footer-band .footer-navigation,.footer-band .footer-contacts{grid-column:1;padding:20px 0 0;border-left:0;border-top:1px solid #c8dbf2}.hours>div{flex-wrap:wrap;gap:7px}.hours dd{text-align:left}}

.google-mark .google-logo{display:block;width:30px;height:30px;flex-shrink:0}

/* Optional, persistent theme across all pages. */
:root{color-scheme:light}
.theme-toggle{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #bad1ef;border-radius:50%;background:#f2f7ff;color:#16478e;cursor:pointer;padding:10px}
.theme-toggle:hover{background:#dfeeff}.theme-toggle svg{width:22px;height:22px}.theme-sun{display:none}
:root[data-theme="dark"]{color-scheme:dark;color:#edf3ff;background:#0c1526;--blue:#80b7ff;--muted:#b3c3dc;--line:#324762;--pale:#192b45}
[data-theme="dark"] .theme-toggle{background:#203654;color:#ffd880;border-color:#45607f}
[data-theme="dark"] .theme-toggle:hover{background:#2c4667}
[data-theme="dark"] .theme-moon{display:none}[data-theme="dark"] .theme-sun{display:block}
[data-theme="dark"] .hero{background:linear-gradient(110deg,#101d32,#192d47)}
[data-theme="dark"] .hero-image{mix-blend-mode:normal;box-shadow:0 14px 36px #0004}
[data-theme="dark"] .device-card{background:#142238}
[data-theme="dark"] .device-card:hover{background:#203650}
[data-theme="dark"] .process{background:linear-gradient(110deg,#172940,#203854)}
[data-theme="dark"] .step-number,[data-theme="dark"] .quote .step,[data-theme="dark"] .icon-bubble{background:#243e60;color:#9bc9ff}
[data-theme="dark"] .request-band{background:linear-gradient(125deg,#101e33,#192d47);border-color:#324762}
[data-theme="dark"] .quote{background:#16243a;border-color:#547cab;box-shadow:0 14px 38px #0003}
[data-theme="dark"] .field,[data-theme="dark"] .form-note strong{color:#d7e4f8}
[data-theme="dark"] .quote input:not([type=radio]):not([type=checkbox]):not([type=hidden]),[data-theme="dark"] .quote textarea{background:#0f1d31;border-color:#49607d;color:#f0f5ff}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#a7b9d2}
[data-theme="dark"] .devices span{border-color:#49607d}
[data-theme="dark"] .button:not(.outline),[data-theme="dark"] .submit,[data-theme="dark"] .extra-repairs-primary,[data-theme="dark"] .confirmation .nav-cta,[data-theme="dark"] .devices input:checked+span{background:#1765db;border-color:#3c83e7;color:#fff}
[data-theme="dark"] .button:not(.outline):hover,[data-theme="dark"] .submit:hover,[data-theme="dark"] .extra-repairs-primary:hover,[data-theme="dark"] .confirmation .nav-cta:hover{background:#1357c2}
[data-theme="dark"] .button.outline,[data-theme="dark"] .extra-repairs-actions .nav-cta{background:#172941;color:#a5cdff;border-color:#5b85b9}
[data-theme="dark"] .button.outline:hover,[data-theme="dark"] .extra-repairs-actions .nav-cta:hover{background:#294566}
[data-theme="dark"] .shop-info .info-card{background:#192b43;border-color:#39516f}
[data-theme="dark"] .shop-info .reviews-card{background:linear-gradient(145deg,#1b2b43,#243c5a);border-color:#547cab}
[data-theme="dark"] .shop-info .map-card{background:linear-gradient(140deg,#192e49,#243e5b)}
[data-theme="dark"] .map-card .card-heading p{color:#d5e5ff}
[data-theme="dark"] .hours>div{border-color:#3a506b}
[data-theme="dark"] .opening-status{background:#304159;color:#e0e9f5}
[data-theme="dark"] .opening-status[data-open=true]{background:#153f31;color:#a9eec8}
[data-theme="dark"] .opening-status[data-open=true] .opening-dot{background:#60d795}
[data-theme="dark"] .whatsapp-action .contact-icon{color:#79dda1}
[data-theme="dark"] .faq-list{background:#142339}
[data-theme="dark"] .faq details[open]{background:#1b2e48}
[data-theme="dark"] .faq summary:hover{background:#233b59}
[data-theme="dark"] .footer-band{background:linear-gradient(115deg,#122139,#1c304c);border-color:#324762}
[data-theme="dark"] .footer-band .footer-navigation,[data-theme="dark"] .footer-band .footer-contacts{border-color:#3a506b}
[data-theme="dark"] .privacy-page h2,[data-theme="dark"] .privacy-page strong{color:#e0ebff}
[data-theme="dark"] a:focus-visible,[data-theme="dark"] button:focus-visible,[data-theme="dark"] input:focus-visible,[data-theme="dark"] textarea:focus-visible,[data-theme="dark"] .faq summary:focus-visible{outline-color:#92c4ff}
@media(max-width:760px){.header{position:relative}.header>.brand{padding-right:50px}.header nav{flex-wrap:wrap}.header .theme-toggle{position:absolute;right:0;top:16px}}

/* Distinct contact icon colours in both themes. */
:root{--icon-phone:#1764ce;--icon-mobile:#1764ce;--icon-whatsapp:#14833d;--icon-email:#bc510e;--icon-location:#cc3c40}
:root[data-theme="dark"]{--icon-phone:#83baff;--icon-mobile:#83baff;--icon-whatsapp:#64db92;--icon-email:#ffb36e;--icon-location:#ff9296}
a[href^="tel:"] .contact-icon{color:var(--icon-phone)}
a[href^="mailto:"] .contact-icon{color:var(--icon-email)}
a[href*="wa.me"] .contact-icon{color:var(--icon-whatsapp)}
a[href*="wa.me"] .contact-icon:first-child{color:var(--icon-mobile)}
[data-theme="dark"] .whatsapp-action .contact-icon{color:var(--icon-whatsapp)}
.location-link .contact-icon{color:var(--icon-location)}
.location-link{align-items:flex-start}.location-link .contact-icon{margin-top:2px}
.map-card .icon-bubble{color:var(--icon-location);background:#ffeded}
[data-theme="dark"] .map-card .icon-bubble{color:var(--icon-location);background:#442d3c}
.device-card[data-device="Smartphone"] svg{color:var(--icon-mobile)}

/* Rating values retained from the previous Tech3 website. */
.rating-summary{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:0 0 26px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rating-score{display:flex;align-items:baseline;gap:7px;white-space:nowrap}.rating-score strong{font-size:3.5rem;line-height:1;letter-spacing:-2px;color:#142a50}.rating-score>span{font-size:1rem;color:var(--muted)}
.rating-stars{position:relative;display:inline-block;font-size:1.65rem;line-height:1.3;white-space:nowrap;letter-spacing:2px;color:#c8d4e3}.rating-stars-fill{position:absolute;top:0;left:0;width:92%;overflow:hidden;color:#b87500}
.rating-details p{font-size:.9rem;color:var(--muted);margin:6px 0 0}.rating-details p strong{font-weight:700}
[data-theme="dark"] .rating-score strong{color:#edf4ff}[data-theme="dark"] .rating-stars{color:#4d617d}[data-theme="dark"] .rating-stars-fill{color:#ffd164}
@media(max-width:1050px){.rating-summary{gap:16px}.rating-score strong{font-size:3rem}.rating-stars{font-size:1.4rem}}

.device-examples{font-size:.83rem;line-height:1.6;color:var(--muted);margin:10px auto 0;max-width:180px}
.device-feedback{margin:0 0 14px;padding:10px 12px;background:#e4f0ff;color:#154e9c;border-left:3px solid #1764ce;border-radius:4px;font-size:.85rem;font-weight:600}
#quote-form fieldset.device-highlight{outline:2px solid #3779dc;outline-offset:8px;border-radius:5px}
[data-theme="dark"] .device-feedback{background:#243e60;color:#c2ddff;border-color:#83baff}
[data-theme="dark"] #quote-form fieldset.device-highlight{outline-color:#83baff}
.mobile-whatsapp{display:none}
@media(max-width:760px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}.mobile-whatsapp{display:inline-flex;align-items:center;gap:9px;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:20;border-radius:28px;padding:13px 18px;background:#137a3b;color:#fff;border:1px solid #46ac6c;box-shadow:0 6px 20px #0003;font-size:.9rem;font-weight:600;min-height:48px}.mobile-whatsapp:hover{background:#0d632e}.device-examples{font-size:.78rem}}

/* Repair and reuse: new hero, keeping both contact actions. */
.hero{background:linear-gradient(110deg,#f2f8ef,#e5f1e2)}
.hero-grid{grid-template-columns:1fr 1.1fr;gap:24px;min-height:510px}
.eco-eyebrow{display:flex;align-items:center;gap:14px;color:#276633;font-size:.72rem;letter-spacing:1.8px;font-weight:700;text-transform:uppercase;margin:0 0 24px}
.eco-eyebrow svg{width:34px;height:34px;flex:0 0 34px}
.hero .lead{margin-bottom:12px}.hero-detail{margin-bottom:24px}
.eco-benefits{list-style:none;padding:0;margin:0 0 28px;display:flex;gap:22px;justify-content:space-between}
.eco-benefits li{display:flex;align-items:center;gap:10px;font-size:.85rem;line-height:1.6}
.eco-benefits svg{width:31px;height:31px;flex:0 0 31px;color:#34743d}
[data-theme="dark"] .hero{background:linear-gradient(110deg,#11251f,#1c332c)}
[data-theme="dark"] .eco-eyebrow,[data-theme="dark"] .eco-benefits svg{color:#a2d69d}
@media(max-width:1050px){.eco-benefits{gap:13px}.eco-benefits li{font-size:.78rem;gap:7px}.eco-benefits svg{width:26px;height:26px;flex-basis:26px}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:12px}.eco-eyebrow{font-size:.67rem;letter-spacing:1.4px;margin-bottom:20px}.eco-benefits{justify-content:flex-start;flex-wrap:wrap;gap:20px}.eco-benefits li{font-size:.82rem}.hero-image{margin-bottom:24px}}

/* Blend the illustration into one sage surface; keep benefits grouped. */
.hero{background:#edf6ec}
.hero .hero-image{mix-blend-mode:normal;border-radius:0;box-shadow:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 9%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.eco-benefits{justify-content:flex-start;gap:22px;max-width:460px}
.eco-benefits li{gap:9px;flex:0 1 auto}
[data-theme="dark"] .hero{background:#172d24}
[data-theme="dark"] .hero .hero-image{box-shadow:none;mix-blend-mode:normal}
@media(max-width:1050px){.eco-benefits{gap:16px}}
@media(max-width:760px){.eco-benefits{gap:18px;justify-content:flex-start}}

/* Match the illustration background to the dark green hero. */
.hero-art{min-width:0}.hero-art .hero-image-dark{display:none}
[data-theme="dark"] .hero{background:#172d24}
[data-theme="dark"] .hero-art .hero-image-light{display:none}
[data-theme="dark"] .hero-art .hero-image-dark{display:block;mix-blend-mode:normal;filter:none;box-shadow:none}

.submission-status{padding:14px 16px;border-radius:10px;background:#edf4ff;color:#174477;font-weight:600;line-height:1.5}.submission-status[data-state="error"]{background:#fff0ed;color:#973525}.submission-status[data-state="success"]{background:#e7f6ec;color:#205d35}.submit:disabled{opacity:.75;cursor:wait}[data-theme="dark"] .submission-status{background:#19324c;color:#d4e7ff}[data-theme="dark"] .submission-status[data-state="error"]{background:#452724;color:#ffd7cb}[data-theme="dark"] .submission-status[data-state="success"]{background:#1b3929;color:#c8f2d6}

.photo-upload{margin-top:16px;padding:16px;border:1px dashed var(--blue);border-radius:12px}.photo-upload input[type="file"]{padding:10px;max-width:100%;font-size:.9rem}.photo-upload input::file-selector-button{padding:8px 12px;margin-right:10px;border:0;border-radius:6px;background:#dceaff;color:#174477;cursor:pointer}.photo-clear{background:none;border:0;color:var(--blue);text-decoration:underline;padding:6px 0;cursor:pointer}.photo-upload p{overflow-wrap:anywhere}

/* Business descriptor beside the wordmark, matching the supplied reference. */
.brand-tagline{display:block;border-left:1px solid #8c9cc2;padding-left:12px;margin-left:3px;font-size:.58rem;font-weight:650;line-height:1.5;letter-spacing:1px;text-transform:uppercase;color:var(--muted);white-space:nowrap}
[data-theme="dark"] .brand-tagline{border-left-color:#60738e;color:#c2cfe2}
@media(min-width:761px) and (max-width:1050px){.header{flex-wrap:wrap;gap:16px}.header nav{margin-left:auto}.header .brand-tagline{font-size:.53rem;padding-left:9px}}
@media(max-width:440px){.brand-tagline{font-size:.46rem;letter-spacing:.65px;padding-left:8px;margin-left:0}.header .brand{gap:6px;font-size:1.7rem}.header .brand img{width:30px;height:34px}}

.photo-upload>summary{cursor:pointer;font-weight:650;color:var(--blue);line-height:1.5;padding:2px 0}.photo-upload>summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px;border-radius:4px}.photo-upload-content{padding-top:14px}#photo-count{font-size:.85rem;font-weight:500}.photo-upload:not([open]){padding-top:12px;padding-bottom:12px}@media(max-width:760px){.photo-upload>summary{min-height:24px}.photo-upload-content{padding-top:12px}}

/* Discreet WhatsApp shortcut on desktop too. */
@media(min-width:761px){.mobile-whatsapp{display:inline-flex;align-items:center;gap:8px;position:fixed;right:24px;bottom:24px;z-index:20;border-radius:28px;padding:12px 17px;background:#137a3b;color:#fff;border:1px solid #46ac6c;box-shadow:0 4px 14px #0002;font-size:.875rem;font-weight:600;min-height:48px}.mobile-whatsapp:hover{background:#0d632e}}
.mobile-whatsapp[hidden]{display:none!important}
.mobile-whatsapp:focus-visible{outline:3px solid var(--blue);outline-offset:4px}

/* Quiet outlined navigation links. */
.header nav{gap:10px}
.header nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #cbdaf0;border-radius:9px;line-height:1.3;text-decoration:none;background:transparent;white-space:nowrap}
.header nav>a:hover{background:#edf4ff;border-color:#8fb4ef;color:var(--blue)}
.header nav>a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;background:#edf4ff}
[data-theme="dark"] .header nav>a{border-color:#405671}
[data-theme="dark"] .header nav>a:hover,[data-theme="dark"] .header nav>a:focus-visible{background:#203955;border-color:#7099cc}
@media(max-width:760px){.header nav{gap:8px}.header nav>a{flex:1;padding:10px 12px}}
@media(max-width:390px){.header nav>a{padding:10px 8px;font-size:.78rem}}

/* Persistent equipment choice, mirrored from the quotation form. */
.device-card{position:relative}
.device-selected-check{display:none;position:absolute;top:10px;right:10px;width:23px;height:23px;border-radius:50%;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-size:14px;font-weight:700;line-height:1;pointer-events:none}
.device-card.is-selected{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#edf4ff}
.device-card.is-selected .device-selected-check{display:inline-flex}
[data-theme="dark"] .device-card.is-selected{background:#203955;border-color:#8ab8ff;box-shadow:inset 0 0 0 1px #8ab8ff}
[data-theme="dark"] .device-selected-check{background:#8ab8ff;color:#10203a}
@media(max-width:440px){.device-selected-check{width:20px;height:20px;top:7px;right:7px;font-size:12px}}

/* Soft blue hover for equipment options, distinct from the selected solid blue. */
.devices label span{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
@media(hover:hover){.devices label:hover input:not(:checked)+span{background:#e5efff;border-color:#3980ed;color:#1457b8;box-shadow:0 2px 7px #175cbd14}[data-theme="dark"] .devices label:hover input:not(:checked)+span{background:#203d63;border-color:#77adff;color:#dceaff}}
.devices input:focus-visible:not(:checked)+span{background:#e5efff;border-color:#3980ed;color:#1457b8}
[data-theme="dark"] .devices input:focus-visible:not(:checked)+span{background:#203d63;border-color:#77adff;color:#dceaff}
@media(prefers-reduced-motion:reduce){.devices label span{transition:none}}
