/* Public Halo surfaces: near-black canvas, quiet elevation, blue for actions. */
html:has(body.marketing-page){color-scheme:dark;background:#080b10;scrollbar-color:#3a4b65 #080b10;scroll-padding-top:7rem}
.marketing-page{
 --halo-canvas:#080b10;--halo-surface:#101722;--halo-elevated:#172338;--halo-inset:#0c121c;
 --halo-ink:#edf2fc;--halo-muted:#aebbd0;--halo-subtle:#91a0b6;
 --halo-line:#253247;--halo-line-strong:#3a4b65;--halo-blue-text:#93c5fd;
 --halo-blue-hover:#1d4ed8;--halo-navy:#0c1425;
 --halo-success:#6ee7b7;--halo-warning:#fcd34d;--halo-danger:#fda4af;
 color-scheme:dark;background:var(--halo-canvas);color:var(--halo-ink)
}
.marketing-page ::selection{background:#2563eb88;color:#fff}
.marketing-page :is(input,textarea,select){color-scheme:dark;caret-color:#93c5fd}
.marketing-page :focus-visible{outline-color:#93c5fd}
.marketing-page :is(h1,h2,h3){letter-spacing:-.03em}
.marketing-page :is(.footer-columns h2,.shared-inclusions h3){letter-spacing:0}
.marketing-page .site-header{position:sticky;top:0;z-index:30;background:#080b10ed;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #25324780}
.marketing-page .header-inner{height:6rem;border-color:transparent}
.marketing-page .header-inner nav .account-link{background:#101722;border-color:#2c3b50;color:var(--halo-ink)}
.marketing-page .button.outline{background:#101722;border-color:#3a4b65;color:#d7e7ff}
.marketing-page .button.primary{box-shadow:0 .35rem 1rem #2563eb20}
.marketing-page .launch-intro{padding-block:5rem 2.5rem}
.marketing-page .intro-heading{grid-template-columns:1.15fr 1fr;gap:5rem;align-items:start}
.marketing-page .intro-heading h1{font-size:4.8rem;line-height:1.13;letter-spacing:-.04em}
.marketing-page .intro-heading h1>span{color:#93baff}
.marketing-page .intro-right{padding-top:.35rem}
.marketing-page .intro-right>p:first-child{font-size:1.25rem;line-height:1.85}
.marketing-page .hero-actions{margin-top:2rem}
.marketing-page .hero-terms{font-size:1rem;max-width:42rem}
.marketing-page .platform-availability{border-color:var(--halo-line);margin-top:3rem;padding-top:1.5rem}
.marketing-page .platform-availability small{background:#101722;border-color:#2c3b50;color:var(--halo-muted)}
.marketing-page .platform-current small{background:#142542!important;border-color:#34547e!important;color:#bed8ff!important}
.marketing-page :is(h1,h2,h4,p,blockquote,.testimonial-card footer,.shared-inclusions>ul) :is(.platform-name,.google-letter){color:inherit!important}

/* A single surface hierarchy across the product demonstrations. */
.marketing-page :is(.sequence-section,.hw-console,.business-film,.dashboard-preview){border-color:#2c3b50;box-shadow:0 1.5rem 3.5rem -1.5rem #0007}
.marketing-page .sequence-section{background:#0d141f;margin-top:0}
.marketing-page :is(.sequence-top,.sequence-transport,.hw-console-top,.business-film-top,.business-film-bottom){background:#111a27;border-color:var(--halo-line)}
.marketing-page :is(.sequence-pane+.sequence-pane,.sequence-disclaimer,.preview-targets>div,.search-country,.engine-checks li){border-color:var(--halo-line)}
.marketing-page :is(.preview-field>div,.result-query,.hw-field){background:#0b111a;border-color:#354760}
.marketing-page .engine-code{background:#0a111c;border-color:var(--halo-line)}
.marketing-page .hw-tabs{background:#0d141f}
.marketing-page .hw-scene{background:radial-gradient(ellipse at 50% 50%,#16305330,transparent 68%),#0b121d}
.marketing-page .hw-grid{display:none}
.marketing-page .hw-card{background:#111a27;border-color:#304158;box-shadow:0 .75rem 1.5rem #0002}
.marketing-page .hw-card::after{box-shadow:0 0 0 1px #75aaff55,0 .6rem 2rem #2563eb24}
.marketing-page .hw-tabs button[aria-selected=true],.marketing-page .hw-tab-indicator{background:#1b3456;box-shadow:inset 0 0 0 1px #77aeff55,inset 0 -3px #82b6ff;color:#f1f6ff}
.marketing-page .hw-tabs[data-enhanced=true] button[aria-selected=true]{background:transparent;box-shadow:none}
.marketing-page .hw-details{background:#101a28;border-color:var(--halo-line)}
.marketing-page .business-stage{background:none}
.marketing-page .studio-window{background:#111b2a;border-color:#354760;box-shadow:none}
.marketing-page :is(.chapter-controls [aria-pressed=true],.business-chapters button[aria-selected=true]){background:#1b3456;color:#e3efff}
.marketing-page :is(.halo-workflow,.dashboard-showcase,.testimonials,.business-showcase,.platform-roadmap,.confidence-section,.plans-section,.plain-faq,.site-footer){border-color:var(--halo-line)}
.marketing-page :is(.testimonial-card,.shared-inclusions,.platform-destination){background:#101722;border-color:#2c3b50}
.marketing-page :is(.shared-inclusions p,.billing-rows,.billing-row,.plain-faq details,.footer-base){border-color:var(--halo-line)}
.marketing-page .plans-section{background:none}
.marketing-page .public-closing{background:#111d30;border:1px solid #2b4060;border-radius:1rem;padding:2.5rem;margin-block:2rem 4rem}
.marketing-page .public-closing h2>span{color:var(--halo-muted)}
.marketing-page .noscript{background:#142542;color:#d7e7ff}

/* Platform identity appears on interaction without competing with the copy. */
.marketing-page .platform-destination{
 --platform-edge:linear-gradient(var(--platform-color),var(--platform-color));
 --platform-wash:radial-gradient(ellipse at top left,color-mix(in srgb,var(--platform-glow) 14%,transparent),transparent 80%);
}
.marketing-page .platform-destination[data-platform=google]{
 --platform-edge:conic-gradient(from -45deg,#4285f4aa,#ea4335aa,#fbbc05aa,#34a853aa,#4285f4aa);
 --platform-wash:linear-gradient(120deg,#4285f41c,#ea433514 35%,#fbbc0514 65%,#34a8531c);
}
.marketing-page .platform-destination[data-platform=tiktok]{
 --platform-edge:linear-gradient(120deg,#25f4eeaa,#fe2c55aa);
 --platform-wash:linear-gradient(120deg,#25f4ee1c,transparent 55%,#fe2c551c);
}
.marketing-page .platform-destination::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--platform-wash);opacity:0;transition:opacity 160ms linear}
.marketing-page .platform-destination:focus-within{border-color:transparent;background:linear-gradient(#101722,#101722) padding-box,var(--platform-edge) border-box}
.marketing-page .platform-destination:focus-within::before{opacity:1}
@media(prefers-reduced-motion:reduce){
 .marketing-page .platform-destination::before{transition:none}
}

@media(hover:hover) and (pointer:fine){
 .marketing-page .button.outline:hover{background:#172338;border-color:#6b8bb4}
 .marketing-page :is(.header-inner nav>a,.footer-columns a):hover{color:#fff}
 .marketing-page :is(.chapter-controls button,.business-chapters button):hover{background:#203a60;color:#edf2fc}
 .marketing-page .hw-tabs button[aria-selected=false]:hover{background:#16263e;color:#edf2fc}
 .marketing-page .feature-menu button:hover:not([aria-selected=true]){background:#16263e;color:#edf2fc}
 .marketing-page .niche-card:hover{background:#142033;border-color:#49668e}
 .marketing-page .platform-destination:hover{border-color:transparent;background:linear-gradient(#101722,#101722) padding-box,var(--platform-edge) border-box}
 .marketing-page .platform-destination:hover::before{opacity:1}
 .marketing-page .plain-faq summary:hover{color:#bcd7ff}
}

/* Light and depth belong to the product story, not the working dashboard. */
.marketing-page .launch-intro{position:relative;isolation:isolate}
.marketing-page .launch-intro::before{
 content:'';position:absolute;inset:0 0 -5rem;z-index:-1;pointer-events:none;
 background:radial-gradient(ellipse at 25% 30%,#2563eb25,transparent 58%),radial-gradient(ellipse at 80% 100%,#347bdd12,transparent 55%);
 mask-image:radial-gradient(ellipse at center,#000 15%,transparent 72%);
}
.marketing-page .intro-heading h1>span:first-child{text-shadow:0 0 2.5rem #548fff55}
.marketing-page .sequence-section{box-shadow:0 -1rem 5rem -2.5rem #327aff70,0 1.5rem 3.5rem -1.5rem #0007}
.marketing-page .sequence-top{border-radius:1rem 1rem 0 0;background:linear-gradient(110deg,#18283e,#111a27 65%)}
.marketing-page .sequence-section::before{
 content:'';position:absolute;top:-1px;left:12%;right:12%;height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent,#8bbcffb0,transparent);
}
.marketing-page .hw-scene{overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#1e4f8d50,transparent 67%),#0b121d}
.marketing-page .hw-grid{display:block;background-image:linear-gradient(#8aabdf0a 1px,transparent 1px),linear-gradient(90deg,#8aabdf0a 1px,transparent 1px)}
.marketing-page .hw-orbits span{border-color:#649ff64a}
.marketing-page .hw-orbits span:nth-child(2){border-color:#649ff62c}
.marketing-page .hw-orbits span:nth-child(3){border-color:#649ff61a}
.marketing-page .hw-hub-shell{box-shadow:0 0 0 .5rem #327aff0d,0 0 3rem #2563eb45,inset 0 1px #a4c8ff33}
.marketing-page .hw-card::after{box-shadow:0 0 0 1px #8bbcff88,0 .6rem 2.5rem #2563eb38}
.marketing-page .hw-pointer-light{
 position:absolute;left:0;top:0;width:28rem;height:28rem;z-index:-1;pointer-events:none;
 background:radial-gradient(circle,#528fff28,transparent 68%);opacity:0;transition:opacity 180ms linear;
}
.marketing-page .hw-scene.has-pointer-light .hw-pointer-light{opacity:1}
.marketing-page .public-closing{background:radial-gradient(ellipse at 10% 50%,#2563eb28,transparent 65%),#101a2a;box-shadow:inset 0 1px #92bbff14}
.marketing-page .button.primary{position:relative;isolation:isolate;overflow:hidden;box-shadow:inset 0 1px #ffffff30,0 .35rem 1rem #2563eb25}
.marketing-page .button.primary::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 15%,#ffffff20 50%,transparent 85%);transform:translateX(-110%);opacity:0;transition:transform 280ms cubic-bezier(.23,1,.32,1),opacity 180ms linear}
.marketing-page .button.primary:active{opacity:.8}
@media(hover:hover) and (pointer:fine){
 .marketing-page .button.primary:hover::after{transform:translateX(40%);opacity:1}
}
@media(prefers-reduced-motion:reduce){
 .marketing-page .hw-pointer-light{display:none}
 .marketing-page .button.primary::after{transform:none;transition:none}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 .marketing-page .launch-intro::before,.marketing-page .hw-pointer-light,.marketing-page .hw-grid,.marketing-page .sequence-section::before,.marketing-page .button.primary::after{display:none}
 .marketing-page .intro-heading h1>span:first-child{text-shadow:none}
 .marketing-page .hw-scene{background:#0b121d}
 .marketing-page .sequence-top{background:#111a27}
 .marketing-page .public-closing{background:#101a2a}
}

/* Reading rhythm: opening demonstration, pricing and questions, then deeper detail. */
.home-page{--home-section-space:5rem;--home-heading-gap:2.25rem}
.home-page main>.halo-workflow{margin-top:3rem;padding-top:4rem}
.home-page main>.dashboard-showcase{padding-block:4rem 5rem}
.home-page main>.halo-niches{padding-block:4rem}
.home-page .niche-grid{gap:1rem}
.home-page .niche-card{padding:1.4rem;background:var(--halo-surface)}
.home-page main>.testimonials{padding-bottom:3rem}
.home-page main>.plans-section{padding-top:3rem;border-top:0}
.home-page #products+.plain-faq{padding-top:3rem;padding-bottom:4rem;border-bottom:0}
.home-page .plan-layout{gap:3rem}
.home-page .shared-inclusions{align-self:start}
.home-page .billing-row{padding-block:1.75rem}


@media(max-width:1100px){.marketing-page .intro-heading{gap:3rem}.marketing-page .intro-heading h1{font-size:4.2rem}}
@media(max-width:760px){
 .home-page{--home-section-space:3.5rem;--home-heading-gap:1.5rem}
 .home-page main>.halo-workflow{margin-top:1.5rem;padding-top:3rem}
 .home-page main>.dashboard-showcase,.home-page main>.halo-niches{padding-block:3rem}
 .marketing-page .header-inner{height:5.5rem}
 .marketing-page .header-inner nav>a[href="#how-it-works"]{display:none}
 .marketing-page .header-inner nav>a[href="#products"]{display:flex}
 .marketing-page .launch-intro{padding-block:3rem 2rem}
 .marketing-page .intro-heading{grid-template-columns:1fr;gap:1.75rem}
 .marketing-page .intro-heading h1{font-size:3.8rem;max-width:15ch}
 .marketing-page .intro-right{padding:0}
 .marketing-page .intro-right>p:first-child{font-size:1.15rem}
 .marketing-page .hero-actions{margin-top:1.5rem;gap:1rem}
 .marketing-page .platform-availability{margin-top:2rem}
 .marketing-page .public-closing{padding:2rem;margin-block:1rem 3rem}
}