:root{--navy:#0b1b34;--ink:#101e34;--muted:#617086;--orange:#f47b34;--green:#239c70;--paper:#f4f7fb;--white:#fff;--line:#dfe6ef;--shadow:0 18px 50px rgba(13,34,63,.1)}
[data-theme=dark]{--ink:#f1f5fb;--muted:#abb8ca;--paper:#091526;--white:#101f35;--line:#263853;--shadow:0 18px 50px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}
.topline{background:var(--navy);color:#d9e4f2;font-size:11px}.topline .container{display:flex;justify-content:space-between;padding:8px 0;gap:12px}.topline strong{color:white}
.header{position:sticky;top:0;z-index:9;background:color-mix(in srgb,var(--white) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.head{height:76px;display:flex;align-items:center;gap:16px}.logo{width:180px;height:54px;display:grid;place-items:center;flex:none;overflow:hidden;border-radius:11px;background:#fff}.logo img{width:100%;height:100%;object-fit:contain}.nav{margin-left:auto;display:flex;align-items:center;gap:21px;font-size:12px;font-weight:700}.nav a:not(.btn):hover{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #08172b20}.btn-dark{background:var(--navy);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-outline{border:1px solid var(--line);background:var(--white)}.theme,.menu{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);cursor:pointer}.theme{width:42px;height:42px;border:1px solid #f47b34;border-radius:11px;background:rgba(244,123,52,.12);color:#d95f1e;font-size:17px;box-shadow:0 4px 13px rgba(244,123,52,.18);transition:background .2s,color .2s,box-shadow .2s,transform .2s}.theme:hover{background:#f47b34;color:#fff;box-shadow:0 6px 16px rgba(244,123,52,.3);transform:translateY(-1px)}.theme:focus-visible{outline:3px solid rgba(244,123,52,.35);outline-offset:2px}.menu{display:none;width:auto;padding:0 12px;font-size:11px;font-weight:700}
.hero{padding:62px 0 56px;background:radial-gradient(ellipse at 80% 10%,#f47b341c,transparent 35%),linear-gradient(180deg,var(--white),var(--paper))}.hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:54px;align-items:center}.eyebrow,.kicker{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.eyebrow:before{content:'';display:inline-block;width:22px;height:2px;background:var(--orange);vertical-align:middle;margin-right:9px}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif}h1{font-size:clamp(42px,5.4vw,68px);line-height:1.02;letter-spacing:-.055em;color:var(--navy);margin:17px 0} [data-theme=dark] h1{color:var(--ink)}h1 span{color:var(--orange)}.lead{max-width:560px;color:var(--muted);line-height:1.8}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.points{display:flex;flex-wrap:wrap;gap:15px;margin-top:23px;color:var(--muted);font-size:11px}.points span:before{content:'✓';display:inline-grid;place-items:center;width:17px;height:17px;margin-right:6px;border-radius:50%;color:var(--green);background:#239c7020;font-weight:800}
.hero-photo{height:430px;position:relative;overflow:hidden;border:10px solid var(--navy);border-radius:24px;background:var(--navy);box-shadow:var(--shadow)}.hero-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.hero-photo:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#07172be8)}.hero-note{position:absolute;z-index:1;left:28px;top:28px;padding:9px 12px;border-radius:10px;background:#fff;color:var(--navy);font-size:10px;font-weight:800;box-shadow:0 6px 20px #0002}.hero-caption{position:absolute;z-index:1;left:28px;bottom:28px;color:#fff}.hero-caption small{color:#ffb37e;font-size:9px;letter-spacing:.15em;font-weight:800;text-transform:uppercase}.hero-caption h2{font-size:27px;line-height:1.1;margin:7px 0}.hero-caption p{font-size:12px;color:#e2e8f0;margin:0}
.benefits{background:var(--navy);color:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 0}.benefit{padding:7px 17px;border-right:1px solid #ffffff28}.benefit:first-child{padding-left:0}.benefit:last-child{border:0}.benefit b{display:block;font-size:12px}.benefit small{color:#bdc9d9;font-size:10px}
.section{padding:76px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}.section h2{font-size:clamp(29px,4vw,42px);line-height:1.1;letter-spacing:-.045em;margin:8px 0}.section-head p{max-width:470px;color:var(--muted);font-size:13px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--white);box-shadow:0 8px 28px #0a1b360d;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-photos{height:205px;position:relative;overflow:hidden;background:#dce5ef}.card-photos img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}.card-photos img.active{opacity:1}.card-photos:after{content:'';position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#07172b9c);pointer-events:none}.photo-caption{position:absolute;z-index:1;left:15px;bottom:13px;color:white;font-size:12px;font-weight:700}.photo-caption small{display:block;color:#ffd1ad;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.slide-toggle{position:absolute;z-index:2;right:12px;top:12px;width:32px;height:32px;border-radius:50%;border:1px solid #ffffffa6;color:#fff;background:#091a30a6;cursor:pointer;font-size:12px}.dots{position:absolute;z-index:2;right:53px;top:25px;display:flex;gap:4px}.dots i{width:5px;height:5px;border-radius:50%;background:#ffffff8a}.dots i.on{background:white}.card-body{padding:17px}.meta{display:flex;justify-content:space-between;align-items:center;gap:7px}.tag{color:var(--orange);font-size:9px;letter-spacing:.14em;font-weight:800;text-transform:uppercase}.partner{border:1px solid var(--line);border-radius:20px;padding:3px 8px;color:var(--muted);font-size:9px}.card h3{font-size:19px;letter-spacing:-.03em;margin:9px 0 5px}.card p{min-height:56px;margin:0;color:var(--muted);font-size:11px;line-height:1.65}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid var(--line);margin-top:13px;padding-top:12px}.price{font-size:10px;color:var(--muted)}.price b{display:block;color:var(--ink);font-size:12px}.card-foot .btn{padding:9px 11px;font-size:10px}.noida-image{height:205px;position:relative;display:grid;place-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 15%,#f47b3470,transparent 32%),linear-gradient(140deg,#183555,#08172d)}.noida-image:before,.noida-image:after{content:'';position:absolute;width:205px;height:205px;border:1px solid #ffffff28;border-radius:50%}.noida-image:after{width:145px;height:145px}.noida-image strong{z-index:1;font-size:38px}.noida-image span{position:absolute;z-index:1;bottom:13px;left:15px;font-size:11px;font-weight:700}.noida-image small{display:block;color:#ffd1ad;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.note{margin-top:15px;color:var(--muted);font-size:10px}
.services{background:var(--white)}.services-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}.service{padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.service .icon{color:var(--orange);font-size:17px}.service h3{font-size:13px;margin:6px 0 3px}.service p{font-size:10px;color:var(--muted);margin:0}.fine{font-size:10px;color:var(--muted);margin-top:13px}.steps{background:var(--navy);color:white}.steps .section-head p{color:#bdc9d9}.steps .section-head h2{color:white}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step{padding:21px;border:1px solid #ffffff29;border-radius:14px;background:#ffffff09}.step small{color:#ffab73;font-size:10px;letter-spacing:.12em;font-weight:800}.step h3{font-size:16px;margin:10px 0 5px}.step p{color:#bdc9d9;font-size:11px;margin:0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.faq{padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--white)}.faq h3{font-size:13px;margin:0 0 6px}.faq p{color:var(--muted);font-size:11px;margin:0;line-height:1.7}.cta{padding:0 0 72px}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:32px;border-radius:19px;background:var(--navy);color:white}.cta-box h2{font-size:clamp(27px,3.5vw,39px);line-height:1.08;margin:8px 0}.cta-box p{color:#bdc9d9;font-size:12px;margin:0}.cta-box .eyebrow{color:#ffab73}.cta-box .btn-outline{color:var(--navy);background:#fff;border-color:#fff}.footer{background:#071426;color:#bdc9d9;padding:28px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-logo{width:145px;height:44px;overflow:hidden;border-radius:9px;background:white}.footer-logo img{width:100%;height:100%;object-fit:contain}.footer-links{display:flex;gap:14px;flex-wrap:wrap;font-size:10px}.footer small{font-size:9px;color:#8292a7}
@media(max-width:900px){.container{width:min(100% - 36px,720px)}.head{height:70px}.logo{width:150px;height:46px}.menu{display:grid;margin-left:auto}.nav{display:none;position:absolute;left:18px;right:18px;top:75px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--white);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:2px}.nav.open{display:flex}.nav a{padding:10px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-photo{height:380px}.benefit-grid{grid-template-columns:1fr 1fr;gap:10px}.benefit{border:0;padding:5px}.cards{grid-template-columns:1fr 1fr}.services-grid{grid-template-columns:1fr;gap:22px}}
@media(max-width:600px){.container{width:calc(100% - 30px)}.topline .container{justify-content:center;text-align:center}.topline span:last-child{display:none}.hero{padding:42px 0}.hero-photo{height:320px}.hero-caption{left:19px;bottom:20px}.hero-caption h2{font-size:23px}.hero-note{left:19px;top:19px}.section{padding:56px 0}.section-head{display:block}.section-head p{margin-top:9px}.cards,.service-list,.steps-grid,.faq-grid{grid-template-columns:1fr}.card p{min-height:0}.benefit-grid{padding:13px 0}.benefit{padding:4px 0}.cta{padding-bottom:48px}.cta-box{display:block;padding:24px}.cta-box .actions{margin-top:15px}.footer-row{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.enquiry{background:var(--paper);padding:74px 0}
.enquiry-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:48px;align-items:start}
.enquiry-copy p{max-width:430px;color:var(--muted);font-size:13px;line-height:1.8}
.contact-points{display:grid;gap:12px;margin-top:25px;color:var(--muted);font-size:12px}
.contact-points a{color:var(--ink);font-weight:700}
.quote-form{padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:var(--shadow)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-field{display:grid;gap:6px;margin-bottom:14px}
.form-field.full{grid-column:1/-1}
.form-field label{font-size:11px;font-weight:700;color:var(--muted)}
.form-field input,.form-field select,.form-field textarea{width:100%;min-height:44px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:12px 'DM Sans',Arial,sans-serif}
.form-field textarea{min-height:100px;resize:vertical}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid #f47b3477;border-color:var(--orange)}
.form-submit{width:100%;min-height:46px;border:0;cursor:pointer}
.form-submit:disabled{opacity:.65;cursor:wait}
.form-note{font-size:9px;line-height:1.5;color:var(--muted);margin:10px 0 0}
.form-message{display:none;margin-top:12px;padding:11px 12px;border-radius:10px;background:#eaf6ef;color:#246543;font-size:11px}
@media(max-width:900px){.enquiry-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.enquiry{padding:54px 0}.quote-form{padding:17px}.form-grid{grid-template-columns:1fr;gap:0}.form-field.full{grid-column:auto}}

.nav-dropdown{position:relative}
.nav-parent{display:flex;align-items:center;gap:3px}
.dropdown-toggle{width:17px;height:24px;display:inline-grid;place-items:center;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer}
.dropdown-toggle:hover,.dropdown-toggle[aria-expanded="true"]{color:var(--orange)}
.dropdown-caret{display:inline-block;font-size:10px;line-height:1;transform-origin:center}
.nav-dropdown:hover .dropdown-caret,.nav-dropdown:focus-within .dropdown-caret,.nav-dropdown.open .dropdown-caret{animation:arrow-turn .45s ease both}
@keyframes arrow-turn{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.dropdown-menu{position:absolute;top:100%;left:-14px;z-index:12;display:none;min-width:240px;padding:7px;border:1px solid var(--line);border-radius:13px;background:var(--white);box-shadow:var(--shadow)}
.nav-dropdown:hover>.dropdown-menu,.nav-dropdown:focus-within>.dropdown-menu,.nav-dropdown.open>.dropdown-menu{display:grid;animation:dropdown-in .16s ease-out}
.dropdown-menu a{display:block;padding:10px 11px;border-radius:8px;color:var(--ink);font-size:11px;font-weight:600;white-space:nowrap}
.dropdown-menu a:hover,.dropdown-menu a:focus-visible{background:var(--paper);color:var(--orange)}
@keyframes dropdown-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.nav-dropdown{width:100%}.nav-parent{width:100%;justify-content:flex-start}.nav-parent>a{flex:1}.dropdown-toggle{width:38px;height:40px;justify-content:center}.dropdown-menu{position:static;min-width:0;margin:0 0 5px 10px;border:0;border-left:2px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.dropdown-menu a{padding:9px 12px;white-space:normal}.nav-dropdown:hover>.dropdown-menu,.nav-dropdown:focus-within>.dropdown-menu{display:none}.nav-dropdown.open>.dropdown-menu{display:grid;animation:none}}

.hero-slide{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;transition:opacity .65s ease}
.hero-slide.active{z-index:1;opacity:1;pointer-events:auto}
.hero-slide img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.hero-photo:after{z-index:2;pointer-events:none}
.hero-note,.hero-caption{z-index:3}
.dropdown-menu a.dropdown-cta{margin-top:5px;background:var(--green);color:#fff;font-weight:800}
.dropdown-menu a.dropdown-cta:hover,.dropdown-menu a.dropdown-cta:focus-visible{background:#18835e;color:#fff}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}
.hero-slide{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;transition:opacity .65s ease}
.hero-slide.active{z-index:1;opacity:1;pointer-events:auto}
.hero-slide img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.hero-photo:after{z-index:2;pointer-events:none}
.hero-note,.hero-caption{z-index:3}
.dropdown-menu a.dropdown-cta{margin-top:5px;background:var(--green);color:#fff;font-weight:800}
.dropdown-menu a.dropdown-cta:hover,.dropdown-menu a.dropdown-cta:focus-visible{background:#18835e;color:#fff}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}
.detail-hero{padding:58px 0 54px;background:radial-gradient(ellipse at 82% 6%,#f47b341c,transparent 36%),linear-gradient(180deg,var(--white),var(--paper))}
.breadcrumb{margin:0 0 22px;color:var(--muted);font-size:10px}.breadcrumb a:hover{color:var(--orange)}
.detail-grid{display:grid;grid-template-columns:1fr .9fr;gap:48px;align-items:center}
.detail-hero h1{max-width:680px;font-size:clamp(40px,5vw,62px)}
.detail-hero .lead{max-width:600px;font-size:14px}
.detail-image{height:370px;position:relative;overflow:hidden;border:10px solid var(--navy);border-radius:24px;background:radial-gradient(ellipse at 72% 12%,#f47b345c,transparent 35%),linear-gradient(145deg,#183555,#08172d);box-shadow:var(--shadow)}
.detail-image img{width:100%;height:100%;object-fit:cover}
.detail-image:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#07172bd9);pointer-events:none}
.detail-image-label{position:absolute;z-index:1;left:18px;top:18px;padding:8px 10px;border-radius:9px;background:#fff;color:var(--navy);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.detail-image-caption{position:absolute;z-index:1;left:20px;right:20px;bottom:19px;color:#fff}.detail-image-caption small{color:#ffb37e;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.detail-image-caption strong{display:block;font:700 25px/1.12 Manrope,'DM Sans',sans-serif;margin-top:6px}
.detail-highlights{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.detail-highlights span{padding:7px 10px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:10px}
.detail-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.detail-card{padding:21px;border:1px solid var(--line);border-radius:15px;background:var(--white);box-shadow:0 8px 28px #0a1b360d}.detail-card .number{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.14em}.detail-card h3{font-size:17px;margin:8px 0 5px}.detail-card p{color:var(--muted);font-size:12px;margin:0;line-height:1.7}
.detail-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--white)}.detail-cta p{margin:0;color:var(--muted);font-size:12px}
.other-pages{display:flex;flex-wrap:wrap;gap:9px}.other-pages a{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--white);font-size:11px;font-weight:700}.other-pages a:hover{border-color:var(--orange);color:var(--orange)}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr;gap:28px}.detail-image{height:340px}.detail-cards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.detail-hero{padding:42px 0}.detail-image{height:300px}.detail-cards{grid-template-columns:1fr}.detail-cta{align-items:flex-start;flex-direction:column}}

