/* =============================================================
   DOOMMTRACK — LANDING (главная). Шапка-герой сохранена ниже.
   Дизайн-язык: синий #1E56E6 / зелёный акцент, Unbounded + Nunito.
   ============================================================= */
:root{
  --blue:#1E56E6; --blue-2:#3D8BFF; --blue-ink:#0E2A57;
  --green:#5f9a34; --green-2:#A8E063; --green-soft:#eef7e0;
  --ink:#16213A; --ink-2:#1B3258;
  --slate:#4A5E7A; --slate-2:#6B7C97;
  --line:#E2ECF7; --bg:#F6F9FE; --bg-2:#EEF4FD; --card:#ffffff;
  --r-xl:24px; --r-lg:16px; --r-md:12px;
  --sh-sm:0 6px 18px -10px rgba(20,50,110,.28);
  --sh-md:0 18px 40px -18px rgba(20,50,110,.34);
  --sh-lg:0 30px 60px -22px rgba(20,50,110,.42);
}
*{box-sizing:border-box;}
html{overflow-x:hidden;scroll-behavior:smooth;}
body.landing-root{font-family:'Nunito',-apple-system,BlinkMacSystemFont,sans-serif;margin:0;padding:0;background:#fff;color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;}
a{color:inherit;}
.lp-wrap{width:100%;}
.lp-container{max-width:1200px;margin:0 auto;padding:0 24px;}
.lp-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);background:var(--bg-2);border:1px solid var(--line);padding:7px 14px;border-radius:50px;margin-bottom:16px;}
.lp-h2{font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(24px,3.1vw,38px);line-height:1.16;letter-spacing:-.5px;color:var(--blue-ink);margin:0 0 14px;}
.lp-h2 em{font-style:normal;color:var(--blue);}
.lp-lead{font-size:17px;line-height:1.6;color:var(--slate);max-width:640px;margin:0 0 8px;font-weight:500;}
.lp-center{text-align:center;}
.lp-center .lp-lead{margin-left:auto;margin-right:auto;}

/* keyboard focus + reduced motion (quality floor) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px;}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}}

/* =============================================================
   STICKY NAV (шапка-навигация)
   ============================================================= */
