:root{
  --bg:#f4f8fc; --surface:#ffffff; --ink:#081a2f; --muted:#5e6f82;
  --navy:#052b54; --navy2:#031a33; --blue:#0789f8; --cyan:#08b7f0; --green:#12c95a;
  --line:#dce6f0; --shadow:0 18px 45px rgba(3,35,68,.10); --radius:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.narrow{max-width:850px}
.topbar{background:var(--navy);color:#fff;font-size:13px}.topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-links{display:flex;gap:26px;flex-wrap:wrap}.topbar a{color:#fff}.topbar-location{white-space:nowrap}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-wrap{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;flex-direction:column;line-height:1;position:relative;min-width:255px}.brand-circuit{font-size:24px;color:var(--blue);font-weight:800;letter-spacing:.15em;height:16px}.brand-mark{font-size:50px;font-weight:800;letter-spacing:-.08em}.brand-mark span{color:var(--blue)}.brand-sub{font-size:9px;letter-spacing:.24em;margin-top:3px}.brand-tag{font-size:12px;color:var(--blue);font-weight:800;border-top:2px solid var(--blue);padding-top:4px;width:max-content;margin-top:4px}.nav{display:flex;align-items:center;gap:27px;font-weight:600;font-size:14px}.nav a:hover{color:var(--blue)}.menu-toggle{display:none;border:0;background:transparent;font-size:28px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;padding:14px 20px;border-radius:8px;font-weight:800;border:1px solid var(--blue);cursor:pointer;box-shadow:0 8px 20px rgba(7,137,248,.18)}.btn:hover{background:#0578db}.btn-small{padding:12px 20px}.btn-sky{background:var(--cyan);border-color:var(--cyan)}.btn-whatsapp{background:var(--green);border-color:var(--green)}
.hero-home{position:relative;overflow:hidden;background:linear-gradient(110deg,#031a33 0%,#06365f 50%,#0b4a75 100%);color:#fff;padding:74px 0 52px;min-height:500px}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 75% 40%,rgba(8,183,240,.20),transparent 25%),linear-gradient(90deg,rgba(2,18,36,.2),rgba(2,18,36,0));pointer-events:none}.circuit-lines{position:absolute;inset:auto -40px 18px 0;height:90px;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0 55px,#08b7f0 56px 57px,transparent 58px 110px)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}.hero-content{position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:800;color:var(--blue);margin-bottom:12px}.hero-kicker{color:#d9e8f7}.hero h1{font-size:clamp(40px,5.5vw,68px);line-height:.98;letter-spacing:-.04em;margin:0 0 18px}.hero h1 span{color:var(--cyan)}.lead{font-size:18px;color:#eef6fd;max-width:660px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-visual{height:360px;position:relative}.camera-card{position:absolute;right:30px;top:45px;width:210px;height:110px;border-radius:20px;background:linear-gradient(145deg,#e9eef3,#9fb0c1);transform:rotate(-8deg);box-shadow:0 25px 50px rgba(0,0,0,.28)}.camera-card:after{content:"";position:absolute;left:-35px;top:28px;width:70px;height:55px;border-radius:10px;background:#dfe7ee}.camera-lens{position:absolute;right:25px;top:18px;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle,#06101c 0 18%,#0b2038 19% 35%,var(--cyan) 36% 41%,#071321 42% 62%,#2d3d4e 63%);box-shadow:0 0 25px rgba(8,183,240,.7)}.camera-body{position:absolute;left:44px;top:42px;color:var(--navy);font-weight:800;letter-spacing:.12em}.house-card{position:absolute;left:15px;bottom:20px;width:310px;height:180px;background:linear-gradient(#1f3e58,#0e2134);border-radius:6px;box-shadow:0 24px 50px rgba(0,0,0,.35)}.house-roof{position:absolute;left:-20px;top:-70px;width:0;height:0;border-left:175px solid transparent;border-right:175px solid transparent;border-bottom:85px solid #13283b}.house-face{position:absolute;left:52px;top:42px;display:flex;gap:22px}.house-face span{display:block;width:42px;height:58px;background:linear-gradient(#ffd36b,#f39e2d);box-shadow:0 0 25px rgba(255,189,73,.4)}.gate-lines{position:absolute;left:40px;right:40px;bottom:28px;height:46px;border-top:5px solid #18232c;border-bottom:5px solid #18232c;background:repeating-linear-gradient(90deg,#18232c 0 9px,transparent 9px 24px)}.hero-script{position:absolute;right:6px;bottom:2px;font-size:26px;font-style:italic;font-weight:600;color:#fff;transform:rotate(-4deg)}.security-orbit{position:absolute;border:1px solid rgba(8,183,240,.35);border-radius:50%}.orbit-one{width:270px;height:270px;right:0;top:20px}.orbit-two{width:190px;height:190px;right:42px;top:60px}
.service-strip{background:#fff;border-bottom:1px solid var(--line)}.service-strip-grid{display:grid;grid-template-columns:repeat(6,1fr)}.service-chip{text-align:center;padding:20px 10px;border-right:1px solid var(--line)}.service-chip:last-child{border-right:0}.service-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:radial-gradient(circle at 35% 25%,#0875c9,#052b54 72%);font-size:30px;box-shadow:0 6px 15px rgba(5,43,84,.22)}.service-chip strong{display:block;font-size:13px}.service-chip span{display:block;font-size:11px;letter-spacing:.1em;color:var(--muted)}
.trust-band{background:#edf4f9;border-bottom:1px solid var(--line)}.trust-band-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-band-grid>div{display:flex;align-items:center;gap:16px;padding:17px 28px;border-right:1px solid #cfdce8}.trust-band-grid>div:last-child{border-right:0}.trust-icon{width:44px;height:44px;border:3px solid var(--navy);border-radius:50%;display:grid;place-items:center;font-weight:800;color:var(--navy)}.trust-band p{margin:0}.trust-band strong{display:block;color:var(--navy)}.trust-band small{display:block;color:var(--muted)}
.section{padding:70px 0}.about-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.about-home h2{font-size:36px;line-height:1.08;margin:0 0 18px}.about-home h2 span{color:var(--blue)}.about-home p{color:#2d3a47}.about-visual-wrap{display:grid;grid-template-columns:1.25fr .8fr;background:#eef4f8;border-radius:8px;overflow:hidden;min-height:320px}.installer-visual{position:relative;background:linear-gradient(140deg,#d7e1e8,#8ea4b5);overflow:hidden}.installer-person{position:absolute;left:65px;bottom:0;width:150px;height:245px;border-radius:70px 70px 10px 10px;background:#0d3761;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;letter-spacing:.12em;transform:rotate(-6deg)}.installer-camera{position:absolute;right:22px;top:45px;width:78px;height:52px;border-radius:12px;background:#fff;color:var(--navy);display:grid;place-items:center;font-size:28px;box-shadow:0 12px 20px rgba(0,0,0,.15)}.about-points{padding:28px 20px;display:grid;align-content:center;gap:22px}.about-points div{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:700}.about-points span{color:#394b5e;font-weight:600}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.section-heading h2{font-size:32px;margin:0}.project-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.project-tile{background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden;box-shadow:var(--shadow)}.project-art{height:155px;display:grid;place-items:center;font-size:52px;color:#fff}.cctv-art{background:linear-gradient(140deg,#9bb6c9,#496d86)}.gate-art{background:linear-gradient(140deg,#566879,#1d2c39)}.alarm-art{background:linear-gradient(140deg,#e7edf2,#75889a);color:#17324b}.intercom-art{background:linear-gradient(140deg,#8ca3b4,#354b5d)}.garage-art{background:linear-gradient(140deg,#5f6870,#2b3034)}.project-tile span{display:block;padding:10px 12px;font-size:13px;font-weight:700}.contact-ribbon{background:linear-gradient(90deg,#042b54,#073b6b);color:#fff;padding:24px 0;position:relative;overflow:hidden}.contact-ribbon-grid{display:grid;grid-template-columns:1.5fr repeat(3,auto);gap:18px;align-items:center}.contact-ribbon strong{display:block;font-size:20px}.contact-ribbon span{display:block;color:#d5e3f1}.contact-ribbon a{background:var(--blue);padding:13px 18px;border-radius:7px;font-weight:800}.contact-ribbon .whatsapp-ribbon{background:var(--green)}
.page-hero{background:var(--navy2);color:#fff;padding:74px 0}.page-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.02}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.card p{color:var(--muted)}.icon{font-size:30px}.text-link{font-weight:800;color:var(--blue)}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px}.feature-list{display:grid;gap:14px}.feature-list div{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff}.feature-list span{display:block;color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-item{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.gallery-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg,#dfe7ef,#f8fafc);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;color:#697586}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:12px 0;display:flex;flex-direction:column}.form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.form label{display:block;font-weight:700;margin-bottom:16px}.form input,.form textarea{width:100%;margin-top:7px;border:1px solid #cfd8e3;border-radius:8px;padding:13px;font:inherit}.flash-wrap{padding-top:16px}.flash{padding:12px 16px;border-radius:10px}.flash.success{background:#dcfce7}.flash.error{background:#fee2e2}
.footer{background:#04172a;color:#fff;padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .9fr 1fr;gap:42px}.footer p,.footer a{color:#c1cfdd}.footer-brand{font-size:34px;font-weight:800;letter-spacing:-.05em}.footer-brand small{font-size:12px}.footer-sub{font-size:9px;letter-spacing:.18em}.footer-tag{font-size:12px;color:#59b8ff;font-weight:800;margin:4px 0 14px}.footer h4{text-transform:uppercase;font-size:13px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:18px;color:#91a3b5;font-size:12px;display:flex;justify-content:space-between}
@media(max-width:980px){.topbar-location{display:none}.nav-wrap{min-height:88px}.brand{min-width:210px}.brand-mark{font-size:42px}.nav{display:none;position:absolute;left:0;right:0;top:88px;background:#fff;padding:22px 4%;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.menu-open .nav{display:flex}.menu-toggle{display:block}.hero-grid,.about-home-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-visual{height:320px}.service-strip-grid{grid-template-columns:repeat(3,1fr)}.service-chip:nth-child(3){border-right:0}.service-chip{border-bottom:1px solid var(--line)}.trust-band-grid{grid-template-columns:1fr}.trust-band-grid>div{border-right:0;border-bottom:1px solid #cfdce8}.project-grid{grid-template-columns:repeat(3,1fr)}.contact-ribbon-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.topbar{display:none}.site-header{top:0}.brand-circuit{font-size:18px}.brand-mark{font-size:36px}.brand-sub{font-size:7px}.hero-home{padding:54px 0 32px}.hero h1{font-size:42px}.hero-visual{height:265px}.camera-card{right:0;width:160px;height:86px}.camera-lens{width:58px;height:58px}.house-card{width:230px;height:135px}.house-roof{border-left-width:135px;border-right-width:135px;border-bottom-width:65px;top:-54px}.house-face{left:38px;top:30px}.house-face span{width:30px;height:42px}.hero-script{font-size:20px}.service-strip-grid{grid-template-columns:repeat(2,1fr)}.service-chip:nth-child(3){border-right:1px solid var(--line)}.service-chip:nth-child(even){border-right:0}.trust-band-grid>div{padding:15px 8px}.about-visual-wrap{grid-template-columns:1fr}.about-points{grid-template-columns:1fr 1fr}.section{padding:50px 0}.project-grid{grid-template-columns:1fr 1fr}.contact-ribbon-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:6px}.section-heading{align-items:flex-start;flex-direction:column}}

/* Rich Services section */
.services-hero{background:radial-gradient(circle at 82% 30%,rgba(8,183,240,.16),transparent 28%),linear-gradient(120deg,#031a33,#063760)}
.service-intro-heading{align-items:flex-start}.section-copy{max-width:430px;color:var(--muted);margin:8px 0 0}
.service-cards-rich{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-card-rich{display:grid;grid-template-columns:92px 1fr;gap:22px;padding:26px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);transition:.2s}.service-card-rich:hover{transform:translateY(-4px);border-color:#9ed2fb}.service-card-icon{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#0875c9,#052b54 72%);font-size:34px}.service-card-body{position:relative}.service-number{position:absolute;right:0;top:-8px;font-weight:800;font-size:30px;color:#e5eef6}.service-card-body h3{font-size:24px;margin:0 0 3px}.service-card-body strong{color:var(--navy)}.service-card-body p{color:var(--muted);margin:9px 0 12px}
.process-section{background:#f1f6fa}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.process-grid>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.process-grid span{display:block;color:var(--blue);font-size:28px;font-weight:800}.process-grid strong{display:block;font-size:17px;margin:5px 0}.process-grid p{color:var(--muted);font-size:14px;margin-bottom:0}
.service-detail-hero{background:radial-gradient(circle at 80% 40%,rgba(8,183,240,.18),transparent 26%),linear-gradient(120deg,#031a33,#063760)}.service-detail-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.service-tagline{font-size:28px;color:#72c8ff;margin:-5px 0 18px}.service-hero-badge{justify-self:end;width:min(340px,100%);min-height:300px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;box-shadow:0 30px 70px rgba(0,0,0,.2)}.service-hero-icon{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;font-size:48px;background:radial-gradient(circle at 35% 25%,#0a9df8,#052b54 72%);margin-bottom:14px}.service-hero-badge strong{font-size:26px}.service-hero-badge span{color:#d5e5f3}.service-hero-badge small{margin-top:12px;color:#72c8ff;font-weight:700}
.service-content-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:start}.solution-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.solution-list div{border:1px solid var(--line);border-radius:12px;padding:15px;background:#fff;font-weight:700}.solution-list span{color:var(--blue);margin-right:10px}.quote-panel{background:linear-gradient(145deg,#052b54,#031a33);color:#fff;border-radius:20px;padding:30px;box-shadow:0 24px 50px rgba(3,35,68,.2)}.quote-panel h3{font-size:26px}.quote-panel p{color:#c7d7e6}.full-btn{width:100%;margin-top:12px}.quote-call{display:block;text-align:center;margin-top:14px;color:#8fd3ff;font-weight:700}
.service-benefits-section{background:#eef5fa}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.benefit-card{min-height:145px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.benefit-card span{display:block;color:var(--blue);font-size:27px;font-weight:800}.benefit-card strong{display:block;margin-top:12px;font-size:17px}.service-support-section .feature-list div{background:#f8fbfd}.related-services{border-top:1px solid var(--line)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-grid a{border:1px solid var(--line);border-radius:15px;padding:22px;background:#fff}.related-grid a>span{font-size:27px}.related-grid strong,.related-grid small{display:block}.related-grid strong{margin:8px 0 4px}.related-grid small{color:var(--muted)}
@media(max-width:980px){.service-cards-rich,.service-detail-hero-grid,.service-content-grid{grid-template-columns:1fr}.service-hero-badge{justify-self:start}.process-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.service-cards-rich,.process-grid,.benefit-grid,.related-grid,.solution-list{grid-template-columns:1fr}.service-card-rich{grid-template-columns:68px 1fr;padding:20px}.service-card-icon{width:62px;height:62px;font-size:27px}.service-card-body h3{font-size:21px}.service-number{font-size:22px}.service-hero-badge{min-height:230px}.service-tagline{font-size:23px}}


/* Step 5: Project Gallery */
.gallery-hero{background:radial-gradient(circle at 82% 28%,rgba(8,183,240,.18),transparent 27%),linear-gradient(120deg,#031a33,#063760)}.gallery-copy{max-width:660px}.gallery-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}.gallery-filter{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:999px;padding:10px 16px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:.2s}.gallery-filter:hover,.gallery-filter.active{background:var(--navy);border-color:var(--navy);color:#fff}.gallery-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-project-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,border-color .2s}.gallery-project-card:hover{transform:translateY(-4px);border-color:#9ed2fb}.gallery-project-card[hidden]{display:none}.gallery-project-art{aspect-ratio:4/3;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#fff}.gallery-project-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,rgba(255,255,255,.10) 46% 48%,transparent 49%),repeating-linear-gradient(90deg,transparent 0 60px,rgba(8,183,240,.10) 61px 62px,transparent 63px 120px)}.art-cctv{background:linear-gradient(140deg,#456d8a,#092b4d)}.art-gate-motors{background:linear-gradient(140deg,#536d7f,#152b3c)}.art-alarm-systems{background:linear-gradient(140deg,#8a9eb0,#345269)}.art-access-control{background:linear-gradient(140deg,#21639a,#082c50)}.art-intercoms{background:linear-gradient(140deg,#486d89,#19394f)}.art-garage-door-motors{background:linear-gradient(140deg,#505d68,#1d2933)}.gallery-project-icon{font-size:58px;position:relative;z-index:2;filter:drop-shadow(0 10px 18px rgba(0,0,0,.2))}.gallery-watermark{position:absolute;right:15px;bottom:5px;font-weight:800;font-size:44px;letter-spacing:-.07em;opacity:.12}.gallery-project-art>span{position:relative;z-index:2;margin-top:8px;font-size:10px;letter-spacing:.18em;font-weight:800;opacity:.75}.gallery-project-body{padding:20px}.gallery-project-meta{display:flex;justify-content:space-between;gap:14px;margin-bottom:10px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.project-category{color:var(--blue)}.project-location{color:var(--muted)}.gallery-project-body h3{font-size:20px;margin:0 0 8px}.gallery-project-body p{color:var(--muted);font-size:14px;margin:0 0 16px}.gallery-project-body a{color:var(--blue);font-size:13px;font-weight:800}.gallery-upload-guide{background:#eef5fa}.gallery-guide-card{background:linear-gradient(120deg,#fff,#f7fbfe);border:1px solid var(--line);border-radius:22px;padding:38px;display:grid;grid-template-columns:1.25fr .75fr;gap:50px;box-shadow:var(--shadow)}.gallery-guide-card h2{font-size:34px;line-height:1.08;margin:0 0 15px}.gallery-guide-card p{color:var(--muted)}.gallery-guide-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gallery-guide-points div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.gallery-guide-points strong{display:block;color:var(--blue);font-size:22px}.gallery-guide-points span{display:block;font-size:13px;font-weight:700;margin-top:4px}@media(max-width:980px){.gallery-project-grid{grid-template-columns:repeat(2,1fr)}.gallery-guide-card{grid-template-columns:1fr}}@media(max-width:640px){.gallery-project-grid,.gallery-guide-points{grid-template-columns:1fr}.gallery-guide-card{padding:25px}.gallery-filter{padding:9px 13px}}

/* Step 6: Contact & quotation system */
.quote-hero{background:radial-gradient(circle at 80% 35%,rgba(8,183,240,.18),transparent 26%),linear-gradient(120deg,#031a33,#063760)}
.contact-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.contact-hero-card{justify-self:end;width:min(360px,100%);padding:30px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.06);box-shadow:0 28px 60px rgba(0,0,0,.18);display:grid;gap:9px}.contact-hero-card strong{font-size:27px}.contact-hero-card>span{color:#72c8ff;font-weight:700;margin-top:-7px;margin-bottom:10px}.contact-hero-card div{color:#d8e5f0}.contact-hero-card small{color:#72c8ff;font-weight:800;margin-top:8px}
.quote-section{background:#f3f7fa}.quote-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:start}.quote-side{position:sticky;top:128px}.quote-side h2{font-size:36px}.quote-side>p{color:var(--muted);margin-bottom:22px}.contact-method-card{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:10px}.contact-method-card>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8f5fd;color:var(--blue);font-size:19px}.contact-method-card strong,.contact-method-card a{display:block}.contact-method-card a{color:var(--muted);font-size:14px}.whatsapp-method>span{background:#e7f8ed;color:#168a45}.quote-tip{margin-top:22px;border-radius:16px;padding:20px;background:var(--navy);color:#fff}.quote-tip p{margin:7px 0 0;color:#c9dae8;font-size:14px}
.quote-form-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow)}.quote-form-heading{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.quote-form-heading h2{font-size:36px;margin-bottom:6px}.quote-form-heading p{margin:0;color:var(--muted);font-size:13px}.quote-form label{display:block;font-size:13px;font-weight:800;color:var(--navy);margin-bottom:16px}.form-grid{display:grid;gap:16px}.form-grid.two-col{grid-template-columns:1fr 1fr}.quote-form input,.quote-form textarea,.quote-form select{width:100%;margin-top:7px;border:1px solid #ccd8e3;border-radius:11px;background:#fff;padding:13px 14px;font:inherit;color:var(--ink);outline:none;transition:.2s}.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus{border-color:#55b8f2;box-shadow:0 0 0 3px rgba(8,183,240,.12)}.quote-form textarea{resize:vertical;min-height:145px}.form-consent{display:flex;gap:10px;align-items:flex-start;background:#f6f9fb;border-radius:12px;padding:13px 15px;margin:3px 0 20px}.form-consent p{margin:0;color:var(--muted);font-size:12px}.quote-submit-row{display:flex;gap:12px;flex-wrap:wrap}.quote-submit,.quote-whatsapp{min-height:50px}.quote-whatsapp{background:#178f49;border-color:#178f49}.quote-whatsapp:hover{background:#11793c;border-color:#11793c}
.quote-next-steps{background:#fff}.quote-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quote-process-grid>div{border:1px solid var(--line);border-radius:16px;padding:23px;background:#fff}.quote-process-grid span{display:block;color:var(--blue);font-weight:800;font-size:27px}.quote-process-grid strong{display:block;margin:8px 0 5px}.quote-process-grid p{color:var(--muted);font-size:13px;margin:0}
@media(max-width:980px){.contact-hero-grid,.quote-layout{grid-template-columns:1fr}.contact-hero-card{justify-self:start}.quote-side{position:static}.quote-process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.form-grid.two-col,.quote-process-grid{grid-template-columns:1fr}.quote-form-card{padding:23px}.quote-form-heading h2,.quote-side h2{font-size:30px}.quote-submit-row .btn{width:100%}}

/* Step 7: About MVTR & customer trust */
.about-hero{background:radial-gradient(circle at 82% 35%,rgba(8,183,240,.2),transparent 28%),linear-gradient(120deg,#031a33,#063760)}.about-hero h1 span{color:var(--cyan)}.about-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.about-brand-panel{justify-self:end;width:min(410px,100%);min-height:285px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:rgba(255,255,255,.06);box-shadow:0 28px 65px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.about-circuit{color:var(--cyan);font-weight:800;letter-spacing:.12em}.about-brand-panel>strong{font-size:68px;line-height:1;letter-spacing:-.08em}.about-brand-panel>strong span{color:var(--blue)}.about-brand-panel>small{font-size:10px;letter-spacing:.22em;margin-top:8px}.about-brand-panel>em{color:#72c8ff;font-weight:800;border-top:2px solid var(--blue);padding-top:8px;margin-top:10px}.about-story-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.about-story h2,.commitment-section h2{font-size:40px;line-height:1.08}.about-story p,.commitment-section p{color:var(--muted)}.about-core-card{background:linear-gradient(145deg,#052b54,#031a33);color:#fff;border-radius:22px;padding:34px;box-shadow:0 24px 50px rgba(3,35,68,.2)}.core-icon{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font-size:35px}.about-core-card h3{font-size:27px}.about-core-card p{color:#c8d9e7}.core-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.core-tags span{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;color:#a9dcff}.trust-section{background:#eef5fa}.trust-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.trust-card-grid>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.trust-card-grid span{display:block;color:var(--blue);font-size:27px;font-weight:800}.trust-card-grid strong{display:block;font-size:18px;margin:8px 0}.trust-card-grid p{color:var(--muted);font-size:13px;margin:0}.about-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.about-service-grid a{display:grid;grid-template-columns:55px 1fr;column-gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.about-service-grid a>span{grid-row:1/3;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#e9f5fe;font-size:24px}.about-service-grid strong{align-self:end}.about-service-grid small{color:var(--muted);line-height:1.4;margin-top:3px}.commitment-section{background:#fff}.commitment-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.commitment-list{display:grid;gap:12px}.commitment-list>div{display:flex;gap:15px;border:1px solid var(--line);border-radius:14px;padding:18px;background:#f8fbfd}.commitment-list b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f7ee;color:#129347}.commitment-list span,.commitment-list strong{display:block}.commitment-list span{color:var(--muted);font-size:13px}.commitment-list strong{color:var(--navy);font-size:15px;margin-bottom:2px}.service-area-band{background:linear-gradient(120deg,#052b54,#031a33);color:#fff;padding:48px 0}.service-area-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.service-area-band h2{font-size:34px;margin:0 0 8px}.service-area-band p{color:#c7d8e6;margin:0}.service-area-contact{display:grid;gap:10px}.service-area-contact a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 16px;font-weight:700}
@media(max-width:980px){.about-hero-grid,.about-story-grid,.commitment-grid,.service-area-grid{grid-template-columns:1fr}.about-brand-panel{justify-self:start}.trust-card-grid,.about-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.trust-card-grid,.about-service-grid{grid-template-columns:1fr}.about-brand-panel{min-height:230px}.about-brand-panel>strong{font-size:56px}.about-story h2,.commitment-section h2{font-size:32px}}