:root{--navy:#11273d;--navy-2:#193650;--ink:#203449;--muted:#63758a;--orange:#f6ad35;--orange-dark:#ed9614;--green:#13966d;--light:#f4f7fa;--line:#e2eaf0;--white:#fff;--radius:18px;--shadow:0 24px 66px rgba(17,39,61,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:-.025em}h1{font-size:clamp(2.6rem,4.4vw,4.65rem);line-height:1.11}h2{font-size:clamp(1.9rem,3.1vw,3rem)}h3{font-size:1.2rem}p{color:var(--muted)}.container{width:min(1190px,calc(100% - 44px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:20px;background:#fff;color:#11273d;padding:8px 12px;z-index:200}.skip-link:focus{top:10px}.topbar{background:#0b2134;color:#c3d0db;font-size:.78rem}.topbar-inner{height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar a{color:#e8f2fa}.topbar a:hover{color:var(--orange)}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8cda83;margin-right:8px;box-shadow:0 0 0 4px rgba(140,218,131,.14)}.site-header{position:sticky;top:0;background:#fff;z-index:60;border-bottom:1px solid #eaf0f5}.nav-inner{min-height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;min-width:210px}.brand-icon{display:grid;place-items:center;width:49px;height:49px;background:var(--orange);color:#11273d;border-radius:13px}.brand-icon svg{width:34px;height:34px;fill:none;stroke-width:2.3}.brand-icon svg circle{fill:#11273d}.brand strong{font-size:1.1rem;font-weight:900;letter-spacing:-.05em;white-space:nowrap}.brand em{color:#dd8b16;font-style:normal}.brand small{display:block;line-height:1.4;font-size:.61rem;letter-spacing:.17em;font-weight:800;color:#8290a2}.main-nav{display:flex;gap:22px;align-items:center;margin-left:auto}.main-nav a{font-size:.86rem;font-weight:700;color:#344b5d;white-space:nowrap}.main-nav a:hover{color:#da8913}.nav-contact{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:800;border:1px solid var(--line);padding:12px 15px;border-radius:10px;white-space:nowrap;color:#1c7959}.nav-contact svg{width:20px;height:20px}.nav-contact:hover{background:#e9f7f0;border-color:#badccd}.nav-toggle{display:none}.hero{overflow:hidden;background:linear-gradient(115deg,#f1f7fa 0%,#f8fbfd 58%,#fff 100%);padding:72px 0 78px}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:58px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;color:#c68116;font-size:.76rem;font-weight:900;letter-spacing:.15em}.eyebrow-line{display:block;background:var(--orange);width:30px;height:3px;border-radius:10px}.hero h1{color:var(--navy);margin:20px 0 23px;max-width:630px}.hero h1 span,.section h2 span,.steps-intro h2 span,.booking-info h2 span,.faq-grid h2 span,.area-grid h2 span{color:#df9624}.hero-lead{font-size:1.08rem;line-height:1.85;max-width:535px;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:11px;text-align:center;min-height:51px;padding:13px 21px;border-radius:10px;font-size:.92rem;font-weight:800;line-height:1.35;transition:transform .16s,background .16s,box-shadow .16s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:#12273c;box-shadow:0 9px 22px rgba(238,162,46,.21)}.btn-primary:hover{background:#ffbf51}.btn-ghost{color:#233e56;background:#fff;border:1px solid #dce7ee}.btn-outline{color:#fff;border:1px solid #5a6e80;background:transparent}.btn-outline:hover{background:rgba(255,255,255,.07)}.btn-dark{background:var(--navy);color:white}.btn-light{background:#fff;color:#20384e}.hero-benefits{display:flex;gap:17px 22px;flex-wrap:wrap;margin-top:30px;font-size:.82rem;font-weight:650;color:#556f81}.hero-benefits>div{display:flex;align-items:center;gap:7px}.check-dot{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:100%;background:#daf3e7;color:#168b60;font-weight:900}.hero-visual{position:relative;isolation:isolate;padding:23px 16px 14px 0}.hero-visual:before{position:absolute;content:"";width:85%;height:87%;background:#f6ad35;border-radius:46% 54% 49% 51%;transform:rotate(-13deg);right:-18%;top:3%;opacity:.17;z-index:-1}.hero-image-wrap{position:relative;border:10px solid white;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:#dde6eb;transform:rotate(1.6deg)}.hero-image-wrap>img{width:100%;height:400px;object-fit:cover;object-position:center}.photo-note{position:absolute;bottom:12px;right:12px;background:rgba(13,31,44,.80);color:#fff;padding:5px 9px;border-radius:5px;font-size:.66rem;letter-spacing:.02em}.hero-stamp{position:absolute;left:-39px;bottom:-11px;background:#fff;border:1px solid #eef0f4;box-shadow:0 15px 30px rgba(0,0,0,.12);border-radius:14px;padding:14px;display:flex;gap:10px;align-items:center}.hero-stamp strong{display:block;font-size:.91rem}.hero-stamp small{display:block;font-size:.76rem;color:#8290a1}.stamp-icon{background:#dcf4e5;color:#178d69;border-radius:100%;font-size:1.2rem;width:42px;height:42px;display:grid;place-items:center}.hero-dots{position:absolute;width:80px;height:84px;background-image:radial-gradient(#ecab42 2px,transparent 2px);background-size:13px 13px;right:-9px;bottom:-27px;z-index:-1}.trust-ribbon{background:#142e46;color:#fff}.ribbon-grid{display:grid;grid-template-columns:repeat(3,1fr)}.ribbon-grid>div{display:flex;align-items:center;justify-content:center;gap:14px;padding:23px 15px;border-right:1px solid rgba(255,255,255,.12)}.ribbon-grid>div:last-child{border-right:0}.ribbon-icon{font-size:1.75rem;font-weight:400;color:#f7b642;line-height:1}.ribbon-grid strong{display:block;font-size:.89rem}.ribbon-grid small{display:block;font-size:.77rem;color:#afc3d2}.section{padding:94px 0}.section-heading{margin-bottom:38px}.section-heading.centered{text-align:center;max-width:650px;margin:0 auto 43px}.section-heading h2{margin:10px 0 13px;color:var(--navy)}.section-heading p{max-width:690px;margin-bottom:0}.section-heading.centered p{margin-inline:auto}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{padding:32px 28px 28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 10px 28px rgba(25,57,78,.035);transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-card.featured{border-color:#f8d59a;background:linear-gradient(145deg,#fffaf1,#fff)}.service-icon{width:56px;height:56px;border-radius:13px;display:grid;place-items:center;background:#fff3de;color:#d9911e;margin-bottom:24px}.service-icon svg{width:29px;height:29px;stroke-width:1.7}.service-num{font-size:.71rem;color:#a3afbd;letter-spacing:.12em;font-weight:900}.service-card h3{margin:8px 0 11px;color:var(--navy)}.service-card p{font-size:.89rem;min-height:89px}.service-card a{font-size:.86rem;font-weight:800;color:#c7811b}.service-card a span{margin-left:7px}.gallery-section{background:#f5f8fb}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:18px}.text-link{color:#cb8118;font-size:.86rem;font-weight:800;white-space:nowrap;padding-bottom:9px}.gallery-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:220px 220px;gap:16px}.gallery-item{position:relative;overflow:hidden;border:0;border-radius:15px;padding:0;background:#d9e2e8;text-align:left;color:#fff}.gallery-item.gallery-large{grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.gallery-item:hover img{transform:scale(1.05)}.gallery-gradient{position:absolute;inset:auto 0 0;display:block;padding:32px 19px 17px;background:linear-gradient(0deg,rgba(7,25,40,.86),transparent)}.gallery-gradient strong{display:block;font-size:1rem}.gallery-gradient small{display:block;font-size:.77rem;color:#d6e4ed}.gallery-zoom{position:absolute;right:13px;top:12px;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#1a3f51;border-radius:9px;font-size:1rem;width:35px;height:35px}.gallery-disclaimer{margin:17px 0 0;font-size:.78rem;color:#718498}.gallery-disclaimer span{color:#b58224}.steps-section{background:#152e45;color:white}.steps-layout{display:grid;grid-template-columns:.93fr 1fr;gap:13%;align-items:center}.steps-intro h2{color:#fff;margin:14px 0 18px}.steps-intro p{color:#b7c6d2;max-width:470px;margin-bottom:25px}.steps-list{border-left:1px solid rgba(255,255,255,.17);padding-left:35px}.step{display:flex;gap:21px;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.15)}.step:last-child{border-bottom:0}.step-number{color:var(--orange);font-size:1.35rem;font-weight:900}.step h3{margin-bottom:6px;font-size:1.05rem}.step p{color:#b5c8d5;margin:0;font-size:.89rem}.reviews-section{background:#fff}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.review-card{border:1px solid var(--line);padding:28px 27px 24px;border-radius:15px;background:#fff;display:flex;flex-direction:column;min-height:260px}.review-quote{color:var(--orange);font-size:4.2rem;font-weight:900;line-height:.8;height:42px;font-family:Georgia,serif}.review-card p{font-size:.92rem;color:#4f6071;flex:1;line-height:1.85}.review-footer{display:flex;gap:12px;align-items:center;border-top:1px solid #edf1f4;padding-top:17px}.review-avatar{display:grid;place-items:center;border-radius:100%;width:40px;height:40px;background:#f5e5cb;color:#8b5b10;font-weight:900}.review-footer strong,.review-footer small{display:block}.review-footer strong{font-size:.88rem;color:#23384e}.review-footer small{font-size:.75rem;color:#8ca0b1}.review-source{font-size:.77rem;margin:15px 0 0}.review-invite{margin-top:33px;background:#f7f9fb;border:1px solid var(--line);border-radius:16px;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.review-invite h3{margin:0 0 5px;color:var(--navy)}.review-invite p{margin:0;font-size:.86rem;max-width:670px}.review-form{margin:17px 0 0;border:1px solid #dfebf0;border-radius:15px;background:#fff;padding:27px}.review-form[hidden]{display:none}.review-form h3{color:var(--navy)}.booking-section{background:linear-gradient(115deg,#f1f6fa,#f7fafc)}.booking-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center}.booking-info h2{margin:11px 0 17px;color:var(--navy)}.booking-info>p{font-size:.95rem;margin-bottom:29px}.contact-mini{display:flex;align-items:center;gap:14px;margin:16px 0}.contact-symbol{display:grid;place-items:center;background:#fff1d7;width:47px;height:47px;border-radius:12px;color:#dd941a;font-size:1.4rem}.contact-mini small{display:block;font-size:.77rem;color:#91a2b0}.contact-mini a{display:block;color:#193d55;font-size:1.13rem;font-weight:800}.booking-highlight{border-left:3px solid var(--orange);background:#fffcf6;padding:15px 18px;font-size:.82rem;color:#697f8b;margin-top:28px}.booking-form{background:#fff;border:1px solid #e2eaf2;border-radius:19px;box-shadow:0 19px 60px rgba(21,58,78,.08);padding:31px}.form-title h3{margin:0 0 6px;color:var(--navy);font-size:1.27rem}.form-title p{font-size:.85rem;margin:0 0 23px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid label{display:flex;flex-direction:column;font-size:.78rem;font-weight:800;color:#3d5264;gap:7px}.form-grid label span{color:#d4790c}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #dbe5ee;background:#f9fbfc;border-radius:8px;font-size:.86rem;color:var(--ink);padding:12px;min-height:45px;outline:none}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#db972b;box-shadow:0 0 0 3px rgba(246,173,53,.15)}.form-grid input::placeholder{color:#aab7c2}.submit-booking{width:100%;margin-top:20px}.helper{font-size:.73rem;color:#8b9dac;margin:11px 0 0}.area-section{background:#fff;padding:76px 0}.area-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center}.area-grid h2{margin:10px 0 18px;color:var(--navy)}.area-grid p{margin:0}.area-tags{display:flex;flex-wrap:wrap;gap:10px}.area-tags span{border:1px solid #dfe8ef;padding:10px 14px;border-radius:9px;background:#f8fafb;font-size:.84rem;font-weight:700;color:#456071}.faq-section{background:#f5f8fb;padding:78px 0}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%}.faq-grid h2{margin-top:11px;color:var(--navy)}.faq-items details{border-bottom:1px solid #dbe5ed;padding:17px 0}.faq-items summary{font-size:.94rem;font-weight:800;color:var(--navy);list-style:none;cursor:pointer;position:relative;padding-right:30px}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary::after{content:'+';position:absolute;right:3px;color:#db8e17;font-size:1.45rem;top:-6px}.faq-items details[open] summary::after{content:'−'}.faq-items p{font-size:.87rem;max-width:650px;margin:13px 0 3px}.contact-banner{background:#e8a12b;padding:65px 0}.contact-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:26px}.contact-banner .kicker{color:#694500}.contact-banner h2{font-size:clamp(1.65rem,2.45vw,2.4rem);margin:12px 0;color:#11293e}.contact-banner p{color:#5c441c;margin-bottom:0}.contact-actions{display:flex;gap:11px;flex-shrink:0}.contact-actions .btn{display:block;min-width:178px;padding:15px}.contact-actions .btn-primary{background:#11273d;color:#fff;box-shadow:none}.contact-actions .btn-light{background:#fff}.contact-actions .btn small{font-size:.75rem;font-weight:600}.site-footer{background:#0c2133;color:#fff;padding:62px 0 0}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1.1fr;gap:40px}.footer-brand{font-weight:900;font-size:1.5rem;letter-spacing:-.06em}.footer-brand strong{color:var(--orange)}.footer-grid p{color:#9eb3c3;max-width:350px;font-size:.86rem;margin:14px 0 0}.footer-grid h3{font-size:.89rem;margin:5px 0 17px}.footer-grid a,.footer-grid>div>span{display:block;color:#a7bdcc;font-size:.85rem;margin:10px 0}.footer-grid a:hover{color:#f5b84c}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.14);padding:20px 0;font-size:.76rem;color:#89a1b3;margin-top:48px}.floating-wa{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:100%;background:#22b573;box-shadow:0 8px 26px rgba(21,139,81,.35);color:#fff;display:grid;place-items:center;z-index:65}.floating-wa svg{width:32px;height:32px}.floating-wa:hover{background:#149c60}.mobile-bottom-bar{display:none}.photo-dialog{max-width:min(960px,92vw);border:0;border-radius:16px;padding:16px;background:#fff;box-shadow:0 25px 80px rgba(0,0,0,.3)}.photo-dialog::backdrop{background:rgba(12,30,45,.84)}.photo-dialog img{width:auto;max-width:100%;max-height:73vh;border-radius:8px;margin:auto}.photo-dialog p{margin:12px 0 0;color:#25374b;font-weight:800}.photo-dialog small{color:#798c9b}.modal-close{position:absolute;right:18px;top:18px;border:0;border-radius:50%;background:#fff;width:36px;height:36px;font-size:1.7rem;line-height:1;box-shadow:0 1px 7px rgba(0,0,0,.2)}
@media(max-width:1100px){.nav-inner{gap:15px}.main-nav{gap:13px}.main-nav a{font-size:.79rem}.brand{min-width:190px}.nav-contact{font-size:.75rem;padding:10px}.hero-grid{gap:32px}.hero-image-wrap>img{height:340px}.hero-stamp{left:-12px}}
@media(max-width:950px){.nav-contact{display:none}.nav-toggle{display:flex;flex-direction:column;gap:5px;margin-left:auto;width:40px;height:40px;justify-content:center;align-items:center;background:#fff;border:1px solid #d7e1e8;border-radius:9px}.nav-toggle span{width:20px;height:2px;background:#17324a;border-radius:2px}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 12px 15px rgba(13,31,44,.12);padding:15px 24px 21px;border-top:1px solid #edf2f5}.main-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav a{padding:11px 0;font-size:.95rem;border-bottom:1px solid #eef2f5}.nav-inner{min-height:70px}.hero-grid{gap:22px}.hero-image-wrap>img{height:310px}.hero-stamp{left:8px;bottom:-22px}.hero{padding:57px 0 70px}.booking-grid{gap:5%}.contact-banner-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:720px){.container{width:min(100% - 32px,600px)}.topbar-inner{height:32px;font-size:.68rem}.topbar-inner>a{display:none}.brand{min-width:0}.brand-icon{width:43px;height:43px}.brand strong{font-size:1.02rem}.site-header .nav-inner{min-height:67px}.hero{padding:42px 0 62px}.hero-grid,.steps-layout,.booking-grid,.area-grid,.faq-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(2.3rem,8vw,3.5rem);margin:14px 0}.hero-lead{font-size:.95rem;margin-bottom:23px}.hero-image-wrap{transform:none;border-width:6px}.hero-image-wrap>img{height:290px}.hero-visual{padding:0 5px 12px}.hero-stamp{bottom:-8px;left:0;padding:10px}.hero-dots{bottom:-16px}.hero-benefits{margin-top:23px}.ribbon-grid{grid-template-columns:1fr 1fr}.ribbon-grid>div{padding:18px 9px;justify-content:flex-start}.ribbon-grid>div:last-child{grid-column:1/-1;justify-content:center;border-top:1px solid rgba(255,255,255,.12)}.ribbon-grid strong{font-size:.78rem}.ribbon-grid small{font-size:.69rem}.ribbon-icon{font-size:1.35rem}.section{padding:65px 0}.section-heading{margin-bottom:25px}.section-heading.centered{margin-bottom:29px}.service-grid,.reviews-grid{grid-template-columns:1fr}.service-card{padding:27px}.service-card p{min-height:0}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 180px 180px;gap:11px}.gallery-large{grid-column:1/-1;grid-row:auto!important}.gallery-item:last-child{grid-column:1/-1}.gallery-gradient{padding:23px 12px 12px}.gallery-gradient strong{font-size:.83rem}.gallery-gradient small{font-size:.7rem}.heading-row{display:block}.text-link{display:inline-block;margin-top:12px}.steps-list{border-left:0;padding-left:0}.review-invite{flex-direction:column;align-items:flex-start;padding:23px}.booking-form{padding:24px 18px}.form-grid{grid-template-columns:1fr}.contact-actions{flex-direction:column;width:100%}.contact-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:5px}.floating-wa{right:19px;bottom:83px;width:51px;height:51px}.mobile-bottom-bar{position:fixed;display:grid;grid-template-columns:1fr 1.4fr;gap:9px;bottom:0;left:0;right:0;background:#fff;padding:9px 15px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -2px 14px rgba(0,0,0,.14);z-index:65}.mobile-bottom-bar a{text-align:center;background:#f5f8fa;color:#173b55;border-radius:8px;padding:12px 8px;font-size:.85rem;font-weight:900;line-height:1.2}.mobile-bottom-bar a:last-child{background:#1aaf71;color:white}.site-footer{padding-bottom:65px}.area-section,.faq-section{padding:65px 0}}
@media(max-width:420px){.hero-actions .btn{width:100%}.hero-image-wrap>img{height:225px}.hero-stamp strong{font-size:.78rem}.hero-stamp small{font-size:.67rem}.gallery-grid{grid-template-rows:180px 165px 165px}.gallery-item img{object-position:center}.contact-mini a{font-size:1rem}.review-card{min-height:220px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Real photo layout and verified-review placeholder */
.gallery-item:nth-child(3) img,.gallery-item:nth-child(4) img{object-position:center 66%}
.review-empty{border:1px dashed #d7e2ea;background:#f8fafc;border-radius:16px;text-align:center;padding:37px 24px;margin-bottom:24px}
.review-empty strong{color:#193650;font-size:1.07rem}
.review-empty p{font-size:.89rem;max-width:620px;margin:10px auto 0}


/* SEO service landing pages */
.seo-service-links{text-align:center;margin:28px auto 0;color:#586f83;font-size:.92rem}
.seo-service-links a{color:#aa6d12;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.service-card a.seo-detail-link{display:inline-block;color:#274f6c;font-size:.82rem;margin-top:12px;text-decoration:underline;text-underline-offset:3px}
.service-hero{background:linear-gradient(125deg,#f4f8fb,#fff);padding:68px 0}
.service-hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:50px;align-items:center}
.service-hero h1{color:#11273d;margin:12px 0 20px}
.service-hero p{max-width:630px;font-size:1.02rem}
.service-hero img{width:100%;height:410px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}
.service-article{padding:73px 0}
.service-article-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:8%;align-items:start}
.service-article h2{color:#11273d}
.service-article p{font-size:1rem;line-height:1.9}
.service-panel{padding:26px;border:1px solid var(--line);background:#f8fafc;border-radius:16px}
.service-panel h3{color:#11273d}
.service-panel a{display:block;margin:12px 0;color:#196f54;font-weight:800}
.service-crumbs{font-size:.79rem;margin-bottom:13px;color:#688094}
.service-crumbs a{color:#a26a1d;text-decoration:underline}
.service-related{background:#f6f9fb;padding:50px 0}
.service-related nav{display:flex;flex-wrap:wrap;gap:13px}
.service-related nav a{padding:10px 15px;border:1px solid #d5e3ec;background:#fff;border-radius:8px;color:#1d4d6a;font-weight:800}
@media(max-width:800px){.service-hero-grid,.service-article-grid{grid-template-columns:1fr;gap:25px}.service-hero img{height:300px}.service-hero{padding:40px 0}.service-article{padding:50px 0}}
@media(max-width:420px){.service-hero img{height:245px}}

/* ========================= REDESIGN 2026: real fleet photos + live customer ratings ========================= */
:root{--navy:#0e2738;--navy-2:#17394a;--ink:#1d3440;--orange:#f5b63f;--orange-dark:#d9951d;--light:#f4f8f8;--radius:22px}
html{scroll-padding-top:94px} body{background:#fff} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f1b43d;outline-offset:3px}
.hero{background:radial-gradient(ellipse at 80% 15%,#286071 0%,transparent 46%),linear-gradient(125deg,#112f40,#0b202d 75%);color:white;overflow:hidden;padding:78px 0 90px}
.hero h1{color:#fff;font-size:clamp(2.7rem,4.6vw,4.9rem);letter-spacing:-.055em}.hero h1 span{color:#f6b637}.hero .eyebrow{color:#f8ce81}.hero-lead{color:#d0dfe6;font-size:1.08rem}.hero-benefits{color:#d6e6ed}.hero-benefits .check-dot{background:#245767;color:#fbd38a}
.hero-grid{grid-template-columns:1fr 1.12fr;gap:4%;align-items:center}.hero-visual{min-width:0}.hero-photo-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:210px 210px;gap:13px;position:relative;z-index:2}.hero-photo-grid img{width:100%;height:100%;object-fit:cover}.hero-photo-main{grid-row:span 2;min-width:0;position:relative;border-radius:22px 8px 8px 22px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.25)}.hero-photo-main img{object-position:47% center}.hero-photo-secondary{border-radius:8px 20px 20px 8px;overflow:hidden;position:relative;box-shadow:0 15px 40px rgba(0,0,0,.2)}.hero-photo-secondary:nth-child(3){border-radius:8px 8px 20px 8px}.hero-photo-secondary span{position:absolute;bottom:12px;left:12px;background:#fff;color:#163544;border-radius:8px;font-size:.77rem;font-weight:800;padding:7px 11px;box-shadow:0 6px 15px rgba(0,0,0,.12)}.hero-photo-label{position:absolute;bottom:15px;left:13px;right:13px;background:rgba(255,255,255,.97);color:#163544;display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:12px}.label-circle{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:50%;background:#f6b63f;color:#102c3b;font-weight:900}.hero-photo-label strong{display:block;font-size:.82rem;line-height:1.3}.hero-photo-label small{display:block;font-size:.69rem;color:#607686}.hero-dots{z-index:1}.btn-primary{background:#f5b536;color:#122e3e}.btn-primary:hover{background:#ffd074}.nav-contact{background:#1daf74;color:white}.nav-contact:hover{background:#168855}.trust-ribbon{background:#102c3a}.section-heading h2 span{color:#c58619}.service-card:hover{box-shadow:0 20px 45px rgba(12,47,60,.11)}
.reviews-section{background:#f4f7f7}.review-summary{display:grid;grid-template-columns:minmax(230px,.52fr) 1.48fr;align-items:center;gap:36px;padding:28px 35px;background:#fff;border:1px solid #dde7ea;border-radius:22px;margin:20px 0 26px;box-shadow:0 12px 30px rgba(16,47,65,.035)}.review-summary-score{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.review-summary-score .big-star{font-size:2.1rem;color:#eba725}.review-summary-score strong{font-size:3rem;line-height:1;color:#163544}.review-summary-score #rating-stars{color:#f1a91c;letter-spacing:2px;white-space:nowrap}.review-summary-score small{display:block;width:100%;font-size:.78rem;color:#7b8e99}.review-summary-info{border-left:1px solid #e0e9ed;padding-left:34px}.review-summary-info strong{color:#17394a;font-size:1rem}.review-summary-info p{font-size:.83rem;margin:6px 0 0;line-height:1.65}.review-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.review-live-grid .review-empty{grid-column:1/-1;margin:0}.review-live-card{background:#fff;border:1px solid #e1e9ef;border-radius:18px;padding:24px;min-height:190px;display:flex;flex-direction:column}.review-live-stars{font-size:1.25rem;letter-spacing:4px;color:#e8a022}.review-live-comment{color:#394e5b;font-size:.92rem;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere;margin:11px 0 22px}.review-live-person{margin-top:auto;border-top:1px solid #eaf0f2;padding-top:12px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px}.review-live-person strong{font-size:.9rem;color:#153b50}.review-live-person span{font-size:.72rem;color:#6f8490}.review-eyebrow{display:block;color:#b47c16;font-weight:900;letter-spacing:.14em;font-size:.72rem;margin-bottom:7px}.review-invite{margin-top:24px}.review-form{max-width:880px;margin:22px auto 0;padding:32px;background:#fff;border-radius:18px;border:1px solid #dbe5ea;box-shadow:0 16px 37px rgba(12,42,59,.055)}.review-form[hidden]{display:none}.review-stars-wrap{margin:17px 0 26px}.review-stars-wrap>span{display:block;color:#234658;font-size:.88rem;font-weight:700}.star-rating{display:flex;gap:9px;align-items:center;margin-top:8px;flex-direction:row-reverse;justify-content:flex-end}.star-rating label{position:relative;cursor:pointer;font-size:2.7rem;line-height:1;color:#c9d1d4;transition:color .18s,transform .18s}.star-rating label:hover{transform:translateY(-2px)}.star-rating input{position:absolute;opacity:0;width:1px;height:1px}.star-rating label:has(input:focus-visible){outline:3px solid #e2a52b;outline-offset:2px;border-radius:6px}.star-rating label.selected,.star-rating label:hover,.star-rating label:hover~label{color:#f0aa21}.star-rating:has(label input:checked) label{color:#c9d1d4}.star-rating:has(label input:checked) label.selected{color:#f0aa21}.review-form .form-grid label{color:#254253}.consent-row{display:flex;align-items:flex-start;gap:10px;margin-top:20px;color:#4b6573;font-size:.81rem;line-height:1.7}.consent-row input{margin-top:5px;width:17px;height:17px;flex:none;accent-color:#11745d}.consent-row a{color:#135c86;text-decoration:underline}.submit-review{margin-top:17px}.spam-trap{position:absolute;left:-9999px;height:1px;overflow:hidden}.form-feedback{min-height:19px;font-size:.9rem;font-weight:700;color:#166d55;margin:13px 0 0}.review-error{grid-column:1/-1;color:#8d4b15;background:#fff8e9;border:1px solid #f6db9c;border-radius:13px;padding:23px}.google-review-block{display:flex;align-items:center;gap:20px;margin-top:25px;background:white;border:1px solid #e0e9ee;border-radius:16px;padding:21px 25px}.google-review-block strong{display:block;color:#183d53}.google-review-block p{font-size:.8rem;margin:4px 0 0}.google-mark{flex:none;font-size:1.7rem;font-weight:1000;color:#268252;border:2px solid #e4eaed;width:47px;height:47px;border-radius:50%;display:grid;place-items:center}.google-review-btn{margin-left:auto;white-space:nowrap;background:#174b6a;color:#fff;border-radius:9px;padding:12px 15px;font-size:.81rem;font-weight:800}.google-review-btn[hidden]{display:none}
.maps-pending{grid-column:1/-1;display:flex;align-items:center;gap:18px;border:1px solid #d4e5ec;border-radius:18px;background:linear-gradient(130deg,#f1f8fa,#fff);padding:20px 23px;margin-top:10px}.maps-icon{font-size:2.2rem;background:#dfedf2;border-radius:13px;width:55px;height:55px;display:grid;place-items:center;color:#245d70;flex:none}.maps-pending strong{font-size:1rem;color:#244554}.maps-pending p{font-size:.81rem;margin:4px 0 0}.maps-coming{margin-left:auto;border-radius:22px;background:#e3edf1;color:#577587;padding:7px 12px;font-size:.75rem;font-weight:800;white-space:nowrap}.btn-outline-map{margin-left:auto;white-space:nowrap;border:1px solid #235169;color:#235169;padding:10px 16px}.btn-outline-map[hidden],.maps-coming[hidden]{display:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1100px){.hero-photo-grid{grid-template-rows:175px 175px}.hero-grid{gap:28px}.hero-photo-label small{display:none}}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr}.hero-photo-grid{grid-template-rows:210px 210px}.hero-copy{max-width:750px}.hero-photo-label small{display:block}}
@media(max-width:720px){.hero{padding:52px 0 65px}.hero h1{font-size:clamp(2.65rem,8vw,4rem)}.hero-photo-grid{grid-template-rows:145px 145px;gap:8px}.hero-photo-main{border-radius:16px 6px 6px 16px}.hero-photo-secondary{border-radius:6px 16px 16px 6px}.hero-photo-secondary span{font-size:.64rem;padding:6px;left:7px;bottom:7px}.hero-photo-label{padding:7px;bottom:8px;left:8px;right:8px}.hero-photo-label strong{font-size:.72rem}.hero-photo-label small{font-size:.62rem}.label-circle{height:25px;width:25px;font-size:.7rem}.review-summary{grid-template-columns:1fr;gap:18px;padding:22px}.review-summary-info{padding:18px 0 0;border-top:1px solid #dfeaed;border-left:0}.review-live-grid{grid-template-columns:1fr}.review-live-card{min-height:0}.review-form{padding:21px}.star-rating label{font-size:2.35rem}.google-review-block{flex-wrap:wrap}.google-review-btn{margin-left:0}.maps-pending{flex-wrap:wrap}.maps-coming{margin-left:0}.btn-outline-map{margin-left:0}.site-footer{padding-bottom:65px}}

/* Optional customer review photo gallery */
.review-photo-input{display:block;margin-top:10px}.review-photo-input input[type=file]{display:block;width:100%;margin:10px 0;padding:12px;background:#f7fafb;border:1px dashed #adc4cf;border-radius:12px;font:inherit;color:#214256}.review-photo-input small{display:block;font-size:.76rem;font-weight:500;line-height:1.6;color:#657985}.review-photo-preview,.review-live-photos{display:flex;gap:10px;flex-wrap:wrap}.review-photo-preview img{width:100px;height:94px;object-fit:cover;border-radius:10px;border:1px solid #dae5e9}.review-live-photos{margin:0 0 18px}.review-live-photos a{flex:1 1 85px;max-width:calc(33.333% - 7px);min-width:65px;display:block;border-radius:10px;overflow:hidden}.review-live-photos img{width:100%;height:105px;display:block;object-fit:cover}.review-live-photos a:focus-visible{outline:3px solid #d89219;outline-offset:2px}

/* BRAND UPDATE 2026-11-03: Large readable main title, desktop + mobile */
.brand{min-width:224px}
.brand strong{font-size:1.16rem;letter-spacing:-.045em}
.brand small{letter-spacing:.085em;font-size:.62rem}
.hero{padding:60px 0 76px}
.hero-heading{margin-bottom:31px}
.hero-heading .eyebrow{margin-bottom:19px}


.hero-title-row em{font-style:normal;color:#ffc25b}
.hero-grid{grid-template-columns:.88fr 1.12fr;gap:4%;align-items:center}
.hero-service-line{color:#fff;font-size:clamp(1.35rem,2.25vw,2.1rem);font-weight:850;line-height:1.2;letter-spacing:-.03em;max-width:510px;margin-bottom:18px}
.hero-lead{max-width:500px}
.footer-brand{line-height:1.28}





/* one-line hero title update */
.hero h1.hero-title{max-width:none;margin:0;font-size:clamp(2rem,5.55vw,5.85rem);font-weight:950;line-height:.96;letter-spacing:-.072em;text-transform:uppercase;white-space:nowrap;text-wrap:nowrap;overflow-wrap:normal;word-break:normal}
.hero h1.hero-title em{font-style:normal;color:#ffc25b}
.hero-title-row{display:inline}
@media(max-width:1100px){.hero h1.hero-title{font-size:clamp(1.95rem,5.2vw,4.9rem)}}
@media(max-width:950px){.hero h1.hero-title{font-size:clamp(1.85rem,5vw,4.2rem)}}
@media(max-width:720px){.hero h1.hero-title{font-size:clamp(1.52rem,6vw,2.75rem);line-height:1;letter-spacing:-.06em}}
@media(max-width:420px){.hero h1.hero-title{font-size:clamp(1.34rem,5.6vw,2rem);letter-spacing:-.055em}}

/* Hero tagline: clear, prominent, directly beneath single-line main title */
.hero-heading .hero-subtitle{max-width:100%;margin:18px 0 0;color:#f5f9fc;font-size:clamp(1.15rem,2.05vw,1.85rem);font-weight:800;letter-spacing:-.025em;line-height:1.32;text-wrap:pretty}
@media(max-width:720px){.hero-heading .hero-subtitle{font-size:clamp(1.03rem,4vw,1.5rem);margin-top:15px;line-height:1.42}}


/* ===========================================================
   RAZKA ELECTRIC — High-visibility blue, yellow, and WhatsApp green.
   Visual-only update; original photos, SEO, JS, forms, and API unchanged.
   =========================================================== */
:root{
  --navy:#092b98;
  --navy-2:#0d46c8;
  --ink:#102b62;
  --muted:#52637b;
  --orange:#ffdc00;
  --orange-dark:#ffaf00;
  --green:#0abf69;
  --light:#eef5ff;
  --line:#d8e5fd;
  --shadow:0 20px 48px rgba(4,49,155,.15);
}
body{color:var(--ink)}
.topbar{background:#061d72;color:#eaf0ff}
.topbar a{color:#fff}
.site-header{border-bottom:3px solid #ffdb00;box-shadow:0 5px 15px rgba(3,25,93,.06)}
.brand-icon{background:#ffdc00;box-shadow:0 3px 0 #ff9e00}
.brand em{color:#e94c00}
.brand small{color:#1746a9}
.main-nav a{color:#103d9a;font-weight:800}
.main-nav a:hover{color:#f05c00}
.nav-contact{background:#00b85f;border-color:#00b85f;color:#fff;box-shadow:0 7px 20px rgba(0,171,87,.22)}
.nav-contact:hover{background:#008f4e;border-color:#008f4e;color:#fff}
.nav-toggle{border:2px solid #1458de;background:#eff5ff}
.hero{
 background:radial-gradient(ellipse at 80% 10%,rgba(44,171,255,.72) 0%,transparent 49%),
  radial-gradient(ellipse at 15% 95%,rgba(5,34,132,.9) 0%,transparent 65%),
  linear-gradient(120deg,#08277e 0%,#0659e8 57%,#0737b8 100%);
 padding:65px 0 78px;
}
.hero .eyebrow{background:#ffea00;color:#062f84;padding:9px 15px;border-radius:999px;font-size:.77rem;font-weight:950;letter-spacing:.09em;box-shadow:0 6px 17px rgba(4,22,82,.19)}
.hero .eyebrow-line{background:#073db2;width:24px;height:4px}
.hero h1.hero-title{
 color:#fff;
 font-family:Impact,"Arial Narrow","Arial Black","Segoe UI",sans-serif;
 font-weight:950;
 font-size:clamp(1.04rem,5vw,4.75rem);
 letter-spacing:-.025em;
 line-height:1.1;
 white-space:nowrap;
 text-wrap:nowrap;
 overflow-wrap:normal;
 text-shadow:0 4px 12px rgba(0,20,82,.28);
}
.hero h1.hero-title em{color:#ffea00;font-style:normal;text-shadow:0 4px 0 rgba(0,22,78,.25)}
.hero-heading .hero-subtitle{color:#fff;font-weight:900;text-shadow:0 2px 8px rgba(0,25,91,.2)}
.hero-lead{color:#f2f7ff;font-size:1.08rem}
.hero-benefits{color:#f4f8ff}
.hero-benefits .check-dot{color:#093687;background:#ffdf0c}
.hero-photo-grid img{filter:none} /* preserve original customer-provided photographs */
.hero-photo-main,.hero-photo-secondary{box-shadow:0 17px 44px rgba(0,25,103,.40);outline:3px solid rgba(255,255,255,.3)}
.hero-photo-label{border:2px solid #fff}
.label-circle{background:#ffea00;color:#083a99}
.btn-primary{background:#ffdc00;color:#102a6d;box-shadow:0 8px 0 #e58b00,0 14px 26px rgba(0,28,104,.24);border:1px solid #ffc300;font-weight:950}
.btn-primary:hover{background:#fff100;box-shadow:0 5px 0 #e58b00,0 12px 23px rgba(0,25,100,.25)}
.hero .btn-ghost{color:#063faa;background:#fff;border:2px solid #fff;font-weight:950}
.hero .btn-ghost:hover{background:#e3f0ff}
.trust-ribbon{background:#ffdc00;color:#082e91}
.ribbon-grid>div{border-color:rgba(10,47,140,.18)}
.ribbon-icon{color:#e94f00}
.ribbon-grid strong{color:#082e91;font-weight:950}
.ribbon-grid small{color:#173b83}
.section-heading h2,.service-card h3,.area-grid h2,.booking-info h2{color:#0a349d}
.section h2 span,.steps-intro h2 span,.booking-info h2 span,.faq-grid h2 span,.area-grid h2 span{color:#ec5600}
.kicker{color:#e15a00}
.service-card{border:2px solid #d6e4ff;box-shadow:0 12px 27px rgba(7,56,159,.07)}
.service-card.featured{background:linear-gradient(145deg,#fff7c5,#fffef1);border:2px solid #ffce00}
.service-icon{background:#fff0ac;color:#0b49d1}
.service-card a,.text-link{color:#d64b00}
.service-card a:hover,.text-link:hover{text-decoration:underline}
.gallery-section{background:#e8f2ff}
.gallery-item{border:3px solid #fff;box-shadow:0 12px 22px rgba(4,57,166,.15)}
.gallery-gradient{background:linear-gradient(0deg,rgba(0,32,115,.93),rgba(0,32,115,.06))}
.gallery-gradient strong{color:#ffec3d}
.steps-section{background:linear-gradient(130deg,#092f9b,#0642cb)}
.step-number{color:#ffeb00}
.steps-intro p,.step p{color:#e4efff}
.reviews-section{background:#f3f7ff}
.review-summary,.review-live-card,.review-invite,.google-review-block{border-color:#c5dbfc;box-shadow:0 12px 26px rgba(5,47,132,.08)}
.review-summary-score .review-star,.star-rating label span,.review-stars{color:#f2a800}
.review-invite{background:linear-gradient(110deg,#fff4a8,#fffef7);border:2px solid #ffe061}
.btn-dark{background:#0845ca;color:#fff}
.btn-dark:hover{background:#06369b}
.booking-section{background:linear-gradient(140deg,#e8f2ff,#f8fbff)}
.booking-form{box-shadow:0 17px 39px rgba(4,56,158,.13);border:2px solid #d2e2ff}
.booking-highlight{border-left:5px solid #ffbc00}
.contact-mini a{color:#0454cf}
.area-section{background:#fff}
.area-tags span{background:#eff5ff;color:#113c96;border-color:#c7dcff;font-weight:800}
.maps-pending{background:#eef6ff;border-color:#c8dfff}
.contact-banner{background:linear-gradient(105deg,#ffdb00 0%,#ffb300 65%,#ff7b00 100%)}
.contact-banner .kicker{color:#542600}
.contact-banner h2{color:#072d86;font-weight:950}
.contact-banner p{color:#3e2b00}
.contact-banner .btn-primary{background:#073dbb;color:#fff;border-color:#073dbb;box-shadow:0 7px 0 #06236e}
.contact-banner .btn-primary:hover{background:#002c94}
.contact-banner .btn-light{background:#fff;color:#0a3295;font-weight:950}
.site-footer{background:#061d6b;border-top:6px solid #ffdf00}
.footer-brand strong{color:#ffde00}
.footer-grid p{color:#c8d8f8}
.floating-wa{background:#07bc65;box-shadow:0 0 0 5px rgba(255,255,255,.86),0 10px 28px rgba(0,147,78,.37)}
.floating-wa:hover{background:#07994f}
@media(max-width:720px){
 .hero{padding:39px 0 58px}
 .hero .eyebrow{font-size:.64rem;max-width:100%;letter-spacing:.035em;padding:8px 10px}
 .hero h1.hero-title{font-size:clamp(.98rem,4.75vw,2.7rem);letter-spacing:-.035em;white-space:nowrap}
 .hero-heading .hero-subtitle{font-size:clamp(1.02rem,4.2vw,1.45rem)}
 .mobile-bottom-bar{border-top:3px solid #ffdb00}
 .mobile-bottom-bar a{background:#eaf2ff;color:#083ba9;border:1px solid #c7dafb}
 .mobile-bottom-bar a:last-child{background:#04b861;color:#fff;border-color:#04b861}
}
@media(max-width:420px){
 .hero .container{width:calc(100% - 24px)}
 .hero h1.hero-title{font-size:clamp(.92rem,4.55vw,1.9rem);letter-spacing:-.04em}
}

/* Responsive repair: never squeeze text beside image on phones/tablets. */
@media(max-width:950px){
 .hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .hero-copy{width:100%;max-width:100%}
 .hero-visual{width:100%;max-width:100%;min-width:0}
 .hero-photo-grid{grid-template-columns:1.2fr .8fr;grid-template-rows:180px 180px}
}
@media(max-width:720px){
 .hero-photo-grid{grid-template-rows:145px 145px}
 .hero .hero-actions{display:flex;flex-wrap:wrap}
}
@media(max-width:420px){
 .hero h1.hero-title{font-size:clamp(.92rem,4.55vw,1.9rem)}
}