*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#162235;background:#fff;line-height:1.6}a{color:inherit}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #eaf0f6}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;letter-spacing:-.03em;font-size:22px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#2a76f4,#64c7ee);position:relative;box-shadow:0 8px 22px rgba(42,118,244,.2)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;bottom:9px;width:6px;border-radius:5px;background:#fff}.brand-mark:before{height:11px;left:9px;box-shadow:8px -5px 0 #fff,16px -12px 0 #fff}.brand small{font-weight:700;color:#718096}.menu{display:flex;gap:8px;align-items:center}.menu a{text-decoration:none;padding:9px 12px;border-radius:10px;color:#506176;font-weight:750;font-size:14px}.menu a:hover{background:#f2f7fd;color:#1d5ec4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 18px;border-radius:13px;text-decoration:none;font-weight:850;border:1px solid transparent;transition:.18s ease}.btn-primary{background:#216ee7;color:#fff;box-shadow:0 10px 26px rgba(33,110,231,.20)}.btn-primary:hover{background:#155dcc;transform:translateY(-1px)}.btn-soft{background:#eff6ff;color:#1d60c6;border-color:#dceafe}.btn-white{background:#fff;color:#1f5fbd;border-color:#dbe7f5}.hero{padding:82px 0 58px;background:radial-gradient(circle at 85% 10%,#dff4ff 0,transparent 34%),linear-gradient(180deg,#f7fbff,#fff)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:58px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #d9eafb;border-radius:999px;background:#fff;color:#276fcf;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.055em;margin:18px 0;color:#13233a}.hero h1 span{color:#2575e8}.hero p{font-size:19px;color:#5b6c82;max-width:720px;margin:0 0 25px}.actions{display:flex;gap:11px;flex-wrap:wrap}.hero-panel{padding:22px;border:1px solid #e3edf7;border-radius:26px;background:rgba(255,255,255,.9);box-shadow:0 24px 60px rgba(50,92,136,.11)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini{padding:18px;border-radius:18px;background:#f6faff;border:1px solid #e5eff8}.mini b{display:block;font-size:23px;color:#216ee7;margin-bottom:2px}.mini span{font-size:13px;color:#697b90}.section{padding:76px 0}.section.soft{background:#f8fbfe}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.04em;margin:0;color:#16253b}.section-head p{max-width:600px;color:#6c7d91;margin:0}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.route-card{display:flex;flex-direction:column;min-height:230px;padding:24px;border:1px solid #e5edf5;border-radius:21px;background:#fff;text-decoration:none;box-shadow:0 10px 28px rgba(35,76,115,.055);transition:.18s ease}.route-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(35,76,115,.10);border-color:#cfe2f7}.route-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;background:#edf6ff;color:#246dcc;font-size:21px;font-weight:900;margin-bottom:18px}.route-card h3{font-size:21px;letter-spacing:-.025em;margin:0 0 7px}.route-card p{font-size:14px;color:#6b7b8e;margin:0 0 16px}.route-card span{margin-top:auto;color:#216ee7;font-weight:850;font-size:14px}.bc-zone{padding:72px 0;background:#fff}.bc-zone-label{font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#8a6d16}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info{padding:28px;border-radius:22px;background:#edf7ff;border:1px solid #dcecf9}.info h3{margin:0 0 8px;font-size:24px}.info p{margin:0;color:#627488}.faq{display:grid;gap:10px}.faq details{border:1px solid #e3ebf3;border-radius:16px;background:#fff;padding:18px 20px}.faq summary{cursor:pointer;font-weight:850}.faq p{color:#66788b;margin:10px 0 0}.subhero{padding:66px 0 40px;background:linear-gradient(180deg,#f5faff,#fff)}.subhero h1{font-size:clamp(38px,5vw,62px);line-height:1.04;letter-spacing:-.05em;margin:14px 0}.subhero p{max-width:760px;color:#607286;font-size:18px}.content{max-width:820px}.content h2{font-size:30px;letter-spacing:-.035em;margin-top:38px}.content p{color:#5f7083}.cta-box{margin-top:34px;padding:26px;border-radius:20px;background:#edf7ff;border:1px solid #d9eaf8}.site-footer{padding:48px 0;background:#132237;color:#d9e4ef}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.site-footer a{color:#d9e4ef;text-decoration:none}.site-footer a:hover{color:#fff}.foot-links{display:grid;gap:8px;font-size:14px}.foot-note{color:#93a5b8;font-size:13px;margin-top:24px;border-top:1px solid rgba(255,255,255,.09);padding-top:18px}.consent{position:fixed;left:18px;right:18px;bottom:18px;z-index:90;display:none;max-width:760px;margin:auto;padding:18px;border-radius:18px;background:#fff;border:1px solid #dce6ef;box-shadow:0 20px 60px rgba(20,44,70,.22)}.consent.show{display:block}.consent p{margin:0 0 12px;color:#5d6d7e;font-size:13px}.consent-actions{display:flex;gap:8px;flex-wrap:wrap}.legal{font-size:15px}.legal h2{margin-top:30px}@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.route-grid{grid-template-columns:repeat(2,1fr)}.menu{display:none}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.wrap{width:min(100% - 24px,1180px)}.hero{padding:55px 0 38px}.hero h1{font-size:44px}.section,.bc-zone{padding:54px 0}.route-grid,.split{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.nav{height:68px}.brand small{display:none}}@media(max-width:440px){.mini-grid{grid-template-columns:1fr 1fr}.actions .btn{width:100%}}

