.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}}