/* ============================================================
   dHOST homepage – foundation, header, footer, sections
   Blue brand tokens (từ logo). Light/Dark 3 trạng thái.
   ============================================================ */
:root{
  --dh-bg:#F5F8FC; --dh-bg-2:#FFFFFF; --dh-surface:#FFFFFF; --dh-surface-2:#EEF3FA;
  --dh-ink:#111826; --dh-muted:#51607A; --dh-faint:#8894A8;
  --dh-border:#E2E8F1; --dh-border-strong:#CFD8E6;
  --dh-primary:#1690D4; --dh-primary-2:#0E72B8; --dh-bright:#43B4E8;
  --dh-ok:#12A150; --dh-price:#E5484D;
  --dh-dark:#0A1524; --dh-dark-2:#0E1C30;
  --dh-glow:rgba(22,144,212,.18);
  --dh-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 30px -14px rgba(16,24,40,.16);
  --dh-shadow-lg:0 24px 60px -24px rgba(16,24,40,.30);
  --dh-radius:16px; --dh-ring:rgba(22,144,212,.55);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --dh-bg:#080C13; --dh-bg-2:#0C111A; --dh-surface:#121824; --dh-surface-2:#18202E;
  --dh-ink:#EAF0F8; --dh-muted:#9AA6BA; --dh-faint:#66728A;
  --dh-border:#222C3C; --dh-border-strong:#2F3B4E;
  --dh-primary:#2AA0E4; --dh-primary-2:#1483C8; --dh-bright:#5CC3F2;
  --dh-ok:#3DD68C; --dh-price:#FF6B6E; --dh-dark:#05070B; --dh-dark-2:#0A121E;
  --dh-glow:rgba(42,160,228,.22);
  --dh-shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.6);
  --dh-shadow-lg:0 30px 70px -28px rgba(0,0,0,.75);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --dh-bg:#080C13; --dh-bg-2:#0C111A; --dh-surface:#121824; --dh-surface-2:#18202E;
  --dh-ink:#EAF0F8; --dh-muted:#9AA6BA; --dh-faint:#66728A;
  --dh-border:#222C3C; --dh-border-strong:#2F3B4E;
  --dh-primary:#2AA0E4; --dh-primary-2:#1483C8; --dh-bright:#5CC3F2;
  --dh-ok:#3DD68C; --dh-price:#FF6B6E; --dh-dark:#05070B; --dh-dark-2:#0A121E;
  --dh-glow:rgba(42,160,228,.22);
  --dh-shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.6);
  --dh-shadow-lg:0 30px 70px -28px rgba(0,0,0,.75);
  color-scheme:dark;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.dhost-home{margin:0;background:var(--dh-bg);color:var(--dh-ink);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased}
body.dhost-home h1,body.dhost-home h2,body.dhost-home h3,body.dhost-home h4{
  font-family:Sora,Inter,sans-serif;line-height:1.14;letter-spacing:-.02em;margin:0;text-wrap:balance}
body.dhost-home a{color:inherit;text-decoration:none}
body.dhost-home img{max-width:100%;display:block}
body.dhost-home :focus-visible{outline:2.5px solid var(--dh-ring);outline-offset:2px;border-radius:6px}
.dh-wrap{width:min(1200px,92vw);margin-inline:auto}
.dh-skip{position:absolute;left:-9999px;top:0;background:var(--dh-primary);color:#fff;padding:10px 16px;z-index:999;border-radius:0 0 8px 0}
.dh-skip:focus{left:0}
.dh-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dh-primary)}
.dh-hide-sm{}@media(max-width:640px){.dh-hide-sm{display:none!important}}
@media(max-width:1024px){.dh-hide-md{display:none!important}}

/* Buttons */
.dh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:.95rem;
  padding:12px 22px;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s;white-space:nowrap}
