/* DESAKONEK Hero premium - isolated to homepage, no database changes */
.dk-hero-premium{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 15%,rgba(85,188,235,.23),transparent 35%),radial-gradient(circle at 8% 90%,rgba(13,148,136,.12),transparent 32%),linear-gradient(130deg,#f6fbff 0%,#e9f6ff 55%,#f5f9ff 100%)}
.dk-hero-premium:before{content:"";position:absolute;right:-120px;top:-180px;width:450px;height:450px;border:1px solid rgba(8,122,192,.12);border-radius:50%;pointer-events:none}
.dk-hero-premium .container{position:relative;z-index:1}
.dk-hero-premium .eyebrow{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:1px solid #b9e2f8;border-radius:999px;background:#fff;color:#08669e;box-shadow:0 5px 20px rgba(8,102,158,.06)}
.dk-hero-premium h1{font-size:clamp(2.15rem,4.2vw,4.25rem);letter-spacing:-.045em;line-height:1.12}
.dk-hero-premium .lead{max-width:570px;line-height:1.8}
.dk-hero-premium .btn{border-radius:12px;padding:13px 20px;font-weight:650}
.dk-hero-premium .btn-primary{background:linear-gradient(115deg,#063b73,#087ac0);border-color:transparent;box-shadow:0 12px 25px rgba(8,122,192,.22)}
.dk-hero-premium .dk-dash-preview{border-radius:20px;overflow:hidden;border:1px solid rgba(8,122,192,.12);background:#fff;box-shadow:0 24px 65px rgba(4,55,102,.16)!important;transform:rotate(-1deg);transition:transform .3s ease}
.dk-hero-premium .dk-dash-preview:hover{transform:translateY(-5px) rotate(0)}
.dk-hero-premium .mocktop{background:linear-gradient(100deg,#063b73,#087ac0 58%,#55bceb);color:white}
.dk-hero-premium .mocktop small{color:#fff!important}
.dk-hero-premium .mockbody{background:#fff;color:#17324b}
.dk-hero-premium .mockbody .stat{border-radius:13px;border:1px solid transparent;min-height:104px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px 6px}
.dk-hero-premium .dk-stat-cyan{background:linear-gradient(135deg,#e5f8ff,#d1f1fb);border-color:#b8e9f5!important;color:#06618a}
.dk-hero-premium .dk-stat-gold{background:linear-gradient(135deg,#fff8dc,#ffedb0);border-color:#f6df8c!important;color:#8b5900}
.dk-hero-premium .dk-stat-violet{background:linear-gradient(135deg,#f2eaff,#e7dcff);border-color:#dac9fc!important;color:#6339a2}
.dk-hero-premium .mockbody .stat i{font-size:1.4rem;color:inherit}
.dk-hero-premium .mockbody .stat strong,.dk-hero-premium .mockbody .stat small{color:inherit}
.dk-chart-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px;font-weight:700;color:#17324b;font-size:.88rem}
.dk-chart-label small{font-weight:400;color:#66829c}
.dk-hero-premium .fakechart{background:linear-gradient(180deg,#f5fbff,#ecf6ff);border-radius:13px;padding:14px}
.dk-hero-premium .fakechart>div:nth-child(3n+1){background:#0e85ca!important}.dk-hero-premium .fakechart>div:nth-child(3n+2){background:#21b6a8!important}.dk-hero-premium .fakechart>div:nth-child(3n){background:#e5ad43!important}
html[data-theme="dark"] .dk-hero-premium{background:radial-gradient(circle at 85% 20%,rgba(25,125,185,.18),transparent 40%),linear-gradient(130deg,#0b1b2d,#102c43)}
html[data-theme="dark"] .dk-hero-premium .eyebrow{background:#15354e;color:#b8e6ff;border-color:#29506b}
@media(max-width:767.98px){.dk-hero-premium{padding-top:20px!important;padding-bottom:28px!important}.dk-hero-premium .row{--bs-gutter-y:1.8rem}.dk-hero-premium .dk-dash-preview{transform:none}.dk-hero-premium .mockbody .stat{min-height:85px;padding:9px 3px}.dk-hero-premium .mockbody .stat strong{font-size:.75rem}.dk-hero-premium .mockbody .stat small{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.dk-hero-premium .dk-dash-preview{transition:none}}
