.billboard{position:relative;overflow:hidden;background:var(--bg)}
.billboard *{letter-spacing:0}
.motion-symbols{position:absolute;width:0;height:0;overflow:hidden}
.stage-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:'copy art' 'cta badge';align-items:center;gap:22px 48px;padding-block:34px 26px}
.scene-stack{grid-area:copy;display:grid;min-width:0;align-self:center}
.scene{grid-area:1/1;min-width:0;visibility:hidden;opacity:0;pointer-events:none}
.scene.is-active{visibility:visible;opacity:1;pointer-events:auto}
.billboard .hero-heading{font:400 52px/1.1 var(--serif);margin:0;padding:0;max-width:560px;min-width:0;text-align:left}
.headline-mobile{display:none}
.billboard .hero-description{font-size:19px;line-height:1.5;color:var(--muted);margin:22px 0 0;max-width:450px;min-width:0}
.billboard.has-carousel .scene.is-active .hero-heading{animation:hero-arrive .75s cubic-bezier(.2,.6,.3,1) both}
.billboard.has-carousel .scene.is-active .hero-description{animation:hero-arrive .75s cubic-bezier(.2,.6,.3,1) .75s both}
.billboard.is-revealing :is(.art,.call-to-action,.hero-features,.hero-badge){animation:hero-arrive .75s cubic-bezier(.2,.6,.3,1) 1.5s both}
.billboard.has-entered :is(.art,.call-to-action,.hero-features,.hero-badge){animation:none}
.billboard:is(.is-paused,.is-interacting,:focus-within) :is(.hero-heading,.hero-description,.art,.call-to-action,.hero-features,.hero-badge){animation:none}
.billboard .art{grid-area:art;align-self:center;margin:0;min-width:0}
.conversation-media{position:relative;width:100%;aspect-ratio:3/2}
.original-people{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:none!important;transform:none!important}
.billboard .line-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.signal-path{stroke-dasharray:18 182;stroke-dashoffset:18;opacity:0;animation:hero-line-forward 3.5s linear infinite;animation-play-state:paused}
.billboard[data-flow=right-to-left] .signal-path{animation-name:hero-line-backward}
.billboard[data-flow=alternating] .signal-path{animation-direction:alternate}
.billboard.is-animating .signal-path{animation-play-state:running}
.call-to-action{grid-area:cta;align-self:start;min-width:0;width:100%;max-width:450px}
.call-to-action .button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;font-size:17px;min-height:60px;padding:16px 20px;border-radius:5px;text-align:left}
.billboard svg,.terms-visuals svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.call-to-action svg{width:23px;height:23px;flex:none}
.hero-features{grid-area:features;list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:16px;line-height:1.4;color:var(--ink);justify-self:center}
.hero-features li{display:flex;gap:12px;align-items:start;min-width:0}
.hero-features svg{width:22px;height:22px;flex:none;color:var(--accent)}
.hero-features small{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.billboard .hero-badge{grid-area:badge;align-self:start;justify-self:stretch;max-width:100%;min-height:60px;display:flex;align-items:center;justify-content:center;margin:0;padding:12px 18px;border:1px solid #526b52;border-radius:6px;background:#172d22;color:#dce9cc;font-size:16px;line-height:1.4;text-align:center}
/* Keyboard and assistive-technology users retain a pause control without a visible toolbar. */
.hero-motion-toggle{display:none;position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);border:0;white-space:nowrap}
.has-carousel .hero-motion-toggle{display:block}
.hero-motion-toggle:focus-visible{display:grid;place-items:center;left:24px;bottom:16px;width:44px;height:44px;clip-path:none;z-index:2;border-radius:5px;background:var(--bg);color:var(--ink);cursor:pointer}
.hero-motion-toggle svg{width:20px;height:20px}
.billboard button:focus-visible,.billboard a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.billboard~.journey .journey-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.billboard~.journey .journey-steps h3{font-size:22px;line-height:1.3;overflow-wrap:break-word}
.participation-section{background:#10231a;color:var(--ink)}
.participation-terms h2{margin:0 0 32px}
.billboard~.boundaries,.billboard~.support-band{background:var(--bg)}
.billboard~.support-band .support-icon:after{background:var(--bg)}
.billboard~.faq{display:block;background:#10231a}
.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px 80px}
.faq-list{min-width:0}
.faq-more{margin:22px 0 0}
.faq-more>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:12px 16px;border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:16px;line-height:1.4;list-style:none;cursor:pointer}
.faq-more>summary::-webkit-details-marker{display:none}
.faq-more>summary:hover{background:#b4ce9b14}
.faq-more>summary svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:rotate(90deg)}
.faq-more .faq-more-hide,.faq-more[open] .faq-more-show{display:none}
.faq-more[open] .faq-more-hide{display:inline}
.faq-more[open]>summary svg{transform:rotate(-90deg)}
.faq-secondary{margin-top:20px}
:root[data-theme=light] .participation-section,:root[data-theme=light] .billboard~.faq{background:#dcebe3}
:root[data-theme=light] .billboard~.boundaries,:root[data-theme=light] .billboard~.support-band,:root[data-theme=light] .billboard~.support-band .support-icon:after{background:var(--bg)}
.terms-visuals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:0}
.terms-visuals li{display:grid;align-content:start;gap:9px;min-width:0}
.terms-visuals svg{width:36px;height:36px;margin-bottom:7px;color:var(--accent)}
.terms-visuals strong{font-size:18px;line-height:1.4;font-weight:500;color:var(--ink)}
.terms-visuals span{font-size:15px;line-height:1.5;color:var(--muted)}
.terms-details{margin-top:25px;font-size:15px;color:var(--muted)}
.terms-details summary{color:var(--ink);cursor:pointer;width:fit-content;padding:6px 0}
.terms-details p{max-width:850px;margin-top:12px;line-height:1.6}
.release-price{font-size:16px;line-height:1.6;color:var(--muted);margin-top:12px}
.footer-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 32px}
.footer-layout nav{align-items:center}
.footer-layout p{grid-column:1/-1;margin:0}
.footer .survey-launch{display:flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:12px 20px;border:1px solid #244b36;border-radius:6px;background:#244b36;color:#fff;font:inherit;font-size:16px;text-decoration:none;cursor:pointer}
.footer .survey-launch:hover{background:#163b29;border-color:#163b29}
.footer .survey-launch:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.survey-launch svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:root[data-theme=light] .billboard .hero-badge{background:#dcebe1;border-color:#9cb6a4;color:#224b35}
@keyframes hero-arrive{from{opacity:0;transform:translateY(8px);visibility:hidden}to{opacity:1;transform:none;visibility:visible}}
@keyframes hero-line-forward{0%{stroke-dashoffset:18;opacity:0}12%,88%{opacity:1}100%{stroke-dashoffset:-100;opacity:0}}
@keyframes hero-line-backward{0%{stroke-dashoffset:-100;opacity:0}12%,88%{opacity:1}100%{stroke-dashoffset:18;opacity:0}}
@media(min-width:1500px){.billboard .hero-heading{font-size:60px}}
@media(min-width:761px) and (max-width:1100px){.stage-shell{gap:20px 28px}.billboard .hero-heading{font-size:44px}.billboard .hero-description{font-size:18px}}
@media(max-width:1000px){.billboard~.journey .journey-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.stage-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:'copy' 'art' 'cta' 'badge';gap:16px;padding-block:22px 24px}.billboard .hero-heading{font-size:36px;line-height:1.12}.headline-desktop{display:none}.headline-mobile{display:inline}.billboard .hero-description{font-size:18px;line-height:1.45;max-width:none;margin-top:18px}.billboard .art{justify-self:center;width:min(100%,330px)}.call-to-action{max-width:none}.call-to-action .button{font-size:17px;min-height:58px;padding:15px 16px}.billboard .hero-badge{font-size:16px;padding:12px 16px}.hero-features{justify-self:start;gap:10px;margin-top:4px}.billboard~.journey .journey-steps{grid-template-columns:minmax(0,1fr);gap:22px}.participation-terms h3{font-size:26px}.terms-visuals{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.terms-visuals strong{font-size:17px}.terms-visuals span{font-size:15px}.footer-layout{grid-template-columns:minmax(0,1fr);gap:24px;text-align:center}.footer-layout nav{justify-content:center}.footer-layout .survey-launch{width:100%;max-width:380px;justify-self:center}body:has(.billboard.is-onscreen) .support-fab{display:none}}
@media(max-width:360px){.billboard .hero-heading{font-size:34px}.terms-visuals{column-gap:16px}}
@media(max-width:760px){.participation-terms h2{font-size:34px;margin-bottom:28px}.faq-layout{display:block}.faq-layout>.faq-list{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.billboard .scene,.billboard :is(.hero-heading,.hero-description,.art,.call-to-action,.hero-features,.hero-badge){animation:none!important;transition:none!important}.billboard .signal-path{display:none}}