.dt-tabs-wrapper{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);width:100vw;margin-left:calc(-50vw + 50%);}
.dt-tabs-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 24px;}
.dt-tabs-logo{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0;}
.dt-tabs-logo img{height:34px;width:auto;display:block;border-radius:8px;}
.dt-nav{display:flex;gap:2px;background:var(--bg-2);border-radius:50px;padding:5px;}
.dt-nav a{font-size:14px;font-weight:700;color:#5a6b85;text-decoration:none;padding:9px 16px;border-radius:50px;transition:color .2s,background .2s;white-space:nowrap;}
.dt-nav a:hover{color:var(--blue-ink);background:#fff;box-shadow:var(--sh-sm);}
.dt-tabs-auth{display:flex;gap:9px;align-items:center;flex-shrink:0;}
.dt-tabs-auth a{font-size:13.5px;font-weight:700;text-decoration:none;padding:10px 18px;border-radius:50px;transition:all .2s;white-space:nowrap;}
.auth-login{color:var(--blue-ink);border:1.5px solid var(--line);}
.auth-login:hover{border-color:var(--blue);color:var(--blue);}
.auth-reg{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;box-shadow:var(--sh-sm);}
.auth-reg:hover{transform:translateY(-1px);box-shadow:0 12px 26px -12px rgba(30,86,230,.7);}
.dt-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;background:none;border:none;cursor:pointer;position:relative;z-index:210;}
.dt-burger span{display:block;width:24px;height:2px;background:var(--blue-ink);border-radius:2px;transition:.3s;}
.dt-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.dt-burger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.dt-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.dt-mob-menu{display:none;flex-direction:column;gap:12px;padding:14px 18px 20px;background:#fff;border-top:1px solid var(--line);}
.dt-mob-menu.open{display:flex;animation:mobIn .22s ease;}
@keyframes mobIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}
.dt-mob-links{display:flex;flex-direction:column;gap:6px;}
.dt-mob-links a{font-size:15px;font-weight:700;color:var(--ink-2);text-decoration:none;padding:12px 16px;border-radius:12px;background:var(--bg);}
.dt-mob-auth{display:flex;gap:10px;padding-top:6px;border-top:1px solid var(--line);}
.dt-mob-auth a{flex:1;text-align:center;font-size:14px;font-weight:700;text-decoration:none;padding:12px 16px;border-radius:50px;}

/* =============================================================
   1 · КАЛЬКУЛЯТОР-ТИЗЕР
   ============================================================= */
.lp-calc{padding:64px 0 20px;position:relative;}
.lp-calc-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:flex-start;}
.lp-calc-text .lp-h2{margin-bottom:16px;}
.lp-calc-points{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:12px;}
.lp-calc-points li{display:flex;gap:11px;align-items:flex-start;font-size:15px;color:var(--slate);font-weight:600;}
.lp-calc-points .tick{width:22px;height:22px;border-radius:7px;background:var(--green-soft);color:var(--green);flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.lp-calc-points .tick svg{width:14px;height:14px;}

.lp-calc-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:28px;box-shadow:var(--sh-lg);position:relative;overflow:hidden;}
.lp-calc-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--blue-2),var(--green-2));}
.lp-calc-card-h{font-family:'Unbounded',sans-serif;font-weight:700;font-size:16px;color:var(--blue-ink);margin:0 0 4px;}
.lp-calc-card-s{font-size:13px;color:var(--slate-2);margin:0 0 20px;}
.lp-seg{display:flex;gap:6px;background:var(--bg-2);border-radius:12px;padding:5px;margin-bottom:18px;}
.lp-seg button{flex:1;border:none;background:transparent;font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;color:#6a7b95;padding:10px;border-radius:9px;cursor:pointer;transition:.2s;}
.lp-seg button.on{background:#fff;color:var(--blue-ink);box-shadow:var(--sh-sm);}
.lp-field{margin-bottom:18px;}
.lp-field-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px;}
.lp-field-lbl{font-size:13px;font-weight:700;color:var(--ink-2);}
.lp-field-val{font-family:'Unbounded',sans-serif;font-size:15px;font-weight:700;color:var(--blue);}
input[type=range].lp-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:50px;background:linear-gradient(90deg,var(--blue) 0%,var(--blue-2) var(--fill,40%),#dbe7f7 var(--fill,40%),#dbe7f7 100%);outline:none;}
input[type=range].lp-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:5px solid var(--blue);cursor:pointer;box-shadow:0 4px 12px rgba(30,86,230,.4);}
input[type=range].lp-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:5px solid var(--blue);cursor:pointer;}
.lp-chips{display:flex;gap:8px;flex-wrap:wrap;}
.lp-chips--2{display:grid;grid-template-columns:1fr 1fr;}
.lp-chip{flex:1;min-width:0;border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:11px 8px;font-size:13px;font-weight:700;color:#5a6b85;cursor:pointer;transition:.2s;text-align:center;}
.lp-chip.on{border-color:var(--blue);color:var(--blue);background:var(--bg-2);}
.lp-calc-out{margin-top:22px;padding:20px;border-radius:var(--r-lg);background:linear-gradient(135deg,#0E2A57,#1E56E6);color:#fff;position:relative;overflow:hidden;}
.lp-calc-out-lbl{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:6px;}
.lp-calc-out-sum{font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(22px,3vw,30px);line-height:1.1;}
.lp-calc-out-rate{font-size:13px;color:rgba(255,255,255,.72);margin-top:6px;font-weight:600;}
.lp-calc-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;background:#fff;color:var(--blue);font-family:'Nunito',sans-serif;font-size:15px;font-weight:800;padding:14px;border-radius:50px;text-decoration:none;border:none;cursor:pointer;transition:transform .18s,box-shadow .2s;}
.lp-calc-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(0,0,0,.35);}
.lp-calc-note{font-size:11.5px;color:var(--slate-2);text-align:center;margin:12px 0 0;}

/* =============================================================
   2 · ТРИ ПУТИ
   ============================================================= */
.lp-paths{padding:72px 0;background:var(--bg);width:100vw;margin-left:calc(-50vw + 50%);}
.lp-paths-inner{max-width:1200px;margin:0 auto;padding:0 24px;}
.lp-paths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;}
.lp-path{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:30px 26px;position:relative;transition:transform .25s,box-shadow .25s;overflow:hidden;}
.lp-path:hover{transform:translateY(-6px);box-shadow:var(--sh-md);}
.lp-path::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;}
.lp-path.p1::before{background:linear-gradient(90deg,var(--green),var(--green-2));}
.lp-path.p2::before{background:linear-gradient(90deg,#c1801c,#e8b04b);}
.lp-path.p3::before{background:linear-gradient(90deg,var(--blue),var(--blue-2));}
.lp-path-ico{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:18px;}
.lp-path.p1 .lp-path-ico{background:var(--green-soft);}
.lp-path.p2 .lp-path-ico{background:#fbf1de;}
.lp-path.p3 .lp-path-ico{background:var(--bg-2);}
.lp-path h3{font-family:'Unbounded',sans-serif;font-weight:700;font-size:19px;color:var(--blue-ink);margin:0 0 8px;line-height:1.25;}
.lp-path p{font-size:14.5px;color:var(--slate);line-height:1.6;margin:0 0 16px;}
.lp-path ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;}
.lp-path li{font-size:13.5px;color:var(--ink-2);font-weight:600;display:flex;gap:9px;align-items:flex-start;}
.lp-path li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue-2);margin-top:7px;flex-shrink:0;}
.lp-path.p1 li::before{background:var(--green);}
.lp-path.p2 li::before{background:#c1801c;}
.lp-paths-foot{margin-top:30px;text-align:center;font-size:14.5px;color:var(--slate-2);font-weight:600;}
.lp-paths-foot b{color:var(--blue-ink);}

/* =============================================================
   3 · ВОЗМОЖНОСТИ
   ============================================================= */
.lp-services{padding:76px 0;}
/* большой блок — трекер */
.lp-tracker{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center;margin-top:42px;background:linear-gradient(160deg,#fff,#f3f8ff);border:1px solid var(--line);border-radius:var(--r-xl);padding:36px;box-shadow:var(--sh-sm);}
.lp-tracker-text h3{font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(21px,2.4vw,28px);color:var(--blue-ink);margin:0 0 12px;line-height:1.2;}
.lp-tracker-text p{font-size:15px;color:var(--slate);line-height:1.6;margin:0 0 20px;}
.lp-tracker-list{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.lp-tracker-list li{font-size:13.5px;font-weight:600;color:var(--ink-2);display:flex;gap:9px;align-items:flex-start;}
.lp-tracker-list .tick{width:20px;height:20px;border-radius:6px;background:var(--green-soft);color:var(--green);flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.lp-tracker-list .tick svg{width:13px;height:13px;}
.lp-btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;font-family:'Nunito',sans-serif;font-size:15px;font-weight:800;padding:14px 26px;border-radius:50px;text-decoration:none;box-shadow:var(--sh-sm);transition:transform .18s,box-shadow .2s;}
.lp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px -12px rgba(30,86,230,.6);}
/* мини-демо трекера */
.lp-demo{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-md);overflow:hidden;}
.lp-demo-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f4f7fc;border-bottom:1px solid var(--line);}
.lp-demo-bar i{width:10px;height:10px;border-radius:50%;background:#d3ddeb;display:block;}
.lp-demo-bar span{margin-left:8px;font-size:12px;font-weight:700;color:var(--slate-2);}
.lp-demo-body{padding:18px;}
.lp-demo-obj{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.lp-demo-obj b{font-size:14px;color:var(--ink);}
.lp-demo-tag{font-size:11px;font-weight:700;color:var(--green);background:var(--green-soft);padding:4px 10px;border-radius:50px;}
.lp-demo-prog{height:10px;border-radius:50px;background:#eaf0f8;overflow:hidden;margin-bottom:6px;}
.lp-demo-prog i{display:block;height:100%;width:0;border-radius:50px;background:linear-gradient(90deg,var(--green),var(--green-2));transition:width 1.1s cubic-bezier(.4,0,.2,1);}
.lp-demo-prog-lbl{display:flex;justify-content:space-between;font-size:11.5px;color:var(--slate-2);font-weight:600;margin-bottom:14px;}
.lp-stage{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;margin-bottom:4px;}
.lp-stage.act{background:rgba(95,154,52,.09);border:1px solid rgba(95,154,52,.2);}
.lp-stage-i{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;}
.lp-stage-i.done{background:#eaf7d0;color:var(--green);border:1.5px solid #c2e88a;}
.lp-stage-i.now{background:#fff;color:var(--blue);border:1.5px solid var(--blue-2);}
.lp-stage-i.todo{background:#f4f7fc;color:#b6c2d4;border:1.5px solid #e3ebf5;}
.lp-stage-n{font-size:13px;font-weight:600;color:var(--ink-2);flex:1;}
.lp-stage.todo .lp-stage-n{color:#a7b3c5;}
.lp-stage-c{font-size:10.5px;font-weight:700;color:var(--blue);background:var(--bg-2);padding:3px 9px;border-radius:50px;}
/* сетка 4 карточек */
.lp-feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:22px;}
.lp-feat{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 22px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column;}
.lp-feat:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:#cfe0f5;}
.lp-feat-ico{width:50px;height:50px;border-radius:14px;background:var(--bg-2);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.lp-feat-ico svg{width:26px;height:26px;}
.lp-feat h4{font-family:'Unbounded',sans-serif;font-weight:700;font-size:16px;color:var(--blue-ink);margin:0 0 8px;line-height:1.25;}
.lp-feat p{font-size:13.5px;color:var(--slate);line-height:1.55;margin:0 0 14px;flex:1;}
.lp-feat-stat{font-size:12px;font-weight:800;color:var(--green);background:var(--green-soft);align-self:flex-start;padding:5px 12px;border-radius:50px;}
.lp-feat.blue .lp-feat-stat{color:var(--blue);background:var(--bg-2);}

/* =============================================================
   4 · КАК ЭТО РАБОТАЕТ (сигнатурный степпер)
   ============================================================= */
.lp-how{padding:76px 0;background:var(--bg);width:100vw;margin-left:calc(-50vw + 50%);}
.lp-how-inner{max-width:1100px;margin:0 auto;padding:0 24px;}
.lp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px;position:relative;}
.lp-steps::before{content:"";position:absolute;top:36px;left:12%;right:12%;height:3px;background:linear-gradient(90deg,var(--blue),var(--green-2));opacity:.28;border-radius:2px;}
.lp-step{text-align:center;position:relative;z-index:1;}
.lp-step-node{width:72px;height:72px;border-radius:50%;margin:0 auto 18px;background:#fff;border:3px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:var(--sh-sm);transition:border-color .3s,transform .3s;}
.lp-step-node .num{font-family:'Unbounded',sans-serif;font-weight:800;font-size:20px;color:var(--blue);}
.lp-step:hover .lp-step-node{border-color:var(--blue-2);transform:translateY(-4px);}
.lp-step h4{font-family:'Nunito',sans-serif;font-weight:800;font-size:17px;color:var(--blue-ink);margin:0 0 8px;}
.lp-step p{font-size:13.5px;color:var(--slate);line-height:1.55;margin:0;}

/* =============================================================
   5 · ФИНАЛЬНЫЙ CTA
   ============================================================= */
.lp-final{padding:80px 0;}
.lp-final-card{max-width:1100px;margin:0 auto;background:linear-gradient(140deg,#0E2A57 0%,#1E56E6 60%,#3D8BFF 100%);border-radius:var(--r-xl);padding:56px 40px;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:var(--sh-lg);}
.lp-final-card::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%);top:-120px;right:-80px;pointer-events:none;}
.lp-final h2{font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(24px,3.2vw,36px);line-height:1.15;margin:0 0 14px;position:relative;}
.lp-final p{font-size:16px;color:rgba(255,255,255,.82);line-height:1.6;max-width:560px;margin:0 auto 30px;position:relative;font-weight:500;}
.lp-final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;}
.lp-final-primary{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--blue);font-family:'Nunito',sans-serif;font-size:16px;font-weight:800;padding:16px 34px;border-radius:50px;text-decoration:none;transition:transform .18s,box-shadow .2s;box-shadow:0 16px 34px -14px rgba(0,0,0,.4);}
.lp-final-primary:hover{transform:translateY(-2px);}
.lp-final-ghost{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:16px;font-weight:700;padding:16px 28px;border-radius:50px;border:1.6px solid rgba(255,255,255,.35);text-decoration:none;transition:.2s;}
.lp-final-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff;}
.lp-final-note{font-size:12.5px;color:rgba(255,255,255,.7);margin:18px 0 0;position:relative;}


/* =============================================================
   REVEAL ANIMATION
   ============================================================= */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1);}
.reveal.in{opacity:1;transform:none;}

/* =============================================================
   RESPONSIVE
   ============================================================= */
@media (max-width:960px){
  .dt-nav{display:none;}
  .dt-tabs-auth{display:none;}
  .dt-burger{display:flex;}
  .lp-calc-grid{grid-template-columns:1fr;gap:34px;}
  .lp-tracker{grid-template-columns:1fr;gap:30px;padding:28px;}
  .lp-feat-grid{grid-template-columns:1fr 1fr;}
  .lp-paths-grid{grid-template-columns:1fr;gap:16px;}
}
@media (max-width:600px){
  .lp-container,.lp-paths-inner,.lp-how-inner{padding:0 18px;}
  .lp-calc{padding:44px 0 8px;}
  .lp-paths,.lp-services,.lp-how,.lp-final{padding:52px 0;}
  .lp-feat-grid{grid-template-columns:1fr;}
  .lp-tracker-list{grid-template-columns:1fr;}
  .lp-steps{grid-template-columns:1fr 1fr;gap:26px 16px;}
  .lp-steps::before{display:none;}
  .lp-final-card{padding:40px 22px;}
  .lp-final-btns{flex-direction:column;}
  .lp-final-primary,.lp-final-ghost{width:100%;justify-content:center;}
}

.hero-section{display:none !important;} /* старый baked-image hero отключён */
.dth-hero{
  width:100vw; margin-left:calc(-50vw + 50%); margin-top:-26px;
  position:relative; overflow:hidden;
  font-family:'Nunito',-apple-system,sans-serif;
  background:
    radial-gradient(1100px 600px at 78% 8%, #FFFFFF 0%, rgba(255,255,255,0) 55%),
    radial-gradient(900px 520px at 12% 90%, #E4EEFC 0%, rgba(228,238,252,0) 60%),
    linear-gradient(170deg,#EAF3FF 0%, #DCEBFB 42%, #CFE2F7 100%);
}
/* мягкие облака на фоне */
.dth-hero::before, .dth-hero::after{
  content:""; position:absolute; border-radius:50%; pointer-events:none; z-index:0;
  background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 70%);
}
.dth-hero::before{ width:520px; height:520px; top:-160px; right:6%; }
.dth-hero::after{ width:420px; height:420px; bottom:-180px; left:-60px;
  background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.7) 0%, rgba(255,255,255,0) 70%); }
.dth-cloud{position:absolute; z-index:0; opacity:.85; pointer-events:none;}
.dth-cloud svg{display:block; fill:rgba(255,255,255,.92);}
.dth-cloud.c1{top:60px; left:8%; width:150px;}
.dth-cloud.c2{top:130px; right:30%; width:110px; opacity:.7;}
.dth-cloud.c3{bottom:80px; left:42%; width:130px; opacity:.6;}
.dth-hero-inner{
  max-width:1200px; margin:0 auto; padding:72px 32px 80px;
  display:grid; grid-template-columns:1.02fr .98fr; gap:54px; align-items:center;
  position:relative; z-index:2;
}
.dth-badge{
  display:inline-flex; align-items:center; gap:8px; align-self:flex-start;
  font-size:12.5px; font-weight:800; letter-spacing:.03em;
  color:#1E56E6; background:rgba(255,255,255,.85); border:1px solid #C8DAFB;
  padding:8px 15px; border-radius:50px; margin-bottom:22px;
  box-shadow:0 6px 16px -8px rgba(30,86,230,.25);
}
.dth-badge svg{width:15px;height:15px;}
.dth-h1{
  font-family:'Unbounded',sans-serif; font-weight:800;
  font-size:clamp(28px,3.4vw,46px); line-height:1.12; letter-spacing:-.5px;
  margin:0 0 20px; color:#0E2A57 !important; text-align: left;
}
.dth-h1 em{font-style:normal; color:#1E56E6;}
.dth-sub{
  font-size:17px; line-height:1.62; color:#4A5E7A;
  max-width:480px; margin:0 0 30px; font-weight:500;
}
.dth-feats{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:34px;}
.dth-feat{
  display:flex; align-items:center; gap:11px;
  background:rgba(255,255,255,.78); border:1px solid #fff;
  border-radius:14px; padding:11px 15px 11px 11px;
  box-shadow:0 10px 26px -16px rgba(20,50,110,.35);
}
.dth-feat-ico{
  width:38px;height:38px;border-radius:11px;flex-shrink:0;
  background:#EAF1FF; color:#1E56E6;
  display:flex;align-items:center;justify-content:center;
}
.dth-feat-ico svg{width:20px;height:20px;}
.dth-feat-lbl{font-size:13.5px;font-weight:800;color:#1B3258;line-height:1.25;}
.dth-cta{display:flex; gap:13px; flex-wrap:wrap; align-items:center;}
.dth-btn{
  display:inline-flex;align-items:center;gap:9px;
  font-family:'Nunito',sans-serif; font-size:15.5px; font-weight:800;
  padding:15px 26px; border-radius:50px; text-decoration:none; cursor:pointer; border:none;
  transition:transform .18s ease, box-shadow .2s ease, background .2s ease;
}
.dth-btn-primary{background:linear-gradient(135deg,#1E56E6,#3D8BFF); color:#fff; box-shadow:0 14px 30px -12px rgba(30,86,230,.55);}
.dth-btn-primary:hover{transform:translateY(-2px); box-shadow:0 18px 38px -12px rgba(30,86,230,.7);}
.dth-btn-ghost{background:rgba(255,255,255,.7); color:#1E56E6; border:1.6px solid #C8DAFB; padding:15px 24px;}
.dth-btn-ghost:hover{border-color:#1E56E6; background:#fff;}

/* media column */
.dth-media{position:relative; z-index:2;}
.dth-media-frame{
  position:relative; border-radius:24px; overflow:hidden;
  border:5px solid #fff;
  box-shadow:0 34px 70px -26px rgba(20,50,110,.5);
  aspect-ratio:4/3.05; background:#DCEBFB;
}
.dth-media-frame img{
  width:100%; height:100%; object-fit:cover; object-position:78% 38%; display:block;
}
.dth-floatcard{
  position:absolute; left:-22px; bottom:246px; z-index:3;
  background:#fff; color:#16213A; border-radius:16px;
  padding:14px 17px; display:flex; align-items:center; gap:13px;
  box-shadow:0 18px 40px -16px rgba(20,50,110,.4); max-width:280px;
}
.dth-floatcard-ico{
  width:42px;height:42px;border-radius:12px;flex-shrink:0;
  background:#E7F4EE;color:#15A66B;display:flex;align-items:center;justify-content:center;
}
.dth-floatcard-ico svg{width:23px;height:23px;}
.dth-floatcard-t{font-family:'Unbounded',sans-serif;font-weight:700;font-size:13.5px;line-height:1.2;margin-bottom:3px;}
.dth-floatcard-s{font-size:12px;color:#7C8BA3;line-height:1.4;}
.dth-trust{
  position:absolute; right:18px; top:18px; z-index:3;
  display:flex; align-items:center; gap:8px;
  background:rgba(13,30,55,.55); backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.2); border-radius:50px;
  padding:8px 14px; font-size:12.5px; font-weight:700; color:#fff;
}
.dth-trust .dot{width:8px;height:8px;border-radius:50%;background:#3FBF86;box-shadow:0 0 0 4px rgba(63,191,134,.25);}

@media (max-width:900px){
  .dth-hero-inner{grid-template-columns:1fr; gap:34px; padding:50px 22px 56px;}
  .dth-media{order:-1;}
  .dth-floatcard{left:12px; bottom:14px;}
  .dth-cloud.c2,.dth-cloud.c3{display:none;}
}
@media (max-width:600px){
  .dth-hero-inner{padding:38px 18px 46px;}
  .dth-sub{font-size:15px;}
  .dth-feat-lbl{font-size:12.5px;}
  .dth-btn{flex:1; justify-content:center; font-size:14.5px; padding:14px 18px;}
  .dth-media-frame{aspect-ratio:4/3.4;}
}