.kini-homepage{position:relative;z-index:10}
.kini-section-head,.kini-latest-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:32px}
.kini-section-kicker{margin:0;font-size:.875rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--kini-accent)}
.kini-section-title{margin:8px 0 0;font-size:clamp(1.5rem,2vw,1.875rem);font-weight:900;letter-spacing:-.04em;color:#0f172a}
.kini-section-link,.kini-latest-viewall{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--kini-accent)}
.kini-hero-section{padding-top:192px;padding-bottom:80px}.kini-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.kini-hero-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:40px;padding:6px 16px;border:1px solid #e5e5e5;border-radius:999px;background:rgba(255,255,255,.6);backdrop-filter:blur(8px)}
.kini-hero-badge-dot{width:8px;height:8px;border-radius:999px;background:var(--kini-accent)}
.kini-hero-badge-text{font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--kini-brand)}
.kini-hero-title{margin:0;font-size:clamp(3rem,10vw,9rem);font-weight:900;letter-spacing:-.06em;line-height:.85;text-transform:uppercase;color:var(--kini-brand)}
.kini-hero-subtitle{max-width:48rem;margin:40px auto 0;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:500;line-height:1.6;font-style:italic;color:#737373}
.kini-hero-actions{margin-top:48px}.kini-hero-button{display:inline-flex;align-items:center;justify-content:center;padding:20px 40px;border-radius:999px;background:var(--kini-brand);color:var(--kini-white);font-size:1.125rem;font-weight:900;box-shadow:var(--kini-shadow-float)}
.kini-ticker-wrap{position:relative;z-index:20;width:100%;margin-bottom:64px;overflow:hidden;white-space:nowrap;padding:1.1rem 0;background:var(--kini-brand);color:var(--kini-white);transform:rotate(-1deg) scale(1.02);box-shadow:var(--kini-shadow-deep)}
.kini-ticker{display:inline-block;font-size:1.125rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;animation:kiniTicker 25s linear infinite}
.kini-ticker-sep{margin-inline:32px;color:#737373}
@keyframes kiniTicker{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}
.kini-quick-nav-section,.kini-featured-section,.kini-latest-section{padding-block:48px}
.kini-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.kini-quick-card{position:relative;display:block;overflow:hidden;padding:40px;border:1px solid #e5e5e5;border-radius:2.5rem;background:var(--kini-surface);transition:background-color .5s ease}
.kini-quick-card:hover{background:var(--kini-brand)}
.kini-quick-number{position:absolute;right:-16px;top:-24px;font-size:8rem;font-weight:900;line-height:1;color:#e5e5e5;transition:color .5s ease}
.kini-quick-card:hover .kini-quick-number{color:rgba(255,255,255,.05)}
.kini-quick-card-inner{position:relative;z-index:1}.kini-quick-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:48px;border-radius:1rem;background:var(--kini-white);box-shadow:0 2px 10px rgba(0,0,0,.04)}
.kini-quick-label{margin:0;font-size:.75rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#a3a3a3}
.kini-quick-title{margin:16px 0 0;font-size:1.25rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--kini-brand)}
.kini-quick-desc{margin:16px 0 0;font-size:.875rem;line-height:2;color:#525252}
.kini-quick-card:hover .kini-quick-label{color:rgba(255,255,255,.6)}.kini-quick-card:hover .kini-quick-title{color:#fff}.kini-quick-card:hover .kini-quick-desc{color:rgba(255,255,255,.75)}
.kini-bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;grid-auto-rows:300px}
.kini-bento-main,.kini-bento-highlight,.kini-bento-dark,.kini-bento-light{border-radius:3rem}
.kini-bento-main{position:relative;grid-column:span 2;grid-row:span 2;overflow:hidden;border:1px solid #e5e5e5}
.kini-bento-image,.kini-bento-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.kini-bento-fallback,.kini-latest-fallback{background:var(--kini-surface)}
.kini-bento-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--kini-brand),rgba(9,9,11,.45),transparent)}
.kini-bento-content{position:absolute;left:0;right:0;bottom:0;padding:40px}
.kini-bento-pill{display:inline-block;margin-bottom:16px;padding:6px 12px;border-radius:999px;background:var(--kini-white);color:var(--kini-brand);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.kini-bento-main-title{margin:0;font-size:clamp(1.875rem,3vw,2.25rem);font-weight:900;line-height:1.15;color:var(--kini-white)}
.kini-bento-main-desc{max-width:40rem;margin:16px 0 0;font-size:.875rem;line-height:2;color:rgba(255,255,255,.8)}
.kini-bento-highlight,.kini-bento-light{border:1px solid #e5e5e5;background:var(--kini-surface)}
.kini-bento-highlight{grid-column:span 2;display:flex;flex-direction:column;justify-content:center;padding:40px}
.kini-bento-meta,.kini-popular-kicker,.kini-latest-eyebrow,.kini-cta-card-kicker,.kini-sidebar-promo-kicker{margin:0;font-size:10px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#a3a3a3}
.kini-bento-highlight-title{margin:16px 0 0;font-size:clamp(2.5rem,4vw,3rem);font-weight:900;letter-spacing:-.06em;color:var(--kini-brand)}
.kini-bento-highlight-desc{margin:16px 0 0;font-size:1.125rem;font-weight:700;letter-spacing:-.02em;text-transform:uppercase;line-height:1.2;color:#737373}
.kini-bento-dark{display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:var(--kini-brand);color:#fff}.kini-bento-meta-dark{color:#a3a3a3}.kini-bento-dark-title,.kini-bento-light-title{margin:0;font-size:1.25rem;font-weight:700;line-height:1.5}
.kini-bento-dark-desc{margin:16px 0 0;font-size:.875rem;line-height:2;color:rgba(255,255,255,.75)}
.kini-bento-light{display:flex;flex-direction:column;justify-content:space-between;padding:40px}
.kini-bento-light-title{color:var(--kini-brand)}.kini-bento-light-desc{margin:16px 0 0;font-size:.875rem;line-height:2;color:#737373}
.kini-latest-title-main{max-width:52rem}.kini-latest-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px}.kini-latest-list{grid-column:span 8}.kini-latest-list>*+*{margin-top:24px}
.kini-latest-card{position:relative;overflow:hidden;padding:20px;border:1px solid #e5e5e5;border-radius:2rem;background:var(--kini-white);box-shadow:var(--kini-shadow-soft)}
.kini-latest-card-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:stretch}
.kini-latest-media{position:relative;min-height:192px;overflow:hidden;border-radius:1.5rem;background:#e2e8f0}
.kini-latest-image{width:100%;height:100%;object-fit:cover}.kini-latest-media-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px}
.kini-latest-category,.kini-latest-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.kini-latest-category{background:rgba(255,255,255,.9);color:var(--kini-brand)}.kini-latest-badge{background:var(--kini-brand);color:#fff}
.kini-latest-body{display:flex;flex-direction:column;justify-content:space-between}.kini-latest-title{margin:12px 0 0;font-size:clamp(1.5rem,2.2vw,1.75rem);font-weight:900;line-height:1.2;letter-spacing:-.04em;color:#0f172a}
.kini-latest-desc{max-width:42rem;margin:16px 0 0;font-size:.875rem;line-height:2;color:#475569}
.kini-latest-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#94a3b8}
.kini-meta-dot,.kini-tag-dot{width:4px;height:4px;border-radius:999px;background:#cbd5e1}
.kini-sidebar{grid-column:span 4}.kini-sidebar-stack{position:sticky;top:112px}.kini-sidebar-stack>*+*{margin-top:24px}
.kini-sidebar-promo{position:relative;overflow:hidden;padding:28px;border-radius:2rem;background:var(--kini-brand);color:#fff;box-shadow:var(--kini-shadow-deep)}
.kini-sidebar-promo-blob{position:absolute;right:-40px;top:-40px;width:144px;height:144px;border-radius:999px;background:rgba(255,255,255,.05);filter:blur(32px)}.kini-sidebar-promo-inner{position:relative}
.kini-sidebar-promo-kicker{color:#bfdbfe}.kini-sidebar-promo-title{margin:12px 0 0;font-size:1.5rem;font-weight:900;line-height:1.25}.kini-sidebar-promo-desc{margin:16px 0 0;font-size:.875rem;line-height:2;color:rgba(255,255,255,.7)}
.kini-sidebar-promo-list{margin-top:24px}.kini-sidebar-promo-list>*+*{margin-top:12px}.kini-sidebar-promo-list div{display:flex;align-items:center;gap:12px;font-size:.875rem;color:rgba(255,255,255,.75)}.kini-sidebar-promo-list div span:first-child{width:8px;height:8px;border-radius:999px;background:#93c5fd}
.kini-sidebar-promo-button{display:inline-flex;width:100%;margin-top:28px;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;background:var(--kini-white);color:var(--kini-brand);font-size:.875rem;font-weight:900}
.kini-popular-box{padding:24px;border:1px solid #e5e5e5;border-radius:2rem;background:var(--kini-white);box-shadow:var(--kini-shadow-soft)}
.kini-popular-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.kini-popular-title{margin:4px 0 0;font-size:1.25rem;font-weight:900;color:#0f172a}.kini-popular-link{font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--kini-accent)}
.kini-popular-list>*+*{margin-top:12px}.kini-popular-item{padding:16px;border:1px solid #f5f5f5;border-radius:1.25rem;background:var(--kini-surface)}.kini-popular-item-row{display:flex;align-items:start;gap:16px}
.kini-popular-number{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:var(--kini-white);color:var(--kini-accent);font-size:.75rem;font-weight:900;box-shadow:inset 0 0 0 1px #e5e5e5}
.kini-popular-item-title{margin:4px 0 0;font-size:.875rem;line-height:1.45;font-weight:700;color:#1e293b}
.kini-cta-section{position:relative;z-index:10;padding:96px 24px}.kini-cta-shell{position:relative;max-width:80rem;margin-inline:auto}.kini-cta-glow{position:absolute;top:50%;left:50%;width:100%;height:100%;max-width:32rem;transform:translate(-50%,-50%);border-radius:999px;background:rgba(37,99,235,.2);filter:blur(80px)}
.kini-cta-panel{position:relative;overflow:hidden;padding:40px;border:1px solid rgba(255,255,255,.8);border-radius:3rem;background:rgba(255,255,255,.6);backdrop-filter:blur(24px);box-shadow:0 20px 60px rgba(0,0,0,.03)}
.kini-cta-overlay{position:absolute;inset:0;background:linear-gradient(to bottom right, rgba(255,255,255,.6), rgba(255,255,255,.3), rgba(239,246,255,.5));pointer-events:none}.kini-cta-inner{position:relative;z-index:1;text-align:center}
.kini-cta-kicker{margin:0;font-size:11px;font-weight:900;letter-spacing:.24em;text-transform:uppercase;color:var(--kini-accent)}
.kini-cta-title{margin:16px 0 0;font-size:clamp(2.25rem,4vw,3rem);font-weight:900;letter-spacing:-.06em;text-transform:uppercase;color:var(--kini-brand)}
.kini-cta-desc{max-width:42rem;margin:20px auto 0;font-size:1.125rem;font-weight:500;line-height:1.7;color:#525252}
.kini-cta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:48rem;margin:40px auto 0}
.kini-cta-card{display:block;padding:24px;text-align:left;border:1px solid #e5e5e5;border-radius:2rem;background:rgba(255,255,255,.8);box-shadow:var(--kini-shadow-soft)}
.kini-cta-card-row{display:flex;align-items:start;gap:16px}
.kini-cta-icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:56px;height:56px;border-radius:1rem}.kini-cta-icon-telegram{background:rgba(34,158,217,.1);color:#229ED9}.kini-cta-icon-whatsapp{background:rgba(37,211,102,.1);color:#25D366}
.kini-cta-card-title{margin:8px 0 0;font-size:1.5rem;font-weight:900;letter-spacing:-.04em;color:var(--kini-brand)}.kini-cta-card-desc{margin:12px 0 0;font-size:.875rem;line-height:2;color:#525252}
.kini-cta-card-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:.75rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.kini-telegram-link{color:#229ED9}.kini-whatsapp-link{color:#25D366}
.kini-cta-tags{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:32px;padding:12px 20px;border:1px solid #e5e5e5;border-radius:999px;background:rgba(255,255,255,.7);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#737373}
@media (max-width:1100px){.kini-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kini-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kini-latest-layout{grid-template-columns:1fr}.kini-latest-list,.kini-sidebar{grid-column:auto}.kini-sidebar-stack{position:static}}
@media (max-width:767px){.kini-hero-section{padding-top:170px;padding-bottom:64px}.kini-section-head,.kini-latest-head{flex-direction:column;align-items:flex-start}.kini-section-link{display:none}.kini-quick-grid,.kini-bento-grid,.kini-cta-grid{grid-template-columns:1fr}.kini-bento-main,.kini-bento-highlight{grid-column:auto;grid-row:auto}.kini-latest-card-grid{grid-template-columns:1fr}.kini-cta-panel{padding:32px 20px}}

.kini-ticker a{color:inherit;text-decoration:none}
.kini-cta-icon-svg{display:block;width:1.5rem;height:1.5rem;flex-shrink:0}.kini-cta-icon{display:flex;align-items:center;justify-content:center}.kini-cta-icon-telegram .kini-cta-icon-svg{color:#229ED9}.kini-cta-icon-whatsapp .kini-cta-icon-svg{color:#25D366}


.kini-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--kini-brand)}
.kini-icon svg{display:block;width:24px;height:24px;stroke:currentColor}
.kini-quick-card:hover .kini-icon{color:var(--kini-brand)}
.kini-latest-more-wrap{margin-top:24px}.kini-latest-more-toggle{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid #e5e5e5;border-radius:999px;background:var(--kini-white);color:var(--kini-brand);font-size:.75rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;box-shadow:var(--kini-shadow-soft)}
.kini-latest-more-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.kini-latest-more-card{border:1px solid #e5e5e5;border-radius:1.5rem;background:var(--kini-white);box-shadow:var(--kini-shadow-soft)}
.kini-latest-more-link{display:block;padding:20px}.kini-latest-more-category{display:inline-flex;margin-bottom:10px;padding:4px 10px;border-radius:999px;background:var(--kini-surface);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--kini-accent)}
.kini-latest-more-title{margin:0;font-size:1rem;font-weight:800;line-height:1.35;color:#0f172a}.kini-latest-more-desc{margin:10px 0 0;font-size:.8125rem;line-height:1.8;color:#475569}
@media (max-width: 767px){.kini-latest-more-list{grid-template-columns:1fr}}


.kini-latest-list{min-width:0}
.kini-latest-card,.kini-latest-card-grid,.kini-latest-body{min-width:0}
.kini-latest-title a{display:block}
.kini-sidebar{min-width:0}
.kini-popular-item-title a{display:block}
.kini-latest-more-wrap{grid-column:1 / -1}
.kini-quick-icon .kini-icon{width:28px;height:28px}
.kini-quick-icon .kini-icon svg{width:28px;height:28px;stroke-width:1.9}


.kini-section-head,
.kini-latest-head {
  margin-bottom: var(--kini-space-10);
}

.kini-section-kicker,
.kini-bento-meta,
.kini-popular-kicker,
.kini-latest-eyebrow,
.kini-cta-card-kicker,
.kini-sidebar-promo-kicker {
  color: #64748b;
}

.kini-hero-section {
  padding-top: clamp(9rem, 16vw, 12rem);
  padding-bottom: var(--kini-space-20);
}

.kini-hero-title {
  font-size: var(--kini-text-hero);
}

.kini-hero-subtitle {
  max-width: 52rem;
  line-height: 1.7;
}

.kini-hero-button,
.kini-section-link,
.kini-latest-viewall,
.kini-sidebar-promo-link,
.kini-cta-card-link {
  font-weight: 800;
}

.kini-ticker-wrap {
  margin-bottom: var(--kini-space-20);
}

.kini-quick-nav-section,
.kini-featured-section,
.kini-latest-section {
  padding-block: var(--kini-space-12);
}

.kini-quick-card {
  border-radius: var(--kini-radius-2xl);
  box-shadow: var(--kini-shadow-soft);
  transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
}

.kini-quick-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--kini-shadow-deep);
}

.kini-bento-main,
.kini-bento-highlight,
.kini-bento-dark,
.kini-bento-light,
.kini-latest-card,
.kini-sidebar-promo,
.kini-popular-list,
.kini-cta-panel,
.kini-cta-card {
  box-shadow: var(--kini-shadow-soft);
}

.kini-bento-main,
.kini-bento-highlight,
.kini-bento-dark,
.kini-bento-light,
.kini-latest-card,
.kini-sidebar-promo,
.kini-popular-list,
.kini-cta-panel,
.kini-cta-card {
  border-radius: var(--kini-radius-2xl);
}

.kini-latest-title a,
.kini-popular-item-title a,
.kini-bento-main-title,
.kini-bento-highlight-title,
.kini-bento-dark-title,
.kini-bento-light-title {
  transition: color .2s ease;
}

.kini-latest-title a:hover,
.kini-popular-item-title a:hover {
  color: var(--kini-accent);
}

.kini-cta-panel {
  overflow: hidden;
}

@media (max-width: 1023px) {
  .kini-quick-grid,
  .kini-bento-grid,
  .kini-latest-layout,
  .kini-cta-grid {
    gap: 20px;
  }
}

@media (max-width: 640px) {
  .kini-hero-subtitle {
    font-size: 1.05rem;
  }

  .kini-quick-card,
  .kini-bento-highlight,
  .kini-bento-dark,
  .kini-bento-light,
  .kini-latest-card,
  .kini-sidebar-promo,
  .kini-popular-list,
  .kini-cta-card {
    border-radius: 1.6rem;
  }
}


/* =========================
   HOMEPAGE REFINEMENT PASS
   ========================= */
.kini-section-head,
.kini-latest-head {
  margin-bottom: clamp(1.75rem, 3vw, 2.5rem);
}

.kini-section-title,
.kini-latest-title-main {
  text-wrap: balance;
}

.kini-quick-card,
.kini-bento-main,
.kini-bento-highlight,
.kini-bento-dark,
.kini-bento-light,
.kini-latest-card,
.kini-sidebar-promo,
.kini-popular-box,
.kini-cta-card,
.kini-hero-button,
.kini-section-link,
.kini-latest-viewall,
.kini-sidebar-promo-button {
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background-color .28s ease, color .28s ease, opacity .28s ease;
  will-change: transform;
}

.kini-hero-button:hover,
.kini-hero-button:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 24px 48px rgba(2, 6, 23, 0.16);
}

.kini-section-link:hover,
.kini-latest-viewall:hover {
  color: var(--kini-brand);
}

.kini-quick-card {
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

.kini-quick-card:hover,
.kini-quick-card:focus-visible {
  transform: translateY(-6px);
  box-shadow: 0 22px 46px rgba(2, 6, 23, 0.14);
  border-color: rgba(9,9,11,.16);
}

.kini-quick-icon,
.kini-quick-title,
.kini-quick-desc,
.kini-quick-label {
  transition: transform .28s ease, color .28s ease, opacity .28s ease, box-shadow .28s ease;
}

.kini-quick-card:hover .kini-quick-icon,
.kini-quick-card:focus-visible .kini-quick-icon {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(2,6,23,.12);
}

.kini-bento-main,
.kini-bento-highlight,
.kini-bento-dark,
.kini-bento-light,
.kini-latest-card,
.kini-sidebar-promo,
.kini-popular-box,
.kini-cta-card {
  border-color: rgba(229,229,229,.9);
}

.kini-bento-main:hover,
.kini-bento-main:focus-within,
.kini-bento-highlight:hover,
.kini-bento-highlight:focus-within,
.kini-bento-dark:hover,
.kini-bento-dark:focus-within,
.kini-bento-light:hover,
.kini-bento-light:focus-within,
.kini-latest-card:hover,
.kini-latest-card:focus-within,
.kini-sidebar-promo:hover,
.kini-popular-box:hover,
.kini-cta-card:hover,
.kini-cta-card:focus-visible {
  transform: translateY(-4px);
  box-shadow: 0 22px 48px rgba(2, 6, 23, 0.12);
  border-color: rgba(148,163,184,.34);
}

.kini-bento-main,
.kini-latest-media,
.kini-cta-card {
  isolation: isolate;
}

.kini-bento-image,
.kini-latest-image {
  transition: transform .6s ease, filter .45s ease;
}

.kini-bento-main:hover .kini-bento-image,
.kini-bento-main:focus-within .kini-bento-image,
.kini-latest-card:hover .kini-latest-image,
.kini-latest-card:focus-within .kini-latest-image {
  transform: scale(1.035);
}

.kini-bento-overlay {
  transition: opacity .28s ease;
}

.kini-bento-main:hover .kini-bento-overlay,
.kini-bento-main:focus-within .kini-bento-overlay {
  opacity: .9;
}

.kini-latest-card {
  overflow: hidden;
}

.kini-latest-card:hover .kini-latest-title a,
.kini-latest-card:focus-within .kini-latest-title a,
.kini-popular-item:hover .kini-popular-item-title a,
.kini-popular-item:focus-within .kini-popular-item-title a {
  color: var(--kini-accent);
}

.kini-popular-item {
  transition: transform .24s ease, background-color .24s ease;
}

.kini-popular-item:hover,
.kini-popular-item:focus-within {
  transform: translateX(4px);
}

.kini-sidebar-promo-button:hover,
.kini-sidebar-promo-button:focus-visible,
.kini-cta-card:hover .kini-cta-card-link,
.kini-cta-card:focus-visible .kini-cta-card-link {
  transform: translateY(-1px);
}

.kini-cta-panel {
  box-shadow: 0 24px 60px rgba(2, 6, 23, 0.14);
}

.kini-cta-card {
  position: relative;
  overflow: hidden;
}

.kini-cta-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.08), transparent 60%);
  opacity: 0;
  transition: opacity .28s ease;
  pointer-events: none;
}

.kini-cta-card:hover::after,
.kini-cta-card:focus-visible::after {
  opacity: 1;
}

.kini-cta-card-title,
.kini-sidebar-promo-title,
.kini-popular-title {
  text-wrap: balance;
}

.kini-hero-subtitle,
.kini-bento-main-desc,
.kini-latest-desc,
.kini-sidebar-promo-desc,
.kini-cta-desc,
.kini-cta-card-desc {
  text-wrap: pretty;
}

@media (max-width: 1023px) {
  .kini-hero-section {
    padding-bottom: 72px;
  }

  .kini-quick-nav-section,
  .kini-featured-section,
  .kini-latest-section,
  .kini-cta-section {
    padding-block: 44px;
  }
}

@media (max-width: 767px) {
  .kini-quick-card:hover,
  .kini-bento-main:hover,
  .kini-bento-highlight:hover,
  .kini-bento-dark:hover,
  .kini-bento-light:hover,
  .kini-latest-card:hover,
  .kini-sidebar-promo:hover,
  .kini-popular-box:hover,
  .kini-cta-card:hover {
    transform: none;
  }

  .kini-quick-grid,
  .kini-bento-grid,
  .kini-latest-layout,
  .kini-cta-grid {
    gap: 18px;
  }

  .kini-section-head,
  .kini-latest-head {
    margin-bottom: 1.5rem;
  }
}


.kini-hero-badge-link,
.kini-section-kicker-link,
.kini-category-link,
.kini-popular-item-kicker-link {
  color: inherit;
  text-decoration: none;
}

.kini-hero-badge-link,
.kini-section-kicker-link,
.kini-category-link,
.kini-popular-item-kicker-link {
  transition: opacity .2s ease, color .2s ease, transform .2s ease;
}

.kini-hero-badge-link:hover,
.kini-section-kicker-link:hover,
.kini-category-link:hover,
.kini-popular-item-kicker-link:hover {
  opacity: .82;
}

.kini-section-kicker-link {
  display: inline-flex;
  align-items: center;
}

.kini-latest-category.kini-category-link,
.kini-latest-more-category.kini-category-link {
  display: inline-flex;
}

.kini-popular-item-kicker-link {
  font: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
}


/* ======================================================
   BERITA LAIN — CLICKABLE CARD FIX + LAYOUT POLISH
   Locked-design safe patch
   ====================================================== */
.kini-latest-more-list {
  align-items: stretch;
  gap: 22px;
}

.kini-latest-more-card {
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255,255,255,0.94);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.kini-latest-more-card:hover,
.kini-latest-more-card:focus-within {
  transform: translateY(-4px);
  border-color: rgba(37, 99, 235, 0.16);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.kini-latest-more-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 248px;
  padding: 20px 20px 18px;
  color: inherit;
  text-decoration: none;
}

.kini-latest-more-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 12px;
}

.kini-latest-more-category {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 7px 14px;
  border-radius: 999px;
  background: #f3f4f6;
  color: #09090b;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  white-space: nowrap;
}

.kini-latest-more-title {
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.22rem, 2vw, 1.5rem);
  line-height: 1.24;
  font-weight: 900;
  letter-spacing: -.03em;
  text-wrap: balance;
}

.kini-latest-more-desc {
  margin: 14px 0 0;
  color: #475569;
  font-size: 0.98rem;
  line-height: 1.7;
}

.kini-latest-more-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
  padding-top: 18px;
  color: #64748b;
  font-size: 0.82rem;
  font-weight: 700;
}

.kini-latest-more-meta .kini-meta-dot {
  flex: 0 0 auto;
}

.kini-latest-more-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  color: #09090b;
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: -.01em;
  transition: color .2s ease, transform .2s ease;
}

.kini-latest-more-card:hover .kini-latest-more-title,
.kini-latest-more-card:focus-within .kini-latest-more-title,
.kini-latest-more-card:hover .kini-latest-more-cta,
.kini-latest-more-card:focus-within .kini-latest-more-cta {
  color: var(--kini-accent);
}

@media (max-width: 991px) {
  .kini-latest-more-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .kini-latest-more-link {
    min-height: auto;
    padding: 18px 18px 16px;
  }

  .kini-latest-more-title {
    font-size: 1.12rem;
  }

  .kini-latest-more-desc {
    font-size: 0.94rem;
    line-height: 1.65;
  }
}


/* ======================================================
   PHASE 3 — MOBILE UX TIGHTENING (LOCKED DESIGN SAFE)
   ====================================================== */
@media (max-width: 991px) {
  .kini-hero-section {
    padding-top: 158px;
    padding-bottom: 58px;
  }

  .kini-hero-badge {
    margin-bottom: 28px;
  }

  .kini-hero-subtitle {
    margin-top: 26px;
    line-height: 1.52;
  }

  .kini-hero-actions {
    margin-top: 34px;
  }

  .kini-latest-layout {
    gap: 20px;
  }

  .kini-sidebar-stack {
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .kini-hero-section {
    padding-top: 146px;
    padding-bottom: 52px;
  }

  .kini-hero-badge {
    margin-bottom: 24px;
    padding: 6px 14px;
  }

  .kini-hero-title {
    line-height: .9;
  }

  .kini-hero-subtitle {
    max-width: 32rem;
    margin-top: 22px;
    font-size: 1.02rem;
    line-height: 1.55;
  }

  .kini-hero-actions {
    margin-top: 28px;
    width: 100%;
  }

  .kini-hero-button {
    width: 100%;
    min-height: 3.35rem;
    padding: 16px 20px;
    font-size: 1rem;
  }

  .kini-section-head,
  .kini-latest-head {
    gap: 10px;
    margin-bottom: 22px;
  }

  .kini-section-title,
  .kini-latest-title-main {
    margin-top: 6px;
    line-height: 1.03;
  }

  .kini-quick-card,
  .kini-cta-card,
  .kini-bento-main,
  .kini-bento-highlight,
  .kini-bento-dark,
  .kini-bento-light,
  .kini-popular-box,
  .kini-sidebar-promo,
  .kini-latest-card,
  .kini-latest-more-card {
    border-radius: 1.35rem;
  }

  .kini-quick-card,
  .kini-cta-card {
    min-height: 0;
    padding: 20px 18px;
  }

  .kini-bento-main,
  .kini-bento-highlight,
  .kini-bento-dark,
  .kini-bento-light {
    min-height: 0;
  }

  .kini-latest-card {
    padding: 14px;
  }

  .kini-latest-card-grid {
    gap: 14px;
  }

  .kini-latest-media {
    border-radius: 1.15rem;
  }

  .kini-latest-body {
    padding: 2px 2px 0;
  }

  .kini-latest-title {
    line-height: 1.18;
  }

  .kini-latest-desc {
    margin-top: 10px;
    line-height: 1.62;
  }

  .kini-latest-meta-row {
    gap: 8px;
    padding-top: 14px;
    font-size: .78rem;
  }

  .kini-latest-more-toggle,
  .kini-sidebar-promo-button,
  .kini-popular-link,
  .kini-latest-viewall,
  .kini-section-link {
    min-height: 2.9rem;
  }

  .kini-latest-more-link {
    padding: 18px 16px 16px;
  }

  .kini-latest-more-meta {
    padding-top: 14px;
  }

  .kini-sidebar-promo-inner,
  .kini-popular-box {
    padding: 20px 18px;
  }

  .kini-cta-panel {
    padding: 24px 18px;
    border-radius: 1.5rem;
  }

  .kini-cta-grid {
    gap: 14px;
  }

  .kini-cta-card {
    min-height: 0;
  }
}


/* ======================================================
   PHASE 2 — UX MICRO INTERACTION (HOME)
   ====================================================== */
.kini-quick-card,
.kini-bento-main,
.kini-bento-highlight,
.kini-bento-dark,
.kini-bento-light,
.kini-latest-card,
.kini-latest-more-card,
.kini-popular-item,
.kini-cta-card,
.kini-sidebar-promo,
.kini-hero-badge-link,
.kini-section-kicker-link,
.kini-popular-item-kicker-link,
.kini-category-link {
  transition:
    transform var(--kini-duration-base) var(--kini-ease-premium),
    box-shadow var(--kini-duration-base) var(--kini-ease-premium),
    border-color var(--kini-duration-fast) var(--kini-ease-standard),
    background-color var(--kini-duration-fast) var(--kini-ease-standard),
    color var(--kini-duration-fast) var(--kini-ease-standard);
}

.kini-hero-button,
.kini-latest-more-toggle,
.kini-latest-viewall,
.kini-sidebar-promo-button,
.kini-cta-card-link {
  transition:
    transform var(--kini-duration-base) var(--kini-ease-premium),
    box-shadow var(--kini-duration-base) var(--kini-ease-premium),
    background-color var(--kini-duration-fast) var(--kini-ease-standard),
    color var(--kini-duration-fast) var(--kini-ease-standard),
    border-color var(--kini-duration-fast) var(--kini-ease-standard);
}

.kini-latest-image img,
.kini-bento-image img,
.kini-latest-media img {
  transition:
    transform var(--kini-duration-slow) var(--kini-ease-premium),
    filter var(--kini-duration-base) var(--kini-ease-standard);
}

@media (hover: hover) and (pointer: fine) {
  .kini-quick-card:hover,
  .kini-latest-card:hover,
  .kini-latest-more-card:hover,
  .kini-popular-item:hover,
  .kini-cta-card:hover,
  .kini-sidebar-promo:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 34px rgba(15,23,42,.10);
  }

  .kini-bento-main:hover,
  .kini-bento-highlight:hover,
  .kini-bento-dark:hover,
  .kini-bento-light:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 40px rgba(15,23,42,.12);
  }

  .kini-hero-badge-link:hover,
  .kini-section-kicker-link:hover,
  .kini-popular-item-kicker-link:hover,
  .kini-category-link:hover {
    transform: translateY(-1px);
    color: var(--kini-accent);
  }

  .kini-latest-card:hover .kini-latest-image img,
  .kini-latest-more-card:hover .kini-latest-media img,
  .kini-bento-main:hover .kini-bento-image img,
  .kini-bento-highlight:hover .kini-bento-image img,
  .kini-bento-dark:hover .kini-bento-image img,
  .kini-bento-light:hover .kini-bento-image img {
    transform: scale(1.03);
  }

  .kini-hero-button:hover,
  .kini-latest-more-toggle:hover,
  .kini-latest-viewall:hover,
  .kini-sidebar-promo-button:hover,
  .kini-cta-card-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(15,23,42,.12);
  }
}

.kini-quick-card:active,
.kini-latest-card:active,
.kini-latest-more-card:active,
.kini-popular-item:active,
.kini-cta-card:active,
.kini-sidebar-promo:active,
.kini-hero-button:active,
.kini-latest-more-toggle:active,
.kini-latest-viewall:active,
.kini-sidebar-promo-button:active,
.kini-cta-card-link:active {
  transform: translateY(0) scale(.99);
}