/* SEO/content additions */
.breadcrumbs{padding-top:18px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0;color:#738397;font-size:13px}.breadcrumbs li+li:before{content:"/";margin-right:7px;color:#b0bdca}.breadcrumbs a{text-decoration:none;color:#4d6f98}.breadcrumbs a:hover{text-decoration:underline}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:42px;align-items:start}.guide-layout .content{max-width:none}.link-panel{position:sticky;top:98px;display:grid;gap:8px;padding:22px;border:1px solid #deebf7;border-radius:20px;background:#f7fbff}.link-panel strong{margin-bottom:4px}.link-panel a{padding:9px 10px;border-radius:10px;text-decoration:none;color:#245f9f;font-weight:750;background:#fff;border:1px solid #e2edf8}.link-panel a:hover{border-color:#bcd8f1}.check-list{padding-left:20px;color:#5f7083}.check-list li{margin:7px 0}.legal-note{padding:14px 16px;border-radius:12px;background:#f7f9fb;border:1px solid #e4e9ef;font-size:13px}.content a:not(.btn){color:#1d63bd;text-underline-offset:3px}@media(max-width:880px){.guide-layout{grid-template-columns:1fr}.link-panel{position:static}}

/* Funnel handoff blocks */
.funnel-callout{margin:26px 0;padding:22px;border:1px solid #cfe3f8;border-radius:18px;background:#eef7ff}.funnel-callout h3{margin:0 0 8px;font-size:22px}.funnel-callout p{margin:0 0 16px}.funnel-final{background:#fff}.funnel-final-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:34px;align-items:center;padding:34px;border:1px solid #dce9f6;border-radius:24px;background:linear-gradient(135deg,#f6fbff,#edf7ff)}.funnel-final-grid h2{margin:8px 0 10px}.funnel-final-grid p{max-width:720px}.funnel-related{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:18px;background:#fff;border:1px solid #dce9f6}.funnel-related a{font-weight:800;color:#1769e8;text-decoration:none}.funnel-related a:hover{text-decoration:underline}.home-funnel{margin-top:28px;padding:26px;border:1px solid #cfe3f8;border-radius:22px;background:#fff}.home-funnel h3{margin:0 0 6px}.home-funnel p{margin:0 0 16px;color:#62748a}.home-funnel-links{display:flex;flex-wrap:wrap;gap:10px}.home-funnel-links a{display:inline-flex;padding:10px 14px;border-radius:999px;background:#eef6ff;color:#1769e8;font-weight:800;text-decoration:none;border:1px solid #d6e8fb}.home-funnel-links a:hover{background:#e2f0ff}.link-panel a:first-of-type{background:#1769e8;color:#fff!important;border-radius:12px;padding:12px 14px;margin-top:10px}.link-panel a:first-of-type:hover{background:#0f55c5;text-decoration:none!important}@media(max-width:760px){.funnel-final-grid{grid-template-columns:1fr;padding:24px}.home-funnel-links{display:grid;grid-template-columns:1fr 1fr}.home-funnel-links a{justify-content:center}}@media(max-width:480px){.home-funnel-links{grid-template-columns:1fr}}


/* Best-Creators.com Public API components */
.api-live-section{border-top:1px solid #e4edf5}
.api-live-note{font-size:.92rem;color:#61788b;margin-top:8px}
.api-status{padding:22px;border:1px solid #dce8f2;border-radius:18px;background:#fff;color:#516b80;text-align:center}
.api-error{background:#fffaf5}
.api-creator-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:24px}
.api-creator-card{background:#fff;border:1px solid #dfeaf3;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(28,65,91,.06);min-width:0}
.api-card-image{display:block;position:relative;aspect-ratio:4/5;background:#edf5fa;overflow:hidden}
.api-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.api-card-image:hover img{transform:scale(1.025)}
.api-rank{position:absolute;z-index:2;top:10px;left:10px;background:#10283a;color:#fff;border-radius:999px;padding:7px 10px;font-weight:800;font-size:.86rem;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.api-card-body{padding:16px}.api-card-meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#6e879a;font-weight:700}
.api-card-body h3{font-size:1.05rem;margin:6px 0 8px;line-height:1.2}.api-card-body p{font-size:.9rem;line-height:1.45;color:#587083;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.api-card-link{font-weight:800;font-size:.9rem;text-decoration:none}.api-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}
.api-stat{background:#fff;border:1px solid #dfeaf3;border-radius:18px;padding:22px}.api-stat strong{display:block;font-size:1.7rem;line-height:1;color:#10283a}.api-stat span{display:block;color:#667f91;margin-top:8px;font-size:.9rem}
.api-history{background:#fff;border:1px solid #dfeaf3;border-radius:20px;padding:22px;margin-top:20px}.api-history h3{margin-top:0}
.api-bars{height:180px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid #dce7ef;padding-top:12px}.api-bar-wrap{height:100%;flex:1;display:flex;align-items:flex-end}.api-bar{width:100%;min-height:4px;background:linear-gradient(180deg,#47b7d8,#2179a6);border-radius:4px 4px 0 0;opacity:.88}
.api-history-foot{display:flex;justify-content:space-between;color:#71889a;font-size:.8rem;margin-top:8px}.api-term-block{margin-top:22px}.api-chips{display:flex;flex-wrap:wrap;gap:10px}.api-chips span{background:#fff;border:1px solid #dfeaf3;border-radius:999px;padding:9px 13px;color:#526c7e}.api-chips b{color:#10283a;margin-left:5px}
@media(max-width:1100px){.api-creator-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.api-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.api-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.api-card-body{padding:13px}.api-card-body p{display:none}}

/* Deep content refinements */
.content h2{scroll-margin-top:100px}.content p{font-size:16.5px;line-height:1.78}.content h2+p{margin-top:10px}.subhero .actions{margin-top:24px}.faq details p{line-height:1.7}.api-live-section h2{margin-top:0}
@media(min-width:1100px){.guide-layout .content{padding-right:18px}}

/* 2026-09-18 header + placement consistency */
.nav{justify-content:flex-start;gap:18px}.brand{flex:0 0 auto}.menu{flex:1;justify-content:center;gap:4px;min-width:0}.menu a{white-space:nowrap;padding:9px 10px}.menu a.active{background:#edf5ff;color:#1d5ec4}.nav-cta{flex:0 0 auto;white-space:nowrap}.bc-placement-zone{border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7}.bc-placement-zone .section-head{margin-bottom:22px}
@media(max-width:1100px){.nav{gap:10px}.menu a{padding:8px 7px;font-size:13px}.nav-cta{padding:10px 12px;font-size:13px}.brand{font-size:20px}.brand small{display:none}}

/* 2026-09-18 creator traffic funnel */
.creator-placement-funnel{padding-top:38px;padding-bottom:58px}.placement-funnel-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);gap:34px;align-items:stretch;padding:38px;border:1px solid #d6e7f8;border-radius:26px;background:linear-gradient(135deg,#f7fbff 0%,#eef6ff 58%,#f9fcff 100%);box-shadow:0 16px 42px rgba(27,74,120,.08)}.placement-funnel-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;top:-130px;background:radial-gradient(circle,rgba(66,143,245,.13),rgba(66,143,245,0) 68%);pointer-events:none}.placement-funnel-copy{position:relative;z-index:1;padding:4px 0}.placement-funnel-card h2{font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.04em;margin:12px 0 12px;max-width:720px}.placement-funnel-card>.placement-funnel-copy>p{margin:0;max-width:760px;color:#5c7085;font-size:16.5px;line-height:1.7}.placement-benefits{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}.placement-benefits span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #d8e7f6;border-radius:999px;background:rgba(255,255,255,.78);font-size:13px;font-weight:750;color:#4c647a}.placement-benefits span:before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e6f2ff;color:#1769d6;font-size:11px;font-weight:950}.placement-funnel-actions{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px;border:1px solid #d8e7f6;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(31,77,119,.07)}.placement-funnel-actions .placement-kicker{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#2b73d3;margin-bottom:7px}.placement-funnel-actions strong{font-size:20px;line-height:1.25;color:#17283d}.placement-funnel-actions p{margin:8px 0 18px;color:#6a7d91;font-size:13.5px;line-height:1.55}.placement-funnel-actions .btn{width:100%;min-height:50px;text-align:center;font-size:15px}.placement-funnel-actions .btn:after{content:""}@media(max-width:820px){.creator-placement-funnel{padding-top:28px;padding-bottom:44px}.placement-funnel-card{grid-template-columns:1fr;padding:26px 22px;gap:22px}.placement-benefits{display:grid;grid-template-columns:1fr}.placement-funnel-actions{padding:20px}.placement-funnel-actions .btn{width:100%}}
