Beschreibung

.hdd2{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#0f0e0c;line-height:1.75;-webkit-text-size-adjust:100%;font-size:15px}
.hdd2 .hero{background:linear-gradient(148deg,#09070f 0%,#130f24 58%,#2d1f5e 100%);padding:26px 18px 22px;border-radius:16px;position:relative;overflow:hidden;margin-bottom:6px}
.hdd2 .hero::before{content:“;position:absolute;top:-70px;right:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(145,129,203,.2) 0%,transparent 70%);pointer-events:none}
.hdd2 .hbadge{display:inline-flex;align-items:center;gap:5px;background:rgba(145,129,203,.18);border:1px solid rgba(145,129,203,.32);border-radius:100px;padding:4px 13px;font-size:11px;color:#c0b3f5;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:13px;position:relative;z-index:1}
.hdd2 .htitle{font-family:’Outfit‘,system-ui,sans-serif;font-size:clamp(21px,5.5vw,28px);font-weight:900;color:#fff;line-height:1.15;margin:0 0 10px;position:relative;z-index:1}
.hdd2 .hsub{font-size:14px;color:rgba(255,255,255,.5);line-height:1.65;margin:0 0 15px;position:relative;z-index:1}
.hdd2 .hfeatures{display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:1}
.hdd2 .hfeat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:100px;padding:4px 11px;font-size:11px;color:rgba(255,255,255,.72);font-weight:600}
.hdd2 .sw{background:#fff;border-radius:12px;border:1px solid #e6e3db;overflow:hidden;margin-bottom:6px}
.hdd2 .ss{display:grid;grid-template-columns:repeat(3,1fr);padding:4px 0}
.hdd2 .si{padding:12px 14px;border-bottom:1px solid #e6e3db;border-right:1px solid #e6e3db}
.hdd2 .si:nth-child(3n){border-right:none}
.hdd2 .si:nth-child(4),.hdd2 .si:nth-child(5),.hdd2 .si:nth-child(6){border-bottom:none}
.hdd2 .sv{font-family:’Outfit‘,system-ui,sans-serif;font-size:16px;font-weight:800;color:#0f0e0c;display:block;line-height:1;margin-bottom:4px}
.hdd2 .sk{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#7a7870}
.hdd2 .body{padding:8px 0 0}
.hdd2 .sh{display:flex;align-items:center;gap:10px;margin:26px 0 12px}
.hdd2 .sh.first{margin-top:4px}
.hdd2 .snum{font-family:’Outfit‘,system-ui,sans-serif;font-size:10px;font-weight:800;color:#9181cb;background:#edeaff;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:0}
.hdd2 .stitle{font-family:’Outfit‘,system-ui,sans-serif;font-size:19px;font-weight:800;color:#0f0e0c}
.hdd2 .card{background:#fff;border:1px solid #e6e3db;border-radius:14px;padding:18px;margin-bottom:8px}
.hdd2 .card.accent{border-left:5px solid #9181cb}
.hdd2 .card.soft{background:#f8f7f4;border-color:#ebe8e0}
.hdd2 .card-h{font-family:’Outfit‘,system-ui,sans-serif;font-size:15px;font-weight:800;color:#4c3ba0;margin:0 0 12px}
.hdd2 .bt{font-size:15px;line-height:1.82;color:#3a3836}
.hdd2 .bt p{margin:0 0 13px}
.hdd2 .bt p:last-child{margin:0}
.hdd2 .bt strong{color:#0f0e0c;font-weight:700}
.hdd2 .fbars{display:flex;flex-direction:column;gap:12px}
.hdd2 .fb{display:flex;align-items:center;gap:10px}
.hdd2 .fbl{font-size:13px;font-weight:600;color:#3a3836;width:86px;flex-shrink:0}
.hdd2 .fbt{flex:1;height:8px;background:#ebe8f5;border-radius:100px;overflow:hidden}
.hdd2 .fbf{height:100%;border-radius:100px;background:linear-gradient(90deg,#a898e8,#6952c8)}
.hdd2 .fbv{font-family:’Outfit‘,system-ui,sans-serif;font-size:12px;font-weight:800;color:#9181cb;width:32px;text-align:right;flex-shrink:0}
.hdd2 .hg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hdd2 .hc{background:#fff;border:1px solid #e6e3db;border-top:3px solid #9181cb;border-radius:14px;padding:14px}
.hdd2 .he{font-size:20px;display:block;margin-bottom:7px}
.hdd2 .ht{font-family:’Outfit‘,system-ui,sans-serif;font-size:13px;font-weight:700;color:#0f0e0c;margin-bottom:4px}
.hdd2 .hx{font-size:12px;color:#7a7870;line-height:1.5}
.hdd2 .tbl{width:100%;border-collapse:collapse;font-size:14px}
.hdd2 .tbl tr{border-bottom:1px solid #e6e3db}
.hdd2 .tbl tr:last-child{border-bottom:none}
.hdd2 .tbl td{padding:10px 0;vertical-align:top}
.hdd2 .tbl td:first-child{color:#7a7870;width:44%;font-size:12px;padding-right:12px}
.hdd2 .tbl td:last-child{font-weight:600}
.hdd2 .dlv{list-style:none;padding:0;margin:0}
.hdd2 .dlv li{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid #e6e3db;font-size:14px;line-height:1.5;color:#3a3836}
.hdd2 .dlv li:last-child{border-bottom:none}
.hdd2 .dlvc{width:20px;height:20px;border-radius:50%;background:#eaf4ee;color:#1a7a3c;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.hdd2 .pills{display:flex;flex-wrap:wrap;gap:7px}
.hdd2 .pill{font-size:12px;color:#7a7870;background:#f5f4f0;border:1px solid #e6e3db;padding:5px 13px;border-radius:100px}
.hdd2 .legal-box{background:#fbfaff;border:2px solid #9181cb;border-radius:14px;padding:15px 17px}
.hdd2 .legal-title{font-family:’Outfit‘,system-ui,sans-serif;font-size:15px;font-weight:800;color:#4c3ba0;margin:0 0 8px}
.hdd2 .legal-box ul{margin:0;padding-left:18px;font-size:14px;color:#3a3836;line-height:1.85}
.hdd2 .legal-box ul li{margin-bottom:3px}
.hdd2 .tools-card{background:linear-gradient(135deg,#0f0b1e 0%,#1e1540 60%,#2d1f5e 100%);border-radius:16px;padding:22px 20px;margin-bottom:8px;position:relative;overflow:hidden}
.hdd2 .tools-card::before{content:“;position:absolute;bottom:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(145,129,203,.18) 0%,transparent 70%);pointer-events:none}
.hdd2 .tools-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:rgba(145,129,203,.7);font-weight:700;margin-bottom:6px}
.hdd2 .tools-title{font-family:’Outfit‘,system-ui,sans-serif;font-size:20px;font-weight:800;color:#fff;line-height:1.2}
.hdd2 .tools-sub{font-size:13px;color:rgba(255,255,255,.45);line-height:1.6;margin-top:5px}
.hdd2 .tools-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.hdd2 .tools-chip{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:5px 12px;font-size:12px;color:rgba(255,255,255,.65);font-weight:600}
.hdd2 .tools-cta{display:inline-flex;align-items:center;gap:8px;background:#9181cb;color:#fff;font-family:’Outfit‘,system-ui,sans-serif;font-size:14px;font-weight:800;padding:12px 22px;border-radius:100px;text-decoration:none}
@media(max-width:359px){.hdd2 .hg{grid-template-columns:1fr}.hdd2 .htitle{font-size:20px}.hdd2 .ss{grid-template-columns:repeat(2,1fr)}.hdd2 .si:nth-child(3n){border-right:1px solid #e6e3db}.hdd2 .si:nth-child(2n){border-right:none}.hdd2 .si:nth-child(5),.hdd2 .si:nth-child(6){border-bottom:none}.hdd2 .si:nth-child(4){border-bottom:1px solid #e6e3db}}
@media(min-width:600px){.hdd2 .hero{padding:34px 28px 28px}}
@media(min-width:768px){.hdd2 .hg{grid-template-columns:repeat(4,1fr)}.hdd2 .ss{display:flex;grid-template-columns:unset;padding:0 22px}.hdd2 .si{flex-shrink:0;padding:14px 22px 14px 0;border-bottom:none!important;border-right:1px solid #e6e3db!important;margin-right:0}.hdd2 .si:last-child{border-right:none!important}}