
.ddx{--bg:#050E22;--navy:#071733;--panel:#0A1B36;--line:#DCE4EF;--ink:#0A2A57;--copy:#4A5B75;--gold:#D4A72C;--gold2:#E6C25C;--tint:#FBF4DF;--g:#5BE08A;--ir:#FF5A6A;font-family:'Inter',Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
.ddx *{box-sizing:border-box}
.ddx .w{width:min(1280px,calc(100% - 64px));margin:0 auto}
.ddx section{padding:100px 0}
.ddx .dark{background:linear-gradient(180deg,#06122A,#0A1B33);color:#fff}
.ddx .soft{background:#F4F7FB}
.ddx .k{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.ddx .dark .k{color:var(--gold2)}
.ddx h1,.ddx h2,.ddx h3{margin:0;letter-spacing:-.035em;font-weight:800;color:var(--ink)}
.ddx .dark h1,.ddx .dark h2,.ddx .dark h3{color:#fff}
.ddx h1{font-size:clamp(46px,6vw,88px);line-height:.98}
.ddx h2{font-size:clamp(36px,4.4vw,62px);line-height:1.02}
.ddx h1 span,.ddx h2 span{color:var(--gold2)}
.ddx .soft h2 span,.ddx section:not(.dark) h2 span{color:var(--gold)}
.ddx p{font-size:17px;line-height:1.68;color:var(--copy);margin:0 0 14px}
.ddx .dark p{color:#C3D1E6}
.ddx .head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin-bottom:40px}
.ddx .head p{margin:0}
.ddx .pp{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:999px;border:1px solid rgba(230,194,92,.6);color:var(--gold2);background:rgba(212,167,44,.12)}
.ddx .pp i{width:8px;height:8px;border-radius:50%;background:var(--gold2)}
.ddx .hero{padding:90px 0 80px;background:radial-gradient(900px 600px at 80% 20%,rgba(91,224,138,.12),transparent 60%),linear-gradient(120deg,#050E22,#0A1B33 60%,#12305a)}
.ddx .hero-g{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center}
.ddx .hero p.lead{font-size:20px;margin:22px 0 28px;max-width:600px}
.ddx .btns{display:flex;flex-wrap:wrap;gap:12px}
.ddx .btn{display:inline-block;padding:14px 22px;border-radius:999px;font-weight:800;font-size:15px;text-decoration:none;background:var(--gold);color:#0A1B33!important}
.ddx .btn.ghost{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.4)}
.ddx .btn:focus-visible,.ddx button:focus-visible,.ddx a:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.ddx .art{border-radius:26px;background:radial-gradient(ellipse at 50% 40%,#123462,#050E22 78%);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px rgba(0,0,0,.35);overflow:hidden}
.ddx .art svg{display:block;width:100%;height:auto}
.ddx .vs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ddx .card{border-radius:22px;background:#fff;border:1px solid var(--line);padding:24px;box-shadow:0 18px 44px rgba(10,42,87,.06)}
.ddx .card h3{font-size:22px;margin-bottom:8px}
.ddx .card ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.ddx .card li{font-size:15px;color:var(--copy);padding-left:22px;position:relative}
.ddx .card li:before{content:'';position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:50%}
.ddx .card li.ok:before{background:#2f9e44}.ddx .card li.no:before{background:#c4302b}
.ddx .tbl{margin-top:18px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#fff}
.ddx .tbl table{width:100%;border-collapse:collapse;font-size:15px}
.ddx .tbl th,.ddx .tbl td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);color:var(--copy)}
.ddx .tbl th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7a8797;background:#F8FAFD}
.ddx .tbl td:first-child{font-weight:800;color:var(--ink)}
.ddx .tbl .us{background:rgba(91,224,138,.10);color:#1d6b35;font-weight:800}
.ddx .tbl th.us{background:#e6f6ea;color:#1d6b35}
.ddx .tblw{overflow-x:auto}
.ddx .jr{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;align-items:center}
.ddx .steps{display:grid;gap:8px}
.ddx .steps button{appearance:none;display:flex;gap:12px;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#dfe8f3;border-radius:14px;padding:12px 14px;font:700 15px/1.3 Inter,Arial,sans-serif;cursor:pointer}
.ddx .steps button b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:13px;flex:0 0 auto}
.ddx .steps button.on{border-color:var(--gold);background:rgba(212,167,44,.14);color:#fff}
.ddx .steps button.on b{background:var(--gold);color:#0A1B33}
.ddx .steps small{display:block;font-weight:500;color:#9fb2c8;font-size:13px;margin-top:2px}
.ddx .drops{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;align-items:center}
.ddx .three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ddx .tier{border-radius:20px;padding:20px;background:#fff;border:1px solid var(--line)}
.ddx .tier svg{display:block;width:100%;height:auto;border-radius:14px;background:#F4F7FB;margin-bottom:14px}
.ddx .tier small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#8C6A0E;margin-bottom:6px}
.ddx .tier b{display:block;font-size:18px;color:var(--ink);margin-bottom:6px}
.ddx .tier span{display:block;font-size:14.5px;line-height:1.55;color:var(--copy)}
.ddx .apps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ddx .app{display:block;text-decoration:none;border-radius:20px;padding:22px;background:#fff;border:1px solid var(--line);transition:transform .2s,border-color .2s}
.ddx a.app:hover{transform:translateY(-3px);border-color:var(--gold)}
.ddx .app small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#8C6A0E;margin-bottom:8px}
.ddx .app b{display:block;font-size:19px;color:var(--ink);margin-bottom:6px}
.ddx .app span{display:block;font-size:14.5px;line-height:1.55;color:var(--copy)}
.ddx .app em{display:block;font-style:normal;font-weight:800;color:#8C6A0E;font-size:13.5px;margin-top:10px}
.ddx .seq{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.ddx .seq div{border-radius:18px;padding:18px;background:var(--tint);border:1px solid rgba(212,167,44,.4)}
.ddx .seq b{display:block;color:var(--ink);font-size:16.5px;margin-bottom:4px}.ddx .seq span{display:block;font-size:14px;line-height:1.55;color:var(--copy)}
.ddx .ip{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ddx .ipc{border-radius:20px;padding:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14)}
.ddx .ipc small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--gold2);margin-bottom:8px}
.ddx .ipc b{display:block;color:#fff;font-size:19px;margin-bottom:6px}
.ddx .ipc span{display:block;color:#C3D1E6;font-size:15px;line-height:1.6}
.ddx .fine{font-size:12.5px!important;color:#7a8797!important;margin-top:14px!important}
.ddx .dark .fine{color:#8fa3bb!important}
.ddx .cta{text-align:center;background:linear-gradient(120deg,#0A1B33,#12305a);color:#fff}
.ddx .cta h2{max-width:900px;margin:0 auto 16px;color:#fff}
.ddx .cta h2 span{color:var(--gold2)!important}
.ddx .cta p{color:#C3D1E6}
.ddx .cta p{max-width:720px;margin:0 auto 26px}
@media(max-width:1000px){.ddx .hero-g,.ddx .head,.ddx .vs,.ddx .jr,.ddx .drops,.ddx .ip{grid-template-columns:1fr;gap:22px}.ddx .three,.ddx .apps,.ddx .seq{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ddx .w{width:calc(100% - 28px)}.ddx section{padding:70px 0}.ddx .three,.ddx .apps,.ddx .seq{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ddx *{transition:none!important}}

.ddx .ecg{position:absolute;left:0;right:0;bottom:0;height:90px;opacity:.5}
.ddx .lab{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;align-items:center}
.ddx .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ddx .chips button{appearance:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#dfe8f3;border-radius:999px;padding:8px 12px;font:800 12.5px/1 Inter,Arial,sans-serif;cursor:pointer}
.ddx .chips button.on{background:var(--gold);border-color:var(--gold);color:#0A1B33}
.ddx .chips button.b{border-color:rgba(88,166,255,.45)}
.ddx .seg2{display:inline-flex;padding:4px;border-radius:999px;background:rgba(255,255,255,.08);margin-bottom:12px}
.ddx .seg2 button{appearance:none;border:0;background:transparent;color:#dfe8f3;border-radius:999px;padding:10px 16px;font:800 13.5px/1 Inter,Arial,sans-serif;cursor:pointer}
.ddx .seg2 button.on{background:var(--gold);color:#0A1B33}
.ddx .note{font-size:15px;line-height:1.6;color:#C3D1E6;margin:12px 0 0;min-height:3.2em}
.ddx .dash{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ddx .dpanel{border-radius:22px;background:#06122A;border:1px solid rgba(255,255,255,.12);padding:18px}
.ddx .dpanel h4{margin:0 0 12px;color:#fff;font-size:15px;letter-spacing:.02em}
.ddx .dpanel h4 small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);margin-bottom:4px}
.ddx .mk{display:grid;grid-template-columns:96px 1fr 44px;gap:10px;align-items:center;margin:7px 0;font-size:13px;color:#dfe8f3}
.ddx .mk .tr{position:relative;height:12px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}
.ddx .mk .tr i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:6px;transition:width .8s,background .4s}
.ddx .mk .tr u{position:absolute;top:-2px;bottom:-2px;left:50%;width:2px;background:rgba(255,255,255,.55)}
.ddx .mk em{font-style:normal;font-weight:800;text-align:right}
.ddx .scn{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.ddx .scn button{appearance:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#dfe8f3;border-radius:14px;padding:12px 16px;font:800 14px/1.2 Inter,Arial,sans-serif;cursor:pointer}
.ddx .scn button.on{border-color:var(--gold);background:rgba(212,167,44,.16);color:#fff}
.ddx .gauges{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.ddx .gauge{border-radius:18px;background:#06122A;border:1px solid rgba(255,255,255,.12);padding:14px;text-align:center}
.ddx .gauge svg{width:100%;max-width:160px;height:auto;display:block;margin:0 auto}
.ddx .gauge small{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#9fb2c8;margin-top:6px}
.ddx .gauge b{display:block;font-size:20px;color:#fff}
.ddx .verdict{margin-top:14px;border-radius:16px;padding:14px 18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);font-size:15.5px;color:#fff;font-weight:700}
.ddx .cart2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ddx .ct{border-radius:22px;border:1px solid var(--line);background:#fff;overflow:hidden}
.ddx .ct header{padding:18px 20px;color:#fff}
.ddx .ct.a header{background:linear-gradient(120deg,#8a1c2b,#c4505f)}
.ddx .ct.b header{background:linear-gradient(120deg,#0A2A57,#2F74D0)}
.ddx .ct header small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;opacity:.85}
.ddx .ct header b{display:block;font-size:20px;margin-top:4px}
.ddx .ct table{width:100%;border-collapse:collapse;font-size:14.5px}
.ddx .ct td{padding:11px 20px;border-bottom:1px solid var(--line);color:var(--copy)}
.ddx .ct td:first-child{font-weight:800;color:var(--ink);width:42%}
.ddx .ct p.tk{margin:0;padding:14px 20px;font-size:14px;background:#F8FAFD}
.ddx .pipe{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:8px}
.ddx .pipe div{border-radius:18px;padding:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);transition:border-color .3s,background .3s}
.ddx .pipe div.on{border-color:var(--gold);background:rgba(212,167,44,.14)}
.ddx .pipe small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--gold2)}
.ddx .pipe b{display:block;color:#fff;font-size:16px;margin:4px 0}
.ddx .pipe span{display:block;color:#C3D1E6;font-size:13.5px;line-height:1.5}
.ddx .clock{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.ddx .clock b{font-size:44px;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.ddx .clock .bar{flex:1;height:10px;border-radius:5px;background:rgba(255,255,255,.1);overflow:hidden}
.ddx .clock .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#E6C25C,#5BE08A)}
.ddx .pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ddx .pil{border-radius:18px;padding:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-top:4px solid var(--gold)}
.ddx .pil b{display:block;color:#fff;font-size:16.5px;margin-bottom:6px}.ddx .pil span{display:block;color:#C3D1E6;font-size:14px;line-height:1.55}
.ddx .grow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ddx .grow .card b{display:block;font-size:19px;color:var(--ink);margin-bottom:10px}
.ddx .tags{display:flex;flex-wrap:wrap;gap:6px}
.ddx .tags span{font-size:13px;font-weight:800;padding:7px 12px;border-radius:999px;border:1px solid rgba(212,167,44,.45);color:#8C6A0E;background:var(--tint)}
@media(max-width:1000px){.ddx .lab,.ddx .dash,.ddx .cart2,.ddx .grow{grid-template-columns:1fr}.ddx .pipe{grid-template-columns:1fr 1fr}.ddx .gauges,.ddx .pillars{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ddx .pipe,.ddx .pillars{grid-template-columns:1fr}.ddx .mk{grid-template-columns:84px 1fr 40px}}

.ddx .sl{display:flex;justify-content:space-between;font-size:13.5px;font-weight:700;color:#dfe8f3;margin-top:4px}
.ddx .sl b{color:var(--gold2)}
.ddx input[type=range]{width:100%;accent-color:#D4A72C;margin:8px 0}
.ddx .read2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.ddx .read2 div{border-radius:14px;padding:11px 13px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.ddx .read2 span{display:block;font-size:12px;color:#9fb2c8}.ddx .read2 b{display:block;font-size:20px;color:#fff;margin-top:2px}
.ddx .read2 b.good{color:#6bdc9a}.ddx .read2 b.bad{color:#FF8A95}
.ddx .mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ddx .mcard{border-radius:18px;padding:18px;background:#fff;border:1px solid var(--line)}
.ddx .mcard small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#8C6A0E;margin-bottom:6px}
.ddx .mcard b{display:block;color:var(--ink);font-size:17px;margin-bottom:4px}
.ddx .mcard span{display:block;font-size:14px;line-height:1.55;color:var(--copy)}
.ddx .links3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:1000px){.ddx .mgrid{grid-template-columns:1fr 1fr}.ddx .links3{grid-template-columns:1fr}}
@media(max-width:620px){.ddx .mgrid{grid-template-columns:1fr}}
