
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#102a43;--blue:#1769aa;--blue2:#2588c9;--ink:#183247;--muted:#64788a;--pale:#f3f7fa;--line:#dce6ed;--white:#fff;--shadow:0 16px 45px rgba(16,42,67,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.7 'DM Sans',sans-serif}a{color:var(--blue);text-decoration:none}a:hover{color:#0d4779}img{max-width:100%;height:auto}
.top{background:#0c2438;color:#d8e5ee;padding:8px max(4vw,20px);display:flex;justify-content:space-between;gap:15px;font-size:12px}.top a{color:#fff}
.header{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 3px 16px rgba(16,42,67,.07)}.navwrap{max-width:1280px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{width:210px;max-height:66px;object-fit:contain}.nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.nav a{font-size:13px;font-weight:700;color:#24445c}.nav a:hover{color:var(--blue)}.nav .buy,.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:6px;background:var(--blue);color:#fff!important;font-weight:800;box-shadow:0 6px 16px #1769aa25}.nav .buy:hover,.btn:hover{background:#0d4f83;color:#fff}.ticker{text-align:center;padding:9px;background:#edf5fa;color:#365a73;font-size:13px}.ticker a{font-weight:700}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:82px 24px;background:linear-gradient(90deg,rgba(8,34,57,.93),rgba(8,34,57,.72)),url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=2000&q=90') center/cover;color:#fff}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,34,57,.55),transparent 80%)}.hero .inner{max-width:1180px;margin:auto}.hero h1{font:800 clamp(38px,5vw,62px)/1.12 'Manrope',sans-serif;letter-spacing:-.04em;max-width:780px;margin:0 0 18px;color:#fff}.hero p{max-width:700px;font-size:18px;color:#e1edf5;margin:0 0 28px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800;color:#7fc4ed;margin-bottom:13px}
.wrap{max-width:1200px;margin:auto;padding:66px 24px}.wrap h2,.content h2,.band h2{font:800 clamp(26px,3vw,38px)/1.2 'Manrope',sans-serif;letter-spacing:-.03em;color:var(--navy)}.lead{font-size:18px;color:#5c7284;line-height:1.8}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 7px 24px rgba(16,42,67,.06);transition:.22s;color:var(--ink)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#a9cce2}.card .ico{height:160px;order:-1;margin:0!important;font-size:0!important;background-position:center;background-size:cover;position:relative}.card .ico:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,34,57,.18),transparent)}.card h3{font:800 19px 'Manrope',sans-serif;color:var(--navy);padding:18px 20px 0;margin:0}.card p{padding:0 20px;color:#62788a;font-size:14px;line-height:1.65;flex:1}.card .redlink{padding:0 20px 20px;color:var(--blue);font-weight:800;font-size:13px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.band{background:#f2f7fa;border-block:1px solid var(--line);padding:58px 24px}.band .wrap{padding:0}.band p{color:#61788b}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:23px;border:1px solid var(--line);border-radius:10px;background:#fff}.feature .symbol{width:46px;height:46px;display:grid;place-items:center;border-radius:9px;background:#e6f3fb;color:#1769aa;font-size:22px;font-weight:800}.feature h3{font:700 17px 'Manrope',sans-serif;color:var(--navy);margin:12px 0 5px}.feature p{font-size:14px;color:#64788a;margin:0}
.content{color:var(--ink)}.content p{color:#5f7485;max-width:900px}.content h2{margin:34px 0 12px}.content .lead{font-size:19px}.content li{margin:8px 0;color:#5e7385}.notice{margin:26px 0;padding:20px 23px;border-radius:9px;background:#edf6fb;border:1px solid #cce1ef;color:#254b66}
form{padding:28px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}label{display:block;margin:12px 0 5px;color:#294b63;font-size:13px;font-weight:700}input,textarea,select{width:100%;padding:13px 15px;border-radius:6px;border:1px solid #cbd9e2;background:#fff;color:#17364d;font:inherit}input:focus,textarea:focus,select:focus{outline:2px solid #b4d9ef;border-color:#4c9ac9}button,input[type=submit]{padding:13px 22px;border:0;border-radius:6px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}
footer,.footer{background:#0c2438;color:#c0d0dc;padding:48px 24px;border-top:1px solid #27465c}.footer a{color:#dce9f2}.footer h4{color:#fff}.footgrid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footlinks{display:grid;gap:8px;font-size:13px}.social{display:flex;gap:10px}.social a{width:34px;height:34px;display:grid;place-items:center;border:1px solid #45647b;border-radius:50%}.copy{max-width:1200px;margin:30px auto 0;padding-top:18px;border-top:1px solid #29465b;font-size:12px;color:#9db0bf}
.wa{position:fixed;right:22px;bottom:22px;z-index:80;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#20b96b;color:#fff!important;font-size:25px;box-shadow:0 8px 24px #0003}.to-top{position:fixed;right:26px;bottom:90px;z-index:80;background:#fff;color:#1769aa;border:1px solid #c9dce8;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;box-shadow:0 4px 15px #0002}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footgrid{grid-template-columns:repeat(2,1fr)}.navwrap{align-items:flex-start;flex-direction:column}.nav{gap:12px 18px}.split{grid-template-columns:1fr}}
@media(max-width:600px){.top{flex-direction:column;gap:2px}.logo{width:180px}.nav{gap:9px 13px}.nav a{font-size:12px}.grid,.feature-grid{grid-template-columns:1fr}.wrap{padding:44px 18px}.hero{padding:55px 18px}.hero h1{font-size:39px}.hero p{font-size:16px}.ticker{font-size:11px}.footgrid{grid-template-columns:1fr}form{padding:18px}}


/* Corporate hosting layout refresh */
:root{--navy:#092b4c;--blue:#0878c9;--blue2:#1594df;--ink:#20384d;--muted:#62788b;--pale:#f4f8fb;--line:#dce5ec;--shadow:0 12px 32px rgba(9,43,76,.08)}
body{font-family:Arial,Helvetica,sans-serif;color:#263b4d}
.top{background:#062746;padding:9px max(4vw,20px)}
.header{box-shadow:0 2px 12px rgba(9,43,76,.08)}
.navwrap{max-width:1240px;padding:14px 24px}
.nav{gap:18px}
.nav a{font-size:14px}
.nav .buy,.btn,button,input[type=submit]{background:#f58220;border-radius:4px;box-shadow:none}
.nav .buy:hover,.btn:hover,button:hover,input[type=submit]:hover{background:#df6c10}
.hero{background:linear-gradient(105deg,#062746 0%,#07558d 100%);padding:64px 24px}
.hero:after{display:none}
.hero h1{font-size:clamp(34px,4vw,52px);max-width:850px}
.hero p{max-width:760px}
.eyebrow{color:#ffb46e}
.wrap{max-width:1240px}
.wrap h2,.content h2,.band h2{color:#092b4c}
.card{border-radius:7px;box-shadow:0 3px 14px rgba(9,43,76,.05);transition:box-shadow .2s,border-color .2s}
.card:hover{transform:none;box-shadow:0 9px 24px rgba(9,43,76,.11)}
/* Category tiles are intentionally text-led: no decorative category graphics */
.card .ico,.hero-visual{display:none!important}
.card h3{padding:23px 22px 0}
.card p{padding:0 22px}
.card .redlink{padding:0 22px 22px;color:#0878c9}
.feature{border-radius:7px}
form{border-radius:7px;box-shadow:0 5px 22px rgba(9,43,76,.07)}
footer,.footer{background:#062746}
@media(max-width:700px){.hero{padding:48px 18px}.navwrap{gap:12px}}
/* Contact page */
.contact-hero{background:#f1f6fa;padding:52px 24px;border-bottom:1px solid #e1e9ef}
.contact-hero-inner{max-width:1240px;margin:auto}
.contact-hero .eyebrow{color:#0878c9}
.contact-hero h1{font:800 clamp(34px,4vw,48px)/1.15 Arial,sans-serif;color:#092b4c;margin:0 0 12px}
.contact-hero p{font-size:18px;color:#607589;max-width:760px;margin:0}
.contact-layout{max-width:1240px;margin:auto;padding:54px 24px 76px;display:grid;grid-template-columns:minmax(0, .9fr) minmax(0,1.1fr);gap:42px;align-items:start}
.contact-info h2{font-size:30px;line-height:1.2;color:#092b4c;margin:0 0 12px}
.contact-info>p{color:#607589;line-height:1.75;margin:0 0 26px}
.contact-details{display:grid;gap:14px}
.contact-detail{padding:18px 20px;border:1px solid #dce5ec;border-radius:7px;background:#fff}
.contact-detail strong{display:block;color:#092b4c;font-size:15px;margin-bottom:4px}
.contact-detail p{margin:0;color:#62788b;font-size:14px;line-height:1.65}
.contact-detail a{font-weight:700}
.contact-map{width:100%;height:230px;border:0;border-radius:7px;margin-top:18px}
.contact-form{padding:30px;background:#fff;border:1px solid #dce5ec;border-radius:8px;box-shadow:0 10px 32px rgba(9,43,76,.09)}
.contact-form h2{font-size:25px;color:#092b4c;margin:0 0 5px}
.contact-form .form-intro{font-size:14px;color:#718496;margin:0 0 20px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.contact-form label{font-size:13px;color:#29465e;margin:13px 0 6px}
.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #cbd8e2;border-radius:4px;padding:13px 14px;font-size:14px;background:#fff}
.contact-form textarea{min-height:130px;resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #b8dcf3;border-color:#0878c9}
.captcha-row{padding:14px 15px;margin:15px 0 4px;background:#f3f7fa;border:1px solid #e0e8ee;border-radius:5px}
.captcha-row label{margin:0 0 8px}
.contact-form .submit-btn{width:100%;margin-top:18px;padding:15px;background:#f58220;color:#fff;border:0;border-radius:4px;font-size:15px;font-weight:800}
.contact-form .submit-btn:hover{background:#df6c10}
.form-note{font-size:12px;color:#75889a;margin:12px 0 0}
@media(max-width:850px){.contact-layout{grid-template-columns:1fr;gap:30px}}
@media(max-width:560px){.contact-layout{padding:38px 18px}.contact-form{padding:20px}.form-grid{grid-template-columns:1fr}.contact-hero{padding:42px 18px}}


/* Final layout system: clean corporate, text-led, consistent alignment */
*{box-sizing:border-box}
body{margin:0;line-height:1.6;color:#263b4d;background:#fff}
.header{position:relative;background:#fff}
.navwrap{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{max-width:230px;height:auto;display:block}
.nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 20px}
.nav a{white-space:nowrap}
.ticker{padding:10px 24px;text-align:center;background:#eef5fa;color:#23445f;font-size:13px}
.hero{background:linear-gradient(115deg,#062746 0%,#07558d 100%);color:#fff;padding:76px 24px}
.hero .inner{max-width:1160px;margin:0 auto}
.hero h1{max-width:800px;font-size:clamp(36px,4.5vw,56px);line-height:1.12;letter-spacing:-.7px;margin:12px 0 18px}
.hero p{max-width:720px;font-size:18px;line-height:1.7;color:#e4eef6;margin:0 0 28px}
.hero .eyebrow{color:#ffb46e;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;font-size:12px}
.wrap{max-width:1240px;margin:0 auto;padding:64px 24px}
.wrap+.wrap{padding-top:30px}
.wrap>div:first-child{max-width:760px!important;margin:0 auto 30px!important;text-align:center}
.wrap h2{font-size:clamp(27px,3vw,36px);line-height:1.2;color:#092b4c;letter-spacing:-.35px;margin:8px 0 12px}
.lead{font-size:16px;color:#657b8d;line-height:1.7}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.card{display:flex;flex-direction:column;min-width:0;min-height:220px;padding:0 0 20px;border:1px solid #dce5ec;border-radius:7px;background:#fff;text-decoration:none;overflow:hidden;box-shadow:0 3px 12px rgba(9,43,76,.045)}
.card h3{font-size:19px;line-height:1.3;color:#092b4c;margin:0;padding:24px 24px 10px;min-height:74px}
.card p{font-size:14px;line-height:1.7;color:#64798a;margin:0;padding:0 24px 20px;flex:1}
.card .redlink{margin-top:auto;padding:0 24px;color:#0878c9;font-size:14px;font-weight:700}
.card:hover{border-color:#9bc6e4;box-shadow:0 10px 25px rgba(9,43,76,.09);transform:translateY(-2px)}
.split{display:block;max-width:860px;margin:0 auto;text-align:center}
.split>div{max-width:800px;margin:auto}
.split .lead{margin:0 auto 24px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;font-weight:700;text-decoration:none}
.band{padding:58px 24px;background:#f2f7fa}
.content{max-width:1000px;margin:0 auto;padding:48px 24px}
.content p,.content li{line-height:1.8;color:#536b7e}
.content h2,.content h3{color:#092b4c}
@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navwrap{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}}
@media(max-width:620px){.grid{grid-template-columns:1fr;gap:14px}.wrap{padding:42px 18px}.wrap+.wrap{padding-top:12px}.hero{padding:54px 18px}.hero p{font-size:16px}.card{min-height:0}.card h3{min-height:0;padding:20px 20px 8px}.card p{padding:0 20px 16px}.card .redlink{padding:0 20px}.nav{gap:10px 14px}.nav a{font-size:13px}}
/* Prevent any remaining remote decorative artwork from appearing */
.ico,.hero-visual,.category-image,.service-image{display:none!important}


/* WEB HOSTING INDIA — corporate design system */
:root{--ink:#132f49;--navy:#082c4b;--blue:#0878bd;--sky:#eaf4fb;--orange:#f58220;--muted:#647b8d;--border:#dce6ed}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.7}
.topbar{background:#062744;color:#d9e7f1;font-size:12px}.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 0}.topbar a{color:#fff;margin-left:22px}
.site-container{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e7edf2;box-shadow:0 5px 22px rgba(8,44,75,.055)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}
.brand img{width:215px;max-height:65px;object-fit:contain;display:block}
.main-nav{display:flex;align-items:center;gap:20px}.main-nav>a,.nav-dropdown>a{font-size:13px;font-weight:700;color:#23445d;white-space:nowrap}
.main-nav a:hover{color:var(--blue)}
.nav-cta{padding:11px 18px;background:var(--orange);color:#fff!important;border-radius:4px}
.nav-dropdown{position:relative}.nav-dropdown>a span{color:var(--blue)}
.dropdown-panel{display:none;position:absolute;top:100%;left:-15px;min-width:220px;padding:10px;background:#fff;border:1px solid var(--border);box-shadow:0 14px 30px rgba(8,44,75,.13);border-radius:5px}
.dropdown-panel a{display:block;padding:9px 12px;color:#28485f;font-size:13px}.dropdown-panel a:hover{background:#f1f7fb}
.nav-dropdown:hover .dropdown-panel,.nav-dropdown:focus-within .dropdown-panel{display:block}
.mobile-menu{display:none;border:0;background:var(--navy);color:#fff;padding:10px 13px;border-radius:4px;font-size:18px}
.home-hero{background:linear-gradient(115deg,#062744 0%,#0b4773 65%,#12669a 100%);color:#fff;position:relative;overflow:hidden}
.home-hero:after{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-170px;top:-240px;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 95px rgba(255,255,255,.02)}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;padding-top:82px;padding-bottom:82px;position:relative;z-index:1}
.kicker{display:inline-block;color:#ffb36f;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.kicker.blue{color:#0878bd}
.hero-copy h1{font-size:clamp(38px,5vw,60px);line-height:1.08;letter-spacing:-1.8px;color:#fff;max-width:720px;margin:18px 0}
.hero-copy>p{font-size:17px;line-height:1.8;color:#dceaf4;max-width:680px;margin:0 0 28px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 22px;border-radius:4px;font-size:14px;font-weight:800;text-decoration:none;transition:.2s}
.button-orange{background:var(--orange);color:#fff}.button-orange:hover{background:#df6e12;color:#fff;transform:translateY(-1px)}
.button-outline{border:1px solid rgba(255,255,255,.55);color:#fff}.button-outline:hover{background:#fff;color:var(--navy)}
.button-blue{background:var(--blue);color:#fff}.button-blue:hover{background:#075d93;color:#fff}
.hero-proof{display:flex;gap:25px;flex-wrap:wrap;margin-top:38px;color:#d4e5f0;font-size:12px}.hero-proof b{display:block;color:#ffb36f;font-size:11px;letter-spacing:1px}
.hero-panel{background:#fff;color:var(--ink);border-radius:8px;box-shadow:0 28px 70px rgba(0,0,0,.22);overflow:hidden;max-width:440px;width:100%;justify-self:end}
.panel-top{height:44px;background:#f1f5f8;display:flex;align-items:center;gap:6px;padding:0 17px}.panel-dot{width:7px;height:7px;border-radius:50%;background:#b7c7d2}.panel-top small{margin-left:auto;color:#8294a1;font-size:9px;letter-spacing:1px}
.panel-content{padding:34px}.panel-label{font-size:12px;color:#748a9b;text-transform:uppercase;letter-spacing:1px}.panel-domain{font-size:34px;font-weight:800;letter-spacing:-1px;color:#0a3557;margin:8px 0 20px}.panel-domain span{color:#0878bd}.panel-line{height:1px;background:#e4ebf0}
.panel-services{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0}.panel-services>div{background:#f4f8fb;padding:13px 10px;border-radius:4px}.panel-services strong{display:block;color:#0a80c4;font-size:10px}.panel-services b{display:block;font-size:13px;margin:5px 0}.panel-services small{display:block;color:#73889a;font-size:10px;line-height:1.4}.panel-status{background:#eaf6ef;color:#2c7750;padding:11px 13px;border-radius:4px;font-size:11px}.panel-status i{display:inline-block;width:7px;height:7px;background:#31a56b;border-radius:50%;margin-right:7px}
.benefit-strip{background:#f2f7fa;border-bottom:1px solid #e3ebf0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0;gap:22px}.benefit-grid>div{border-right:1px solid #d8e3eb;padding-right:12px}.benefit-grid>div:last-child{border:0}.benefit-grid strong,.benefit-grid span{display:block}.benefit-grid strong{font-size:13px;color:#173c58}.benefit-grid span{font-size:11px;color:#74899a;margin-top:3px}
.section{padding-top:86px;padding-bottom:88px}.section-heading{text-align:center;max-width:760px;margin:0 auto 42px}.section-heading h2,.why-grid h2,.home-cta h2{font-size:clamp(29px,3.3vw,42px);line-height:1.18;letter-spacing:-1px;color:#0a2f4e;margin:12px 0 15px}.section-heading h2 em{font-style:normal;color:#0878bd}.section-heading p,.section-intro{font-size:15px;color:#657b8c;line-height:1.8}
.core-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.core-card{display:flex;flex-direction:column;min-height:280px;padding:27px 26px 24px;background:#fff;border:1px solid #dce6ed;border-radius:6px;color:var(--ink);text-decoration:none;transition:.2s}
.core-card:hover{border-color:#8bbbd9;box-shadow:0 14px 30px rgba(8,44,75,.09);transform:translateY(-3px);color:var(--ink)}
.core-card.featured{background:#f1f7fb;border-color:#c8dce9}
.card-number{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#7b91a1}.core-icon{width:43px;height:43px;display:grid;place-items:center;margin:23px 0 13px;border-radius:5px;background:#eaf4fa;color:#0878bd;font-size:26px}
.core-card h3{font-size:21px;color:#0b3150;margin:0 0 9px}.core-card p{font-size:13px;line-height:1.75;color:#687e8f;margin:0 0 20px}.card-link{margin-top:auto;color:#0878bd;font-size:12px;font-weight:800}.card-link b{font-size:17px;margin-left:6px}
.center-action{text-align:center;margin-top:36px}
.why-section{background:#f3f7fa;padding:82px 0}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.why-grid h2{max-width:520px}.section-intro{max-width:560px}.text-link{display:inline-block;margin-top:14px;font-size:13px;font-weight:800;color:#0878bd}
.why-list article{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #dbe5ec}.why-list article:last-child{border:0}.why-list article>span{font-size:12px;font-weight:800;color:#0878bd;padding-top:3px}.why-list h3{font-size:16px;color:#153b58;margin:0 0 5px}.why-list p{font-size:13px;line-height:1.7;color:#718595;margin:0}
.process-section{padding-top:82px;padding-bottom:88px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process-grid>div{padding:27px;border:1px solid var(--border);border-radius:6px}.process-grid span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eaf4fa;color:#0878bd;font-weight:800;font-size:13px}.process-grid h3{font-size:17px;color:#143a57;margin:18px 0 8px}.process-grid p{font-size:13px;color:#6b8192;line-height:1.7;margin:0}
.home-cta{background:#082f50;color:#fff;padding:53px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.home-cta h2{color:#fff;margin:10px 0}.home-cta p{color:#d0e0eb;font-size:14px;margin:0}.site-footer{background:#061f35;color:#c9d9e4;padding-top:55px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer-brand img{width:190px;max-height:58px;object-fit:contain;background:#fff;padding:5px;border-radius:3px}.footer-brand p{font-size:12px;line-height:1.8;color:#9fb4c3;max-width:280px;margin:18px 0}.footer-brand>a:not(:first-child){font-size:12px;color:#dce8ef;line-height:2}.footer-grid h4{font-size:13px;color:#fff;margin:0 0 15px}.footer-grid>div:not(:first-child)>a{display:block;font-size:12px;color:#a9bfce;margin:8px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #234056;padding:17px 0;display:flex;justify-content:space-between;color:#91a9ba;font-size:11px}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;background:#1a9c62;color:#fff!important;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;box-shadow:0 6px 20px #0002;z-index:80}.back-top{position:fixed;right:25px;bottom:80px;background:#0a4772;color:#fff!important;width:38px;height:38px;border-radius:4px;display:grid;place-items:center;z-index:80}
.mobile-menu{cursor:pointer}
@media(max-width:1050px){.main-nav{gap:12px}.main-nav>a,.nav-dropdown>a{font-size:12px}.hero-grid{gap:35px}.footer-grid{gap:25px}}
@media(max-width:850px){.header-inner{min-height:72px}.mobile-menu{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:18px 24px 24px;border-top:1px solid var(--border);box-shadow:0 12px 20px #0001;align-items:stretch;flex-direction:column;gap:15px}.main-nav.nav-open{display:flex}.dropdown-panel{position:static;box-shadow:none;margin-top:8px}.nav-dropdown:hover .dropdown-panel{display:block}.hero-grid{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px}.hero-panel{justify-self:start;max-width:540px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr;gap:35px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.site-container{width:calc(100% - 36px)}.topbar-inner{align-items:flex-start;flex-direction:column;gap:3px}.topbar a{margin:0 16px 0 0}.brand img{width:185px}.hero-copy h1{font-size:39px}.hero-grid{padding-top:52px;padding-bottom:52px}.hero-proof{gap:13px}.panel-content{padding:24px}.panel-domain{font-size:28px}.benefit-grid{gap:15px}.benefit-grid>div{border:0}.section{padding-top:60px;padding-bottom:60px}.core-grid{grid-template-columns:1fr;gap:14px}.core-card{min-height:0;padding:22px}.core-icon{margin:15px 0 10px}.process-grid{grid-template-columns:1fr}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}.floating-whatsapp{right:14px;bottom:14px}}
/* Remove remote photo backgrounds and stock image treatments site-wide */
.hero{background-image:none!important}


/* Inner page and logo refinement */
.navwrap{min-height:92px;padding:14px 26px;max-width:1280px}
.navwrap>a{display:flex;align-items:center;flex:0 0 auto}
.navwrap .logo{width:260px!important;max-width:260px!important;height:76px!important;max-height:76px!important;object-fit:contain;object-position:left center;display:block}
.header{background:#fff;border-bottom:1px solid #e5edf2;box-shadow:0 4px 18px rgba(8,44,75,.06)}
.nav{gap:18px}
.nav a{font-size:13px;letter-spacing:.05px}
.nav .buy{padding:12px 18px;border-radius:4px}
.ticker{background:#edf4f8;color:#3a5a70;padding:9px 20px}
.hero{background:linear-gradient(115deg,#062744 0%,#0a4774 65%,#116b9d 100%)!important;background-image:none!important;padding:64px 24px 66px!important;color:#fff}
.hero .inner{max-width:1120px;margin:0 auto}
.hero h1{font-size:clamp(36px,4.3vw,52px);line-height:1.12;max-width:820px;margin:0 0 13px}
.hero p{font-size:17px;line-height:1.7;max-width:760px;color:#dceaf3;margin:0 0 24px}
.hero .eyebrow{color:#ffb36f;font-size:11px;letter-spacing:1.6px;margin-bottom:13px}
.hero .btn{padding:13px 21px;border-radius:4px;background:#f58220;box-shadow:none}
.hero .btn:hover{background:#df6d11}
.editorial-content{max-width:1120px!important;padding:58px 24px 72px!important;display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:54px;align-items:start}
.editorial-content>.eyebrow,.editorial-content>h2,.editorial-content>p,.editorial-content>ul,.editorial-content>.notice{grid-column:1}
.editorial-content>.feature-grid{grid-column:1/-1;grid-row:3}
.editorial-content>.eyebrow{margin-bottom:8px}
.editorial-content>h2{font-size:27px;line-height:1.25;color:#0a2f4e;margin:25px 0 9px}
.editorial-content>p{font-size:15px;line-height:1.85;color:#5e7486;margin:0 0 17px}
.editorial-content>p.lead{font-size:17px;color:#536d80;line-height:1.8}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0 28px}
.feature{border:1px solid #dce6ed!important;background:#f8fbfd!important;border-radius:6px!important;padding:20px!important;box-shadow:none!important}
.feature .symbol{color:#0878bd;font-size:12px;font-weight:800}
.feature h3{font-size:16px;color:#123955;margin:10px 0 7px}
.feature p{font-size:12px;line-height:1.7;color:#687f90;margin:0}
.editorial-content ul{padding-left:22px;color:#5c7385;line-height:1.9;font-size:14px}
.notice{background:#f1f7fb!important;border-left:3px solid #0878bd!important;border-radius:4px;padding:16px 18px!important;color:#5b7183!important}
form.panel,.contact-form{background:#fff!important;border:1px solid #d9e4ec!important;border-radius:8px!important;padding:27px!important;box-shadow:0 12px 32px rgba(8,44,75,.09)!important}
form.panel{grid-column:2;grid-row:1 / span 20;position:sticky;top:115px;margin:0!important;max-width:none!important}
form.panel h3,.contact-form h2{font-size:23px!important;color:#0a2f4e!important;margin:0 0 5px!important}
form.panel .muted,.contact-form .form-intro{font-size:13px!important;color:#73899a!important;line-height:1.6;margin:0 0 18px!important}
form.panel .row,.contact-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
form.panel label,.contact-form label{display:block;font-size:12px!important;font-weight:700;color:#34536b!important;margin:13px 0 6px!important}
form.panel input,form.panel select,form.panel textarea,.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0;padding:12px 13px!important;border:1px solid #cbd8e2!important;border-radius:4px!important;background:#fff!important;color:#1b374d!important;font:14px Arial,sans-serif!important;box-shadow:none!important}
form.panel input:focus,form.panel select:focus,form.panel textarea:focus,.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #c6e4f6;border-color:#0878bd!important}
form.panel textarea,.contact-form textarea{min-height:110px;resize:vertical}
form.panel button,form.panel .btn,.contact-form .submit-btn{width:100%;display:block;text-align:center;border:0!important;border-radius:4px!important;background:#f58220!important;color:#fff!important;font-weight:800!important;padding:14px 18px!important;margin-top:17px!important;cursor:pointer;box-shadow:none!important}
form.panel button:hover,form.panel .btn:hover,.contact-form .submit-btn:hover{background:#df6d11!important}
form.panel .muted:last-of-type,.contact-form .form-note{font-size:11px!important;color:#7b8e9d!important;margin:10px 0 0!important}
form.panel input[name="captcha"]{margin-top:7px}
.contact-hero{background:#f0f6fa!important;border-bottom:1px solid #dce7ee;padding:55px 24px!important}
.contact-hero-inner{max-width:1160px!important}
.contact-hero h1{font-size:clamp(34px,4vw,48px)!important;color:#092f4e!important;line-height:1.15}
.contact-layout{max-width:1160px!important;grid-template-columns:.85fr 1.15fr!important;gap:50px!important;padding:55px 24px 75px!important}
.contact-info h2{font-size:29px!important;line-height:1.2}
.contact-detail{padding:19px 20px!important;background:#f8fbfd!important;border:1px solid #dfe8ee!important}
.contact-detail strong{color:#153d5a!important}
.contact-detail p{font-size:14px!important;line-height:1.7}
.contact-form{padding:32px!important}
.contact-form .captcha-row{padding:14px!important;background:#f3f7fa!important;border:1px solid #e0e8ee!important;border-radius:5px!important;margin-top:16px}
.contact-form .captcha-row input{margin-top:8px}
.contact-form .submit-btn{font-size:15px!important}
footer .footer-grid,footer .footlinks{line-height:1.8}
@media(max-width:1000px){.editorial-content{grid-template-columns:1fr!important;gap:20px}.editorial-content>*{grid-column:1!important;grid-row:auto!important}form.panel{position:static;grid-column:1!important;grid-row:auto!important;max-width:680px!important;margin:25px auto 0!important;width:100%}.feature-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.navwrap{min-height:82px;padding:10px 18px;align-items:center}.navwrap .logo{width:220px!important;max-width:220px!important;height:66px!important;max-height:66px!important}.nav{gap:10px 14px}.hero{padding:48px 18px!important}.hero h1{font-size:36px}.editorial-content{padding:40px 18px 55px!important}.feature-grid{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr!important;padding:38px 18px 55px!important;gap:28px!important}.contact-form{padding:22px!important}}
@media(max-width:480px){.navwrap .logo{width:195px!important;height:60px!important}.form-grid,form.panel .row,.contact-form .form-grid{grid-template-columns:1fr!important}.contact-hero{padding:42px 18px!important}}


/* Critical visibility correction: inner-page hero must retain a solid corporate background */
body .hero{
  background-color:#082f50!important;
  background-image:linear-gradient(115deg,#062744 0%,#0b4773 62%,#126b9d 100%)!important;
  color:#fff!important;
  min-height:250px;
  padding:64px 24px 68px!important;
}
body .hero .inner{position:relative;z-index:2;max-width:1120px;margin:0 auto}
body .hero .eyebrow{color:#ffbd83!important;opacity:1!important}
body .hero h1{color:#fff!important;opacity:1!important;font-size:clamp(36px,4.4vw,54px)!important;line-height:1.12!important;margin:0 0 14px!important}
body .hero p{color:#e5f0f7!important;opacity:1!important;font-size:17px!important;line-height:1.75!important;margin:0 0 24px!important}
body .hero a{opacity:1!important}
body .hero .btn{background:#f58220!important;color:#fff!important;border:0!important}
body .hero .btn[style*="transparent"],body .hero .btn[style*="rgba"]{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.45)!important;color:#fff!important}
body .editorial-content{background:#fff!important;margin:0 auto!important}
body .editorial-content>.eyebrow{color:#0878bd!important}
body .editorial-content>h2{color:#092f4e!important}
body .editorial-content>p{color:#526b7e!important}
@media(max-width:650px){body .hero{padding:48px 18px 52px!important;min-height:0}body .hero h1{font-size:35px!important}}


/* =========================================================
   ROYAL CORPORATE THEME — WEB HOSTING INDIA
   Deep midnight navy · antique gold · warm ivory
   ========================================================= */
:root{
 --royal:#071d35;--royal-2:#0b2c4d;--royal-3:#123d62;
 --gold:#c9a45c;--gold-light:#e6d2a5;--gold-pale:#f7f1e4;
 --ivory:#fbfaf7;--paper:#fff;--ink:#1b3044;--muted:#667789;
 --line:#e5e0d5;--shadow:0 18px 45px rgba(7,29,53,.10)
}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);line-height:1.72}
a{color:var(--royal-3)}
a:hover{color:#9a7536}
.top,.topbar{background:#041528!important;color:#d8d0bd!important;font-size:11px;letter-spacing:.35px}
.top a,.topbar a{color:#f2e5c7!important}
.topbar-inner{min-height:36px}
.header,.site-header{background:#fff!important;border-bottom:1px solid #e8e0d1!important;box-shadow:0 5px 22px rgba(7,29,53,.06)!important}
.navwrap{max-width:1320px;min-height:104px;padding:14px 30px;gap:30px}
.navwrap>a{display:flex;align-items:center;flex:0 0 auto}
.navwrap .logo{width:290px!important;max-width:290px!important;height:82px!important;max-height:82px!important;object-fit:contain;object-position:left center;display:block}
.brand img{width:285px!important;max-width:285px!important;height:82px!important;max-height:82px!important;object-fit:contain}
.nav,.main-nav{gap:22px}
.nav a,.main-nav>a,.nav-dropdown>a{font-size:13px!important;font-weight:700!important;letter-spacing:.15px;color:#263c50!important}
.nav a:hover,.main-nav a:hover,.nav-dropdown>a:hover{color:#a17a38!important}
.nav .buy,.nav-cta{background:var(--gold)!important;color:#101f30!important;border-radius:3px!important;padding:13px 20px!important;box-shadow:none!important}
.nav .buy:hover,.nav-cta:hover{background:#b58d47!important;color:#fff!important}
.ticker{background:#f5f1e8!important;color:#5b5548!important;border-bottom:1px solid #e8e0d1;padding:10px 20px!important;font-size:12px}
.ticker a{color:#8d6b32!important;font-weight:800}
.hero,.home-hero{
 background:linear-gradient(118deg,#06182c 0%,#0a2b4b 58%,#16466a 100%)!important;
 color:#fff!important;position:relative;overflow:hidden;
}
.hero:before,.home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 68%,rgba(201,164,92,.08) 68% 68.2%,transparent 68.2%),radial-gradient(circle at 85% 18%,rgba(201,164,92,.14),transparent 32%);pointer-events:none}
.hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(230,210,165,.2);border-radius:50%;right:-170px;bottom:-300px;box-shadow:0 0 0 35px rgba(230,210,165,.035),0 0 0 70px rgba(230,210,165,.025)}
.hero .inner{position:relative;z-index:2;max-width:1160px;margin:0 auto}
.hero{padding:78px 28px 82px!important;min-height:300px}
.hero .eyebrow,.home-hero .kicker{color:var(--gold-light)!important;letter-spacing:2px!important;font-size:11px!important}
.hero h1{color:#fff!important;font-size:clamp(38px,4.8vw,58px)!important;line-height:1.1!important;letter-spacing:-1.1px!important;margin:12px 0 17px!important;max-width:850px}
.hero p{color:#e0e7ed!important;font-size:17px!important;line-height:1.8!important;max-width:760px!important;margin:0 0 27px!important}
.btn,.button{border-radius:3px!important;box-shadow:none!important;font-weight:800!important;letter-spacing:.15px}
.hero .btn,.button-orange{background:var(--gold)!important;color:#14253a!important;border:1px solid var(--gold)!important;padding:14px 23px!important}
.hero .btn:hover,.button-orange:hover{background:#dfc487!important;color:#071d35!important}
.hero .btn[style*="transparent"],.hero .btn[style*="rgba"]{background:transparent!important;border:1px solid rgba(230,210,165,.7)!important;color:#fff!important}
.wrap{max-width:1260px;padding:74px 30px}
.wrap h2,.content h2,.band h2{font-family:Georgia,'Times New Roman',serif!important;font-weight:700!important;color:var(--royal)!important;letter-spacing:-.3px}
.eyebrow{color:#9b783d!important}
.lead{color:#647587!important;line-height:1.85}
.grid{gap:22px}
.card,.core-card,.feature,.process-grid>div{border:1px solid #e6dfd1!important;border-radius:4px!important;box-shadow:0 5px 20px rgba(7,29,53,.035)!important;background:#fff!important}
.card:hover,.core-card:hover{border-color:var(--gold)!important;box-shadow:0 14px 32px rgba(7,29,53,.09)!important;transform:translateY(-2px)}
.card h3,.core-card h3,.feature h3{color:var(--royal)!important;font-family:Georgia,'Times New Roman',serif!important}
.card .redlink,.card-link,.text-link{color:#947039!important}
.feature{background:#fbfaf7!important}
.feature .symbol,.card-number,.process-grid span{color:#9b783d!important}
.notice{background:#faf6ed!important;border-left:3px solid var(--gold)!important;color:#5f5a4e!important}
.editorial-content{max-width:1200px!important;padding:66px 30px 80px!important}
.editorial-content>.eyebrow{color:#9b783d!important}
.editorial-content>h2{font-family:Georgia,'Times New Roman',serif!important;font-size:29px!important;color:var(--royal)!important;margin-top:30px!important}
.editorial-content>p{color:#586d80!important;line-height:1.9!important;font-size:15px!important}
.editorial-content>p.lead{font-size:17px!important}
.editorial-content ul{color:#586d80!important}
form.panel,.contact-form{border:1px solid #e4dccb!important;border-radius:5px!important;background:#fff!important;box-shadow:0 16px 38px rgba(7,29,53,.10)!important;padding:30px!important}
form.panel h3,.contact-form h2{font-family:Georgia,'Times New Roman',serif!important;color:var(--royal)!important;font-size:25px!important}
form.panel .muted,.contact-form .form-intro{color:#738191!important}
form.panel label,.contact-form label{font-size:12px!important;font-weight:700!important;letter-spacing:.2px!important;color:#344a5e!important}
form.panel input,form.panel select,form.panel textarea,.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #d6dce1!important;border-radius:3px!important;background:#fdfdfc!important;padding:13px 14px!important;color:#20364a!important;font:14px Arial,sans-serif!important}
form.panel input:focus,form.panel select:focus,form.panel textarea:focus,.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #ead9b5!important;border-color:#b89451!important}
form.panel button,form.panel .btn,.contact-form .submit-btn{background:var(--gold)!important;color:#102238!important;border:0!important;border-radius:3px!important;padding:15px 20px!important;font-weight:800!important;width:100%;box-shadow:none!important}
form.panel button:hover,form.panel .btn:hover,.contact-form .submit-btn:hover{background:#b68f4a!important;color:#fff!important}
.contact-hero{background:#f6f2e9!important;border-bottom:1px solid #e7dece!important}
.contact-hero .eyebrow{color:#96733b!important}
.contact-hero h1{font-family:Georgia,'Times New Roman',serif!important;color:var(--royal)!important}
.contact-hero p{color:#647587!important}
.contact-layout{max-width:1200px!important}
.contact-info h2{font-family:Georgia,'Times New Roman',serif!important;color:var(--royal)!important}
.contact-detail{border:1px solid #e6dfd1!important;border-radius:4px!important;background:#fbfaf7!important}
.contact-detail strong{color:var(--royal)!important}
.contact-detail a{color:#947039!important}
.captcha-row{background:#f8f4eb!important;border:1px solid #e6dfd1!important;border-radius:3px!important}
.band,.why-section{background:#f7f4ed!important}
.why-grid h2,.section-heading h2{font-family:Georgia,'Times New Roman',serif!important;color:var(--royal)!important}
.home-hero{padding:0!important}
.home-hero .hero-grid{padding-top:92px;padding-bottom:92px}
.home-hero .hero-copy h1{font-family:Georgia,'Times New Roman',serif!important;color:#fff!important;font-size:clamp(40px,5vw,62px)!important}
.home-hero .hero-copy>p{color:#e0e7ed!important}
.home-hero .hero-proof{color:#d7e0e8}
.home-hero .hero-proof b{color:var(--gold-light)}
.home-hero .hero-panel{border:1px solid rgba(230,210,165,.65)!important;border-radius:4px!important;box-shadow:0 25px 65px rgba(0,0,0,.25)!important}
.panel-top{background:#f4f0e7!important}
.panel-content{background:#fff}
.panel-domain span{color:#a27d3e!important}
.panel-services>div{background:#f8f5ed!important}
.panel-services strong{color:#a27d3e!important}
.panel-status{background:#f4f0e7!important;color:#6f5b36!important}
.benefit-strip{background:#f7f4ed!important;border-color:#e8dfcf!important}
.benefit-grid strong{color:#172f46!important}
.benefit-grid span{color:#74808a!important}
.section-heading h2 em{color:#a17a38!important}
.core-card.featured{background:#f8f4eb!important;border-color:#d8c69f!important}
.core-icon{background:#f3ecdd!important;color:#98733b!important;border-radius:3px!important}
.process-grid span{background:#f3ecdd!important;color:#92703b!important}
.home-cta{background:linear-gradient(110deg,#06182c,#0b3152)!important;border-top:1px solid rgba(201,164,92,.4)}
.home-cta .kicker{color:var(--gold-light)!important}
.site-footer,footer,.footer{background:#041629!important;color:#cbd4dc!important}
.footer-grid h4{color:#e7d6b2!important}
.footer-grid a,.footer-brand>a:not(:first-child){color:#c3cbd2!important}
.footer-grid a:hover{color:#f0d9a6!important}
.footer-bottom{border-color:#25394b!important;color:#91a1af!important}
.footer-brand img{background:#fff!important;border:1px solid #d9c89f!important;padding:6px!important}
.wa,.floating-whatsapp{background:#21885b!important}
.to-top,.back-top{background:#a17a38!important}
@media(max-width:900px){.navwrap{min-height:90px}.navwrap .logo{width:245px!important;height:72px!important}.brand img{width:245px!important;height:72px!important}.hero{padding:60px 22px!important}}
@media(max-width:650px){.navwrap{min-height:78px;padding:8px 16px}.navwrap .logo{width:210px!important;height:62px!important}.brand img{width:210px!important;height:62px!important}.hero{padding:50px 18px!important}.hero h1{font-size:36px!important}.wrap{padding:52px 18px}.editorial-content{padding:44px 18px 60px!important}.contact-layout{padding:40px 18px 60px!important}.contact-form,form.panel{padding:22px!important}}


/* CRAZYDOMAINS-INSPIRED BRIGHT BLUE + ORANGE DESIGN */
:root{--brand-blue:#0878c9;--brand-blue-dark:#07528a;--brand-orange:#ff7900;--brand-ink:#20364a;--brand-muted:#63798b;--brand-bg:#f5f8fb;--brand-line:#dce6ee}
body{color:var(--brand-ink);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.7}
.top,.topbar{background:#073e70!important;color:#e8f4fc!important}
.top a,.topbar a{color:#fff!important}
.header,.site-header{background:#fff!important;border-bottom:1px solid #e3ebf1!important;box-shadow:0 3px 16px rgba(0,65,120,.08)!important}
.navwrap{max-width:1280px;min-height:88px;padding:10px 25px}
.navwrap .logo{width:260px!important;height:74px!important;max-width:260px!important;max-height:74px!important;object-fit:contain;object-position:left center}
.nav a,.main-nav>a,.nav-dropdown>a{color:#23445d!important;font-size:13px!important;font-weight:700!important}
.nav a:hover,.main-nav a:hover{color:var(--brand-blue)!important}
.nav .buy,.nav-cta{background:var(--brand-orange)!important;color:#fff!important;border-radius:4px!important;padding:12px 18px!important}
.ticker{background:#edf5fb!important;color:#34556f!important;border-bottom:1px solid #dbe8f1}
.ticker a{color:#0878c9!important;font-weight:700}
.hero,.home-hero{background:linear-gradient(112deg,#07528a 0%,#0878c9 58%,#1495df 100%)!important;color:#fff!important;position:relative;overflow:hidden}
.hero:before,.home-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 15%,rgba(255,255,255,.17),transparent 30%),linear-gradient(125deg,transparent 70%,rgba(255,255,255,.08));pointer-events:none}
.hero:after{border-color:rgba(255,255,255,.18)!important;box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025)!important}
.hero{padding:58px 24px 62px!important;min-height:260px}
.hero .inner{position:relative;z-index:2;max-width:1120px;margin:0 auto}
.hero .eyebrow,.home-hero .kicker{color:#ffe2c8!important;letter-spacing:1.7px!important;font-size:11px!important;font-weight:800}
.hero h1{color:#fff!important;font-size:clamp(35px,4vw,50px)!important;line-height:1.13!important;max-width:840px;margin:8px 0 13px!important}
.hero p{color:#eff8ff!important;font-size:16px!important;line-height:1.75!important;max-width:760px!important}
.hero .btn,.button-orange{background:var(--brand-orange)!important;color:#fff!important;border:1px solid var(--brand-orange)!important;border-radius:4px!important;padding:13px 21px!important;font-weight:800!important}
.hero .btn:hover,.button-orange:hover{background:#e56c00!important}
.hero .btn[style*="rgba"]{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important}
.btn,.button{border-radius:4px!important}
.wrap{max-width:1200px}
.wrap h2,.content h2,.band h2,.section-heading h2,.why-grid h2{color:#173d5b!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:750!important;letter-spacing:-.35px}
.eyebrow,.kicker.blue{color:var(--brand-blue)!important}
.card,.core-card,.feature,.process-grid>div{border:1px solid #dce6ee!important;border-radius:7px!important;box-shadow:0 5px 18px rgba(8,76,130,.05)!important}
.card:hover,.core-card:hover{border-color:#9bc9e7!important;box-shadow:0 12px 28px rgba(8,76,130,.10)!important}
.card h3,.core-card h3,.feature h3{color:#173d5b!important;font-family:Arial,Helvetica,sans-serif!important}
.card .redlink,.card-link,.text-link{color:#0878c9!important}
.feature{background:#f7fafc!important}
.notice{background:#eff7fc!important;border-left:3px solid var(--brand-blue)!important;color:#4c6579!important}
.band,.why-section{background:#f3f8fc!important}
.core-icon,.process-grid span{background:#e8f4fc!important;color:#0878c9!important}
.core-card.featured{background:#f2f8fc!important;border-color:#b9d8ec!important}
.home-cta{background:linear-gradient(110deg,#064575,#0878c9)!important}
.home-cta .kicker{color:#ffe1c8!important}
.site-footer,footer,.footer{background:#07345a!important;color:#d8e9f5!important}
.footer-grid h4{color:#fff!important}
.footer-grid a,.footer-brand>a:not(:first-child){color:#d3e4f0!important}
.footer-grid a:hover{color:#ffbd83!important}
.footer-bottom{border-color:#285273!important;color:#b4ccdd!important}
.footer-brand img{background:#fff!important}
.nav .buy:hover,.nav-cta:hover{background:#e56c00!important;color:#fff!important}
.floating-whatsapp{background:#1c9b63!important}
.back-top{background:#0878c9!important}

/* Proper service-page reading layout: readable article + separated enquiry panel */
.service-layout{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:58px 0 78px;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:46px;align-items:start}
.service-content{min-width:0;max-width:790px}
.service-content h2{font-size:25px;line-height:1.3;color:#173d5b;margin:34px 0 11px;padding-bottom:9px;border-bottom:1px solid #e7eef3}
.service-content h2:first-child{margin-top:0}
.service-content h3{font-size:18px;line-height:1.35;color:#214d6e;margin:22px 0 8px}
.service-content p,.service-content li{font-size:15px;line-height:1.9;color:#536c80}
.service-content p{margin:0 0 17px}
.service-content ul{padding-left:22px;margin:12px 0 24px}
.service-content li{padding:3px 0}
.service-content .btn{display:inline-flex;margin:10px 8px 8px 0;background:var(--brand-orange)!important;color:#fff!important;border:0!important;padding:13px 20px!important}
.service-content .btn[style*="background:#fff"]{background:#fff!important;color:var(--brand-blue)!important;border:1px solid var(--brand-blue)!important}
.service-content .notice{padding:17px 20px;border-radius:5px;line-height:1.8;margin:20px 0}
.service-enquiry{position:sticky;top:105px;min-width:0;background:#f4f8fb;border:1px solid #dce8f0;border-radius:8px;padding:16px}
.enquiry-inner>h2{font-size:19px!important;color:#173d5b!important;margin:4px 4px 14px!important;text-align:left!important}
form.panel{width:100%;max-width:none!important;margin:0!important;padding:23px!important;background:#fff!important;border:1px solid #dce6ee!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(7,66,112,.08)!important}
form.panel h3{font-size:21px!important;line-height:1.25!important;color:#173d5b!important;margin:0 0 5px!important}
form.panel .muted{font-size:12px!important;line-height:1.6!important;color:#6d8191!important}
form.panel .row{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
form.panel label{display:block!important;font-size:12px!important;font-weight:700!important;color:#35546d!important;margin:12px 0 5px!important}
form.panel input,form.panel select,form.panel textarea{display:block;width:100%!important;min-width:0!important;box-sizing:border-box!important;border:1px solid #cbd9e4!important;border-radius:4px!important;padding:12px 13px!important;background:#fff!important;color:#233e54!important;font:14px Arial,sans-serif!important}
form.panel textarea{min-height:105px;resize:vertical}
form.panel input:focus,form.panel select:focus,form.panel textarea:focus{outline:2px solid #c8e5f8!important;border-color:#0878c9!important}
form.panel button,form.panel .btn{display:block;width:100%!important;background:#ff7900!important;color:#fff!important;border:0!important;border-radius:4px!important;padding:14px 16px!important;margin-top:17px!important;font-weight:800!important;cursor:pointer}
form.panel button:hover,form.panel .btn:hover{background:#e56c00!important}
.service-enquiry .enquiry-inner>form .muted:last-of-type{font-size:11px!important}
@media(max-width:950px){.service-layout{grid-template-columns:1fr;gap:30px;padding:42px 0 60px}.service-content{max-width:none}.service-enquiry{position:static;max-width:650px;width:100%;margin:0 auto}.service-enquiry form.panel .row{grid-template-columns:1fr 1fr!important;gap:0 14px!important}}
@media(max-width:650px){.navwrap{min-height:76px;padding:8px 16px}.navwrap .logo{width:205px!important;height:62px!important}.hero{padding:44px 18px!important}.hero h1{font-size:34px!important}.service-layout{width:calc(100% - 36px);padding:36px 0 52px;gap:24px}.service-content h2{font-size:22px;margin-top:27px}.service-content p,.service-content li{font-size:14px;line-height:1.85}.service-enquiry{padding:12px}.service-enquiry form.panel .row{grid-template-columns:1fr!important}.service-enquiry form.panel{padding:19px!important}}

/* Contact page aligned with the blue/orange service system */
.contact-hero{background:linear-gradient(112deg,#07528a,#0878c9)!important;border:0!important;padding:58px 24px!important}
.contact-hero .eyebrow{color:#ffe2c8!important}
.contact-hero h1{color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(35px,4vw,48px)!important}
.contact-hero p{color:#edf7ff!important}
.contact-layout{max-width:1200px!important;grid-template-columns:.85fr 1.15fr!important;gap:44px!important;padding:58px 24px 76px!important}
.contact-info h2{color:#173d5b!important;font-family:Arial,Helvetica,sans-serif!important;font-size:27px!important}
.contact-info>p{color:#5e7486!important;line-height:1.85}
.contact-detail{background:#f5f9fc!important;border:1px solid #dce8f0!important;border-radius:6px!important;padding:18px 20px!important}
.contact-detail strong{color:#173d5b!important}
.contact-detail a{color:#0878c9!important}
.contact-form{background:#fff!important;border:1px solid #dce6ee!important;border-radius:7px!important;box-shadow:0 12px 30px rgba(7,66,112,.09)!important;padding:30px!important}
.contact-form h2{font-family:Arial,Helvetica,sans-serif!important;color:#173d5b!important}
.contact-form .form-intro{color:#6b8192!important}
.contact-form label{color:#35546d!important;font-size:12px!important;font-weight:700!important}
.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #cbd9e4!important;border-radius:4px!important;background:#fff!important;padding:13px!important}
.contact-form .submit-btn{background:#ff7900!important;color:#fff!important;border-radius:4px!important}
.contact-form .captcha-row{background:#f1f7fb!important;border:1px solid #dce8f0!important}
@media(max-width:850px){.contact-layout{grid-template-columns:1fr!important;gap:28px!important;padding:40px 18px 58px!important}}


/* Homepage hero image replacement: remove the fictional yourbusiness.in panel */
.home-hero .hero-grid{grid-template-columns:1.08fr .92fr;gap:38px}
.hero-visual{position:relative;width:100%;max-width:520px;justify-self:end;align-self:stretch;min-height:390px;border-radius:18px;overflow:hidden;background:#dceeff;box-shadow:0 24px 60px rgba(0,25,60,.25);border:1px solid rgba(255,255,255,.5)}
.hero-visual>img{display:block;width:100%;height:100%;min-height:390px;max-height:490px;object-fit:cover;object-position:center 35%}
.hero-visual-caption{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.65);border-radius:12px;background:rgba(255,255,255,.94);color:#092f50;box-shadow:0 8px 25px rgba(0,0,0,.12)}
.hero-visual-caption .caption-mark{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#ff7900;color:#fff;font-size:21px}
.hero-visual-caption strong,.hero-visual-caption small{display:block}
.hero-visual-caption strong{font-size:15px;font-weight:800}
.hero-visual-caption small{margin-top:3px;color:#526b80;font-size:12px}
@media(max-width:850px){.home-hero .hero-grid{grid-template-columns:1fr}.hero-visual{justify-self:start;max-width:560px;min-height:300px}.hero-visual>img{min-height:300px;max-height:390px}}
@media(max-width:600px){.hero-visual{min-height:260px}.hero-visual>img{min-height:260px;max-height:320px}.hero-visual-caption{left:12px;right:12px;bottom:12px;padding:11px 12px}}


/* 2026 navigation, brand visibility and approved AI hero image */
.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #dce6ed;box-shadow:0 5px 22px rgba(8,44,75,.08)}
.header-inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:285px!important;max-width:30vw;max-height:86px!important;height:auto;object-fit:contain;display:block}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(8px,1.15vw,18px);flex-wrap:nowrap}
.main-nav>a,.nav-trigger{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;color:#173b59;text-decoration:none;white-space:nowrap}
.nav-trigger{border:0;background:transparent;padding:12px 2px;cursor:pointer}.nav-trigger span{color:#f58220;margin-left:3px}
.main-nav>a:hover,.nav-trigger:hover{color:#0878bd}
.nav-dropdown{position:relative;display:flex;align-items:center}
.dropdown-panel{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(850px,90vw);padding:18px 20px;background:#fff;border:1px solid #dce6ed;border-top:3px solid #f58220;box-shadow:0 16px 36px rgba(8,44,75,.18);border-radius:0 0 8px 8px;z-index:1200}
.dropdown-panel.menu-open{display:block}.nav-dropdown:hover>.dropdown-panel,.nav-dropdown:focus-within>.dropdown-panel{display:block}
.mega-title{font-size:14px;font-weight:800;color:#0878bd;padding:0 0 10px;border-bottom:1px solid #e8eef3;margin-bottom:10px}
.mega-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 18px}.mega-links a{display:block;padding:7px 9px;border-radius:4px;color:#29475f;text-decoration:none;font-size:13px;line-height:1.35}.mega-links a:hover{background:#edf6fc;color:#0878bd}
.nav-cta{padding:11px 15px;background:#f58220;border-radius:4px;color:#fff!important}
.mobile-menu{display:none;border:0;background:#082c4b;color:#fff;border-radius:5px;padding:10px 13px;font-size:16px;cursor:pointer}
.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;padding-top:48px;padding-bottom:48px}
.hero-image-wrap{min-width:0;position:relative;z-index:2}.hero-ai-image{display:block;width:100%;height:410px;object-fit:cover;object-position:center;border-radius:10px;box-shadow:0 18px 44px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.22)}
.site-footer{background:#062744;color:#dce8f1;padding:48px 0 0}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px 34px;padding-bottom:34px}.footer-brand img{width:265px;max-width:100%;height:auto;max-height:90px;object-fit:contain;background:#fff;border-radius:5px;padding:8px;margin-bottom:14px}.footer-brand p{max-width:300px;color:#c4d5e2;font-size:13px;line-height:1.7}.footer-brand>a:not(:first-child),.footer-column a{display:block;color:#dce8f1;text-decoration:none;font-size:12px;line-height:1.5;margin:7px 0}.footer-column h4{color:#fff;font-size:14px;margin:0 0 12px}.footer-column a:hover,.footer-brand a:hover{color:#ffad63}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);padding:16px 0;display:flex;justify-content:space-between;gap:12px;color:#b8cbd9;font-size:12px}
@media(max-width:1100px){.header-inner{min-height:90px}.brand img{width:235px!important}.main-nav{gap:8px}.main-nav>a,.nav-trigger{font-size:12px}.dropdown-panel{width:min(760px,92vw)}}
@media(max-width:850px){.header-inner{min-height:82px;flex-wrap:wrap}.brand img{width:230px!important;max-width:58vw}.mobile-menu{display:block;margin-left:auto}.main-nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 14px}.main-nav.nav-open{display:flex}.main-nav>a,.nav-trigger{display:block;width:100%;text-align:left;padding:11px 8px;font-size:14px}.nav-dropdown{display:block;width:100%}.dropdown-panel{position:static;transform:none;width:100%;box-shadow:none;border-radius:5px;margin:0 0 8px;padding:12px}.mega-links{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr;gap:26px;padding-top:42px;padding-bottom:42px}.hero-ai-image{height:auto;max-height:430px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.site-container{width:min(100% - 32px,1200px)}.brand img{width:205px!important}.mega-links{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-bottom{flex-direction:column}.hero-ai-image{max-height:320px}.hero-copy h1{font-size:38px}}

@media(min-width:851px){.brand img{width:245px!important;max-width:23vw}.header-inner{gap:14px}.main-nav{gap:9px}.main-nav>a,.nav-trigger{font-size:12px}}
@media(min-width:851px) and (max-width:1050px){.header-inner{align-items:flex-start;flex-direction:column;padding-top:12px;padding-bottom:12px}.brand img{width:220px!important;max-width:100%}.main-nav{width:100%;justify-content:flex-start;flex-wrap:wrap}}


/* Compact, single-column service dropdowns */
@media (min-width: 901px) {
  .nav-dropdown { position: relative; }
  .dropdown-panel {
    width: 290px !important;
    min-width: 290px;
    max-width: calc(100vw - 32px);
    left: 0 !important;
    right: auto;
    transform: none !important;
    padding: 10px 12px !important;
    max-height: min(72vh, 520px);
    overflow-y: auto;
    border-radius: 0 0 7px 7px;
  }
  .mega-title {
    font-size: 13px;
    padding: 2px 7px 8px;
    margin-bottom: 5px;
  }
  .mega-links {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }
  .mega-links a {
    padding: 7px 8px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    border-bottom: 1px solid #edf1f4;
  }
  .mega-links a:last-child { border-bottom: 0; }
}
@media (max-width: 900px) {
  .dropdown-panel {
    max-height: 55vh;
    overflow-y: auto;
  }
  .mega-links {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0;
  }
  .mega-links a {
    padding: 8px 10px;
    border-bottom: 1px solid #edf1f4;
  }
}


/* Footer quick links: curated three-column layout */
.site-footer .footer-quick-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  padding-top: 18px;
  padding-bottom: 38px;
}
.site-footer .footer-quick-links .footer-column h4 {
  font-size: 17px;
  font-weight: 800;
  margin: 0 0 18px;
}
.site-footer .footer-quick-links .footer-column a {
  display: block;
  width: fit-content;
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #e5eef7;
  text-decoration: none;
}
.site-footer .footer-quick-links .footer-column a:hover {
  color: #ffad62;
  text-decoration: underline;
}
@media (max-width: 700px) {
  .site-footer .footer-quick-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 18px;
  }
}
@media (max-width: 420px) {
  .site-footer .footer-quick-links {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}


/* Footer brand, short description and unlinked social buttons */
.site-footer .footer-brand-block {
  padding: 8px 0 26px;
  border-bottom: 1px solid rgba(220,232,241,.22);
  margin-bottom: 28px;
}
.site-footer .footer-logo img {
  display: block;
  width: 250px;
  max-width: 100%;
  max-height: 82px;
  object-fit: contain;
  object-position: left center;
  background: #fff;
  border-radius: 5px;
  padding: 7px 10px;
}
.site-footer .footer-brand-block p {
  max-width: 570px;
  margin: 14px 0 16px;
  color: #d1dfeb;
  font-size: 14px;
  line-height: 1.7;
}
.site-footer .footer-social {
  display: flex;
  align-items: center;
  gap: 10px;
}
.site-footer .footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.48);
  border-radius: 50%;
  color: #fff;
  background: rgba(255,255,255,.08);
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  line-height: 1;
}
.site-footer .footer-social a:hover {
  background: #f58220;
  border-color: #f58220;
}
.site-footer .footer-quick-links {
  padding-top: 0;
}


/* Extra-compact desktop navigation dropdowns */
@media (min-width: 701px) {
  .main-nav .nav-dropdown > .dropdown-panel {
    box-sizing: border-box !important;
    width: 245px !important;
    min-width: 245px !important;
    max-width: 245px !important;
    padding: 7px 9px !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    max-height: 360px !important;
    overflow-y: auto !important;
    border-radius: 0 0 6px 6px !important;
  }
  .main-nav .nav-dropdown > .dropdown-panel .mega-title {
    font-size: 12px !important;
    padding: 2px 6px 6px !important;
    margin: 0 0 4px !important;
  }
  .main-nav .nav-dropdown > .dropdown-panel .mega-links {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  .main-nav .nav-dropdown > .dropdown-panel .mega-links a {
    box-sizing: border-box;
    padding: 5px 7px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    border-bottom: 1px solid #edf1f4;
  }
  .main-nav .nav-dropdown > .dropdown-panel .mega-links a:last-child {
    border-bottom: 0;
  }
}


/* Four footer areas aligned in one shared row */
.site-footer .footer-four-column {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .72fr) minmax(0, 1fr) minmax(0, 1.05fr) !important;
  align-items: start;
  gap: 24px !important;
  width: min(1200px, calc(100% - 48px));
  padding-top: 38px;
  padding-bottom: 38px;
}
.site-footer .footer-four-column > * {
  min-width: 0;
  margin: 0;
}
.site-footer .footer-four-column .footer-brand-block {
  border: 0;
  padding: 0;
}
.site-footer .footer-four-column .footer-logo img {
  width: 100%;
  max-width: 245px;
  max-height: 78px;
}
.site-footer .footer-four-column .footer-brand-block p {
  margin: 12px 0 14px;
  font-size: 12px;
  line-height: 1.55;
}
.site-footer .footer-four-column .footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.site-footer .footer-four-column .footer-social a {
  width: 30px;
  height: 30px;
  font-size: 13px;
}
.site-footer .footer-four-column .footer-column h4 {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.35;
}
.site-footer .footer-four-column .footer-column a {
  margin: 0 0 9px;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
@media (max-width: 900px) {
  .site-footer .footer-four-column {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 26px 22px !important;
  }
}
@media (max-width: 520px) {
  .site-footer .footer-four-column {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
}


/* Contact page address and embedded Google Map */
.contact-address{margin-top:26px;padding:20px;background:#f2f7fb;border:1px solid #dce6ed;border-left:4px solid #f58220;border-radius:7px}
.contact-address h3{margin:0 0 10px;color:#123b5a;font-size:18px}
.contact-address address{font-style:normal;line-height:1.7;color:#415b70}
.contact-address p{margin:12px 0 0}
.contact-address a{color:#0878bd;font-weight:700}
.contact-map{padding-top:36px;padding-bottom:54px}
.contact-map h2{color:#123b5a;margin-bottom:6px}
.contact-map>p{color:#647b8d;margin:0 0 18px}
.contact-map .map-frame{width:100%;height:360px;overflow:hidden;border-radius:9px;border:1px solid #dce6ed;box-shadow:0 8px 24px rgba(8,44,75,.08)}
.contact-map iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:600px){.contact-map .map-frame{height:280px}.contact-address{padding:16px}}


/* Correctly center and size the Contact page Google Map */
.contact-map.site-container {
  display: block !important;
  box-sizing: border-box !important;
  width: min(1160px, calc(100% - 48px)) !important;
  max-width: 1160px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 36px 0 54px !important;
  float: none !important;
  clear: both !important;
}
.contact-map .map-frame {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 380px !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.contact-map .map-frame iframe {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
}
@media (max-width: 700px) {
  .contact-map.site-container {
    width: calc(100% - 32px) !important;
    padding: 28px 0 40px !important;
  }
  .contact-map .map-frame { height: 290px !important; }
}


/* Restore readable, standard desktop header dropdown sizing */
@media (min-width: 901px) {
  .site-header .main-nav .nav-dropdown { position: relative; }
  .site-header .main-nav .dropdown-panel {
    display: none;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
    width: min(680px, calc(100vw - 40px)) !important;
    min-width: 520px !important;
    max-width: calc(100vw - 40px) !important;
    padding: 18px 22px !important;
    max-height: min(70vh, 560px) !important;
    overflow-y: auto !important;
    background: #fff !important;
    border: 1px solid #dce6ed !important;
    border-top: 3px solid #f58220 !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 16px 36px rgba(8,44,75,.18) !important;
    z-index: 1200 !important;
  }
  .site-header .main-nav .dropdown-panel.menu-open { display: block !important; }
  .site-header .main-nav .dropdown-panel .mega-title {
    font-size: 15px !important;
    line-height: 1.4 !important;
    padding: 0 0 11px !important;
    margin: 0 0 10px !important;
  }
  .site-header .main-nav .dropdown-panel .mega-links {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 3px 18px !important;
  }
  .site-header .main-nav .dropdown-panel .mega-links a {
    display: block !important;
    padding: 10px 9px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    border-bottom: 1px solid #edf1f4 !important;
    white-space: normal !important;
  }
}
@media (max-width: 900px) {
  .site-header .main-nav .dropdown-panel .mega-title {
    font-size: 14px !important;
  }
  .site-header .main-nav .dropdown-panel .mega-links a {
    font-size: 14px !important;
    line-height: 1.45 !important;
    padding: 9px 10px !important;
  }
}


/* Match footer logo visual size to the desktop header logo */
.site-footer .footer-four-column .footer-logo {
  display: block;
  width: 220px;
  max-width: 100%;
}
.site-footer .footer-four-column .footer-logo img {
  display: block;
  width: 220px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain;
  object-position: left center;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
@media (max-width: 900px) {
  .site-footer .footer-four-column .footer-logo,
  .site-footer .footer-four-column .footer-logo img {
    width: 220px !important;
    max-width: 100% !important;
  }
}


/* Final header dropdown: compact, readable, one vertical service list */
@media (min-width: 901px) {
  .site-header .main-nav .nav-dropdown { position: relative; }
  .site-header .main-nav .dropdown-panel {
    display: none;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
    width: 340px !important;
    min-width: 340px !important;
    max-width: min(340px, calc(100vw - 32px)) !important;
    padding: 12px 14px !important;
    max-height: min(70vh, 500px) !important;
    overflow-y: auto !important;
    background: #fff !important;
    border: 1px solid #dce6ed !important;
    border-top: 3px solid #f58220 !important;
    border-radius: 0 0 7px 7px !important;
    box-shadow: 0 12px 28px rgba(8,44,75,.16) !important;
    z-index: 1200 !important;
  }
  .site-header .main-nav .dropdown-panel.menu-open { display: block !important; }
  .site-header .main-nav .dropdown-panel .mega-title {
    font-size: 14px !important;
    line-height: 1.4 !important;
    padding: 2px 7px 8px !important;
    margin: 0 0 5px !important;
  }
  .site-header .main-nav .dropdown-panel .mega-links {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }
  .site-header .main-nav .dropdown-panel .mega-links a {
    display: block !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    border-bottom: 1px solid #edf1f4 !important;
    white-space: normal !important;
  }
  .site-header .main-nav .dropdown-panel .mega-links a:last-child { border-bottom: 0 !important; }
}
@media (max-width: 900px) {
  .site-header .main-nav .dropdown-panel .mega-links {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .site-header .main-nav .dropdown-panel .mega-links a {
    font-size: 14px !important;
    line-height: 1.4 !important;
    padding: 9px 10px !important;
  }
}


/* Increase footer brand logo prominence */
.site-footer .footer-four-column .footer-brand-block {
  min-width: 0;
}
.site-footer .footer-four-column .footer-logo {
  display: block !important;
  width: 300px !important;
  max-width: 100% !important;
}
.site-footer .footer-four-column .footer-logo img {
  display: block !important;
  width: 300px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  padding: 0 !important;
  background: transparent !important;
}
@media (min-width: 901px) {
  .site-footer .footer-four-column {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, .72fr) minmax(0, 1fr) minmax(0, 1.05fr) !important;
  }
}
@media (max-width: 900px) {
  .site-footer .footer-four-column .footer-logo,
  .site-footer .footer-four-column .footer-logo img {
    width: 280px !important;
    max-width: 100% !important;
  }
}


/* Desktop navigation opens automatically on mouse hover; click remains for touch devices */
@media (min-width: 901px) and (hover: hover) and (pointer: fine) {
  .site-header .main-nav .nav-dropdown:hover > .dropdown-panel,
  .site-header .main-nav .nav-dropdown:focus-within > .dropdown-panel {
    display: block !important;
  }
  .site-header .main-nav .nav-dropdown:hover > .nav-trigger,
  .site-header .main-nav .nav-dropdown:focus-within > .nav-trigger {
    color: #0878bd;
  }
}


/* Premium four-edge frame for the homepage AI hosting image */
.hero-image-wrap {
  position: relative !important;
  box-sizing: border-box !important;
  padding: 7px !important;
  border: 1px solid rgba(255,255,255,.75) !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, #ff8a22 0%, #ffffff 34%, #0878c9 72%, #ff8a22 100%) !important;
  box-shadow: 0 22px 48px rgba(0,28,64,.28) !important;
  overflow: visible !important;
}
.hero-image-wrap::before {
  content: "";
  position: absolute;
  inset: -9px;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 30px;
  pointer-events: none;
}
.hero-image-wrap .hero-ai-image {
  display: block !important;
  width: 100% !important;
  height: 410px !important;
  max-height: 430px !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 2px solid rgba(255,255,255,.92) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}
@media (max-width: 900px) {
  .hero-image-wrap { padding: 6px !important; border-radius: 20px !important; }
  .hero-image-wrap .hero-ai-image {
    height: auto !important;
    max-height: 380px !important;
    aspect-ratio: 4 / 3;
  }
}
@media (max-width: 520px) {
  .hero-image-wrap { padding: 5px !important; border-radius: 17px !important; }
  .hero-image-wrap .hero-ai-image { border-radius: 13px !important; }
}


/* Homepage SEO content: readable, responsive service overview */
.home-seo-content {
  max-width: 1180px;
  margin: 0 auto;
  padding: 76px 28px;
  color: #18324b;
}
.home-seo-content .section-heading {
  max-width: 780px;
  margin: 0 auto 34px;
  text-align: center;
}
.home-seo-content .eyebrow {
  display: inline-block;
  margin-bottom: 10px;
  color: #0878c9;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.home-seo-content h2 {
  margin: 0 0 14px;
  color: #12385d;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  line-height: 1.2;
}
.home-seo-content .section-heading > p {
  color: #536779;
  line-height: 1.75;
}
.home-seo-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.home-seo-grid > div {
  padding: 26px;
  border: 1px solid #e0e9f1;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(20,54,82,.06);
}
.home-seo-grid h3 {
  margin: 0 0 12px;
  color: #12385d;
  font-size: 1.18rem;
}
.home-seo-grid p {
  margin: 0 0 16px;
  color: #536779;
  line-height: 1.75;
}
.home-seo-grid a {
  color: #0878c9;
  font-weight: 700;
  text-decoration: none;
}
.home-seo-grid a:hover { text-decoration: underline; }
.home-seo-location {
  max-width: 900px;
  margin: 28px auto 0;
  color: #536779;
  text-align: center;
  line-height: 1.7;
}
@media (max-width: 760px) {
  .home-seo-content { padding: 52px 20px; }
  .home-seo-grid { grid-template-columns: 1fr; gap: 15px; }
  .home-seo-grid > div { padding: 22px; }
}
