/* Social Kiln targeted UI fixes */
.socialkiln-svg-icon svg,
.socialkiln-hero-points svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: var(--sk-accent, #8f6dff);
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.socialkiln-svg-icon svg { width: 30px; height: 30px; }
.socialkiln-hero-points span { display:inline-flex; align-items:center; gap:8px; }
.socialkiln-hero-points svg { width:16px; height:16px; flex:0 0 auto; }

.socialkiln-currency {
    min-width: 102px;
    height: 42px;
    padding: 0 10px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 12px;
    transition: border-color .2s ease, background .2s ease;
}
.socialkiln-currency:hover { border-color: rgba(143,109,255,.45); background: rgba(143,109,255,.07); }
.socialkiln-currency-icon { color: var(--sk-accent,#8f6dff); font-weight:800; font-size:14px; margin-right:5px; }
.dark-mode .socialkiln-currency .form-select {
    width: 70px;
    min-width: 70px;
    padding: 0 20px 0 3px;
    border: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    color: #f7f8fb !important;
    font-weight: 650;
    font-size: 14px;
    cursor: pointer;
}
.dark-mode .socialkiln-currency .form-select option { background:#11151c; color:#f7f8fb; }

/* Homepage hero actions: both CTAs share one exact box model. */
.dark-mode .socialkiln-hero-actions .btn-smm,
.dark-mode .socialkiln-hero-actions .socialkiln-secondary-btn {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:48px !important;
    min-height:48px !important;
    padding:0 20px !important;
    margin:0 !important;
    line-height:1 !important;
    vertical-align:middle !important;
    box-sizing:border-box !important;
}
.dark-mode .socialkiln-hero-actions .btn-smm { min-width:138px; }
.dark-mode .socialkiln-hero-actions .socialkiln-secondary-btn { min-width:156px; }

/* Direct PNG platform artwork. This intentionally avoids the old sprite. */
.socialkiln-platform-icons { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.sk-platform-badge {
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:rgba(255,255,255,.025);
    transition:transform .2s ease, filter .2s ease, background .2s ease;
    overflow:hidden;
}
.sk-platform-badge img { width:36px; height:36px; object-fit:contain; display:block; margin:0; }
.sk-platform-badge:hover { transform:translateY(-3px) scale(1.05); filter:brightness(1.06) saturate(1.05); background:rgba(255,255,255,.045); }
.sk-platform-badge-light { background:#f2f2f2; padding:4px; }
.sk-platform-badge-light img { width:30px; height:30px; }

.dark-mode .hero-service-row .sk-service-platform-icon {
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    flex:0 0 46px !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 !important;
    filter:drop-shadow(0 7px 12px rgba(0,0,0,.24));
}
.dark-mode .hero-service-row > div { min-width:0; }

/* Clean contained arrow for the hero service card. */
.dark-mode .hero-card-link > span {
    width:30px;
    height:30px;
    min-width:30px;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    margin:0 0 0 14px !important;
    border:1px solid rgba(143,109,255,.22);
    border-radius:9px;
    background:rgba(143,109,255,.08);
    color:#bba9ff !important;
    font-size:17px !important;
    line-height:1 !important;
    transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.dark-mode .hero-card-link:hover > span {
    transform:translateX(2px);
    background:rgba(143,109,255,.16);
    border-color:rgba(143,109,255,.45);
}

/* Pricing page emphasis: make the minimum price impossible to miss without feeling cheap. */
.dark-mode .sk-proof-price {
    border-color:rgba(143,109,255,.62) !important;
    background:
        radial-gradient(circle at 18% 35%,rgba(166,132,255,.24),transparent 34%),
        linear-gradient(135deg,rgba(114,73,255,.18),#11151c 55%,#0d1016) !important;
    box-shadow:0 18px 55px rgba(75,48,170,.22),inset 0 0 0 1px rgba(190,170,255,.06);
    animation:skPriceCardPulse 3s ease-in-out infinite;
}
.dark-mode .sk-proof-price .sk-proof-icon {
    background:linear-gradient(145deg,#9b7cff,#7550ef) !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.2) !important;
    box-shadow:0 10px 28px rgba(106,75,226,.34);
}
.dark-mode .sk-proof-price .sk-proof-eyebrow {
    color:#c9bbff !important;
    font-weight:800 !important;
    letter-spacing:.11em !important;
}
.dark-mode .sk-proof-price .sk-price-value {
    display:inline-flex;
    align-items:flex-start;
    color:#fff !important;
    font-size:44px !important;
    line-height:.96 !important;
    text-shadow:0 0 30px rgba(151,119,255,.6) !important;
    transform-origin:left center;
    animation:skPriceNumberPop 2.2s ease-in-out infinite !important;
}
.dark-mode .sk-proof-price .sk-price-value small {
    margin-top:8px;
    color:#c5b7ff !important;
}
.dark-mode .sk-proof-price .sk-proof-note { color:#9b94b2 !important; }
@keyframes skPriceCardPulse {
    0%,100% { box-shadow:0 18px 55px rgba(75,48,170,.20),inset 0 0 0 1px rgba(190,170,255,.05); }
    50% { box-shadow:0 22px 70px rgba(99,65,220,.32),inset 0 0 0 1px rgba(209,195,255,.12); }
}
@keyframes skPriceNumberPop {
    0%,100% { transform:scale(1); }
    50% { transform:scale(1.045); }
}

.socialkiln-contact-section { padding: 155px 0 95px; min-height: 78vh; }
.socialkiln-contact-copy,
.socialkiln-contact-form {
    background: #101319;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    padding: 34px;
}
.socialkiln-contact-email { display:flex; align-items:center; gap:14px; padding:16px; border:1px solid rgba(143,109,255,.22); background:rgba(143,109,255,.07); border-radius:14px; color:#fff; margin:24px 0; }
.socialkiln-contact-email:hover { color:#fff; border-color:rgba(143,109,255,.5); }
.socialkiln-contact-email-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:11px; background:var(--sk-accent,#8f6dff); font-weight:800; font-size:19px; }
.socialkiln-contact-email small { display:block; color:#9aa3b2; margin-bottom:2px; }
.socialkiln-contact-email strong { font-size:14px; overflow-wrap:anywhere; }
.socialkiln-contact-note { color:#8f98a7; line-height:1.65; font-size:14px; }
.socialkiln-form-kicker { display:block; color:var(--sk-accent,#8f6dff); font-size:12px; font-weight:800; letter-spacing:.08em; margin-bottom:6px; }
.socialkiln-contact-form label { display:block; color:#c9d0db; font-size:13px; font-weight:650; margin:0 0 7px 2px; }
.dark-mode .socialkiln-contact-form .form-control { background:#0b0e13; border:1px solid rgba(255,255,255,.1); color:#fff; border-radius:12px; min-height:48px; padding:12px 14px; }
.dark-mode .socialkiln-contact-form textarea.form-control { min-height:150px; resize:vertical; }
.dark-mode .socialkiln-contact-form .form-control:focus { border-color:rgba(143,109,255,.7); box-shadow:0 0 0 3px rgba(143,109,255,.1); }
.socialkiln-form-helper { color:#7f8998; font-size:13px; }

.socialkiln-social-divider { display:flex; align-items:center; gap:12px; color:#747e8d; font-size:12px; margin:20px 0; }
.socialkiln-social-divider::before,.socialkiln-social-divider::after { content:""; height:1px; background:rgba(255,255,255,.08); flex:1; }
.socialkiln-google-btn { width:100%; min-height:48px; display:flex; align-items:center; justify-content:center; gap:10px; background:#fff; color:#17191d !important; border:1px solid rgba(255,255,255,.15); border-radius:11px; font-weight:650; transition:transform .2s ease, box-shadow .2s ease; }
.socialkiln-google-btn:hover { transform:translateY(-1px); box-shadow:0 10px 24px rgba(0,0,0,.18); color:#17191d !important; }
.socialkiln-google-mark { width:22px; height:22px; display:grid; place-items:center; border-radius:50%; font-weight:800; font-size:16px; color:#4285F4; font-family:Arial,sans-serif; }

@media(max-width:991px){ .socialkiln-contact-section{padding-top:125px}.socialkiln-contact-copy,.socialkiln-contact-form{padding:24px} }