
/* DESAKONEK - premium feature catalog, scoped to prevent global layout regressions */
.dk-features{--dk-primary:#0876b9;--dk-deep:#063c68;--dk-sky:#eaf7ff;--dk-ink:#15324b;color:var(--dk-ink);background:linear-gradient(180deg,#f4faff 0%,#fff 55%);overflow:hidden}
.dk-features .container{max-width:1180px}
.dk-features-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 86% 20%,rgba(98,207,255,.35),transparent 33%),linear-gradient(115deg,#063d6d 0%,#076ba8 58%,#0aa0d5 100%);padding:95px 0 110px;color:#fff}
.dk-features-hero:before,.dk-features-hero:after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(255,255,255,.13);border-radius:50%;z-index:-1}.dk-features-hero:before{width:680px;height:680px;right:-260px;top:-330px}.dk-features-hero:after{width:410px;height:410px;right:90px;bottom:-310px}
.dk-features-hero .container{position:relative;min-height:300px}.dk-feature-eyebrow{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:9px 15px;border-radius:999px;font-size:11px;letter-spacing:.13em;font-weight:800;margin-bottom:23px;backdrop-filter:blur(8px)}
.dk-features-hero h1{font-weight:850;letter-spacing:-.045em;font-size:clamp(2.3rem,4.8vw,4.35rem);line-height:1.12;max-width:790px;margin:0}.dk-features-hero h1 span{color:#aeeaff}.dk-features-hero p{font-size:1.09rem;line-height:1.85;max-width:640px;margin:23px 0 20px;color:#e0f3ff}
.dk-hero-points{display:flex;flex-wrap:wrap;gap:10px 19px;margin:0 0 29px;font-size:13px;font-weight:650;color:#eaf9ff}.dk-hero-points i{color:#9ce9f8;margin-right:5px}
.dk-features-hero .btn{border-radius:10px;padding:13px 23px;font-weight:750;box-shadow:0 9px 25px rgba(0,0,0,.08)}.dk-features-hero .btn-light{color:#075c91}.dk-features-hero .btn-outline-light:hover{color:#075c91}
.dk-hero-art{position:absolute;right:5px;top:20px;width:310px;transform:rotate(5deg);filter:drop-shadow(0 22px 30px rgba(0,32,62,.3))}.dk-art-panel{background:#f8fcff;color:#15324b;border:1px solid rgba(255,255,255,.7);border-radius:20px;padding:20px}.dk-art-top{font-weight:850;display:flex;gap:9px;align-items:center;padding-bottom:17px;border-bottom:1px solid #e1eefa}.dk-art-top i{color:#087dbb}.dk-art-top span{margin-left:auto;font-size:10px;background:#dcf4ff;border-radius:5px;padding:5px 9px;color:#0875a9}.dk-art-rows{padding:12px 0}.dk-art-rows>div{display:flex;align-items:center;gap:11px;padding:13px 7px;border-bottom:1px solid #ecf3f9;font-size:12px;font-weight:700}.dk-art-rows>div i:first-child{font-size:18px;color:#058ac6}.dk-art-rows>div i:last-child{margin-left:auto;color:#23ae83}.dk-art-bottom{height:67px;display:flex;gap:10px;align-items:end;padding:10px 6px}.dk-art-bottom span{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(#63d0ed,#1388c6);height:42%}.dk-art-bottom span:nth-child(2){height:76%}.dk-art-bottom span:nth-child(3){height:53%}.dk-art-bottom span:nth-child(4){height:91%}.dk-art-bottom span:nth-child(5){height:61%}.dk-art-bottom span:nth-child(6){height:85%}.dk-art-bottom span:nth-child(7){height:100%}
.dk-feature-section{position:relative}.dk-features-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.dk-feature-label{font-size:11px;letter-spacing:.18em;color:#087dbb;font-weight:850}.dk-features-head h2{font-size:clamp(1.65rem,3vw,2.45rem);letter-spacing:-.03em;font-weight:850;color:#103957;margin:9px 0}.dk-features-head p{margin:0;color:#6a8093;line-height:1.7}.dk-features-head #featureCount{white-space:nowrap;background:#e5f5ff;color:#0874aa;padding:10px 17px;border-radius:999px;font-size:13px;font-weight:800}
.dk-feature-search{width:100%;max-width:none;background:#fff;border:1px solid #dcebf5;border-radius:12px;padding:17px 20px;box-shadow:0 9px 30px rgba(8,86,139,.05);outline:none}.dk-feature-search:focus{border-color:#2c9bd1;box-shadow:0 0 0 4px rgba(31,151,207,.12)}.dk-filter-heading{margin-top:25px;color:#43617a;font-size:13px;font-weight:800}.dk-filter-heading i{color:#087fbd;margin-right:6px}.dk-feature-filters{display:flex;flex-wrap:wrap;gap:9px;margin:13px 0 30px}.dk-feature-filters button{border:1px solid #d9e9f5;background:#fff;color:#47647b;border-radius:9px;padding:9px 15px;font-size:13px;font-weight:750;transition:.2s}.dk-feature-filters button:hover{border-color:#1189c3;color:#0876b1}.dk-feature-filters button.active{background:#0877b4;color:#fff;border-color:#0877b4;box-shadow:0 5px 15px rgba(7,119,180,.18)}
.dk-feature-card{position:relative;height:100%;display:flex;flex-direction:column;border:1px solid #e0edf7;border-radius:14px;padding:27px;background:#fff;box-shadow:0 9px 26px rgba(10,64,105,.045);transition:transform .22s,box-shadow .22s,border-color .22s}.dk-feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(8,80,137,.13);border-color:#9ed7f3}.dk-feature-icon{width:59px;height:59px;border-radius:13px;background:linear-gradient(145deg,#e3f7ff,#d7efff);display:grid;place-items:center;color:#0784bd;font-size:27px;margin-bottom:20px}.dk-feature-card small{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#0980b9;font-weight:850}.dk-feature-card h3{font-size:1.16rem;line-height:1.4;font-weight:850;letter-spacing:-.015em;color:#143a55;margin:9px 0 11px}.dk-feature-card p{color:#667e90;font-size:14px;line-height:1.75;margin:0 0 25px;min-height:0}.dk-feature-card a{margin-top:auto;border-top:1px solid #edf3f8;padding-top:15px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#087db7;font-size:13px;font-weight:850}.dk-feature-card a:hover{color:#064c7a}
.dk-feature-note{display:flex;gap:10px;align-items:start;margin-top:32px;padding:17px 20px;border:1px solid #c8e9f8;background:#edf9ff;border-radius:12px;color:#42657d;font-size:13px;line-height:1.6}.dk-feature-note i{font-size:19px;color:#0785bc}.dk-feature-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:17px;padding:37px 42px;color:#fff;background:radial-gradient(circle at 100% 0%,rgba(113,212,251,.4),transparent 37%),linear-gradient(115deg,#064a7b,#087fb7);box-shadow:0 15px 35px rgba(5,93,145,.16)}.dk-feature-cta h2{font-size:1.8rem;font-weight:850;margin-bottom:9px}.dk-feature-cta p{margin:0;color:#d9f3ff}.dk-feature-cta .btn{border-radius:10px;padding:13px 22px;white-space:nowrap;color:#07689b}
@media(min-width:992px){.dk-features-hero h1,.dk-features-hero p{max-width:730px}.dk-features-hero .container>div:first-child{max-width:740px}.dk-hero-art{right:0;top:45px;width:285px;opacity:.94}.dk-features-hero h1{max-width:680px}}
@media(min-width:1200px){.dk-hero-art{right:12px;top:10px;width:320px}.dk-features-hero h1{max-width:780px}}
@media(max-width:991px){.dk-hero-art{display:none}.dk-features-hero{padding:72px 0 78px}.dk-features-hero .container{min-height:0}}
@media(max-width:767px){.dk-features-hero{padding:51px 0 59px}.dk-features-hero h1{font-size:clamp(2.05rem,8vw,3rem)}.dk-features-hero p{font-size:15px;line-height:1.75}.dk-feature-eyebrow{font-size:9px;letter-spacing:.08em}.dk-hero-points{font-size:12px}.dk-features-hero .btn{padding:11px 15px;font-size:13px}.dk-feature-section{padding-top:39px!important}.dk-features-head{align-items:start;flex-direction:column}.dk-feature-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;margin-right:-12px}.dk-feature-filters button{white-space:nowrap}.dk-feature-card{padding:23px}.dk-feature-cta{display:block;padding:27px 24px}.dk-feature-cta h2{font-size:1.5rem}.dk-feature-cta .btn{margin-top:20px;white-space:normal}}
@media(prefers-reduced-motion:reduce){.dk-feature-card,.dk-feature-filters button{transition:none}}
/* preserve readability if site has a global dark mode */
[data-bs-theme="dark"] .dk-features,.dark .dk-features{background:#0d1b2b;color:#e8f3fc}[data-bs-theme="dark"] .dk-feature-card,.dark .dk-feature-card{background:#14283c;border-color:#2a4660}[data-bs-theme="dark"] .dk-feature-card h3,.dark .dk-feature-card h3,[data-bs-theme="dark"] .dk-features-head h2,.dark .dk-features-head h2{color:#e8f3fc}[data-bs-theme="dark"] .dk-feature-card p,.dark .dk-feature-card p,[data-bs-theme="dark"] .dk-features-head p,.dark .dk-features-head p{color:#b1c6d7}[data-bs-theme="dark"] .dk-feature-search,.dark .dk-feature-search,[data-bs-theme="dark"] .dk-feature-filters button:not(.active),.dark .dk-feature-filters button:not(.active){background:#152b40;color:#e8f3fc;border-color:#35536b}