.dh-btn:active{transform:translateY(1px)}
.dh-btn-primary{background:linear-gradient(150deg,var(--dh-primary),var(--dh-primary-2));color:#fff;box-shadow:0 10px 24px -12px var(--dh-primary-2)}
.dh-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px var(--dh-primary-2)}
.dh-btn-ghost{background:transparent;color:var(--dh-ink);border-color:var(--dh-border-strong)}
.dh-btn-ghost:hover{border-color:var(--dh-primary);color:var(--dh-primary)}
.dh-btn-lg{padding:15px 30px;font-size:1.02rem}

/* ===== HEADER (đổi màu theo Ngày/Đêm) ===== */
:root{ /* light header */
  --dh-head-bg:rgba(255,255,255,.92); --dh-head-ink:#46566F; --dh-head-ink-hv:var(--dh-ink);
  --dh-head-hv-bg:rgba(16,24,40,.055); --dh-head-bd:var(--dh-border);
  --dh-tb-bg:#E6EFFA; --dh-tb-ink:#51607A; --dh-tb-ink-hv:var(--dh-ink);
  --dh-ctrl-bg:rgba(16,24,40,.05); --dh-ctrl-bd:var(--dh-border-strong); --dh-ctrl-ink:var(--dh-muted); --dh-ctrl-hv:rgba(16,24,40,.1);
  --dh-brand-ink:#0F1B2E;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --dh-head-bg:var(--dh-dark); --dh-head-ink:#CBD6E6; --dh-head-ink-hv:#fff;
  --dh-head-hv-bg:rgba(255,255,255,.07); --dh-head-bd:rgba(255,255,255,.08);
  --dh-tb-bg:var(--dh-dark-2); --dh-tb-ink:#AEBBD0; --dh-tb-ink-hv:#fff;
  --dh-ctrl-bg:rgba(255,255,255,.06); --dh-ctrl-bd:rgba(255,255,255,.16); --dh-ctrl-ink:#DCE6F4; --dh-ctrl-hv:rgba(255,255,255,.14);
  --dh-brand-ink:#FFFFFF;
}}
:root[data-theme="dark"]{
  --dh-head-bg:var(--dh-dark); --dh-head-ink:#CBD6E6; --dh-head-ink-hv:#fff;
  --dh-head-hv-bg:rgba(255,255,255,.07); --dh-head-bd:rgba(255,255,255,.08);
  --dh-tb-bg:var(--dh-dark-2); --dh-tb-ink:#AEBBD0; --dh-tb-ink-hv:#fff;
  --dh-ctrl-bg:rgba(255,255,255,.06); --dh-ctrl-bd:rgba(255,255,255,.16); --dh-ctrl-ink:#DCE6F4; --dh-ctrl-hv:rgba(255,255,255,.14);
  --dh-brand-ink:#FFFFFF;
}
.dh-logo{height:34px;width:auto}
/* Brand vector (tự đổi màu) */
.dh-brand{display:flex;align-items:center;gap:10px}
.dh-brand .dh-cloud{width:34px;height:29px;flex:none}
.dh-wordmark{font-family:Sora,sans-serif;font-weight:800;font-size:1.34rem;letter-spacing:-.03em;color:var(--dh-brand-ink);line-height:1}
.dh-wordmark i{font-style:normal;color:var(--dh-faint);font-weight:600;font-size:.72em}
.dh-topbar{background:var(--dh-tb-bg);color:var(--dh-tb-ink);font-size:.82rem;border-bottom:1px solid var(--dh-head-bd)}
.dh-topbar-in{display:flex;align-items:center;justify-content:space-between;min-height:40px;gap:14px;flex-wrap:wrap}
.dh-topbar-left{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.dh-tb-item{display:inline-flex;align-items:center;gap:6px;color:var(--dh-tb-ink)}
.dh-tb-item:hover{color:var(--dh-tb-ink-hv)}
.dh-header{position:sticky;top:0;z-index:80}
.dh-nav{background:var(--dh-head-bg);backdrop-filter:saturate(1.3) blur(12px);border-bottom:1px solid var(--dh-head-bd)}
.dh-nav-in{display:flex;align-items:center;gap:22px;min-height:66px}
.dh-menu{margin-left:6px}
.dh-menu-list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.dh-menu-list>li>a,.dh-sub-toggle{display:inline-flex;align-items:center;gap:5px;color:var(--dh-head-ink);background:transparent;border:0;
  font:inherit;font-size:.93rem;font-weight:600;padding:10px 12px;border-radius:9px;cursor:pointer;transition:color .2s,background .2s}
.dh-menu-list>li>a:hover,.dh-sub-toggle:hover{color:var(--dh-head-ink-hv);background:var(--dh-head-hv-bg)}
.dh-has-sub{position:relative}
.dh-sub{position:absolute;top:100%;left:0;min-width:250px;background:var(--dh-surface);border:1px solid var(--dh-border);
  border-radius:14px;box-shadow:var(--dh-shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .18s,transform .18s,visibility .18s;z-index:90}
.dh-has-sub:hover .dh-sub,.dh-has-sub:focus-within .dh-sub,.dh-sub.open{opacity:1;visibility:visible;transform:none}
.dh-sub ul{list-style:none;margin:0;padding:0}
.dh-sub a{display:block;padding:10px 14px;border-radius:9px;color:var(--dh-ink);font-size:.92rem;font-weight:500}
.dh-sub a:hover{background:var(--dh-surface-2);color:var(--dh-primary)}
.dh-nav-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.dh-theme{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--dh-ctrl-bd);
  background:var(--dh-ctrl-bg);color:var(--dh-ctrl-ink);cursor:pointer;transition:background .2s}
.dh-theme:hover{background:var(--dh-ctrl-hv)}
.dh-theme .dh-i-moon{display:none}
:root[data-theme="dark"] .dh-theme .dh-i-sun{display:none}
:root[data-theme="dark"] .dh-theme .dh-i-moon{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .dh-theme .dh-i-sun{display:none}:root:not([data-theme="light"]) .dh-theme .dh-i-moon{display:block}}
.dh-burger{display:none;flex-direction:column;gap:5px;width:42px;height:42px;border:1px solid var(--dh-ctrl-bd);
  background:var(--dh-ctrl-bg);border-radius:11px;cursor:pointer;align-items:center;justify-content:center}
.dh-burger span{width:20px;height:2px;background:var(--dh-ctrl-ink);border-radius:2px;transition:.2s}
@media(max-width:1024px){.dh-menu{display:none}.dh-burger{display:flex}}

/* Mobile drawer */
.dh-drawer{position:fixed;inset:0;z-index:120;visibility:hidden;pointer-events:none}
.dh-drawer.open{visibility:visible;pointer-events:auto}
.dh-drawer-backdrop{position:absolute;inset:0;background:rgba(4,8,14,.55);opacity:0;transition:opacity .25s}
.dh-drawer.open .dh-drawer-backdrop{opacity:1}
.dh-drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(360px,86vw);background:var(--dh-bg-2);
  box-shadow:var(--dh-shadow-lg);transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;overflow-y:auto}
