/* DIGIKO HOST Modern UI Layer — designed to sit on top of the existing Bootstrap/theme CSS. */
:root {
  --dk-purple: #4a0b8f;
  --dk-purple-2: #6f2cff;
  --dk-violet: #8a4dff;
  --dk-pink: #ed4e9a;
  --dk-orange: #ff7a2f;
  --dk-cyan: #29b6e6;
  --dk-ink: #1b1531;
  --dk-muted: #6c6880;
  --dk-line: #e8e4f4;
  --dk-bg: #f8f7fc;
  --dk-card: #ffffff;
  --dk-radius: 22px;
  --dk-shadow: 0 18px 60px rgba(65, 30, 109, .11);
  --dk-shadow-sm: 0 12px 34px rgba(60, 34, 92, .08);
  --dk-gradient: linear-gradient(135deg, #4a0b8f 0%, #7330e8 55%, #e84e9c 118%);
}

html { scroll-behavior: smooth; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--dk-ink); background: var(--dk-bg) !important; -webkit-font-smoothing: antialiased; }
a { text-underline-offset: 3px; }
img { max-width: 100%; }
body > #header { min-height: 96px; }

/* Header */
.dk-header { top: 0; z-index: 1035; background: transparent; padding: 10px 0; transition: all .25s ease; }
.dk-header::before { content:""; position:absolute; inset:10px max(16px, calc((100vw - 1320px)/2)); border:1px solid rgba(94,54,139,.10); background:rgba(255,255,255,.92); backdrop-filter: blur(18px); border-radius:16px; box-shadow:0 10px 35px rgba(41,18,72,.08); z-index:-1; }
.dk-header.dk-scrolled { padding-top: 4px; }
.dk-header.dk-scrolled::before { top:4px; box-shadow:0 10px 35px rgba(41,18,72,.14); }
.dk-navbar { min-height: 72px; padding: .35rem 1rem; }
.dk-brand-logo { width: 135px; height: 52px; object-fit: contain; }
.dk-logo-dark { display:none; }
.dk-nav-list { gap: .15rem; }
.dk-header .nav-link { color:#171421; font-weight:650; font-size:.94rem; padding:.7rem .72rem !important; border-radius:10px; display:flex; align-items:center; gap:.35rem; transition:.2s ease; }
.dk-header .nav-link:hover, .dk-header .nav-link.active { color:var(--dk-purple-2); background:#f4efff; }
.dk-header .nav-link .bi { font-size:.7rem; }
.dk-nav-actions { display:flex; align-items:center; gap:.55rem; }
.dk-btn-primary { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; border:0 !important; color:#fff !important; background:var(--dk-gradient) !important; border-radius:11px !important; padding:.76rem 1.15rem !important; font-weight:750 !important; box-shadow:0 9px 22px rgba(96,40,190,.22); }
.dk-btn-primary:hover { transform:translateY(-1px); box-shadow:0 13px 27px rgba(96,40,190,.30); }
.dk-btn-ghost { display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--dk-line) !important; color:var(--dk-purple) !important; background:#fff !important; border-radius:11px !important; padding:.72rem 1rem !important; font-weight:700 !important; }
.dk-icon-btn { width:42px; height:42px; border:1px solid var(--dk-line); border-radius:11px; background:#fff; color:#4c465a; display:grid; place-items:center; padding:0; }
.dk-icon-btn.dropdown-toggle::after { display:none; }
.dk-theme-dropdown .dropdown-menu { border:1px solid var(--dk-line); border-radius:12px; box-shadow:var(--dk-shadow-sm); padding:.45rem; }
.dk-theme-dropdown .dropdown-item { border-radius:8px; display:flex; align-items:center; gap:.5rem; }
.dk-toggler { width:46px; height:42px; padding:8px 9px; border:1px solid var(--dk-line) !important; border-radius:11px; background:#fff; box-shadow:none !important; }
.dk-toggler span { display:block; height:2px; background:var(--dk-purple); margin:5px 0; border-radius:99px; }

.dk-nav-dropdown { position:relative; }
.dk-submenu { list-style:none; padding:12px; margin:0; position:absolute; top:calc(100% + 13px); left:50%; transform:translate(-50%, 8px); min-width:340px; background:#fff; border:1px solid var(--dk-line); border-radius:18px; box-shadow:0 26px 70px rgba(42,20,73,.17); opacity:0; visibility:hidden; pointer-events:none; transition:.2s ease; display:grid; gap:4px; }
.dk-submenu-wide { width:720px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.dk-submenu-compact { min-width:330px; }
.dk-submenu::before { content:""; position:absolute; top:-9px; left:50%; width:18px; height:18px; background:#fff; border-left:1px solid var(--dk-line); border-top:1px solid var(--dk-line); transform:translateX(-50%) rotate(45deg); }
.dk-nav-dropdown:hover > .dk-submenu, .dk-nav-dropdown:focus-within > .dk-submenu { opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0); }
.dk-submenu li { position:relative; z-index:1; }
.dk-submenu a { display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--dk-ink); border-radius:12px; padding:11px 12px; transition:.18s ease; }
.dk-submenu a:hover { background:#f6f2ff; color:var(--dk-purple); }
.dk-submenu img { width:32px; height:32px; object-fit:contain; flex:0 0 auto; }
.dk-submenu a > .bi { width:32px; height:32px; border-radius:9px; background:#f1eaff; color:var(--dk-purple-2); display:grid; place-items:center; font-size:1rem; flex:0 0 auto; }
.dk-submenu strong { display:block; font-size:.91rem; line-height:1.2; }
.dk-submenu small { display:block; color:#787386; font-size:.75rem; margin-top:2px; }

/* Homepage */
.dk-home { overflow:hidden; }
.dk-hero { min-height:660px; display:flex; align-items:center; position:relative; background:radial-gradient(circle at 75% 22%, rgba(237,78,154,.14), transparent 30%), radial-gradient(circle at 8% 10%, rgba(75,105,255,.17), transparent 30%), linear-gradient(135deg,#f4f6ff 0%,#fff7fb 55%,#fff 100%); border-bottom:1px solid #ebe7f6; }
.dk-hero::before { content:""; position:absolute; inset:0; opacity:.34; background-image:linear-gradient(rgba(107,68,180,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(107,68,180,.09) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,black,transparent 90%); }
.dk-hero .container { position:relative; z-index:1; }
.dk-hero-copy { padding:84px 0 72px; }
.dk-eyebrow { display:inline-flex; align-items:center; gap:.45rem; letter-spacing:.11em; text-transform:uppercase; font-weight:800; font-size:.73rem; color:var(--dk-purple-2); }
.dk-eyebrow::before { content:""; width:25px; height:2px; border-radius:99px; background:linear-gradient(90deg,var(--dk-purple-2),var(--dk-pink)); }
.dk-hero h1 { font-size:clamp(2.85rem,5.2vw,5.45rem); line-height:.99; letter-spacing:-.055em; margin:1rem 0 1.35rem; color:#171225; font-weight:850; }
.dk-hero h1 .accent { background:linear-gradient(95deg,#5523cf 8%,#7a31db 45%,#ee4e99 88%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.dk-hero-lead { font-size:1.14rem; line-height:1.75; color:#625e71; max-width:670px; margin-bottom:1.65rem; }
.dk-hero-actions { display:flex; gap:.8rem; flex-wrap:wrap; margin-bottom:1.5rem; }
.dk-btn-lg { padding:.92rem 1.35rem !important; border-radius:12px !important; font-size:1rem; }
.dk-btn-secondary { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; border:1px solid #d9d2e9 !important; background:rgba(255,255,255,.84) !important; color:var(--dk-purple) !important; border-radius:12px !important; font-weight:750 !important; padding:.88rem 1.25rem !important; }
.dk-btn-secondary:hover { border-color:#bfaee2 !important; background:#fff !important; }
.dk-hero-trust { display:flex; align-items:center; gap:1.25rem; flex-wrap:wrap; color:#565064; font-size:.88rem; font-weight:650; }
.dk-hero-trust span { display:inline-flex; align-items:center; gap:.4rem; }
.dk-hero-trust i { color:#7a3cf1; }
.dk-hero-visual { position:relative; min-height:560px; display:grid; place-items:center; }
.dk-visual-glow { position:absolute; width:470px; height:470px; border-radius:50%; background:radial-gradient(circle,rgba(107,59,237,.20),rgba(235,78,158,.08) 48%,transparent 68%); filter:blur(2px); }
.dk-hero-visual-main { width:min(540px,96%); position:relative; z-index:2; filter:drop-shadow(0 28px 28px rgba(81,36,145,.18)); animation:dkFloat 6s ease-in-out infinite; }
.dk-float-badge { position:absolute; z-index:3; min-width:145px; background:rgba(255,255,255,.92); border:1px solid rgba(102,63,173,.13); border-radius:15px; box-shadow:0 18px 40px rgba(67,33,115,.13); padding:.75rem .85rem; display:flex; gap:.65rem; align-items:center; backdrop-filter:blur(12px); }
.dk-float-badge i { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:#f1eaff; color:#6f2cff; font-size:1rem; }
.dk-float-badge strong { display:block; font-size:.82rem; line-height:1.1; }
.dk-float-badge small { display:block; font-size:.68rem; color:#807a8a; margin-top:3px; }
.dk-badge-1 { top:18%; left:0; }
.dk-badge-2 { top:23%; right:-2%; }
.dk-badge-3 { bottom:17%; left:5%; }
@keyframes dkFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }

.dk-section { padding:92px 0; position:relative; }
.dk-section-soft { background:linear-gradient(180deg,#fbfaff,#f5f2fc); }
.dk-section-white { background:#fff; }
.dk-section-head { max-width:820px; margin:0 auto 44px; text-align:center; }
.dk-section-head h2 { font-size:clamp(2rem,3.4vw,3.25rem); font-weight:850; letter-spacing:-.04em; color:#21123f; margin:.55rem 0 .75rem; }
.dk-section-head p { margin:0; color:#716b7e; line-height:1.75; }

.dk-services-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:14px; }
.dk-service-card { --service:#6d2df0; position:relative; min-height:285px; padding:22px 18px 18px; background:#fff; border:1px solid #ebe7f4; border-radius:20px; text-decoration:none; color:var(--dk-ink); overflow:hidden; box-shadow:0 10px 25px rgba(65,30,109,.055); transition:.24s ease; display:flex; flex-direction:column; }
.dk-service-card::after { content:""; position:absolute; left:0; right:0; bottom:0; height:5px; background:linear-gradient(90deg,var(--service),#b58aff); transform:scaleX(.3); transform-origin:left; transition:.24s ease; }
.dk-service-card:hover { transform:translateY(-7px); color:var(--dk-ink); box-shadow:0 22px 45px rgba(60,28,105,.14); border-color:rgba(111,44,255,.18); }
.dk-service-card:hover::after { transform:scaleX(1); }
.dk-service-icon { width:62px; height:62px; display:grid; place-items:center; border-radius:18px; background:linear-gradient(145deg,#fff,#f5f1ff); border:1px solid #eee8fa; box-shadow:0 8px 24px rgba(90,40,153,.09); margin-bottom:28px; }
.dk-service-icon img { width:40px; height:40px; object-fit:contain; }
.dk-service-card h3 { font-size:1.05rem; font-weight:820; letter-spacing:-.02em; margin:0 0 .65rem; color:#281748; }
.dk-service-card p { font-size:.82rem; line-height:1.55; color:#777181; margin:0 0 1rem; }
.dk-service-link { margin-top:auto; color:var(--service); font-size:.81rem; font-weight:800; display:flex; align-items:center; gap:.4rem; }

.dk-feature-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.dk-feature { text-align:center; padding:28px 17px; background:rgba(255,255,255,.82); border:1px solid #ebe6f6; border-radius:18px; box-shadow:0 10px 28px rgba(55,27,95,.055); }
.dk-feature-icon { width:58px; height:58px; border-radius:18px; margin:0 auto 18px; display:grid; place-items:center; background:linear-gradient(145deg,#f0e8ff,#fff); color:#712dea; font-size:1.55rem; }
.dk-feature h3 { font-size:.95rem; font-weight:800; margin-bottom:.45rem; }
.dk-feature p { margin:0; color:#767080; font-size:.8rem; line-height:1.5; }

.dk-solution-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.dk-solution-card { background:#fff; border:1px solid #e9e4f1; border-radius:24px; overflow:hidden; box-shadow:var(--dk-shadow-sm); display:flex; flex-direction:column; }
.dk-solution-art { min-height:205px; display:grid; place-items:center; background:radial-gradient(circle at 50% 30%,#fff, #f1edff 70%); padding:22px; }
.dk-solution-art img { max-height:175px; width:auto; }
.dk-solution-body { padding:26px; display:flex; flex-direction:column; flex:1; }
.dk-solution-tag { font-size:.7rem; font-weight:800; color:#6e31dc; text-transform:uppercase; letter-spacing:.1em; }
.dk-solution-card h3 { margin:.55rem 0 .55rem; font-size:1.35rem; font-weight:850; letter-spacing:-.025em; color:#28154a; }
.dk-solution-card p { color:#716b7d; line-height:1.65; font-size:.9rem; }
.dk-solution-list { padding:0; margin:.55rem 0 1.15rem; list-style:none; display:grid; gap:.45rem; }
.dk-solution-list li { font-size:.86rem; color:#544f5e; display:flex; align-items:center; gap:.55rem; }
.dk-solution-list i { color:#6e32e3; }
.dk-text-link { color:#6928de; font-weight:800; text-decoration:none; display:inline-flex; gap:.45rem; align-items:center; margin-top:auto; }

.dk-enterprise { background:linear-gradient(135deg,#241242,#3d167a 55%,#5a259d); border-radius:30px; color:#fff; padding:42px 48px; overflow:hidden; position:relative; box-shadow:0 24px 60px rgba(55,24,101,.22); }
.dk-enterprise::before { content:""; position:absolute; width:430px; height:430px; border-radius:50%; right:-140px; top:-220px; background:radial-gradient(circle,rgba(235,78,158,.45),transparent 67%); }
.dk-enterprise-copy { position:relative; z-index:1; }
.dk-enterprise h2 { font-size:clamp(2rem,3.6vw,3.3rem); line-height:1.05; font-weight:850; letter-spacing:-.045em; color:#fff; margin:.65rem 0 .9rem; }
.dk-enterprise p { color:rgba(255,255,255,.76); line-height:1.7; }
.dk-enterprise-list { list-style:none; padding:0; margin:1.2rem 0 1.6rem; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem 1rem; }
.dk-enterprise-list li { display:flex; gap:.55rem; align-items:center; font-weight:650; font-size:.9rem; }
.dk-enterprise-list i { color:#ca9cff; }
.dk-enterprise-art { display:grid; place-items:center; min-height:350px; position:relative; z-index:1; }
.dk-enterprise-art img { max-height:330px; filter:drop-shadow(0 25px 30px rgba(13,4,28,.25)); }
.dk-btn-white { display:inline-flex; align-items:center; gap:.55rem; background:#fff !important; color:#4f178e !important; border:1px solid #fff !important; font-weight:800 !important; border-radius:12px !important; padding:.86rem 1.2rem !important; }
.dk-btn-outline-light { display:inline-flex; align-items:center; gap:.55rem; background:transparent !important; color:#fff !important; border:1px solid rgba(255,255,255,.42) !important; font-weight:800 !important; border-radius:12px !important; padding:.86rem 1.2rem !important; }

.dk-datacenter-card { background:#fff; border:1px solid #ebe6f4; border-radius:28px; padding:34px; box-shadow:var(--dk-shadow-sm); }
.dk-datacenter-card h2 { font-weight:850; letter-spacing:-.04em; color:#28154b; }
.dk-datacenter-card p { color:#726c7e; line-height:1.7; }
.dk-map-wrap { background:linear-gradient(135deg,#f2effc,#fff); border-radius:20px; padding:16px; min-height:320px; display:grid; place-items:center; }
.dk-map-wrap img { max-height:330px; width:100%; object-fit:contain; }
.dk-location-pills { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:1.1rem; }
.dk-location-pills span { padding:.48rem .72rem; background:#f5f0ff; color:#5a249a; border-radius:99px; font-size:.76rem; font-weight:750; }

.dk-testimonial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.dk-testimonial { background:#fff; border:1px solid #ebe5f4; border-radius:22px; padding:28px; box-shadow:var(--dk-shadow-sm); }
.dk-stars { color:#ffb02e; letter-spacing:1px; margin-bottom:1rem; }
.dk-testimonial blockquote { margin:0 0 1.25rem; color:#4e4858; line-height:1.72; font-size:.93rem; }
.dk-testimonial strong { color:#29144c; font-size:.95rem; }
.dk-testimonial small { display:block; color:#847e8c; margin-top:2px; }

.dk-faq .accordion-item { border:1px solid #e7e2ef !important; border-radius:15px !important; overflow:hidden; margin-bottom:10px; background:#fff; }
.dk-faq .accordion-button { font-weight:750; color:#2c1949; padding:1.15rem 1.25rem; box-shadow:none !important; }
.dk-faq .accordion-button:not(.collapsed) { background:#f5f0ff; color:#5a1fbe; }
.dk-faq .accordion-body { color:#6e6879; line-height:1.75; }

/* Existing page modernization */
body:not(.dk-home) { padding-top: 0; }
body:not(.dk-home) h1, body:not(.dk-home) h2, body:not(.dk-home) h3 { letter-spacing:-.025em; }
body:not(.dk-home) h2 { font-weight:820; color:#2a1748; }
body:not(.dk-home) p { line-height:1.72; }
body:not(.dk-home) .banner-5 { background:radial-gradient(circle at 82% 20%,rgba(236,78,155,.25),transparent 28%),linear-gradient(135deg,#2e1457,#552094 58%,#6a2dad) !important; min-height:245px; display:flex; align-items:center; border-radius:0 0 30px 30px; box-shadow:0 18px 45px rgba(49,22,88,.16); }
body:not(.dk-home) .banner-5 h1 { font-weight:850; font-size:clamp(2.3rem,4.6vw,4rem); }
body:not(.dk-home) .hero-9, body:not(.dk-home) .hero-7, body:not(.dk-home) .hero-5, body:not(.dk-home) .hero-2 { border-radius:0 0 30px 30px; overflow:hidden; box-shadow:0 18px 45px rgba(49,22,88,.12); }
body:not(.dk-home) .hero-9 { background:linear-gradient(135deg,#2f145b,#5821a0 58%,#7134b7) !important; }
body:not(.dk-home) .hero-9 h1, body:not(.dk-home) .hero-7 h1, body:not(.dk-home) .hero-5 h1, body:not(.dk-home) .hero-2 h1 { font-weight:850 !important; letter-spacing:-.04em; }
body:not(.dk-home) .shadow, body:not(.dk-home) .shadow-sm { box-shadow:var(--dk-shadow-sm) !important; }
body:not(.dk-home) .rounded-4 { border-radius:20px !important; }
body:not(.dk-home) .btn-primary { border:0 !important; background:var(--dk-gradient) !important; box-shadow:0 10px 24px rgba(90,32,175,.20); border-radius:10px; font-weight:750; }
body:not(.dk-home) .btn-primary:hover { transform:translateY(-1px); }
body:not(.dk-home) .bg-body.rounded-4, body:not(.dk-home) .bg-white.rounded-4 { border:1px solid #ebe6f4; }
body:not(.dk-home) input.form-control, body:not(.dk-home) textarea.form-control, body:not(.dk-home) select.form-select { min-height:50px; border-radius:11px; border-color:#ded8e8; background:#fff; }
body:not(.dk-home) input.form-control:focus, body:not(.dk-home) textarea.form-control:focus, body:not(.dk-home) select.form-select:focus { border-color:#9967ef; box-shadow:0 0 0 .2rem rgba(111,44,255,.09); }

/* Footer */
.dk-footer { background:#1d1034; color:rgba(255,255,255,.72); padding:0 0 24px; margin-top:96px; position:relative; }
.dk-footer .container { position:relative; }
.dk-footer-cta { transform:translateY(-52px); margin-bottom:-5px; border-radius:24px; background:linear-gradient(100deg,#4a0b8f,#6c2cdf 58%,#9941da); box-shadow:0 22px 55px rgba(49,17,92,.28); padding:34px 38px; display:flex; align-items:center; justify-content:space-between; gap:28px; position:relative; overflow:hidden; }
.dk-footer-cta::after { content:""; position:absolute; width:300px; height:300px; right:-80px; top:-130px; border-radius:50%; background:radial-gradient(circle,rgba(255,105,184,.45),transparent 65%); }
.dk-eyebrow-light { color:#e7d8ff; }
.dk-eyebrow-light::before { background:#fff; }
.dk-footer-cta h2 { color:#fff; margin:.35rem 0 .45rem; font-size:clamp(1.65rem,3vw,2.45rem); font-weight:850; letter-spacing:-.04em; }
.dk-footer-cta p { color:rgba(255,255,255,.77); max-width:780px; margin:0; }
.dk-footer-cta-actions { display:flex; gap:.65rem; flex-wrap:wrap; flex:0 0 auto; position:relative; z-index:1; }
.dk-footer-grid { display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:40px; padding:34px 0 48px; }
.dk-footer-brand img { width:150px; margin-bottom:18px; }
.dk-footer-brand p { line-height:1.65; font-size:.88rem; }
.dk-footer-contact { display:grid; gap:.45rem; margin:1rem 0; }
.dk-footer a { color:rgba(255,255,255,.68); text-decoration:none; transition:.18s ease; }
.dk-footer a:hover { color:#fff; }
.dk-footer-contact a { display:flex; align-items:center; gap:.6rem; }
.dk-socials { display:flex; gap:.55rem; }
.dk-socials a { width:36px; height:36px; border-radius:10px; border:1px solid rgba(255,255,255,.15); display:grid; place-items:center; }
.dk-footer h3 { color:#fff; font-size:.95rem; font-weight:800; margin-bottom:1rem; }
.dk-footer ul { list-style:none; padding:0; margin:0; display:grid; gap:.55rem; }
.dk-footer li a { font-size:.82rem; }
.dk-footer-bottom { border-top:1px solid rgba(255,255,255,.10); padding-top:20px; display:flex; justify-content:space-between; align-items:center; gap:20px; font-size:.78rem; }
.dk-footer-bottom p { margin:0; }
.dk-footer-bottom div { display:flex; gap:18px; flex-wrap:wrap; }

/* Existing floating controls */
.whatsapp-float { z-index:1040 !important; box-shadow:0 12px 30px rgba(23,160,76,.30) !important; }
#scrollTopBtn { z-index:1039 !important; }

/* Dark mode */
[data-bs-theme="dark"] { --dk-ink:#f4f0fb; --dk-muted:#b8b1c4; --dk-bg:#120d1b; --dk-card:#1a1325; --dk-line:#342842; }
[data-bs-theme="dark"] body { background:#120d1b !important; color:#eee9f6; }
[data-bs-theme="dark"] .dk-header::before { background:rgba(26,19,37,.93); border-color:#3e3050; }
[data-bs-theme="dark"] .dk-logo-light { display:none; }
[data-bs-theme="dark"] .dk-logo-dark { display:block; }
[data-bs-theme="dark"] .dk-header .nav-link { color:#eee9f6; }
[data-bs-theme="dark"] .dk-header .nav-link:hover, [data-bs-theme="dark"] .dk-header .nav-link.active { background:#2c203b; color:#cba9ff; }
[data-bs-theme="dark"] .dk-submenu, [data-bs-theme="dark"] .dk-submenu::before, [data-bs-theme="dark"] .dk-icon-btn, [data-bs-theme="dark"] .dk-btn-ghost { background:#1b1425 !important; color:#eee9f6 !important; border-color:#3b2e49 !important; }
[data-bs-theme="dark"] .dk-submenu a { color:#eee9f6; }
[data-bs-theme="dark"] .dk-submenu a:hover { background:#2a2038; }
[data-bs-theme="dark"] .dk-hero { background:radial-gradient(circle at 75% 22%,rgba(237,78,154,.16),transparent 30%),radial-gradient(circle at 8% 10%,rgba(82,101,255,.16),transparent 30%),linear-gradient(135deg,#151020,#1e1327 55%,#16111f); }
[data-bs-theme="dark"] .dk-hero h1, [data-bs-theme="dark"] .dk-section-head h2, [data-bs-theme="dark"] .dk-service-card h3, [data-bs-theme="dark"] .dk-feature h3, [data-bs-theme="dark"] .dk-solution-card h3, [data-bs-theme="dark"] .dk-datacenter-card h2, [data-bs-theme="dark"] .dk-testimonial strong { color:#f4effb; }
[data-bs-theme="dark"] .dk-service-card, [data-bs-theme="dark"] .dk-feature, [data-bs-theme="dark"] .dk-solution-card, [data-bs-theme="dark"] .dk-datacenter-card, [data-bs-theme="dark"] .dk-testimonial, [data-bs-theme="dark"] .dk-faq .accordion-item, [data-bs-theme="dark"] .dk-faq .accordion-button { background:#1b1425; border-color:#362943; color:#eee9f6; }
[data-bs-theme="dark"] .dk-section-soft { background:#15101e; }
[data-bs-theme="dark"] .dk-section-white { background:#120d1b; }
[data-bs-theme="dark"] .dk-faq .accordion-button:not(.collapsed) { background:#291d39; color:#d2b6ff; }

@media (max-width: 1399.98px) {
  .dk-services-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .dk-feature-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .dk-header .nav-link { font-size:.88rem; padding:.65rem .55rem !important; }
  .dk-brand-logo { width:120px; }
}
@media (max-width: 1199.98px) {
  .dk-header::before { inset:10px 14px; }
  .dk-nav-actions .dk-btn-primary { padding:.7rem .9rem !important; font-size:.85rem; }
  .dk-footer-grid { grid-template-columns:1.4fr repeat(2,1fr); }
}
@media (max-width: 991.98px) {
  body > #header { min-height:86px; }
  body:not(.dk-home) { padding-top:0; }
  .dk-header { padding:8px 0; }
  .dk-header::before { inset:7px 10px; }
  .dk-navbar { min-height:68px; }
  .dk-brand-logo { width:120px; height:46px; }
  .dk-header .navbar-collapse { margin-top:9px; padding:14px; background:#fff; border:1px solid var(--dk-line); border-radius:16px; max-height:calc(100vh - 105px); overflow:auto; box-shadow:var(--dk-shadow-sm); }
  .dk-nav-list { align-items:stretch !important; }
  .dk-header .nav-link { justify-content:space-between; padding:.75rem .8rem !important; }
  .dk-nav-dropdown { position:static; }
  .dk-submenu, .dk-submenu-wide, .dk-submenu-compact { position:static; width:auto; min-width:0; display:none; transform:none; opacity:1; visibility:visible; pointer-events:auto; box-shadow:none; border:0; background:#f8f5ff; margin:0 0 .5rem; grid-template-columns:1fr; }
  .dk-submenu::before { display:none; }
  .dk-nav-dropdown.show > .dk-submenu { display:grid; }
  .dk-nav-actions { padding-top:10px; border-top:1px solid var(--dk-line); margin-top:5px; }
  .dk-hero { min-height:auto; }
  .dk-hero-copy { padding:62px 0 28px; }
  .dk-hero-visual { min-height:410px; }
  .dk-badge-1 { left:2%; }
  .dk-badge-2 { right:2%; }
  .dk-badge-3 { left:8%; }
  .dk-services-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dk-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dk-solution-grid, .dk-testimonial-grid { grid-template-columns:1fr; }
  .dk-enterprise { padding:34px 30px; }
  .dk-footer-cta { align-items:flex-start; flex-direction:column; }
  .dk-footer-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 575.98px) {
  .dk-section { padding:68px 0; }
  .dk-hero h1 { font-size:2.7rem; }
  .dk-hero-lead { font-size:1rem; }
  .dk-hero-trust { gap:.7rem 1rem; }
  .dk-hero-visual { min-height:330px; }
  .dk-float-badge { min-width:125px; padding:.6rem; }
  .dk-badge-1 { top:7%; left:0; }
  .dk-badge-2 { top:15%; right:0; }
  .dk-badge-3 { bottom:8%; left:3%; }
  .dk-services-grid, .dk-feature-grid { grid-template-columns:1fr; }
  .dk-service-card { min-height:220px; }
  .dk-enterprise { border-radius:22px; padding:28px 22px; }
  .dk-enterprise-list { grid-template-columns:1fr; }
  .dk-datacenter-card { padding:22px; }
  .dk-footer-cta { padding:26px 22px; transform:translateY(-38px); }
  .dk-footer-cta-actions { width:100%; }
  .dk-footer-cta-actions .btn { width:100%; justify-content:center; }
  .dk-footer-grid { grid-template-columns:1fr; gap:28px; }
  .dk-footer-bottom { align-items:flex-start; flex-direction:column; }
}

/* ========================================================================
   DIGIKO HOST 2026 refinement — professional blue + orange brand system
   Fixes scrolling, dropdown hover gaps, brand logos and mobile navigation.
   ======================================================================== */
:root {
  --dk-blue-950:#08264d;
  --dk-blue-900:#0c3470;
  --dk-blue-800:#0f4da8;
  --dk-blue-700:#1769d2;
  --dk-blue-600:#1d7eea;
  --dk-blue-100:#eaf3ff;
  --dk-orange:#f36b16;
  --dk-orange-dark:#d95608;
  --dk-orange-soft:#fff1e7;
  --dk-ink:#10233e;
  --dk-muted:#607086;
  --dk-line:#dfe8f3;
  --dk-bg:#f7faff;
  --dk-card:#ffffff;
  --dk-shadow:0 20px 55px rgba(16,61,115,.12);
  --dk-shadow-sm:0 12px 30px rgba(16,61,115,.09);
  --dk-gradient:linear-gradient(135deg,#0f4da8 0%,#1769d2 100%);
  --dk-accent-gradient:linear-gradient(135deg,#1769d2 0%,#1769d2 48%,#f36b16 105%);

  /* Retheme existing Bootstrap-based pages without rewriting their content. */
  --bs-primary:#0f4da8;
  --bs-primary-rgb:15,77,168;
  --bs-primary-bg-subtle:#eaf3ff;
  --bs-primary-border-subtle:#bfd8fa;
  --bs-primary-text-emphasis:#08264d;
  --bs-info:#f36b16;
  --bs-info-rgb:243,107,22;
  --bs-info-bg-subtle:#fff1e7;
  --bs-info-border-subtle:#ffd2b8;
  --bs-info-text-emphasis:#7a2d00;
}

html, body { min-height:100%; max-width:100%; overflow-x:hidden; }
body.dk-home { overflow-x:hidden !important; overflow-y:auto !important; }
.dk-orange-text { color:var(--dk-orange); }

/* Header */
body > #header { min-height:92px; }
.dk-header { padding:8px 0; }
.dk-header::before {
  inset:8px max(14px,calc((100vw - 1320px)/2));
  background:rgba(255,255,255,.96);
  border:1px solid rgba(15,77,168,.10);
  box-shadow:0 12px 34px rgba(9,43,88,.10);
  border-radius:18px;
}
.dk-header.dk-scrolled::before { box-shadow:0 14px 38px rgba(9,43,88,.15); }
.dk-navbar { min-height:72px; padding:.3rem .9rem; }
.dk-brand-logo { width:132px; height:50px; }
.dk-nav-list { gap:.06rem; }
.dk-header .nav-link {
  color:#17304f;
  font-size:.9rem;
  font-weight:720;
  padding:.66rem .64rem !important;
  border:0;
  background:transparent;
  white-space:nowrap;
}
.dk-header button.nav-link { appearance:none; -webkit-appearance:none; }
.dk-header .nav-link:hover,
.dk-header .nav-link.active,
.dk-nav-dropdown:hover > .dk-nav-toggle,
.dk-nav-dropdown:focus-within > .dk-nav-toggle {
  color:var(--dk-blue-800);
  background:var(--dk-blue-100);
}
.dk-header .nav-link.active { box-shadow:inset 0 -2px 0 var(--dk-orange); }
.dk-nav-actions { gap:.55rem; }
.dk-btn-primary {
  background:linear-gradient(135deg,var(--dk-orange),#ff8a35) !important;
  box-shadow:0 10px 24px rgba(243,107,22,.24);
}
.dk-btn-primary:hover { background:linear-gradient(135deg,var(--dk-orange-dark),var(--dk-orange)) !important; box-shadow:0 14px 28px rgba(243,107,22,.30); }
.dk-btn-ghost { color:var(--dk-blue-900) !important; border-color:#d5e2f2 !important; }
.dk-btn-ghost:hover { background:#f3f8ff !important; border-color:#b9d1ef !important; }
.dk-toggler { border-color:#cbdced !important; }
.dk-toggler span { background:var(--dk-blue-800); }

.dk-nav-dropdown { position:relative; }
.dk-nav-dropdown::after { content:""; position:absolute; left:0; right:0; top:100%; height:12px; display:block; }
.dk-submenu {
  top:calc(100% + 7px);
  border-color:#dfe8f3;
  border-radius:16px;
  box-shadow:0 24px 58px rgba(8,38,77,.16);
  transform:translate(-50%,6px);
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.dk-submenu::before { border-color:#dfe8f3; }
.dk-nav-dropdown:hover > .dk-submenu,
.dk-nav-dropdown:focus-within > .dk-submenu { transform:translate(-50%,0); }
.dk-submenu a { color:#122a48; padding:11px 12px; }
.dk-submenu a:hover { background:#eef6ff; color:var(--dk-blue-800); }
.dk-submenu a > .bi { background:#eaf3ff; color:var(--dk-blue-700); }
.dk-submenu img { width:34px; height:34px; padding:3px; }
.dk-submenu img.dk-menu-brand-logo { width:46px; height:30px; padding:0; }
.dk-submenu img.dk-cloud-logo { width:38px; height:38px; object-fit:contain; padding:5px; background:#fff; border:1px solid #e3ebf4; border-radius:10px; }
.dk-cloud-menu { min-width:350px; }
.dk-cloud-menu a { min-height:63px; }

/* Hero */
.dk-hero {
  min-height:650px;
  background:
    radial-gradient(circle at 78% 18%,rgba(243,107,22,.13),transparent 29%),
    radial-gradient(circle at 10% 16%,rgba(23,105,210,.17),transparent 32%),
    linear-gradient(135deg,#f1f7ff 0%,#ffffff 48%,#fff8f2 100%);
  border-bottom:1px solid #dfe8f3;
}
.dk-hero::before {
  background-image:linear-gradient(rgba(23,105,210,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(23,105,210,.065) 1px,transparent 1px);
}
.dk-eyebrow { color:var(--dk-blue-700); }
.dk-eyebrow::before { background:linear-gradient(90deg,var(--dk-blue-700),var(--dk-orange)); }
.dk-hero h1 { color:#0b2341; }
.dk-hero h1 .accent {
  background:linear-gradient(96deg,var(--dk-blue-700) 5%,var(--dk-blue-700) 48%,var(--dk-orange) 95%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.dk-hero-lead { color:#566a82; }
.dk-btn-secondary { color:var(--dk-blue-900) !important; border-color:#cad9ea !important; }
.dk-btn-secondary:hover { background:#f4f8fd !important; border-color:#a9c4e2 !important; }
.dk-hero-trust { color:#53677f; }
.dk-hero-trust i { color:var(--dk-orange); }
.dk-visual-glow { background:radial-gradient(circle,rgba(23,105,210,.20),rgba(243,107,22,.09) 50%,transparent 70%); }
.dk-float-badge { border-color:rgba(15,77,168,.13); box-shadow:0 18px 40px rgba(8,38,77,.12); }
.dk-float-badge i { background:#eaf3ff; color:var(--dk-blue-700); }
.dk-badge-2 i { background:var(--dk-orange-soft); color:var(--dk-orange); }

/* Homepage sections */
.dk-section { padding:86px 0; }
.dk-section-soft { background:linear-gradient(180deg,#f8fbff,#f2f7fd); }
.dk-section-head { max-width:900px; margin-bottom:42px; }
.dk-section-head h2 { color:#102f57; }
.dk-section-head p { color:#65758a; }

.dk-services-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.dk-service-card {
  min-height:260px;
  padding:24px 22px 20px;
  border-color:#e0e9f3;
  box-shadow:0 10px 28px rgba(13,64,123,.07);
  border-radius:18px;
}
.dk-service-card::after { background:linear-gradient(90deg,var(--service),var(--dk-orange)); }
.dk-service-card:hover { box-shadow:0 20px 42px rgba(13,64,123,.14); border-color:#bfd4ec; }
.dk-service-icon { background:linear-gradient(145deg,#eef6ff,#fff); border:1px solid #dfebf8; }
.dk-service-icon img { width:46px; height:46px; object-fit:contain; }
.dk-service-icon-brand { width:86px; }
.dk-service-icon-brand img { width:70px; height:42px; object-fit:contain; }
.dk-service-card h3 { color:#12345f; }
.dk-service-card p { color:#65758a; }

.dk-feature { border-color:#dfe9f3; box-shadow:0 10px 28px rgba(13,64,123,.055); }
.dk-feature-icon { background:linear-gradient(145deg,#eaf3ff,#fff); color:var(--dk-blue-700); }
.dk-feature:nth-child(2n) .dk-feature-icon { background:linear-gradient(145deg,#fff0e6,#fff); color:var(--dk-orange); }
.dk-solution-card { border-color:#dfe8f3; }
.dk-solution-art { background:radial-gradient(circle at 50% 30%,#fff,#edf5ff 72%); }
.dk-solution-tag { color:var(--dk-orange); }
.dk-solution-card h3 { color:#11345d; }
.dk-solution-list i,.dk-text-link { color:var(--dk-blue-700); }

.dk-enterprise {
  background:linear-gradient(135deg,#082e67 0%,#0f4da8 56%,#1769d2 100%);
  box-shadow:0 24px 60px rgba(8,46,103,.23);
}
.dk-enterprise::before { background:radial-gradient(circle,rgba(243,107,22,.55),transparent 66%); }
.dk-enterprise-list i { color:#ffb076; }
.dk-btn-white { color:var(--dk-blue-900) !important; }
.dk-cloud-brands { display:flex; flex-wrap:wrap; gap:.65rem; margin:0 0 1.4rem; }
.dk-cloud-brands span { display:inline-flex; align-items:center; gap:.45rem; padding:.5rem .65rem; background:rgba(255,255,255,.96); color:#163353; border-radius:10px; font-size:.78rem; box-shadow:0 6px 20px rgba(0,0,0,.08); }
.dk-cloud-brands img { width:24px; height:24px; object-fit:contain; }

.dk-datacenter-card { border-color:#dfe8f3; }
.dk-datacenter-card h2,.dk-testimonial strong { color:#12345f; }
.dk-map-wrap { background:linear-gradient(135deg,#edf5ff,#fff8f2); }
.dk-location-pills span { background:#eaf3ff; color:var(--dk-blue-800); }
.dk-testimonial { border-color:#dfe8f3; }
.dk-faq .accordion-item { border-color:#dfe8f3 !important; }
.dk-faq .accordion-button { color:#173656; }
.dk-faq .accordion-button:not(.collapsed) { background:#eaf3ff; color:var(--dk-blue-800); }

/* Existing pages: blue foundation with orange action accents. */
body:not(.dk-home) h2 { color:#12345f; }
body:not(.dk-home) .banner-5,
body:not(.dk-home) .hero-9,
body:not(.dk-home) .hero-7,
body:not(.dk-home) .hero-5,
body:not(.dk-home) .hero-2 {
  background-image:
    radial-gradient(circle at 82% 18%,rgba(243,107,22,.22),transparent 28%),
    linear-gradient(135deg,#082e67 0%,#0f4da8 58%,#1769d2 100%) !important;
  box-shadow:0 18px 45px rgba(8,46,103,.16);
}
body:not(.dk-home) .btn-primary { background:var(--dk-gradient) !important; box-shadow:0 10px 24px rgba(15,77,168,.20); }
body:not(.dk-home) .btn-info { background:var(--dk-orange) !important; border-color:var(--dk-orange) !important; }
body:not(.dk-home) input.form-control:focus,
body:not(.dk-home) textarea.form-control:focus,
body:not(.dk-home) select.form-select:focus { border-color:#7cadE8; box-shadow:0 0 0 .2rem rgba(23,105,210,.10); }

/* Footer */
.dk-footer { background:#071d38; color:rgba(255,255,255,.74); }
.dk-footer-cta { background:linear-gradient(105deg,#0b3b83 0%,#1769d2 65%,#f36b16 130%); box-shadow:0 22px 55px rgba(8,46,103,.28); }
.dk-footer-cta::after { background:radial-gradient(circle,rgba(255,154,84,.46),transparent 65%); }
.dk-eyebrow-light { color:#d9ebff; }

/* Laptop / tablet */
@media (max-width:1399.98px) {
  .dk-services-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .dk-header .nav-link { font-size:.84rem; padding:.62rem .5rem !important; }
  .dk-brand-logo { width:118px; }
}
@media (max-width:1199.98px) {
  .dk-services-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .dk-header .nav-link { font-size:.8rem; padding:.6rem .44rem !important; }
  .dk-nav-actions .dk-btn-ghost { display:none; }
}

/* Mobile navigation is click-to-open and fully scrollable. */
@media (max-width:991.98px) {
  body > #header { min-height:80px; }
  .dk-header { padding:6px 0; }
  .dk-header::before { inset:6px 8px; border-radius:15px; }
  .dk-navbar { min-height:64px; padding:.2rem .75rem; position:relative; }
  .dk-brand-logo { width:112px; height:44px; }
  .dk-header .navbar-collapse {
    position:absolute;
    top:calc(100% + 8px);
    left:8px;
    right:8px;
    z-index:20;
    margin:0;
    padding:12px;
    background:#fff;
    border:1px solid #dfe8f3;
    border-radius:16px;
    max-height:calc(100vh - 94px);
    overflow-y:auto;
    overflow-x:hidden;
    box-shadow:0 20px 55px rgba(8,38,77,.18);
  }
  .dk-nav-list { width:100%; align-items:stretch !important; gap:2px; }
  .dk-header .nav-link { width:100%; justify-content:space-between; padding:.78rem .8rem !important; font-size:.93rem; border-radius:10px; }
  .dk-header .nav-link.active { box-shadow:none; }
  .dk-nav-dropdown { position:static; }
  .dk-nav-dropdown::after { display:none; }
  .dk-submenu,
  .dk-submenu-wide,
  .dk-submenu-compact {
    position:static;
    width:100%;
    min-width:0;
    display:none !important;
    transform:none !important;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    box-shadow:none;
    border:0;
    background:#f5f9ff;
    margin:2px 0 8px;
    padding:7px;
    grid-template-columns:1fr;
    border-radius:12px;
  }
  .dk-nav-dropdown.is-open > .dk-submenu { display:grid !important; }
  .dk-submenu::before { display:none; }
  .dk-submenu a { padding:9px 10px; }
  .dk-submenu img,.dk-submenu a > .bi { width:30px; height:30px; }
  .dk-submenu img.dk-menu-brand-logo { width:42px; height:27px; }
  .dk-nav-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding-top:11px; margin-top:7px; border-top:1px solid #e4edf6; }
  .dk-nav-actions .btn { width:100%; padding:.72rem .7rem !important; font-size:.84rem; }
  .dk-nav-actions .dk-btn-ghost { display:inline-flex; }

  .dk-hero { min-height:auto; }
  .dk-hero-copy { padding:54px 0 22px; text-align:center; }
  .dk-hero-lead { margin-left:auto; margin-right:auto; }
  .dk-hero-actions,.dk-hero-trust { justify-content:center; }
  .dk-hero-visual { min-height:340px; }
  .dk-float-badge { display:none; }
  .dk-services-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:575.98px) {
  .container { --bs-gutter-x:1.5rem; }
  .dk-section { padding:62px 0; }
  .dk-section-head { margin-bottom:30px; }
  .dk-section-head h2 { font-size:2rem; line-height:1.12; }
  .dk-hero-copy { padding-top:42px; }
  .dk-hero h1 { font-size:clamp(2.2rem,11vw,3rem); line-height:1.03; }
  .dk-hero-lead { font-size:.98rem; line-height:1.65; }
  .dk-hero-actions { display:grid; grid-template-columns:1fr; width:100%; }
  .dk-hero-actions .btn { width:100%; }
  .dk-hero-trust { display:grid; grid-template-columns:1fr; justify-items:center; }
  .dk-hero-visual { min-height:260px; padding-bottom:18px; }
  .dk-hero-visual-main { width:min(330px,92%); }
  .dk-services-grid,.dk-feature-grid { grid-template-columns:1fr; }
  .dk-service-card { min-height:215px; }
  .dk-enterprise { padding:28px 20px; border-radius:20px; }
  .dk-enterprise h2 { font-size:2rem; }
  .dk-enterprise-art { min-height:235px; }
  .dk-enterprise-art img { max-height:220px; }
  .dk-cloud-brands { gap:.45rem; }
  .dk-cloud-brands span { font-size:.72rem; }
  .dk-datacenter-card { padding:20px; border-radius:20px; }
  .dk-map-wrap { min-height:220px; }
  .dk-footer { margin-top:70px; }
  .dk-footer-cta { border-radius:20px; padding:25px 20px; }
  .dk-footer-cta-actions { width:100%; }
  .dk-footer-cta-actions .btn { width:100%; justify-content:center; }
  .dk-nav-actions { grid-template-columns:1fr; }
  .whatsapp-float { right:14px !important; bottom:16px !important; transform:scale(.9); transform-origin:bottom right; }
  #scrollTopBtn { right:18px !important; bottom:82px !important; transform:scale(.9); transform-origin:bottom right; }
}

/* ===== Homepage refinement v3: lighter typography + old-site-inspired cards ===== */
.dk-home .dk-section-head h2,
.dk-home .dk-hero h1,
.dk-home .dk-enterprise h2,
.dk-home .dk-faq h2 { font-weight:650 !important; letter-spacing:-.025em !important; }
.dk-home .dk-section-head p,
.dk-home .dk-hero-lead { font-weight:400; }
.dk-home .dk-service-subtitle { margin:2px 0 0; color:#8a8a94; font-size:.98rem; }

.dk-featured-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px}
.dk-featured-service{display:flex;flex-direction:column;min-height:405px;border:1px solid #dce3ec;border-radius:28px;background:#fff;color:#1f1540;text-decoration:none;overflow:hidden;box-shadow:0 12px 34px rgba(25,48,82,.08);transition:transform .25s ease,box-shadow .25s ease}
.dk-featured-service:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(25,48,82,.13);color:#1f1540}
.dk-featured-service-top{padding:30px 34px 14px;display:flex;gap:18px;align-items:center}
.dk-featured-service-top img{width:70px;height:70px;object-fit:contain;flex:0 0 auto}
.dk-featured-service-top img.dk-cpanel-featured-logo{width:88px}
.dk-featured-service-top h3{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin:0;color:#311064}
.dk-save-badge{align-self:flex-start;margin:0 34px 20px;background:#f27900;color:#fff;padding:5px 10px;border-radius:2px;font-size:.88rem;font-weight:500}
.dk-featured-service-bottom{margin-top:auto;background:#f5f0ff;padding:28px 34px 30px;min-height:190px;position:relative}
.dk-featured-service-bottom:before{content:"";position:absolute;left:0;right:0;top:-10px;height:20px;background:radial-gradient(circle at 10px 0,transparent 10px,#f5f0ff 10.5px) 0 0/20px 20px repeat-x}
.dk-featured-service-bottom p{font-size:1rem;line-height:1.65;color:#25202c;margin:0 0 22px}
.dk-featured-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:170px;padding:11px 24px;border-radius:999px;background:#351064;color:#fff;font-weight:500}
.dk-featured-service:hover .dk-featured-btn{background:#ed7400}
.dk-secondary-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
.dk-secondary-services-grid a{display:flex;align-items:center;gap:13px;padding:18px 20px;border:1px solid #dfe7ef;border-radius:18px;background:#fff;text-decoration:none;color:#17345e;box-shadow:0 8px 22px rgba(25,48,82,.05)}
.dk-secondary-services-grid a:hover{border-color:#f0a155;transform:translateY(-2px)}
.dk-secondary-services-grid img{width:42px;height:42px;object-fit:contain}
.dk-secondary-services-grid span{display:flex;flex-direction:column;min-width:0;flex:1}
.dk-secondary-services-grid strong{font-size:.98rem;font-weight:600}
.dk-secondary-services-grid small{color:#7c8490;font-size:.78rem;margin-top:2px}
.dk-secondary-services-grid i{color:#ef7900}

/* Data center animation inspired by the original DIGIKO page */
.dk-global-dc-section{overflow:hidden;background:linear-gradient(180deg,#f8faff 0%,#f3f5ff 100%)}
.dk-global-dc-stage{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center;margin-top:20px}
.dk-dc-map-shell{position:relative;width:min(820px,74vw);z-index:2}
.dk-dc-map{display:block;width:100%;height:auto}
.dk-dc-server{position:absolute;width:min(260px,19vw);opacity:.72;z-index:1}
.dk-dc-server-left{left:-10px;top:70px}.dk-dc-server-right{right:-10px;top:75px}
.dk-dc-pin{position:absolute;text-align:center;z-index:5;animation:dkPinFloat 3s ease-in-out infinite}
.dk-dc-pin:nth-of-type(even){animation-delay:-1.35s}.dk-dc-pin:nth-of-type(3n){animation-delay:-2.1s}
.dk-flag-float{display:flex;align-items:center;justify-content:center;width:46px;height:38px;padding:6px;background:#fff;border-radius:9px;box-shadow:0 10px 22px rgba(28,44,75,.14);margin:0 auto 5px}
.dk-flag-float img{max-width:100%;max-height:100%;object-fit:contain}
.dk-pin-icon{width:22px;height:28px;object-fit:contain}
.dk-dc-pin-germany{top:6%;left:42%}.dk-dc-pin-canada{top:18%;left:14%}.dk-dc-pin-russia{top:8%;right:20%}.dk-dc-pin-china{top:29%;right:12%}.dk-dc-pin-india{top:34%;right:24%}.dk-dc-pin-usa{top:37%;left:4%}.dk-dc-pin-uae{top:28%;left:58%}
@keyframes dkPinFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media (prefers-reduced-motion:reduce){.dk-dc-pin{animation:none}}

/* Auto rotating testimonials using original client content/logos */
.dk-testimonial-carousel{max-width:1050px;margin:34px auto 0;padding:0 54px 42px}
.dk-testimonial-slide{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:center;min-height:300px;background:#fff;border:1px solid #dfe8f2;border-radius:28px;padding:42px 48px;box-shadow:0 16px 42px rgba(26,54,91,.09)}
.dk-client-logo{height:150px;border-radius:22px;background:#f8faff;display:flex;align-items:center;justify-content:center;padding:25px;border:1px solid #e9edf4}
.dk-client-logo img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px}
.dk-client-review .dk-stars{color:#f28a00;letter-spacing:3px;font-size:1.08rem;margin-bottom:16px}
.dk-client-review blockquote{font-size:1.12rem;line-height:1.75;color:#3d4654;margin:0 0 20px;font-weight:400}
.dk-client-review h3{font-size:1.12rem;font-weight:600;color:#11365e;margin:0 0 2px}
.dk-client-review p{margin:0;color:#7f8793}.dk-client-review p strong{color:#ef7900;font-weight:600}
.dk-testimonial-carousel .carousel-control-prev,.dk-testimonial-carousel .carousel-control-next{width:42px;height:42px;top:50%;transform:translateY(-50%);border-radius:50%;background:#fff;border:1px solid #dae3ed;color:#133b6a;opacity:1;box-shadow:0 6px 18px rgba(20,50,90,.12)}
.dk-testimonial-carousel .carousel-control-prev{left:0}.dk-testimonial-carousel .carousel-control-next{right:0}
.dk-testimonial-carousel .carousel-indicators{margin-bottom:0}.dk-testimonial-carousel .carousel-indicators [data-bs-target]{width:8px;height:8px;border-radius:50%;background-color:#ef7900}

@media (max-width:991.98px){
 .dk-featured-services-grid{grid-template-columns:1fr 1fr}.dk-featured-service:last-child{grid-column:1/-1;max-width:560px;width:100%;justify-self:center}
 .dk-secondary-services-grid{grid-template-columns:1fr 1fr}
 .dk-global-dc-stage{min-height:390px}.dk-dc-map-shell{width:92vw}.dk-dc-server{display:none}
 .dk-testimonial-slide{grid-template-columns:160px 1fr;padding:32px;gap:24px}
}
@media (max-width:767.98px){
 .dk-featured-services-grid{grid-template-columns:1fr;gap:18px}.dk-featured-service:last-child{grid-column:auto}.dk-featured-service{min-height:0}.dk-featured-service-top{padding:24px 24px 12px}.dk-featured-service-top h3{font-size:1.45rem}.dk-save-badge{margin-left:24px}.dk-featured-service-bottom{padding:25px 24px}
 .dk-secondary-services-grid{grid-template-columns:1fr}
 .dk-global-dc-stage{min-height:290px;margin-top:0}.dk-dc-map-shell{width:100%}.dk-flag-float{width:33px;height:29px;padding:4px}.dk-pin-icon{width:15px;height:20px}.dk-dc-pin-germany{top:3%}.dk-dc-pin-canada{top:13%;left:11%}.dk-dc-pin-russia{top:4%;right:17%}.dk-dc-pin-china{top:24%;right:8%}.dk-dc-pin-india{top:31%;right:20%}.dk-dc-pin-usa{top:31%;left:1%}.dk-dc-pin-uae{top:23%;left:56%}
 .dk-testimonial-carousel{padding:0 0 40px}.dk-testimonial-slide{grid-template-columns:1fr;text-align:center;padding:28px 22px}.dk-client-logo{height:110px;max-width:230px;width:100%;margin:auto}.dk-client-review blockquote{font-size:1rem}.dk-testimonial-carousel .carousel-control-prev,.dk-testimonial-carousel .carousel-control-next{display:none}
}


/* V4 header improvements */
.dk-submenu-wide { width:min(980px, calc(100vw - 50px)); grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.dk-submenu-wide a { min-height:84px; align-items:flex-start; }
.dk-submenu-wide span { display:block; }
.dk-submenu img { display:block; }
.dk-submenu img.dk-menu-brand-logo { width:52px; height:28px; margin-top:4px; }
.dk-submenu img.dk-cloud-logo { width:40px; height:40px; }
.dk-submenu strong { font-size:.94rem; }
.dk-submenu small { line-height:1.35; }
@media (max-width: 1199.98px) { .dk-submenu-wide { width:min(760px, calc(100vw - 40px)); grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 991.98px) { .dk-submenu-wide { width:auto; grid-template-columns:1fr; } }

/* Homepage rocket preloader */
.dk-loading { overflow:hidden; }
.dk-preloader {
  position:fixed; inset:0; z-index:2000; background:linear-gradient(135deg,#eef6ff 0%,#ffffff 55%,#fff6ef 100%);
  display:flex; align-items:center; justify-content:center; transition:opacity .5s ease, visibility .5s ease;
}
.dk-preloader.is-hidden { opacity:0; visibility:hidden; pointer-events:none; }
.dk-preloader-inner { text-align:center; }
.dk-preloader-brand { width:170px; max-width:58vw; margin:0 auto 18px; display:block; }
.dk-preloader-copy strong { display:block; font-size:1.35rem; font-weight:700; color:#102f57; }
.dk-preloader-copy span { display:block; margin-top:6px; color:#677b93; font-size:.98rem; }
.dk-loader-orbit { position:relative; width:180px; height:140px; margin:12px auto 0; overflow:hidden; }
.dk-loader-cloud { position:absolute; left:50%; bottom:14px; width:96px; height:34px; transform:translateX(-50%); background:#dbeafc; border-radius:40px; box-shadow:0 6px 18px rgba(23,105,210,.1); }
.dk-loader-cloud:before, .dk-loader-cloud:after { content:""; position:absolute; background:#dbeafc; border-radius:50%; }
.dk-loader-cloud:before { width:38px; height:38px; left:12px; bottom:10px; }
.dk-loader-cloud:after { width:52px; height:52px; right:14px; bottom:8px; }
.dk-loader-rocket { position:absolute; left:50%; bottom:20px; transform:translateX(-50%); font-size:42px; animation:dkRocketLaunch 1.4s ease-in-out infinite; filter:drop-shadow(0 12px 18px rgba(243,107,22,.22)); }
.dk-loader-trail { position:absolute; left:50%; bottom:10px; width:10px; height:54px; transform:translateX(-50%); background:linear-gradient(180deg,rgba(255,179,111,0),rgba(243,107,22,.8)); border-radius:20px; animation:dkTrail 1.4s ease-in-out infinite; }
.dk-loader-dots { display:flex; gap:6px; justify-content:center; margin-top:18px; }
.dk-loader-dots span { width:8px; height:8px; border-radius:50%; background:#1769d2; animation:dkDot 1s infinite ease-in-out; }
.dk-loader-dots span:nth-child(2){ animation-delay:.15s; background:#4d7fd9; }
.dk-loader-dots span:nth-child(3){ animation-delay:.3s; background:#f36b16; }
@keyframes dkRocketLaunch { 0% { transform:translate(-50%,16px) rotate(-6deg) scale(.94);} 35% { transform:translate(-50%,-40px) rotate(3deg) scale(1);} 60% { transform:translate(-50%,-76px) rotate(0deg) scale(1.03);} 100% { transform:translate(-50%,16px) rotate(-6deg) scale(.94);} }
@keyframes dkTrail { 0% { height:22px; opacity:.1;} 35% { height:48px; opacity:.75;} 60% { height:62px; opacity:1;} 100% { height:18px; opacity:.08;} }
@keyframes dkDot { 0%,100% { transform:translateY(0); opacity:.35;} 50% { transform:translateY(-4px); opacity:1;} }
@media (prefers-reduced-motion: reduce) { .dk-loader-rocket, .dk-loader-trail, .dk-loader-dots span { animation:none !important; } }


/* V5 - restore compact two-column hosting dropdown */
@media (min-width: 992px) {
  .dk-submenu-wide {
    width: 720px !important;
    min-width: 720px !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 4px 12px !important;
  }
  .dk-submenu-wide a { min-height: 72px !important; align-items: center !important; }
}
.dk-submenu a { gap: 14px; }
.dk-submenu img {
  width: 42px !important;
  height: 42px !important;
  object-fit: contain !important;
  padding: 7px !important;
  border: 1px solid #e3ebf4;
  border-radius: 11px;
  background: #f7faff;
  flex: 0 0 42px;
}
.dk-submenu img.dk-menu-brand-logo {
  width: 58px !important;
  height: 38px !important;
  padding: 6px !important;
  flex-basis: 58px;
  background: #fff7f1;
  border-color: #ffe2ce;
}
.dk-submenu img.dk-cloud-logo {
  width: 42px !important;
  height: 42px !important;
  padding: 6px !important;
  flex-basis: 42px;
  background: #fff;
}
@media (max-width: 991.98px) {
  .dk-submenu img, .dk-submenu img.dk-menu-brand-logo, .dk-submenu img.dk-cloud-logo {
    width: 40px !important; height: 40px !important; flex-basis: 40px; padding: 6px !important;
  }
}

/* V5 - professional launch sequence */
.dk-loading { overflow: hidden !important; }
.dk-preloader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  overflow: hidden;
  display: block;
  background: linear-gradient(180deg,#f8fbff 0%,#f2f7fd 60%,#eef5fb 100%);
  opacity: 1;
  visibility: visible;
  transition: opacity .34s ease, visibility .34s ease;
}
.dk-preloader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.dk-launch-backdrop {
  position: absolute; inset: 0;
  background:
    radial-gradient(circle at 50% 92%,rgba(243,107,22,.10),transparent 25%),
    radial-gradient(circle at 50% 30%,rgba(23,105,210,.08),transparent 28%),
    linear-gradient(rgba(18,52,95,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(18,52,95,.035) 1px,transparent 1px);
  background-size:auto,auto,48px 48px,48px 48px;
}
.dk-launch-brand {
  position:absolute; left:50%; top:24%; transform:translateX(-50%);
  width:185px; max-width:48vw; opacity:0;
  animation:dkBrandIn .45s ease .08s forwards;
}
.dk-launch-status {
  position:absolute; left:50%; top:calc(24% + 72px); transform:translateX(-50%);
  color:#6a7c92; font-size:.86rem; font-weight:500; letter-spacing:.08em; text-transform:uppercase;
  opacity:0; white-space:nowrap; animation:dkBrandIn .45s ease .18s forwards;
}
.dk-launch-path {
  position:absolute; left:50%; bottom:-2vh; transform:translateX(-50%);
  width:2px; height:28vh;
  background:linear-gradient(to top,rgba(243,107,22,0),rgba(243,107,22,.42),rgba(23,105,210,.08),transparent);
  filter:blur(.2px); opacity:.7;
}
.dk-launch-rocket-wrap {
  position:absolute; left:50%; bottom:-290px;
  width:94px; height:250px;
  transform:translateX(-50%);
  animation:dkLaunchFlight 1.72s cubic-bezier(.30,.02,.18,1) .20s forwards;
  will-change:transform,opacity;
}
.dk-launch-rocket { width:94px; height:auto; display:block; position:relative; z-index:2; }
.dk-launch-exhaust {
  position:absolute; left:50%; top:205px; transform:translateX(-50%);
  width:28px; height:150px; border-radius:50%; z-index:1;
  background:linear-gradient(180deg,rgba(255,236,176,.95),rgba(255,144,40,.65) 35%,rgba(243,107,22,.20) 66%,transparent 100%);
  filter:blur(5px);
  animation:dkExhaustPulse .24s ease-in-out infinite alternate;
}
.dk-launch-exhaust::after {
  content:""; position:absolute; left:50%; top:34px; transform:translateX(-50%);
  width:5px; height:190px; border-radius:10px;
  background:linear-gradient(180deg,rgba(23,105,210,.28),rgba(23,105,210,.06),transparent);
}
@keyframes dkLaunchFlight {
  0% { transform:translate(-50%,0) scale(.92); opacity:0; }
  8% { opacity:1; }
  28% { transform:translate(-50%,-22vh) scale(.96); }
  68% { transform:translate(-50%,-72vh) scale(1.02); opacity:1; }
  92% { opacity:1; }
  100% { transform:translate(-50%,calc(-100vh - 360px)) scale(1.05); opacity:0; }
}
@keyframes dkExhaustPulse { from { transform:translateX(-50%) scaleX(.86); opacity:.72; } to { transform:translateX(-50%) scaleX(1.08); opacity:1; } }
@keyframes dkBrandIn { to { opacity:1; } }
@media (max-width: 575.98px) {
  .dk-launch-brand { top:20%; width:155px; }
  .dk-launch-status { top:calc(20% + 62px); font-size:.69rem; letter-spacing:.06em; }
  .dk-launch-rocket-wrap { width:78px; height:220px; }
  .dk-launch-rocket { width:78px; }
  .dk-launch-exhaust { top:172px; }
}
@media (prefers-reduced-motion: reduce) {
  .dk-launch-rocket-wrap { animation-duration:.01ms !important; animation-delay:0ms !important; }
  .dk-launch-exhaust { animation:none !important; }
  .dk-launch-brand, .dk-launch-status { animation:none !important; opacity:1; }
}


/* V8 FINAL — exact visual treatment requested */
.dk-featured-service-top img{width:76px;height:76px;object-fit:contain}
.dk-featured-service-top img.dk-cpanel-featured-logo{width:92px;height:64px;object-fit:contain}
.dk-secondary-services-grid img{width:48px;height:48px;object-fit:contain}

.dk-feature-band{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(251,249,255,.92));
  border:1px solid #ece8f6;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 14px 36px rgba(39,31,84,.06);
}
.dk-feature-band .dk-feature{
  background:transparent;
  border:0;
  border-right:1px solid #eeeaf7;
  border-radius:0;
  box-shadow:none;
  padding:32px 18px 30px;
}
.dk-feature-band .dk-feature:last-child{border-right:0}
.dk-feature-band .dk-feature-icon{
  width:74px;
  height:74px;
  border-radius:50%;
  margin:0 auto 17px;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid #f0e9fb;
  box-shadow:0 10px 28px rgba(86,42,158,.09);
}
.dk-feature-band .dk-feature:nth-child(2n) .dk-feature-icon{background:#fff}
.dk-feature-band .dk-feature-icon img{width:42px;height:42px;object-fit:contain;display:block}
.dk-feature-band .dk-feature h3{font-size:.98rem;font-weight:750;color:#3b146f;margin:0 0 .42rem;line-height:1.25}
.dk-feature-band .dk-feature p{font-size:.80rem;line-height:1.42;color:#847d91;margin:0 auto;max-width:145px}

/* Keep only the professional V5 launch presentation visually active. */
.dk-preloader-inner,.dk-preloader-brand,.dk-preloader-copy,.dk-loader-orbit,.dk-loader-cloud,.dk-loader-rocket,.dk-loader-trail,.dk-loader-dots{display:none!important}

@media (max-width:1199.98px){
  .dk-feature-band{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dk-feature-band .dk-feature:nth-child(3n){border-right:0}
  .dk-feature-band .dk-feature:nth-child(-n+3){border-bottom:1px solid #eeeaf7}
}
@media (max-width:767.98px){
  .dk-feature-band{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:20px}
  .dk-feature-band .dk-feature{padding:26px 12px;border-right:1px solid #eeeaf7!important;border-bottom:1px solid #eeeaf7!important}
  .dk-feature-band .dk-feature:nth-child(2n){border-right:0!important}
  .dk-feature-band .dk-feature:nth-last-child(-n+2){border-bottom:0!important}
  .dk-feature-band .dk-feature-icon{width:68px;height:68px}
  .dk-feature-band .dk-feature-icon img{width:38px;height:38px}
  .dk-featured-service-top img{width:66px;height:66px}
  .dk-featured-service-top img.dk-cpanel-featured-logo{width:82px;height:58px}
}