/* Workspace integration: preserve the supplied desktop design, repair narrow layouts. */
.audience-toggle[hidden] { display:none; }
body.site .hero { background-image:none; }
body.site .hero-sunflower { visibility:hidden; transform-box:view-box; }
body.site .wind-ready .hero-sunflower { visibility:visible; }
body.site .sunflower-head { transform-box:view-box; transform-origin:835px 673px; }
body.site .reference-sunflower { filter:saturate(1.06) brightness(1.04); }
body.site .sunflower-leaf { transform-box:view-box; }
@media (prefers-reduced-motion:no-preference) {
  body.site .hero .meadow-tuft { animation-name:hero-grass-breeze; animation-duration:var(--wind-duration,8s); }
  body.site .hero-sunflower { animation:sunflower-breeze 8.4s -1.2s ease-in-out infinite; animation-play-state:paused; }
  body.site .hero.scene-running .hero-sunflower { animation-play-state:running; }
  body.site .sunflower-head { animation:sunflower-nod 6s -2s ease-in-out infinite paused; }
  body.site .sunflower-leaf { animation:sunflower-leaf 7s -1s ease-in-out infinite paused; }
  body.site .sunflower-leaf.leaf-right { animation-delay:-3s; animation-direction:reverse; }
  body.site .hero.scene-running .sunflower-head, body.site .hero.scene-running .sunflower-leaf { animation-play-state:running; }
}
/* Mobile keeps the dense, pre-rendered meadow without animating individual blades. */
@media (max-width:760px), (hover:none), (pointer:coarse) {
  body.site .hero .grass-foreground { display:none; }
  body.site .hero .meadow-tuft { animation:none; }
}
@keyframes sunflower-nod { 0%,100% { transform:rotate(-1deg); } 45% { transform:rotate(2deg); } 75% { transform:rotate(.5deg); } }
@keyframes sunflower-leaf { 0%,100% { transform:rotate(-1deg); } 50% { transform:rotate(3deg); } }
@keyframes hero-grass-breeze {
  0%,100% { transform:skewX(calc(var(--wind-lean) * -.18)); }
  22% { transform:skewX(calc(var(--wind-lean) * -.5)); }
  43% { transform:skewX(calc(var(--wind-lean) * -1)); }
  61% { transform:skewX(calc(var(--wind-lean) * -.68)); }
  79% { transform:skewX(calc(var(--wind-lean) * -.3)); }
  90% { transform:skewX(calc(var(--wind-lean) * -.42)); }
}
@keyframes sunflower-breeze {
  0%,100% { transform:rotate(.35deg) skewX(-.25deg); }
  23% { transform:rotate(1.1deg) skewX(-.6deg); }
  45% { transform:rotate(2.4deg) skewX(-1deg); }
  65% { transform:rotate(1.5deg) skewX(-.7deg); }
  83% { transform:rotate(.15deg) skewX(-.15deg); }
}
body.site .glass-nav-inner > * { min-width:0; }
body.site .glass-nav .brand-navigation[hidden] { display:none!important; }
body.site .landing-navigation { display:contents; }
body.site .nav-menu-toggle { display:none; }
body.site .showcase-controls { margin-top:0; }
body.site .creator-stage { --card-step:244px; touch-action:pan-y; cursor:grab; user-select:none; -webkit-user-select:none; }
body.site .creator-stage .creator-card { transform:translate(calc(-50% + var(--card-step) * var(--position) + var(--drag-offset,0px)), -50%); cursor:grab; touch-action:pan-y; border:7px solid transparent; transition:transform .48s cubic-bezier(.22,.8,.25,1),width .48s cubic-bezier(.22,.8,.25,1),height .48s cubic-bezier(.22,.8,.25,1),border-radius .48s,border-color .48s,box-shadow .48s; }
body.site .creator-stage .creator-card.is-active { border-color:#171818; }
body.site .creator-stage .creator-card { background:#dad4c9; }
body.site .creator-stage .creator-poster, body.site .creator-stage video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
body.site .creator-stage video { opacity:0; transition:opacity .25s ease; }
body.site .creator-stage .video-ready video { opacity:1; }
body.site .creator-stage .creator-card::after { content:''; position:absolute; width:76px; height:19px; background:#111; border-radius:20px; top:9px; left:50%; transform:translateX(-50%); opacity:0; transition:opacity .3s; }
body.site .creator-stage .creator-card.is-active::after { opacity:1; }
body.site .creator-stage.is-dragging, body.site .creator-stage.is-dragging .creator-card { cursor:grabbing; }
body.site .creator-stage.is-dragging .creator-card, body.site .creator-stage.is-layout .creator-card { transition:none; }
body.site .creator-stage img, body.site .creator-stage video { -webkit-user-drag:none; }
.showcase-pause:focus-visible, .creator-card:focus-visible { outline:3px solid #34773d; outline-offset:4px; }
body.site .brand-navigation a, body.site .audience-toggle button { min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
body.site .audience-toggle.has-sliding-thumb { position:relative; isolation:isolate; }
body.site .audience-toggle-thumb { position:absolute; top:3px; bottom:3px; left:0; z-index:-1; border:1px solid #ffffffb3; border-radius:999px; background:linear-gradient(180deg,#fffffff0,#ffffffc9); box-shadow:0 2px 5px #15281a1a,inset 0 1px 0 #fff; pointer-events:none; }
body.site .has-sliding-thumb .audience-toggle-thumb { transition:transform .42s cubic-bezier(.22,1.2,.36,1),width .42s cubic-bezier(.22,1.2,.36,1); will-change:transform; }
body.site .glass-nav .audience-toggle.has-sliding-thumb button { position:relative; background:transparent; box-shadow:none; transition:color .25s; }
body.site .glass-nav .audience-toggle.has-sliding-thumb button[aria-pressed="true"] { background:transparent; box-shadow:none; }
body.site .footer-grid a { overflow-wrap:anywhere; }
body.site #guahva-flip-preview .face.front { pointer-events:auto; }
body.site #guahva-flip-preview .face.back { pointer-events:none; }
body.site #guahva-flip-preview .is-back .face.front { pointer-events:none; }
body.site #guahva-flip-preview .is-back .face.back { pointer-events:auto; }
body.site #guahva-flip-preview .back-copy { cursor:pointer; overflow-wrap:anywhere; touch-action:pan-y; overscroll-behavior-y:auto; }
@media (min-width:701px) and (max-width:960px) {
  body.site #guahva-flip-preview .services { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:760px; }
  body.site #guahva-flip-preview .service-item:last-child { grid-column:1 / -1; width:calc((100% - 16px) / 2); justify-self:center; }
}
body.site [id] { scroll-margin-top:110px; }
/* Keep the website field and CTA aligned in a single row at every width. */
body.site .website-form[data-astro-cid-3xkl573o] { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; }
body.site .website-form input:not([type="hidden"]) { height:44px; min-height:44px; width:100%; line-height:normal; padding-block:0; }
body.site .website-form .website-icon { top:50%; transform:translateY(-50%); }
body.site .pixel-footer-bottom { margin-top:0; padding-top:12px; padding-bottom:44px; }
@media (max-width:480px) {
  body.site .website-form[data-astro-cid-3xkl573o] { grid-template-columns:minmax(0,1fr) auto; gap:4px; padding:4px; border-radius:999px; max-width:340px; margin-inline:auto; }
  body.site .website-form input:not([type="hidden"]) { min-width:0; height:40px; min-height:40px; padding-left:30px; padding-right:0; font-size:16px; }
  body.site .website-form .website-icon { left:13px; width:16px; height:16px; }
  body.site .website-form .button { --h:38px; width:auto; height:38px; min-height:38px; padding-inline:12px; font-size:13px; white-space:nowrap; }
}
@media (max-width:760px) {
  body.site .site-nav.glass-nav { border-radius:26px!important; }
  body.site .glass-nav-inner { flex-wrap:wrap; justify-content:space-between; gap:8px; }
  body.site .glass-nav .brand-navigation { width:100%; margin:0; justify-content:space-between; gap:8px; }
  body.site .has-mobile-menu .glass-nav-inner { display:grid; grid-template-columns:minmax(0,1fr) auto 44px; align-items:center; gap:10px; padding:8px 10px; }
  body.site .has-mobile-menu .logo { width:max-content; font-size:20px; }
  body.site .has-mobile-menu .audience-toggle { margin:0; }
  body.site .has-mobile-menu .nav-menu-toggle { position:relative; display:block; width:44px; height:44px; border:1px solid #a5ce90; border-radius:15px; background:linear-gradient(145deg,#d7f2c7,#bde4a6); color:#294b2b; box-shadow:inset 0 1px 0 #ffffffb3,0 3px 8px #294b2b12; transition:background .2s,box-shadow .2s; }
  body.site .nav-menu-toggle:hover { box-shadow:inset 0 1px 0 #ffffffb3,0 4px 12px #294b2b24; }
  body.site .nav-menu-toggle:focus-visible { outline:2px solid #34773d; outline-offset:3px; }
  body.site .nav-menu-toggle span { position:absolute; left:11px; width:20px; height:2px; border-radius:2px; background:currentColor; transition:transform .2s; }
  body.site .nav-menu-toggle span:first-child { top:16px; }
  body.site .nav-menu-toggle span:last-child { top:24px; }
  body.site .nav-menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(4px) rotate(45deg); }
  body.site .nav-menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-4px) rotate(-45deg); }
  body.site .has-mobile-menu .landing-navigation { position:absolute; top:calc(100% + 10px); left:0; right:0; display:none; padding:10px; border:1px solid #b5c7a954; border-radius:22px; background:#f8faf2f5; backdrop-filter:blur(20px); box-shadow:0 16px 40px -12px #23372030,inset 0 1px 0 #fff; }
  body.site .has-mobile-menu.menu-open .landing-navigation { display:block; }
  body.site .has-mobile-menu .landing-navigation .brand-navigation { display:flex; flex-direction:column; align-items:stretch; gap:4px; }
  body.site .has-mobile-menu .landing-navigation a { justify-content:flex-start; min-height:48px; padding:12px 16px; border-radius:13px; font-size:16px; color:#29432b; }
  body.site .has-mobile-menu .landing-navigation a:hover { background:#e8f1df; }
  body.site .has-mobile-menu .landing-navigation .nav-book { justify-content:center; margin-top:4px; background:#c3eaac; }
  body.site .hero .hero-inner { padding-top:0; }
  body.site section.hero[data-astro-cid-lcdefpme] { padding-top:140px; }
  body.site [id] { scroll-margin-top:100px; }
}
@media (max-width:600px) {
  body.site section.hero[data-astro-cid-lcdefpme] { padding-bottom:480px; }
  body.site .hero-marquee.software-brands[data-astro-cid-lcdefpme] { flex-direction:column; align-items:stretch; gap:16px; padding:28px 16px; }
  body.site .software-brands .brand-heading { flex:0 0 auto; text-align:center; font-size:17px; }
  body.site .software-brands .marquee { flex:none; width:100%; }
  body.site .software-brands .brand-name { width:160px; font-size:23px; }
  body.site .software-brands .brand-logo img { width:32px; height:32px; }
  body.site .software-brands .brand-logo img[alt="Relocal"] { width:130px; height:54px; }
  body.site .creator-stage { --card-step:192px; }
  body.site .container { width:100%; }
  body.site .hero-benefits { grid-template-columns:minmax(0,1fr); }
  body.site .platform-badges { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:100%; }
  body.site .platform-badge { min-width:0; justify-content:center; }
  body.site .hero-lead { max-width:100%; }
  body.site .creator-stage .creator-card { min-height:44px; }
  body.site .ad-format-row { flex-direction:column; gap:12px; }
  body.site #guahva-flip-preview .ad-format-toggle { width:100%; }
  body.site #guahva-flip-preview .ad-format-toggle button { flex:1; min-width:0; white-space:normal; min-height:44px; }
  body.site .final .sales-call-link { max-width:100%; }
}
@media (max-width:380px) {
  body.site .glass-nav-inner { padding-inline:10px; }
  body.site .glass-nav .brand-navigation a { font-size:14px; }
  body.site .glass-nav .brand-navigation .nav-book { padding-inline:10px; }
  body.site .has-mobile-menu .glass-nav-inner { gap:6px; padding-inline:8px; }
  body.site .has-mobile-menu .logo { gap:5px; font-size:18px; }
  body.site .has-mobile-menu .logo img { width:24px; height:24px; }
  body.site .has-mobile-menu .audience-toggle button { padding-inline:9px; }
  body.site .website-form .button { padding-inline:10px; font-size:13px; }
  body.site .platform-badge { font-size:13px; padding-inline:5px; gap:4px; }
  body.site .platform-badge .soon { font-size:10px; padding:4px; margin-left:0; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto!important; }
  body.site .nav-menu-toggle, body.site .nav-menu-toggle span { transition:none; }
  body.site .has-sliding-thumb .audience-toggle-thumb, body.site .glass-nav .audience-toggle.has-sliding-thumb button { transition:none; }
  body.site .creator-stage .creator-card, body.site .creator-stage video, body.site .creator-stage .creator-card::after { transition:none; }
}

/* GUA-22: campaign brief values type in word by word, card hover pop, ambient creator band. */
@media (prefers-reduced-motion:no-preference) {
  body.site .campaign-brief.brief-words .brief-word { display:inline-block; opacity:0; filter:blur(4px); transform:translateY(6px); }
  body.site .campaign-brief.brief-words.play .brief-word { animation:brief-word .42s cubic-bezier(.2,.7,.2,1) forwards; animation-delay:calc(var(--w,0) * 70ms + var(--row,0) * 90ms + .35s); }
  body.site .pricing-plan { transition:transform .18s cubic-bezier(.3,1.6,.5,1), border-color .15s ease, box-shadow .15s ease; }
  body.site .pricing-plan:hover, body.site .pricing-plan:focus-within { transform:scale(1.025); }
}
@keyframes brief-word { to { opacity:1; filter:none; transform:none; } }
body.site .creator-band[data-astro-cid-lcdefpme] { isolation:isolate; background:#439ee4 url('/landing/v/8d247b2c6bbfd342/assets/creator-clear-sky.webp') center / 100% 100% no-repeat; }
body.site .creator-scenery { position:absolute; inset:0; z-index:-1; overflow:hidden; border-radius:inherit; pointer-events:none; }
body.site .creator-scenery::after { content:''; position:absolute; inset:0; background:#ffffff55; }
body.site .creator-scenery img { position:absolute; display:block; max-width:none; }
body.site .creator-cloud-left { width:18%; left:0; top:5%; }
body.site .creator-cloud-right { width:20%; left:55%; top:12%; }
body.site .creator-scenery .creator-cloud-left[style], body.site .creator-scenery .creator-cloud-right[style] { left:0; right:auto; will-change:transform; }
body.site .creator-trees-left { width:35%; left:0; bottom:0; }
body.site .creator-trees-right { width:36%; right:0; bottom:0; }
body.site .creator-canopy { width:24%; right:0; top:0; }
@media (max-width:600px) {
  body.site .creator-trees-left { width:48%; }
  body.site .creator-trees-right { width:48%; }
  body.site .creator-canopy { width:34%; }
}
/* Green outline only on the card the cursor (or keyboard focus) is on. */
body.site .pricing-plan.pricing-featured { border-color:#e5e5e2; box-shadow:0 2px 5px #00000005; }
body.site .pricing-plan:hover, body.site .pricing-plan:focus-within { border-color:#8cc970; box-shadow:0 0 0 1px #8cc970, 0 14px 30px -18px #324d28; position:relative; z-index:1; }
/* Keep comparison icons beside, and level with, the first line of their copy. */
body.site .comparison-window .compare-row > span[role="cell"] { display:grid; grid-template-columns:15px minmax(0,1fr); gap:10px; align-items:start; text-align:left; }
body.site .comparison-window .compare-row > span[role="cell"] > svg { margin-top:calc((1.5em - 15px) / 2); }
body.site [data-step-count] { font-variant-numeric:tabular-nums; }
body.site .mock-score [data-step-count] { display:inline-block; min-width:2ch; }
body.site .campaign-views [data-step-count] { display:inline-block; min-width:4ch; text-align:right; }