/* ============================================================
   PILLAR WEBHOSTING — DESIGN SYSTEM
   Signature: "The Mombasa Line" — the real backhaul path Kenyan
   internet traffic takes (undersea cable landing → Nairobi),
   used as the visual proof behind every speed claim on the site.
   ============================================================ */
:root{
  --bg:#F6F7FB; --surface:#FFFFFF; --ink:#3D3E57; --ink-soft:#5C6178; --ink-faint:#9296AC;
  --accent:#1B75BC; --accent-deep:#155F98; --accent-ink:#FFFFFF; --accent-soft:#E7F2FA;
  --gold:#F2B84B; --gold-soft:#FDF3DF;
  --danger:#BE1E2D; --danger-bg:#FBE9EB;
  --ok:#1B75BC; --ok-bg:#E7F2FA;
  --line:#E4E7F2; --line-soft:#EEF0F7;
  --panel:#3D3E57; --panel-line:#53546D; --panel-soft:#484A65; --panel-ink:#E7E8F0;
  --radius-sm:8px; --radius:14px; --radius-lg:20px;
  --font-d:'Manrope',sans-serif; --font-b:'DM Sans',sans-serif; --font-m:'JetBrains Mono',monospace;
  --shadow-lift:0 24px 48px -24px rgba(10,14,31,.22);
  --shadow-soft:0 2px 10px -4px rgba(10,14,31,.08);
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-b);line-height:1.55;-webkit-font-smoothing:antialiased;font-size:15.5px;}
h1,h2,h3,h4{font-family:var(--font-d);margin:0 0 .4em 0;letter-spacing:-0.015em;font-weight:600;color:var(--ink);}
p{margin:0 0 1em 0;color:var(--ink-soft);}
a{color:inherit;text-decoration:none;}
.mono{font-family:var(--font-m);}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px;border-radius:4px;}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}}

/* ---------- Nav ---------- */
#topnav{position:sticky;top:0;z-index:50;background:rgba(246,247,251,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
#topnav .bar{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;max-width:1180px;margin:0 auto;}
.logo{display:flex;align-items:center;gap:9px;font-family:var(--font-d);font-weight:700;font-size:18.5px;color:var(--ink);}
.logo .dot{width:10px;height:10px;border-radius:3px;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);}
.navlinks{display:flex;gap:28px;align-items:center;}
.navlinks a{font-size:14px;font-weight:500;color:var(--ink-soft);padding:6px 2px;border-bottom:2px solid transparent;transition:.15s;}
.navlinks a:hover{color:var(--ink);border-bottom-color:var(--accent);}
.navright{display:flex;align-items:center;gap:10px;}
.region-switch{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:100px;padding:3px;gap:2px;margin-right:2px;}
.region-switch a{font-size:12px;font-weight:600;padding:6px 11px;border-radius:100px;color:var(--ink-soft);}
.region-switch a.active{background:var(--ink);color:#fff;}
@media(max-width:900px){.region-switch{display:none;}}
.icon-btn{position:relative;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:center;transition:.15s;}
.icon-btn:hover{border-color:var(--ink);}
.badge{position:absolute;top:-6px;right:-6px;background:var(--accent);color:var(--accent-ink);font-size:10.5px;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 3px;}

/* ---------- Buttons ---------- */
.btn{border:none;border-radius:10px;padding:11px 20px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:.15s;line-height:1;}
.btn-accent{background:var(--accent);color:var(--accent-ink);}
.btn-accent:hover{background:var(--accent-deep);transform:translateY(-1px);}
.btn-dark{background:var(--ink);color:#fff;}
.btn-dark:hover{background:#232945;}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line);}
.btn-ghost:hover{border-color:var(--ink);}
.btn-sm{padding:8px 13px;font-size:13px;border-radius:8px;}
.btn-danger{background:var(--danger-bg);color:var(--danger);}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;padding:88px 24px 54px;text-align:center;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-m);font-size:11.5px;color:var(--accent-deep);background:var(--ok-bg);border:1px solid #BFEFDE;padding:6px 13px;border-radius:100px;margin-bottom:26px;letter-spacing:.02em;}
.eyebrow .livedot{width:6px;height:6px;border-radius:50%;background:var(--ok);display:inline-block;animation:pulse-dot 1.8s ease-in-out infinite;}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.35}}
.hero h1{font-size:clamp(38px,6vw,64px);line-height:1.02;max-width:840px;margin:0 auto 20px;font-weight:600;}
.hero h1 em{font-style:normal;color:var(--accent-deep);}
.hero p.lead{font-size:18px;max-width:540px;margin:0 auto 36px;color:var(--ink-soft);}

.search-shell{max-width:640px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:8px;display:flex;gap:8px;box-shadow:var(--shadow-lift);}
.search-shell input{flex:1;border:none;outline:none;padding:14px 16px;font-size:16px;font-family:var(--font-b);background:transparent;color:var(--ink);}
.search-shell input::placeholder{color:var(--ink-faint);}

.tld-chip{font-family:var(--font-m);font-size:12px;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);padding:4px 11px;border-radius:100px;}

.stat-row{display:flex;gap:0;justify-content:center;margin-top:58px;border-top:1px solid var(--line);padding-top:30px;flex-wrap:wrap;max-width:900px;margin-left:auto;margin-right:auto;}
.stat{flex:1;min-width:150px;text-align:center;padding:0 18px;}
.stat b{font-family:var(--font-d);font-size:27px;display:block;font-weight:600;}
.stat span{font-size:11.5px;color:var(--ink-faint);font-family:var(--font-m);letter-spacing:.03em;}

/* ---------- Sections ---------- */
section.pad{padding:76px 24px;}
.section-head{text-align:center;max-width:600px;margin:0 auto 46px;}
.kicker{font-family:var(--font-m);font-size:11.5px;color:var(--accent-deep);text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px;display:block;}
.section-head h2{font-size:clamp(26px,3.4vw,36px);}

/* Bento grid */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.bento .b-span2{grid-column:span 2;}
.bento .b-span3{grid-column:span 3;}
.bento .b-span4{grid-column:span 4;}
.bento .b-span6{grid-column:span 6;}
@media(max-width:900px){.bento{grid-template-columns:repeat(2,1fr);}.bento .b-span2,.bento .b-span3,.bento .b-span4,.bento .b-span6{grid-column:span 2;}}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.grid-3,.grid-4{grid-template-columns:1fr;}}

.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:.2s;}
.feature-card:hover{box-shadow:var(--shadow-soft);border-color:#D9DDEA;}
.feature-card .ic{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:17px;}
.feature-card h4{font-size:15.5px;margin-bottom:6px;}
.feature-card p{font-size:13.5px;margin:0;}

/* ---------- Plans ---------- */
.plan-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;position:relative;transition:.2s;}
.plan-card.pop{border-color:var(--ink);box-shadow:var(--shadow-lift);}
.plan-tag{position:absolute;top:-11px;right:22px;background:var(--ink);color:#fff;font-size:10.5px;font-weight:600;padding:4px 11px;border-radius:100px;font-family:var(--font-m);letter-spacing:.02em;}
.plan-card h4{font-size:16.5px;}
.plan-price{font-family:var(--font-d);font-size:33px;margin:10px 0 2px;font-weight:600;}
.plan-price span{font-size:13px;font-family:var(--font-b);color:var(--ink-soft);font-weight:500;}
.plan-sub{font-size:12.5px;color:var(--ink-soft);margin-bottom:18px;}
.plan-feats{list-style:none;padding:0;margin:0 0 20px;font-size:13.6px;flex:1;}
.plan-feats li{padding:8px 0;border-top:1px solid var(--line-soft);display:flex;gap:8px;color:var(--ink);}
.plan-feats li:first-child{border-top:none;}
.plan-feats li:before{content:'✓';color:var(--accent-deep);font-weight:700;}

/* ---------- Signature: Mombasa Line (dark infra section) ---------- */
.infra-section{background:var(--panel);color:var(--panel-ink);padding:84px 24px;position:relative;overflow:hidden;}
.infra-section .section-head h2{color:#fff;}
.infra-section .kicker{color:var(--accent);}
.infra-section p{color:var(--panel-ink);}
.mline{max-width:1000px;margin:64px auto 0;position:relative;}
.mline-track{position:relative;height:2px;background:var(--panel-line);margin:0 40px;}
.mline-progress{position:absolute;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent));width:0%;animation:mline-fill 3.2s ease-out forwards;animation-delay:.3s;}
@keyframes mline-fill{to{width:100%}}
.mline-pulse{position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(0,210,160,.18);animation:mline-travel 3.2s ease-out forwards,mline-glow 1.4s ease-in-out infinite;animation-delay:.3s;}
@keyframes mline-travel{from{left:0%}to{left:calc(100% - 10px)}}
@keyframes mline-glow{0%,100%{box-shadow:0 0 0 5px rgba(0,210,160,.18)}50%{box-shadow:0 0 0 9px rgba(0,210,160,.06)}}
.mline-stops{display:flex;justify-content:space-between;margin:0 40px;position:relative;top:-6px;}
.mline-stop{width:11px;height:11px;border-radius:50%;background:var(--panel);border:2px solid var(--accent);flex-shrink:0;}
.mline-labels{display:flex;justify-content:space-between;margin:18px 40px 0;gap:12px;}
.mline-labels div{flex:1;font-size:12px;}
.mline-labels div:last-child{text-align:right;}
.mline-labels b{display:block;font-family:var(--font-b);color:#fff;font-size:13.5px;font-weight:600;margin-bottom:3px;}
.mline-labels span{font-family:var(--font-m);color:var(--ink-faint);font-size:11px;}
.mline-caption{text-align:center;max-width:520px;margin:40px auto 0;font-size:13.5px;color:var(--panel-ink);}
.mline-total{text-align:center;margin-top:8px;}
.mline-total b{font-family:var(--font-m);color:var(--accent);font-size:15px;}

/* ---------- Compare strip ---------- */
.compare-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
.compare-table th,.compare-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:13.8px;}
.compare-table th{font-family:var(--font-m);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);background:var(--bg);}
.compare-table td:not(:first-child){text-align:center;}
.compare-table tr:last-child td{border-bottom:none;}
.compare-table .yes{color:var(--accent-deep);font-weight:700;}
.compare-table .no{color:var(--ink-faint);}
.compare-table .col-us{background:var(--accent-soft);font-weight:600;}

/* ---------- Testimonials ---------- */
.testi-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;}
.testi-card p{color:var(--ink);font-size:14.5px;margin-bottom:16px;}
.testi-who{display:flex;align-items:center;gap:10px;}
.testi-avatar{width:34px;height:34px;border-radius:50%;background:var(--panel);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:13px;font-weight:600;}
.testi-who b{font-size:13px;display:block;}
.testi-who span{font-size:12px;color:var(--ink-soft);}