.dh-drawer.open .dh-drawer-panel{transform:none}
.dh-drawer-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--dh-border);background:var(--dh-dark)}
.dh-drawer-close{background:none;border:0;color:#fff;font-size:2rem;line-height:1;cursor:pointer;padding:0 6px}
.dh-drawer-nav{padding:10px 14px;flex:1}
.dh-drawer-link{display:block;padding:14px 12px;font-weight:700;color:var(--dh-ink);border-bottom:1px solid var(--dh-border)}
.dh-acc-head{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:0;border-bottom:1px solid var(--dh-border);
  font:inherit;font-weight:700;color:var(--dh-ink);padding:14px 12px;cursor:pointer}
.dh-acc-head svg{transition:transform .2s}
.dh-acc.open .dh-acc-head svg{transform:rotate(180deg)}
.dh-acc-body{display:none;padding:4px 0 10px}
.dh-acc.open .dh-acc-body{display:block}
.dh-acc-body a{display:block;padding:10px 22px;color:var(--dh-muted);font-size:.94rem}
.dh-acc-body a:hover{color:var(--dh-primary)}
.dh-drawer-cta{padding:16px 20px;border-top:1px solid var(--dh-border);display:flex;flex-direction:column;gap:10px}
.dh-drawer-cta .dh-btn{width:100%}

/* ===== SECTION SHELL ===== */
.dh-main{min-height:56vh}
.dh-section{padding:clamp(56px,8vw,104px) 0}
.dh-section-alt{background:var(--dh-bg-2);border-block:1px solid var(--dh-border)}
.dh-sec-head{text-align:center;max-width:660px;margin:0 auto clamp(34px,5vw,54px)}
.dh-sec-head h2{font-size:clamp(1.7rem,3.4vw,2.55rem);font-weight:800;margin-top:12px}
.dh-sec-head p{color:var(--dh-muted);margin-top:14px;font-size:1.05rem}

/* ===== HERO (đổi màu theo Ngày/Đêm) ===== */
:root{ /* light hero */
  --dh-hero-bg:#E6EFFA; --dh-hero-ink:#0E1B2E; --dh-hero-soft:#44566F;
  --dh-hero-grid:rgba(18,44,82,.07); --dh-hero-hl:var(--dh-primary-2);
  --dh-hero-chip-bg:#FFFFFF; --dh-hero-chip-bd:#CBD9EC; --dh-hero-chip-ink:#44566F;
  --dh-hero-media-bd:#CBD9EC; --dh-hero-glow:rgba(22,144,212,.20);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --dh-hero-bg:#0A1524; --dh-hero-ink:#EAF0F8; --dh-hero-soft:#AEB9CC;
  --dh-hero-grid:rgba(255,255,255,.05); --dh-hero-hl:var(--dh-bright);
  --dh-hero-chip-bg:rgba(255,255,255,.06); --dh-hero-chip-bd:rgba(255,255,255,.14); --dh-hero-chip-ink:#D6DEEA;
  --dh-hero-media-bd:rgba(255,255,255,.12); --dh-hero-glow:rgba(42,160,228,.28);
}}
:root[data-theme="dark"]{
  --dh-hero-bg:#0A1524; --dh-hero-ink:#EAF0F8; --dh-hero-soft:#AEB9CC;
  --dh-hero-grid:rgba(255,255,255,.05); --dh-hero-hl:var(--dh-bright);
  --dh-hero-chip-bg:rgba(255,255,255,.06); --dh-hero-chip-bd:rgba(255,255,255,.14); --dh-hero-chip-ink:#D6DEEA;
  --dh-hero-media-bd:rgba(255,255,255,.12); --dh-hero-glow:rgba(42,160,228,.28);
}
.dh-hero{position:relative;background:linear-gradient(180deg,var(--dh-hero-bg),var(--dh-bg));color:var(--dh-hero-ink);overflow:hidden;isolation:isolate;
  border-bottom:1px solid var(--dh-border)}
