@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

.dark-mode { font-family: 'Inter', sans-serif; }
.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode .navbar-brand { font-family:'Space Grotesk',sans-serif; }

.socialkiln-brand,.socialkiln-footer-brand { display:flex;align-items:center;gap:11px; }
.socialkiln-brand img,.socialkiln-footer-brand img { width:42px;max-height:42px;object-fit:contain; }
.socialkiln-brand span,.socialkiln-footer-brand span { color:#fff;font-size:24px;font-weight:700;letter-spacing:-.045em;white-space:nowrap; }

.socialkiln-kicker,.socialkiln-section-label { display:inline-flex;align-items:center;color:#a98eff;font-size:12px;font-weight:700;letter-spacing:.16em;margin-bottom:16px; }
.socialkiln-kicker::before,.socialkiln-section-label::before { content:'';width:24px;height:2px;border-radius:99px;background:#8f6dff;margin-right:10px; }

.dark-mode .socialkiln-hero .text-box h2 { font-size:clamp(42px,5vw,66px);font-weight:700;letter-spacing:-.055em;line-height:1.03;text-transform:none; }
.dark-mode .socialkiln-hero .text-box p { max-width:650px;font-size:17px; }
.socialkiln-secondary-btn { display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 20px;border:1px solid rgba(255,255,255,.13);border-radius:11px;color:#fff;background:#12161d;font-weight:600;transition:.2s ease; }
.socialkiln-secondary-btn:hover { color:#fff;border-color:rgba(143,109,255,.55);background:#181d26;transform:translateY(-2px); }
.socialkiln-hero-points { display:flex;flex-wrap:wrap;gap:10px 18px; }
.socialkiln-hero-points span { color:#aab2bf;font-size:13px; }
.socialkiln-hero-points i { color:#8f6dff;margin-right:6px; }

/* Colored platform artwork supplied for Social Kiln. One sprite keeps the homepage lightweight. */
.sk-platform-icon { display:inline-block;background-image:url('../img/social-platform-sprite.webp');background-repeat:no-repeat;background-size:900% 100%;background-position-y:center; }
.sk-youtube { background-position-x:0%; }
.sk-instagram { background-position-x:12.5%; }
.sk-facebook { background-position-x:25%; }
.sk-telegram { background-position-x:37.5%; }
.sk-threads { background-position-x:50%; }
.sk-tiktok { background-position-x:62.5%; }
.sk-spotify { background-position-x:75%; }
.sk-twitch { background-position-x:87.5%; }
.sk-website { background-position-x:100%; }

.socialkiln-platform-row { display:flex;align-items:center;gap:14px;flex-wrap:wrap; }
.socialkiln-platform-label { color:#7f8999;font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap; }
.socialkiln-platform-icons { display:flex;align-items:center;gap:6px;flex-wrap:wrap; }
.socialkiln-platform-icons .sk-platform-icon { width:36px;height:36px;border-radius:10px;filter:saturate(.96);transition:transform .2s ease,filter .2s ease; }
.socialkiln-platform-icons .sk-platform-icon:hover { transform:translateY(-3px) scale(1.05);filter:saturate(1.08) brightness(1.05); }

/* Compact version of the Pricing proof cards, directly below Popular Platforms. */
.sk-home-proof-grid { display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px;max-width:760px;margin-top:20px; }
.sk-home-proof-card { position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:106px;padding:15px;border-radius:16px;background:linear-gradient(145deg,#11151c,#0e1117);border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:transform .2s ease,border-color .2s ease; }
.sk-home-proof-card:hover { transform:translateY(-3px);border-color:rgba(143,109,255,.3); }
.sk-home-proof-card::after { content:'';position:absolute;right:-35px;top:-45px;width:105px;height:105px;border-radius:50%;background:rgba(143,109,255,.09);filter:blur(24px);pointer-events:none; }
.sk-home-proof-price { border-color:rgba(143,109,255,.42);background:linear-gradient(135deg,rgba(143,109,255,.15),#11151c 54%,#0e1117);box-shadow:0 14px 36px rgba(73,45,168,.12); }
.sk-home-proof-price::before { content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(183,160,255,.65),transparent 42%,rgba(143,109,255,.15));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none; }
.sk-home-proof-card .sk-proof-icon { position:relative;z-index:1;width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:rgba(143,109,255,.13);border:1px solid rgba(143,109,255,.22);color:#a98eff;overflow:hidden; }
.sk-home-proof-card .sk-proof-icon img { width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important;object-fit:contain!important;display:block!important;margin:0!important; }
.sk-home-proof-copy { position:relative;z-index:1;min-width:0; }
.sk-home-proof-card .sk-proof-eyebrow { display:block;color:#969faf;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.075em;margin-bottom:4px;white-space:nowrap; }
.sk-home-proof-card .sk-price-value,.sk-home-proof-card .sk-count-value { display:block;font-family:'Space Grotesk',sans-serif;color:#fff;font-size:clamp(21px,2vw,27px);font-weight:700;letter-spacing:-.045em;line-height:1.02;white-space:nowrap; }
.sk-home-proof-card .sk-price-value { color:#b7a3ff;text-shadow:0 0 24px rgba(143,109,255,.24); }
.sk-home-proof-card .sk-price-dollar { font-size:.68em;vertical-align:top;margin-right:1px; }
.sk-home-proof-card .sk-price-value small { font-family:'Inter',sans-serif;font-size:8px;letter-spacing:.07em;color:#8e98a8;margin-left:3px; }
.sk-home-proof-card .sk-proof-note { display:block;color:#737d8e;font-size:8.5px;line-height:1.25;margin-top:6px; }
.sk-home-proof-card:last-child .sk-count-value { font-size:clamp(17px,1.55vw,22px); }

.socialkiln-hero-card { position:relative;padding:18px;background:linear-gradient(180deg,rgba(23,27,36,.96),rgba(13,16,22,.98));border:1px solid rgba(255,255,255,.09);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.32);overflow:hidden; }
.socialkiln-hero-card::before { content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(143,109,255,.13);filter:blur(60px);right:-60px;top:-60px;pointer-events:none; }
.hero-service-row { position:relative;display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;border:1px solid transparent;transition:.22s ease; }
.hero-service-row:hover { background:#191e27;border-color:rgba(143,109,255,.25);transform:translateX(3px); }
.hero-service-row>.sk-platform-icon { width:46px;height:46px;flex:0 0 46px;border-radius:13px;filter:drop-shadow(0 7px 12px rgba(0,0,0,.25)); }
.hero-service-row strong { display:block;color:#fff;font-size:15px;font-weight:600; }
.hero-service-row span:not(.sk-platform-icon) { display:block;color:#8f98a8;font-size:12px;margin-top:2px; }
.hero-card-link { position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.07);color:#bcaaff;font-weight:600; }
.hero-card-link:hover { color:#fff; }

.socialkiln-about-panel { padding:36px;background:#101319;border:1px solid rgba(255,255,255,.08);border-radius:20px; }
.socialkiln-about-panel h3 { font-size:36px;line-height:1.12; }
.about-chip-row { display:flex;flex-wrap:wrap;gap:10px;margin-top:26px; }
.about-chip-row span { display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;background:#171b23;border:1px solid rgba(255,255,255,.07);font-size:12px;color:#b9c1ce; }
.about-chip-row img { width:19px;height:19px;object-fit:contain;display:block; }

/* Vendor theme applied uneven padding/line-height here; lock icons to true center. */
.dark-mode .about-section .text-box .info-box { align-items:center; }
.dark-mode .about-section .text-box .info-box .icon-box { width:60px!important;height:60px!important;min-width:60px!important;flex:0 0 60px!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;border-radius:50%;overflow:hidden; }
.dark-mode .about-section .text-box .info-box .icon-box img { width:29px!important;height:29px!important;max-width:29px!important;max-height:29px!important;object-fit:contain!important;object-position:center!important;display:block!important;margin:0!important;transform:none!important; }

.dark-mode .achievement-section .container { background:none;padding-top:70px;padding-bottom:70px; }
.dark-mode .achievement-section h3 { margin-bottom:15px; }
.dark-mode .socialkiln-metrics .counter-box { height:100%;padding:28px 18px;background:#101319;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:.22s ease; }
.dark-mode .socialkiln-metrics .counter-box:hover { transform:translateY(-4px);border-color:rgba(143,109,255,.35); }
.metric-value { font-family:'Space Grotesk',sans-serif;color:#fff;font-size:31px;font-weight:700;letter-spacing:-.04em;margin-bottom:8px; }

.dark-mode .service-section .service-box .icon-box { width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(143,109,255,.10);border:1px solid rgba(143,109,255,.17); }
.dark-mode .service-section .service-box .icon-box i { font-size:23px; }
.usecase-card { height:100%;padding:30px!important; }
.usecase-icon { width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:rgba(143,109,255,.10);color:#9f83ff;font-size:22px;margin-bottom:22px; }
.usecase-card h5 { font-size:20px;font-weight:700; }
.usecase-card .title { color:#8e97a6!important;font-size:12px; }

.socialkiln-cta .container { padding:36px 42px;background:linear-gradient(120deg,#11151c,#171327);border:1px solid rgba(143,109,255,.18);border-radius:22px; }
.socialkiln-cta h5 { color:#9ea7b5!important;font-family:'Inter',sans-serif;font-size:15px;font-weight:400; }

.dark-mode .footer-section { margin-top:90px; }
.socialkiln-footer-brand { margin-bottom:18px; }
.socialkiln-footer-brand span { font-size:21px; }
.dark-mode .footer-section .links li { margin-bottom:10px; }

@media(max-width:1199px) and (min-width:992px){
  .sk-home-proof-grid{grid-template-columns:1fr 1fr}.sk-home-proof-card:first-child{grid-column:1/-1}.sk-home-proof-card:last-child .sk-count-value{font-size:21px}
}
@media(max-width:991px){
  .socialkiln-brand span{font-size:20px}.socialkiln-hero-card{margin-top:10px}.dark-mode .socialkiln-hero .text-box h2{font-size:45px}.socialkiln-cta .container{padding:28px}.socialkiln-cta{text-align:left}
  .socialkiln-platform-row{align-items:flex-start}.socialkiln-platform-label{width:100%}.sk-home-proof-grid{max-width:none}
}
@media(max-width:680px){
  .sk-home-proof-grid{grid-template-columns:1fr}.sk-home-proof-card{min-height:96px}.sk-home-proof-card .sk-price-value,.sk-home-proof-card .sk-count-value,.sk-home-proof-card:last-child .sk-count-value{font-size:25px}
}