@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Manrope:wght@500;600;700;800&display=swap');:root{
--black:#050608;--ink:#111318;--white:#fff;--soft:#f6f8fb;--gold:#f7c928;--gold2:#ffdf62;--blue:#087cff;--cyan:#11d9ff;--muted:#667085;--line:#e7eaf0;--shadow:0 20px 60px rgba(0,0,0,.12);--max:1220px}
*{
box-sizing:border-box}
html{
scroll-behavior:smooth}
body{
margin:0;font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.7;color:var(--ink);background:var(--soft);overflow-x:hidden}
a{
color:inherit;text-decoration:none}
img{
max-width:100%;display:block}
h1,h2,h3,h4,h5,h6{
font-family:Manrope,Inter,Arial,sans-serif;line-height:1.25}
p,li{
font-size:15px}
button,input,select,textarea{
font:inherit}
.ibx-container{
width:min(var(--max),calc(100% - 40px));margin:0 auto}
.ibx-page{
min-height:50vh}
.ibx-eyebrow{
display:inline-flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.18em;font-weight:900;color:var(--gold2);text-transform:uppercase}
.ibx-eyebrow.dark{
color:#866b12}
.ibx-section{
padding:92px 0}
.ibx-white{
background:#fff}
.ibx-black{
background:#050608;color:#fff}
.ibx-heading{
max-width:820px;margin:0 auto 42px;text-align:center}
.ibx-heading h2,.ibx-global h2,.ibx-cta h2,.ibx-owner-copy h2{
font-family:Manrope,Inter,sans-serif;font-size:clamp(30px,4vw,48px);line-height:1.12;font-weight:900;margin:12px 0 16px;letter-spacing:-.035em}
.ibx-heading h2 span,.ibx-global h2 span,.ibx-cta h2 span,.ibx-owner-copy h2 span{
color:var(--gold)}
.ibx-heading p{
font-size:16px;color:#687182;max-width:720px;margin:auto}
.ibx-black .ibx-heading p{
color:#aab1bd}
.ibx-site-header{
position:sticky;top:0;z-index:1000;background:rgba(5,6,8,.96);backdrop-filter:blur(14px);box-shadow:0 12px 35px rgba(0,0,0,.12)}
.ibx-topbar{
background:#000;border-bottom:1px solid rgba(255,255,255,.08)}
.ibx-topbar-inner{
min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.ibx-top-message{
font-size:12px;color:#b9c0ca;letter-spacing:.07em}
.ibx-top-message strong{
color:var(--gold)}
.ibx-top-socials,.ibx-top-actions{
display:flex;align-items:center;gap:7px}
.ibx-top-socials a{
width:25px;height:25px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center;color:#dbe1ea;font-size:12px}
.ibx-top-socials a:hover{
color:#000;background:var(--gold);border-color:var(--gold)}
.ibx-top-actions a{
font-size:12px;color:#e9edf3;display:flex;gap:6px;align-items:center;padding-left:8px}
.ibx-top-actions i{
color:var(--gold)}
.ibx-mainnav{
border-bottom:1px solid rgba(255,255,255,.08)}
.ibx-nav-inner{
min-height:84px;display:flex;align-items:center;gap:18px}
.ibx-brand{
width:220px;flex:0 0 220px}
.ibx-brand img{
width:220px;height:70px;object-fit:contain;object-position:left center}
.ibx-site-menu{
display:flex;align-items:center;justify-content:center;gap:4px;flex:1}
.ibx-site-menu>a,.ibx-drop-toggle{
border:0;background:transparent;color:#e9edf3;padding:12px 10px;border-radius:9px;font-size:13px;font-weight:800;display:flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer}
.ibx-site-menu>a:hover,.ibx-drop-toggle:hover{
color:#000;background:var(--gold)}
.ibx-nav-cta{
display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--gold),#ffe77f);color:#0a0b0d;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:900;white-space:nowrap}
.ibx-nav-drop{
position:relative}
.ibx-drop-toggle i:last-child{
font-size:12px}
.ibx-dropdown{
position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);width:min(930px,calc(100vw - 30px));padding:18px;background:#090b0f;border:1px solid rgba(247,201,40,.22);border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}
.ibx-nav-drop:hover .ibx-dropdown,.ibx-nav-drop.is-open .ibx-dropdown{
opacity:1;visibility:visible;pointer-events:auto}
.ibx-drop-head{
display:flex;justify-content:space-between;gap:15px;padding:5px 5px 14px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.ibx-drop-head strong{
font-size:12px;letter-spacing:.12em;color:var(--gold)}
.ibx-drop-head small{
font-size:12px;color:#8992a1}
.ibx-service-menu-grid{
display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:12px}
.ibx-service-menu-grid a{
display:flex;align-items:center;gap:8px;color:#cbd2dc;padding:9px 8px;border-radius:8px;font-size:12px;font-weight:700;line-height:1.3}
.ibx-service-menu-grid a i{
color:var(--cyan);width:18px;text-align:center}
.ibx-service-menu-grid a:hover{
background:#111821;color:#fff}
.ibx-dropdown-all{
margin-top:12px;border-top:1px solid rgba(255,255,255,.08);padding:12px 5px 2px;color:var(--gold2);font-size:12px;font-weight:900;display:flex;justify-content:space-between}
.ibx-menu-toggle{
display:none;border:1px solid rgba(255,255,255,.15);background:#0c1016;color:#fff;width:44px;height:44px;border-radius:10px;font-size:18px}
.ibx-hero{
position:relative;padding:92px 0 84px;color:#fff;background:radial-gradient(circle at 12% 10%,rgba(8,124,255,.18),transparent 30%),radial-gradient(circle at 88% 20%,rgba(247,201,40,.16),transparent 26%),linear-gradient(135deg,#050608,#0c1119 55%,#050608);overflow:hidden}
.ibx-hero-grid{
display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:50px;align-items:center;position:relative;z-index:1}
.ibx-hero h1{
font-family:Manrope,Inter,sans-serif;font-size:clamp(40px,5.5vw,70px);line-height:1.02;letter-spacing:-.055em;margin:15px 0 22px;font-weight:900;max-width:900px}
.ibx-hero h1 span{
color:var(--gold)}
.ibx-lead{
font-size:18px;line-height:1.85;color:#cbd2dc;max-width:900px}
.ibx-actions{
display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ibx-btn{
display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:13px 18px;font-size:13px;font-weight:900;transition:.2s;border:1px solid transparent}
.ibx-btn:hover{
transform:translateY(-2px)}
.ibx-btn-gold{
background:var(--gold);color:#08090b}
.ibx-btn-outline{
border-color:rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.03)}
.ibx-btn-dark{
background:#111;color:#fff;border-color:#222}
.ibx-trust{
display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.ibx-trust span{
font-size:12px;font-weight:800;padding:8px 11px;border:1px solid rgba(255,255,255,.11);border-radius:99px;color:#aeb7c5;background:rgba(255,255,255,.03)}
.ibx-hero-card{
background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.13);border-radius:26px;padding:28px;box-shadow:0 25px 70px rgba(0,0,0,.28);overflow:hidden}
.ibx-card-label{
color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.16em}
.ibx-hero-card h2{
font-size:38px;line-height:1.05;margin:13px 0}
.ibx-hero-card h2 span{
color:var(--gold)}
.ibx-hero-card p{
color:#aeb7c5;font-size:14px}
.ibx-mini-grid{
display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}
.ibx-mini-grid div{
padding:16px;border-radius:14px;background:#080b10;border:1px solid rgba(255,255,255,.08)}
.ibx-mini-grid b{
display:block;color:#fff;font-size:13px}
.ibx-mini-grid small{
color:#788394;font-size:12px}
.ibx-post-grid{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ibx-post{
background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0;box-shadow:0 8px 30px rgba(16,24,40,.05);transition:.25s}
.ibx-post:hover{
transform:translateY(-5px);box-shadow:var(--shadow)}
.ibx-post-img{
display:block;background:#111;aspect-ratio:16/9;overflow:hidden}
.ibx-post-img img{
width:100%;height:100%;object-fit:cover;transition:.4s}
.ibx-post:hover .ibx-post-img img{
transform:scale(1.04)}
.ibx-post-body{
padding:20px}
.ibx-post-meta{
font-size:12px;color:#8a93a1;font-weight:700}
.ibx-post h3{
font-family:Manrope,Inter,sans-serif;font-size:18px;line-height:1.35;margin:10px 0;font-weight:900}
.ibx-post p{
font-size:13px;line-height:1.75;color:#697386;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ibx-read{
font-size:12px;color:#8a6c0e;font-weight:900}
.ibx-topic-grid{
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ibx-topic{
padding:25px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#0e1218,#080a0d);border-radius:18px;min-width:0}
.ibx-topic i{
font-size:25px;color:var(--gold);margin-bottom:15px}
.ibx-topic h3{
font-size:17px;margin:0 0 8px;font-weight:900}
.ibx-topic p{
color:#9da6b5;font-size:13px;line-height:1.75;margin:0}
.ibx-service-grid{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ibx-service-card{
position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;min-width:0;box-shadow:0 10px 34px rgba(16,24,40,.06);overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.ibx-service-card:before{
content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--gold))}
.ibx-service-card:hover{
transform:translateY(-6px);box-shadow:0 24px 60px rgba(16,24,40,.12)}
.ibx-service-icon{
width:62px;height:62px;border-radius:17px;background:linear-gradient(145deg,#07101e,#11253b);color:var(--cyan);display:grid;place-items:center;font-size:25px;border:1px solid rgba(8,124,255,.2)}
.ibx-service-no{
position:absolute;right:22px;top:22px;font-size:12px;font-weight:900;color:#a5adba}
.ibx-service-card h3{
font-family:Manrope,Inter,sans-serif;font-size:20px;line-height:1.25;margin:20px 0 9px;font-weight:900}
.ibx-service-card p{
font-size:13px;line-height:1.8;color:#687182;margin:0 0 18px}
.ibx-service-actions{
margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}
.ibx-service-actions a{
padding:10px 12px;border-radius:9px;font-size:12px;font-weight:900}
.ibx-service-actions .read{
background:#111;color:#fff}
.ibx-service-actions .call{
background:#fff5c8;color:#6d5400;border:1px solid #f0d45a}
.ibx-owner-section{
padding:92px 0;background:#f4f6f9}
.ibx-owner-card{
display:grid;grid-template-columns:320px minmax(0,1fr);gap:38px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:var(--shadow)}
.ibx-owner-photo-wrap{
position:relative}
.ibx-owner-photo-wrap:before{
content:"";position:absolute;inset:14px -8px -8px 14px;border-radius:24px;background:linear-gradient(135deg,var(--gold),var(--cyan));z-index:0}
.ibx-owner-photo-wrap img{
position:relative;z-index:1;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:22px;border:6px solid #fff}
.ibx-owner-copy h3{
font-size:18px;margin:0 0 13px}
.ibx-owner-copy p{
font-size:15px;line-height:1.85;color:#5f6979;margin:8px 0}
.ibx-owner-tags{
display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.ibx-owner-tags span{
font-size:12px;font-weight:800;background:#f6f8fb;border:1px solid var(--line);border-radius:99px;padding:8px 11px}
.ibx-owner-actions{
display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.ibx-global{
padding:90px 0;background:linear-gradient(135deg,#06101b,#07111a 55%,#0b0d12);color:#fff;position:relative;overflow:hidden}
.ibx-global-grid{
display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.ibx-global p{
font-size:16px;color:#b4bfcd;max-width:700px}
.ibx-global-points{
display:grid;gap:10px}
.ibx-global-points>div{
display:grid;grid-template-columns:62px 1fr;align-items:center;padding:17px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.03)}
.ibx-global-points b{
color:var(--gold);font-size:12px}
.ibx-global-points span{
font-size:14px;font-weight:800}
.ibx-cta{
padding:90px 0;background:var(--black);color:#fff;text-align:center}
.ibx-cta p{
max-width:700px;margin:0 auto;color:#aeb7c5;font-size:16px}
.ibx-cta .ibx-actions{
justify-content:center}
.ibx-detail-hero{
padding:70px 0 52px;background:radial-gradient(circle at 82% 15%,rgba(247,201,40,.14),transparent 27%),#07090c;color:#fff}
.ibx-breadcrumb{
font-size:12px;color:#8992a0;margin-bottom:20px}
.ibx-breadcrumb a{
color:var(--gold2)}
.ibx-detail-title{
font-family:Manrope,Inter,sans-serif;font-size:clamp(34px,5vw,64px);font-weight:900;line-height:1.06;letter-spacing:-.045em;max-width:1000px;margin:0}
.ibx-detail-meta{
font-size:12px;color:#8f99a8;margin-top:18px}
.ibx-detail{
padding:68px 0}
.ibx-detail-grid{
display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.ibx-content{
background:#fff;color:#222;border-radius:20px;padding:38px;overflow:hidden;border:1px solid var(--line);box-shadow:0 15px 50px rgba(16,24,40,.07)}
.ibx-content img{
max-width:100%;height:auto}
.ibx-content h2,.ibx-content h3,.ibx-content h4{
font-family:Manrope,Inter,sans-serif;font-weight:900;color:#101216;line-height:1.3}
.ibx-content h2{
font-size:30px}
.ibx-content h3{
font-size:23px}
.ibx-content p,.ibx-content li{
font-size:15px;line-height:1.95;color:#4f5868}
.ibx-content a{
color:#866b12}
.ibx-sidebar{
display:flex;flex-direction:column;gap:16px;position:sticky;top:118px}
.ibx-sidebox{
background:#0b0d11;color:#fff;border:1px solid rgba(247,201,40,.2);border-radius:18px;padding:23px}
.ibx-sidebox h3{
font-size:19px;margin:0 0 8px;font-weight:900}
.ibx-sidebox p{
font-size:13px;color:#a7b0bd;line-height:1.75}
.ibx-sidebtn{
display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:10px;margin-top:9px;font-size:12px;font-weight:900}
.ibx-share{
display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid #eee}
.ibx-share strong{
width:100%;font-size:12px}
.ibx-share a{
width:40px;height:40px;border:1px solid #ddd;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#111!important}
.ibx-related{
padding:72px 0;background:#fff}
.ibx-related-grid{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ibx-related-card{
border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff}
.ibx-related-card img{
width:100%;height:175px;object-fit:cover}
.ibx-related-card div{
padding:16px}
.ibx-related-card h3{
font-size:15px;line-height:1.5;margin:0 0 8px}
.ibx-related-card a{
color:#8b6e15;font-size:12px;font-weight:900}
.ibx-pricing-grid{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ibx-price-card{
background:#fff;border:1px solid var(--line);border-radius:22px;padding:27px;box-shadow:0 10px 35px rgba(16,24,40,.06);position:relative;overflow:hidden}
.ibx-price-card.featured{
border:2px solid var(--gold);transform:translateY(-6px)}
.ibx-price-badge{
position:absolute;right:18px;top:18px;background:var(--gold);color:#111;border-radius:99px;padding:6px 10px;font-size:12px;font-weight:900}
.ibx-price-card h3{
font-family:Manrope,Inter,sans-serif;font-size:22px;margin:0 0 7px}
.ibx-price-card p{
color:#6b7482;font-size:13px;min-height:48px}
.ibx-price{
font-size:35px;font-weight:900;margin:17px 0}
.ibx-price small{
font-size:12px;color:#7b8491;font-weight:700}
.ibx-price-list{
list-style:none;padding:0;margin:18px 0}
.ibx-price-list li{
font-size:12px;color:#4f5868;padding:8px 0;border-bottom:1px dashed #e4e7ec}
.ibx-price-list li i{
color:#2c9c5b;margin-right:7px}
.ibx-price-actions{
display:flex;gap:8px}
.ibx-price-actions a{
flex:1;text-align:center;padding:11px;border-radius:10px;font-size:12px;font-weight:900}
.ibx-price-actions .p-gold{
background:var(--gold);color:#111}
.ibx-price-actions .p-dark{
background:#111;color:#fff}
.ibx-price-note{
font-size:12px;color:#8a93a1;text-align:center;margin-top:25px}
.ibx-form-wrap{
max-width:960px;margin:auto}
.ibx-form{
background:#0a0d12;border:1px solid rgba(247,201,40,.2);border-radius:22px;padding:30px}
.ibx-form-grid{
display:grid;grid-template-columns:1fr 1fr;gap:15px}
.ibx-field{
display:flex;flex-direction:column;gap:7px}
.ibx-field.full{
grid-column:1/-1}
.ibx-field label{
font-size:12px;font-weight:900;color:#e6eaf0}
.ibx-field input,.ibx-field textarea,.ibx-field select{
width:100%;background:#05070a;border:1px solid rgba(255,255,255,.13);color:#fff;border-radius:10px;padding:13px 14px;font-size:14px;outline:none}
.ibx-field textarea{
min-height:145px;resize:vertical}
.ibx-form-note{
font-size:12px;color:#818b99;line-height:1.7;margin-top:13px}
.ibx-site-footer{
background:#050608;color:#dce2eb;position:relative;overflow:hidden}
.ibx-footer-glow{
position:absolute;width:600px;height:250px;background:rgba(8,124,255,.08);filter:blur(80px);top:-130px;right:-120px}
.ibx-footer-main{
padding:72px 0 48px;position:relative}
.ibx-footer-grid{
display:grid;grid-template-columns:1.35fr .8fr .8fr 1fr;gap:35px}
.ibx-footer-logo{
display:block;width:260px}
.ibx-footer-logo img{
width:260px;height:88px;object-fit:contain;object-position:left center}
.ibx-footer-tag{
font-size:12px;letter-spacing:.11em;color:var(--gold);font-weight:900;margin:3px 0 14px}
.ibx-footer-brand p{
font-size:13px;color:#909aa9;line-height:1.8;max-width:420px}
.ibx-socials{
display:flex;gap:8px;margin-top:18px}
.ibx-socials a{
width:37px;height:37px;border-radius:10px;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;color:#dfe5ec}
.ibx-socials a:hover{
background:var(--gold);color:#111;border-color:var(--gold)}
.ibx-footer-col h3{
font-size:16px;margin:0 0 17px;font-weight:900}
.ibx-footer-col h3 span{
color:var(--gold)}
.ibx-footer-col>a{
display:block;font-size:12px;color:#9ca6b4;padding:7px 0}
.ibx-footer-col>a:hover{
color:var(--gold)}
.ibx-contact-card{
display:grid;gap:7px}
.ibx-contact-card strong{
font-size:14px;color:#fff}
.ibx-contact-card small{
font-size:12px;color:#778190}
.ibx-contact-card a{
font-size:12px;color:#b8c1ce}
.ibx-contact-card i{
width:17px;color:var(--gold)}
.ibx-footer-counter{
border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#080a0e}
.ibx-counter-inner{
min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ibx-counter-inner>div{
display:flex;align-items:center;gap:12px}
.ibx-counter-icon{
width:42px;height:42px;border-radius:12px;background:rgba(247,201,40,.1);border:1px solid rgba(247,201,40,.2);display:grid;place-items:center;color:var(--gold)}
.ibx-counter-inner small{
display:block;font-size:12px;letter-spacing:.13em;color:#788291;font-weight:900}
.ibx-counter-inner strong{
font-size:21px;color:#fff}
.ibx-counter-inner>span{
font-size:12px;color:#7e8897}
.ibx-footer-bottom{
border-top:1px solid rgba(255,255,255,.04)}
.ibx-footer-bottom-inner{
min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ibx-footer-bottom p{
margin:0;font-size:12px;color:#6f7988}
.ibx-footer-bottom a{
color:#c3cbd6}
.ibx-float-contact{
position:fixed;right:16px;bottom:18px;z-index:1100;display:flex;flex-direction:column;gap:9px}
.ibx-float-contact a{
width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.25);font-size:21px;position:relative}
.ibx-float-contact .ibx-float-wa{
background:#25d366}
.ibx-float-contact .ibx-float-call{
background:#111;border:1px solid var(--gold);color:var(--gold)}
.ibx-float-contact span{
position:absolute;right:58px;background:#0a0c10;color:#fff;border:1px solid rgba(255,255,255,.1);padding:6px 9px;border-radius:7px;font-size:12px;font-weight:900;white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(5px);transition:.2s}
.ibx-float-contact a:hover span{
opacity:1;transform:none}
.ibx-scroll-top{
position:fixed;right:18px;bottom:150px;width:44px;height:44px;border:1px solid rgba(247,201,40,.55);border-radius:12px;background:#0a0c10;color:var(--gold);display:grid;place-items:center;z-index:1099;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s;cursor:pointer}
.ibx-scroll-top.is-visible{
opacity:1;visibility:visible;transform:none}
@media(max-width:1100px){
.ibx-site-menu>a,.ibx-drop-toggle{
font-size:12px;padding:10px 7px}
.ibx-brand{
width:185px;flex-basis:185px}
.ibx-brand img{
width:185px}
.ibx-service-menu-grid{
grid-template-columns:repeat(3,1fr)}
.ibx-footer-grid{
grid-template-columns:1.2fr 1fr 1fr}
.ibx-footer-grid>.ibx-footer-col:last-child{
grid-column:2/-1}
}
@media(max-width:900px){
.ibx-top-socials{
display:none}
.ibx-top-message{
font-size:12px}
.ibx-top-actions a span{
display:none}
.ibx-nav-inner{
min-height:72px}
.ibx-brand{
width:210px;flex:1}
.ibx-brand img{
width:210px;height:64px}
.ibx-menu-toggle{
display:block}
.ibx-nav-cta{
margin-left:auto}
.ibx-site-menu{
position:absolute;left:12px;right:12px;top:100%;display:none;flex-direction:column;align-items:stretch;background:#07090d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:10px;box-shadow:0 25px 60px rgba(0,0,0,.4);max-height:calc(100vh - 86px);overflow:auto}
.ibx-site-menu.is-open{
display:flex}
.ibx-site-menu>a,.ibx-drop-toggle{
font-size:14px;padding:13px}
.ibx-nav-drop{
width:100%}
.ibx-drop-toggle{
width:100%;justify-content:flex-start}
.ibx-dropdown{
position:static;transform:none;width:100%;display:none;opacity:1;visibility:visible;pointer-events:auto;margin:0;padding:10px;background:#0c1016;box-shadow:none}
.ibx-nav-drop.is-open .ibx-dropdown{
display:block}
.ibx-service-menu-grid{
grid-template-columns:repeat(2,1fr)}
.ibx-hero-grid,.ibx-global-grid{
grid-template-columns:1fr}
.ibx-post-grid,.ibx-service-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
.ibx-topic-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
.ibx-owner-card{
grid-template-columns:260px 1fr}
.ibx-pricing-grid{
grid-template-columns:1fr 1fr}
.ibx-detail-grid{
grid-template-columns:1fr}
.ibx-sidebar{
display:grid;grid-template-columns:1fr 1fr;position:static}
.ibx-related-grid{
grid-template-columns:1fr 1fr}
.ibx-footer-grid{
grid-template-columns:1fr 1fr}
.ibx-footer-grid>.ibx-footer-col:last-child{
grid-column:auto}
}
@media(max-width:650px){
body{
font-size:14px}
.ibx-container{
width:calc(100% - 24px)}
.ibx-top-message{
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ibx-top-actions a{
padding-left:4px}
.ibx-brand img{
width:180px;height:58px}
.ibx-nav-cta{
font-size:12px;padding:9px 10px}
.ibx-hero{
padding:65px 0 58px}
.ibx-hero h1{
font-size:38px}
.ibx-lead{
font-size:15px;line-height:1.75}
.ibx-hero-card h2{
font-size:31px}
.ibx-section,.ibx-owner-section,.ibx-global,.ibx-cta{
padding:65px 0}
.ibx-heading h2,.ibx-global h2,.ibx-cta h2,.ibx-owner-copy h2{
font-size:30px}
.ibx-post-grid,.ibx-topic-grid,.ibx-service-grid,.ibx-pricing-grid{
grid-template-columns:1fr}
.ibx-owner-card{
grid-template-columns:1fr;padding:18px}
.ibx-owner-photo-wrap{
max-width:330px;margin:auto}
.ibx-owner-actions .ibx-btn{
width:100%}
.ibx-sidebar{
display:block}
.ibx-content{
padding:22px}
.ibx-content p,.ibx-content li{
font-size:14px}
.ibx-related-grid{
grid-template-columns:1fr}
.ibx-form{
padding:20px}
.ibx-form-grid{
grid-template-columns:1fr}
.ibx-field.full{
grid-column:auto}
.ibx-footer-grid{
grid-template-columns:1fr}
.ibx-footer-grid>.ibx-footer-col:last-child{
grid-column:auto}
.ibx-footer-logo,.ibx-footer-logo img{
width:230px}
.ibx-counter-inner{
padding:12px 0;display:block}
.ibx-counter-inner>span{
display:block;margin-top:7px}
.ibx-footer-bottom-inner{
display:block;padding:14px 0}
.ibx-footer-bottom p+p{
margin-top:5px}
.ibx-float-contact{
right:10px;bottom:10px}
.ibx-float-contact a{
width:47px;height:47px}
.ibx-float-contact span{
display:none}
.ibx-scroll-top{
right:11px;bottom:120px;width:42px;height:42px}
.ibx-service-menu-grid{
grid-template-columns:1fr}
.ibx-detail-title{
font-size:35px}
.ibx-price-card.featured{
transform:none}
}
/* =========================================================
   IBOX444 RESPONSIVE / ACCESSIBILITY / CONTRAST PATCH
   Final mobile + tablet + desktop tuning
   ========================================================= */
:root{
--gold:#f7c928;--gold2:#ffe36a;--gold3:#fff0a6;--blue:#0b8cff;--cyan:#16ddff;--dark:#050608;--dark2:#0a0e15}
html,body{
width:100%;max-width:100%;overflow-x:hidden}
body{
font-size:15px;line-height:1.72;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
p,li{
font-size:15px}
small,.small{
font-size:12px!important}
h1,h2,h3,h4,h5,h6{
overflow-wrap:anywhere}
.ibx-container{
width:min(1220px,calc(100% - 32px));}
.ibx-section,.ibx-owner-section,.ibx-global,.ibx-cta{
overflow:hidden}
.ibx-section{
padding:86px 0}
.ibx-heading{
margin-bottom:38px}
.ibx-heading h2,.ibx-global h2,.ibx-cta h2,.ibx-owner-copy h2{
font-size:clamp(31px,4vw,50px)}
.ibx-heading p,.ibx-global p,.ibx-cta p{
font-size:16px;line-height:1.8}
/* Header: stable height + high contrast */
.ibx-site-header{
position:sticky;top:0;z-index:9999}
.ibx-topbar-inner{
min-height:40px}
.ibx-top-message,.ibx-top-actions a{
font-size:12px}
.ibx-top-socials a{
width:28px;height:28px;font-size:12px}
.ibx-mainnav{
min-height:82px}
.ibx-nav-inner{
min-height:82px;position:relative}
.ibx-brand{
width:220px;flex:0 0 220px}
.ibx-brand img{
width:220px;height:72px;object-fit:contain}
.ibx-site-menu>a,.ibx-drop-toggle{
font-size:14px;font-weight:900;min-height:46px}
.ibx-nav-cta{
font-size:13px;padding:12px 15px}
.ibx-site-menu>a,.ibx-drop-toggle{
transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.ibx-site-menu>a:hover,.ibx-drop-toggle:hover,.ibx-site-menu>a:focus-visible,.ibx-drop-toggle:focus-visible{
background:linear-gradient(135deg,var(--gold),var(--gold2));color:#08090b;box-shadow:0 8px 24px rgba(247,201,40,.22);outline:none}
.ibx-site-menu>a[aria-current="page"]{
background:rgba(247,201,40,.14);color:var(--gold2);border:1px solid rgba(247,201,40,.25)}
.ibx-nav-drop{
height:100%;display:flex;align-items:center}
/* No hover gap: dropdown touches trigger and has an invisible bridge */
.ibx-dropdown{
top:100%;margin-top:7px}
.ibx-dropdown:before{
content:"";position:absolute;left:0;right:0;top:-10px;height:12px;background:transparent}
.ibx-nav-drop:hover .ibx-dropdown,.ibx-nav-drop:focus-within .ibx-dropdown{
opacity:1;visibility:visible;pointer-events:auto}
.ibx-drop-head strong{
font-size:13px}
.ibx-drop-head small{
font-size:12px;color:#b8c0cc}
.ibx-service-menu-grid a{
font-size:12px;min-height:42px}
.ibx-service-menu-grid a i{
font-size:14px;flex:0 0 20px}
.ibx-dropdown-all{
font-size:13px}
/* Hero */
.ibx-hero{
padding:88px 0 78px}
.ibx-hero h1{
font-size:clamp(38px,5.4vw,70px)}
.ibx-lead{
font-size:18px;line-height:1.82}
.ibx-btn{
font-size:14px;min-height:46px;padding:12px 17px}
.ibx-trust span{
font-size:12px}
.ibx-card-label{
font-size:12px}
.ibx-mini-grid small{
font-size:12px}
/* Cards */
.ibx-post-grid,.ibx-service-grid,.ibx-pricing-grid{
align-items:stretch}
.ibx-post,.ibx-service-card,.ibx-price-card,.ibx-topic{
height:100%}
.ibx-post-body{
display:flex;flex-direction:column;min-height:220px}
.ibx-post p{
font-size:14px;line-height:1.75}
.ibx-read{
font-size:13px;margin-top:auto}
.ibx-service-card{
padding:27px}
.ibx-service-icon{
width:64px;height:64px;min-width:64px;font-size:25px;box-shadow:0 10px 28px rgba(8,124,255,.12)}
.ibx-service-card h3{
font-size:21px}
.ibx-service-card p{
font-size:14px;line-height:1.8}
.ibx-service-actions a{
font-size:13px;min-height:42px;display:inline-flex;align-items:center;justify-content:center}
.ibx-topic h3{
font-size:18px}
.ibx-topic p{
font-size:14px;line-height:1.8}
/* White topic cards used on About page */
.ibx-white .ibx-topic{
background:#fff!important;color:#111!important;border-color:#e4e8ef!important;box-shadow:0 12px 30px rgba(16,24,40,.06)}
.ibx-white .ibx-topic h3{
color:#101216!important}
.ibx-white .ibx-topic p{
color:#566174!important}
.ibx-white .ibx-topic i{
color:#9a7800}
/* Owner */
.ibx-owner-section{
padding:88px 0;background:linear-gradient(180deg,#f7f8fa,#eef2f6)}
.ibx-owner-card{
gap:44px;padding:30px}
.ibx-owner-copy h3{
font-size:19px}
.ibx-owner-copy p{
font-size:15px;line-height:1.9}
.ibx-owner-tags span{
font-size:12px}
.ibx-owner-actions .ibx-btn{
min-height:46px}
/* India + International */
.ibx-global{
padding:88px 0;background:radial-gradient(circle at 15% 20%,rgba(8,140,255,.15),transparent 30%),radial-gradient(circle at 85% 80%,rgba(247,201,40,.12),transparent 28%),linear-gradient(135deg,#05080d,#0a1420 55%,#06080c)}
.ibx-global .ibx-eyebrow{
color:var(--gold2)}
.ibx-global h2,.ibx-cta h2{
color:#fff}
.ibx-global p{
color:#d0d7e1}
.ibx-global-points>div{
background:rgba(255,255,255,.045);border-color:rgba(247,201,40,.18)}
.ibx-global-points span{
font-size:14px;color:#fff}
/* Service detail: stable content area */
.ibx-detail-hero{
padding:76px 0 58px}
.ibx-detail-title{
font-size:clamp(36px,5vw,66px)}
.ibx-detail-meta,.ibx-breadcrumb{
font-size:13px}
.ibx-detail{
padding:64px 0}
.ibx-content{
padding:40px}
.ibx-content h2{
font-size:31px}
.ibx-content h3{
font-size:24px;margin-top:32px}
.ibx-content h4{
font-size:18px;margin-top:24px}
.ibx-content p,.ibx-content li{
font-size:15px;line-height:1.95}
.ibx-feature{
margin-bottom:25px}
.ibx-feature img{
width:100%;border-radius:16px;object-fit:cover}
.ibx-service-global{
margin:34px 0!important;padding:42px!important;border-radius:22px;box-shadow:inset 0 0 0 1px rgba(247,201,40,.1)}
.ibx-service-global .ibx-global-grid{
grid-template-columns:1fr 1fr;gap:30px}
.ibx-process-grid{
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.ibx-process-card{
background:linear-gradient(145deg,#fff,#f6f8fb)!important;color:#111!important;border:1px solid #e0e5ec!important;border-radius:17px;padding:22px!important;min-width:0;box-shadow:0 10px 28px rgba(16,24,40,.05)}
.ibx-process-card i{
display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#0a111a;color:var(--gold);font-size:19px;margin-bottom:13px}
.ibx-process-card h3{
font-size:17px!important;color:#101216!important;margin:0 0 7px!important}
.ibx-process-card p{
font-size:13px!important;line-height:1.75;color:#5b6575!important;margin:0}
.ibx-sidebar{
top:125px}
.ibx-sidebox p{
font-size:14px;color:#c4cbd5}
.ibx-sidebtn{
font-size:13px;min-height:44px}
.ibx-share strong{
font-size:13px}
.ibx-share a{
width:42px;height:42px}
/* Pricing */
.ibx-pricing-grid{
grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ibx-price-card{
padding:28px;background:linear-gradient(180deg,#fff,#fafbfd);border-radius:24px}
.ibx-price-card:before{
content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--gold))}
.ibx-price-card.featured{
transform:translateY(-8px);box-shadow:0 24px 65px rgba(247,201,40,.18)}
.ibx-price-card h3{
font-size:23px}
.ibx-price-card p{
font-size:14px;line-height:1.7}
.ibx-price{
font-size:36px}
.ibx-price-list li{
font-size:13px;padding:9px 0}
.ibx-price-actions a{
font-size:13px;min-height:44px;display:flex;align-items:center;justify-content:center}
.ibx-price-note{
font-size:12px;line-height:1.7}
.ibx-service-pricing{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:28px}
.ibx-service-price-item{
position:relative;padding:19px;background:#fff;border:1px solid #e1e6ee;border-radius:17px;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;box-shadow:0 8px 25px rgba(16,24,40,.04)}
.ibx-service-price-item i{
width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#0b111a;color:var(--gold);font-size:17px}
.ibx-service-price-item strong{
display:block;font-size:14px;line-height:1.35;color:#101216}
.ibx-service-price-item span{
display:block;font-size:12px;color:#667085;margin-top:3px}
.ibx-service-price-item b{
font-size:14px;color:#8a6c0e;white-space:nowrap}
/* Forms */
.ibx-form{
padding:32px}
.ibx-field label{
font-size:13px}
.ibx-field input,.ibx-field textarea,.ibx-field select{
font-size:14px;min-height:48px}
.ibx-field textarea{
min-height:155px}
.ibx-form-note{
font-size:12px}
/* Footer */
.ibx-site-footer{
border-top:4px solid var(--gold)}
.ibx-footer-main{
padding:74px 0 48px}
.ibx-footer-grid{
grid-template-columns:1.35fr .9fr .9fr 1fr;gap:38px}
.ibx-footer-tag{
font-size:12px;line-height:1.5;color:var(--gold2)}
.ibx-footer-brand p{
font-size:14px;color:#aeb7c4}
.ibx-footer-col h3{
font-size:17px}
.ibx-footer-col>a{
font-size:13px;color:#b4bdc9;padding:8px 10px;border-left:2px solid transparent;border-radius:7px}
.ibx-footer-col>a:hover{
background:rgba(247,201,40,.08);color:var(--gold2);border-left-color:var(--gold)}
.ibx-contact-card strong{
font-size:15px}
.ibx-contact-card small{
font-size:12px;color:yellow}
.ibx-contact-card a{
font-size:13px;padding:5px 8px;border-radius:7px}
.ibx-contact-card a:hover{
background:rgba(247,201,40,.08);color:#fff}
.ibx-socials a{
width:40px;height:40px;font-size:14px}
.ibx-footer-counter{
background:linear-gradient(90deg,#090b0f,#0d1118,#090b0f)}
.ibx-counter-inner{
min-height:82px}
.ibx-counter-inner small{
font-size:12px!important;color:yellow;}
.ibx-counter-inner strong{
font-size:23px}
.ibx-counter-inner>span{
font-size: 14px;color: #ebc60e;font-weight: bold;}
.ibx-footer-bottom p{
font-size:13px;font-weight:bold;}
/* Floating actions */
.ibx-float-contact a{
width:54px;height:54px;font-size:22px}
.ibx-scroll-top{
right:18px;bottom:92px;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#0c1118,#050608);box-shadow:0 12px 30px rgba(0,0,0,.3)}
.ibx-scroll-top:hover{
background:var(--gold);color:#111}
/* Focus / hover for all important controls */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
outline:3px solid rgba(247,201,40,.65);outline-offset:2px}
.ibx-btn-gold:hover{
background:linear-gradient(135deg,#ffe36a,#f7c928);box-shadow:0 12px 28px rgba(247,201,40,.24)}
.ibx-btn-outline:hover{
background:#fff;color:#111;border-color:#fff}
@media(max-width:1100px){
.ibx-container{
width:min(100% - 28px,980px)}
.ibx-brand{
width:195px;flex-basis:195px}
.ibx-brand img{
width:195px}
.ibx-site-menu>a,.ibx-drop-toggle{
font-size:13px;padding:10px 8px}
.ibx-nav-cta{
font-size:12px;padding:11px 12px}
.ibx-service-pricing{
grid-template-columns:repeat(2,minmax(0,1fr))}
.ibx-process-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
.ibx-mainnav,.ibx-nav-inner{
min-height:74px}
.ibx-topbar-inner{
min-height:38px}
.ibx-top-message{
font-size:12px}
.ibx-brand{
width:205px;flex:1}
.ibx-brand img{
width:205px;height:62px}
.ibx-menu-toggle{
display:block;width:46px;height:46px;font-size:19px;border-color:rgba(247,201,40,.35)}
.ibx-nav-cta{
font-size:12px;padding:10px 11px}
.ibx-site-menu{
top:100%;left:10px;right:10px;max-height:calc(100vh - 118px);padding:9px}
.ibx-site-menu>a,.ibx-drop-toggle{
font-size:14px;min-height:48px;padding:12px 13px}
.ibx-nav-drop{
display:block;height:auto}
.ibx-dropdown{
margin-top:4px}
.ibx-service-menu-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
.ibx-post-grid,.ibx-service-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
.ibx-topic-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
.ibx-owner-card{
grid-template-columns:270px minmax(0,1fr)}
.ibx-detail-grid{
grid-template-columns:1fr}
.ibx-sidebar{
position:static;display:grid;grid-template-columns:1fr 1fr}
.ibx-service-global .ibx-global-grid{
grid-template-columns:1fr}
.ibx-pricing-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
.ibx-footer-grid{
grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
.ibx-container{
width:calc(100% - 22px)}
body{
font-size:14px}
p,li{
font-size:14px}
.ibx-topbar-inner{
min-height:38px}
.ibx-top-message{
max-width:58%;font-size:12px}
.ibx-top-actions{
gap:4px}
.ibx-top-actions a{
font-size:12px;padding-left:3px}
.ibx-top-actions a span{
display:none}
.ibx-top-socials{
display:flex;gap:4px}
.ibx-top-socials a{
width:24px;height:24px;font-size:12px}
.ibx-mainnav,.ibx-nav-inner{
min-height:72px}
.ibx-brand{
width:165px;flex:1}
.ibx-brand img{
width:165px;height:57px}
.ibx-nav-cta{
font-size:12px;padding:9px 10px}
.ibx-menu-toggle{
width:44px;height:44px}
.ibx-site-menu{
max-height:calc(100vh - 112px);border-radius:15px}
.ibx-site-menu>a,.ibx-drop-toggle{
font-size:14px;min-height:48px}
.ibx-dropdown{
padding:9px;border-radius:12px}
.ibx-drop-head{
display:block;padding:5px 4px 11px}
.ibx-drop-head small{
display:block;margin-top:4px}
.ibx-service-menu-grid{
grid-template-columns:1fr;max-height:none}
.ibx-service-menu-grid a{
font-size:13px;min-height:44px;padding:10px}
.ibx-hero{
padding:62px 0 56px}
.ibx-hero h1{
font-size:37px;line-height:1.06}
.ibx-lead{
font-size:15px;line-height:1.78}
.ibx-actions{
gap:9px}
.ibx-actions .ibx-btn{
width:100%;font-size:14px}
.ibx-hero-card{
padding:22px}
.ibx-hero-card h2{
font-size:31px}
.ibx-mini-grid{
gap:8px}
.ibx-mini-grid div{
padding:14px}
.ibx-section,.ibx-owner-section,.ibx-global,.ibx-cta{
padding:62px 0}
.ibx-heading{
margin-bottom:30px}
.ibx-heading h2,.ibx-global h2,.ibx-cta h2,.ibx-owner-copy h2{
font-size:30px;line-height:1.15}
.ibx-heading p,.ibx-global p,.ibx-cta p{
font-size:14px;line-height:1.8}
.ibx-post-grid,.ibx-service-grid,.ibx-topic-grid,.ibx-pricing-grid,.ibx-service-pricing{
grid-template-columns:1fr}
.ibx-service-card{
padding:22px}
.ibx-service-card h3{
font-size:20px}
.ibx-service-card p{
font-size:14px}
.ibx-service-actions{
display:grid;grid-template-columns:1fr 1fr}
.ibx-service-actions a{
width:100%;font-size:13px}
.ibx-owner-card{
grid-template-columns:1fr;padding:20px;gap:25px}
.ibx-owner-photo-wrap{
max-width:300px;margin:auto}
.ibx-owner-copy p{
font-size:14px}
.ibx-owner-actions .ibx-btn{
width:100%}
.ibx-global-grid{
grid-template-columns:1fr!important;gap:25px}
.ibx-global-points>div{
grid-template-columns:52px 1fr;padding:14px}
.ibx-global-points span{
font-size:13px}
.ibx-detail-hero{
padding:58px 0 45px}
.ibx-detail-title{
font-size:35px}
.ibx-detail-meta,.ibx-breadcrumb{
font-size:12px}
.ibx-detail{
padding:42px 0}
.ibx-content{
padding:22px;border-radius:16px}
.ibx-content h2{
font-size:27px}
.ibx-content h3{
font-size:21px}
.ibx-content h4{
font-size:17px}
.ibx-content p,.ibx-content li{
font-size:14px;line-height:1.85}
.ibx-service-global{
margin:28px 0!important;padding:24px!important}
.ibx-process-grid{
grid-template-columns:1fr!important;gap:12px}
.ibx-process-card{
padding:18px!important}
.ibx-process-card h3{
font-size:17px!important}
.ibx-process-card p{
font-size:13px!important}
.ibx-sidebar{
display:block}
.ibx-sidebox{
padding:20px}
.ibx-sidebox h3{
font-size:19px}
.ibx-sidebox p{
font-size:13px}
.ibx-price-card{
padding:23px}
.ibx-price-card h3{
font-size:21px}
.ibx-price{
font-size:33px}
.ibx-price-list li{
font-size:13px}
.ibx-price-actions{
display:grid;grid-template-columns:1fr 1fr}
.ibx-price-actions a{
font-size:13px}
.ibx-service-price-item{
grid-template-columns:46px 1fr;gap:10px}
.ibx-service-price-item b{
grid-column:2;font-size:14px}
.ibx-form{
padding:20px}
.ibx-form-grid{
grid-template-columns:1fr}
.ibx-field.full{
grid-column:auto}
.ibx-field label{
font-size:13px}
.ibx-footer-main{
padding:60px 0 38px}
.ibx-footer-grid{
grid-template-columns:1fr;gap:28px}
.ibx-footer-logo,.ibx-footer-logo img{
width:235px;height:auto}
.ibx-footer-col h3{
font-size:17px}
.ibx-footer-col>a{
font-size:13px;padding:8px 10px}
.ibx-contact-card a{
font-size:13px}
.ibx-counter-inner{
padding:13px 0;display:block}
.ibx-counter-inner>span{
display:block;margin-top:8px}
.ibx-footer-bottom-inner{
display:block;padding:14px 0}
.ibx-footer-bottom p{
font-size:12px}
.ibx-footer-bottom p+p{
margin-top:7px}
.ibx-float-contact{
right:9px;bottom:9px}
.ibx-float-contact a{
width:48px;height:48px;font-size:20px}
.ibx-scroll-top{
right:10px;bottom:120px;width:43px;height:43px}
}
@media(max-width:380px){
.ibx-brand{
width:145px}
.ibx-brand img{
width:145px}
.ibx-nav-cta{
font-size:12px;padding:8px}
.ibx-menu-toggle{
width:42px;height:42px}
.ibx-top-message{
max-width:48%}
.ibx-hero h1{
font-size:33px}
.ibx-service-actions,.ibx-price-actions{
grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
*,*:before,*:after{
scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
/* Final component classes */
.ibx-title-accent{
color:var(--gold)!important}
.ibx-service-lead{
max-width:900px}
.ibx-service-detail-icon{
width:76px;height:76px;margin-bottom:18px;font-size:28px}
.ibx-process-card i{
color:var(--gold)!important}
.ibx-white-text{
color:#fff!important}
.ibx-gold-link{
color:var(--gold2)!important}
.ibx-sidebtn-gold{
background:var(--gold)!important;color:#111!important;border:1px solid var(--gold)!important}
.ibx-sidebtn-outline{
border:1px solid rgba(247,201,40,.45)!important;color:var(--gold2)!important;background:rgba(247,201,40,.04)!important}
.ibx-sidebtn-darkgold{
background:#111!important;color:var(--gold2)!important;border:1px solid rgba(247,201,40,.3)!important}
.ibx-share-title{
width:100%;font-size:13px!important}
.ibx-submit-btn{
border:0;cursor:pointer;margin-top:18px}
.ibx-actions-center{
justify-content:center}
.ibx-topic-light{
background:#fff!important;color:#111!important;border-color:#e7eaf0!important}
.ibx-about-owner-image{
border-radius:20px;width:100%;max-height:430px;object-fit:cover}
/* Contrast safety: never let dark text disappear on dark surfaces */
.ibx-black a:not(.ibx-btn-gold),.ibx-cta a:not(.ibx-btn-gold){
color:#fff}
.ibx-black a:not(.ibx-btn-gold):hover,.ibx-cta a:not(.ibx-btn-gold):hover{
color:#111}
.ibx-black .ibx-topic p{
color:#c5ccd6}
.ibx-black .ibx-topic h3{
color:#fff}
.ibx-sidebox a{
color:var(--gold2)}
.ibx-sidebox a:hover{
color:#111}
.ibx-service-card a.read{
color:#fff}
.ibx-service-card a.call{
color:#6d5400}
/* Prevent long titles, URLs and form values from breaking layouts */
.ibx-service-card h3,.ibx-price-card h3,.ibx-post h3,.ibx-related-card h3,.ibx-sidebox h3{
overflow-wrap:anywhere}
.ibx-content table{
width:100%;max-width:100%;display:block;overflow-x:auto;border-collapse:collapse}
.ibx-content pre{
max-width:100%;overflow:auto;white-space:pre-wrap;word-break:break-word}
.ibx-content iframe,.ibx-content video{
max-width:100%}
/* Final footer + navigation sizing pass */
.ibx-footer-grid{
grid-template-columns:1.45fr .8fr .9fr .9fr 1fr}
.ibx-actions-topgap{
margin-top:32px}
@media(max-width:1100px){
.ibx-footer-grid{
grid-template-columns:1.3fr 1fr 1fr}
.ibx-footer-grid>.ibx-footer-col:nth-child(5){
grid-column:2/-1}
}
@media(max-width:900px){
.ibx-footer-grid{
grid-template-columns:1fr 1fr}
.ibx-footer-grid>.ibx-footer-col:nth-child(5){
grid-column:auto}
}
@media(max-width:650px){
.ibx-footer-grid{
grid-template-columns:1fr}
.ibx-footer-grid>.ibx-footer-col:nth-child(5){
grid-column:auto}
}
/* ===== FINAL RESPONSIVE / CONTRAST / NAVIGATION PASS ===== */
:root{
--gold:#ffd21a;--gold2:#ffe45b;--header-height:var(--ibx-header-height,122px)}
body{
font-size:15px;padding-top:var(--ibx-header-height,122px)}
.ibx-site-header{
position:fixed!important;top:0;left:0;right:0;width:100%;z-index:10000;background:rgba(4,6,10,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 38px rgba(0,0,0,.28)}
.ibx-site-header.is-scrolled{
box-shadow:0 14px 45px rgba(0,0,0,.42)}
.ibx-mainnav{
position:relative}
.ibx-site-menu>a,.ibx-drop-toggle{
font-size:14px!important;min-height:46px;color:#f5f7fa}
.ibx-site-menu>a:hover,.ibx-drop-toggle:hover,.ibx-site-menu>a:focus,.ibx-drop-toggle:focus{
background:var(--gold);color:#090b0e;outline:none}
.ibx-nav-drop:hover>.ibx-drop-toggle{
background:var(--gold);color:#090b0e}
.ibx-dropdown{
top:100%!important;margin-top:0!important}
.ibx-nav-drop:after{
content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.ibx-dropdown{
z-index:10001}
.ibx-service-menu-grid a{
font-size:13px!important;color:#e2e7ee!important}
.ibx-service-menu-grid a:hover{
color:#fff!important;background:#17202d!important}
.ibx-service-menu-grid a i{
color:var(--gold2)!important}
.ibx-nav-cta{
font-size:14px!important;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 24px rgba(247,201,40,.15)}
.ibx-post{
border:1px solid #dfe4eb;box-shadow:0 12px 34px rgba(16,24,40,.08);display:flex;flex-direction:column}
.ibx-post-body{
display:flex;flex-direction:column;flex:1}
.ibx-post-meta{
display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px!important;color:#596273!important;margin-bottom:4px}
.ibx-post-date,.ibx-post-brand{
display:inline-flex;align-items:center;gap:5px}
.ibx-post-date i{
color:#8d700b}
.ibx-post-brand{
color:#0c1520;font-weight:900;background:#fff5bf;border:1px solid #f1d65d;border-radius:99px;padding:4px 8px}
.ibx-post-brand i{
color:#a77b00}
.ibx-post h3{
font-size:19px}
.ibx-post p{
font-size:14px;line-height:1.8}
.ibx-post-actions{
display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:7px;margin-top:auto}
.ibx-post-actions a{
display:flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:9px 8px;border-radius:10px;font-size:12px;font-weight:900;border:1px solid transparent}
.ibx-post-actions .ibx-read{
background:#101318;color:#fff!important}
.ibx-post-actions .ibx-post-chat{
background:#e8fff0;color:#087c3b!important;border-color:#aee7c4}
.ibx-post-actions .ibx-post-call{
background:#fff5c8;color:#695100!important;border-color:#efd45a}
.ibx-post-actions a:hover{
transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1)}
.ibx-side-services h3 span{
color:var(--gold2)}
.ibx-side-kicker{
font-size:12px;letter-spacing:.14em;color:var(--gold);font-weight:900;margin-bottom:5px}
.ibx-side-service-list{
display:grid;gap:6px;margin:14px 0}
.ibx-side-service-list a{
display:grid;grid-template-columns:25px minmax(0,1fr) 12px;align-items:center;gap:7px;padding:9px 8px;border-radius:9px;background:#11161d;border:1px solid rgba(255,255,255,.06);color:#e6ebf1!important;font-size:12px!important;font-weight:800}
.ibx-side-service-list a i{
color:var(--gold2);text-align:center}
.ibx-side-service-list a b{
color:#8792a1}
.ibx-side-service-list a:hover{
background:var(--gold);color:#111!important;border-color:var(--gold);transform:translateX(2px)}
.ibx-side-service-list a:hover i,.ibx-side-service-list a:hover b{
color:#111}
.ibx-footer-partners,.ibx-partner-showcase{
position:relative}
.ibx-footer-partners{
padding:34px 0;background:#080b10;border-top:1px solid rgba(255,255,255,.08)}
.ibx-partner-heading{
text-align:center;margin-bottom:18px}
.ibx-partner-heading>span{
font-size:12px;letter-spacing:.16em;color:var(--gold);font-weight:900}
.ibx-partner-heading h3{
margin:6px 0;font-size:24px;color:#fff}
.ibx-partner-heading h3 strong{
color:var(--gold2)}
.ibx-partner-heading p{
margin:0 auto;color:#9ea8b6;font-size:14px;max-width:760px}
.ibx-partner-grid{
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ibx-partner-card{
display:grid;grid-template-columns:58px minmax(0,1fr);gap:15px;align-items:center;padding:20px;border-radius:18px;background:linear-gradient(145deg,#0e141d,#090c11);border:1px solid rgba(247,201,40,.18);color:#fff;transition:.25s}
.ibx-partner-card:hover{
transform:translateY(-4px);border-color:var(--gold);box-shadow:0 18px 45px rgba(0,0,0,.28)}
.ibx-partner-card.ibx-partner-light{
background:#fff;color:#111;border-color:#e1e5eb}
.ibx-partner-card.ibx-partner-light:hover{
border-color:#e0bb13}
.ibx-partner-icon{
width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#101b28;color:var(--gold2);font-size:23px;border:1px solid rgba(247,201,40,.22)}
.ibx-partner-card strong{
display:block;font-size:18px;font-family:Manrope,Inter,sans-serif;font-weight:900}
.ibx-partner-card small{
display:block;font-size:13px;line-height:1.6;color:#9ca6b4;margin:4px 0 8px}
.ibx-partner-light small{
color:#667085}
.ibx-partner-card em{
font-style:normal;font-size:12px;color:var(--gold2);font-weight:900}
.ibx-partner-light em{
color:#8a6b08}
.ibx-footer-col>a{
font-size:13px!important;padding:8px 10px!important;border-radius:7px}
.ibx-footer-col>a:hover{
background:rgba(247,201,40,.1)}
.ibx-contact-card a{
font-size:13px!important;padding:5px 0}
.ibx-socials a{
transition:.2s}
.ibx-socials a:hover{
transform:translateY(-3px);background:var(--gold);color:#111}
.ibx-float-contact{
right:18px!important;bottom:20px!important;gap:10px!important}
.ibx-float-contact a{
width:54px!important;height:54px!important}
.ibx-scroll-top{
right:18px!important;bottom:154px!important;width:48px!important;height:48px!important;z-index:1101!important}
.ibx-scroll-top:hover{
background:var(--gold)!important;color:#111!important}
.ibx-process-grid{
align-items:stretch}
.ibx-process-card{
min-height:180px;display:flex;flex-direction:column}
.ibx-process-card p{
margin-top:auto!important}
.ibx-content h3{
margin-top:30px}
.ibx-content h4{
font-size:18px!important;color:#202631!important}
@media(max-width:1050px){
body{
padding-top:var(--ibx-header-height,110px)}
.ibx-site-header{
position:fixed!important}
.ibx-nav-inner{
min-height:72px}
.ibx-site-menu{
top:100%!important;max-height:calc(100vh - var(--ibx-header-height,110px) - 10px)!important}
.ibx-partner-grid{
grid-template-columns:1fr 1fr}
.ibx-post-actions{
grid-template-columns:1fr 1fr}
.ibx-post-actions .ibx-read{
grid-column:1/-1}
}
@media(max-width:650px){
body{
font-size:14px;padding-top:var(--ibx-header-height,110px)}
.ibx-topbar-inner{
min-height:34px}
.ibx-top-message{
font-size:12px;max-width:48%}
.ibx-top-actions a{
font-size:12px}
.ibx-mainnav{
border-bottom:2px solid var(--gold)}
.ibx-nav-inner{
min-height:76px}
.ibx-brand img{
width:175px!important;height:58px!important}
.ibx-nav-cta{
font-size:12px!important;padding:9px 9px!important}
.ibx-menu-toggle{
width:44px;height:44px}
.ibx-site-menu{
left:8px!important;right:8px!important;top:100%!important;padding:9px!important;border-color:rgba(247,201,40,.3)!important}
.ibx-site-menu>a,.ibx-drop-toggle{
font-size:14px!important;min-height:48px}
.ibx-dropdown{
max-height:55vh;overflow:auto}
.ibx-service-menu-grid{
grid-template-columns:1fr!important}
.ibx-service-menu-grid a{
font-size:13px!important}
.ibx-post-actions{
grid-template-columns:1fr 1fr}
.ibx-post-actions .ibx-read{
grid-column:1/-1}
.ibx-post-actions a{
font-size:13px;min-height:42px}
.ibx-post-meta{
font-size:13px!important}
.ibx-post h3{
font-size:19px}
.ibx-post p{
font-size:14px}
.ibx-partner-grid{
grid-template-columns:1fr}
.ibx-partner-card{
grid-template-columns:50px minmax(0,1fr);padding:17px}
.ibx-partner-icon{
width:50px;height:50px}
.ibx-partner-card strong{
font-size:17px}
.ibx-partner-card small{
font-size:13px}
.ibx-footer-partners{
padding:28px 0}
.ibx-float-contact{
right:10px!important;bottom:10px!important}
.ibx-float-contact a{
width:48px!important;height:48px!important}
.ibx-scroll-top{
right:10px!important;bottom:122px!important;width:44px!important;height:44px!important}
.ibx-process-grid{
grid-template-columns:1fr!important;gap:14px!important}
.ibx-process-card{
min-height:0!important;padding:20px!important}
.ibx-process-card i{
width:50px;height:50px;font-size:20px}
.ibx-process-card h3{
font-size:18px!important}
.ibx-process-card p{
font-size:14px!important;line-height:1.75;margin-top:0!important}
.ibx-side-service-list a{
font-size:13px!important}
.ibx-detail-grid{
gap:18px}
.ibx-content{
padding:21px!important}
.ibx-content p,.ibx-content li{
font-size:14px!important}
}
@media(min-width:651px){
.ibx-scroll-top{
bottom:156px!important}
.ibx-float-contact{
bottom:24px!important}
}
/* Final article sidebar usability */
.ibx-side-service-list{
max-height:520px;overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:var(--gold) #10161d}
.ibx-side-service-list::-webkit-scrollbar{
width:6px}
.ibx-side-service-list::-webkit-scrollbar-track{
background:#10161d;border-radius:20px}
.ibx-side-service-list::-webkit-scrollbar-thumb{
background:var(--gold);border-radius:20px}
@media(max-width:650px){
.ibx-side-service-list{
max-height:430px}
.ibx-sidebox{
overflow:hidden}
}
/* WEBSITE DESIGN COMPANY — INTERNATIONAL THEME */
:root{
--wd-navy:#071322;--wd-navy2:#0c1d32;--wd-cyan:#29d8ff;--wd-blue:#2878ff;--wd-violet:#7b61ff;--wd-gold:#ffd21a;--wd-yellow:#ffe45a;--wd-text:#152033;--wd-muted:#667085;--wd-line:#e6eaf0;--wd-max:1240px}
body{
font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;background:#f5f8fc;color:var(--wd-text);font-size:15px}
h1,h2,h3,h4,h5,h6{
font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif}
p,li{
font-size:15px}
.ibx-container{
width:min(var(--wd-max),calc(100% - 40px))}
.wd-site-header{
position:fixed!important;top:0;left:0;right:0;width:100%;z-index:10000;background:rgba(5,13,24,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.22)}
.wd-topbar{
background:#030912;border-bottom:1px solid rgba(255,255,255,.08)}
.wd-topbar-inner{
min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.wd-top-message{
font-size:12px;color:#b9c7d8;letter-spacing:.05em}
.wd-top-message strong{
color:var(--wd-yellow)}
.wd-top-socials,.wd-top-actions{
display:flex;align-items:center;gap:7px}
.wd-top-socials a{
width:25px;height:25px;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:grid;place-items:center;color:#e5edf8;font-size:12px}
.wd-top-socials a:hover{
background:var(--wd-yellow);color:#07101d;border-color:var(--wd-yellow)}
.wd-top-actions a{
font-size:12px;color:#edf3fb;display:flex;gap:6px;align-items:center;padding-left:8px}
.wd-top-actions i{
color:var(--wd-yellow)}
.wd-mainnav{
border-bottom:1px solid rgba(255,255,255,.09)}
.wd-nav-inner{
min-height:84px;display:flex;align-items:center;gap:14px;position:relative}
.wd-brand{
width:245px;flex:0 0 245px}
.wd-brand img{
width:245px;height:76px;object-fit:contain;object-position:left center}
.wd-site-menu{
display:flex;align-items:center;justify-content:center;gap:3px;flex:1}
.wd-site-menu>a,.wd-drop-toggle{
border:0;background:transparent;color:#f2f6fb;padding:11px 9px;border-radius:10px;font-size:14px;font-weight:800;display:flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer}
.wd-site-menu>a:hover,.wd-drop-toggle:hover,.wd-direct-active{
color:#07111e!important;background:var(--wd-yellow)!important}
.wd-nav-cta{
display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--wd-yellow),#fff08b);color:#07111e;border-radius:12px;padding:12px 15px;font-size:13px;font-weight:900;white-space:nowrap}
.wd-nav-drop{
position:relative}
.wd-dropdown{
position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(940px,calc(100vw - 28px));padding:18px;background:#081526;border:1px solid rgba(255,210,26,.3);border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.5);opacity:0;visibility:hidden;pointer-events:none;transition:.18s}
.wd-nav-drop:hover .wd-dropdown,.wd-nav-drop.is-open .wd-dropdown{
opacity:1;visibility:visible;pointer-events:auto}
.wd-nav-drop:after{
content:"";position:absolute;left:0;right:0;top:100%;height:16px}
.wd-drop-head{
display:flex;justify-content:space-between;gap:15px;padding:4px 5px 13px;border-bottom:1px solid rgba(255,255,255,.09);color:#fff}
.wd-drop-head strong{
font-size:13px;color:var(--wd-yellow);letter-spacing:.1em}
.wd-drop-head small{
font-size:12px;color:#93a5bb}
.wd-service-menu-grid{
display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}
.wd-service-menu-grid a{
display:flex;align-items:center;gap:8px;color:#d1dbea;padding:10px 8px;border-radius:8px;font-size:12px;font-weight:700;line-height:1.35}
.wd-service-menu-grid a i{
color:var(--wd-cyan);width:18px;text-align:center}
.wd-service-menu-grid a:hover{
background:#102238;color:#fff}
.wd-dropdown-all{
margin-top:12px;border-top:1px solid rgba(255,255,255,.09);padding:12px 5px 2px;color:var(--wd-yellow);font-size:13px;font-weight:900;display:flex;justify-content:space-between}
.wd-menu-toggle{
display:none;border:1px solid rgba(255,255,255,.18);background:#0b1828;color:#fff;width:46px;height:46px;border-radius:11px;font-size:19px}
/*.wd-home{
padding-top:122px}
*/.wd-hero{
background:radial-gradient(circle at 12% 20%,rgba(41,216,255,.17),transparent 28%),radial-gradient(circle at 88% 12%,rgba(123,97,255,.2),transparent 27%),linear-gradient(135deg,#06101e,#0b1d33 55%,#06101e)}
.wd-hero h1{
font-size:clamp(42px,5.5vw,72px);letter-spacing:-.045em}
.wd-hero h1 span,.wd-hero-card h2 span,.ibx-heading h2 span,.ibx-global h2 span,.ibx-cta h2 span{
color:var(--wd-yellow)}
.wd-hero-card{
border-color:rgba(41,216,255,.24);background:linear-gradient(145deg,rgba(19,49,80,.88),rgba(5,14,26,.92));box-shadow:0 28px 80px rgba(0,0,0,.32)}
.wd-hero .ibx-eyebrow,.wd-hero .ibx-card-label{
color:var(--wd-yellow)}
.wd-hero .ibx-lead{
color:#d3deeb}
.ibx-section{
padding:96px 0}
.ibx-heading h2,.ibx-global h2,.ibx-cta h2,.ibx-owner-copy h2{
font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif}
.ibx-eyebrow{
color:#9a7700;font-size:13px}
.ibx-eyebrow.dark{
color:#725a00}
.ibx-topic-light{
background:#fff;border:1px solid #e2e8f0;box-shadow:0 12px 32px rgba(15,23,42,.05)}
.ibx-topic-light i{
color:var(--wd-blue)}
.ibx-service-card{
border-radius:20px;box-shadow:0 14px 35px rgba(15,23,42,.07);border-color:#e1e7ef}
.ibx-service-card:before{
background:linear-gradient(90deg,var(--wd-blue),var(--wd-cyan),var(--wd-yellow))}
.ibx-service-card:hover{
box-shadow:0 24px 60px rgba(15,23,42,.13)}
.ibx-service-icon{
background:linear-gradient(145deg,#071a2d,#123457);color:var(--wd-cyan);border-color:rgba(41,216,255,.25)}
.ibx-service-actions .read{
background:var(--wd-navy);color:#fff}
.ibx-service-actions .call{
background:#fff8c9;color:#6a5400;border-color:#f1d54a}
.ibx-process-card{
border-color:rgba(255,255,255,.13)!important;background:rgba(255,255,255,.045)!important}
.ibx-process-card i{
color:var(--wd-yellow)!important}
.ibx-process-card h3{
color:yellow !important;}
.ibx-process-card p{
color:white !important;}
.ibx-post{
border:1px solid #e0e7ef;border-radius:20px;box-shadow:0 14px 38px rgba(15,23,42,.07);overflow:hidden;background:#fff}
.ibx-post:hover{
box-shadow:0 24px 65px rgba(15,23,42,.13)}
.ibx-post-meta{
display:flex;justify-content:space-between;gap:8px;align-items:center}
.ibx-post-date{
background:#edf7ff;color:#125e83;border:1px solid #d5ecfa;border-radius:999px;padding:6px 9px;font-weight:800}
.ibx-post-brand{
background:#fff4b8;color:#6a5400;border:1px solid #f2d55b;border-radius:999px;padding:6px 9px;font-weight:900}
.ibx-post-actions{
display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:7px}
.ibx-post-actions a{
min-height:43px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:12px;font-weight:900}
.ibx-post-actions .ibx-read{
background:var(--wd-navy);color:#fff}
.ibx-post-actions .ibx-post-chat{
background:#eafaf1;color:#117342;border:1px solid #b9e8cd}
.ibx-post-actions .ibx-post-call{
background:#fff8dc;color:#755b00;border:1px solid #f0d66a}
.ibx-global{
background:linear-gradient(135deg,#061321,#0a2038 55%,#07111f)}
.ibx-global .ibx-eyebrow{
color:var(--wd-yellow)}
.ibx-global-points>div b{
color:var(--wd-yellow)}
.ibx-price-card{
border-radius:20px;border-color:#dfe6ef}
.ibx-price-card:before{
background:linear-gradient(90deg,var(--wd-blue),var(--wd-cyan),var(--wd-yellow))}
.ibx-price{
color:#0c2037}
.ibx-price-badge{
background:var(--wd-yellow)}
.ibx-price-actions .p-gold{
background:var(--wd-yellow);color:#07111e}
.ibx-service-price-item i{
color:var(--wd-cyan);background:#071827}
.ibx-service-price-item b{
color:#745c00}
.ibx-owner-card{
border-color:#dfe6ef}
.ibx-owner-photo-wrap:before{
background:linear-gradient(135deg,var(--wd-yellow),var(--wd-cyan),var(--wd-violet))}
.ibx-owner-tags span{
background:#f7f9fc}
.ibx-owner-copy h2 span{
color:#a17b00}
.ibx-site-footer{
background:#040b14}
.ibx-footer-tag,.ibx-footer-col h3 span,.ibx-contact-card i,.ibx-socials a:hover{
color:var(--wd-yellow)}
.ibx-footer-col>a:hover{
color:var(--wd-yellow);background:rgba(255,210,26,.08)}
.ibx-footer-counter{
background:#07111d}
.ibx-counter-icon{
background:rgba(255,210,26,.09);border-color:rgba(255,210,26,.2);color:var(--wd-yellow)}
.ibx-partner-card{
border-color:rgba(255,210,26,.2)}
.ibx-partner-card:hover{
border-color:var(--wd-yellow)}
.ibx-partner-icon{
color:var(--wd-yellow)}
.ibx-partner-card em{
color:var(--wd-yellow)}
.ibx-float-contact{
bottom:20px;right:18px}
.ibx-scroll-top{
right:20px;bottom:158px;border-color:rgba(255,210,26,.6);color:var(--wd-yellow)}
.ibx-btn-gold{
background:linear-gradient(135deg,var(--wd-yellow),#fff08b);color:#07111e}
.ibx-btn-outline:hover{
background:#fff;color:#07111e}
.ibx-btn-dark{
background:#081a2c;color:#fff}
body{
padding-top:var(--wd-header-height,122px)}
@media(max-width:1050px){
.wd-brand{
width:210px;flex:1}
.wd-brand img{
width:210px;height:66px}
.wd-menu-toggle{
display:block}
.wd-nav-cta{
margin-left:auto}
.wd-site-menu{
position:absolute;left:10px;right:10px;top:100%;display:none;flex-direction:column;align-items:stretch;background:#071321;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:10px;box-shadow:0 25px 60px rgba(0,0,0,.5);max-height:calc(100vh - var(--wd-header-height,110px) - 12px);overflow:auto}
.wd-site-menu.is-open{
display:flex}
.wd-site-menu>a,.wd-drop-toggle{
font-size:14px;min-height:48px;padding:12px}
.wd-nav-drop{
width:100%}
.wd-drop-toggle{
width:100%;justify-content:flex-start}
.wd-dropdown{
position:static;transform:none;width:100%;display:none;opacity:1;visibility:visible;pointer-events:auto;margin:0;padding:10px;background:#0a1929;box-shadow:none}
.wd-nav-drop.is-open .wd-dropdown{
display:block}
.wd-service-menu-grid{
grid-template-columns:repeat(2,1fr)}
.wd-home{
padding-top:0}
.ibx-post-grid,.ibx-service-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
.ibx-pricing-grid{
grid-template-columns:1fr 1fr}
.ibx-footer-grid{
grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
.ibx-container{
width:calc(100% - 22px)}
body{
font-size:14px}
.wd-top-message{
max-width:55%;font-size:12px}
.wd-top-actions a span{
display:none}
.wd-top-socials{
display:none}
.wd-nav-inner{
min-height:72px}
.wd-brand{
width:168px}
.wd-brand img{
width:168px;height:58px}
.wd-nav-cta{
font-size:12px;padding:9px 10px}
.wd-menu-toggle{
width:44px;height:44px}
.wd-site-menu{
max-height:calc(100vh - var(--wd-header-height,110px) - 8px)}
.wd-service-menu-grid{
grid-template-columns:1fr}
.wd-drop-head{
display:block}
.wd-drop-head small{
display:block;margin-top:4px}
.ibx-hero{
padding:58px 0 54px}
.wd-hero h1{
font-size:36px}
.ibx-lead{
font-size:15px}
.ibx-actions .ibx-btn{
width:100%;font-size:14px}
.ibx-section{
padding:70px 0}
.ibx-heading h2,.ibx-global h2,.ibx-cta h2,.ibx-owner-copy h2{
font-size:30px}
.ibx-service-grid,.ibx-post-grid,.ibx-pricing-grid,.ibx-service-pricing{
grid-template-columns:1fr}
.ibx-service-card{
padding:22px}
.ibx-service-card h3{
font-size:20px}
.ibx-service-card p{
font-size:14px}
.ibx-service-actions{
grid-template-columns:1fr 1fr}
.ibx-post-actions{
grid-template-columns:1fr 1fr}
.ibx-post-actions .ibx-read{
grid-column:1/-1}
.ibx-post-actions a{
font-size:13px}
.ibx-process-grid{
grid-template-columns:1fr!important}
.ibx-process-card{
padding:18px!important}
.ibx-process-card p{
font-size:14px!important}
.ibx-owner-card{
grid-template-columns:1fr;padding:20px}
.ibx-owner-photo-wrap{
max-width:300px;margin:auto}
.ibx-owner-actions .ibx-btn{
width:100%}
.ibx-sidebar{
display:block}
.ibx-footer-grid{
grid-template-columns:1fr}
.ibx-partner-grid{
grid-template-columns:1fr}
.ibx-scroll-top{
right:10px;bottom:125px;width:44px;height:44px}
.ibx-float-contact{
right:9px;bottom:10px}
.ibx-float-contact a{
width:48px;height:48px}
.ibx-post-meta{
align-items:flex-start;flex-direction:column}
.ibx-post-date,.ibx-post-brand{
font-size:12px}
}
@media(max-width:380px){
.wd-brand{
width:145px}
.wd-brand img{
width:145px}
.wd-nav-cta{
font-size:11px;padding:8px}
.wd-hero h1{
font-size:33px}
.ibx-service-actions,.ibx-post-actions{
grid-template-columns:1fr}
}
/* 2026 CREATIVE INTERNATIONAL REDESIGN — WEBSITE DESIGN COMPANY */
:root{
--wd-bg:#f4f7fb;--wd-ink:#101828;--wd-mid:#16233b;--wd-indigo:#5b5cf0;--wd-cyan2:#11c7d9;--wd-pink:#ef5da8;--wd-lime:#c8f31d;--wd-gold2:#ffd45a;--wd-white:#fff;--wd-max:1280px}
html{
scroll-behavior:smooth}
body{
font-family:"Inter","Segoe UI",Arial,sans-serif;background:var(--wd-bg);color:var(--wd-ink);font-size:15px;line-height:1.65}
h1,h2,h3,h4,h5,h6{
font-family:"Poppins","Trebuchet MS","Segoe UI",Arial,sans-serif;letter-spacing:-.025em}
p,li{
font-size:15px}
.ibx-container{
width:min(var(--wd-max),calc(100% - 34px))}
.wd-site-header{
background:rgba(6,10,22,.94);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 18px 55px rgba(0,0,0,.28)}
.wd-topbar{
background:linear-gradient(90deg,#070b17,#10153b,#070b17)}
.wd-top-message strong{
color:var(--wd-lime)}
.wd-top-actions i{
color:var(--wd-cyan2)}
.wd-top-socials a:hover{
background:var(--wd-indigo);color:#fff;border-color:var(--wd-indigo)}
.wd-mainnav{
border-bottom:0}
.wd-nav-inner{
min-height:82px}
.wd-brand{
width:260px;flex-basis:260px}
.wd-brand img{
width:255px;height:68px;object-fit:contain;object-position:left center}
.wd-site-menu>a,.wd-drop-toggle{
font-family:"Poppins","Segoe UI",Arial,sans-serif;font-size:13px;letter-spacing:.01em}
.wd-site-menu>a:hover,.wd-drop-toggle:hover,.wd-direct-active{
background:linear-gradient(135deg,var(--wd-indigo),#7d7ff7)!important;color:#fff!important}
.wd-nav-cta{
background:linear-gradient(135deg,var(--wd-lime),#efff86);box-shadow:0 10px 30px rgba(200,243,29,.18)}
.wd-dropdown{
background:linear-gradient(145deg,#0b1022,#121a36);border-color:rgba(91,92,240,.55)}
.wd-drop-head strong{
color:var(--wd-cyan2)}
.wd-service-menu-grid a:hover{
background:linear-gradient(135deg,#151e42,#20295b);color:#fff}
.wd-service-menu-grid a i{
color:var(--wd-lime)}
.wd-dropdown-all{
color:var(--wd-lime)}
/*.wd-home{
padding-top:120px}
*/.wd-hero{
min-height:690px;display:flex;align-items:center;background:radial-gradient(circle at 15% 18%,rgba(17,199,217,.20),transparent 24%),radial-gradient(circle at 80% 20%,rgba(239,93,168,.18),transparent 23%),radial-gradient(circle at 65% 80%,rgba(91,92,240,.22),transparent 30%),linear-gradient(135deg,#060a18 0%,#0b1028 48%,#111735 100%);position:relative;overflow:hidden}
.wd-hero:after{
content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(200,243,29,.18);border-radius:50%;right:-150px;bottom:-220px;box-shadow:0 0 0 35px rgba(17,199,217,.035),0 0 0 75px rgba(239,93,168,.025)}
.wd-hero h1{
font-size:clamp(44px,6vw,78px);line-height:1.02;font-weight:900;color:#fff}
.wd-hero h1 span,.wd-hero-card h2 span,.ibx-heading h2 span,.ibx-global h2 span,.ibx-cta h2 span{
background:linear-gradient(90deg,var(--wd-lime),var(--wd-cyan2),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.wd-hero .ibx-lead{
font-size:17px;line-height:1.85;color:#c8d2e3;max-width:760px}
.wd-hero-card{
border:1px solid rgba(17,199,217,.32);background:linear-gradient(145deg,rgba(17,27,55,.88),rgba(8,13,29,.94));border-radius:28px;box-shadow:0 35px 100px rgba(0,0,0,.38);backdrop-filter:blur(10px)}
.wd-hero .ibx-eyebrow,.wd-hero .ibx-card-label{
color:var(--wd-lime)}
.ibx-trust span{
border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#dce6f4}
.ibx-section{
padding:104px 0}
.ibx-heading{
max-width:930px}
.ibx-heading h2,.ibx-global h2,.ibx-cta h2,.ibx-owner-copy h2{
font-size:clamp(32px,4vw,52px);line-height:1.12;font-weight:900}
.ibx-eyebrow,.ibx-eyebrow.dark{
font-weight:900;letter-spacing:.14em;color:#6568d9}
.ibx-topic-light{
border:1px solid #e4e8f2;border-radius:22px;background:linear-gradient(145deg,#fff,#f8faff);box-shadow:0 18px 45px rgba(16,24,40,.06);transition:.25s}
.ibx-topic-light:hover{
transform:translateY(-6px);border-color:#bfc4ff;box-shadow:0 25px 65px rgba(16,24,40,.11)}
.ibx-topic-light i{
color:var(--wd-indigo)}
.ibx-service-grid{
gap:20px}
.ibx-service-card{
border-radius:24px;border:1px solid #e0e5f0;background:#fff;box-shadow:0 15px 45px rgba(16,24,40,.06);overflow:hidden}
.ibx-service-card:before{
height:4px;background:linear-gradient(90deg,var(--wd-indigo),var(--wd-pink),var(--wd-cyan2),var(--wd-lime))}
.ibx-service-card:hover{
transform:translateY(-7px);box-shadow:0 28px 70px rgba(16,24,40,.13)}
.ibx-service-no{
color:#a2a9bc}
.ibx-service-icon{
background:linear-gradient(145deg,#111938,#1f2b62);color:var(--wd-cyan2);border:1px solid rgba(17,199,217,.22);box-shadow:0 12px 25px rgba(17,30,75,.16)}
.ibx-service-actions .read{
background:linear-gradient(135deg,#121938,#202a62);border-radius:10px}
.ibx-service-actions .call{
background:#f5f9dc;color:#445000;border-color:#d9eb72}
.ibx-black{
background:linear-gradient(135deg,#070b18,#101832 50%,#160e25)}
.ibx-process-card{
border-radius:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border-color:rgba(255,255,255,.12)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.ibx-process-card i{
color:var(--wd-lime)!important;background:rgba(200,243,29,.07)}
.ibx-post{
border-radius:22px;border:1px solid #e1e6f0;box-shadow:0 15px 45px rgba(16,24,40,.06)}
.ibx-post:hover{
transform:translateY(-5px);box-shadow:0 25px 65px rgba(16,24,40,.13)}
.ibx-post-date{
background:#eff9fb;color:#067c89;border-color:#c7eff2}
.ibx-post-brand{
background:#f3f0ff;color:#4b46b4;border-color:#d9d5ff}
.ibx-post-actions .ibx-read{
background:#111936}
.ibx-post-actions .ibx-post-chat{
background:#effff5;color:#087e45}
.ibx-post-actions .ibx-post-call{
background:#f7f9e9;color:#4e5c00}
.ibx-global{
background:radial-gradient(circle at 15% 20%,rgba(17,199,217,.13),transparent 28%),linear-gradient(135deg,#070b18,#111939 55%,#160e25)}
.ibx-global-points>div{
border-color:rgba(255,255,255,.12)}
.ibx-global-points>div b{
color:var(--wd-lime)}
.ibx-price-card{
border-radius:24px;box-shadow:0 15px 45px rgba(16,24,40,.06)}
.ibx-price-card:before{
background:linear-gradient(90deg,var(--wd-indigo),var(--wd-pink),var(--wd-cyan2),var(--wd-lime))}
.ibx-price-badge{
background:var(--wd-lime);color:#1a2200}
.ibx-price-actions .p-gold{
background:linear-gradient(135deg,var(--wd-indigo),#8587ff);color:#fff}
.ibx-service-price-item{
border-radius:16px!important}
.ibx-service-price-item:hover{
border-color:#aaaaff!important;background:#fafaff!important;transform:translateY(-3px)}
.ibx-service-price-item i{
background:#111936;color:var(--wd-cyan2)}
.ibx-service-price-item b{
color:#5653ba}
.ibx-owner-card{
border-radius:28px;border:1px solid #e0e5ef;box-shadow:0 22px 65px rgba(16,24,40,.08);overflow:hidden}
.ibx-owner-photo-wrap:before{
background:conic-gradient(from 30deg,var(--wd-indigo),var(--wd-cyan2),var(--wd-pink),var(--wd-lime),var(--wd-indigo))}
.ibx-owner-copy h2 span{
color:var(--wd-indigo)}
.ibx-owner-tags span{
border:1px solid #e2e7f0;background:#f8faff}
.ibx-site-footer{
background:#050813}
.ibx-footer-tag,.ibx-footer-col h3 span,.ibx-contact-card i{
color:var(--wd-cyan2)}
.ibx-socials a:hover{
background:var(--wd-indigo);color:#fff}
.ibx-footer-counter{
background:#0a1021}
.ibx-counter-icon{
background:rgba(17,199,217,.09);border-color:rgba(17,199,217,.2);color:var(--wd-cyan2)}
.ibx-partner-card{
border-color:rgba(91,92,240,.25)}
.ibx-partner-card:hover{
border-color:var(--wd-cyan2)}
.ibx-partner-icon{
color:var(--wd-cyan2)}
.ibx-partner-card em{
color:var(--wd-lime)}
.ibx-btn-gold{
background:linear-gradient(135deg,var(--wd-lime),#efff83);color:#182000}
.ibx-btn-outline{
border-color:rgba(255,255,255,.3)}
.ibx-btn-dark{
background:linear-gradient(135deg,#111936,#202a62)}
/* Dynamic location pages */
.wd-location-hero{
padding:150px 0 90px;background:radial-gradient(circle at 85% 20%,rgba(17,199,217,.18),transparent 24%),radial-gradient(circle at 20% 20%,rgba(91,92,240,.20),transparent 25%),linear-gradient(135deg,#060a18,#111735);color:#fff}
.ibx-location-kicker{
display:inline-flex;gap:8px;align-items:center;padding:8px 13px;border:1px solid rgba(200,243,29,.22);border-radius:999px;color:var(--wd-lime);font-weight:900;font-size:12px;letter-spacing:.1em}
.ibx-location-grid{
display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.6fr);gap:45px;align-items:center;margin-top:25px}
.wd-location-hero h1{
font-size:clamp(42px,5.5vw,72px);line-height:1.02;font-weight:900}
.wd-location-hero h1 span{
display:block;color:var(--wd-cyan2)}
.wd-location-hero .ibx-lead{
color:#cbd6e8;font-size:17px;max-width:820px}
.ibx-location-pills{
display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}
.ibx-location-pills span{
padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);font-size:12px;font-weight:800;color:#e6edf8}
.wd-location-visual{
min-height:300px;border-radius:30px;border:1px solid rgba(17,199,217,.28);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.wd-location-orbit{
width:125px;height:125px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(200,243,29,.55);box-shadow:0 0 0 18px rgba(17,199,217,.04),0 0 0 38px rgba(239,93,168,.03);font-size:52px;color:var(--wd-cyan2);margin-bottom:22px}
.wd-location-visual strong{
font-size:25px}
.wd-location-visual small{
color:#9eabc0;margin-top:3px}
.wd-location-visual em{
font-style:normal;color:var(--wd-lime);font-size:12px;font-weight:900;margin-top:9px}
.ibx-location-network{
padding:95px 0;background:linear-gradient(135deg,#070b18,#101831 55%,#170d22);color:#fff}
.ibx-location-network .ibx-heading h2,.ibx-location-network .ibx-heading p{
color:#fff}
.ibx-location-network .ibx-heading p{
color:#aebbd0}
.wd-location-links{
display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.wd-location-link{
display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:2px 8px;padding:13px 12px;border-radius:15px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#fff;transition:.2s}
.wd-location-link span{
grid-row:span 2;font-size:23px}
.wd-location-link b{
font-size:13px;line-height:1.25}
.wd-location-link small{
font-size:10px;color:#93a1b7}
.wd-location-link:hover,.wd-location-link.active{
transform:translateY(-3px);border-color:var(--wd-cyan2);background:rgba(17,199,217,.08)}
.wd-city-title{
margin:35px 0 14px;color:var(--wd-lime);font-size:18px}
.wd-city-links{
display:flex;flex-wrap:wrap;gap:9px}
.wd-city-links a{
padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#e7edf6;font-size:12px;font-weight:800}
.wd-city-links a:hover{
background:var(--wd-indigo);color:#fff}
.wd-faq-grid{
display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wd-faq-grid details{
background:#fff;border:1px solid #e2e7f0;border-radius:17px;padding:16px 18px;box-shadow:0 12px 30px rgba(16,24,40,.05)}
.wd-faq-grid summary{
cursor:pointer;font-weight:900;font-family:"Poppins","Segoe UI",Arial,sans-serif}
.wd-faq-grid p{
margin:10px 0 0;color:#5f6b7a;font-size:14px}
.wd-service-note{
margin:25px 0;padding:18px 20px;border-left:4px solid var(--wd-indigo);border-radius:0 16px 16px 0;background:linear-gradient(90deg,#f0f1ff,#f7fbff)}
.wd-service-note strong{
display:block;color:#3f42aa;font-size:16px}
.wd-service-note p{
margin:5px 0 0;color:#5b6472}
.wd-blog-location-cta{
padding:50px 0;background:linear-gradient(90deg,#eefcff,#f3f1ff);border-top:1px solid #dfe8f2;border-bottom:1px solid #dfe8f2}
.wd-blog-location-cta h2{
font-size:32px;margin:6px 0}
.wd-blog-location-cta h2 span{
color:var(--wd-indigo)}
.wd-blog-location-cta p{
max-width:760px;color:#5e6a79}
@media(max-width:1050px){
.wd-brand{
width:220px;flex-basis:220px}
.wd-brand img{
width:215px}
.wd-site-menu{
background:#080d1d}
.wd-location-links{
grid-template-columns:repeat(3,1fr)}
.ibx-location-grid{
grid-template-columns:1fr}
.wd-location-visual{
min-height:240px;max-width:520px;margin:0 auto;width:100%}
}
@media(max-width:650px){
.ibx-container{
width:calc(100% - 22px)}
.wd-brand{
width:165px;flex-basis:165px}
.wd-brand img{
width:160px;height:55px}
.wd-nav-inner{
min-height:72px}
.wd-location-hero{
padding:130px 0 65px}
.wd-location-hero h1{
font-size:38px}
.wd-location-hero .ibx-lead{
font-size:15px}
.ibx-location-grid{
gap:28px}
.wd-location-visual{
min-height:220px}
.ibx-section{
padding:72px 0}
.wd-location-links{
grid-template-columns:1fr 1fr}
.wd-faq-grid{
grid-template-columns:1fr}
.wd-city-links a{
font-size:13px}
.wd-blog-location-cta{
padding:38px 0}
.wd-blog-location-cta h2{
font-size:28px}
}
@media(max-width:380px){
.wd-brand{
width:145px;flex-basis:145px}
.wd-brand img{
width:142px}
.wd-location-links{
grid-template-columns:1fr}
.wd-location-hero h1{
font-size:34px}
}