/* ---------- FAQ ---------- */
.faq-item{border-bottom:1px solid var(--line);padding:18px 0;}
.faq-item summary{cursor:pointer;font-weight:600;font-size:14.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:after{content:'+';font-family:var(--font-m);font-size:18px;color:var(--ink-soft);transition:.2s;}
.faq-item[open] summary:after{content:'–';}
.faq-item p{margin-top:12px;font-size:13.8px;}

/* ---------- CTA band ---------- */
.cta-band{background:var(--ink);border-radius:var(--radius-lg);padding:52px 40px;text-align:center;max-width:1000px;margin:0 auto;}
.cta-band h2{color:#fff;}
.cta-band p{color:var(--panel-ink);}

footer{background:var(--panel);color:var(--panel-ink);padding:56px 24px 28px;margin-top:0;}
footer .fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;max-width:1180px;margin:0 auto;}
footer h5{color:#fff;font-size:12.5px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em;}
footer a{display:block;color:#9498b3;font-size:13.5px;padding:4px 0;transition:.15s;}
footer a:hover{color:#fff;}
.fbottom{max-width:1180px;margin:36px auto 0;padding-top:20px;border-top:1px solid var(--panel-line);font-size:12px;color:#7a7f9c;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}

/* ---------- Generic app views (cart/checkout/account/admin reuse these) ---------- */
.view{padding:44px 24px 80px;min-height:55vh;max-width:1180px;margin:0 auto;}
.view-head{margin-bottom:32px;}
.crumb{font-family:var(--font-m);font-size:12px;color:var(--ink-soft);margin-bottom:8px;}
.crumb a:hover{color:var(--ink);}

.dr-row{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:10px;transition:.15s;}
.dr-row:hover{border-color:#D9DDEA;}
.dr-row .name{font-family:var(--font-m);font-size:16px;font-weight:500;flex:1;}
.dr-row .price{font-family:var(--font-d);font-size:16px;width:120px;text-align:right;font-weight:600;}
.status-tag{font-size:11px;font-weight:600;padding:4px 10px;border-radius:100px;font-family:var(--font-m);letter-spacing:.02em;}
.tag-avail{background:var(--ok-bg);color:var(--ok);}
.tag-taken{background:var(--danger-bg);color:var(--danger);}
.tag-unknown{background:var(--gold-soft);color:#946200;}

.cart-item{display:flex;gap:16px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:12px;}
.cart-item .ci-main{flex:1;}
.cart-item .ci-name{font-family:var(--font-m);font-weight:600;font-size:15px;}
.cart-item .ci-price{font-family:var(--font-d);font-size:16px;white-space:nowrap;font-weight:600;}
.hosting-toggle{margin-top:10px;padding:12px 13px;background:var(--bg);border-radius:8px;border:1px dashed var(--line);font-size:13px;}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;}
.formrow{margin-bottom:14px;}
.formrow label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:5px;}
.formrow input,.formrow select,.formrow textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-family:var(--font-b);font-size:14px;background:var(--surface);color:var(--ink);}
.formrow input:focus,.formrow select:focus,.formrow textarea:focus{outline:none;border-color:var(--ink);}
.formrow textarea{min-height:90px;}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:640px){.two-col{grid-template-columns:1fr;}}

.paytabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;}
.paytab{border:1.5px solid var(--line);border-radius:10px;padding:14px 8px;text-align:center;font-size:12.5px;font-weight:600;cursor:pointer;transition:.15s;}
.paytab.sel{border-color:var(--ink);background:var(--ink);color:#fff;}
@media(max-width:640px){.paytabs{grid-template-columns:1fr 1fr;}}

table{width:100%;border-collapse:collapse;font-size:13.6px;}
th{text-align:left;font-family:var(--font-m);font-size:11px;text-transform:uppercase;color:var(--ink-soft);padding:8px 10px;border-bottom:1px solid var(--line);}
td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top;}
.pill{font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:100px;font-family:var(--font-m);text-transform:uppercase;white-space:nowrap;letter-spacing:.02em;}
.pill-pending_payment,.pill-awaiting_registration,.pill-awaiting_provision{background:var(--gold-soft);color:#946200;}
.pill-paid{background:var(--ok-bg);color:var(--ok);}
.pill-active{background:var(--ok-bg);color:var(--ok)}.pill-suspended,.pill-void{background:var(--danger-bg);color:var(--danger)}.pill-unpaid{background:var(--gold-soft);color:#946200}
.pill-provisioning{background:#E7ECFF;color:#3355DD;}
.pill-registered,.pill-provisioned,.pill-completed{background:var(--ink);color:#fff;}
.pill-open{background:var(--danger-bg);color:var(--danger);}
.pill-closed{background:#EFEFEF;color:#666;}
.pill-failed,.pill-cancelled{background:var(--danger-bg);color:var(--danger);}

.tabbar{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:24px;flex-wrap:wrap;}
.tabbtn{padding:10px 16px;font-size:13.5px;font-weight:600;color:var(--ink-soft);text-decoration:none;border-bottom:2px solid transparent;display:inline-block;}
.tabbtn.active{color:var(--ink);border-bottom-color:var(--accent);}

.empty{text-align:center;padding:50px 20px;color:var(--ink-soft);}
.empty .ic{font-size:34px;margin-bottom:10px;}

.alert{padding:12px 16px;border-radius:10px;font-size:13.5px;margin-bottom:18px;}
.alert-ok{background:var(--ok-bg);color:var(--ok);}
.alert-err{background:var(--danger-bg);color:var(--danger);}

#adminshell{display:flex;min-height:100vh;background:#f5f7fb}.admin-body{background:#f5f7fb;color:var(--ink)}
.asidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--panel);color:#fff;padding:16px 12px;display:flex;flex-direction:column;z-index:100;box-shadow:8px 0 30px rgba(7,19,44,.08)}
.asidebar .alogo{display:flex;align-items:center;gap:9px;color:#fff;font-family:var(--font-d);font-size:15px;padding:2px 8px 15px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-nav{padding-top:10px;overflow-y:auto;flex:1;scrollbar-width:thin}
.admin-nav-group{margin-bottom:3px}.admin-nav-group summary{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;color:rgba(255,255,255,.62);font:700 9.5px var(--font-m);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;list-style:none}.admin-nav-group summary::-webkit-details-marker{display:none}.admin-nav-group summary i{font-size:8px;transition:.2s}.admin-nav-group[open] summary i{transform:rotate(180deg)}
.asidebar a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;font-size:12.5px;font-weight:600;margin-bottom:2px;text-decoration:none;color:rgba(255,255,255,.78)}.asidebar a>i{width:17px;text-align:center;font-size:12px}.asidebar a:hover,.asidebar a.active{background:rgba(255,255,255,.12);color:#fff}.asidebar a.active{box-shadow:inset 3px 0 var(--accent)}
.admin-nav-foot{padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.admin-nav-close{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:17px}
.admin-workspace{width:calc(100% - 248px);margin-left:248px;min-width:0}.admin-topbar{height:58px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e6eaf0;position:sticky;top:0;z-index:50}.admin-topbar>div{display:flex;align-items:center}.admin-breadcrumb{font-size:11px;color:var(--ink-soft)}.admin-breadcrumb i{font-size:7px;margin:0 7px}.admin-user{gap:9px}.admin-user>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent-deep);font-weight:800;font-size:12px}.admin-user b,.admin-user small{display:block}.admin-user b{font-size:11.5px}.admin-user small{font-size:9px;color:var(--ink-soft)}.admin-nav-toggle{display:none;border:0;background:transparent;font-size:17px;color:var(--ink)}
.amain{padding:22px 24px 38px;max-width:1440px;width:100%}.admin-body .view-head{margin-bottom:18px}.admin-body .view-head h2{font-size:23px;margin-bottom:3px}.admin-body .view-head p{font-size:11.5px;margin:0;max-width:800px}.admin-body .card{border-radius:10px;padding:16px;box-shadow:0 2px 10px rgba(24,35,58,.025)}.admin-body table{font-size:11.5px}.admin-body th{font-size:9px;letter-spacing:.05em}.admin-body th,.admin-body td{padding:9px 10px}.admin-body .formrow{margin-bottom:12px}.admin-body .formrow label{font-size:10.5px;margin-bottom:5px}.admin-body input,.admin-body select,.admin-body textarea{padding:9px 10px;font-size:12px}.admin-body .btn{min-height:34px;padding:8px 13px;font-size:10.5px}.admin-body .pill{font-size:8.5px}.admin-body .empty{padding:38px 20px}
.astatgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:16px}.astat{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px}
.astat b{font-family:var(--font-d);font-size:24px;display:block;}
.astat span{font-size:12px;color:var(--ink-soft);}
@media(max-width:900px){.astatgrid{grid-template-columns:1fr 1fr}.admin-workspace{width:100%;margin-left:0}.asidebar{transform:translateX(-105%);transition:transform .25s ease}.admin-nav-open .asidebar{transform:none}.admin-overlay{position:fixed;inset:0;background:rgba(7,19,44,.55);z-index:90;opacity:0;visibility:hidden;transition:.2s}.admin-nav-open .admin-overlay{opacity:1;visibility:visible}.admin-nav-close,.admin-nav-toggle{display:block}.admin-topbar{padding:0 15px}.admin-topbar>div:first-child{gap:10px}.amain{padding:18px 14px 34px}}@media(max-width:560px){.astatgrid{grid-template-columns:1fr 1fr;gap:8px}.astat{padding:11px}.astat b{font-size:19px}.astat span{font-size:8.5px}.admin-user div,.admin-breadcrumb{display:none}.admin-body .view-head h2{font-size:20px}.admin-body .card{padding:13px}}

.order-detail{background:var(--bg);border-radius:10px;padding:16px;margin-top:8px;}
.od-item{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:10px;}
.od-item .odh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.ns-row{display:flex;gap:8px;margin-top:8px;}
.ns-row input{flex:1;padding:7px 9px;border:1px solid var(--line);border-radius:6px;font-family:var(--font-m);font-size:12.5px;}

.log-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);}
.log-item .lic{width:30px;height:30px;border-radius:8px;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;}

.msg{max-width:80%;padding:10px 14px;border-radius:10px;font-size:13.8px;margin-bottom:10px;}
.msg.cust{background:var(--surface);border:1px solid var(--line);}
.msg.staff{background:var(--ink);color:#fff;margin-left:auto;}

/* 2026 storefront */
.announcement{height:34px;background:#07132c;color:#b9c5dc;display:flex;justify-content:center;align-items:center;gap:20px;font-size:12px;letter-spacing:.01em}
.announcement a{color:#76f0cf;font-weight:700}
#topnav{background:rgba(255,255,255,.92);border-color:#e8ecf3}
#topnav .bar{max-width:1280px;padding:10px 24px;min-height:64px}
.logo{gap:11px;font-size:18px;letter-spacing:-.04em}
.brand-logo-image{display:block;width:auto;height:38px;max-width:180px;object-fit:contain}.brand-logo-footer{filter:brightness(0) invert(1)}
.logo>span:last-child{display:flex;align-items:baseline}.logo small{font-size:12px;font-weight:600;color:#667085;margin-left:3px;letter-spacing:-.02em}
.brand-mark{width:30px;height:30px;background:#07132c;border-radius:9px;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:7px}
.brand-mark i{display:block;width:4px;background:#49dfb6;border-radius:2px}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:13px}.brand-mark i:nth-child(3){height:10px}
.navlinks{gap:4px}.navlinks>a,.nav-trigger{padding:9px 11px!important;border:0!important;border-radius:8px;font-size:13px!important;font-weight:600!important;color:#4b5567;background:transparent;font-family:var(--font-b);cursor:pointer;white-space:nowrap}.navlinks>a:hover,.nav-trigger:hover,.navlinks>a.active,.nav-trigger.active{color:#07132c;background:#eef8f5}.nav-trigger i{font-size:8px;margin-left:4px}.nav-group{position:relative}.mega-menu{position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%,8px);width:720px;background:#fff;border:1px solid #e1e7ef;border-radius:18px;box-shadow:0 30px 75px -28px rgba(7,19,44,.35);padding:14px;display:grid;grid-template-columns:250px 1fr;gap:12px;opacity:0;visibility:hidden;pointer-events:none;transition:.18s;z-index:80}.nav-group:hover .mega-menu,.nav-group:focus-within .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.mega-intro{background:#07132c;border-radius:13px;padding:25px;color:#fff}.mega-intro>span{font:600 9px var(--font-m);letter-spacing:.1em;color:#49dfb6}.mega-intro h3{font-size:19px;color:#fff;margin-top:24px}.mega-intro p{font-size:12px;color:#aab8cc}.mega-intro a{color:#49dfb6!important;background:none!important;padding:0!important;font-size:12px!important}.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mega-links>a{display:flex!important;gap:12px;padding:15px!important;border-radius:11px!important;border:0!important;align-items:flex-start}.mega-links>a:hover{background:#f2f7f6}.mega-links>a>i{width:32px;height:32px;border-radius:9px;background:#e3faf3;color:#078f6d;display:grid;place-items:center;flex:0 0 auto}.mega-links b{font-size:13px;display:block;color:#172033}.mega-links small{font-size:10.5px;line-height:1.35;display:block;color:#7c8799;margin-top:3px}.mega-solutions{width:500px;grid-template-columns:1fr;left:auto;right:0;transform:translateY(8px)}.nav-group:hover .mega-solutions,.nav-group:focus-within .mega-solutions{transform:translateY(0)}
.cart-link{font-size:13px;font-weight:700;color:#344054;display:flex;gap:6px;align-items:center;padding:8px 7px;border-radius:8px}.cart-link:hover{background:var(--accent-soft)}.cart-link>i{font-size:14px}.cart-link b{background:#49dfb6;color:#07132c;border-radius:99px;min-width:18px;height:18px;display:grid;place-items:center;font-size:10px}.nav-item-icon{display:none}
.auto-market{font-size:10px;font-weight:700;color:#667085;white-space:nowrap}.auto-market i{color:#08a77e;margin-right:5px}
.currency-picker{display:flex;align-items:center;gap:5px;color:#08a77e}.currency-picker select{appearance:none;border:0;background:#f0f7f5;color:#344054;border-radius:7px;padding:7px 20px 7px 8px;font:700 10px var(--font-m);cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#667085 50%),linear-gradient(135deg,#667085 50%,transparent 50%);background-position:calc(100% - 10px) 11px,calc(100% - 7px) 11px;background-size:3px 3px;background-repeat:no-repeat}
.whatsapp-widget{position:fixed;right:22px;bottom:22px;z-index:120;display:flex;align-items:center;gap:9px}.whatsapp-button{width:54px;height:54px;border-radius:50%;background:#20c76a;color:#fff;display:grid;place-items:center;font-size:27px;box-shadow:0 16px 35px -12px rgba(7,19,44,.55);transition:.2s}.whatsapp-button:hover{transform:translateY(-3px);background:#17b65d}.whatsapp-message{width:0;max-width:290px;opacity:0;overflow:hidden;background:#fff;border:1px solid #e1e8ec;border-radius:13px;box-shadow:0 16px 40px -22px #07132c;transform:translateX(14px) scale(.96);transform-origin:right center;transition:width .4s ease,opacity .25s,transform .4s,padding .4s;padding:0;color:#172033}.whatsapp-widget.is-open .whatsapp-message{width:290px;opacity:1;transform:translateX(0) scale(1);padding:13px 16px}.whatsapp-message b,.whatsapp-message small{display:block}.whatsapp-message b{font-size:12px;color:#1b75bc}.whatsapp-message small{font-size:10.5px;line-height:1.4;color:#596579;margin-top:3px}
.inquiry-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.inquiry-aside{background:#07132c;color:#fff;border-radius:20px;padding:34px;position:sticky;top:110px}.inquiry-aside h2{color:#fff;font-size:31px}.inquiry-aside p{color:#aebbd0}.inquiry-points{display:grid;gap:14px;margin-top:28px}.inquiry-points div{display:flex;gap:12px;align-items:center;font-size:12px}.inquiry-points i{width:34px;height:34px;border-radius:9px;background:rgba(73,223,182,.12);color:#49dfb6;display:grid;place-items:center}
.sms-section{background:#f1f6f7}.sms-rate-banner{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#dffaf2;border:1px solid #b9eddd;border-radius:16px;padding:19px 24px;margin-bottom:25px}.sms-rate-banner>div{display:flex;align-items:center;gap:12px}.sms-rate-banner i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#07132c;color:#49dfb6}.sms-rate-banner span{font-size:11px;color:#647184}.sms-rate-banner strong{font:800 22px var(--font-d)}.sms-rate-banner p{font-size:11px;max-width:490px;margin:0}.sms-plan-grid{max-width:none;grid-template-columns:1fr 1fr .9fr}.sms-use-card{background:#07132c;color:#fff;border-radius:19px;padding:30px;display:flex;flex-direction:column}.sms-use-card h3{color:#fff;font-size:24px}.sms-use-list{display:grid;gap:9px;margin:14px 0 24px;flex:1}.sms-use-list div{display:flex;gap:11px;padding:11px;background:#101f39;border-radius:10px}.sms-use-list i{color:#49dfb6;width:20px}.sms-use-list b,.sms-use-list small{display:block}.sms-use-list b{font-size:12px}.sms-use-list small{font-size:9.5px;color:#95a6bd;margin-top:2px}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;font:700 12px var(--font-b);align-items:center;gap:7px;padding:8px 10px;border-radius:9px;color:var(--ink)}.menu-close-icon{display:none}.nav-open .menu-open-icon{display:none}.nav-open .menu-close-icon{display:inline-block}
.hero-premium{padding:0 24px;background:radial-gradient(circle at 82% 18%,rgba(73,223,182,.2),transparent 27%),radial-gradient(circle at 12% 80%,rgba(8,167,126,.07),transparent 23%),linear-gradient(180deg,#fbfcff,#f3f7fb);text-align:left}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:52px;max-width:1280px;height:550px}
.hero-copy{padding:16px 0}.hero-copy .eyebrow{margin-bottom:16px}
.hero-copy h1{font-size:clamp(44px,4.8vw,68px);line-height:1;max-width:700px;margin:0 0 17px;text-align:left;letter-spacing:-.055em;font-weight:800}.hero-copy h1 em{color:#08a77e}
.hero-copy .lead{font-size:17px;line-height:1.55;max-width:610px;margin:0 0 21px}
.domain-bar{display:flex;align-items:center;background:#fff;border:1px solid #d9e0ea;border-radius:14px;padding:6px 6px 6px 16px;max-width:650px;box-shadow:0 22px 60px -30px rgba(7,19,44,.3)}
.domain-bar>span{font-family:var(--font-m);font-size:13px;color:#98a2b3}.domain-bar input{flex:1;min-width:0;border:0;outline:0;padding:12px 5px;font:600 15px var(--font-b);color:#101828;background:transparent}.domain-bar .btn{padding:13px 19px}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:17px}.text-link{font-weight:600;font-size:13px;color:#475467}.text-link b{color:#08a77e}
.payment-proof{margin-top:21px;display:flex;align-items:center;gap:15px;font-size:9px;color:#98a2b3;text-transform:uppercase;letter-spacing:.08em}.payment-proof b{color:#667085;font-size:10px}
.hero-visual{height:468px;position:relative;display:grid;place-items:center}
.hero-media-slider{overflow:hidden;border-radius:26px;height:468px;border:1px solid rgba(255,255,255,.6);box-shadow:0 34px 70px -35px rgba(7,19,44,.62);background:#07132c}.hero-slide{position:absolute;inset:0;opacity:0;animation:hero-crossfade 12s infinite}.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}.hero-slide.slide-server{opacity:1}.hero-slide.slide-people{animation-delay:6s}@keyframes hero-crossfade{0%,42%{opacity:1;transform:scale(1)}50%,92%{opacity:0;transform:scale(1.025)}100%{opacity:1;transform:scale(1)}}.hero-media-slider:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,19,44,.18),transparent 42%,rgba(7,19,44,.9))}
.hero-media-slider{isolation:isolate}.hero-slide{z-index:0}.hero-slide img{animation:pillar-server-drift 16s ease-in-out infinite alternate}.hero-media-slider:before{content:'';position:absolute;z-index:1;inset:-20%;pointer-events:none;background:linear-gradient(108deg,transparent 41%,rgba(117,185,234,.05) 46%,rgba(117,185,234,.28) 50%,rgba(73,223,182,.13) 53%,transparent 59%);transform:translateX(-72%) rotate(5deg);animation:pillar-server-sweep 10s ease-in-out infinite}.hero-media-slider:after{z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(7,19,44,.18),transparent 42%,rgba(7,19,44,.9)),repeating-linear-gradient(0deg,rgba(255,255,255,.032) 0 1px,transparent 1px 5px)}@keyframes pillar-server-drift{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.075) translate3d(-1.4%,-.8%,0)}}@keyframes pillar-server-sweep{0%,34%{transform:translateX(-72%) rotate(5deg);opacity:0}42%{opacity:1}66%,100%{transform:translateX(72%) rotate(5deg);opacity:0}}
.hero-media-top{position:absolute;z-index:3;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;align-items:center;color:#fff}.hero-media-top>span{font:600 9px var(--font-m);letter-spacing:.06em;padding:8px 10px;border:1px solid rgba(255,255,255,.24);border-radius:99px;background:rgba(7,19,44,.42);backdrop-filter:blur(8px)}.hero-media-top i{color:#49dfb6;margin-right:5px}.hero-media-top .live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#49dfb6;box-shadow:0 0 0 4px rgba(73,223,182,.16)}
.hero-proof-cards{position:absolute;z-index:3;left:20px;right:20px;top:72px;display:flex;gap:8px}.hero-proof-cards>div{display:flex;align-items:center;gap:8px;padding:9px 11px;color:#fff;background:rgba(7,19,44,.52);border:1px solid rgba(255,255,255,.16);border-radius:10px;backdrop-filter:blur(10px)}.hero-proof-cards>div>i{color:#75b9ea}.hero-proof-cards span,.hero-proof-cards b,.hero-proof-cards small{display:block}.hero-proof-cards b{font-size:10px}.hero-proof-cards small{font-size:8px;color:#c9d4e2}
.media-overlay{position:absolute;z-index:2;left:25px;right:25px;bottom:35px;color:#fff}.media-overlay span{display:block;font:600 9px var(--font-m);text-transform:uppercase;letter-spacing:.1em;color:#49dfb6;margin-bottom:8px}.media-overlay b{display:block;font-size:20px;line-height:1.2;max-width:380px}.media-overlay small{display:block;margin-top:7px;color:#c6d1e1;font-size:11px}.hero-slide-dots{position:absolute;z-index:3;right:25px;bottom:20px;display:flex;gap:5px}.hero-slide-dots i{display:block;width:18px;height:3px;border-radius:3px;background:#49dfb6}.hero-slide-dots i+ i{width:7px;background:rgba(255,255,255,.5)}
.server-card{position:relative;z-index:2;width:330px;background:#07132c;color:#fff;border:1px solid #263654;border-radius:22px;padding:25px;box-shadow:0 45px 80px -35px rgba(7,19,44,.65);transform:rotate(-2deg)}
.server-top{display:flex;align-items:center;gap:9px;color:#cad5e7;font:500 11px var(--font-m);padding-bottom:21px;border-bottom:1px solid #21304b}.server-top small{margin-left:auto;color:#49dfb6}.server-light{width:7px;height:7px;border-radius:50%;background:#49dfb6;box-shadow:0 0 0 5px rgba(73,223,182,.12)}
.metric{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #21304b}.metric span{font-size:12px;color:#8fa0ba}.metric strong{font:600 14px var(--font-d)}
.pulse-chart{height:62px;display:flex;align-items:end;gap:7px;padding-top:17px}.pulse-chart i{flex:1;background:linear-gradient(#49dfb6,#167d71);border-radius:3px 3px 0 0}.pulse-chart i:nth-child(1){height:25%}.pulse-chart i:nth-child(2){height:47%}.pulse-chart i:nth-child(3){height:35%}.pulse-chart i:nth-child(4){height:70%}.pulse-chart i:nth-child(5){height:55%}.pulse-chart i:nth-child(6){height:88%}.pulse-chart i:nth-child(7){height:72%}
.float-card{position:absolute;z-index:3;background:#fff;border:1px solid #e5e9f0;border-radius:12px;padding:14px 17px;box-shadow:0 16px 35px -20px rgba(7,19,44,.35)}.float-card span{display:block;font:500 9px var(--font-m);letter-spacing:.08em;color:#08a77e;margin-bottom:4px}.float-card b{font-size:12px}.float-domain{top:75px;left:0}.float-support{right:0;bottom:75px}
.tld-ribbon{background:#fff;border:1px solid #e4e9f1;border-bottom:0;border-radius:16px 16px 0 0;display:grid;grid-template-columns:repeat(5,1fr);max-width:1100px;padding:0}.tld-ribbon a{padding:19px 22px;border-right:1px solid #edf0f5;display:flex;justify-content:space-between;align-items:center}.tld-ribbon a:last-child{border:0}.tld-ribbon b{font:700 14px var(--font-m)}.tld-ribbon span{font-size:11px;color:#7b8497}
.section{padding:92px 24px}.proof-strip{padding:30px 24px;background:#fff;border-bottom:1px solid #e8ecf2}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1100px}.proof-grid div{display:flex;flex-direction:column;padding:5px 28px;border-right:1px solid #e7ebf2}.proof-grid div:last-child{border:0}.proof-grid strong{font:800 24px var(--font-d);color:#07132c}.proof-grid span{font-size:12px;color:#7a8496}
.section-heading{margin-bottom:50px}.split-heading{display:flex;justify-content:space-between;align-items:end}.split-heading h2,.centered h2{font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.045em}.split-heading>div{max-width:650px}.split-heading>p{max-width:430px;margin:0}.centered{text-align:center;max-width:700px;margin:0 auto 50px}.centered p{font-size:16px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:#fff;border:1px solid #e2e7ef;border-radius:17px;padding:27px;min-height:320px;display:flex;flex-direction:column;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px -32px rgba(7,19,44,.35);border-color:#bdc8d8}.service-card.service-featured{background:#07132c;border-color:#07132c}.service-card.service-featured h3,.service-card.service-featured p,.service-card.service-featured b{color:#fff}.service-number{font:500 10px var(--font-m);color:#98a2b3}.service-icon{font-size:34px;margin:34px 0 25px;color:#08a77e}.service-card h3{font-size:22px}.service-card p{font-size:14px;flex:1}.service-card b{font-size:13px;color:#08a77e}
.plans-section{background:#eef4f7}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto}.pricing-card{background:#fff;border:1px solid #dce4eb;border-radius:19px;padding:30px;position:relative;display:flex;flex-direction:column}.pricing-card.recommended{border:2px solid #07132c;box-shadow:0 26px 55px -36px #07132c}.recommend-label{position:absolute;right:22px;top:18px;font:600 9px var(--font-m);text-transform:uppercase;letter-spacing:.08em;background:#d9fbf1;color:#06775a;padding:6px 9px;border-radius:99px}.plan-head h3{font-size:21px}.plan-head p{min-height:44px;font-size:13px}.price{font:800 42px var(--font-d);letter-spacing:-.05em;margin:13px 0 20px}.price sup{font:600 10px var(--font-m);vertical-align:top;position:relative;top:9px;margin-right:7px;letter-spacing:0}.price small{font:500 12px var(--font-b);color:#7a8496;letter-spacing:0}.pricing-card ul{list-style:none;padding:0;margin:0 0 25px;flex:1}.pricing-card li{padding:10px 0;border-top:1px solid #edf0f4;font-size:13px}.pricing-card li:before{content:'✓';color:#08a77e;font-weight:800;margin-right:9px}.btn-block{width:100%;justify-content:center}.center-action{text-align:center;margin-top:34px}
.dark-section{background:#07132c;color:#fff}.dark-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.dark-grid h2{color:#fff;font-size:clamp(34px,4vw,53px);line-height:1.08;letter-spacing:-.05em}.dark-grid>div>p{color:#a7b5ca;font-size:16px;max-width:570px;margin-bottom:28px}.kicker-light{color:#49dfb6}.advantage-list>div{padding:0 0 28px 55px;border-bottom:1px solid #243450;margin-bottom:28px;position:relative}.advantage-list span{position:absolute;left:0;top:3px;font:500 10px var(--font-m);color:#49dfb6}.advantage-list h3{color:#fff;font-size:18px}.advantage-list p{color:#9daec5;font-size:13px;margin:0}
.domain-bar-large{margin:0 auto;max-width:850px}.prefooter{background:#49dfb6;padding:48px 24px}.prefooter-inner{display:flex;justify-content:space-between;align-items:center}.prefooter h2{font-size:32px;margin:0}.prefooter .kicker{color:#07664f}.prefooter .btn-accent{background:#07132c;color:#fff}
footer{padding-top:70px}.footer-logo{color:#fff}.footer-logo .brand-mark{background:#49dfb6}.footer-logo .brand-mark i{background:#07132c}footer .fgrid{grid-template-columns:1.7fr 1fr 1fr 1fr}.fgrid>div:first-child p{max-width:330px;margin-top:18px}.trust-line{display:flex;gap:12px;flex-wrap:wrap}.trust-line span{font-size:10px;border:1px solid #293650;padding:5px 8px;border-radius:99px;color:#a7b1c6}
.auth-view{max-width:500px}.auth-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow-lift)}.auth-card h2{font-size:30px}.code-input{text-align:center;font:700 30px var(--font-m)!important;letter-spacing:.32em}.resend-form{text-align:center;margin-top:16px}.text-button{border:0;background:none;color:#08a77e;font-weight:700;cursor:pointer}.formrow small{display:block;color:#8a93a5;font-size:11px;margin-top:5px}
.product-hero{padding:105px 24px;background:linear-gradient(135deg,#07132c 0%,#102442 70%,#0d5b55 140%);color:#fff;overflow:hidden}.product-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.product-hero h1{color:#fff;font-size:clamp(45px,5.5vw,72px);line-height:1;letter-spacing:-.055em;max-width:750px}.product-hero p{color:#b4c1d5;font-size:18px;max-width:650px;margin-bottom:28px}.product-terminal{background:#050b18;border:1px solid #2a4262;border-radius:18px;padding:23px;box-shadow:0 35px 70px -35px #000;transform:rotate(2deg)}.product-terminal>span{font:500 10px var(--font-m);color:#49dfb6;text-transform:uppercase}.product-terminal pre{color:#d7e3f4;font:500 14px/2 var(--font-m);margin:22px 0 0}.service-stack{display:grid;gap:10px;transform:rotate(-3deg)}.service-stack div{background:#fff;color:#07132c;border-radius:12px;padding:17px 22px;font:700 17px var(--font-d);box-shadow:0 10px 30px -20px #000}.service-stack div:nth-child(2){margin-left:35px}.service-stack div:nth-child(3){margin-left:70px}.service-stack div:nth-child(4){margin-left:105px;background:#49dfb6}.dark-callout{background:#07132c;border-radius:24px;padding:55px;display:grid;grid-template-columns:1.1fr .9fr;gap:65px}.dark-callout h2{color:#fff;font-size:42px}.dark-callout p{color:#a8b7cd}.dark-callout ul{color:#d7e2f2;line-height:2;list-style:none;padding:0}.dark-callout li:before{content:'✓';color:#49dfb6;margin-right:10px}
.free-ssl-banner{background:#dffaf2;border:1px solid #bcefdc;border-radius:24px;padding:46px;display:flex;justify-content:space-between;align-items:center;gap:40px}.free-ssl-banner>div{max-width:730px}.free-ssl-banner h2{font-size:38px}.free-ssl-banner p{margin:0}
.design-hero{padding:90px 24px 80px;background:linear-gradient(135deg,#f8fbff,#e8faf4);overflow:hidden}.design-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.design-hero h1{font-size:clamp(46px,5.5vw,72px);line-height:1;letter-spacing:-.055em;font-weight:800}.design-hero h1 em{font-style:normal;color:#08a77e}.design-hero p{font-size:18px;max-width:690px}.btn-ghost-light{border:1px solid #bdc8d5;background:rgba(255,255,255,.5);color:#07132c}.design-proof{display:flex;gap:20px;margin-top:35px;flex-wrap:wrap}.design-proof span{font-size:11px;font-weight:700;color:#596579}.design-proof i{color:#08a77e;margin-right:6px}.browser-mock{position:relative;background:#fff;border:1px solid #dbe4eb;border-radius:18px;box-shadow:0 35px 80px -38px rgba(7,19,44,.45);padding-bottom:25px;transform:rotate(1.5deg)}.browser-bar{height:44px;background:#07132c;border-radius:17px 17px 0 0;display:flex;align-items:center;gap:6px;padding:0 15px}.browser-bar>i{width:7px;height:7px;border-radius:50%;background:#49dfb6}.browser-bar>i:nth-child(2){opacity:.6}.browser-bar>i:nth-child(3){opacity:.3}.browser-bar span{font:500 9px var(--font-m);color:#9dadc3;margin-left:10px}.mock-content{padding:35px}.mock-nav{width:100%;height:9px;background:linear-gradient(90deg,#07132c 20%,transparent 20%);margin-bottom:55px}.mock-title{width:75%;height:32px;background:#07132c;border-radius:5px;margin-bottom:17px}.mock-line{width:85%;height:8px;background:#dce4eb;border-radius:4px;margin-bottom:9px}.mock-line.short{width:55%}.mock-button{width:110px;height:30px;background:#49dfb6;border-radius:6px;margin:25px 0 35px}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mock-cards i{height:82px;background:#edf3f5;border-radius:7px}.ai-float{position:absolute;right:-25px;bottom:-30px;background:#07132c;color:#fff;border-radius:13px;padding:14px 17px;display:flex;align-items:center;gap:11px;box-shadow:0 18px 40px -20px #07132c}.ai-float>i{color:#49dfb6}.ai-float span{font-size:10px}.ai-float b{display:block;font-size:12px}.web-package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.web-package{background:#fff;border:1px solid #dfe6ed;border-radius:18px;padding:25px;display:flex;flex-direction:column;position:relative}.web-package.featured{border:2px solid #07132c;box-shadow:0 24px 55px -38px #07132c}.package-icon{width:42px;height:42px;border-radius:11px;background:#e2faf3;color:#078c6b;display:grid;place-items:center;margin-bottom:20px}.web-package h3{font-size:20px}.web-package>p{font-size:12.5px;min-height:40px}.package-price{padding:15px 0;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4;margin:9px 0 13px}.package-price small,.package-price span{display:block;font-size:9px;color:#8490a2;text-transform:uppercase;letter-spacing:.08em}.package-price strong{font:800 30px var(--font-d);display:block;letter-spacing:-.04em}.delivery{font-size:10px;color:#687487;margin-bottom:14px}.delivery i{color:#08a77e;margin-right:6px}.web-package ul{list-style:none;padding:0;margin:0 0 23px;flex:1}.web-package li{font-size:11.5px;padding:7px 0;display:flex;gap:8px}.web-package li i{color:#08a77e;margin-top:3px}.pricing-note{text-align:center;font-size:11px;margin:25px auto 0}.pricing-note i{color:#08a77e;margin-right:5px}.categories-section{background:#f0f5f7}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-grid article{background:#fff;border:1px solid #e0e7ec;border-radius:14px;padding:22px}.category-grid article>i{font-size:20px;color:#08a77e;margin-bottom:20px}.category-grid h3{font-size:14px}.category-grid p{font-size:11.5px;margin:0}.ai-section{background:#07132c;color:#fff}.ai-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.ai-grid>div:first-child{position:sticky;top:120px;align-self:start}.ai-grid h2{color:#fff;font-size:45px;line-height:1.07}.ai-grid>div:first-child p{color:#aab8cb}.ai-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ai-feature-grid article{display:flex;gap:15px;padding:21px;background:#101f39;border:1px solid #233451;border-radius:13px}.ai-feature-grid>article>i{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:rgba(73,223,182,.12);color:#49dfb6;flex:0 0 auto}.ai-feature-grid h3{color:#fff;font-size:14px}.ai-feature-grid p{color:#94a5bc;font-size:11.5px;margin:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfe5eb;border:1px solid #dfe5eb;border-radius:16px;overflow:hidden}.process-grid article{background:#fff;padding:27px;position:relative}.process-grid span{position:absolute;right:18px;top:18px;font:500 9px var(--font-m);color:#9ca7b6}.process-grid>article>i{font-size:24px;color:#08a77e;margin-bottom:25px}.process-grid h3{font-size:16px}.process-grid p{font-size:12px;margin:0}
.design-photo{position:relative;border-radius:20px;box-shadow:0 35px 80px -38px rgba(7,19,44,.55);transform:rotate(1.5deg)}.design-photo picture,.design-photo img{display:block;width:100%;border-radius:20px}.design-photo img{aspect-ratio:16/9;object-fit:cover}
.erp-hero{padding:100px 24px;background:radial-gradient(circle at 80% 20%,#1d4d4b,#07132c 48%);color:#fff;overflow:hidden}.erp-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.erp-hero h1{color:#fff;font-size:clamp(46px,5.5vw,72px);line-height:1;letter-spacing:-.055em}.erp-hero h1 em{color:#49dfb6;font-style:normal}.erp-hero p{font-size:18px;color:#adbbcf}.erp-dashboard{height:390px;background:#fff;border-radius:17px;display:flex;box-shadow:0 40px 80px -35px #000;transform:rotate(2deg);overflow:hidden}.erp-side{width:68px;background:#0b172d;padding:18px;display:flex;flex-direction:column;align-items:center;gap:22px}.erp-side>i{color:#49dfb6;font-size:20px;margin-bottom:15px}.erp-side span{width:25px;height:7px;border-radius:4px;background:#30415f}.erp-main{flex:1;padding:24px}.erp-top{height:14px;width:40%;background:#d8e1e8;border-radius:7px;margin-bottom:30px}.erp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.erp-stats i{height:60px;border-radius:9px;background:#e7f8f3}.erp-chart{height:120px;margin-top:18px;border-radius:9px;background:linear-gradient(145deg,#f2f6f8,#d9f5ed)}.erp-table{height:85px;margin-top:15px;border-radius:9px;background:repeating-linear-gradient(#edf2f5 0 10px,#fff 10px 21px)}.erp-users{font-size:11px;color:#667085;padding:10px;background:#f3f7f8;border-radius:8px;margin-bottom:12px}.erp-users i{color:#08a77e;margin-right:7px}.erp-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.erp-module-grid article{display:flex;gap:15px;background:#fff;border:1px solid #dee6ec;border-radius:13px;padding:19px}.erp-module-grid>article>i{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#e1f9f2;color:#078f6d;flex:0 0 auto}.erp-module-grid h3{font-size:13.5px}.erp-module-grid p{font-size:11px;margin:0}.module-price{display:inline-block;margin-top:9px;font:700 10px var(--font-m);color:#078f6d;background:#e1f9f2;border-radius:99px;padding:5px 8px}.module-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px;background:#f4f7f8;border:1px solid #e1e7eb;border-radius:10px}.module-check-grid label{font-size:10.5px!important;color:#465266!important;margin:0!important;display:flex!important;align-items:center;gap:6px}.module-check-grid input{width:auto!important;padding:0!important}

@media(max-width:1000px){.hero-premium{padding-top:42px}.hero-grid{grid-template-columns:1fr;height:auto;gap:30px}.hero-copy{padding:0}.hero-visual{display:block;width:100%;height:400px}.hero-media-slider{height:400px}.service-grid{grid-template-columns:1fr 1fr}.dark-grid{gap:45px}.region-switch{display:none}.product-hero-grid{grid-template-columns:1fr}.product-terminal,.service-stack{max-width:520px}.dark-callout{grid-template-columns:1fr}.mega-menu{left:0;transform:translateY(8px)}.nav-group:hover .mega-menu,.nav-group:focus-within .mega-menu{transform:translateY(0)}}
@media(max-width:1000px){.design-hero-grid{grid-template-columns:1fr}.browser-mock{max-width:650px}.web-package-grid,.category-grid{grid-template-columns:1fr 1fr}.ai-grid{grid-template-columns:1fr}.ai-grid>div:first-child{position:static}.process-grid{grid-template-columns:1fr 1fr}.sms-plan-grid{grid-template-columns:1fr 1fr}.sms-use-card{grid-column:1/-1}}
@media(max-width:1000px){.erp-hero-grid{grid-template-columns:1fr}.erp-dashboard{max-width:650px}.erp-module-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.announcement{padding:0 14px}.announcement span{display:none}#topnav .bar{padding:10px 14px;flex-wrap:wrap}.menu-toggle{display:flex;margin-left:auto}.navlinks{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;padding:10px 0 4px}.nav-open .navlinks{display:flex}.navright{margin-left:8px}.navright .btn{display:none}.nav-item-icon{display:inline-grid;width:25px;height:25px;place-items:center;border-radius:7px;background:var(--accent-soft);color:var(--accent-deep);font-size:11px}.navlinks>a,.nav-trigger{display:flex!important;align-items:center;gap:9px;padding:8px!important}.nav-trigger>span{flex:1;text-align:left}.nav-trigger>.fa-chevron-down{margin-left:auto}.cart-link{padding:7px}.hero-premium{padding:55px 18px 0}.hero-copy h1{font-size:44px}.hero-copy .lead{font-size:16px}.domain-bar{flex-wrap:wrap}.domain-bar input{min-width:140px}.domain-bar .btn{width:100%;justify-content:center}.hero-actions{align-items:flex-start;flex-direction:column}.payment-proof{flex-wrap:wrap}.tld-ribbon{grid-template-columns:1fr 1fr}.tld-ribbon a:nth-child(4),.tld-ribbon a:nth-child(5){display:none}.section{padding:66px 18px}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid div{border-bottom:1px solid #e7ebf2}.split-heading{display:block}.split-heading>p{margin-top:18px}.service-grid,.plan-grid,.dark-grid{grid-template-columns:1fr}.service-card{min-height:270px}.prefooter-inner{display:block}.prefooter .btn{margin-top:20px}footer .fgrid{grid-template-columns:1fr 1fr}.float-card{display:none}.product-hero{padding:70px 18px}.product-hero h1{font-size:42px}.product-terminal{transform:none}.dark-callout{padding:32px 24px}.dark-callout h2{font-size:32px}}
@media(max-width:760px){.nav-group{width:100%}.nav-trigger{width:100%;text-align:left}.mega-menu,.mega-solutions{position:static;width:100%;display:none;opacity:1;visibility:visible;pointer-events:auto;transform:none!important;box-shadow:none;margin-top:5px;grid-template-columns:1fr}.nav-group:focus-within .mega-menu{display:grid}.mega-intro{display:none}.mega-links{grid-template-columns:1fr}.navlinks>a{display:block!important}.navlinks{gap:2px}}
@media(max-width:760px){.design-hero{padding:60px 18px}.design-hero h1{font-size:41px}.browser-mock{transform:none}.ai-float{right:10px}.web-package-grid,.category-grid,.ai-feature-grid,.process-grid{grid-template-columns:1fr}.ai-grid h2{font-size:35px}}
@media(max-width:760px){.auto-market,.currency-picker i{display:none}.hero-visual,.hero-media-slider{display:block;height:320px}.hero-media-top{left:14px;right:14px}.media-overlay{left:18px;right:18px}.media-overlay small{display:none}.design-photo{transform:none}.erp-hero{padding:65px 18px}.erp-hero h1{font-size:42px}.erp-dashboard{height:280px;transform:none}.erp-module-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide img,.hero-media-slider:before{animation:none!important}.hero-slide.slide-people{display:none}}
@media(max-width:760px){.free-ssl-banner{padding:30px 24px;display:block}.free-ssl-banner h2{font-size:30px}.free-ssl-banner .btn{margin-top:20px}}
@media(max-width:760px){.inquiry-grid,.sms-plan-grid{grid-template-columns:1fr}.inquiry-aside{position:static}.module-check-grid{grid-template-columns:1fr 1fr}.sms-use-card{grid-column:auto}.sms-rate-banner{display:block}.sms-rate-banner p{margin-top:12px}.whatsapp-widget{right:14px;bottom:14px}.whatsapp-widget.is-open .whatsapp-message{max-width:195px}}
@media(max-width:480px){.service-grid,footer .fgrid{grid-template-columns:1fr}.hero-copy h1{font-size:38px}.proof-grid div{padding:10px}.navright .cart-text{display:none}}
.msg small{display:block;opacity:.6;font-size:10.5px;margin-top:4px;font-family:var(--font-m);}

.invoice-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:34px;max-width:640px;margin:0 auto;}
.invoice-box .ihead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line);}

/* ---------- Pillar brand palette ---------- */
.announcement,.asidebar,.dark-section,.ai-section,.sms-use-card,.inquiry-aside{background:#3d3e57}
.announcement{background:#1b75bc;color:#eaf5fc}.announcement a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.brand-mark,.btn-dark,.prefooter .btn-accent{background:#3d3e57}
.brand-mark i,.brand-mark i:nth-child(2),.footer-logo .brand-mark i{background:#1b75bc}
.brand-mark i:nth-child(3){background:#be1e2d}
.btn-accent{background:#be1e2d;color:#fff}.btn-accent:hover{background:#9f1825}
.hero-copy h1 em,.text-link b,.mega-intro a,.service-card b,.design-hero h1 em,.erp-hero h1 em{color:#1b75bc!important}
.livedot,.server-light,.hero-media-top .live-pill i,.hero-slide-dots i{background:#1b75bc!important}
.hero-premium{background:radial-gradient(circle at 82% 18%,rgba(27,117,188,.16),transparent 27%),radial-gradient(circle at 12% 80%,rgba(190,30,45,.06),transparent 23%),linear-gradient(180deg,#fbfcff,#f3f6fa)}
.eyebrow,.module-price,.package-icon,.mega-links>a>i,.erp-module-grid>article>i{color:#155f98;background:#e7f2fa;border-color:#c9e0f1}
.recommend-label{background:#fbe9eb;color:#be1e2d}.pricing-card.recommended{border-color:#3d3e57}
.media-overlay span,.hero-media-top i,.kicker-light,.sms-use-list i,.inquiry-points i{color:#75b9ea}
.prefooter{background:#1b75bc}.prefooter .kicker{color:#dcefff}.prefooter h2{color:#fff}
.currency-picker{color:#1b75bc}.currency-picker select{background-color:#e7f2fa}
html[data-theme="pillar"] footer{color:#fff}html[data-theme="pillar"] footer h5,html[data-theme="pillar"] footer a,html[data-theme="pillar"] footer p,html[data-theme="pillar"] .footer-logo,html[data-theme="pillar"] .fbottom{color:#fff}html[data-theme="pillar"] footer a{opacity:.86}html[data-theme="pillar"] footer a:hover{opacity:1;color:#fff}html[data-theme="pillar"] .trust-line span{color:#fff;border-color:rgba(255,255,255,.28)}html[data-theme="pillar"] .fbottom{border-color:rgba(255,255,255,.2);opacity:.84}
html[data-theme="pillar"] body{background:#f7f8fb;color:#3d3e57}
html[data-theme="pillar"] #topnav{background:rgba(255,255,255,.94);border-bottom-color:#e3e7ef;box-shadow:0 8px 30px -27px rgba(61,62,87,.65)}
html[data-theme="pillar"] .navlinks>a:hover,html[data-theme="pillar"] .nav-trigger:hover,html[data-theme="pillar"] .navlinks>a.active,html[data-theme="pillar"] .nav-trigger.active{color:#1b75bc;background:#edf5fb}
html[data-theme="pillar"] .cart-link b{background:#be1e2d;color:#fff}
html[data-theme="pillar"] .hero-copy .eyebrow{color:#155f98;background:#edf6fc;border-color:#c9e1f2}
html[data-theme="pillar"] .hero-copy h1{color:#34354c}html[data-theme="pillar"] .hero-copy h1 em{color:#1b75bc!important}
html[data-theme="pillar"] .domain-bar{border-color:#d9e3ee;box-shadow:0 22px 55px -34px rgba(27,117,188,.5)}html[data-theme="pillar"] .domain-bar:focus-within{border-color:#1b75bc;box-shadow:0 0 0 4px rgba(27,117,188,.1),0 22px 55px -34px rgba(27,117,188,.55)}
html[data-theme="pillar"] .domain-prefix{width:30px;height:30px;border-radius:8px;background:#edf5fb;color:#1b75bc;display:grid;place-items:center;font-size:11px}html[data-theme="pillar"] .domain-bar input::placeholder{color:#9299a8;font-weight:500}
html[data-theme="pillar"] .payment-proof span i{color:#1b75bc;margin-right:4px}html[data-theme="pillar"] .payment-proof b{padding-left:12px;border-left:1px solid #dce2ea}
html[data-theme="pillar"] .tld-ribbon{box-shadow:0 -12px 35px -32px rgba(61,62,87,.55)}html[data-theme="pillar"] .tld-ribbon a{transition:background .18s,color .18s}html[data-theme="pillar"] .tld-ribbon a:hover{background:#edf5fb;color:#1b75bc}html[data-theme="pillar"] .tld-ribbon a:hover span{color:#be1e2d}
html[data-theme="pillar"] .btn{font-weight:700}html[data-theme="pillar"] .btn-dark{background:#3d3e57}html[data-theme="pillar"] .btn-dark:hover{background:#2f3045}
html[data-theme="pillar"] .btn-accent{box-shadow:0 10px 24px -15px rgba(190,30,45,.9)}
html[data-theme="pillar"] .service-card,html[data-theme="pillar"] .pricing-card,html[data-theme="pillar"] .web-package,html[data-theme="pillar"] .category-grid article,html[data-theme="pillar"] .erp-module-grid article{border-color:#e1e6ee;box-shadow:0 14px 35px -33px rgba(61,62,87,.65);transition:transform .22s,border-color .22s,box-shadow .22s}
html[data-theme="pillar"] .service-card:hover,html[data-theme="pillar"] .pricing-card:hover,html[data-theme="pillar"] .web-package:hover,html[data-theme="pillar"] .erp-module-grid article:hover{transform:translateY(-4px);border-color:#b9d5e9;box-shadow:0 24px 45px -32px rgba(27,117,188,.45)}
html[data-theme="pillar"] .service-card.service-featured{background:linear-gradient(145deg,#3d3e57,#303147);border-color:#3d3e57}
html[data-theme="pillar"] .plans-section{background:linear-gradient(180deg,#eef4f9,#f5f7fa)}
html[data-theme="pillar"] .pricing-card.recommended{border-color:#1b75bc;box-shadow:0 28px 58px -38px rgba(27,117,188,.7)}
html[data-theme="pillar"] .recommend-label{background:#fbe9eb;color:#be1e2d;border:1px solid #f2cbd0}
html[data-theme="pillar"] .package-icon,html[data-theme="pillar"] .mega-links>a>i,html[data-theme="pillar"] .erp-module-grid>article>i{background:#e8f3fb;color:#1b75bc}
html[data-theme="pillar"] .module-price{background:#eef5fb;color:#1b75bc}
html[data-theme="pillar"] .dark-section,html[data-theme="pillar"] .ai-section{background:linear-gradient(145deg,#3d3e57,#303147)}
html[data-theme="pillar"] .prefooter{background:linear-gradient(110deg,#1b75bc,#145f9c);position:relative;overflow:hidden}html[data-theme="pillar"] .prefooter-inner{position:relative;z-index:1}html[data-theme="pillar"] .prefooter:after{content:'';position:absolute;width:230px;height:230px;border:45px solid rgba(255,255,255,.08);border-radius:50%;right:8%;top:-110px;pointer-events:none}
html[data-theme="pillar"] footer{background:#323348}html[data-theme="pillar"] .footer-logo .brand-mark{background:#fff}html[data-theme="pillar"] .footer-logo .brand-mark i:nth-child(1),html[data-theme="pillar"] .footer-logo .brand-mark i:nth-child(2){background:#1b75bc}html[data-theme="pillar"] .footer-logo .brand-mark i:nth-child(3){background:#be1e2d}
.theme-tray{position:fixed;left:0;right:auto;top:50%;transform:translateY(-50%);z-index:115;display:grid;gap:6px;padding:8px 6px;background:rgba(255,255,255,.94);border:1px solid #dfe5ec;border-left:0;border-radius:0 11px 11px 0;box-shadow:12px 12px 30px -20px #3d3e57}.theme-tray button{width:17px;height:17px;border:2px solid #fff;border-radius:50%;padding:0;cursor:pointer;box-shadow:0 0 0 1px #d5dbe3;transition:.18s}.theme-tray button:hover,.theme-tray button.active{transform:scale(1.16);box-shadow:0 0 0 2px #3d3e57}.theme-tray button i{display:block;width:100%;height:100%;border-radius:50%}.theme-tray button[data-set-theme="pillar"] i{background:linear-gradient(135deg,#3d3e57 0 45%,#1b75bc 45% 72%,#be1e2d 72%)}.theme-tray button[data-set-theme="emerald"] i{background:linear-gradient(135deg,#07132c 0 52%,#08a77e 52%)}.theme-tray button[data-set-theme="ocean"] i{background:linear-gradient(135deg,#111827 0 52%,#2563eb 52% 78%,#f59e0b 78%)}.theme-tray button[data-set-theme="royal"] i{background:linear-gradient(135deg,#27183f 0 52%,#7c3aed 52% 78%,#ec4899 78%)}
.theme-tray{transition:opacity .45s ease,transform .45s ease}.theme-tray.is-idle{opacity:.08;transform:translate(-76%, -50%)}.theme-tray.is-idle:hover,.theme-tray.is-idle:focus-within{opacity:1;transform:translateY(-50%)}

/* High contrast on every dark surface */
.announcement,.announcement span,.announcement a,.asidebar,.asidebar a,.dark-section,.dark-section h1,.dark-section h2,.dark-section h3,.ai-section,.ai-section h1,.ai-section h2,.ai-section h3,.sms-use-card,.sms-use-card h3,.inquiry-aside,.inquiry-aside h2,.product-hero h1,.erp-hero h1,.dark-callout h2{color:#fff}
.dark-section p,.ai-section p,.sms-use-card p,.inquiry-aside p,.product-hero p,.erp-hero p,.dark-callout p{color:#e2e7f0}

/* Original emerald theme */
html[data-theme="emerald"] .announcement,html[data-theme="emerald"] .prefooter{background:#08a77e}
html[data-theme="emerald"] .asidebar,html[data-theme="emerald"] .dark-section,html[data-theme="emerald"] .ai-section,html[data-theme="emerald"] .sms-use-card,html[data-theme="emerald"] .inquiry-aside,html[data-theme="emerald"] .brand-mark,html[data-theme="emerald"] .btn-dark{background:#07132c}
html[data-theme="emerald"] .btn-accent{background:#08a77e;color:#fff}html[data-theme="emerald"] .btn-accent:hover{background:#067e60}
html[data-theme="emerald"] .hero-copy h1 em,html[data-theme="emerald"] .text-link b,html[data-theme="emerald"] .service-card b,html[data-theme="emerald"] .design-hero h1 em,html[data-theme="emerald"] .erp-hero h1 em{color:#08a77e!important}
html[data-theme="emerald"] .brand-mark i,html[data-theme="emerald"] .brand-mark i:nth-child(2){background:#49dfb6}html[data-theme="emerald"] .brand-mark i:nth-child(3){background:#08a77e}
html[data-theme="emerald"] .eyebrow,html[data-theme="emerald"] .module-price,html[data-theme="emerald"] .package-icon{color:#078f6d;background:#e1f9f2}

/* Exact original Pillar custom theme: navy, mint and emerald */
.theme-tray button[data-set-theme="original"] i{background:linear-gradient(135deg,#07132c 0 48%,#49dfb6 48% 74%,#08a77e 74%)}
html[data-theme="original"] .announcement{background:#07132c;color:#b9c5dc}html[data-theme="original"] .announcement a{color:#76f0cf}
html[data-theme="original"] .prefooter{background:#49dfb6}html[data-theme="original"] .prefooter h2{color:#07132c}html[data-theme="original"] .prefooter .kicker{color:#07664f}
html[data-theme="original"] footer{background:#07132c;color:#c7d2e2}html[data-theme="original"] footer p{color:#aebbd0}html[data-theme="original"] footer a{color:#aebbd0}html[data-theme="original"] footer a:hover,html[data-theme="original"] footer h5{color:#fff}html[data-theme="original"] .fbottom{border-color:#243450;color:#8fa0ba}
html[data-theme="original"] .footer-logo .brand-mark{background:#49dfb6}html[data-theme="original"] .footer-logo .brand-mark i{background:#07132c}
html[data-theme="original"] .asidebar,html[data-theme="original"] .dark-section,html[data-theme="original"] .ai-section,html[data-theme="original"] .sms-use-card,html[data-theme="original"] .inquiry-aside,html[data-theme="original"] .brand-mark,html[data-theme="original"] .btn-dark{background:#07132c}
html[data-theme="original"] .btn-accent{background:#49dfb6;color:#07132c}html[data-theme="original"] .btn-accent:hover{background:#31cfa6}
html[data-theme="original"] .hero-copy h1 em,html[data-theme="original"] .text-link b,html[data-theme="original"] .service-card b,html[data-theme="original"] .design-hero h1 em,html[data-theme="original"] .erp-hero h1 em{color:#08a77e!important}
html[data-theme="original"] .brand-mark i,html[data-theme="original"] .brand-mark i:nth-child(2),html[data-theme="original"] .brand-mark i:nth-child(3){background:#49dfb6}
html[data-theme="original"] .eyebrow,html[data-theme="original"] .module-price,html[data-theme="original"] .package-icon,html[data-theme="original"] .mega-links>a>i,html[data-theme="original"] .erp-module-grid>article>i{color:#078f6d;background:#e1f9f2;border-color:#bcefdc}
html[data-theme="original"] .hero-premium{background:radial-gradient(circle at 78% 25%,#d9fbf1 0,transparent 27%),linear-gradient(180deg,#fbfcff,#f3f7fb)}
html[data-theme="original"] .livedot,html[data-theme="original"] .server-light,html[data-theme="original"] .hero-media-top .live-pill i,html[data-theme="original"] .hero-slide-dots i{background:#49dfb6!important}
html[data-theme="original"] .recommend-label{background:#d9fbf1;color:#06775a}

/* Ocean theme */
html[data-theme="ocean"] .announcement,html[data-theme="ocean"] .prefooter{background:#2563eb}
html[data-theme="ocean"] .asidebar,html[data-theme="ocean"] .dark-section,html[data-theme="ocean"] .ai-section,html[data-theme="ocean"] .sms-use-card,html[data-theme="ocean"] .inquiry-aside,html[data-theme="ocean"] .brand-mark,html[data-theme="ocean"] .btn-dark{background:#111827}
html[data-theme="ocean"] .btn-accent{background:#f59e0b;color:#111827}html[data-theme="ocean"] .btn-accent:hover{background:#d98705}
html[data-theme="ocean"] .hero-copy h1 em,html[data-theme="ocean"] .text-link b,html[data-theme="ocean"] .service-card b,html[data-theme="ocean"] .design-hero h1 em,html[data-theme="ocean"] .erp-hero h1 em{color:#2563eb!important}
html[data-theme="ocean"] .brand-mark i{background:#60a5fa}html[data-theme="ocean"] .brand-mark i:nth-child(3){background:#f59e0b}

/* Royal theme */
html[data-theme="royal"] .announcement,html[data-theme="royal"] .prefooter{background:#7c3aed}
html[data-theme="royal"] .asidebar,html[data-theme="royal"] .dark-section,html[data-theme="royal"] .ai-section,html[data-theme="royal"] .sms-use-card,html[data-theme="royal"] .inquiry-aside,html[data-theme="royal"] .brand-mark,html[data-theme="royal"] .btn-dark{background:#27183f}
html[data-theme="royal"] .btn-accent{background:#ec4899;color:#fff}html[data-theme="royal"] .btn-accent:hover{background:#d63384}
html[data-theme="royal"] .hero-copy h1 em,html[data-theme="royal"] .text-link b,html[data-theme="royal"] .service-card b,html[data-theme="royal"] .design-hero h1 em,html[data-theme="royal"] .erp-hero h1 em{color:#7c3aed!important}
html[data-theme="royal"] .brand-mark i{background:#a78bfa}html[data-theme="royal"] .brand-mark i:nth-child(3){background:#ec4899}

/* ---------- Client account ---------- */
.account-view{max-width:1120px}.account-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px}.account-heading h2{font-size:36px}.account-tabs{overflow-x:auto;white-space:nowrap}.account-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.account-quick-grid>a{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e1e6ee;border-radius:13px;padding:18px;transition:.2s}.account-quick-grid>a:hover{border-color:#1b75bc;transform:translateY(-2px);box-shadow:0 18px 35px -28px rgba(27,117,188,.55)}.account-quick-grid>a>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e8f3fb;color:#1b75bc}.account-quick-grid span{flex:1}.account-quick-grid b,.account-quick-grid small{display:block}.account-quick-grid b{font-size:13px}.account-quick-grid small{font-size:9.5px;color:#7c8799;margin-top:2px}.account-quick-grid em{font-style:normal;color:#be1e2d}.account-service-section{margin-top:28px}.account-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.account-section-title>div{display:flex;align-items:center;gap:9px}.account-section-title i{color:#1b75bc}.account-section-title h3{margin:0;font-size:18px}.account-section-title>span{font-size:10px;color:#7c8799}.account-item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.account-service-card{background:#fff;border:1px solid #e1e6ee;border-radius:15px;padding:20px;min-height:175px;display:flex;flex-direction:column}.service-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.service-card-head>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e8f3fb;color:#1b75bc}.account-service-card h3{font-size:16px}.account-service-card p,.account-service-card small{font-size:10.5px;color:#748095}.account-service-card>a{margin-top:auto;font-size:11px;font-weight:700;color:#1b75bc}.account-empty-row{background:#fff;border:1px dashed #ccd6e2;border-radius:13px;padding:23px;color:#788497;font-size:12px}.account-empty-row a{color:#1b75bc;font-weight:700}

.oauth-divider{display:flex;align-items:center;gap:10px;margin:17px 0;color:#98a2b3;font-size:10px}.oauth-divider:before,.oauth-divider:after{content:'';height:1px;background:#e3e7ec;flex:1}.google-login{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #dce2e9;background:#fff;color:#3d3e57;border-radius:9px;padding:11px;font-weight:700;font-size:13px;cursor:pointer}.google-login:hover{border-color:#1b75bc;background:#f8fbfd}.google-login[disabled]{opacity:.55;cursor:not-allowed}.google-g{font:800 18px Arial;color:#4285f4}
.admin-edit-link{display:block;text-align:center;margin-top:10px;color:#fff;font-size:10px;text-decoration:underline;opacity:.72}
.invoice-list{display:grid;gap:10px}.invoice-list-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:15px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.invoice-list-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent-deep)}.invoice-list-item b,.invoice-list-item small{display:block}.invoice-list-item small{margin-top:3px;color:var(--ink-soft);font-size:10px}.invoice-list-total{text-align:right}.invoice-list-total .pill{display:inline-block;margin-top:4px}.table-scroll{overflow-x:auto}@media(max-width:700px){.invoice-list-item{grid-template-columns:auto 1fr}.invoice-list-total{text-align:left}.invoice-list-item>a{grid-column:1/-1;justify-content:center}}
.client-trust{background:#fff;padding:38px 24px;border-bottom:1px solid #e7ebf2}.client-trust-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.client-trust-head p{font-size:11.5px;margin:0;max-width:530px}.client-logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.client-logo-grid a{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #e5e9ef;border-radius:12px;background:#fbfcfd;transition:.2s}.client-logo-grid a:hover{transform:translateY(-3px);border-color:#b8d4e8;box-shadow:0 16px 30px -26px #1b75bc}.client-logo-grid img,.client-monogram{width:34px;height:34px;object-fit:contain}.client-monogram{display:grid;place-items:center;border-radius:9px;background:#3d3e57;color:#fff;font:800 11px var(--font-d)}.client-monogram.lemon{background:#d9a814}.client-monogram.chicken{background:#be1e2d}.client-logo-grid b{font-size:9.5px;text-align:center;color:#596579}

/* ---------- Networking and About ---------- */
.network-hero{padding:95px 24px;background:linear-gradient(135deg,#303147,#3d3e57 60%,#1b75bc 145%);color:#fff;overflow:hidden}.network-hero h1{color:#fff;font-size:clamp(44px,5vw,70px);line-height:1;letter-spacing:-.05em}.network-hero p{color:#e1e6ee;font-size:18px}.network-map{display:flex;align-items:center;justify-content:center;gap:10px;padding:50px 30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.17);border-radius:20px}.network-map i{width:66px;height:66px;display:grid;place-items:center;border-radius:17px;background:#fff;color:#1b75bc;font-size:25px}.network-map i:last-child{color:#be1e2d}.network-map span{width:38px;height:2px;background:rgba(255,255,255,.35)}
.survey-travel-note{display:flex;gap:11px;margin-top:25px;padding:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:11px}.survey-travel-note i{color:#75b9ea;margin-top:3px}.survey-travel-note b,.survey-travel-note span{display:block}.survey-travel-note span{font-size:10.5px;color:#e1e6ee}
.form-assurance{display:flex;justify-content:center;align-items:center;gap:7px;margin:12px 0 0;color:var(--ink-soft);font-size:10.5px;text-align:center}.form-assurance i{color:var(--accent-deep)}
.portfolio-section{background:var(--surface)}.portfolio-domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.portfolio-domain-grid>a{display:flex;align-items:center;gap:12px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--bg);transition:transform .2s,border-color .2s,box-shadow .2s}.portfolio-domain-grid>a:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-lift)}.portfolio-domain-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--accent-soft);color:var(--accent-deep);font-size:12px}.portfolio-domain-grid>a>span:last-child{min-width:0}.portfolio-domain-grid b,.portfolio-domain-grid small{display:block}.portfolio-domain-grid b{overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:12.5px;white-space:nowrap}.portfolio-domain-grid small{margin-top:3px;color:var(--ink-faint);font-size:9.5px}.portfolio-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px;padding:22px 25px;border-radius:16px;background:var(--accent-soft)}.portfolio-cta>span{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:700}.portfolio-cta>span i{color:var(--accent-deep)}
.mega-web-design{width:510px;grid-template-columns:1fr;left:50%}.portfolio-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.portfolio-preview>div{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.portfolio-preview strong,.portfolio-preview span{display:block}.portfolio-preview strong{font:800 24px var(--font-d);color:var(--ink)}.portfolio-preview span{margin-top:4px;color:var(--ink-soft);font-size:11px}.portfolio-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portfolio-hero-stats>div{padding:25px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.08)}.portfolio-hero-stats strong,.portfolio-hero-stats span{display:block}.portfolio-hero-stats strong{color:#fff;font:800 35px var(--font-d)}.portfolio-hero-stats span{color:#b8c5d7;font-size:11px}.portfolio-package-legend{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.portfolio-package-legend span{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--line);border-radius:99px;color:var(--ink-soft);font-size:10px;font-weight:700}.portfolio-package-legend i{width:8px;height:8px;border-radius:50%;background:var(--accent-deep)}.portfolio-package-legend .package-commerce i{background:var(--danger)}.portfolio-package-legend .package-platform i{background:var(--panel)}.portfolio-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portfolio-project{padding:0 18px 18px;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--surface);transition:.2s}.portfolio-project:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-lift)}.portfolio-preview-image{position:relative;display:block!important;height:190px;margin:0 -18px 18px!important;padding:25px 0 0!important;overflow:hidden;border:0!important;background:var(--panel)}.portfolio-browser-bar{position:absolute;z-index:3;left:0;right:0;top:0;height:26px;display:flex;align-items:center;gap:4px;padding:0 9px;background:#eef1f5}.portfolio-browser-bar i{width:6px;height:6px;border-radius:50%;background:#aab2bf}.portfolio-browser-bar i:first-child{background:#be1e2d}.portfolio-browser-bar i:nth-child(2){background:#f2b84b}.portfolio-browser-bar i:nth-child(3){background:#49b98e}.portfolio-browser-bar b{overflow:hidden;margin-left:6px;color:#697386;font:500 7.5px var(--font-m);text-overflow:ellipsis;white-space:nowrap}.portfolio-preview-image>img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .45s}.portfolio-project:hover .portfolio-preview-image>img{transform:scale(1.035)}.portfolio-image-fallback{position:absolute;inset:26px 0 0;display:grid;place-items:center;background:linear-gradient(145deg,var(--panel),var(--panel-soft));color:var(--accent);font-size:34px}.portfolio-project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.portfolio-class{padding:5px 8px;border-radius:99px;background:var(--accent-soft);color:var(--accent-deep);font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.portfolio-class.package-commerce{background:var(--danger-bg);color:var(--danger)}.portfolio-class.package-custom-platform{background:var(--panel);color:#fff}.portfolio-project h3{overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;font-size:16px;white-space:nowrap}.portfolio-project p{font-size:11px}.portfolio-project>a:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:13px;border-top:1px solid var(--line-soft);color:var(--accent-deep);font-size:11px;font-weight:800}.portfolio-capability{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;padding:20px;border-radius:18px;background:var(--panel)}.portfolio-capability>div{display:flex;align-items:center;gap:12px;padding:12px}.portfolio-capability i{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:rgba(255,255,255,.1);color:var(--accent)}.portfolio-capability b,.portfolio-capability small{display:block}.portfolio-capability b{color:#fff;font-size:12px}.portfolio-capability small{margin-top:3px;color:var(--panel-ink);font-size:9.5px}
.about-hero{padding:100px 24px;background:radial-gradient(circle at 80% 20%,rgba(27,117,188,.22),transparent 30%),linear-gradient(145deg,#f8fafc,#eef3f8)}.about-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.about-hero h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.06em}.about-hero p{font-size:18px}.about-mark{height:360px;border-radius:28px;background:linear-gradient(145deg,#3d3e57,#292a3d);color:#fff;display:grid;place-items:center;position:relative;box-shadow:0 40px 75px -40px #3d3e57}.about-mark>span{font:800 170px/1 var(--font-d);color:#1b75bc}.about-mark>div{position:absolute;left:28px;bottom:25px}.about-mark b,.about-mark small{display:block}.about-mark small{font-size:9px;color:#c5ccda}.about-story{background:#fff}.about-story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.about-story h2{font-size:43px;line-height:1.08}.about-film-section{padding-top:0;background:#fff}.about-film{height:540px;border-radius:26px;overflow:hidden;position:relative;background:#07132c;box-shadow:0 35px 70px -38px #07132c}.about-film-scenes,.film-scene,.film-scene img,.film-shade{position:absolute;inset:0;width:100%;height:100%}.film-scene{opacity:0;animation:about-film 12s infinite}.film-scene img{object-fit:cover}.film-server{opacity:1}.film-people{animation-delay:6s}@keyframes about-film{0%,43%{opacity:1;transform:scale(1)}50%,93%{opacity:0;transform:scale(1.07)}100%{opacity:1;transform:scale(1)}}.film-shade{background:linear-gradient(90deg,rgba(7,19,44,.9),rgba(7,19,44,.15) 70%),linear-gradient(0deg,rgba(7,19,44,.72),transparent 50%)}.film-copy{position:absolute;left:55px;bottom:52px;color:#fff;max-width:620px}.film-copy>span{font:600 9px var(--font-m);letter-spacing:.13em;color:#75b9ea}.film-copy h2{color:#fff;font-size:52px;line-height:1;margin:13px 0}.film-copy p{color:#d5deea}.film-progress{width:170px;height:3px;background:rgba(255,255,255,.25);margin-top:28px}.film-progress i{display:block;height:100%;background:#be1e2d;animation:film-progress 6s linear infinite}@keyframes film-progress{from{width:0}to{width:100%}}.film-lines{position:absolute;right:40px;top:35px;display:flex;gap:5px}.film-lines i{width:35px;height:3px;background:rgba(255,255,255,.35)}.film-lines i:first-child{background:#1b75bc}
.about-team-image{height:440px;border-radius:28px;overflow:hidden;position:relative;background:var(--panel);box-shadow:0 40px 75px -40px var(--panel)}.about-team-image>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.about-team-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,19,44,.82))}.about-image-caption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;align-items:center;gap:11px;color:#fff}.about-image-caption>i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:var(--accent-ink)}.about-image-caption b,.about-image-caption small{display:block}.about-image-caption b{font-size:13px}.about-image-caption small{color:#dce5ef;font-size:9.5px;margin-top:2px}.about-proof{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px}.about-proof span{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.72);color:var(--ink-soft);font-size:10.5px;font-weight:700}.about-proof i{color:var(--accent-deep)}.about-story-highlight{display:flex;gap:15px;padding:20px;margin-top:24px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 12px 12px 0}.about-story-highlight i{color:var(--accent-deep);margin-top:3px}.about-story-highlight span{color:var(--ink);font-weight:700;line-height:1.65}
.about-brand-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mobile-dock{display:none}
.about-showcase-section{background:#f1f5f8}.about-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.showcase-card{min-height:270px;background:#fff;border:1px solid #e0e6ed;border-radius:17px;padding:23px;display:flex;flex-direction:column;transition:.23s;position:relative;overflow:hidden}.showcase-card:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;background:rgba(27,117,188,.06);right:-30px;top:-30px}.showcase-card:hover{transform:translateY(-5px);border-color:#b7d2e6;box-shadow:0 25px 45px -34px rgba(27,117,188,.55)}.showcase-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.showcase-top i{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#e8f3fb;color:#1b75bc}.showcase-top span{font:600 8.5px var(--font-m);text-transform:uppercase;letter-spacing:.08em;color:#8490a1}.showcase-card h3{font-size:19px}.showcase-card p{font-size:11.5px;flex:1}.showcase-card b{font-size:11px;color:#3d3e57;padding-top:13px;border-top:1px solid #edf0f4}.showcase-card em{font-style:normal;font-size:10px;font-weight:700;color:#1b75bc;margin-top:10px}.showcase-hosting,.showcase-erp{background:linear-gradient(145deg,#3d3e57,#303147);border-color:#3d3e57}.showcase-hosting h3,.showcase-hosting b,.showcase-erp h3,.showcase-erp b{color:#fff}.showcase-hosting p,.showcase-erp p{color:#c8d0de}.showcase-hosting .showcase-top i,.showcase-erp .showcase-top i{background:rgba(255,255,255,.1);color:#75b9ea}.showcase-hosting em,.showcase-erp em{color:#75b9ea}.showcase-hosting b,.showcase-erp b{border-color:rgba(255,255,255,.14)}
.about-values{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.about-values article{background:#fff;border:1px solid #e1e6ee;border-radius:16px;padding:25px;position:relative}.about-values span{position:absolute;right:18px;top:16px;font:600 9px var(--font-m);color:#9aa4b2}.about-values i{font-size:23px;color:#1b75bc;margin:20px 0}.about-values h3{font-size:16px}.about-values p{font-size:11.5px}.about-platform{background:linear-gradient(145deg,#3d3e57,#2d2e43);color:#fff}.about-platform-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.about-platform h2{color:#fff;font-size:45px}.about-platform p{color:#dde3ec}.platform-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.platform-list a{display:flex;gap:13px;align-items:center;padding:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:12px}.platform-list i{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:rgba(27,117,188,.25);color:#75b9ea}.platform-list b,.platform-list small{display:block}.platform-list b{font-size:12px;color:#fff}.platform-list small{font-size:9.5px;color:#b9c3d2}.about-commitment{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;background:#fff;border:1px solid #e1e6ee;border-radius:20px;padding:45px}.about-commitment h2{font-size:40px}

@media(max-width:1000px){.about-hero-grid,.about-story-grid,.about-platform-grid{grid-template-columns:1fr}.about-mark,.about-team-image{height:340px}.about-values,.about-showcase{grid-template-columns:1fr 1fr}.network-map{display:none}}
@media(max-width:760px){body{padding-bottom:72px}.hero-proof-cards{display:none}.hero-copy .eyebrow{font-size:9px}.domain-prefix{display:none!important}.account-heading{display:block}.account-heading .btn{margin-top:14px}.account-quick-grid,.account-item-grid,.about-values,.about-showcase,.platform-list,.about-commitment{grid-template-columns:1fr}.client-trust-head{display:block}.client-logo-grid{grid-template-columns:repeat(2,1fr)}.network-hero,.about-hero{padding:70px 18px}.about-film{height:430px}.film-copy{left:24px;right:24px;bottom:30px}.film-copy h2{font-size:36px}.mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:9px;z-index:140;background:rgba(255,255,255,.96);border:1px solid #dce3eb;border-radius:16px;padding:7px;box-shadow:0 18px 45px -15px rgba(27,31,52,.55);backdrop-filter:blur(14px)}.mobile-dock a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#667085;font-size:8px;font-weight:700}.mobile-dock i{font-size:15px}.mobile-dock .dock-call{color:#fff;background:#be1e2d;border-radius:11px;padding:7px 3px;margin:-13px 1px 0;box-shadow:0 9px 22px -11px #be1e2d}.whatsapp-widget{bottom:82px!important}.theme-tray{top:46%;padding:7px 5px}}
@media(prefers-reduced-motion:reduce){.film-scene,.film-progress i{animation:none}.film-people{display:none}}

@media print{ #topnav,footer,.btn{display:none;} }

/* Final admin navigation contrast override — intentionally last and theme-independent. */
html .admin-body .asidebar .admin-nav-group>summary,
html[data-theme] .admin-body .asidebar .admin-nav-group>summary{
 color:#49dfb6!important;
 opacity:1!important;
 filter:none!important;
 text-shadow:none!important;
 font-size:12px!important;
 font-weight:600!important;
 line-height:1.4!important;
 letter-spacing:.035em!important;
}
html .admin-body .asidebar .admin-nav-group>summary span,
html .admin-body .asidebar .admin-nav-group>summary i{
 color:#49dfb6!important;
 opacity:1!important;
 filter:none!important;
 text-shadow:none!important;
}
html .admin-body .asidebar .admin-nav-group a,
html .admin-body .asidebar .admin-nav-group a span,
html .admin-body .asidebar .admin-nav-group a i{
 color:#fff!important;
 opacity:1!important;
 filter:none!important;
 text-shadow:none!important;
}
.editor-help{margin:0 0 12px;padding:10px;border-radius:8px;background:var(--accent-soft);color:var(--ink-soft);font-size:10px}
.frontend-editor-drawer{left:0!important;right:auto!important;transform:translateX(-105%)!important;box-shadow:25px 0 70px -35px #000!important}.frontend-editor-drawer.open{transform:none!important}
.frontend-admin-tools{position:fixed;right:18px;bottom:18px;z-index:135;display:flex;overflow:hidden;border-radius:10px;background:#07132c;box-shadow:0 12px 32px -14px #000}.frontend-admin-tools a,.frontend-admin-tools button{border:0;border-right:1px solid rgba(255,255,255,.15);padding:10px 12px;background:transparent;color:#fff;font:500 11px var(--font-b);cursor:pointer}.frontend-admin-tools i{margin-right:5px}.frontend-editor-drawer{position:fixed;z-index:180;inset:0 0 0 auto;width:min(460px,94vw);background:#fff;transform:translateX(105%);transition:transform .25s ease;box-shadow:-25px 0 70px -35px #000}.frontend-editor-drawer.open{transform:none}.frontend-editor-drawer iframe{width:100%;height:100%;border:0}.frontend-editor-overlay{position:fixed;z-index:175;inset:0;background:rgba(7,19,44,.55);opacity:0;visibility:hidden;transition:.2s}.frontend-editor-overlay.open{opacity:1;visibility:visible}.frontend-editor-body{margin:0;background:#f5f7fb}.frontend-editor-body>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#07132c;color:#fff}.frontend-editor-body>header span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#49dfb6}.frontend-editor-body>header h1{margin:3px 0 0;color:#fff;font-size:14px}.frontend-editor-body>header button{border:0;background:rgba(255,255,255,.12);color:#fff;width:32px;height:32px;border-radius:8px}.frontend-editor-body main{padding:14px}.editor-block{margin-bottom:10px;border:1px solid #dfe5ec;border-radius:11px;background:#fff;overflow:hidden}.editor-block summary{padding:13px;cursor:pointer;list-style:none}.editor-block summary span,.editor-block summary small{display:block}.editor-block summary span{font-weight:600;font-size:13px}.editor-block summary small{margin-top:3px;color:#7d8796;font-size:9px}.editor-block form{padding:0 13px 13px}.editor-block textarea{width:100%;resize:vertical;font:400 12px/1.55 var(--font-b)}.editor-block form>div{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.editor-block form button{border:0;border-radius:7px;padding:8px 11px;background:#07132c;color:#fff;font-weight:600;font-size:10px}.editor-block form small,.editor-status{font-size:9px;color:#7d8796}.editor-empty{text-align:center;padding:60px 25px}.editor-empty>i{font-size:28px;color:var(--accent-deep)}.editor-empty h2{font-size:18px}.editor-empty p{font-size:11px}.editor-empty a{font-size:10px;font-weight:700;color:var(--accent-deep)}@media(max-width:760px){.frontend-admin-tools{bottom:84px;right:12px}}
.compact-creator{margin-bottom:14px}.compact-creator>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font:700 12px var(--font-m)}.compact-creator>summary span{display:flex;align-items:center;gap:8px}.compact-creator[open]>summary{padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid var(--line)}.frontend-admin-edit{position:fixed;right:18px;bottom:18px;z-index:135;padding:9px 12px;border-radius:9px;background:#07132c;color:#fff;font-size:10px;font-weight:700;box-shadow:0 10px 28px -12px #000}.frontend-admin-edit i{margin-right:5px}@media(max-width:760px){.frontend-admin-edit{bottom:84px;right:12px}}
.analytics-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.analytics-toolbar small{color:var(--ink-soft)}.admin-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.admin-report-grid h3{font-size:14px;margin-bottom:12px}.report-subhead{margin-top:20px!important}.metric-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;margin:3px;border-radius:8px;background:var(--accent-soft);font-size:10px}.campaign-card{margin-bottom:10px}.campaign-card h3{font-size:14px;margin:10px 0 4px}.campaign-card p{font-size:10.5px}.checkline{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;margin:10px 0 14px}.checkline input{width:auto}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.integration-card{padding:0!important;overflow:hidden}.integration-card>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:15px;cursor:pointer;font:700 12px var(--font-m)}.integration-card>summary::-webkit-details-marker{display:none}.integration-card>summary span{display:flex;align-items:center;gap:9px}.integration-card>summary span i{color:var(--accent-deep)}.integration-card>form{padding:15px;border-top:1px solid var(--line)}.integration-card label small{color:var(--success)}@media(max-width:850px){.admin-report-grid,.integration-grid{grid-template-columns:1fr}.analytics-toolbar{display:block}.analytics-toolbar small{display:block;margin-top:8px}}
.admin-body .asidebar{background:#07132c}.admin-body .asidebar,.admin-body .asidebar .alogo,.admin-body .asidebar summary,.admin-body .asidebar a,.admin-body .asidebar a span,.admin-body .asidebar a i{color:#fff!important;opacity:1!important;text-shadow:none!important;filter:none!important}.admin-body .asidebar summary{color:#fff!important;font-size:10.5px!important;font-weight:600!important;letter-spacing:.06em}.admin-body .asidebar a,.admin-body .asidebar a span{font-size:13.5px!important;font-weight:500!important;line-height:1.35}.admin-body .asidebar a{padding:9px 10px}.admin-body .asidebar .alogo,.admin-body .asidebar .alogo span{font-size:16px!important;font-weight:500!important}.admin-body .asidebar a:hover,.admin-body .asidebar a.active{color:#fff!important;background:rgba(255,255,255,.16)}
.customer-editor{margin-bottom:14px}.customer-editor>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;font:700 13px var(--font-m);padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.customer-editor>summary::-webkit-details-marker{display:none}.customer-editor>summary span{display:flex;align-items:center;gap:8px}.customer-editor>summary>a{color:var(--ink-soft)}.customer-security-row{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:20px;padding:12px;margin-bottom:12px;border-radius:9px;background:var(--bg)}.customer-security-row>label{font-size:11px;font-weight:700}.customer-security-row>label input{width:auto;margin-right:6px}.customer-security-row .formrow{margin:0}@media(max-width:760px){.customer-security-row{grid-template-columns:1fr}}
/* Customer relationship centre */
.customer-page-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.customer-page-head .kicker{margin-bottom:7px}.customer-page-head .btn{white-space:nowrap}.customer-search-panel{margin:0 0 18px;padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,var(--surface),var(--bg));box-shadow:0 12px 28px -28px rgba(7,19,44,.42)}.customer-search-input{display:flex;align-items:center;gap:10px;padding:6px 7px 6px 15px;border:1px solid #cbd8e5;border-radius:11px;background:#fff;transition:border-color .2s,box-shadow .2s}.customer-search-input>i{color:var(--accent-deep);font-size:14px}.customer-search-input input{min-width:0;flex:1;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#17253b!important;font:600 14px var(--font-b)!important;padding:8px 2px!important}.customer-search-input input::placeholder{color:#738197;opacity:1}.customer-search-input:focus-within{border-color:#1b75bc;box-shadow:0 0 0 4px rgba(27,117,188,.12)}.customer-search-input .btn{min-height:37px;padding:8px 13px}.customer-filter-row{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin-top:12px}.customer-filter-row label{min-width:130px;flex:1}.customer-filter-row label>span{display:block;margin:0 0 4px;color:var(--ink-soft);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.customer-filter-row select{width:100%;height:34px;padding:6px 26px 6px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:600 11px var(--font-b);outline:none}.customer-filter-row select:focus{border-color:#1b75bc;box-shadow:0 0 0 3px rgba(27,117,188,.1)}.customer-filter-apply,.customer-filter-reset{height:34px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:var(--accent-deep);font:700 11px var(--font-b);white-space:nowrap}.customer-filter-apply{background:var(--accent-soft)}.customer-filter-reset{display:inline-flex;align-items:center;gap:5px}.customer-profile{margin-bottom:18px!important;padding:20px!important;border-color:#bdd2e4!important}.customer-profile-top{display:flex;align-items:start;justify-content:space-between;gap:16px;padding-bottom:17px;border-bottom:1px solid var(--line)}.customer-profile-top .crumb{display:inline-block;margin:0 0 10px;font-size:11px}.customer-profile-title{display:flex;align-items:center;gap:11px}.customer-profile-title h3{margin:0;font-size:20px}.customer-profile-title p{margin:3px 0 0;font-size:12px;color:var(--ink-soft)}.customer-profile-title p span{margin:0 5px}.customer-profile-actions{display:flex;align-items:center;gap:8px}.customer-avatar{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#1b75bc,#3d3e57);color:#fff;font:800 16px var(--font-d);box-shadow:0 8px 20px -13px #07132c}.customer-avatar.sm{width:31px;height:31px;border-radius:9px;font-size:12px}.customer-profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:15px 0}.customer-profile-metrics>div{min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.customer-profile-metrics i{display:block;margin-bottom:8px;color:var(--accent-deep);font-size:12px}.customer-profile-metrics b,.customer-profile-metrics span{display:block}.customer-profile-metrics b{font:800 17px var(--font-d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-profile-metrics span{margin-top:3px;color:var(--ink-soft);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.customer-detail-grid,.customer-records-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.customer-detail-grid article,.customer-records-grid article{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.customer-detail-grid h4,.customer-records-grid h4{margin:0 0 10px;font-size:12px}.customer-detail-grid h4 i,.customer-records-grid h4 i{margin-right:6px;color:var(--accent-deep)}.customer-records-grid h4 small{float:right;padding:2px 6px;border-radius:99px;background:var(--accent-soft);color:var(--accent-deep);font-size:9px}.customer-detail-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.customer-detail-grid dt{margin-bottom:2px;color:var(--ink-soft);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.customer-detail-grid dd{margin:0;color:var(--ink);font-size:11.5px;font-weight:600}.verified{color:#087c61}.not-verified{color:#8a5e00}.customer-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}.customer-quick-links a{padding:9px;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:10.5px;font-weight:700}.customer-quick-links a:hover{border-color:#1b75bc;color:#1b75bc}.customer-quick-links i{margin-right:5px;color:var(--accent-deep)}.customer-profile .customer-editor{margin:14px 0;padding:14px;border:1px dashed #b7c7d6;border-radius:10px}.customer-records-grid{grid-template-columns:repeat(3,1fr);margin-top:11px}.customer-record-list{display:grid;gap:6px}.customer-record-list>a{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--ink)}.customer-record-list>a:last-child{border-bottom:0}.customer-record-list b,.customer-record-list small{display:block}.customer-record-list b{font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-record-list small{margin-top:2px;color:var(--ink-soft);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-record-list .pill{font-size:7px!important}.service-kind{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--accent-soft);color:var(--accent-deep);font-size:10px}.customer-empty{margin:0;padding:12px 0;color:var(--ink-soft);font-size:11px}.customer-directory-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:7px 0 10px}.customer-directory-head b{font:800 13px var(--font-d)}.customer-directory-head span,.customer-directory-head small{color:var(--ink-soft);font-size:10.5px}.customer-table-name{display:flex;align-items:center;gap:8px}.customer-table-name b,.customer-table-name small{display:block}.customer-table-name small{margin-top:2px}.customer-directory td>a{color:#1b75bc;font-weight:600}.customer-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.customer-pagination a{padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:11px;font-weight:700}.customer-pagination span{font-size:11px;color:var(--ink-soft)}@media(max-width:900px){.customer-records-grid{grid-template-columns:1fr}.customer-profile-metrics{grid-template-columns:1fr 1fr}}@media(max-width:680px){.customer-page-head,.customer-profile-top,.customer-directory-head{display:block}.customer-page-head .btn{margin-top:12px}.customer-filter-row label{min-width:calc(50% - 6px)}.customer-profile-actions{margin-top:12px}.customer-detail-grid{grid-template-columns:1fr}.customer-detail-grid dl{grid-template-columns:1fr 1fr}.customer-search-input .btn span{display:none}.customer-search-input .btn{width:40px;justify-content:center;padding:8px}.customer-directory-head small{display:block;margin-top:4px}}
/* Search-focused editorial content and FAQs */
.seo-intro{background:linear-gradient(180deg,var(--bg) 0%,var(--surface) 100%)}
.seo-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.seo-copy-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-soft)}
.seo-copy-card>i{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border-radius:14px;background:var(--accent-soft);color:var(--accent-deep);font-size:20px}
.seo-copy-card h3{margin:0 0 10px;color:var(--ink);font-size:20px}
.seo-copy-card p{margin:0;color:var(--ink-soft);line-height:1.75}
.seo-copy-card a{color:var(--accent-deep);font-weight:700;text-decoration:none}
.seo-copy-card a:hover{text-decoration:underline}
.faq-section{background:var(--bg)}
.faq-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:70px;align-items:start}
.faq-intro h2{margin:10px 0 14px;font-size:clamp(30px,4vw,48px)}
.faq-intro p{color:var(--ink-soft);line-height:1.75;margin:0 0 24px}
.faq-list{display:grid;gap:12px}
.faq-list details{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-soft)}
.faq-list summary{position:relative;padding:20px 54px 20px 22px;cursor:pointer;list-style:none;color:var(--ink);font-weight:800}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:20px;top:14px;color:var(--accent-deep);font-size:26px;font-weight:500}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{margin:0;padding:0 22px 22px;color:var(--ink-soft);line-height:1.7}
@media(max-width:850px){.seo-content-grid{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr;gap:34px}}
@media(max-width:850px){.portfolio-domain-grid{grid-template-columns:1fr 1fr}.portfolio-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:850px){.portfolio-project-grid{grid-template-columns:1fr 1fr}.portfolio-preview{grid-template-columns:1fr}.portfolio-capability{grid-template-columns:1fr}}
@media(max-width:560px){.portfolio-domain-grid,.portfolio-project-grid{grid-template-columns:1fr}.portfolio-hero-stats{grid-template-columns:1fr 1fr}}

/* Keep late-page components inside the active palette. */
html[data-theme="original"]{
  --bg:#f3f7fb;--surface:#fff;--ink:#07132c;--ink-soft:#596579;--ink-faint:#8fa0ba;
  --accent:#49dfb6;--accent-deep:#078f6d;--accent-ink:#07132c;--accent-soft:#e1f9f2;
  --panel:#07132c;--panel-line:#243450;--panel-soft:#101f39;--panel-ink:#c7d2e2;
  --line:#dfe7ee;--line-soft:#edf2f5;
}
html[data-theme="ocean"]{
  --accent:#f59e0b;--accent-deep:#2563eb;--accent-ink:#111827;--accent-soft:#e8f0ff;
  --panel:#111827;--panel-line:#2a3548;--panel-soft:#1f2937;
}
html[data-theme="royal"]{
  --accent:#ec4899;--accent-deep:#7c3aed;--accent-ink:#fff;--accent-soft:#f2eafe;
  --panel:#27183f;--panel-line:#4a3569;--panel-soft:#35204f;
}

/* Premium WhatsApp support card */
.whatsapp-widget{align-items:flex-end;gap:12px}.whatsapp-button{position:relative;border:0;cursor:pointer;background:linear-gradient(145deg,#27d374,#17ad59);box-shadow:0 18px 40px -14px rgba(17,109,55,.75)}.whatsapp-button:before{content:'';position:absolute;inset:-5px;border:1px solid rgba(32,199,106,.32);border-radius:50%;animation:whatsapp-pulse 2.4s ease-out infinite}.whatsapp-notification{position:absolute;right:-2px;top:-3px;width:18px;height:18px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#be1e2d;color:#fff;font:800 8px var(--font-b)}@keyframes whatsapp-pulse{0%{transform:scale(.92);opacity:.8}75%,100%{transform:scale(1.28);opacity:0}}.whatsapp-message{display:block;height:0;width:330px;max-width:calc(100vw - 94px);padding:0!important;border:0;border-radius:18px;transform:translateY(14px) scale(.96);box-shadow:0 24px 65px -26px rgba(7,19,44,.62)}.whatsapp-widget.is-open .whatsapp-message{height:auto;width:330px;padding:0!important;transform:translateY(0) scale(1);overflow:hidden}.whatsapp-card-head{position:relative;display:flex;align-items:center;gap:11px;padding:15px 42px 14px 15px;background:linear-gradient(135deg,#075e54,#0a806f);color:#fff}.whatsapp-avatar{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#25d366;color:#fff;font-size:21px;box-shadow:0 6px 16px -8px #000}.whatsapp-card-head b,.whatsapp-card-head small{display:block}.whatsapp-card-head b{color:#fff;font-size:13px}.whatsapp-card-head small{margin-top:2px;color:#d6f4ed;font-size:9px}.whatsapp-card-head small i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#5df29a}.whatsapp-close{position:absolute;right:10px;top:10px;width:27px;height:27px;border:0;border-radius:8px;background:rgba(255,255,255,.11);color:#fff;cursor:pointer}.whatsapp-card-body{padding:15px;background:#f1f6f4}.whatsapp-card-body p{position:relative;margin:0;padding:12px 13px;border-radius:4px 12px 12px 12px;background:#fff;color:#25342f;font-size:11px;line-height:1.55;box-shadow:0 5px 16px -13px #07132c}.whatsapp-card-body>span{display:block;margin-top:8px;color:#718079;font-size:8.5px}.whatsapp-chat-action{display:flex!important;align-items:center;gap:8px;padding:13px 16px!important;background:#fff;color:#087a4c!important;font-size:11px!important;font-weight:800}.whatsapp-chat-action i:last-child{margin-left:auto;font-size:9px}.whatsapp-chat-action:hover{background:#f7fffa;color:#05663e!important}
@media(max-width:760px){.whatsapp-widget.is-open .whatsapp-message{width:min(300px,calc(100vw - 88px));max-width:none}.whatsapp-card-body{padding:12px}.whatsapp-button{width:52px;height:52px}}

/* Guided hosting and domain configuration */
.hosting-config-hero{padding:82px 24px;text-align:center;background:linear-gradient(145deg,var(--panel),var(--panel-soft));color:#fff}.hosting-config-hero h1{max-width:820px;margin:10px auto;color:#fff;font-size:clamp(38px,5vw,62px)}.hosting-config-hero p{max-width:720px;margin:auto;color:var(--panel-ink);font-size:17px}.hosting-choice-layout{display:grid;grid-template-columns:300px 1fr;gap:55px;align-items:start}.hosting-order-summary{position:sticky;top:110px;padding:28px;border-radius:19px;background:var(--panel);color:#fff}.hosting-order-summary h2{color:#fff}.hosting-order-summary p{color:var(--panel-ink)}.hosting-order-summary strong{display:block;margin:25px 0;color:var(--accent);font:800 31px var(--font-d)}.hosting-order-summary strong small{font:500 11px var(--font-b);color:var(--panel-ink)}.hosting-order-summary>a{color:#fff;font-size:11px;text-decoration:underline}.hosting-domain-options{display:grid;gap:13px}.hosting-domain-options>article{display:grid;grid-template-columns:45px 1fr;gap:16px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.hosting-domain-options>article>i{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent-deep)}.hosting-domain-options h3{margin-bottom:5px;font-size:18px}.hosting-domain-options p{font-size:12px}.inline-domain-search{display:flex;gap:8px;margin-top:12px}.inline-domain-search input{min-width:0;flex:1;padding:11px 13px;border:1px solid var(--line);border-radius:9px;font:500 13px var(--font-b);color:var(--ink)}@media(max-width:800px){.hosting-choice-layout{grid-template-columns:1fr}.hosting-order-summary{position:static}.inline-domain-search{align-items:stretch;flex-direction:column}}

/* Default original theme: high-contrast readability pass */
html[data-theme="original"]{--ink:#101d34;--ink-soft:#4b596d;--ink-faint:#6f7d91;--accent-deep:#067158;--panel-ink:#dce6f2;--line:#d3dde7;--line-soft:#e5ebf1}
html[data-theme="original"] body{color:var(--ink);background:#f4f7fa}
html[data-theme="original"] p,html[data-theme="original"] small{color:var(--ink-soft)}
html[data-theme="original"] a{color:inherit}
html[data-theme="original"] .text-link,html[data-theme="original"] .text-link b,html[data-theme="original"] .portfolio-project>a:last-child,html[data-theme="original"] .blog-card-body a,html[data-theme="original"] .seo-copy-card a{color:#066a52!important}
html[data-theme="original"] .announcement{color:#f1f6fc}html[data-theme="original"] .announcement span,html[data-theme="original"] .announcement i{color:#f1f6fc}html[data-theme="original"] .announcement a{color:#78f0cf}
html[data-theme="original"] .navlinks>a,html[data-theme="original"] .nav-trigger,html[data-theme="original"] .cart-link{color:#354257}html[data-theme="original"] .navlinks>a:hover,html[data-theme="original"] .nav-trigger:hover,html[data-theme="original"] .navlinks>a.active,html[data-theme="original"] .nav-trigger.active{color:#07132c;background:#ddf7ef}
html[data-theme="original"] .mega-intro,html[data-theme="original"] .dark-section,html[data-theme="original"] .ai-section,html[data-theme="original"] .about-platform,html[data-theme="original"] .product-hero,html[data-theme="original"] .blog-hero,html[data-theme="original"] .article-page header,html[data-theme="original"] .inquiry-aside,html[data-theme="original"] .sms-use-card{color:#fff}
html[data-theme="original"] .mega-intro h3,html[data-theme="original"] .dark-section h2,html[data-theme="original"] .dark-section h3,html[data-theme="original"] .ai-section h2,html[data-theme="original"] .ai-section h3,html[data-theme="original"] .about-platform h2,html[data-theme="original"] .product-hero h1,html[data-theme="original"] .blog-hero h1,html[data-theme="original"] .article-page header h1,html[data-theme="original"] .inquiry-aside h2,html[data-theme="original"] .sms-use-card h3{color:#fff}
html[data-theme="original"] .mega-intro p,html[data-theme="original"] .dark-section p,html[data-theme="original"] .ai-section p,html[data-theme="original"] .about-platform p,html[data-theme="original"] .product-hero p,html[data-theme="original"] .blog-hero p,html[data-theme="original"] .article-page header p,html[data-theme="original"] .inquiry-aside p,html[data-theme="original"] .sms-use-card small{color:#d5e0ee}
html[data-theme="original"] .kicker-light,html[data-theme="original"] .mega-intro>span,html[data-theme="original"] .product-terminal>span{color:#70ebc9}
html[data-theme="original"] .service-card.service-featured p,html[data-theme="original"] .showcase-hosting p,html[data-theme="original"] .showcase-erp p{color:#dbe5f1}
html[data-theme="original"] .service-card.service-featured h3,html[data-theme="original"] .service-card.service-featured b{color:#fff!important}
html[data-theme="original"] .card,html[data-theme="original"] .pricing-card,html[data-theme="original"] .service-card,html[data-theme="original"] .web-package,html[data-theme="original"] .faq-list details,html[data-theme="original"] .portfolio-project,html[data-theme="original"] .blog-card{border-color:#ccd8e3}
html[data-theme="original"] .formrow label{color:#243249}
html[data-theme="original"] .formrow input,html[data-theme="original"] .formrow select,html[data-theme="original"] .formrow textarea{border-color:#bccada;background:#fff;color:#101d34}
html[data-theme="original"] .formrow input::placeholder,html[data-theme="original"] .formrow textarea::placeholder{color:#748195;opacity:1}
html[data-theme="original"] .formrow input:focus,html[data-theme="original"] .formrow select:focus,html[data-theme="original"] .formrow textarea:focus{border-color:#078f6d;box-shadow:0 0 0 3px rgba(7,143,109,.12)}
html[data-theme="original"] .btn-accent{background:#49dfb6;color:#07132c;font-weight:800}html[data-theme="original"] .btn-accent:hover{background:#73eccd;color:#07132c}
html[data-theme="original"] .btn-dark{background:#07132c;color:#fff}html[data-theme="original"] .btn-dark:hover{background:#122747;color:#fff}
html[data-theme="original"] .btn-ghost{border-color:#aebdcb;background:#fff;color:#17253b}
html[data-theme="original"] footer,html[data-theme="original"] footer p,html[data-theme="original"] footer a,html[data-theme="original"] footer small,html[data-theme="original"] .fbottom{color:#e2eaf4}html[data-theme="original"] footer a:hover{color:#75efcf}
html[data-theme="original"] .mobile-dock a{color:#39475a}html[data-theme="original"] .mobile-dock{border-color:#c9d5e0;background:rgba(255,255,255,.98)}
html[data-theme="original"] .about-hero{background:radial-gradient(circle at 82% 18%,rgba(73,223,182,.22),transparent 31%),linear-gradient(145deg,#fbfdfd,#edf7f4)}
html[data-theme="original"] .about-hero h1,html[data-theme="original"] .about-story h2,html[data-theme="original"] .about-showcase h3,html[data-theme="original"] .about-commitment h2{color:#07132c}
html[data-theme="original"] .about-proof span i,html[data-theme="original"] .about-showcase i,html[data-theme="original"] .about-values i{color:#078f6d}
html[data-theme="original"] .about-image-caption{background:#07132c;color:#fff}html[data-theme="original"] .about-image-caption b{color:#fff}html[data-theme="original"] .about-image-caption small{color:#dce6f2}
html[data-theme="original"] .about-story,html[data-theme="original"] .about-film-section{background:#f8fbfa}
html[data-theme="original"] .about-showcase-section{background:linear-gradient(145deg,#07132c,#102a3e)}
html[data-theme="original"] .about-showcase-section .section-heading h2{color:#fff}
html[data-theme="original"] .about-showcase-section .section-heading>p{color:#dce6f2}
html[data-theme="original"] .about-showcase-section .kicker{color:#49dfb6}
html[data-theme="original"] .about-showcase-section .showcase-hosting,html[data-theme="original"] .about-showcase-section .showcase-erp{background:linear-gradient(145deg,#0b2039,#123450);border-color:rgba(73,223,182,.25)}
html[data-theme="original"] .about-showcase-section .showcase-hosting h3,html[data-theme="original"] .about-showcase-section .showcase-hosting b,html[data-theme="original"] .about-showcase-section .showcase-erp h3,html[data-theme="original"] .about-showcase-section .showcase-erp b{color:#fff}
html[data-theme="original"] .about-showcase-section .showcase-hosting p,html[data-theme="original"] .about-showcase-section .showcase-erp p{color:#dce6f2}
html[data-theme="original"] .about-showcase-section .showcase-hosting em,html[data-theme="original"] .about-showcase-section .showcase-erp em,html[data-theme="original"] .about-showcase-section .showcase-hosting .showcase-top i,html[data-theme="original"] .about-showcase-section .showcase-erp .showcase-top i{color:#49dfb6}
html[data-theme="original"] .network-hero{background:radial-gradient(circle at 85% 20%,rgba(73,223,182,.17),transparent 28%),linear-gradient(145deg,#07132c,#102a3e)}
html[data-theme="original"] .network-hero h1{color:#fff}html[data-theme="original"] .network-hero p{color:#dce6f2}
html[data-theme="original"] .network-hero .eyebrow{color:#49dfb6;background:rgba(73,223,182,.1);border-color:rgba(73,223,182,.28)}
html[data-theme="original"] .network-hero .btn-ghost-light{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.06)}html[data-theme="original"] .network-hero .btn-ghost-light:hover{border-color:#49dfb6;background:rgba(73,223,182,.12)}
html[data-theme="original"] .network-map{border-color:rgba(73,223,182,.2);background:rgba(255,255,255,.06)}html[data-theme="original"] .network-map i,html[data-theme="original"] .network-map i:last-child{color:#49dfb6;background:#102a3e;border:1px solid rgba(73,223,182,.24)}html[data-theme="original"] .network-map span{background:rgba(73,223,182,.42)}
html[data-theme="original"] #survey .inquiry-aside h2,html[data-theme="original"] #survey .inquiry-aside b,html[data-theme="original"] #survey .inquiry-points div{color:#fff}
html[data-theme="original"] #survey .inquiry-aside p,html[data-theme="original"] #survey .survey-travel-note span{color:#dce6f2}
html[data-theme="original"] #survey .inquiry-points i,html[data-theme="original"] #survey .survey-travel-note i{color:#49dfb6}
html[data-theme="original"] #survey .survey-travel-note{border-color:rgba(73,223,182,.22);background:rgba(73,223,182,.08)}
html[data-theme="original"] .category-grid article>i,html[data-theme="original"] .pricing-note i{color:#078f6d}
html[data-theme="original"] .about-platform{background:linear-gradient(145deg,#07132c,#102a3e)}
html[data-theme="original"] .platform-list a{border-color:rgba(73,223,182,.2);background:rgba(255,255,255,.06)}html[data-theme="original"] .platform-list a:hover{border-color:#49dfb6;background:rgba(73,223,182,.1)}
html[data-theme="original"] .about-platform h2,html[data-theme="original"] .about-platform h3,html[data-theme="original"] .about-platform b,html[data-theme="original"] .about-platform .platform-list b{color:#fff}
html[data-theme="original"] .about-platform p,html[data-theme="original"] .about-platform small,html[data-theme="original"] .about-platform .platform-list small{color:#dce6f2}
html[data-theme="original"] .dark-section h2,html[data-theme="original"] .dark-section h3,html[data-theme="original"] .dark-section b,html[data-theme="original"] .ai-section h2,html[data-theme="original"] .ai-section h3,html[data-theme="original"] .ai-section b,html[data-theme="original"] .dark-callout h2,html[data-theme="original"] .dark-callout h3,html[data-theme="original"] .dark-callout b{color:#fff}
html[data-theme="original"] .dark-section p,html[data-theme="original"] .dark-section small,html[data-theme="original"] .ai-section p,html[data-theme="original"] .ai-section small,html[data-theme="original"] .dark-callout p,html[data-theme="original"] .dark-callout small{color:#dce6f2}
/* Second-theme consistency: prevent legacy blue/red brand accents leaking into components. */
html[data-theme="original"] .hero-proof-cards>div>i,html[data-theme="original"] .film-copy>span,html[data-theme="original"] .survey-travel-note i{color:#49dfb6}
html[data-theme="original"] .film-progress i,html[data-theme="original"] .film-lines i:first-child{background:#49dfb6}
html[data-theme="original"] .showcase-card:after{background:rgba(73,223,182,.08)}
html[data-theme="original"] .showcase-card:hover{border-color:#9de8d3;box-shadow:0 25px 45px -34px rgba(7,143,109,.48)}
html[data-theme="original"] .showcase-top i,html[data-theme="original"] .platform-list i,html[data-theme="original"] .account-quick-grid>a>i,html[data-theme="original"] .service-card-head>i{color:#078f6d;background:#e1f9f2}
html[data-theme="original"] .showcase-card em,html[data-theme="original"] .account-section-title i,html[data-theme="original"] .account-service-card>a,html[data-theme="original"] .account-empty-row a{color:#067158}
html[data-theme="original"] .account-quick-grid>a:hover,html[data-theme="original"] .google-login:hover{border-color:#49dfb6}
html[data-theme="original"] .account-quick-grid em{color:#078f6d}
html[data-theme="original"] .pricing-card.recommended,html[data-theme="original"] .web-package.featured{border-color:#49dfb6;box-shadow:0 25px 55px -38px rgba(7,143,109,.55)}
html[data-theme="original"] .mobile-dock .dock-call{background:#078f6d;color:#fff;box-shadow:0 9px 22px -11px #078f6d}
html[data-theme="original"] .whatsapp-notification{background:#078f6d}
html[data-theme="original"] .whatsapp-card-head small{color:#fff}
html[data-theme="original"] .portfolio-cover-2 .portfolio-project-cover{background:linear-gradient(145deg,#07132c,#0d6f5b)}
html[data-theme="original"] .portfolio-browser-bar i:first-child{background:#49dfb6}
html[data-theme="original"] .client-logo-grid a:hover{border-color:#9de8d3;box-shadow:0 16px 30px -26px #078f6d}
html[data-theme="original"] .client-monogram{background:#07132c}
.article-page header{padding-left:0;padding-right:0}
@media(max-width:760px){.mobile-dock{grid-template-columns:repeat(6,1fr)}}
.portfolio-project-cover{position:absolute;z-index:2;inset:26px 0 0;display:grid;place-items:center;align-content:center;gap:7px;color:#fff;text-align:center;background:linear-gradient(145deg,var(--panel),var(--panel-soft));transition:transform .4s}.portfolio-project:hover .portfolio-project-cover{transform:scale(1.025)}.portfolio-project-cover>i{margin-bottom:6px;font-size:38px;color:var(--accent)}.portfolio-project-cover>b{font-size:15px;color:#fff}.portfolio-project-cover>small{font-size:8px;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.1em}.portfolio-cover-2 .portfolio-project-cover{background:linear-gradient(145deg,#123866,#1b75bc)}.portfolio-cover-3 .portfolio-project-cover{background:linear-gradient(145deg,#44203c,#a43772)}.portfolio-cover-4 .portfolio-project-cover{background:linear-gradient(145deg,#183c35,#078f6d)}.portfolio-cover-5 .portfolio-project-cover{background:linear-gradient(145deg,#4a2d18,#bd6b22)}.portfolio-cover-6 .portfolio-project-cover{background:linear-gradient(145deg,#30204b,#7149a5)}

/* Careers, editorial publishing and ERP case study */
.erp-case-section{background:var(--surface)}.erp-case-study{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:center;padding:45px;border:1px solid var(--line);border-radius:24px;background:var(--bg)}.erp-case-visual{height:320px;display:grid;place-items:center;align-content:center;gap:20px;border-radius:20px;background:linear-gradient(145deg,var(--panel),var(--panel-soft));color:#fff}.erp-case-visual>i{font-size:70px;color:var(--accent)}.erp-case-visual b,.erp-case-visual small{display:block;text-align:center}.erp-case-visual small{color:var(--panel-ink)}.erp-case-points{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.erp-case-points span{padding:8px 10px;border-radius:9px;background:var(--accent-soft);color:var(--accent-deep);font-size:10px;font-weight:700}.erp-case-points i{margin-right:6px}
.erp-project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.erp-project-card{display:grid;grid-template-columns:150px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;transition:transform .2s,box-shadow .2s}.erp-project-card:hover{transform:translateY(-4px);box-shadow:0 22px 42px -34px rgba(7,19,44,.48)}.erp-project-card.is-featured{border-color:var(--accent)}.erp-project-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:20px;background:linear-gradient(145deg,var(--panel),var(--panel-soft));color:#fff;text-align:center}.erp-project-cover i{font-size:36px;color:var(--accent)}.erp-project-cover span{font:700 8px var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:#fff}.erp-project-body{padding:22px}.erp-project-body>small{color:var(--accent-deep);font:800 9px var(--font-m);letter-spacing:.06em;text-transform:uppercase}.erp-project-body h3{margin:6px 0 8px;font-size:18px;line-height:1.18}.erp-project-body p{margin:0;font-size:11.5px;line-height:1.6}.erp-project-body .erp-case-points{margin:14px 0}.erp-project-body .erp-case-points span{font-size:8.5px;padding:5px 7px}.erp-project-body .btn{margin-top:2px}.erp-admin-project{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.erp-admin-project>div:first-child{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}.erp-admin-project .service-kind{grid-row:span 3}.erp-admin-project h3,.erp-admin-project p,.erp-admin-project small{margin:0}.erp-admin-project h3{font-size:13px}.erp-admin-project p{font-size:11px}.erp-admin-project small{font-size:9.5px;color:var(--ink-soft)}.erp-admin-project>div:last-child,.erp-admin-project form{display:flex;align-items:center;gap:6px;margin:0}@media(max-width:850px){.erp-project-grid{grid-template-columns:1fr}}@media(max-width:540px){.erp-project-card{grid-template-columns:1fr}.erp-project-cover{min-height:120px}.erp-project-cover i{font-size:31px}.erp-project-body{padding:18px}}
.erp-project-more{margin-top:16px}.erp-project-more>summary{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--accent-deep);font-size:11px;font-weight:800;cursor:pointer;list-style:none}.erp-project-more>summary::-webkit-details-marker{display:none}.erp-project-more>summary span{display:flex;align-items:center;gap:7px}.erp-project-more .erp-project-less{display:none}.erp-project-more[open] .erp-project-less{display:flex}.erp-project-more[open]>summary>span:first-child{display:none}.erp-project-more .erp-project-grid{margin-top:15px}
/* Shared frontend type scale: readable and consistent without flattening hero hierarchy. */
body:not(.admin-body) main{--front-copy:14px;--front-small:12px;--front-label:10px;--front-card-title:19px}body:not(.admin-body) main p{font-size:var(--front-copy);line-height:1.65}body:not(.admin-body) main small{font-size:var(--front-small);line-height:1.5}body:not(.admin-body) main .kicker,body:not(.admin-body) main .eyebrow{font-size:var(--front-label)}body:not(.admin-body) main .section-heading h2{font-size:clamp(31px,3.5vw,44px);line-height:1.12}body:not(.admin-body) main :is(.service-card h3,.web-package h3,.category-grid h3,.erp-module-grid h3,.erp-project-body h3,.redesign-feature-grid h3,.redesign-hosting-grid h3,.showcase-card h3,.blog-card-body h2){font-size:var(--front-card-title)}body:not(.admin-body) main :is(.service-card p,.web-package p,.category-grid p,.erp-module-grid p,.erp-project-body p,.redesign-feature-grid p,.redesign-hosting-grid p,.showcase-card p,.blog-card-body p,.faq-list details p){font-size:var(--front-copy)!important;line-height:1.65}body:not(.admin-body) main :is(.pricing-card li,.web-package li,.erp-project-body .erp-case-points span,.pricing-note){font-size:var(--front-small)!important;line-height:1.55}@media(max-width:760px){body:not(.admin-body) main{--front-copy:14px;--front-small:12px;--front-card-title:18px}body:not(.admin-body) main .section-heading h2{font-size:31px}}
.career-values{display:grid;grid-template-columns:1fr 1fr;gap:12px}.career-values div{padding:25px;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:rgba(255,255,255,.08);color:#fff}.career-values i{display:block;margin-bottom:12px;color:var(--accent);font-size:23px}
.blog-hero{padding:110px 24px;text-align:center;background:linear-gradient(145deg,var(--panel),var(--panel-soft));color:#fff}.blog-hero h1{max-width:850px;margin:12px auto;color:#fff;font-size:clamp(45px,6vw,76px);line-height:1}.blog-hero p{max-width:650px;margin:auto;color:var(--panel-ink);font-size:18px}.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.blog-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.blog-card-art{height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:linear-gradient(145deg,var(--panel),var(--panel-soft));color:#fff}.blog-card-art i{font-size:44px;color:var(--accent)}.blog-card-art span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.blog-card-body{padding:27px}.blog-card-body>small{color:var(--ink-faint);font-size:9.5px}.blog-card-body h2{margin:10px 0;font-size:24px}.blog-card-body p{font-size:12px}.blog-card-body a{color:var(--accent-deep);font-size:11px;font-weight:800}.article-page header{padding:90px 24px;background:var(--panel);color:#fff}.article-head{max-width:1180px}.article-head h1,.article-head p,.article-head>small{display:block;max-width:830px}.article-head>a,.article-head>span{color:var(--accent);font-size:10px;font-weight:800}.article-head>span{margin-left:14px}.article-head h1{margin:20px 0;color:#fff;font-size:clamp(40px,6vw,68px);line-height:1.03}.article-head p{color:var(--panel-ink);font-size:18px}.article-layout{display:grid;grid-template-columns:1fr 280px;gap:70px;padding-top:70px;padding-bottom:90px}.article-content{font-size:16px;line-height:1.8}.article-content h2{margin-top:40px;font-size:30px}.article-layout aside{position:sticky;top:110px;height:max-content;padding:25px;border-radius:16px;background:var(--accent-soft)}.admin-blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:850px){.erp-case-study,.article-layout,.admin-blog-grid{grid-template-columns:1fr}.career-values{grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:1fr}.article-layout aside{position:static}}@media(max-width:540px){.career-values{grid-template-columns:1fr}.erp-case-study{padding:22px}}

/* Portfolio dark-surface contrast for the default second theme. */
html[data-theme="original"] .portfolio-hero{background:radial-gradient(circle at 84% 18%,rgba(73,223,182,.16),transparent 28%),linear-gradient(145deg,#07132c,#102a3e)}
html[data-theme="original"] .portfolio-hero h1,html[data-theme="original"] .portfolio-hero strong{color:#fff}
html[data-theme="original"] .portfolio-hero>div p,html[data-theme="original"] .portfolio-hero-stats span{color:#e4edf6}
html[data-theme="original"] .portfolio-hero .design-proof span{color:#fff}
html[data-theme="original"] .portfolio-hero .design-proof i,html[data-theme="original"] .portfolio-hero .eyebrow{color:#49dfb6}
html[data-theme="original"] .portfolio-hero .eyebrow{background:rgba(73,223,182,.1);border-color:rgba(73,223,182,.28)}
html[data-theme="original"] .portfolio-hero-stats>div{border-color:rgba(73,223,182,.22);background:rgba(255,255,255,.08)}
html[data-theme="original"] .portfolio-project-cover b{color:#fff}
html[data-theme="original"] .portfolio-project-cover small{color:#eef6f3}
html[data-theme="original"] .portfolio-capability{background:linear-gradient(145deg,#07132c,#102a3e)}
html[data-theme="original"] .portfolio-capability b{color:#fff}
html[data-theme="original"] .portfolio-capability small{color:#e4edf6}
html[data-theme="original"] .portfolio-capability i{color:#49dfb6;background:rgba(73,223,182,.1)}
html[data-theme="original"] .dark-callout{background:linear-gradient(145deg,#07132c,#102a3e)}
html[data-theme="original"] .dark-callout h2{color:#fff}
html[data-theme="original"] .dark-callout p{color:#e4edf6}
html[data-theme="original"] .article-page header{padding-left:0;padding-right:0}

/* Website redesign service */
.redesign-hero{padding:95px 24px;background:radial-gradient(circle at 83% 18%,rgba(73,223,182,.19),transparent 28%),linear-gradient(145deg,var(--panel),var(--panel-soft));color:#fff}.redesign-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.redesign-hero h1{max-width:780px;color:#fff;font-size:clamp(45px,5.7vw,74px);line-height:1;letter-spacing:-.055em}.redesign-hero h1 em{color:var(--accent);font-style:normal}.redesign-hero p{max-width:720px;color:var(--panel-ink);font-size:18px}.redesign-hero .eyebrow{color:var(--accent);background:rgba(73,223,182,.1);border-color:rgba(73,223,182,.25)}.redesign-hero .btn-ghost-light{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.06)}.redesign-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px}.redesign-proof span{color:#fff;font-size:10.5px;font-weight:800}.redesign-proof i{margin-right:6px;color:var(--accent)}.redesign-speed-card{padding:40px;border:1px solid rgba(73,223,182,.23);border-radius:24px;background:rgba(255,255,255,.07);box-shadow:0 35px 70px -44px #000}.redesign-speed-card>span,.redesign-speed-card>strong,.redesign-speed-card>b{display:block}.redesign-speed-card>span{color:var(--accent);font:700 9px var(--font-m);text-transform:uppercase;letter-spacing:.1em}.redesign-speed-card>strong{margin-top:10px;color:#fff;font:800 105px/1 var(--font-d)}.redesign-speed-card>b{color:#fff;font-size:25px}.redesign-speed-card>p{margin-top:18px;color:var(--panel-ink);font-size:11px}.redesign-speed-card>div{display:flex;align-items:center;gap:9px;margin-top:24px;color:#fff;font-size:9px;font-weight:800}.redesign-speed-card>div i{color:var(--accent)}.redesign-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.redesign-feature-grid article{padding:27px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.redesign-feature-grid article>i{width:43px;height:43px;display:grid;place-items:center;margin-bottom:22px;border-radius:11px;background:var(--accent-soft);color:var(--accent-deep)}.redesign-feature-grid h3{font-size:17px}.redesign-feature-grid p{margin:0;font-size:11.5px}.redesign-hosting-section{background:linear-gradient(145deg,var(--panel),var(--panel-soft));color:#fff}.redesign-hosting-section .section-heading h2{color:#fff}.redesign-hosting-section .section-heading p{color:var(--panel-ink)}.redesign-hosting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.redesign-hosting-grid article{padding:28px;border:1px solid var(--panel-line);border-radius:17px;background:rgba(255,255,255,.06)}.redesign-hosting-grid article>i{margin-bottom:22px;color:var(--accent);font-size:26px}.redesign-hosting-grid h3{color:#fff;font-size:18px}.redesign-hosting-grid p{color:var(--panel-ink);font-size:11.5px}.redesign-hosting-grid a{color:var(--accent);font-size:10.5px;font-weight:800}.redesign-process{background:var(--bg)}.redesign-promo{padding-top:0}
@media(max-width:900px){.redesign-hero-grid{grid-template-columns:1fr}.redesign-speed-card{max-width:620px}.redesign-feature-grid,.redesign-hosting-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.redesign-hero{padding:70px 18px}.redesign-hero h1{font-size:42px}.redesign-speed-card{padding:27px}.redesign-speed-card>strong{font-size:78px}.redesign-feature-grid,.redesign-hosting-grid{grid-template-columns:1fr}}

/* Global dark-surface contrast safety layer. */
:is(.dark-section,.ai-section,.product-hero,.network-hero,.about-platform,.redesign-hero,.redesign-hosting-section,.blog-hero,.article-page>header,.inquiry-aside,.dark-callout,.hosting-config-hero,.hosting-order-summary,.portfolio-capability,.portfolio-project-cover,.erp-case-visual,.sms-use-card,.mega-intro,.film-copy,.about-image-caption,.media-overlay,.service-card.service-featured,.showcase-hosting,.showcase-erp) :is(h1,h2,h3,h4,h5,h6,b,strong){color:#fff}
:is(.dark-section,.ai-section,.product-hero,.network-hero,.about-platform,.redesign-hero,.redesign-hosting-section,.blog-hero,.article-page>header,.inquiry-aside,.dark-callout,.hosting-config-hero,.hosting-order-summary,.portfolio-capability,.portfolio-project-cover,.erp-case-visual,.sms-use-card,.mega-intro,.film-copy,.about-image-caption,.media-overlay,.service-card.service-featured,.showcase-hosting,.showcase-erp) :is(p,small){color:#e4edf6}
:is(.career-values>div,.hero-proof-cards>div) :is(b,strong,h3){color:#fff}
:is(.career-values>div,.hero-proof-cards>div) :is(p,small,span){color:#e4edf6}
.announcement,.announcement span,.announcement a{color:#fff}
footer,footer h5,footer b,footer strong,footer a,.footer-logo,.fbottom{color:#fff}
footer p,footer small{color:#e4edf6}
.mega-intro>span,.kicker-light{color:var(--accent)}
.portfolio-hero-stats strong,.redesign-speed-card strong,.redesign-speed-card b{color:#fff}
.portfolio-hero-stats span,.redesign-speed-card p{color:#e4edf6}

/* Domain Prices card carousel inspired by modern registrar storefronts. */
.domain-price-showcase{position:relative;overflow:hidden;padding:70px 24px 55px;background:#fff;border-bottom:1px solid var(--line)}
.domain-price-showcase:before{content:'';position:absolute;width:320px;height:320px;left:-170px;top:-190px;border-radius:50%;background:radial-gradient(circle,rgba(73,223,182,.14),transparent 68%);pointer-events:none}
.domain-price-title{text-align:center}.domain-price-title>span{color:var(--accent-deep);font:800 9px var(--font-m);text-transform:uppercase;letter-spacing:.13em}.domain-price-title h2{margin:7px 0 8px;color:var(--ink);font-size:clamp(34px,4vw,48px);font-weight:500}.domain-price-title p{max-width:650px;margin:0 auto;color:var(--ink-soft);font-size:11.5px}
.domain-price-carousel{position:relative;margin-top:42px;padding:0 46px}.domain-price-window{overflow:hidden;padding:25px 0 22px}.domain-price-cards{display:flex;gap:22px;transition:transform .55s cubic-bezier(.22,.8,.3,1);will-change:transform}
.domain-price-card{position:relative;min-width:176px;height:164px;display:flex;align-items:center;flex-direction:column;padding:62px 14px 17px;border:1px solid #e3eaee;border-radius:14px;background:#f6f9fa;color:var(--ink);box-shadow:0 18px 38px -35px rgba(7,19,44,.45);transition:transform .22s,border-color .22s,box-shadow .22s}
.domain-price-card:hover{transform:translateY(-6px);border-color:#9de8d3;box-shadow:0 26px 44px -30px rgba(7,143,109,.34)}
.domain-price-logo{position:absolute;top:-25px;width:78px;height:78px;display:grid;place-items:center;border:7px solid #fff;border-radius:50%;background:linear-gradient(145deg,#07132c,#123450);box-shadow:0 14px 25px -18px #07132c}.domain-price-logo b{max-width:62px;overflow:hidden;color:#49dfb6;font:800 14px var(--font-d);text-overflow:ellipsis;white-space:nowrap}
.domain-price-name{color:var(--ink);font:800 13px var(--font-m)}.domain-price-name small{color:var(--ink-soft);font:600 9px var(--font-b)}
.domain-price-value{display:flex;align-items:baseline;gap:4px;margin-top:16px}.domain-price-value b{color:var(--accent-deep);font:800 17px var(--font-d)}.domain-price-value small{color:var(--ink-faint);font-size:8px}
.domain-price-tone-2 .domain-price-logo{background:linear-gradient(145deg,#0b3a54,#087c78)}.domain-price-tone-3 .domain-price-logo{background:linear-gradient(145deg,#173c32,#078f6d)}.domain-price-tone-4 .domain-price-logo{background:linear-gradient(145deg,#30204b,#66518c)}.domain-price-tone-5 .domain-price-logo{background:linear-gradient(145deg,#3f321d,#8c6923)}.domain-price-tone-6 .domain-price-logo{background:linear-gradient(145deg,#37212b,#815065)}
.domain-price-arrow{position:absolute;z-index:3;top:50%;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;box-shadow:0 12px 28px -20px #07132c;transform:translateY(-50%);transition:.2s}.domain-price-arrow:hover{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.domain-price-prev{left:0}.domain-price-next{right:0}
.domain-price-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:5px;padding-top:18px;border-top:1px solid var(--line-soft)}.domain-price-footer span{color:var(--ink-soft);font-size:9.5px}.domain-price-footer span i{margin-right:6px;color:var(--accent-deep)}.domain-price-footer a{color:var(--accent-deep);font-size:10px;font-weight:800}
html[data-theme="original"] .domain-price-showcase{background:#f9fcfb}html[data-theme="original"] .domain-price-card{background:#fff}html[data-theme="original"] .domain-price-logo{border-color:#f9fcfb}
@media(max-width:760px){.domain-price-showcase{padding:55px 18px 42px}.domain-price-carousel{margin-top:34px;padding:0 34px}.domain-price-card{min-width:154px;height:155px}.domain-price-cards{gap:16px}.domain-price-footer{align-items:flex-start;flex-direction:column}.domain-price-prev{left:-3px}.domain-price-next{right:-3px}}
@media(prefers-reduced-motion:reduce){.domain-price-cards{transition:none}}

/* Elegant, high-visibility hero system. */
:is(.product-hero,.network-hero,.erp-hero,.redesign-hero,.blog-hero,.article-page>header){position:relative;isolation:isolate;border-bottom:1px solid rgba(73,223,182,.18);box-shadow:inset 0 -1px rgba(255,255,255,.04)}
:is(.product-hero,.network-hero,.erp-hero,.redesign-hero,.blog-hero,.article-page>header):after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.1) .7px,transparent .7px),linear-gradient(115deg,transparent 64%,rgba(73,223,182,.06));background-size:22px 22px,100% 100%;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.75) 55%,#000)}
:is(.product-hero,.network-hero,.erp-hero,.redesign-hero) :is(.product-hero-grid,.erp-hero-grid,.redesign-hero-grid){min-height:430px}
:is(.product-hero,.network-hero,.erp-hero,.redesign-hero) h1{text-wrap:balance;text-shadow:0 12px 38px rgba(0,0,0,.22)}
:is(.product-hero,.network-hero,.erp-hero,.redesign-hero) p{line-height:1.65}
:is(.product-hero,.network-hero,.erp-hero,.redesign-hero,.design-hero,.about-hero,.hero-premium) .eyebrow{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(73,223,182,.28);border-radius:999px;box-shadow:0 9px 24px -22px #07132c;backdrop-filter:blur(8px)}
:is(.product-hero,.network-hero,.erp-hero,.redesign-hero) .hero-actions .btn{min-height:43px;box-shadow:0 15px 30px -21px #000}
:is(.product-terminal,.network-map,.erp-dashboard,.redesign-speed-card){border-color:rgba(73,223,182,.24);box-shadow:0 38px 80px -44px rgba(0,0,0,.75)}
.hero-premium{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-premium:before{content:'';position:absolute;width:430px;height:430px;right:-160px;top:-220px;border:1px solid rgba(73,223,182,.24);border-radius:50%;box-shadow:0 0 0 55px rgba(73,223,182,.035),0 0 0 110px rgba(73,223,182,.025);pointer-events:none}.hero-premium .hero-copy h1{text-wrap:balance}.hero-premium .hero-copy .lead{max-width:690px;line-height:1.65}.hero-premium .hero-visual{border:1px solid rgba(7,19,44,.12);box-shadow:0 42px 85px -48px rgba(7,19,44,.72)}
.design-hero,.about-hero{position:relative;isolation:isolate;border-bottom:1px solid var(--line)}.design-hero:after,.about-hero:after{content:'';position:absolute;z-index:-1;right:-130px;bottom:-210px;width:440px;height:440px;border:1px solid rgba(73,223,182,.26);border-radius:50%;box-shadow:0 0 0 60px rgba(73,223,182,.045),0 0 0 120px rgba(73,223,182,.025)}.design-hero h1,.about-hero h1{text-wrap:balance}.design-hero p,.about-hero p{line-height:1.65}.design-photo,.about-team-image{border:1px solid rgba(7,19,44,.1);box-shadow:0 40px 80px -46px rgba(7,19,44,.68)}
.blog-hero{min-height:390px;display:grid;align-content:center}.blog-hero h1{text-wrap:balance;text-shadow:0 12px 38px rgba(0,0,0,.22)}
.article-page>header .article-head h1{text-wrap:balance;text-shadow:0 12px 38px rgba(0,0,0,.22)}
@media(max-width:760px){:is(.product-hero,.network-hero,.erp-hero,.redesign-hero) :is(.product-hero-grid,.erp-hero-grid,.redesign-hero-grid){min-height:0}:is(.product-hero,.network-hero,.erp-hero,.redesign-hero,.blog-hero){padding-top:72px;padding-bottom:72px}:is(.product-hero,.network-hero,.erp-hero,.redesign-hero) h1{font-size:clamp(39px,12vw,48px);line-height:1.02}.blog-hero{min-height:330px}.hero-premium:before,.design-hero:after,.about-hero:after{opacity:.65}}

/* Seamless domain-price marquee shared by the homepage and domain search. */
.domain-price-ticker{position:relative;z-index:4;display:grid;grid-template-columns:245px 1fr;overflow:hidden;border-top:1px solid var(--panel-line);border-bottom:1px solid var(--panel-line);background:var(--panel);color:#fff}
.domain-price-ticker-head{position:relative;z-index:2;display:grid;align-content:center;padding:19px 28px;background:var(--panel);box-shadow:18px 0 28px -25px #000}
.domain-price-ticker-head>span{color:#fff;font:800 13px var(--font-d)}.domain-price-ticker-head>span i{margin-right:7px;color:var(--accent)}
.domain-price-ticker-head>small{margin-top:2px;color:var(--panel-ink);font-size:8.5px}
.domain-price-ticker-head>a{margin-top:7px;color:var(--accent);font-size:9px;font-weight:800}
.domain-price-marquee{min-width:0;overflow:hidden;background:linear-gradient(90deg,var(--panel-soft),var(--panel))}
.domain-price-track{display:flex;width:max-content;animation:domain-price-scroll 34s linear infinite;will-change:transform}
.domain-price-group{display:flex;flex:0 0 auto}
.domain-price-group>a{min-width:150px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:18px 20px;border-right:1px solid var(--panel-line);color:#fff}
.domain-price-group>a:hover{background:rgba(73,223,182,.08)}
.domain-price-group b{grid-row:1/3;color:#fff;font:800 14px var(--font-m)}
.domain-price-group span{color:var(--accent);font-size:11px;font-weight:800}
.domain-price-group small{color:var(--panel-ink);font-size:8px}
.domain-price-marquee:hover .domain-price-track{animation-play-state:paused}
@keyframes domain-price-scroll{to{transform:translateX(-50%)}}
@media(max-width:760px){.domain-price-ticker{grid-template-columns:1fr}.domain-price-ticker-head{display:flex;align-items:center;gap:8px;padding:10px 18px}.domain-price-ticker-head>small{margin:0}.domain-price-ticker-head>a{margin:0 0 0 auto}.domain-price-group>a{min-width:135px;padding:14px 16px}.domain-price-track{animation-duration:27s}}
@media(prefers-reduced-motion:reduce){.domain-price-track{animation:none}.domain-price-marquee{overflow-x:auto}}

/* Modern two-sided conversation layout. */
.chat-messages{display:flex;flex-direction:column;gap:4px;padding:22px;background:linear-gradient(180deg,#f5f8fb,#edf3f7)}
.chat-bubble{position:relative;width:fit-content;max-width:min(74%,560px);margin:5px 0;padding:10px 13px 8px;border:1px solid transparent;border-radius:16px;box-shadow:0 8px 22px -18px rgba(7,19,44,.6)}
.chat-bubble.mine{align-self:flex-end;margin-left:auto;border-bottom-right-radius:4px}
.chat-bubble.theirs{align-self:flex-start;margin-right:auto;border-bottom-left-radius:4px}
.chat-bubble.mine.staff{background:linear-gradient(145deg,#07132c,#132b4e);border-color:#1d385e}
.chat-bubble.theirs.staff{background:#172b49;border-color:#284162}
.chat-bubble.mine.customer{background:linear-gradient(145deg,#1b75bc,#155f9a);border-color:#155f9a;color:#fff}
.chat-bubble.theirs.customer{background:#fff;border-color:#dce5ed;color:#17253b}
.chat-bubble.mine:after,.chat-bubble.theirs:before{content:"";position:absolute;bottom:-1px;width:10px;height:12px}
.chat-bubble.mine:after{right:-6px;background:inherit;clip-path:polygon(0 0,0 100%,100% 100%)}
.chat-bubble.theirs:before{left:-6px;background:inherit;clip-path:polygon(100% 0,0 100%,100% 100%)}
.chat-bubble b{display:flex!important;align-items:center;gap:4px;margin-bottom:3px;font-size:9px!important;line-height:1.2}
.chat-bubble b em{padding:2px 5px;border-radius:99px;background:rgba(255,255,255,.12);font-size:7px!important;letter-spacing:.02em}
.chat-bubble p{margin:0!important;font-size:12px!important;line-height:1.48;overflow-wrap:anywhere}
.chat-bubble small{display:block!important;margin-top:5px;text-align:right;font-size:7.5px!important;line-height:1}
.chat-bubble.mine *,.chat-bubble.staff *{color:#fff!important}
.chat-bubble.theirs.customer b{color:#1b75bc!important}.chat-bubble.theirs.customer p{color:#17253b!important}.chat-bubble.theirs.customer small{color:#758399!important}
.chat-bubble.pending{transform:translateY(2px);opacity:.68}.chat-bubble.pending small:before{content:"";display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:currentColor;animation:chat-pulse 1s infinite}
@keyframes chat-pulse{50%{opacity:.25}}
@media(max-width:600px){.chat-messages{padding:14px}.chat-bubble{max-width:86%;padding:9px 11px 7px}.chat-bubble p{font-size:11.5px!important}}
.astat-link{position:relative;display:block;text-decoration:none;color:var(--ink);transition:.18s}.astat-link>i{position:absolute;right:13px;top:13px;color:var(--accent-deep);font-size:13px}.astat-link em{display:flex;align-items:center;gap:5px;margin-top:9px;color:var(--accent-deep);font-size:8.5px;font-style:normal;font-weight:600}.astat-link:hover{transform:translateY(-2px);border-color:var(--accent-deep);box-shadow:0 12px 30px -24px #07132c}.recent-activity-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.recent-activity-head h4{margin:0;font-size:15px}.recent-activity-head span{padding:4px 7px;border-radius:99px;background:var(--accent-soft);color:var(--accent-deep);font-size:8px;font-weight:700}.recent-show-more{padding-top:13px;margin-top:7px;border-top:1px solid var(--line);text-align:center}
.chat-bubble.customer{background:#e8f4ff;border-color:#c8e2f7;color:#14243a}.chat-bubble.mine{margin-left:auto}.chat-bubble.theirs{margin-left:0}.chat-bubble.mine.customer{background:#dff8ef;border-color:#bdebd9}.chat-bubble.pending{opacity:.72}
.account-updates-accordion>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font:600 14px var(--font-m)}.account-updates-accordion>summary::-webkit-details-marker{display:none}.account-updates-accordion>summary span{display:flex;align-items:center;gap:8px}.account-updates-accordion>summary>i{font-size:9px;transition:.2s}.account-updates-accordion[open]>summary{padding-bottom:12px;margin-bottom:5px;border-bottom:1px solid var(--line)}.account-updates-accordion[open]>summary>i{transform:rotate(180deg)}
.account-chat-alerts{display:block;margin:-8px auto 20px}
.guest-chat-offline{text-align:center;padding:45px}.guest-chat-offline>i{font-size:30px;color:var(--ink-soft)}.guest-chat-offline h2{margin-top:14px}.guest-chat-offline p{font-size:11px}
.guest-tag{display:inline-block;margin-left:4px;padding:2px 4px;border-radius:4px;background:#fff3d7;color:#8a5c00;font-size:7px;font-style:normal}
.announcement-actions{display:flex;align-items:center;gap:16px}.top-live-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:7px;font-size:9.5px;font-weight:600;text-decoration:none}.top-live-status.online{background:#49dfb6;color:#07132c!important}.top-live-status.offline{background:rgba(255,255,255,.12);color:#d9e2ee!important;cursor:not-allowed}.top-live-status i{color:inherit!important}@media(max-width:760px){.announcement{display:flex;justify-content:flex-end}.announcement-actions>a:first-child{display:none}.announcement-actions{margin-left:auto}}
@media(max-width:760px){.announcement .top-live-status{display:inline-flex!important}.announcement{position:relative;height:38px;padding:0;overflow:hidden;justify-content:flex-end}.announcement>span{position:absolute;left:0;right:100px;display:inline-flex!important;align-items:center;gap:7px;width:max-content;min-width:calc(100% - 100px);height:38px;padding-left:12px;white-space:nowrap;animation:mobile-offer-ticker 18s linear infinite}.announcement-actions{position:relative;z-index:2;margin-left:auto;padding-right:8px;background:inherit}.announcement-actions>a:first-child{display:none!important}@keyframes mobile-offer-ticker{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}}.mobile-dock .dock-call{margin:0 1px!important;padding:7px 3px!important;align-self:stretch;justify-content:center}@media(prefers-reduced-motion:reduce){.announcement>span{animation:none!important;transform:none!important;overflow:hidden;text-overflow:ellipsis}}
.guest-chat-page{padding:80px 18px;background:linear-gradient(145deg,#f7fafc,#e9f7f3)}.guest-chat-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.guest-chat-layout>section h1{font-size:clamp(40px,5vw,64px);line-height:1}.guest-chat-layout>section>p{font-size:16px}.chat-trust{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.chat-trust span{font-size:10px;font-weight:600}.chat-trust i{color:var(--accent-deep);margin-right:5px}.guest-chat-start{max-width:520px;margin:auto}.guest-chat-start h2{font-size:20px}.guest-chat-hidden{display:none}.live-chat-shell>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-notify-btn{border:0;border-radius:7px;padding:7px 9px;background:var(--accent-soft);color:var(--accent-deep);font-size:9px;font-weight:600;cursor:pointer}.chat-admin-head{display:flex;align-items:center;justify-content:space-between}.chat-admin-head>div{display:block}@media(max-width:760px){.guest-chat-layout{grid-template-columns:1fr;gap:30px}.guest-chat-page{padding-top:45px}.chat-notify-btn{font-size:0}.chat-notify-btn i{font-size:11px}}
.chat-bubble.staff,.chat-bubble.staff *,.live-chat-shell .chat-dark,.live-chat-shell .chat-dark *{color:#fff!important;opacity:1!important;text-shadow:none!important;filter:none!important}.chat-bubble.staff small{color:#d9e2ee!important}.chat-bubble.staff p{color:#fff!important}.chat-bubble.staff b{color:#49dfb6!important}
.chat-bubble b em{font-size:7.5px;font-style:normal;font-weight:500;opacity:.8}
.live-chat-toplink{display:flex;align-items:center;gap:6px;padding:8px 9px;border-radius:8px;color:#344054;font-size:11.5px;font-weight:600;white-space:nowrap}.live-chat-toplink:hover{background:var(--accent-soft);color:var(--accent-deep)}.live-chat-toplink .online-dot{width:6px;height:6px;box-shadow:0 0 0 3px rgba(8,167,126,.12)}.live-chat-toplink>i{display:none}.admin-top-actions{display:flex!important;align-items:center;gap:12px}.admin-chat-shortcut{position:relative;display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:10px;font-weight:600}.admin-chat-shortcut b{min-width:17px;height:17px;display:grid;place-items:center;border-radius:99px;background:var(--danger);color:#fff;font-size:8px}@media(max-width:900px){.live-chat-toplink>span:last-child{display:none}.live-chat-toplink>i{display:inline-block}}@media(max-width:560px){.live-chat-toplink{padding:7px}.admin-chat-shortcut span{display:none}}

/* Frontend administration controls belong on the left edge. */
.frontend-admin-tools{left:18px!important;right:auto!important}
@media(max-width:760px){.frontend-admin-tools{left:12px!important;right:auto!important}}
.staff-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin-bottom:9px}.staff-card>div{display:flex;align-items:center;gap:9px}.staff-card b,.staff-card small{display:block}.staff-card small{font-size:9px;color:var(--ink-soft)}.staff-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent-deep);font-weight:700}.role-guide{margin-top:14px}.role-guide p{font-size:10px}.live-chat-shell{max-width:760px;margin:18px auto;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 20px 55px -42px #07132c}.live-chat-shell>header{padding:15px 17px;border-bottom:1px solid var(--line)}.live-chat-shell>header>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.live-chat-shell>header small{grid-column:2;font-size:9px;color:var(--ink-soft)}.online-dot{width:8px;height:8px;grid-row:1/3;border-radius:50%;background:#08a77e;box-shadow:0 0 0 4px rgba(8,167,126,.12)}.chat-messages{height:430px;overflow-y:auto;padding:18px;background:#f6f8fa}.chat-welcome{text-align:center;padding:45px 15px;color:var(--ink-soft)}.chat-welcome i{display:block;margin-bottom:10px;font-size:25px;color:var(--accent-deep)}.chat-welcome p{font-size:10px}.chat-bubble{width:max-content;max-width:78%;margin:8px 0;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line)}.chat-bubble.staff{margin-left:auto;background:#07132c;color:#fff;border-color:#07132c}.chat-bubble b,.chat-bubble small{display:block;font-size:8.5px}.chat-bubble p{margin:4px 0;font-size:11px}.chat-bubble.staff p,.chat-bubble.staff b,.chat-bubble.staff small{color:#fff}.chat-bubble small{opacity:.68}.live-chat-shell>form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid var(--line)}.live-chat-shell>form textarea{resize:none;border:0;background:#f4f6f8}.admin-chat-layout{display:grid;grid-template-columns:300px 1fr;gap:13px}.chat-inbox{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.chat-inbox>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px;border-bottom:1px solid var(--line)}.chat-inbox>a.active{background:var(--accent-soft)}.chat-inbox b,.chat-inbox small{display:block}.chat-inbox small{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;color:var(--ink-soft)}.chat-inbox em{font-size:8px}.admin-live-chat{width:100%;max-width:none;margin:0}.ticket-heading{display:flex;align-items:center;justify-content:space-between}.ticket-assignment{display:flex;align-items:center;gap:8px;max-width:700px;margin-bottom:12px}.ticket-assignment label{font-size:10px;font-weight:700}.ticket-assignment select{max-width:280px}.ticket-conversation{max-width:700px}.ticket-conversation form{margin-top:10px}@media(max-width:800px){.admin-chat-layout{grid-template-columns:1fr}.chat-inbox{max-height:250px;overflow-y:auto}.staff-card{grid-template-columns:1fr auto}.staff-card form{grid-column:1/-1}}

/* Direct copy on dark surfaces is always bright and legible. */
:is(.dark-section,.ai-section,.product-hero,.network-hero,.erp-hero,.redesign-hero,.blog-hero,.article-page>header,.invoice-brandbar,.invoice-footer) :is(h1,h2,h3,h4,h5,h6){color:#fff}
:is(.dark-section,.ai-section,.product-hero,.network-hero,.erp-hero,.redesign-hero,.blog-hero,.article-page>header)>.wrap>p,
:is(.dark-section,.ai-section,.product-hero,.network-hero,.erp-hero,.redesign-hero,.blog-hero,.article-page>header)>.wrap>div>p{color:#dbe5f2}
.invoice-page{padding:35px 18px 80px;background:#eef2f6}.invoice-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.invoice-toolbar>a{font-size:11px;font-weight:700;color:var(--ink-soft)}.invoice-toolbar>div{display:flex;gap:7px}.invoice-document{padding:0!important;overflow:hidden;border:1px solid #dce3ea;border-radius:18px;background:#fff;box-shadow:0 28px 75px -55px #07132c}.invoice-brandbar{display:flex;justify-content:space-between;padding:11px 38px;background:#07132c;color:#fff;font:700 9px var(--font-m);letter-spacing:.12em}.invoice-brandbar span:last-child{color:#49dfb6}.invoice-header{display:flex;justify-content:space-between;gap:35px;padding:42px 38px 32px;border-bottom:1px solid #e6ebf0}.invoice-company img{max-width:170px;height:auto}.invoice-company p{font-size:11px;line-height:1.7;color:#667085}.invoice-company a{color:#1b75bc}.invoice-identity{text-align:right}.invoice-identity small,.invoice-meta-grid small,.invoice-payment small{font:700 9px var(--font-m);text-transform:uppercase;letter-spacing:.08em;color:#8490a2}.invoice-identity h1{margin:7px 0 12px;font-size:25px}.invoice-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:99px;font-size:9px;font-weight:700}.invoice-status-paid{background:#dff8ed;color:#087a55}.invoice-status-unpaid{background:#fff3d7;color:#9a6500}.invoice-status-void{background:#f2f3f5;color:#667085}.invoice-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:30px 38px}.invoice-meta-grid h3{margin:8px 0 5px;font-size:17px}.invoice-meta-grid p{font-size:11px;line-height:1.65}.invoice-meta-grid dl{display:grid;grid-template-columns:1fr auto;gap:8px;margin:8px 0 0;font-size:10.5px}.invoice-meta-grid dt{color:#7b8697}.invoice-meta-grid dd{margin:0;font-weight:600}.invoice-table-wrap{padding:0 38px}.invoice-table{border:1px solid #e1e7ed;border-radius:11px;overflow:hidden}.invoice-table th{padding:12px 14px;background:#f4f7f9;color:#657184;font-size:9px}.invoice-table td{padding:15px 14px;font-size:11px}.invoice-table td b,.invoice-table td small{display:block}.invoice-table td small{margin-top:4px;color:#8791a1;font-size:9px}.invoice-table .amount{text-align:right}.invoice-summary{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:end;padding:28px 38px}.invoice-payment p{font-size:10.5px}.invoice-total{text-align:right}.invoice-total span,.invoice-total small{display:block;color:#7d8796;font-size:9px}.invoice-total strong{display:block;margin:4px 0;font:800 29px var(--font-d);color:#07132c}.invoice-notice{display:flex;gap:12px;margin:0 38px 28px;padding:14px;border-radius:10px;background:#fff8e7;color:#76520b}.invoice-notice p{margin:3px 0 0;font-size:10px}.invoice-footer{display:flex;justify-content:space-between;gap:30px;padding:24px 38px;background:#07132c;color:#fff}.invoice-footer b{font-size:11px}.invoice-footer p{margin:4px 0 0;color:#b4c0d1;font-size:9px}.invoice-footer>div:last-child{text-align:right}.invoice-footer span{display:block;color:#fff;font-size:9px;line-height:1.7}@media(max-width:650px){.invoice-toolbar{align-items:flex-start}.invoice-toolbar .btn{font-size:0}.invoice-toolbar .btn i{font-size:12px}.invoice-header,.invoice-footer{display:block}.invoice-identity{text-align:left;margin-top:25px}.invoice-meta-grid{grid-template-columns:1fr;gap:20px}.invoice-brandbar,.invoice-header,.invoice-meta-grid,.invoice-summary,.invoice-footer{padding-left:20px;padding-right:20px}.invoice-table-wrap{padding:0 20px}.invoice-notice{margin-left:20px;margin-right:20px}.invoice-footer>div:last-child{text-align:left;margin-top:12px}}
.featured-media-panel{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:10px}.featured-media-panel legend{padding:0 7px;font:600 11px var(--font-m)}.featured-media-preview{height:180px;margin-bottom:10px;overflow:hidden;border-radius:8px;background:#07132c}.featured-media-preview img,.featured-media-preview video,.blog-card-art img,.blog-card-art video,.article-featured-media img,.article-featured-media video{width:100%;height:100%;object-fit:cover}.admin-post-card{position:relative;margin-bottom:10px}.media-badge{position:absolute;right:13px;top:13px;color:var(--accent-deep)}.blog-card-art{position:relative}.blog-card-art img,.blog-card-art video{position:absolute;inset:0}.blog-media-type{position:absolute;left:12px;bottom:12px;padding:6px 9px;border-radius:7px;background:rgba(7,19,44,.88);color:#fff!important;font-size:9px!important}.article-featured-media{height:min(600px,55vw);margin-top:42px;overflow:hidden;border-radius:18px;background:#07132c}.article-featured-media video{background:#07132c}

/* Admin sidebar contrast must remain independent of storefront themes. */
html[data-theme] .admin-body .asidebar .admin-nav-group>summary,
html[data-theme] .admin-body .asidebar .admin-nav-group>summary span,
html[data-theme] .admin-body .asidebar .admin-nav-group>summary i{color:#49dfb6!important;opacity:1!important;filter:none!important;text-shadow:none!important;font-size:12px!important;font-weight:600!important;line-height:1.4!important}
html[data-theme] .admin-body .asidebar .admin-nav-group a,
html[data-theme] .admin-body .asidebar .admin-nav-group a span,
html[data-theme] .admin-body .asidebar .admin-nav-group a i{color:#fff!important;opacity:1!important;filter:none!important;text-shadow:none!important}
.package-tabs{margin-bottom:14px;overflow-x:auto}.package-editor{margin-bottom:9px}.package-editor>summary{cursor:pointer}.package-editor>form{padding-top:14px;margin-top:12px;border-top:1px solid var(--line)}.package-row{display:grid;grid-template-columns:1fr repeat(3,auto) auto;align-items:center;gap:10px;margin-bottom:8px}.package-row label{font-size:9px}.package-row input[type=number]{width:110px}@media(max-width:760px){.package-row{grid-template-columns:1fr 1fr}.package-row b{grid-column:1/-1}}

/* Keep desktop mega menus open while the pointer crosses into their content. */
@media(min-width:761px){.nav-group:after{content:'';position:absolute;z-index:79;left:0;right:0;top:100%;height:20px}.nav-group .mega-menu{top:calc(100% + 8px);transition:opacity .2s,visibility .2s,transform .2s}.nav-group .nav-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}}
/* Mobile menu: compact, scrollable mega panels and unobtrusive floating helpers. */
@media(max-width:760px){.nav-group:focus-within .mega-menu{display:none}.nav-group.is-open .mega-menu{display:grid}.nav-group.is-open .nav-trigger>.fa-chevron-down{transform:rotate(180deg)}.nav-trigger>.fa-chevron-down{transition:transform .18s ease}}
@media(max-width:760px){#topnav .navlinks{max-height:calc(100dvh - 126px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:18px}.nav-group .mega-menu,.nav-group .mega-solutions{max-height:42dvh;overflow-y:auto;overscroll-behavior:contain;padding:8px}.mega-links>a{padding:10px!important}.mega-links small{font-size:9.5px;line-height:1.25}.mega-links>a>i{width:28px;height:28px}.nav-open .whatsapp-widget,.nav-open .pillar-ai{opacity:.06!important;pointer-events:none;transform:scale(.78);transition:opacity .22s ease,transform .22s ease}.whatsapp-widget,.pillar-ai{transition:opacity .28s ease,transform .28s ease}.mobile-float-idle .whatsapp-widget:not(.is-open),.mobile-float-idle .pillar-ai:not(.open){opacity:.18;transform:scale(.82);pointer-events:none}.pillar-ai.open{opacity:1!important;transform:none!important;pointer-events:auto!important}}
/* High-contrast chat bubbles: never allow pale bubbles to disappear into the stream. */
html[data-theme] .chat-messages{background:#e5ebf1!important}
html[data-theme] .chat-bubble.mine.customer{
 background:linear-gradient(145deg,#1769aa,#0f568f)!important;
 border:1px solid #0b4778!important;
 color:#fff!important;
 box-shadow:0 9px 20px -12px rgba(7,19,44,.72)
}
html[data-theme] .chat-bubble.theirs.customer{
 background:#fff!important;
 border:1px solid #aebdca!important;
 color:#101828!important;
 box-shadow:0 8px 18px -13px rgba(7,19,44,.62)
}
html[data-theme] .chat-bubble.theirs.customer b{color:#075f9e!important}
html[data-theme] .chat-bubble.theirs.customer p{color:#101828!important;font-weight:500!important}
html[data-theme] .chat-bubble.theirs.customer small{color:#475467!important;opacity:1!important}
html[data-theme] .chat-bubble.mine.customer :is(b,p,small,em){color:#fff!important;opacity:1!important}
html[data-theme] .chat-bubble.staff{border-width:1px!important;box-shadow:0 9px 20px -12px rgba(7,19,44,.8)}
/* Pillar AI: compact, high-contrast assistant; the human chat remains the escalation route. */
.pillar-ai{position:fixed;right:20px;bottom:94px;z-index:99}.pillar-ai-toggle{display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 15px;background:linear-gradient(135deg,#1b75bc,#3d3e57);color:#fff;box-shadow:0 14px 32px -12px rgba(7,19,44,.65);font:700 11px var(--font-b);cursor:pointer}.pillar-ai-toggle i{color:#fed600}.pillar-ai-panel{display:none;overflow:hidden;width:340px;max-width:calc(100vw - 32px);margin-bottom:10px;border:1px solid #c9d6e3;border-radius:16px;background:#fff;box-shadow:0 24px 65px -26px rgba(7,19,44,.62)}.pillar-ai.open .pillar-ai-panel{display:block}.pillar-ai-panel>header{display:flex;align-items:center;gap:10px;padding:13px 15px;background:#07132c}.pillar-ai-panel>header>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#1b75bc;color:#fed600}.pillar-ai-panel header b,.pillar-ai-panel header small{display:block;color:#fff}.pillar-ai-panel header b{font-size:12px}.pillar-ai-panel header small{margin-top:2px;font-size:9px;color:#dcecff}.pillar-ai-messages{display:flex;flex-direction:column;gap:8px;max-height:280px;min-height:155px;overflow:auto;padding:13px;background:#edf3f7}.pillar-ai-msg{max-width:86%;padding:9px 11px;border-radius:11px;background:#fff;color:#17253b;box-shadow:0 5px 14px -12px #07132c}.pillar-ai-msg.user{align-self:flex-end;background:#1b75bc;color:#fff}.pillar-ai-msg b{display:block;margin-bottom:3px;font-size:8px;color:#1b75bc}.pillar-ai-msg.user b,.pillar-ai-msg.user p{color:#fff}.pillar-ai-msg p{margin:0;font-size:11px;line-height:1.45;color:#17253b}.pillar-ai-panel form{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px;border-top:1px solid #dce5ed}.pillar-ai-panel textarea{min-height:38px;resize:none;border:1px solid #ccd8e5;border-radius:8px;padding:8px;color:#17253b;font-size:11px}.pillar-ai-panel form button{width:38px;border:0;border-radius:8px;background:#1b75bc;color:#fff;cursor:pointer}.pillar-ai-panel>footer{padding:0 11px 10px;background:#fff}.pillar-ai-panel>footer a{display:block;color:#1b75bc;font-size:10px;font-weight:700;text-align:center}.pillar-ai-panel>footer i{margin-right:5px}@media(max-width:600px){.pillar-ai{right:12px;bottom:82px}.pillar-ai-toggle span{display:none}.pillar-ai-toggle{width:46px;height:46px;justify-content:center;padding:0}.pillar-ai-panel{width:min(340px,calc(100vw - 24px))}}
.staff-card{grid-template-columns:minmax(0,1fr) auto auto!important}.staff-actions{display:flex!important;align-items:center!important;gap:6px!important}.staff-actions form{margin:0}@media(max-width:620px){.staff-card{grid-template-columns:1fr auto!important}.staff-actions{grid-column:1/-1}}
.invoice-admin-actions,.invoice-admin-actions form,.customer-row-actions{display:flex;align-items:center;gap:5px}.invoice-admin-actions select{min-width:88px;padding:7px;font-size:9px}.invoice-admin-actions form:last-child{padding-left:5px;border-left:1px solid var(--line)}
.order-card-actions{display:flex;align-items:center;gap:8px}.order-card-actions form{margin:0}.order-detail{border-top:1px solid var(--line-soft);margin-top:13px;padding-top:5px}.od-item{padding:17px 3px;border-bottom:1px solid var(--line-soft)}.od-item:last-child{border-bottom:0}.odh{display:flex;justify-content:space-between;align-items:center;gap:10px}.item-editor{margin-top:12px;padding-top:11px;border-top:1px dashed var(--line)}.item-editor>summary{cursor:pointer;color:var(--accent-deep);font-size:11px;font-weight:700}.item-editor form{margin-top:12px}.invoice-document{position:relative}.invoice-document:before{content:'';position:absolute;width:310px;height:310px;right:-145px;top:-185px;border:34px solid rgba(27,117,188,.05);border-radius:50%;pointer-events:none}.invoice-header,.invoice-meta-grid,.invoice-table-wrap,.invoice-summary,.invoice-notice,.invoice-footer{position:relative;z-index:1}@media(max-width:650px){.order-card-actions{margin-top:8px}.order-detail{margin-top:10px}}
.why-pillar-copy>p{max-width:590px;color:#dbe5f2!important;font-size:14px;line-height:1.7}.why-support{display:flex;gap:14px;margin:26px 0;padding:17px;border:1px solid rgba(73,223,182,.22);border-radius:13px;background:rgba(255,255,255,.055)}.why-support>i{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;background:#49dfb6;color:#07132c;font-size:16px}.why-support b{color:#fff;font-size:13px}.why-support p{margin:4px 0 0;color:#dbe5f2!important;font-size:10.5px;line-height:1.6}.why-actions{display:flex;flex-wrap:wrap;gap:8px}.why-account-link{border-color:rgba(255,255,255,.3)!important;color:#fff!important}.why-service-list{display:grid!important;gap:9px}.why-service-list>a{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:start;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.045);transition:.2s}.why-service-list>a:hover{transform:translateX(4px);border-color:rgba(73,223,182,.4);background:rgba(73,223,182,.08)}.why-service-list>a>span{color:#49dfb6!important;font:700 9px var(--font-m)}.why-service-list>a>i{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:rgba(73,223,182,.12);color:#49dfb6}.why-service-list h3{margin:0;color:#fff!important;font-size:13px}.why-service-list p{margin:4px 0 0;color:#cbd8e8!important;font-size:9.5px;line-height:1.55}@media(max-width:600px){.why-service-list>a{grid-template-columns:auto 1fr}.why-service-list>a>span{display:none}.why-actions .btn{width:100%;justify-content:center}}
.cart-checkout-shortcut{position:sticky;top:76px;z-index:20;display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:10px 12px;border:1px solid rgba(27,117,188,.18);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(7,19,44,.09);backdrop-filter:blur(12px)}.cart-checkout-shortcut span{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:13px}.cart-checkout-shortcut strong{margin-left:auto;font-family:var(--font-d);color:var(--ink)}@media(max-width:600px){.cart-checkout-shortcut{top:8px;gap:8px}.cart-checkout-shortcut span{display:none}.cart-checkout-shortcut strong{margin-left:0;font-size:14px}.cart-checkout-shortcut .btn{margin-left:auto}}
.domain-live-result{display:flex;align-items:center;gap:10px;padding:14px 16px;margin:0 0 14px;border-radius:12px;background:var(--bg);color:var(--ink);border:1px solid var(--line)}.domain-live-result.available{background:#eaf8f0;color:#0d6a3c;border-color:#a7dfbd}.domain-live-result.taken{background:#fff0f1;color:#9d1f2a;border-color:#f1b1b7}.domain-live-result i{font-size:20px}
/* Compact plan cards and Zoho-inspired email hosting */
.hosting-features{position:relative;flex:1;margin-bottom:19px}.hosting-features .plan-feats{margin-bottom:0}.hosting-features.has-overflow:not(.is-expanded) .plan-feats{max-height:218px;overflow:hidden}.hosting-features.has-overflow:not(.is-expanded):after{content:'';pointer-events:none;position:absolute;right:0;bottom:0;left:0;height:58px;background:linear-gradient(transparent,#fff)}.feature-toggle{position:relative;z-index:1;border:0;background:transparent;color:var(--accent-deep);font:700 12px var(--font-b);padding:8px 0 0;cursor:pointer}.feature-toggle i{margin-left:5px;font-size:10px}
.email-hero{background:#fed600;position:relative;overflow:hidden;padding:78px 0}.email-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:55px}.email-hero h1{font-size:clamp(38px,5vw,62px);max-width:720px;color:#152238}.email-hero p{font-size:17px;max-width:620px;color:#3d3b2e}.email-pattern{min-height:275px;padding:36px;border-radius:24px;background:linear-gradient(145deg,#16253b,#253957);color:#fff;box-shadow:0 28px 55px -30px rgba(30,35,37,.7);display:flex;flex-direction:column;justify-content:center;gap:17px;transform:rotate(2deg)}.email-pattern i{font-size:54px;color:#fed600}.email-pattern span{font:700 25px var(--font-d)}.email-pattern b{font-size:13px;color:#fff3bb}.email-benefits article{padding:26px;border:1px solid var(--line);border-radius:16px;background:#fff}.email-benefits i{font-size:21px;color:#a56700;background:#fff1b8;padding:12px;border-radius:11px}.email-benefits h3{margin-top:19px}.email-benefits p{font-size:14px}.email-pricing{background:#fff7dc}
.email-all-in-one{position:relative;overflow:hidden;padding:82px 24px;background:#fed600}.email-all-in-one:before{content:'';position:absolute;inset:-70px -20px;opacity:.45;background:repeating-radial-gradient(ellipse 230px 52px at 6% 107%,transparent 0 25px,rgba(255,255,255,.6) 26px 29px,transparent 30px 52px);background-size:460px 116px;transform:rotate(8deg)}.email-all-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:75px}.email-all-grid h2{font-size:clamp(34px,4vw,54px);line-height:1.06;color:#17253b}.email-all-grid p{font-size:16px;color:#3d3b2e;max-width:620px}.email-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.email-app-grid span{min-height:126px;padding:21px;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 17px 35px -28px rgba(31,39,52,.75);display:flex;flex-direction:column;justify-content:space-between;font:700 14px var(--font-d);color:#17253b}.email-app-grid i{font-size:26px;color:#e4572e}@media(max-width:760px){.email-all-grid{grid-template-columns:1fr;gap:34px}.email-all-in-one{padding:58px 18px}}
html[data-theme="zoho"]{--accent:#e4572e;--accent-deep:#9d3a1c;--accent-soft:#fff0d5;--panel:#18283d;--panel-ink:#e7edf6;--ink:#17253b;--ink-soft:#4e5c6e;--line:#d9e0e7;--line-soft:#e8edf2}html[data-theme="zoho"] body{background:#fffdf7;color:#17253b}html[data-theme="zoho"] .announcement,html[data-theme="zoho"] .prefooter{background:#fed600;color:#17253b}html[data-theme="zoho"] .announcement span,html[data-theme="zoho"] .announcement a{color:#17253b}html[data-theme="zoho"] .btn-accent{background:#e4572e;color:#fff}html[data-theme="zoho"] .btn-dark,html[data-theme="zoho"] .asidebar,html[data-theme="zoho"] .dark-section,html[data-theme="zoho"] .ai-section,html[data-theme="zoho"] .product-hero,html[data-theme="zoho"] .inquiry-aside{background:#18283d;color:#fff}html[data-theme="zoho"] .product-hero :is(h1,h2,h3),html[data-theme="zoho"] .dark-section :is(h1,h2,h3),html[data-theme="zoho"] .inquiry-aside h2{color:#fff}html[data-theme="zoho"] .product-hero p,html[data-theme="zoho"] .dark-section p,html[data-theme="zoho"] .inquiry-aside p{color:#e7edf6}html[data-theme="zoho"] footer{background:#18283d;color:#fff}html[data-theme="zoho"] footer :is(a,p,h5,.fbottom){color:#fff}html[data-theme="zoho"] .theme-tray button[data-set-theme="zoho"] i{background:linear-gradient(135deg,#fed600 0 52%,#e4572e 52% 77%,#18283d 77%)}
html[data-theme="zoho"] .prefooter :is(h1,h2,h3,h4,h5,h6,.kicker,p){color:#101820!important}html[data-theme="zoho"] .prefooter .btn-accent{background:#18283d;color:#fff}html[data-theme="zoho"] .prefooter .btn-accent:hover{background:#263c5a;color:#fff}
/* Readability baseline: administrative controls and dense service data remain comfortable at normal zoom. */
.admin-body .view-head p{font-size:13px!important;line-height:1.55}.admin-body table{font-size:13px!important}.admin-body th{font-size:10.5px!important}.admin-body th,.admin-body td{padding:11px 12px!important}.admin-body .formrow label{font-size:12px!important}.admin-body input,.admin-body select,.admin-body textarea{font-size:13px!important}.admin-body .btn{font-size:12px!important}.admin-body .pill{font-size:10px!important}.admin-nav-group summary{font-size:11px!important}.asidebar a{font-size:13.5px!important}.admin-user b{font-size:12.5px!important}.admin-user small{font-size:10.5px!important}.admin-body small,.admin-body .formrow small{font-size:11px!important;line-height:1.45}.pricing-card li,.service-card p,.web-package p,.formrow small{line-height:1.55}
@media print{.theme-tray,.mobile-dock,.whatsapp-widget,.pillar-ai,.invoice-toolbar,.announcement,#topnav,.prefooter,body>footer,.frontend-admin-tools,.frontend-editor-drawer,.frontend-editor-overlay{display:none!important}.invoice-page{padding:0!important;margin:0!important;background:#fff!important}.invoice-document{border:0!important;box-shadow:none!important;max-width:none!important}.invoice-brandbar,.invoice-footer,.invoice-status{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4;margin:10mm}.invoice-document{width:190mm!important;margin:0 auto!important}.invoice-header{padding-top:10mm!important}.invoice-table thead{display:table-header-group}.invoice-table tr,.invoice-summary,.invoice-notice,.invoice-footer{break-inside:avoid;page-break-inside:avoid}.invoice-document:before{display:none!important}.invoice-notice .btn{display:none!important}.invoice-notice{margin-bottom:7mm!important}.invoice-footer{display:flex!important;margin-top:auto!important}}
.landing-hero{padding:88px 24px;background:#07132c;color:#fff;overflow:hidden}.landing-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center;max-width:1180px;margin:auto}.landing-hero h1{max-width:630px;font-size:clamp(44px,5.8vw,70px);line-height:1.01;letter-spacing:-.06em;color:#fff}.landing-hero h1 em{font-style:normal;color:#49dfb6}.landing-hero p{max-width:640px;color:#d5e0ee;font-size:17px}.landing-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px}.landing-proof span{font-size:11px;color:#d5e0ee;font-weight:700}.landing-proof i{color:#49dfb6;margin-right:5px}.lp-browser{position:relative;max-width:425px;margin:auto;border-radius:18px;background:#f8fafc;overflow:hidden;box-shadow:0 30px 65px -30px #000;transform:rotate(2deg)}.lp-browser-top{height:43px;background:#14253d;color:#bfcee0;display:flex;align-items:center;padding:0 14px;gap:6px;font:500 9px var(--font-m)}.lp-browser-top i{width:7px;height:7px;border-radius:50%;background:#49dfb6}.lp-browser-top i:nth-child(2){opacity:.55}.lp-browser-top i:nth-child(3){opacity:.25}.lp-browser-top span{margin-left:9px}.lp-preview-content{padding:34px 30px 25px;min-height:295px;background:linear-gradient(145deg,#ede4d9,#b6c7c4)}.lp-preview-logo{font:800 12px var(--font-m);letter-spacing:.14em;color:#1e3941}.lp-preview-content h3{font-size:35px;line-height:1.04;letter-spacing:-.06em;color:#122b34;margin:36px 0 10px}.lp-preview-content p{font-size:12px;color:#38545a}.lp-preview-content button,.sample-copy button{border:0;border-radius:7px;background:#0d4649;color:#fff;padding:10px 13px;font:700 10px var(--font-b)}.lp-preview-stats{display:flex;gap:28px;margin-top:33px}.lp-preview-stats span{font-size:9px;color:#29474d}.lp-preview-stats b{display:block;font:800 21px var(--font-d)}.landing-intro{background:#f5f8fb}.landing-filters{display:flex;gap:8px;overflow:auto;padding:5px 0 20px;margin:26px 0}.landing-filters button{border:1px solid #d8e2ec;background:#fff;border-radius:999px;padding:8px 13px;color:#42556d;font:700 11px var(--font-b);white-space:nowrap;cursor:pointer}.landing-filters button.active{background:#1b75bc;border-color:#1b75bc;color:#fff}.landing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.landing-card{background:#fff;border:1px solid #dce5ee;border-radius:16px;overflow:hidden;box-shadow:0 14px 28px -28px rgba(8,27,55,.7)}.landing-card-cover{min-height:225px;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.sample-navbar{display:flex;justify-content:space-between;color:rgba(255,255,255,.92);font-size:10px}.sample-navbar span{font-size:9px}.sample-copy{color:#fff}.sample-type{font-size:9px;font-weight:800;letter-spacing:.07em}.sample-copy h3{font-size:25px;line-height:1.03;letter-spacing:-.055em;color:#fff;margin:10px 0 17px}.sample-copy button{background:#fff;color:#14263d}.sample-ui{display:flex;gap:5px}.sample-ui i{height:4px;width:42px;border-radius:99px;background:rgba(255,255,255,.47)}.landing-card-cover.real-estate{background:linear-gradient(140deg,#162b46,#85755e)}.landing-card-cover.health{background:linear-gradient(140deg,#074a51,#45a49f)}.landing-card-cover.food{background:linear-gradient(140deg,#722b19,#e29d51)}.landing-card-cover.security{background:linear-gradient(140deg,#0d1729,#345679)}.landing-card-cover.education{background:linear-gradient(140deg,#40246c,#a268bf)}.landing-card-cover.logistics{background:linear-gradient(140deg,#153a63,#2f8dac)}.landing-card-cover.professional{background:linear-gradient(140deg,#24263e,#686a94)}.landing-card-cover.commerce{background:linear-gradient(140deg,#5d234e,#df8391)}.landing-card-body{padding:17px}.landing-card-body .kicker{font-size:8px}.landing-card-body h3{font-size:17px;margin:4px 0 8px}.landing-card-body p{font-size:11px;min-height:34px;margin:0;color:#60728a}.landing-card-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid #e4ebf1;margin-top:13px;padding-top:12px}.landing-card-foot strong{font-size:11px;color:#173b63}.landing-card-foot a{font-size:11px;font-weight:800;color:#1b75bc}.landing-build-section{padding:76px 24px;background:#3d3e57;color:#fff}.landing-build-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.landing-build-grid h2{font-size:42px;line-height:1.06;color:#fff}.landing-build-grid p{color:#d6d9ec}.landing-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.landing-feature-list>div{display:flex;gap:13px;padding:17px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.06)}.landing-feature-list i{color:#76ccff;margin-top:3px}.landing-feature-list b,.landing-feature-list small{display:block}.landing-feature-list b{font-size:12px;color:#fff}.landing-feature-list small{font-size:10px;color:#d6d9ec;margin-top:4px}.landing-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #dce6ef;border-radius:18px;padding:38px;background:#fff}.landing-cta h2{font-size:35px;margin:4px 0}.landing-cta p{max-width:610px;margin:0;color:#5d7089}@media(max-width:900px){.landing-grid{grid-template-columns:repeat(2,1fr)}.landing-hero-grid,.landing-build-grid{grid-template-columns:1fr;gap:38px}.landing-hero-preview{max-width:470px}.landing-build-grid h2{font-size:36px}}@media(max-width:600px){.landing-hero{padding:62px 18px}.landing-hero h1{font-size:44px}.landing-grid,.landing-feature-list{grid-template-columns:1fr}.landing-cta{display:block;padding:27px}.landing-cta h2{font-size:29px}.landing-cta>div:last-child{margin-top:20px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.lp-browser{transform:none}.landing-card-cover{min-height:210px}}
.landing-preview-link{color:#163b60!important;border:1px solid #cbddeb;border-radius:7px;padding:6px 8px;font-size:10px!important}.landing-preview-link:hover{background:#eff7fc}.lp-demo{font-family:DM Sans,Arial,sans-serif;color:#17233b;background:#fbfcff}.demo-notice{display:flex;justify-content:space-between;gap:20px;padding:10px 5%;background:#0b1930;color:#c7d5e7;font-size:11px}.demo-notice a{color:#fff;font-weight:700}.demo-header{display:flex;align-items:center;justify-content:space-between;padding:20px 7%;background:#fff}.demo-brand{font:800 17px Manrope,sans-serif;color:#162741}.demo-brand i{margin-right:7px}.demo-header nav{display:flex;gap:25px}.demo-header nav a{font-size:12px;color:#52657d}.demo-outline{border:1px solid #bdcddd;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:700;color:#172b45}.demo-hero{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center;min-height:590px;padding:65px 9%;overflow:hidden}.demo-hero-copy{max-width:590px}.demo-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:800;color:#1b75bc}.demo-hero h1{font:800 clamp(45px,5.2vw,68px) Manrope,sans-serif;letter-spacing:-.06em;line-height:1.01;margin:15px 0;color:#142744}.demo-hero p{font-size:17px;line-height:1.65;color:#536783}.demo-actions{display:flex;gap:22px;align-items:center;margin-top:28px}.demo-primary{padding:13px 16px;border-radius:8px;background:#183a5d;color:#fff;font-weight:700;font-size:12px}.demo-text{font-size:12px;font-weight:700;color:#183a5d}.demo-proof{display:flex;flex-wrap:wrap;gap:13px;margin-top:33px}.demo-proof span{font-size:10.5px;color:#52657d}.demo-proof i{color:#29936c}.demo-hero-art{min-height:390px;position:relative;border-radius:28px;background:linear-gradient(145deg,#e4edf5,#a7c0d2);overflow:hidden}.demo-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:290px;height:290px;background:rgba(255,255,255,.67);right:-44px;top:-60px}.orb-two{width:220px;height:220px;background:rgba(29,71,105,.23);left:-75px;bottom:-80px}.demo-stat-card{position:absolute;right:28px;bottom:35px;padding:18px 22px;border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 15px 36px -20px #223c55}.demo-stat-card i{color:#1b75bc}.demo-stat-card span,.demo-stat-card b{display:block}.demo-stat-card span{font-size:10px;color:#677b90;margin-top:14px}.demo-stat-card b{font:800 18px Manrope,sans-serif;color:#172b45}.demo-location{position:absolute;left:25px;top:25px;color:#183a5d;background:rgba(255,255,255,.74);padding:9px 11px;border-radius:8px;font-size:11px;font-weight:700}.demo-trust{display:flex;justify-content:space-around;gap:15px;padding:23px 7%;border-top:1px solid #e3ebf2;border-bottom:1px solid #e3ebf2;font:800 11px Manrope,sans-serif;color:#57708b}.demo-section{max-width:1120px;margin:0 auto;padding:100px 25px 55px;display:grid;grid-template-columns:1fr .7fr;gap:80px}.demo-section h2{font:800 42px Manrope,sans-serif;line-height:1.06;letter-spacing:-.05em;color:#172b45;margin:12px 0}.demo-section p{color:#58708a;line-height:1.7}.demo-cards{max-width:1120px;margin:0 auto;padding:20px 25px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.demo-cards article{padding:27px;border:1px solid #dce7ef;border-radius:15px;background:#fff}.demo-cards i{font-size:22px;color:#1b75bc}.demo-cards h3{font:800 18px Manrope,sans-serif;color:#1b304d;margin:20px 0 8px}.demo-cards p{font-size:12px;line-height:1.6;color:#60758e}.demo-quote{padding:70px max(8%,24px);background:#233954;color:#fff;text-align:center}.demo-quote>i{color:#88d0fa;font-size:24px}.demo-quote blockquote{max-width:820px;margin:20px auto;font:700 clamp(24px,3vw,38px) Manrope,sans-serif;line-height:1.18;letter-spacing:-.04em}.demo-quote span{font-size:11px;color:#bed0df}.demo-contact{display:grid;grid-template-columns:1fr .8fr;gap:55px;padding:85px 9%;background:#edf5fa}.demo-contact h2{font:800 40px Manrope,sans-serif;line-height:1.05;color:#182d49;margin:10px 0}.demo-contact p{color:#60738b}.demo-contact form{display:grid;gap:10px;align-content:center}.demo-contact input{border:1px solid #c5d5e3;border-radius:8px;padding:13px;background:#fff;font:14px DM Sans,sans-serif}.demo-contact button{border:0;border-radius:8px;background:#183a5d;color:#fff;padding:14px;font:700 12px DM Sans,sans-serif;cursor:pointer}.demo-contact small{font-size:10px;color:#6b7d92}.demo-footer{display:flex;justify-content:space-between;padding:25px 8%;background:#0e1d32;color:#e4edf6;font-size:11px}.demo-footer a{color:#75cdfb;font-weight:700}@media(max-width:760px){.demo-notice span,.demo-header nav{display:none}.demo-notice{padding:10px 16px}.demo-header{padding:17px 18px}.demo-hero,.demo-contact,.demo-section{grid-template-columns:1fr;gap:30px;padding-left:22px;padding-right:22px}.demo-hero{padding-top:50px;min-height:auto}.demo-hero-art{min-height:310px}.demo-trust{overflow:auto;justify-content:flex-start;white-space:nowrap}.demo-section{padding-top:65px}.demo-section h2{font-size:34px}.demo-cards{grid-template-columns:1fr;padding-bottom:65px}.demo-contact{padding-top:60px;padding-bottom:60px}.demo-footer{padding:22px;gap:10px}.demo-footer span{display:none}}
.launch-preview{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:55px 10%;background:#e7f2fa}.launch-preview h2{font:800 34px Manrope,sans-serif;line-height:1.08;color:#18304d;margin:8px 0}.launch-preview p{max-width:610px;font-size:13px;color:#58708a}@media(max-width:760px){.launch-preview{display:block;padding:45px 22px}.launch-preview h2{font-size:29px}.launch-preview .countdown-box{margin-top:25px}}
.landing-package-section{padding:82px 24px;background:#f6f9fc}.landing-package-intro{max-width:1120px;margin:0 auto 30px;display:flex;gap:45px;justify-content:space-between;align-items:end}.landing-package-intro h2{font-size:42px;line-height:1.05;margin:7px 0}.landing-package-intro p{max-width:710px;color:#5b7089;line-height:1.65}.landing-clarity{max-width:230px;padding:15px;border-left:3px solid #1b75bc;background:#eaf4fc}.landing-clarity i{color:#1b75bc}.landing-clarity b,.landing-clarity span{display:block}.landing-clarity b{font-size:12px;margin:5px 0}.landing-clarity span{font-size:10px;color:#5a6f87;line-height:1.45}.landing-package-grid{max-width:850px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:15px}.landing-package-card{position:relative;padding:27px;border:1px solid #d9e3ed;border-radius:16px;background:#fff}.landing-package-card.featured{border:2px solid #1b75bc;box-shadow:0 18px 34px -26px #1b75bc}.package-badge{font-size:9px;letter-spacing:.08em;font-weight:800;color:#1b75bc}.landing-package-card h3{font-size:23px;margin:10px 0 6px}.landing-package-card p{font-size:12px;color:#5c7088;min-height:34px}.landing-package-card strong{display:block;font:800 28px var(--font-d);color:#172d4a;margin:18px 0}.landing-package-card strong small{font:500 10px var(--font-b);color:#687b90}.landing-package-card ul{padding:0;margin:0 0 20px;list-style:none}.landing-package-card li{font-size:11px;padding:6px 0;color:#496079}.landing-package-card li i{color:#238a6c;margin-right:7px}.landing-package-note{max-width:850px;margin:23px auto 0;text-align:center;font-size:11px;color:#5c7088}.landing-package-note i{color:#1b75bc}.landing-package-note a{font-weight:800;color:#1b75bc}.landing-launch-soon{padding:80px 24px;background:#121f36;color:#fff}.launch-soon-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr .8fr;gap:75px;align-items:center}.launch-soon-grid h2{color:#fff;font-size:42px;line-height:1.06}.launch-soon-grid p{color:#d4dfed;max-width:600px}.launch-countdown{padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(255,255,255,.05)}.launch-countdown>span{font-size:9px;letter-spacing:.12em;color:#7cd4ff;font-weight:800}.launch-countdown h3{font-size:24px;color:#fff;margin:9px 0 22px}.countdown-box{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.countdown-box>div{padding:12px 5px;border-radius:9px;background:rgba(255,255,255,.1);text-align:center}.countdown-box b,.countdown-box small{display:block}.countdown-box b{font:800 25px var(--font-d);color:#fff}.countdown-box small{font-size:8px;color:#c7d8ea;text-transform:uppercase}.launch-countdown p{font-size:10px;margin:17px 0 0;color:#d4dfed}@media(max-width:760px){.landing-package-intro,.launch-soon-grid{display:block}.landing-package-intro h2,.launch-soon-grid h2{font-size:33px}.landing-clarity{margin-top:18px}.landing-package-grid{grid-template-columns:1fr}.landing-launch-soon{padding:64px 18px}.launch-countdown{margin-top:28px}}
.plan-workload{display:flex;gap:9px;padding:11px 0 13px;border-bottom:1px solid #e5edf3}.plan-workload i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e7f2fa;color:#1b75bc}.plan-workload b,.plan-workload small{display:block}.plan-workload b{font-size:10px;color:#29415e}.plan-workload small{font-size:9.5px;line-height:1.35;color:#61748a;margin-top:2px}.hosting-workloads{background:#f5f8fb}.workload-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.workload-grid article{padding:23px;border:1px solid #dce6ef;border-radius:15px;background:#fff}.workload-grid article.workload-vps{background:#17273e;border-color:#17273e}.workload-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:11px;background:#e8f3fb;color:#1b75bc;margin-bottom:18px}.workload-vps .workload-icon{background:rgba(255,255,255,.12);color:#77d3ff}.workload-grid .kicker{font-size:8px}.workload-grid h3{font-size:18px;line-height:1.13;margin:8px 0}.workload-grid p{font-size:11.5px;line-height:1.6;color:#5d7189;min-height:74px}.workload-grid ul{list-style:none;padding:0;margin:15px 0}.workload-grid li{font-size:10.5px;padding:4px 0;color:#4e647e}.workload-grid li:before{content:'✓';color:#1b75bc;font-weight:800;margin-right:7px}.workload-grid a{font-size:11px;font-weight:800;color:#1b75bc}.workload-vps :is(h3,p,li){color:#fff}.workload-vps p{color:#d0ddec}.workload-vps li{color:#dce7f4}.workload-vps li:before,.workload-vps a{color:#76ccff}.hosting-fit-note{display:flex;gap:14px;align-items:center;margin-top:19px;padding:15px;border:1px solid #d6e4f0;border-radius:12px;background:#fff}.hosting-fit-note>i{font-size:18px;color:#1b75bc}.hosting-fit-note p{flex:1;margin:0;font-size:11px;color:#5a6e85;line-height:1.5}@media(max-width:950px){.workload-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.workload-grid{grid-template-columns:1fr}.hosting-fit-note{align-items:flex-start;flex-wrap:wrap}.hosting-fit-note .btn{margin-left:32px}}
/* A precise, document-like invoice surface for screen and paper. */
.invoice-document{max-width:930px!important}.invoice-document:after{content:'';position:absolute;inset:0;border:1px solid rgba(27,117,188,.08);pointer-events:none}.invoice-brandbar{min-height:39px;align-items:center;background:linear-gradient(100deg,#07132c,#163f70)}.invoice-brandbar span{display:inline-flex;align-items:center;gap:7px}.invoice-brandbar span:last-child{padding:4px 8px;border:1px solid rgba(73,223,182,.32);border-radius:99px}.invoice-header{padding-top:46px}.invoice-company img{max-height:48px;object-fit:contain;object-position:left center}.invoice-identity h1{font-size:28px;letter-spacing:-.035em}.invoice-status{box-shadow:inset 0 0 0 1px currentColor}.invoice-meta-grid{background:linear-gradient(180deg,#fff,#fbfcfe)}.invoice-meta-grid>div{min-width:0}.invoice-meta-grid>div:last-child{padding:13px 15px;border:1px solid #e1e8ef;border-radius:11px;background:#f8fafc}.invoice-table{border-collapse:separate;border-spacing:0;width:100%}.invoice-table th:first-child{border-radius:10px 0 0 0}.invoice-table th:last-child{border-radius:0 10px 0 0}.invoice-table tbody tr:last-child td:first-child{border-radius:0 0 0 10px}.invoice-table tbody tr:last-child td:last-child{border-radius:0 0 10px 0}.invoice-table tbody tr:hover{background:#f8fbfe}.invoice-summary{padding-top:31px}.invoice-payment{padding:12px 14px;border-left:3px solid #1b75bc;border-radius:0 10px 10px 0;background:#f6f9fc}.invoice-payment p{margin:5px 0 0}.invoice-total{padding:12px 0 12px 28px;border-left:1px solid #e1e8ef}.invoice-total strong{font-size:32px}.invoice-notice{border:1px solid #f0d593;box-shadow:0 12px 28px -24px rgba(118,82,11,.55)}.invoice-footer{min-height:83px;align-items:center;background:linear-gradient(100deg,#07132c,#112d51)}.invoice-footer:before{content:'PILLAR';position:absolute;right:38px;bottom:11px;color:rgba(255,255,255,.05);font:800 42px var(--font-d);letter-spacing:.12em;pointer-events:none}.invoice-footer>div{position:relative;z-index:1}@media(max-width:650px){.invoice-meta-grid>div:last-child{padding:11px}.invoice-total{padding-left:15px}.invoice-footer:before{right:18px;font-size:31px}}@media print{.invoice-document:after{display:none}.invoice-document{border:1px solid #dfe5ec!important}.invoice-brandbar{min-height:9mm}.invoice-header{padding:10mm 10mm 7mm!important}.invoice-meta-grid{padding:7mm 10mm!important}.invoice-table-wrap{padding:0 10mm!important}.invoice-summary{padding:7mm 10mm!important}.invoice-notice{margin:0 10mm 7mm!important}.invoice-footer{padding:7mm 10mm!important}.invoice-footer:before{display:none}}
@media(max-width:760px){.email-hero{padding:54px 18px}.email-hero-grid{grid-template-columns:1fr;gap:28px}.email-pattern{min-height:210px}.email-pattern span{font-size:20px}}
/* Expandable homepage plan features use native details: no script or extra request. */
.plan-feature-more{margin:-17px 0 22px}.plan-feature-more summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--accent-deep);font-size:11px;font-weight:800;list-style:none}.plan-feature-more summary::-webkit-details-marker{display:none}.plan-feature-more .more-open{display:none}.plan-feature-more[open] .more-closed{display:none}.plan-feature-more[open] .more-open{display:inline}.plan-feature-extra{margin:10px 0 0!important}.plan-feature-extra li{font-size:12px!important}
.lp-demo:before{content:'WEBSITE LAUNCHING SOON — EARLY ACCESS NOW OPEN';position:sticky;top:0;z-index:200;display:block;padding:14px 18px;background:linear-gradient(90deg,#be1e2d,#ef3f4e);color:#fff;text-align:center;font:800 14px var(--font-b);letter-spacing:.08em;box-shadow:0 6px 20px rgba(105,11,21,.35)}.lp-demo .demo-notice{background:#07132c}.lp-demo .launch-preview{background:linear-gradient(135deg,#be1e2d,#7b1220);border-top:7px solid #fed600;border-bottom:7px solid #fed600}.lp-demo .launch-preview .demo-eyebrow,.lp-demo .launch-preview h2,.lp-demo .launch-preview p{color:#fff!important}.lp-demo .launch-preview .demo-eyebrow{font-size:14px!important}.lp-demo .launch-preview h2{font-size:44px!important;text-transform:uppercase}.lp-demo .launch-preview .countdown-box{min-width:360px;padding:14px;border:2px solid rgba(255,255,255,.55);border-radius:14px;background:rgba(7,19,44,.3)}.lp-demo .launch-preview .countdown-box>div{background:#fff}.lp-demo .launch-preview .countdown-box b{color:#be1e2d}.lp-demo .launch-preview .countdown-box small{color:#172b45}@media(max-width:760px){.lp-demo:before{font-size:10px;padding:11px 9px}.lp-demo .launch-preview h2{font-size:31px!important}.lp-demo .launch-preview .countdown-box{min-width:0}}
/* Ocean-and-yellow launch treatment overrides the earlier red preview palette. */
.lp-demo:before{background:linear-gradient(90deg,#07132c,#1b75bc)!important;color:#fff!important;box-shadow:0 6px 20px rgba(7,19,44,.35)!important}.lp-demo .launch-preview{background:linear-gradient(135deg,#07132c,#1b75bc)!important;border-top-color:#fed600!important;border-bottom-color:#fed600!important}.lp-demo .launch-preview .countdown-box b{color:#1b75bc!important}.lp-demo .launch-preview .countdown-box>div{background:#fed600!important}
.lp-demo:before{content:'WEBSITE LAUNCHING SOON  •  04 DAYS : 03 HOURS : 00 MINUTES'!important}
.lp-demo:has(.top-launch-clock):before{display:none}.top-launch-clock{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 18px;background:linear-gradient(90deg,#07132c,#1b75bc);border-bottom:3px solid #fed600;color:#fff}.top-launch-clock span{font:800 11px var(--font-b);letter-spacing:.1em}.top-launch-clock span i{color:#fed600;margin-right:6px}.top-launch-clock b{padding:6px 10px;border-radius:7px;background:#fed600;color:#07132c;font:800 12px var(--font-m);letter-spacing:.05em}@media(max-width:600px){.top-launch-clock{gap:8px;padding:9px 8px}.top-launch-clock span{font-size:8px}.top-launch-clock b{padding:5px 6px;font-size:8px;letter-spacing:0}}
/* Complete the landing-page previews with realistic contact and location content. */
.lp-demo .demo-contact{position:relative;grid-template-columns:1fr .8fr}.lp-demo .demo-contact:before{content:'CALL / WHATSAPP  +254 700 123 456\A EMAIL  hello@example.co.ke\A LOCATION  Nairobi, Kenya\A HOURS  Mon–Sat · 8:00 AM–6:00 PM';white-space:pre-line;display:block;align-self:end;padding:16px 18px;border-left:4px solid #fed600;border-radius:0 12px 12px 0;background:#fff;color:#18304d;font:700 11px/1.8 var(--font-b);box-shadow:0 14px 30px -25px #07132c}.lp-demo .demo-contact:after{content:'LOCATION MAP\A\A Nairobi · Kenya\A Easy to find. Easy to reach.';white-space:pre-line;display:block;min-height:185px;padding:24px;border-radius:18px;background:linear-gradient(135deg,rgba(7,19,44,.92),rgba(27,117,188,.84)),repeating-linear-gradient(25deg,transparent 0 22px,rgba(254,214,0,.28) 23px 25px,transparent 26px 46px),repeating-linear-gradient(-40deg,transparent 0 38px,rgba(255,255,255,.18) 39px 41px,transparent 42px 72px);color:#fff;font:800 12px/1.65 var(--font-b);letter-spacing:.06em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.lp-demo .demo-contact>a{align-self:center;justify-self:start}.lp-demo .demo-contact:has(a){grid-template-columns:1fr .6fr .8fr}.lp-demo .demo-contact:has(a)>div{grid-column:1/-1}@media(max-width:760px){.lp-demo .demo-contact,.lp-demo .demo-contact:has(a){grid-template-columns:1fr}.lp-demo .demo-contact:before{margin-top:-8px}.lp-demo .demo-contact:after{min-height:145px}.lp-demo .demo-contact>a{margin-top:4px}}
/* More persuasive, service-led cards inside every landing-page sample. */
.lp-demo .demo-cards{position:relative}.lp-demo .demo-cards:before{content:'SERVICES AT A GLANCE';grid-column:1/-1;display:block;margin:0 0 2px;color:#1b75bc;font:800 10px var(--font-b);letter-spacing:.14em}.lp-demo .demo-cards article{position:relative;min-height:230px;overflow:hidden;border:1px solid #d3e2ee;border-radius:18px;box-shadow:0 18px 34px -30px rgba(7,19,44,.75);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.lp-demo .demo-cards article:before{content:'';position:absolute;width:110px;height:110px;right:-40px;top:-44px;border-radius:50%;background:#e5f3fb}.lp-demo .demo-cards article:hover{transform:translateY(-6px);border-color:#1b75bc;box-shadow:0 25px 44px -28px rgba(27,117,188,.5)}.lp-demo .demo-cards i{position:relative;z-index:1;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#e4f4ff,#cfe8f8);color:#1b75bc;font-size:19px}.lp-demo .demo-cards h3{position:relative;font-size:20px}.lp-demo .demo-cards p{position:relative;font-size:12px;line-height:1.7}.lp-demo .demo-cards article:after{content:'Learn more  →';position:absolute;bottom:23px;left:27px;color:#1b75bc;font:800 10px var(--font-b)}@media(max-width:760px){.lp-demo .demo-cards article{min-height:205px}.lp-demo .demo-cards:before{margin-bottom:5px}}
/* Landing pages: polished showroom and genuinely distinct live previews. */
.landing-showcase{background:#f5f8fc;color:#112542;overflow:hidden}.landing-showcase .section{padding-top:94px;padding-bottom:94px}.landing-hero{position:relative;padding:100px 24px 94px;background:radial-gradient(circle at 88% 12%,rgba(73,223,182,.15),transparent 25%),radial-gradient(circle at 42% 105%,rgba(27,117,188,.2),transparent 35%),#07132c}.landing-hero:after{content:'';position:absolute;right:-180px;bottom:-250px;width:570px;height:570px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 54px rgba(255,255,255,.025),0 0 0 108px rgba(255,255,255,.018);pointer-events:none}.landing-hero-grid{position:relative;z-index:1;gap:84px}.landing-hero .kicker-light{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(73,223,182,.32);border-radius:999px;color:#82eed1;font-size:10px;letter-spacing:.11em}.landing-hero .kicker-light:before{content:'';width:7px;height:7px;border-radius:50%;background:#fed600;box-shadow:0 0 0 4px rgba(254,214,0,.12)}.landing-hero h1{margin:18px 0 20px;max-width:650px;font-size:clamp(48px,5.5vw,76px);line-height:.98;letter-spacing:-.065em}.landing-hero h1 em{display:block;background:linear-gradient(90deg,#4ce0bc,#8ee4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero p{max-width:570px!important;color:#e4eef9!important;font-size:17px!important;line-height:1.72}.landing-hero .hero-actions{margin-top:28px}.landing-hero .btn{min-height:46px;border-radius:10px}.landing-hero .btn-accent{box-shadow:0 15px 34px -17px rgba(73,223,182,.8)}.landing-hero .btn-ghost-light{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.08);color:#fff}.landing-proof{gap:10px 22px;margin-top:30px}.landing-proof span{color:#e2eef9!important;font-size:11px!important}.landing-proof i{color:#fed600!important}.landing-hero-preview{position:relative}.landing-hero-preview:before{content:'LIVE CAMPAIGN PREVIEW';position:absolute;top:-22px;right:10px;z-index:2;color:#8ee4ff;font:800 9px var(--font-b);letter-spacing:.14em}.lp-browser{max-width:465px;border:1px solid rgba(255,255,255,.28);border-radius:22px;box-shadow:0 38px 80px -38px #000;transform:rotate(2.5deg);isolation:isolate}.lp-browser:after{content:'';position:absolute;z-index:-1;inset:26px -24px -24px 26px;border:1px solid rgba(73,223,182,.24);border-radius:22px}.lp-browser-top{height:46px;background:#102846;color:#b8cae0;font-size:10px}.lp-preview-content{position:relative;min-height:325px;padding:36px 34px 29px;background:linear-gradient(138deg,#f3ede1 0%,#dfe9dc 53%,#b7d5cf 100%)}.lp-preview-content:after{content:'';position:absolute;right:-20px;bottom:-31px;width:190px;height:190px;border:23px solid rgba(255,255,255,.42);border-radius:50%}.lp-preview-logo,.lp-preview-content h3,.lp-preview-content p,.lp-preview-content button,.lp-preview-stats{position:relative;z-index:1}.lp-preview-content h3{font-size:37px}.lp-preview-content button{padding:11px 15px;border-radius:8px}.lp-preview-stats{padding-top:10px;border-top:1px solid rgba(18,43,52,.14)}.landing-intro{background:linear-gradient(180deg,#f6f9fd,#eef4f9)}.landing-intro .split-heading{align-items:end}.landing-intro .split-heading h2{max-width:610px;font-size:clamp(36px,4vw,54px);line-height:1.02;letter-spacing:-.055em}.landing-intro .split-heading p{max-width:410px;margin-bottom:4px;color:#4e637e;font-size:14px;line-height:1.7}.landing-filters{padding:7px 0 25px;margin:30px 0 0}.landing-filters button{border-color:#d4e1ed;background:rgba(255,255,255,.8);padding:10px 15px;font-size:11px;transition:all .2s ease}.landing-filters button:hover,.landing-filters button.active{border-color:#1b75bc;background:#1b75bc;color:#fff;box-shadow:0 9px 18px -14px #1b75bc}.landing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.landing-card{position:relative;border:1px solid #d8e4ee;border-radius:18px;background:#fff;box-shadow:0 18px 35px -31px rgba(7,19,44,.75);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.landing-card:hover{transform:translateY(-7px);border-color:#9bc8e6;box-shadow:0 28px 45px -30px rgba(7,19,44,.55)}.landing-card-cover{position:relative;min-height:263px;padding:18px;overflow:hidden;isolation:isolate}.landing-card-cover:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(3,15,34,.02),rgba(3,15,34,.58))}.landing-card-cover:after{content:'';position:absolute;z-index:-1;width:185px;height:185px;right:-60px;bottom:-75px;border:1px solid rgba(255,255,255,.36);border-radius:50%;box-shadow:0 0 0 21px rgba(255,255,255,.08),0 0 0 43px rgba(255,255,255,.045)}.sample-navbar{position:relative;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.32);font-size:10.5px}.sample-navbar b{letter-spacing:.015em}.sample-copy{padding-top:24px}.sample-type{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(255,255,255,.36);border-radius:999px;background:rgba(4,18,38,.14);font-size:8px}.sample-copy h3{max-width:235px;font-size:27px;line-height:1.02;margin:15px 0 19px;text-wrap:balance}.sample-copy button{border-radius:8px;padding:10px 11px;font-size:10px;box-shadow:0 10px 18px -16px #000}.sample-ui{position:absolute;right:17px;bottom:17px;left:17px;gap:5px}.sample-ui i{height:5px;flex:1;width:auto;background:rgba(255,255,255,.66)}.landing-card-cover.real-estate{background:radial-gradient(circle at 78% 21%,rgba(255,242,202,.75),transparent 18%),linear-gradient(138deg,#071d36,#466f82 63%,#d2b184)}.landing-card-cover.health{background:radial-gradient(circle at 75% 21%,rgba(219,255,250,.64),transparent 22%),linear-gradient(138deg,#063f4a,#147e86 58%,#91cfc5)}.landing-card-cover.food{background:radial-gradient(circle at 75% 15%,rgba(255,219,138,.58),transparent 20%),linear-gradient(138deg,#4e1e13,#a94b22 52%,#e4a344)}.landing-card-cover.security{background:radial-gradient(circle at 75% 16%,rgba(135,202,255,.44),transparent 19%),linear-gradient(138deg,#071426,#143c61 55%,#527895)}.landing-card-cover.education{background:radial-gradient(circle at 75% 17%,rgba(244,213,255,.52),transparent 20%),linear-gradient(138deg,#27214f,#65459b 57%,#aa6eb7)}.landing-card-cover.logistics{background:radial-gradient(circle at 75% 18%,rgba(182,244,255,.52),transparent 20%),linear-gradient(138deg,#082b55,#176a92 55%,#38a0ac)}.landing-card-cover.professional{background:radial-gradient(circle at 75% 18%,rgba(232,227,255,.45),transparent 20%),linear-gradient(138deg,#16172b,#38395c 55%,#7e7fab)}.landing-card-cover.commerce{background:radial-gradient(circle at 75% 18%,rgba(255,232,202,.5),transparent 20%),linear-gradient(138deg,#48213e,#9f466d 54%,#e29197)}.landing-card-body{padding:19px 18px 17px}.landing-card-body .kicker{color:#3973a2;font-size:8px}.landing-card-body h3{font-size:18px;margin:5px 0 9px;color:#132a49}.landing-card-body p{min-height:52px;font-size:11.5px;line-height:1.6;color:#566b84}.landing-card-foot{gap:8px;padding-top:13px}.landing-card-foot strong{color:#15705f;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.landing-preview-link{border-color:#b9d4e7!important;background:#f0f8fd!important;color:#166096!important}.landing-card-foot a:last-child{padding:7px 0;color:#1b75bc}.landing-package-section{padding-top:96px!important;padding-bottom:96px!important;background:#fff}.landing-package-intro h2{font-size:clamp(36px,4vw,51px);letter-spacing:-.055em}.landing-package-card{border-radius:18px;padding:29px}.landing-package-card.featured{background:linear-gradient(160deg,#f5fbff,#fff);box-shadow:0 22px 40px -30px #1b75bc}.landing-launch-soon{position:relative;background:radial-gradient(circle at 76% 20%,rgba(254,214,0,.14),transparent 18%),linear-gradient(120deg,#07132c,#123d68)}.landing-launch-soon:before{content:'';position:absolute;inset:0;opacity:.25;background:repeating-linear-gradient(125deg,transparent 0 42px,rgba(255,255,255,.1) 43px 44px,transparent 45px 88px)}.launch-soon-grid{position:relative;z-index:1}.launch-countdown{border-color:rgba(254,214,0,.4);box-shadow:0 25px 50px -38px #000}.launch-countdown>span{color:#fed600}.landing-build-section{background:linear-gradient(125deg,#2d3048,#3d3e57)}.landing-cta{border-radius:22px;box-shadow:0 24px 46px -42px rgba(7,19,44,.72)}

/* The live previews are intentionally styled as finished client-facing pages, not wireframes. */
.lp-demo{background:#f9fbfd;color:#132a49}.lp-demo:before{position:sticky;top:0;padding:12px 18px;background:linear-gradient(90deg,#07132c,#155f9a 54%,#1b75bc);border-bottom:2px solid #fed600;box-shadow:0 5px 18px rgba(7,19,44,.22);font-size:11px;letter-spacing:.1em}.lp-demo .demo-notice{padding:11px max(6%,22px);background:#07132c;color:#d9e9f9;font-size:10px}.lp-demo .demo-notice span{opacity:.83}.lp-demo .demo-notice a{color:#fff}.lp-demo .demo-header{position:relative;padding:20px max(7%,25px);border-bottom:1px solid #e2ebf2;box-shadow:0 9px 20px -20px #223a5a}.lp-demo .demo-brand{font-size:18px;letter-spacing:-.035em}.lp-demo .demo-header nav{gap:29px}.lp-demo .demo-header nav a{font-weight:600}.lp-demo .demo-outline{border-color:#b7cce0;color:#12355b;background:#fff;box-shadow:0 6px 16px -14px #12355b}.lp-demo .demo-hero{position:relative;min-height:610px;padding:76px max(8%,28px);gap:72px;background:radial-gradient(circle at 78% 11%,rgba(27,117,188,.1),transparent 26%),#fbfdff}.lp-demo .demo-hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#c5ddec,transparent)}.lp-demo .demo-hero-copy{position:relative;z-index:1}.lp-demo .demo-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#1b75bc;font-size:10px;letter-spacing:.14em}.lp-demo .demo-eyebrow:before{content:'';width:20px;height:2px;background:currentColor}.lp-demo .demo-hero h1{margin:17px 0 19px;font-size:clamp(46px,5.15vw,74px);line-height:.98;letter-spacing:-.07em;color:#10294a;text-wrap:balance}.lp-demo .demo-hero p{max-width:570px;color:#475f7b;font-size:17px;line-height:1.7}.lp-demo .demo-primary{border-radius:9px;background:linear-gradient(135deg,#103d68,#1b75bc);box-shadow:0 15px 26px -18px #123b67}.lp-demo .demo-text{color:#183f66}.lp-demo .demo-proof{gap:11px 18px}.lp-demo .demo-proof span{padding:7px 0;color:#49627d;font-weight:600}.lp-demo .demo-proof i{color:#159775}.lp-demo .demo-hero-art{min-height:415px;border:1px solid rgba(255,255,255,.7);border-radius:26px;box-shadow:0 30px 55px -38px #153759;background:linear-gradient(140deg,#d9eaf3,#8fb3c7)}.lp-demo .demo-hero-art:before{content:'';position:absolute;left:10%;right:10%;bottom:10%;height:34%;border-radius:17px 17px 0 0;background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.04));box-shadow:0 -1px 0 rgba(255,255,255,.34),inset 0 1px 0 rgba(255,255,255,.28)}.lp-demo .demo-hero-art:after{content:'';position:absolute;left:26%;top:25%;width:35%;height:30%;border:1px solid rgba(255,255,255,.56);border-radius:24px;background:rgba(255,255,255,.16);transform:rotate(-8deg)}.lp-demo .demo-orb{filter:blur(0)}.lp-demo .orb-one{width:286px;height:286px;background:rgba(255,255,255,.55);right:-42px;top:-57px}.lp-demo .orb-two{width:230px;height:230px;background:rgba(15,66,103,.23);left:-74px;bottom:-77px}.lp-demo .demo-location{z-index:2;padding:10px 12px;border:1px solid rgba(255,255,255,.52);background:rgba(255,255,255,.78);backdrop-filter:blur(8px);color:#193c5f}.lp-demo .demo-stat-card{z-index:2;right:28px;bottom:33px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.92);box-shadow:0 20px 34px -22px rgba(6,29,51,.6)}.lp-demo .demo-trust{padding:25px max(7%,25px);background:#fff;border-color:#e2ebf2;color:#315878}.lp-demo .demo-trust b{color:#0d497f}.lp-demo .demo-section{padding-top:112px;padding-bottom:60px}.lp-demo .demo-section h2{font-size:clamp(37px,4vw,54px);color:#122d50}.lp-demo .demo-section p{font-size:15px;color:#506a85}.lp-demo .demo-cards{padding-bottom:108px;gap:19px}.lp-demo .demo-cards:before{color:#1b75bc;letter-spacing:.14em}.lp-demo .demo-cards article{min-height:245px;padding:28px;background:#fff;border-color:#d9e7f0;border-radius:18px}.lp-demo .demo-cards article:before{background:linear-gradient(135deg,#e7f5ff,#d8edf9)}.lp-demo .demo-cards i{background:linear-gradient(145deg,#e5f5ff,#cde8f9);box-shadow:0 9px 18px -14px #1b75bc}.lp-demo .demo-cards h3{font-size:20px;color:#153352}.lp-demo .demo-cards p{font-size:12px;line-height:1.68;color:#5a7089}.lp-demo .demo-cards article:after{color:#17689d}.lp-demo .demo-quote{position:relative;overflow:hidden;padding-top:84px;padding-bottom:84px;background:linear-gradient(125deg,#07132c,#164b79)}.lp-demo .demo-quote:before{content:'';position:absolute;inset:auto -70px -170px auto;width:420px;height:420px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.04),0 0 0 90px rgba(255,255,255,.025)}.lp-demo .demo-quote blockquote{position:relative;z-index:1}.lp-demo .demo-contact{position:relative;overflow:hidden;padding:86px max(8%,28px);background:linear-gradient(135deg,#eaf5fb,#f8fcff)}.lp-demo .demo-contact:before{position:relative;align-self:start;margin-top:18px;border-left-color:#fed600;box-shadow:0 18px 35px -27px #07132c}.lp-demo .demo-contact:after{position:relative;min-height:195px;border-radius:19px;background:linear-gradient(135deg,rgba(7,19,44,.96),rgba(20,93,148,.88)),repeating-linear-gradient(25deg,transparent 0 22px,rgba(254,214,0,.32) 23px 25px,transparent 26px 46px),repeating-linear-gradient(-40deg,transparent 0 38px,rgba(255,255,255,.18) 39px 41px,transparent 42px 72px);box-shadow:0 26px 42px -33px #07132c}.lp-demo .demo-contact h2{font-size:clamp(36px,3.7vw,50px)}.lp-demo .demo-footer{padding:29px max(8%,28px);background:#07132c}.lp-demo .demo-footer a{color:#8ee4ff}
.lp-demo.real-estate .demo-hero-art{background:linear-gradient(145deg,#dbe8f1,#91afc5 52%,#cab28b)}.lp-demo.health .demo-hero-art{background:linear-gradient(145deg,#d9f4ed,#78c5b7 52%,#20726f)}.lp-demo.food .demo-hero-art{background:linear-gradient(145deg,#f9e3c1,#e5a75d 48%,#944326)}.lp-demo.security .demo-hero-art{background:linear-gradient(145deg,#d5e4f3,#5e86ab 48%,#162a46)}.lp-demo.education .demo-hero-art{background:linear-gradient(145deg,#eee5fa,#ae85ca 48%,#50347c)}.lp-demo.logistics .demo-hero-art{background:linear-gradient(145deg,#d7f2f5,#5bb3bf 48%,#176b91)}.lp-demo.professional .demo-hero-art{background:linear-gradient(145deg,#e2e4f0,#8b91b3 48%,#313450)}.lp-demo.commerce .demo-hero-art{background:linear-gradient(145deg,#f9e0e5,#dc8fa3 48%,#7f385e)}.lp-demo.health .demo-primary,.lp-demo.food .demo-primary,.lp-demo.commerce .demo-primary{background:linear-gradient(135deg,#126d68,#26a692)}.lp-demo.security .demo-primary,.lp-demo.professional .demo-primary{background:linear-gradient(135deg,#152841,#315e88)}.lp-demo.education .demo-primary{background:linear-gradient(135deg,#493078,#8056a8)}.lp-demo.food .demo-eyebrow,.lp-demo.commerce .demo-eyebrow{color:#b54f2c}.lp-demo.education .demo-eyebrow{color:#7350a1}.lp-demo.health .demo-eyebrow{color:#197d76}.lp-demo.food .demo-quote{background:linear-gradient(125deg,#552014,#a84a25)}.lp-demo.health .demo-quote{background:linear-gradient(125deg,#07534f,#18857c)}.lp-demo.education .demo-quote{background:linear-gradient(125deg,#30204f,#694891)}.lp-demo.commerce .demo-quote{background:linear-gradient(125deg,#4a203e,#a6476c)}
@media(max-width:980px){.landing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero-grid{gap:46px}.lp-demo .demo-hero{gap:42px}.lp-demo .demo-contact:has(a){grid-template-columns:1fr 1fr}.lp-demo .demo-contact:has(a)>div{grid-column:1/-1}.lp-demo .demo-contact>a{grid-column:1/-1}}
@media(max-width:760px){.landing-showcase .section{padding-top:66px;padding-bottom:66px}.landing-hero{padding:69px 18px 65px}.landing-hero h1{font-size:48px}.landing-hero h1 em{display:inline}.landing-hero p{font-size:15px!important}.landing-hero-preview{margin-top:6px}.lp-browser{max-width:420px;transform:none}.lp-browser:after{display:none}.landing-intro .split-heading h2{font-size:38px}.landing-grid{grid-template-columns:1fr;gap:16px}.landing-card-cover{min-height:248px}.landing-card-body p{min-height:0}.landing-package-section{padding-top:70px!important;padding-bottom:70px!important}.landing-launch-soon{padding-top:70px;padding-bottom:70px}.lp-demo:before{padding:10px 8px;font-size:8px;letter-spacing:.05em}.lp-demo .demo-notice{padding:10px 18px}.lp-demo .demo-header{padding:16px 18px}.lp-demo .demo-header nav{display:none}.lp-demo .demo-outline{padding:9px 10px;font-size:10px}.lp-demo .demo-hero{padding:56px 22px 63px;gap:34px}.lp-demo .demo-hero h1{font-size:46px}.lp-demo .demo-hero p{font-size:15px}.lp-demo .demo-hero-art{min-height:335px}.lp-demo .demo-stat-card{right:17px;bottom:19px}.lp-demo .demo-section{padding:72px 22px 36px}.lp-demo .demo-section h2{font-size:38px}.lp-demo .demo-cards{padding:16px 22px 70px}.lp-demo .demo-cards article{min-height:212px}.lp-demo .demo-quote{padding:66px 22px}.lp-demo .demo-contact{padding:65px 22px}.lp-demo .demo-contact:before{margin-top:0}.lp-demo .demo-contact:after{min-height:165px}.lp-demo .demo-footer{padding:23px 22px}}

/* Contact, map and lead-capture area for the live landing-page samples. */
.lp-demo .demo-contact:has(.demo-lead-form){display:grid;grid-template-columns:.78fr .92fr 1.35fr;gap:20px;align-items:stretch;background:radial-gradient(circle at 80% 10%,rgba(27,117,188,.12),transparent 28%),linear-gradient(135deg,#eaf5fb,#f8fcff)}.lp-demo .demo-contact:has(.demo-lead-form):before,.lp-demo .demo-contact:has(.demo-lead-form):after{display:none}.lp-demo .demo-contact:has(.demo-lead-form)>:not(.demo-contact-copy){grid-column:auto}.lp-demo .demo-contact .demo-contact-copy{grid-column:1/-1;max-width:670px}.lp-demo .demo-contact .demo-contact-copy h2{margin-bottom:10px}.lp-demo .demo-contact-details{display:flex;flex-direction:column;gap:12px;min-height:220px;padding:25px;border-radius:18px;background:#fff;border:1px solid #d8e7f0;box-shadow:0 18px 36px -30px rgba(7,19,44,.65)}.lp-demo .demo-contact-details>span,.lp-demo .demo-map-link>span,.lp-demo .lead-form-label{color:#1b75bc;font:800 9px var(--font-b);letter-spacing:.13em}.lp-demo .demo-contact-details>a{display:flex;align-items:center;gap:9px;color:#183a5c;font-size:12px;font-weight:700;word-break:break-word}.lp-demo .demo-contact-details a i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e6f3fb;color:#1b75bc}.lp-demo .demo-contact-details small{margin-top:auto;color:#637a91;font-size:10px;line-height:1.5}.lp-demo .demo-contact-details small i{color:#1b75bc;margin-right:5px}.lp-demo .demo-map-link{position:relative;display:flex!important;flex-direction:column;justify-content:flex-end;gap:9px;min-height:220px;padding:25px;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,rgba(7,19,44,.93),rgba(22,102,160,.87)),repeating-linear-gradient(25deg,transparent 0 21px,rgba(254,214,0,.33) 22px 24px,transparent 25px 45px),repeating-linear-gradient(-40deg,transparent 0 38px,rgba(255,255,255,.17) 39px 41px,transparent 42px 71px);box-shadow:0 20px 38px -28px #07132c;color:#fff!important;isolation:isolate}.lp-demo .demo-map-link:before{content:'';position:absolute;z-index:-1;right:-24px;top:-29px;width:125px;height:125px;border:1px solid rgba(255,255,255,.38);border-radius:50%;box-shadow:0 0 0 22px rgba(255,255,255,.06),0 0 0 45px rgba(255,255,255,.04)}.lp-demo .demo-map-link>span{color:#fed600}.lp-demo .demo-map-link b{font:800 22px Manrope,sans-serif;line-height:1.05;letter-spacing:-.04em}.lp-demo .demo-map-link small{color:#dceefa;font-size:10px}.lp-demo .demo-lead-form{display:grid!important;gap:11px;padding:24px;border-radius:18px;background:#fff;border:1px solid #bcd9eb;box-shadow:0 23px 44px -34px rgba(7,19,44,.75)}.lp-demo .demo-lead-form label{display:grid;gap:5px;color:#284762;font:700 10px var(--font-b)}.lp-demo .demo-lead-form input,.lp-demo .demo-lead-form textarea{width:100%;border:1px solid #c8dbe8;border-radius:8px;padding:10px 11px;background:#fbfdff;color:#193a5d;font:12px/1.45 DM Sans,Arial,sans-serif;outline:none;resize:vertical;transition:border-color .18s ease,box-shadow .18s ease}.lp-demo .demo-lead-form input:focus,.lp-demo .demo-lead-form textarea:focus{border-color:#1b75bc;box-shadow:0 0 0 3px rgba(27,117,188,.12)}.lp-demo .demo-lead-form .lead-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lp-demo .demo-lead-form .lead-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.lp-demo .demo-lead-form .demo-primary{width:100%;border:0;cursor:pointer;text-align:center;margin-top:2px}.lp-demo .lead-privacy{color:#688096;font-size:9.5px;line-height:1.45;text-align:center}.lp-demo .demo-contact:has(.demo-lead-form)>a.demo-primary{display:none!important}@media(max-width:980px){.lp-demo .demo-contact:has(.demo-lead-form){grid-template-columns:1fr 1fr}.lp-demo .demo-lead-form{grid-column:1/-1!important}.lp-demo .demo-contact .demo-contact-copy{grid-column:1/-1}}@media(max-width:760px){.lp-demo .demo-contact:has(.demo-lead-form){grid-template-columns:1fr;gap:14px}.lp-demo .demo-contact:has(.demo-lead-form)>:not(.demo-contact-copy),.lp-demo .demo-contact .demo-contact-copy,.lp-demo .demo-lead-form{grid-column:1!important}.lp-demo .demo-contact-details,.lp-demo .demo-map-link{min-height:174px}.lp-demo .demo-lead-form .lead-form-grid{grid-template-columns:1fr}.lp-demo .demo-map-link b{font-size:20px}}

/* Circular Pillar Web AI launcher, aligned above WhatsApp. */
.pillar-ai{right:22px;bottom:88px;display:flex;align-items:center;gap:9px;flex-direction:column}.pillar-ai-toggle{width:64px;height:64px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#1b75bc,#155f9a);font-size:21px;box-shadow:0 18px 40px -14px rgba(27,117,188,.72);cursor:pointer}.pillar-ai-toggle>i{position:relative;z-index:2;color:#fed600;font-size:19px}.pillar-ai-ring{position:absolute;inset:3px;width:58px;height:58px;fill:none;overflow:visible;animation:pillar-ai-ring 18s linear infinite}.pillar-ai-ring text{fill:#fed600!important;stroke:#0a416f;stroke-width:.7px;paint-order:stroke fill;font:800 13px Arial,sans-serif;letter-spacing:.9px}.pillar-ai-toggle:hover .pillar-ai-ring{animation-duration:6s}.pillar-ai-toggle .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.pillar-ai-panel{margin-bottom:0}.pillar-ai-panel>header{position:relative}.pillar-ai-close{position:absolute;right:10px;top:10px;width:27px;height:27px;border:0;border-radius:8px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}.pillar-ai-close:hover{background:rgba(255,255,255,.24)}@keyframes pillar-ai-ring{to{transform:rotate(360deg)}}@media(max-width:600px){.pillar-ai{right:14px;bottom:142px}.pillar-ai-toggle{width:60px;height:60px}.pillar-ai-ring{width:54px;height:54px}.pillar-ai-panel{width:min(340px,calc(100vw - 28px))}}