/* Hedko Hub Grid v6.0.0 */

/* ── Shared ───────────────────────────────────────────────────────────────── */
.hedko-section-title-cb6f3213 { font-family:'Inter',sans-serif; font-size:clamp(1.6rem,3vw,2.2rem); font-weight:800; color:#111827; text-align:center; margin:0 0 10px; letter-spacing:-0.02em; }
.hedko-section-sub-cb6f3213   { font-family:'Inter',sans-serif; font-size:1rem; color:#6b7280; text-align:center; margin:0 0 36px; line-height:1.6; }

/* ── Hub Hero ─────────────────────────────────────────────────────────────── */
.hedko-hero-cb6f3213 { position:relative; background:linear-gradient(135deg,#0d0d1a 0%,#111827 50%,#0f2044 100%); padding:100px 24px 80px; text-align:center; border-radius:20px; overflow:hidden; margin-bottom:40px; }
.hedko-hero-bg-cb6f3213 { position:absolute; inset:0; background:radial-gradient(ellipse at 20% 50%,rgba(59,130,246,.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(139,92,246,.10) 0%,transparent 55%),radial-gradient(ellipse at 60% 80%,rgba(16,185,129,.08) 0%,transparent 50%); pointer-events:none; }
.hedko-hero-content-cb6f3213 { position:relative; z-index:1; max-width:720px; margin:0 auto; }
.hedko-hero-eyebrow-cb6f3213 { display:inline-block; font-family:'Inter',sans-serif; font-size:.78rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.5); border:1px solid rgba(255,255,255,.15); border-radius:100px; padding:6px 18px; margin-bottom:28px; }
.hedko-hero-title-cb6f3213 { font-family:'Inter',sans-serif; font-size:clamp(2.8rem,7vw,5rem); font-weight:900; color:#fff; margin:0 0 20px; line-height:1.05; letter-spacing:-.03em; }
.hedko-hero-sub-cb6f3213 { font-family:'Inter',sans-serif; font-size:clamp(1rem,2vw,1.2rem); color:rgba(255,255,255,.65); max-width:580px; margin:0 auto 36px; line-height:1.7; }
.hedko-hero-pills-cb6f3213 { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.hedko-hero-pills-cb6f3213 span { font-family:'Inter',sans-serif; font-size:.85rem; font-weight:600; color:rgba(255,255,255,.8); background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:100px; padding:8px 18px; display:flex; align-items:center; gap:8px; backdrop-filter:blur(4px); }

/* ── About Strip ──────────────────────────────────────────────────────────── */
.hedko-about-cb6f3213 { background:#f8fafc; border:1px solid #e2e8f0; border-radius:16px; padding:36px 40px; margin-bottom:48px; }
.hedko-about-inner-cb6f3213 { display:flex; align-items:flex-start; gap:24px; max-width:860px; margin:0 auto; }
.hedko-about-icon-cb6f3213 { font-size:2rem; color:#3b82f6; flex-shrink:0; margin-top:4px; }
.hedko-about-inner-cb6f3213 h2 { font-family:'Inter',sans-serif; font-size:1.3rem; font-weight:700; color:#111827; margin:0 0 10px; }
.hedko-about-inner-cb6f3213 p  { font-family:'Inter',sans-serif; font-size:1rem; color:#4b5563; margin:0; line-height:1.75; }

/* ── Interest Cards ───────────────────────────────────────────────────────── */
.hedko-interests-cb6f3213 { margin-bottom:48px; }
.hedko-grid-cb6f3213 { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
@media(max-width:768px){ .hedko-grid-cb6f3213 { grid-template-columns:1fr; } }
.hedko-card-cb6f3213 { display:flex; flex-direction:column; align-items:flex-start; text-decoration:none; border-radius:20px; padding:40px 36px; position:relative; overflow:hidden; transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease; box-shadow:0 4px 24px rgba(0,0,0,.10); animation:hedkoFadeUp_cb6f3213 .5s ease both; }
@keyframes hedkoFadeUp_cb6f3213 { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
.hedko-card-cb6f3213:nth-child(1){animation-delay:.05s} .hedko-card-cb6f3213:nth-child(2){animation-delay:.12s} .hedko-card-cb6f3213:nth-child(3){animation-delay:.19s} .hedko-card-cb6f3213:nth-child(4){animation-delay:.26s} .hedko-card-cb6f3213:nth-child(5){animation-delay:.33s}
.hedko-card-cb6f3213:hover { transform:translateY(-8px) scale(1.01); box-shadow:0 20px 48px rgba(0,0,0,.18); }
.hedko-card--driving    { background:linear-gradient(145deg,#1565c0 0%,#1e88e5 100%); color:#fff; }
.hedko-card--health     { background:linear-gradient(145deg,#1b5e20 0%,#388e3c 100%); color:#fff; }
.hedko-card--cats       { background:linear-gradient(145deg,#bf360c 0%,#e64a19 100%); color:#fff; }
.hedko-card--video      { background:linear-gradient(145deg,#4a148c 0%,#7b1fa2 100%); color:#fff; }
.hedko-card--memorables { background:linear-gradient(145deg,#c2185b 0%,#d81b60 100%); color:#fff; }
.hedko-card-num-cb6f3213 { position:absolute; top:20px; right:24px; font-family:'Inter',sans-serif; font-size:3.5rem; font-weight:900; color:rgba(255,255,255,.08); line-height:1; pointer-events:none; user-select:none; }
.hedko-card-icon-cb6f3213 { font-size:2.4rem; margin-bottom:16px; opacity:.95; }
.hedko-card-tag-cb6f3213 { font-family:'Inter',sans-serif; font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.6); margin-bottom:10px; display:block; }
.hedko-card-title-cb6f3213 { font-family:'Inter',sans-serif; font-size:1.5rem; font-weight:800; margin:0 0 12px; color:#fff; line-height:1.15; letter-spacing:-.01em; }
.hedko-card-desc-cb6f3213 { font-family:'Inter',sans-serif; font-size:.95rem; color:rgba(255,255,255,.8); margin:0 0 28px; line-height:1.7; flex:1; }
.hedko-card-cta-cb6f3213 { font-family:'Inter',sans-serif; font-size:.9rem; font-weight:700; color:rgba(255,255,255,.95); display:flex; align-items:center; gap:8px; letter-spacing:.02em; transition:gap .25s ease; background:rgba(255,255,255,.15); border-radius:100px; padding:8px 20px; border:1px solid rgba(255,255,255,.2); }
.hedko-card-cb6f3213:hover .hedko-card-cta-cb6f3213 { gap:14px; background:rgba(255,255,255,.22); }

/* ══ Behind the Scenes ════════════════════════════════════════════════════════ */
.hedko-bts-hero-cb6f3213 { position:relative; background:linear-gradient(135deg,#0a0a1a 0%,#0f172a 50%,#1a0533 100%); padding:100px 24px 80px; text-align:center; border-radius:20px; overflow:hidden; margin-bottom:40px; }
.hedko-bts-hero-bg-cb6f3213 { position:absolute; inset:0; background:radial-gradient(ellipse at 30% 40%,rgba(168,85,247,.14) 0%,transparent 60%),radial-gradient(ellipse at 75% 25%,rgba(236,72,153,.10) 0%,transparent 55%),radial-gradient(ellipse at 50% 80%,rgba(59,130,246,.08) 0%,transparent 50%); pointer-events:none; }
.hedko-bts-hero-content-cb6f3213 { position:relative; z-index:1; max-width:720px; margin:0 auto; }
.hedko-bts-eyebrow-cb6f3213 { display:inline-flex; align-items:center; gap:8px; font-family:'Inter',sans-serif; font-size:.82rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.55); border:1px solid rgba(255,255,255,.15); border-radius:100px; padding:7px 20px; margin-bottom:28px; }
.hedko-bts-title-cb6f3213 { font-family:'Inter',sans-serif; font-size:clamp(2.6rem,6vw,4.5rem); font-weight:900; color:#fff; margin:0 0 20px; line-height:1.05; letter-spacing:-.03em; }
.hedko-bts-sub-cb6f3213 { font-family:'Inter',sans-serif; font-size:clamp(1rem,2vw,1.15rem); color:rgba(255,255,255,.6); max-width:600px; margin:0 auto; line-height:1.75; }
.hedko-bts-intro-cb6f3213 { background:#faf5ff; border:1px solid #e9d5ff; border-radius:16px; padding:32px 40px; margin-bottom:48px; }
.hedko-bts-intro-inner-cb6f3213 { display:flex; align-items:flex-start; gap:24px; max-width:860px; margin:0 auto; }
.hedko-bts-intro-inner-cb6f3213 > i { font-size:2rem; color:#9333ea; flex-shrink:0; margin-top:4px; }
.hedko-bts-intro-inner-cb6f3213 h2 { font-family:'Inter',sans-serif; font-size:1.25rem; font-weight:700; color:#111827; margin:0 0 10px; }
.hedko-bts-intro-inner-cb6f3213 p  { font-family:'Inter',sans-serif; font-size:1rem; color:#4b5563; margin:0; line-height:1.75; }
.hedko-bts-tools-cb6f3213 { margin-bottom:48px; }
.hedko-bts-grid-cb6f3213 { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
@media(max-width:768px){ .hedko-bts-grid-cb6f3213 { grid-template-columns:1fr; } }
.hedko-bts-tool-cb6f3213 { border-radius:20px; padding:36px 32px; position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:flex-start; box-shadow:0 4px 24px rgba(0,0,0,.10); animation:hedkoFadeUp_cb6f3213 .5s ease both; }
.hedko-bts-tool-cb6f3213:nth-child(1){animation-delay:.05s} .hedko-bts-tool-cb6f3213:nth-child(2){animation-delay:.12s} .hedko-bts-tool-cb6f3213:nth-child(3){animation-delay:.19s} .hedko-bts-tool-cb6f3213:nth-child(4){animation-delay:.26s} .hedko-bts-tool-cb6f3213:nth-child(5){animation-delay:.33s} .hedko-bts-tool-cb6f3213:nth-child(6){animation-delay:.40s}
.hedko-tool--elementor  { background:linear-gradient(145deg,#8b1a6b 0%,#c2185b 100%); color:#fff; }
.hedko-tool--mainwp     { background:linear-gradient(145deg,#0d47a1 0%,#1565c0 100%); color:#fff; }
.hedko-tool--hostinger  { background:linear-gradient(145deg,#6a1b9a 0%,#8e24aa 100%); color:#fff; }
.hedko-tool--wordpress  { background:linear-gradient(145deg,#1b5e20 0%,#2e7d32 100%); color:#fff; }
.hedko-tool--solace     { background:linear-gradient(145deg,#bf360c 0%,#e64a19 100%); color:#fff; }
.hedko-tool--angie      { background:linear-gradient(145deg,#1a237e 0%,#283593 100%); color:#fff; }
.hedko-bts-tool-num-cb6f3213 { position:absolute; top:16px; right:20px; font-family:'Inter',sans-serif; font-size:3rem; font-weight:900; color:rgba(255,255,255,.07); line-height:1; pointer-events:none; user-select:none; }
.hedko-bts-tool-icon-cb6f3213 { font-size:2.2rem; margin-bottom:14px; opacity:.95; }
.hedko-bts-tool-badge-cb6f3213 { font-family:'Inter',sans-serif; font-size:.7rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.55); margin-bottom:8px; display:block; }
.hedko-bts-tool-name-cb6f3213 { font-family:'Inter',sans-serif; font-size:1.4rem; font-weight:800; margin:0 0 12px; color:#fff; line-height:1.15; }
.hedko-bts-tool-desc-cb6f3213 { font-family:'Inter',sans-serif; font-size:.92rem; color:rgba(255,255,255,.78); margin:0 0 20px; line-height:1.7; flex:1; }
.hedko-bts-tool-link-cb6f3213 { font-family:'Inter',sans-serif; font-size:.85rem; font-weight:700; color:rgba(255,255,255,.9); text-decoration:none; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.2); border-radius:100px; padding:7px 18px; display:inline-flex; align-items:center; gap:7px; transition:background .2s ease; }
.hedko-bts-tool-link-cb6f3213:hover { background:rgba(255,255,255,.25); color:#fff; }
.hedko-bts-stats-cb6f3213 { background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%); border-radius:20px; padding:40px; margin-bottom:40px; }
.hedko-bts-stats-inner-cb6f3213 { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; max-width:860px; margin:0 auto; text-align:center; }
@media(max-width:640px){ .hedko-bts-stats-inner-cb6f3213 { grid-template-columns:repeat(2,1fr); } }
.hedko-bts-stat-cb6f3213 { display:flex; flex-direction:column; gap:6px; }
.hedko-bts-stat-val-cb6f3213 { font-family:'Inter',sans-serif; font-size:2.4rem; font-weight:900; color:#f1f5f9; line-height:1; }
.hedko-bts-stat-lbl-cb6f3213 { font-family:'Inter',sans-serif; font-size:.78rem; font-weight:600; color:#64748b; text-transform:uppercase; letter-spacing:.1em; }
.hedko-bts-back-cb6f3213 { text-align:center; padding:20px 0 40px; }
.hedko-bts-back-btn-cb6f3213 { font-family:'Inter',sans-serif; font-size:.95rem; font-weight:700; color:#374151; background:#f3f4f6; border:1px solid #e5e7eb; border-radius:100px; padding:12px 28px; text-decoration:none; display:inline-flex; align-items:center; gap:10px; transition:background .2s ease,gap .2s ease; }
.hedko-bts-back-btn-cb6f3213:hover { background:#e5e7eb; gap:14px; }

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media(max-width:640px){
    .hedko-hero-cb6f3213,.hedko-bts-hero-cb6f3213 { padding:64px 20px 56px; }
    .hedko-about-cb6f3213,.hedko-bts-intro-cb6f3213 { padding:28px 24px; }
    .hedko-about-inner-cb6f3213,.hedko-bts-intro-inner-cb6f3213 { flex-direction:column; gap:16px; }
    .hedko-card-cb6f3213,.hedko-bts-tool-cb6f3213 { padding:32px 24px; }
    .hedko-bts-stats-cb6f3213 { padding:28px 20px; }
}