.dh-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:
  linear-gradient(var(--dh-hero-grid) 1px,transparent 1px),linear-gradient(90deg,var(--dh-hero-grid) 1px,transparent 1px);
  background-size:46px 46px;mask-image:radial-gradient(circle at 72% 20%,#000,transparent 70%)}
.dh-hero::after{content:"";position:absolute;z-index:-1;width:820px;height:820px;right:-160px;top:-300px;border-radius:50%;
  background:radial-gradient(circle,var(--dh-hero-glow),transparent 62%)}
.dh-hero-in{display:grid;grid-template-columns:1.12fr .88fr;gap:52px;align-items:center;padding:clamp(48px,7vw,92px) 0}
.dh-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 9px;border-radius:999px;background:var(--dh-hero-chip-bg);
  border:1px solid var(--dh-hero-chip-bd);font-size:.82rem;color:var(--dh-hero-chip-ink);font-weight:600}
.dh-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--dh-ok);box-shadow:0 0 0 4px rgba(61,214,140,.18)}
.dh-hero h1{font-size:clamp(2.15rem,4.6vw,3.5rem);font-weight:800;margin:22px 0 0;color:var(--dh-hero-ink)}
.dh-hero h1 .hl{color:var(--dh-hero-hl)}
.dh-hero .lead{color:var(--dh-hero-soft);font-size:1.12rem;margin-top:18px;max-width:52ch}
.dh-hero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.dh-hero .dh-btn-ghost{color:var(--dh-hero-ink);border-color:var(--dh-hero-chip-bd)}
.dh-hero .dh-btn-ghost:hover{border-color:var(--dh-primary);color:var(--dh-primary)}
.dh-hero-usp{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:34px}
.dh-hero-usp span{display:inline-flex;align-items:center;gap:8px;color:var(--dh-hero-soft);font-size:.92rem;font-weight:500}
.dh-hero-usp svg{color:var(--dh-primary);flex:none}
.dh-hero-media{border-radius:20px;overflow:hidden;border:1px solid var(--dh-hero-media-bd);box-shadow:var(--dh-shadow-lg);aspect-ratio:16/11;background:var(--dh-surface-2)}
.dh-hero-media img{width:100%;height:100%;object-fit:cover}

