:root {
  --brand-red: #f10004;
  --brand-red-deep: #d40026;
  --brand-lime: #ccff8d;
  --brand-lime-fg: #273b1a;
  --brand-ink: #0f0f0f;
  --brand-graphite: #272727;
  --brand-graphite-2: #3a3a3a;
  --n-0: #fff;
  --n-100: #f2f2f2;
  --n-200: #dadada;
  --n-400: #ababab;
  --n-500: #969696;
  --n-600: #777;
  --grad-sunset: linear-gradient(180deg, #ffae00 0%, #f10004 51%, #d400ff 100%);
  --grad-cosmic: linear-gradient(180deg, #6673ff 0%, #f120bd 100%);
  --grad-cta: linear-gradient(100deg, #ff0077 0%, #ff2b1b 50%, #ff691a 100%);
  --grad-premium-glow: radial-gradient(circle at 20% 0%, #b842d8 0%, rgba(184,66,216,0) 60%), linear-gradient(#0f0f0f, #0f0f0f);
  --font-display: "Geologica", sans-serif;
  --font-body: "Roboto", sans-serif;
  --font-mono: "Roboto Mono", monospace;
  --container: 1180px;
  --space-1: .5rem;
  --space-2: .75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --space-8: clamp(4.5rem, 9vw, 8.5rem);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-xl: 34px;
  --border: rgba(255,255,255,.12);
  --border-soft: rgba(255,255,255,.08);
  --shadow-card: 0 22px 70px rgba(0,0,0,.26);
  --shadow-glow: 0 20px 55px rgba(241,0,4,.28);
  --ease-out: cubic-bezier(.2,.8,.2,1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 5.5rem; }
body { margin: 0; background: var(--brand-ink); color: var(--n-0); font-family: var(--font-body); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }
body::selection { background: var(--brand-lime); color: var(--brand-lime-fg); }
a { color: inherit; }
button, input, textarea { font: inherit; }
button { border: 0; }
h1, h2, h3, p { margin: 0; }
ul, ol { margin: 0; padding: 0; }

.container { width: min(100% - 2.5rem, var(--container)); margin: 0 auto; }
.skip-link { position: fixed; z-index: 100; top: 1rem; left: 1rem; transform: translateY(-200%); padding: .7rem 1rem; border-radius: 8px; background: var(--brand-lime); color: var(--brand-lime-fg); font-weight: 700; text-decoration: none; transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid var(--brand-lime); outline-offset: 3px; }

.site-header { position: fixed; z-index: 20; inset: 0 0 auto; height: 76px; transition: background .3s var(--ease-out), border-color .3s var(--ease-out), height .3s var(--ease-out); border-bottom: 1px solid transparent; }
.site-header.is-scrolled { height: 66px; background: rgba(15,15,15,.8); border-color: var(--border-soft); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.nav-wrap { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.brand { display: inline-flex; align-items: center; gap: .58rem; color: var(--n-0); font: 600 1.1rem/1 var(--font-display); letter-spacing: -.07em; text-decoration: none; white-space: nowrap; }
.brand > span:last-child > span { color: var(--brand-red); }
.brand-mark { position: relative; display: inline-flex; align-items: end; gap: 2px; width: 20px; height: 20px; transform: skewY(-9deg); }
.brand-mark i { display: block; width: 5px; background: var(--brand-lime); border-radius: 2px 2px 1px 1px; }
.brand-mark i:nth-child(1) { height: 7px; }.brand-mark i:nth-child(2) { height: 13px; background: #ff6a2f; }.brand-mark i:nth-child(3) { height: 19px; background: var(--brand-red); }
.site-nav { display: flex; align-items: center; gap: clamp(1rem, 2.4vw, 2.15rem); font-size: .88rem; font-weight: 500; color: #d4d4d4; }
.site-nav > a:not(.nav-cta) { text-decoration: none; transition: color .2s; }.site-nav > a:not(.nav-cta):hover { color: var(--n-0); }
.nav-cta { display: inline-flex; align-items: center; gap: .45rem; padding: .64rem 1rem; border: 1px solid rgba(204,255,141,.55); border-radius: 100px; color: var(--brand-lime); text-decoration: none; transition: background .2s, color .2s, transform .2s; }
.nav-cta:hover { background: var(--brand-lime); color: var(--brand-lime-fg); transform: translateY(-1px); }
.nav-toggle { display: none; width: 42px; height: 42px; padding: 0; place-items: center; gap: 5px; border-radius: 50%; background: rgba(255,255,255,.07); color: var(--n-0); cursor: pointer; }.nav-toggle span { display: block; width: 17px; height: 1.5px; background: currentColor; transition: transform .2s; }

.hero { position: relative; isolation: isolate; padding: 9.8rem 0 2.3rem; overflow: hidden; background: radial-gradient(ellipse 60% 50% at 75% 15%, rgba(125,44,111,.18), transparent 68%), var(--brand-ink); }
.hero::after { content: ""; position: absolute; z-index: -1; inset: auto -5% 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent); }
.hero-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); pointer-events: none; }.hero-glow-one { width: 550px; height: 550px; right: -230px; top: 10px; background: radial-gradient(circle, rgba(220,0,255,.2), rgba(220,0,255,0) 67%); }.hero-glow-two { width: 450px; height: 450px; left: -310px; top: 100px; background: radial-gradient(circle, rgba(241,0,4,.14), rgba(241,0,4,0) 68%); }
.hero-grid { display: grid; grid-template-columns: minmax(0, .93fr) minmax(0, 1.07fr); align-items: center; gap: clamp(2.8rem, 7vw, 7.5rem); min-height: 510px; }
.eyebrow { display: flex; align-items: center; gap: .58rem; color: var(--brand-lime); font: 500 .68rem/1.3 var(--font-mono); letter-spacing: .1em; }.eyebrow span { width: 18px; height: 1px; background: currentColor; }
.hero h1, h2 { font-family: var(--font-display); letter-spacing: -.075em; }.hero h1 { max-width: 670px; margin: 1.1rem 0 1.35rem; font-size: clamp(3rem, 5.5vw, 5.8rem); font-weight: 600; line-height: .99; }.hero h1 em, h2 em { font-style: normal; color: var(--brand-lime); }
.hero-subhead { max-width: 570px; color: #c7c7c7; font-size: clamp(1rem, 1.35vw, 1.17rem); line-height: 1.65; }
.hero-cta { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; margin-top: 2.1rem; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .7rem; min-height: 52px; padding: .83rem 1.25rem; border-radius: 100px; font-weight: 700; font-size: .94rem; line-height: 1.2; text-decoration: none; cursor: pointer; transition: transform .22s var(--ease-out), box-shadow .22s var(--ease-out), background .22s; }
.btn:hover { transform: translateY(-2px); }.btn:active { transform: translateY(0); }.btn-primary { color: #fff; background: var(--grad-cta); background-size: 140% 100%; box-shadow: var(--shadow-glow); }.btn-primary:hover { background-position: 100% 0; box-shadow: 0 24px 65px rgba(241,0,4,.42); }.btn-primary:disabled { opacity: .65; cursor: wait; transform: none; }.btn-secondary { color: #eee; background: rgba(255,255,255,.03); border: 1px solid var(--border); }.btn-secondary:hover { background: rgba(255,255,255,.1); }.play-icon { display: grid; place-items: center; width: 20px; height: 20px; padding-left: 1px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; font-size: 7px; }
.hero-note { display: flex; align-items: center; gap: .5rem; margin-top: 1.25rem; color: #969696; font-size: .78rem; }.check-dot { display: inline-grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; background: rgba(204,255,141,.16); color: var(--brand-lime); font-size: .65rem; }

.hero-visual { position: relative; min-height: 450px; max-width: 565px; margin-inline: auto; padding: 40px 54px 38px 0; transform: perspective(1000px); }
.orbit { position: absolute; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; pointer-events: none; }.orbit-one { width: 430px; height: 430px; top: 4px; left: 10px; }.orbit-two { width: 530px; height: 530px; top: -44px; left: -40px; border-color: rgba(241,0,4,.12); }
.visual-window { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(255,255,255,.23); border-radius: 15px; background: #f8f6f0; box-shadow: 0 34px 70px rgba(0,0,0,.45); transform: rotateY(-8deg) rotateX(3deg); }
.window-bar { display: flex; align-items: center; gap: 5px; height: 27px; padding: 0 10px; border-bottom: 1px solid #dedbd5; background: #edeae4; }.window-bar span { width: 6px; height: 6px; border-radius: 50%; background: #c4c1ba; }.window-bar span:first-child { background: #ff7f75; }.window-bar div { width: 31%; height: 8px; margin-left: 8px; border-radius: 10px; background: #dad6ce; }
.article-preview { min-height: 315px; padding: 24px 28px; color: #242322; }.article-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 27px; color: #7b7972; font: 500 7px var(--font-mono); letter-spacing: .09em; }.article-meta b { color: #e52d2f; }.article-meta span { padding: 5px 7px; border-radius: 10px; background: #e2f4d3; color: #416032; letter-spacing: 0; }.article-kicker { width: 37% !important; height: 6px !important; margin-bottom: 11px; background: #e5a664 !important; }.article-title { max-width: 80%; margin-bottom: 16px; font: 600 18px/1.16 var(--font-display); letter-spacing: -.06em; }.article-line { width: 94%; height: 5px; margin: 8px 0; border-radius: 5px; background: #dad7cf; }.article-line.short { width: 58%; }.article-line.medium { width: 77%; }.article-card-row { display: grid; grid-template-columns: 1.1fr 1fr; gap: 14px; align-items: center; margin: 21px 0; }.article-card-row > div:first-child { height: 55px; border-radius: 6px; background: linear-gradient(135deg, #f88c68, #ebc852 47%, #5a9148); }.article-card-row > div:last-child { display: grid; gap: 7px; }.article-card-row i { display: block; width: 100%; height: 5px; border-radius: 4px; background: #d5d2ca; }.article-card-row i:last-child { width: 68%; }
.automation-chip { position: absolute; z-index: 4; top: 9px; right: 8px; display: flex; align-items: center; gap: 9px; min-width: 175px; padding: 9px 10px; border: 1px solid rgba(255,255,255,.22); border-radius: 11px; background: rgba(39,39,39,.92); box-shadow: 0 12px 30px rgba(0,0,0,.26); backdrop-filter: blur(12px); }.automation-chip .spark { color: #ffb454; font-size: 18px; }.automation-chip small, .visual-stat small { display: block; margin-bottom: 2px; color: #aaa; font: 500 6px/1 var(--font-mono); letter-spacing: .1em; }.automation-chip strong, .visual-stat strong { display: block; font-size: 10px; line-height: 1.2; }.chip-check { display: grid; place-items: center; width: 17px; height: 17px; margin-left: auto; border-radius: 50%; background: #38532a; color: var(--brand-lime); font-size: 9px; }
.social-stack { position: absolute; z-index: 3; right: 0; bottom: 45px; width: 178px; }.social-card { display: flex; align-items: center; gap: 7px; height: 40px; margin-top: -4px; padding: 0 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 9px; background: #262626; box-shadow: 0 9px 20px rgba(0,0,0,.24); font-size: 9px; transform: rotate(-3deg); }.social-card:nth-child(2) { margin-left: 8px; transform: rotate(2deg); }.social-card:nth-child(3) { margin-left: 2px; transform: rotate(-1deg); }.social-card b { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 5px; background: #46759b; font-size: 9px; }.social-x b { background: #555; }.social-instagram b { background: linear-gradient(135deg, #f9c151, #ec3379, #6a4eea); }.social-card span { color: #ddd; }.social-card i { margin-left: auto; color: var(--brand-lime); font: 500 7px var(--font-mono); font-style: normal; }
.visual-stat { position: absolute; z-index: 4; left: -13px; bottom: 2px; display: flex; align-items: center; gap: 9px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.17); border-radius: 10px; background: #202020; box-shadow: 0 14px 30px rgba(0,0,0,.3); }.mini-chart { display: flex; align-items: end; gap: 2px; width: 26px; height: 20px; }.mini-chart i { width: 3px; background: var(--brand-lime); border-radius: 2px; }.mini-chart i:nth-child(1) { height: 7px; }.mini-chart i:nth-child(2) { height: 10px; }.mini-chart i:nth-child(3) { height: 8px; }.mini-chart i:nth-child(4) { height: 14px; }.mini-chart i:nth-child(5) { height: 19px; }
.logo-strip { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding-top: 2.5rem; color: #828282; font: 500 .66rem var(--font-mono); letter-spacing: .06em; text-transform: uppercase; }.logo-strip > div { display: flex; align-items: center; gap: clamp(.65rem, 1.7vw, 1.4rem); color: #c5c5c5; font: 500 .75rem var(--font-display); letter-spacing: -.03em; text-transform: none; }.logo-strip i { width: 3px; height: 3px; border-radius: 50%; background: #575757; }

.proof-bar { border-block: 1px solid var(--border-soft); background: #151515; }.proof-grid { display: grid; grid-template-columns: repeat(3,1fr); }.proof-grid > div { padding: 1.45rem clamp(1rem, 3vw, 3rem); border-right: 1px solid var(--border-soft); }.proof-grid > div:first-child { padding-left: 0; }.proof-grid > div:last-child { padding-right: 0; border-right: 0; }.proof-grid strong { display: block; margin-bottom: .2rem; color: #eee; font: 500 .96rem var(--font-display); letter-spacing: -.04em; }.proof-grid span { color: #8f8f8f; font-size: .78rem; }

.section { position: relative; padding: var(--space-8) 0; }.section-heading { max-width: 730px; margin: 0 auto 3.7rem; text-align: center; }.section-heading .eyebrow { justify-content: center; }.section-heading h2, .lead-copy h2, .faq-intro h2 { margin-top: .9rem; font-size: clamp(2.25rem, 4.1vw, 4.25rem); font-weight: 500; line-height: 1.06; }.section-heading > p:last-child, .faq-intro > p:last-of-type { max-width: 530px; margin: 1rem auto 0; color: #a4a4a4; font-size: 1.04rem; }.section-heading-left { margin-inline: 0; text-align: left; }.section-heading-left .eyebrow { justify-content: flex-start; }
.how-section { background: #111; }.steps { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; border-top: 1px solid var(--border); }.step { position: relative; min-height: 294px; padding: 1.2rem 1.5rem 1.2rem 0; border-right: 1px solid var(--border); }.step:not(:first-child) { padding-left: 1.5rem; }.step:last-child { border: 0; }.step-no { position: absolute; top: 1.25rem; right: 1rem; color: #626262; font: 500 .66rem var(--font-mono); }.step-icon { display: grid; place-items: center; width: 42px; height: 42px; margin: 2.7rem 0 1.55rem; border: 1px solid var(--border); border-radius: 12px; color: var(--brand-lime); font-size: 20px; }.icon-plan { color: #ff985c; }.icon-publish { color: #ff5b65; }.icon-grow { color: #c085ff; }.step h3 { margin-bottom: .72rem; font: 500 1.22rem/1.18 var(--font-display); letter-spacing: -.055em; }.step p { max-width: 220px; color: #979797; font-size: .9rem; line-height: 1.65; }

.features-section { background: radial-gradient(ellipse 70% 80% at 100% 25%, rgba(108,41,126,.12), transparent 67%), #181818; }.features-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }.feature-card { position: relative; min-height: 310px; overflow: hidden; padding: 1.65rem; border: 1px solid var(--border); border-radius: var(--radius-md); background: #202020; transition: border-color .25s, transform .25s var(--ease-out), background .25s; }.feature-card:hover { border-color: rgba(255,255,255,.3); background: #242424; transform: translateY(-3px); }.feature-card.feature-large { grid-row: span 2; min-height: 632px; background: radial-gradient(circle at 76% 20%, rgba(241,0,4,.24), transparent 34%), #232323; }.feature-card.feature-accent { background: linear-gradient(145deg, #322717, #242424 60%); }.feature-icon { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 1.65rem; border-radius: 11px; background: rgba(204,255,141,.13); color: var(--brand-lime); font-size: 19px; }.feature-index { color: #9b9b9b; font: 500 .62rem var(--font-mono); letter-spacing: .09em; }.feature-card h3 { max-width: 320px; margin: .62rem 0 .65rem; font: 500 clamp(1.3rem, 2vw, 1.78rem)/1.13 var(--font-display); letter-spacing: -.06em; }.feature-card > p:not(.feature-index) { max-width: 370px; color: #aaa; font-size: .91rem; line-height: 1.62; }.keyword-lines { position: absolute; right: -13px; bottom: 40px; left: 25px; display: grid; gap: 9px; transform: rotate(-6deg); }.keyword-lines span { width: 86%; padding: .65rem .8rem; border: 1px solid rgba(255,255,255,.1); border-radius: 7px; background: rgba(15,15,15,.7); color: #e1e1e1; box-shadow: 0 9px 17px rgba(0,0,0,.18); font: 500 .68rem var(--font-mono); }.keyword-lines span:nth-child(2) { width: 74%; margin-left: 17px; }.keyword-lines span:nth-child(3) { width: 64%; margin-left: 38px; }.channel-pills { display: flex; gap: 8px; margin-top: 2rem; }.channel-pills span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; color: #ddd; font-size: 13px; }.schedule { display: flex; gap: 7px; margin-top: 2.2rem; }.schedule span { padding: .45rem .55rem; border-radius: 5px; background: #373737; color: #aaa; font: .6rem var(--font-mono); }.schedule .active { background: rgba(204,255,141,.17); color: var(--brand-lime); }.text-link { display: inline-flex; gap: .48rem; margin-top: 1.6rem; color: var(--brand-lime); font-size: .86rem; font-weight: 700; text-decoration: none; transition: gap .2s; }.text-link:hover { gap: .75rem; }

.results-section { background: #0f0f0f; }.results-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }.result-card { position: relative; min-height: 330px; overflow: hidden; padding: 1.55rem; border: 1px solid var(--border); border-radius: var(--radius-md); background: #1e1e1e; }.result-card-dark { background: #293c20; border-color: rgba(204,255,141,.22); }.result-card p { color: #adadad; font: 500 .62rem var(--font-mono); letter-spacing: .1em; }.result-card strong { display: block; margin: 1.4rem 0 .12rem; font: 600 clamp(4rem, 6vw, 6.1rem)/.85 var(--font-display); letter-spacing: -.1em; }.result-card-dark strong { color: var(--brand-lime); }.result-card h3 { margin-bottom: .5rem; font: 500 1.2rem var(--font-display); letter-spacing: -.05em; }.result-card > span { color: #9a9a9a; font-size: .83rem; }.result-graph { position: absolute; right: 0; bottom: -5px; left: 0; display: flex; align-items: end; gap: 5px; height: 73px; padding: 0 1.55rem; opacity: .85; }.result-graph i { display: block; flex: 1; border-radius: 5px 5px 0 0; background: var(--brand-red); }.result-graph i:nth-child(1) { height: 17%; }.result-graph i:nth-child(2) { height: 25%; }.result-graph i:nth-child(3) { height: 23%; }.result-graph i:nth-child(4) { height: 48%; }.result-graph i:nth-child(5) { height: 65%; }.result-graph i:nth-child(6) { height: 94%; }.graph-lime i { background: var(--brand-lime); }.graph-cosmic i { background: #c275ff; }.results-note { margin-top: 1.2rem; color: #737373; text-align: center; font-size: .72rem; }

.faq-section { background: #171717; }.faq-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(3rem, 8vw, 9rem); }.faq-intro h2 { font-size: clamp(2.25rem, 3.5vw, 3.5rem); }.faq-intro > p:last-of-type { margin-left: 0; }.faq-list { border-top: 1px solid var(--border); }.faq-list details { border-bottom: 1px solid var(--border); }.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 0; color: #f0f0f0; cursor: pointer; font: 500 1.05rem/1.3 var(--font-display); letter-spacing: -.035em; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary::after { content: "+"; flex: 0 0 auto; color: var(--brand-lime); font: 300 1.65rem/1 var(--font-body); transition: transform .2s; }.faq-list details[open] summary::after { transform: rotate(45deg); }.faq-list details p { max-width: 630px; padding: 0 2.5rem 1.4rem 0; color: #a5a5a5; font-size: .92rem; line-height: 1.7; }

.lead-section { position: relative; isolation: isolate; overflow: hidden; padding: var(--space-8) 0; background: #101010; }.lead-glow { position: absolute; z-index: -1; width: 750px; height: 600px; top: 50%; right: -300px; transform: translateY(-50%); border-radius: 50%; background: radial-gradient(circle, rgba(241,0,4,.28), rgba(170,20,103,.12) 32%, transparent 67%); }.lead-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem, 8vw, 8.5rem); align-items: center; }.lead-copy h2 { max-width: 480px; }.lead-copy > p:not(.eyebrow) { max-width: 430px; margin-top: 1.05rem; color: #aaa; font-size: 1.02rem; line-height: 1.65; }.lead-copy ul { display: grid; gap: .62rem; margin-top: 1.75rem; list-style: none; color: #dedede; font-size: .88rem; }.lead-copy li { display: flex; gap: .65rem; align-items: center; }.lead-copy li span { display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: rgba(204,255,141,.15); color: var(--brand-lime); font-size: .65rem; }.lead-form { padding: clamp(1.35rem, 3vw, 2.1rem); border: 1px solid rgba(255,255,255,.15); border-radius: var(--radius-lg); background: rgba(39,39,39,.78); box-shadow: var(--shadow-card); backdrop-filter: blur(15px); }.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; }.form-group { margin-bottom: 1rem; }.form-group label { display: block; margin-bottom: .48rem; color: #e2e2e2; font-size: .79rem; font-weight: 600; }.form-group label span { color: #929292; font-weight: 400; }.lead-form input, .lead-form textarea { width: 100%; padding: .8rem .85rem; border: 1px solid rgba(255,255,255,.13); border-radius: 9px; outline: 0; background: #202020; color: #f7f7f7; font-size: .9rem; transition: border .2s, box-shadow .2s, background .2s; }.lead-form input::placeholder, .lead-form textarea::placeholder { color: #747474; }.lead-form input:focus, .lead-form textarea:focus { border-color: rgba(204,255,141,.75); background: #252525; box-shadow: 0 0 0 3px rgba(204,255,141,.12); }.lead-form textarea { display: block; min-height: 100px; resize: vertical; }.btn-block { width: 100%; min-height: 53px; }.form-privacy { margin-top: .85rem; color: #858585; text-align: center; font-size: .69rem; }.lead-form [data-form-status] { min-height: 1.4rem; margin-top: .75rem; text-align: center; font-size: .8rem; font-weight: 600; }.lead-form [data-kind="success"] { color: var(--brand-lime); }.lead-form [data-kind="error"] { color: #ff9393; }.lead-form [data-kind="pending"] { color: #ffc164; }

.footer { border-top: 1px solid var(--border-soft); background: #0b0b0b; }.footer-wrap { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 98px; color: #8e8e8e; font-size: .82rem; }.footer .brand { font-size: 1rem; }.footer-wrap > a:last-child { color: #d4d4d4; font-size: .82rem; text-decoration: none; }.footer-wrap > a:last-child:hover { color: var(--brand-lime); }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s var(--ease-out), transform .7s var(--ease-out); }.reveal-delay { transition-delay: .14s; }.reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 860px) {
  .hero { padding-top: 8.4rem; }.hero-grid { grid-template-columns: 1fr; gap: 1.5rem; }.hero-copy { max-width: 650px; text-align: center; margin: 0 auto; }.hero-copy .eyebrow, .hero-cta, .hero-note { justify-content: center; }.hero h1 { margin-inline: auto; }.hero-subhead { margin-inline: auto; }.hero-visual { width: min(100%, 560px); min-height: 420px; }.logo-strip { justify-content: center; }.logo-strip > span { display: none; }.proof-grid > div { padding-inline: 1rem; }.proof-grid > div:first-child { padding-left: 0; }.proof-grid > div:last-child { padding-right: 0; }.steps { grid-template-columns: repeat(2,1fr); }.step:nth-child(2) { border-right: 0; }.step:nth-child(3) { border-top: 1px solid var(--border); padding-left: 0; }.step:nth-child(4) { border-top: 1px solid var(--border); }.faq-layout, .lead-grid { grid-template-columns: 1fr; gap: 3rem; }.faq-intro { max-width: 600px; }.lead-copy { text-align: center; }.lead-copy .eyebrow, .lead-copy ul { justify-content: center; }.lead-copy h2, .lead-copy > p:not(.eyebrow) { margin-inline: auto; }
}

@media (max-width: 640px) {
  .container { width: min(100% - 2rem, var(--container)); }.site-header { height: 64px; }.site-header.is-scrolled { height: 60px; }.nav-toggle { display: grid; }.site-nav { position: absolute; top: calc(100% + 8px); right: 1rem; left: 1rem; display: grid; gap: 0; padding: .45rem; border: 1px solid var(--border); border-radius: 15px; background: rgba(32,32,32,.98); box-shadow: 0 20px 50px rgba(0,0,0,.4); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .2s, transform .2s, visibility .2s; }.site-nav.is-open { opacity: 1; visibility: visible; transform: translateY(0); }.site-nav > a:not(.nav-cta) { padding: .85rem .8rem; }.nav-cta { justify-content: center; margin-top: .3rem; }.hero { padding-top: 7.8rem; }.hero h1 { font-size: clamp(2.8rem, 13vw, 4rem); }.hero-cta { display: grid; grid-template-columns: 1fr; }.hero-cta .btn { width: 100%; }.hero-visual { min-height: 325px; padding: 31px 32px 25px 0; }.orbit-one { width: 315px; height: 315px; top: 3px; left: 4px; }.orbit-two { width: 385px; height: 385px; top: -30px; left: -36px; }.article-preview { min-height: 236px; padding: 17px 19px; }.article-meta { margin-bottom: 18px; }.article-title { font-size: 14px; }.article-card-row { margin: 13px 0; }.article-card-row > div:first-child { height: 40px; }.automation-chip { top: 0; right: 0; min-width: 145px; padding: 7px; }.automation-chip strong { font-size: 8px; }.social-stack { bottom: 24px; width: 142px; }.social-card { height: 34px; font-size: 8px; }.visual-stat { left: -8px; bottom: -5px; padding: 7px 8px; }.visual-stat strong { font-size: 8px; }.logo-strip { padding-top: 1.8rem; }.logo-strip > div { gap: .52rem; font-size: .65rem; }.logo-strip i { display: none; }.proof-grid { grid-template-columns: 1fr; }.proof-grid > div { padding: 1.05rem 0; border-right: 0; border-bottom: 1px solid var(--border-soft); }.proof-grid > div:last-child { border-bottom: 0; }.section-heading { margin-bottom: 2.55rem; }.section-heading h2 { font-size: clamp(2.2rem, 11vw, 3.2rem); }.steps { grid-template-columns: 1fr; }.step, .step:not(:first-child) { min-height: auto; padding: 1.2rem 0 1.7rem; border-right: 0; border-top: 1px solid var(--border); }.step:first-child { border-top: 0; }.step-icon { margin: 2.1rem 0 1.1rem; }.features-grid, .results-grid { grid-template-columns: 1fr; }.feature-card.feature-large { grid-row: auto; min-height: 440px; }.feature-card { min-height: 282px; }.result-card { min-height: 280px; }.faq-list summary { font-size: 1rem; }.faq-list details p { padding-right: 1rem; }.form-row { grid-template-columns: 1fr; gap: 0; }.footer-wrap { flex-direction: column; justify-content: center; min-height: 150px; }.footer-wrap p { order: 3; }.footer-wrap > a:last-child { order: 2; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.reveal { opacity: 1; transform: none; transition: none; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }