@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap');
:root{--ink:#0E1116;--paper:#F7F5F0;--muted:#6A7180;--line:#E2DFD6;--brand:#E64626;--brand-dark:#C9341B;--disp:'Space Grotesk',sans-serif;--body:'Inter',sans-serif;--mono:'JetBrains Mono',monospace}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}
.nav{position:sticky;top:0;z-index:10;background:rgba(247,245,240,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1180px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-family:var(--disp);font-size:1.45rem;font-weight:700;letter-spacing:-.05em;color:var(--brand)}.links{display:flex;align-items:center;gap:24px;color:var(--muted);font-weight:600;font-size:.92rem}.links a:hover{color:var(--brand)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--brand);color:#fff!important;padding:12px 20px;font-weight:700}.btn:hover{background:var(--brand-dark)!important}.btn.secondary{background:transparent;color:var(--ink)!important;border:1px solid var(--line)}.btn.secondary:hover{background:#fff!important;color:var(--brand)!important}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.hero{padding:96px 0 72px;border-bottom:1px solid var(--line)}.kicker{font-family:var(--mono);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);margin-bottom:18px}.hero h1{font-family:var(--disp);font-size:clamp(3.2rem,9vw,7.5rem);line-height:.9;letter-spacing:-.08em;max-width:10ch}.hero p{max-width:760px;margin-top:26px;color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.28rem)}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:32px}.breadcrumb{margin-bottom:22px;color:var(--muted);font-size:.9rem}.breadcrumb a{color:var(--brand);font-weight:700}
.platform-strip{padding:26px 0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.28)}.platform-label{font-family:var(--mono);font-size:.69rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.platform-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.platform-card{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:92px;padding:18px 20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.68);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.platform-card:hover{transform:translateY(-3px);border-color:#cfcac0;box-shadow:0 12px 28px rgba(14,17,22,.07)}.platform-logo{display:block;width:min(190px,72%);height:48px;overflow:visible}.platform-logo-google{width:min(205px,76%)}.platform-card span{flex:0 0 auto;font-family:var(--mono);font-size:.66rem;line-height:1.25;text-align:right;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);max-width:9ch}
.platform-card.google .platform-logo-google{display:none}.platform-card.google::before{content:'Google Ads';display:flex;align-items:center;min-height:48px;padding-left:76px;margin-right:auto;font-family:Arial,Helvetica,sans-serif;font-size:1.8rem;font-weight:400;letter-spacing:-.045em;color:#5F6368;background-repeat:no-repeat;background-position:left center;background-size:66px 50px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Cpath d='M48 11 L76 55' fill='none' stroke='%234285F4' stroke-width='19' stroke-linecap='round'/%3E%3Cpath d='M48 11 L22 55' fill='none' stroke='%23FBBC04' stroke-width='18' stroke-linecap='round'/%3E%3Ccircle cx='22' cy='55' r='9.5' fill='%2334A853'/%3E%3C/svg%3E")}
.platform-card.tiktok .platform-logo{display:none}.platform-card.tiktok::before{content:'TikTok';display:flex;align-items:center;min-height:48px;padding-left:60px;margin-right:auto;font-family:Arial,Helvetica,sans-serif;font-size:1.85rem;font-weight:700;letter-spacing:-.045em;color:#111;background-repeat:no-repeat;background-position:left center;background-size:48px 48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 28 28'%3E%3Cpath transform='translate(-.65 .65)' fill='%2325F4EE' d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3Cpath transform='translate(.65 -.65)' fill='%23FE2C55' d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3Cpath fill='%23111' d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E")}
.section{padding:76px 0;border-bottom:1px solid var(--line)}.section h2{font-family:var(--disp);font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:-.06em;margin-bottom:22px}.section-lead{max-width:760px;color:var(--muted);font-size:1.08rem;margin:-4px 0 32px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.46);padding:28px;min-height:220px}.card h3{font-family:var(--disp);font-size:1.35rem;line-height:1.05;letter-spacing:-.03em;margin-bottom:12px}.card p,.card li{color:var(--muted);font-size:.96rem}.card ul{padding-left:18px}.card a,.copy a{color:var(--brand);font-weight:700}
.copy{max-width:820px}.copy h2{margin-top:0}.copy h3{font-family:var(--disp);font-size:clamp(1.35rem,2.2vw,1.8rem);letter-spacing:-.03em;line-height:1.1;margin:34px 0 12px}.copy p{color:var(--muted);font-size:1.02rem;line-height:1.78;margin:0 0 18px}.copy ul,.copy ol{padding-left:22px;margin:0 0 22px}.copy li{color:var(--muted);margin:8px 0;line-height:1.7}.article-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.article-meta span{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted)}
.faq-list{display:grid;gap:12px;max-width:900px}.faq-item{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.46);overflow:hidden}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:21px 24px;font-family:var(--disp);font-size:1.08rem;font-weight:700;line-height:1.2}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border:1px solid var(--line);border-radius:999px;font-family:var(--body);font-size:1.2rem;font-weight:400;transition:transform .2s,background .2s,color .2s}.faq-item[open] summary::after{transform:rotate(45deg);background:var(--brand);border-color:var(--brand);color:#fff}.faq-answer{padding:0 24px 23px}.faq-answer p{color:var(--muted);line-height:1.7}.faq-item summary:focus-visible{outline:2px solid var(--brand);outline-offset:-4px}
.cta{background:var(--ink);color:#fff;padding:80px 0}.cta h2{font-family:var(--disp);font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:-.06em}.cta p{color:#9AA3B2;max-width:640px;margin:12px 0 28px}.footer{padding:36px 0;color:var(--muted);font-size:.9rem}
@media(max-width:820px){.links{display:none}.hero{padding:72px 0 54px}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}.platform-row{grid-template-columns:1fr}.platform-card{min-height:82px}.platform-logo{width:64%;max-width:185px}.platform-card.google::before{font-size:1.65rem;padding-left:68px;background-size:58px 44px}.platform-card span{max-width:none}.platform-card.tiktok::before{font-size:1.7rem;padding-left:56px;background-size:44px 44px}.grid,.grid.two{grid-template-columns:1fr}.card{min-height:auto}.hero h1{font-size:clamp(3rem,17vw,5rem)}.section{padding:58px 0}.faq-item summary{padding:19px 20px}.faq-answer{padding:0 20px 20px}}
@media(max-width:480px){.platform-card{padding:15px 16px;gap:12px}.platform-logo{width:62%;height:42px}.platform-card.google::before{font-size:1.45rem;padding-left:60px;background-size:52px 40px}.platform-card span{font-size:.6rem;text-align:right}.platform-card.tiktok::before{font-size:1.5rem;padding-left:50px;background-size:40px 40px}}
.seo-tool-row .seo-tool-card:first-child .seo-tool-mark svg{display:none}.seo-tool-row .seo-tool-card:first-child .seo-tool-mark{background:url('/assets/google-search-console-logo.svg') left center/contain no-repeat}
.seo-tool-row .seo-tool-card:nth-child(2) .seo-tool-mark svg{display:none}.seo-tool-row .seo-tool-card:nth-child(2) .seo-tool-mark{background:url('/assets/google-analytics-logo-exact.svg') left center/contain no-repeat;min-height:58px}