/* ===== TRUST BAR ===== */
.dh-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dh-trust .it{display:flex;gap:12px;align-items:center;background:var(--dh-surface);border:1px solid var(--dh-border);
  border-radius:14px;padding:18px}
.dh-trust .ic{width:42px;height:42px;flex:none;border-radius:11px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--dh-primary) 14%,var(--dh-surface));color:var(--dh-primary)}
.dh-trust b{display:block;font-size:.98rem;font-family:Sora}
.dh-trust small{color:var(--dh-muted);font-size:.84rem}

/* ===== ECOSYSTEM CARDS ===== */
.dh-eco{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dh-eco-card{display:flex;flex-direction:column;background:var(--dh-surface);border:1px solid var(--dh-border);
  border-radius:var(--dh-radius);overflow:hidden;box-shadow:var(--dh-shadow);transition:transform .2s,box-shadow .25s,border-color .2s}
.dh-eco-card:hover{transform:translateY(-4px);box-shadow:var(--dh-shadow-lg);border-color:var(--dh-primary)}
.dh-eco-media{aspect-ratio:16/9;background:var(--dh-surface-2);overflow:hidden}
.dh-eco-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.dh-eco-card:hover .dh-eco-media img{transform:scale(1.05)}
.dh-eco-body{padding:22px;display:flex;flex-direction:column;flex:1}
.dh-eco-body h3{font-size:1.16rem;font-weight:700}
.dh-eco-body p{color:var(--dh-muted);font-size:.92rem;margin:8px 0 14px;flex:1}
.dh-eco-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.dh-eco-price{font-size:.86rem;color:var(--dh-muted)}
.dh-eco-price b{color:var(--dh-ink);font-family:"JetBrains Mono";font-size:1.05rem}
.dh-eco-link{color:var(--dh-primary);font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:5px}

/* ===== PRICING BLOCK ===== */
.dh-pricing-switch{display:flex;justify-content:center;margin-bottom:26px}

/* ===== WHY ===== */
.dh-why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dh-why .it{background:var(--dh-surface);border:1px solid var(--dh-border);border-radius:var(--dh-radius);padding:26px;transition:border-color .2s,transform .2s}
.dh-why .it:hover{border-color:var(--dh-primary);transform:translateY(-3px)}
.dh-why .ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;margin-bottom:16px;
  background:color-mix(in srgb,var(--dh-primary) 14%,var(--dh-surface));color:var(--dh-primary);border:1px solid color-mix(in srgb,var(--dh-primary) 30%,var(--dh-surface))}
.dh-why h3{font-size:1.1rem;font-weight:700}
.dh-why p{color:var(--dh-muted);font-size:.92rem;margin-top:9px}

/* ===== FAQ ===== */
.dh-faq{max-width:840px;margin-inline:auto;display:flex;flex-direction:column;gap:12px}
.dh-qa{background:var(--dh-surface);border:1px solid var(--dh-border);border-radius:14px;overflow:hidden}
.dh-qa[open]{border-color:var(--dh-primary)}
.dh-qa summary{list-style:none;cursor:pointer;padding:18px 22px;display:flex;justify-content:space-between;gap:14px;font-weight:600}
.dh-qa summary::-webkit-details-marker{display:none}
.dh-qa .pl{flex:none;width:26px;height:26px;border-radius:8px;background:var(--dh-surface-2);border:1px solid var(--dh-border);
  display:grid;place-items:center;color:var(--dh-muted);transition:transform .25s,background .2s,color .2s;font-size:1.1rem}
.dh-qa[open] .pl{transform:rotate(45deg);background:var(--dh-primary);color:#fff;border-color:var(--dh-primary)}
.dh-qa .ans{padding:0 22px 20px;color:var(--dh-muted);font-size:.96rem}

/* ===== FINAL CTA ===== */
.dh-cta{background:var(--dh-dark);color:#EAF0F8;border-radius:24px;padding:clamp(34px,5vw,56px);text-align:center;position:relative;overflow:hidden}
.dh-cta::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--dh-glow),transparent 55%);pointer-events:none}
.dh-cta h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;position:relative}
.dh-cta p{color:#AEB9CC;margin:14px auto 0;max-width:56ch;position:relative}
.dh-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px;position:relative}

/* ===== FOOTER ===== */
.dh-footer{background:var(--dh-dark);color:#B7C3D6;padding:56px 0 30px;margin-top:10px}
.dh-footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1.3fr;gap:30px}
.dh-footer .dh-logo{height:36px;margin-bottom:14px}
.dh-foot-brand p{font-size:.9rem;color:#93A0B4;max-width:34ch}
.dh-foot-contact{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.dh-foot-contact a{display:inline-flex;align-items:center;gap:8px;color:#B7C3D6;font-size:.9rem}
.dh-foot-contact a:hover{color:var(--dh-bright)}
.dh-foot-col h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:#8E9AAE;margin-bottom:14px;font-family:Inter;font-weight:700}
.dh-foot-col a{display:block;color:#B0BCCF;font-size:.9rem;padding:5px 0}
.dh-foot-col a:hover{color:var(--dh-bright)}
.dh-foot-company p{font-size:.88rem;color:#9BA8BC;margin:0 0 7px}
.dh-foot-company-name{color:#DCE4F0!important;font-weight:700}
.dh-foot-company a{color:#B7C3D6}
.dh-foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid rgba(255,255,255,.08);
  margin-top:38px;padding-top:22px;color:#7E8AA0;font-size:.85rem}

/* ===== REVEAL ===== */
.dh-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.dh-reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.dh-reveal{opacity:1;transform:none}}

/* ===== RESPONSIVE ===== */
@media(max-width:960px){
  .dh-hero-in{grid-template-columns:1fr;gap:32px}
  .dh-trust{grid-template-columns:repeat(2,1fr)}
  .dh-eco,.dh-why{grid-template-columns:repeat(2,1fr)}
  .dh-footer-grid{grid-template-columns:1fr 1fr;gap:26px}
  .dh-foot-brand,.dh-foot-company{grid-column:1/-1}
}
@media(max-width:600px){
  .dh-trust,.dh-eco,.dh-why,.dh-footer-grid{grid-template-columns:1fr}
  .dh-hero-cta .dh-btn{flex:1}
}