/* Wrkr's switch argument: a film-led opening, followed by visible, useful proof.
   Product frames retain the source-derived light-mode interface. */
:root {
  --paper: #faf8f5;
  --forest: #123e30;
  --wash: #e9f1eb;
  --lilac: #eee8f3;
  --section-space: 80px;
}
.wrap { width:min(1200px,calc(100% - 96px)); }
.mast { background:var(--paper); border-bottom:1px solid #0b0d1014; }
.nav-inner { width:min(1320px,calc(100% - 72px)); min-height:76px; }
.mast .wrkr-wordmark { font-size:30px; }
#site-nav>a { font-size:14px; }
#site-nav .nav-invitation { border-radius:5px; }
.button { border-radius:5px; }
.chapter-heading { gap:48px; margin-bottom:36px; }
.chapter-heading h2 { font-size:48px; line-height:1.08; letter-spacing:-.05em; }
.chapter-heading>p { font-size:17px; line-height:1.6; max-width:400px; }
.eyebrow { font-size:13px; letter-spacing:.045em; margin-bottom:16px; }

/* The film is the opening's main visual, not a later supporting card. */
.campaign-opening { padding-top:32px; }
.campaign-intro { text-align:center; }
#hero-title { margin:0; font-size:64px; line-height:1.05; font-weight:500; letter-spacing:-.057em; }
.hero-question { display:flex; justify-content:center; align-items:center; gap:8px; margin-bottom:15px; font:500 20px/1.4 var(--font); letter-spacing:-.025em; }
.hero-challenge,.hero-answer { display:block; }
.hero-answer { color:var(--green); }
.hero-answer .wrkr-wordmark { font-size:.85em; color:var(--ink); letter-spacing:-.055em; }
.hero-product { margin:20px auto 0; max-width:800px; color:#4b5851; font-size:18px; line-height:1.55; }
.hero-product strong { color:var(--ink); font-weight:500; }
.cinema { width:min(1040px,calc(100% - 96px)); margin-top:30px; }
.cinema .film-feature { display:block; width:100%; border:1px solid #173a2d; border-radius:10px; padding:0; overflow:hidden; background:var(--forest); color:var(--paper); text-align:left; box-shadow:0 15px 40px #163e3012; }
.cinema .film-picture { position:relative; display:block; width:100%; height:auto; max-height:none; aspect-ratio:16/9; overflow:hidden; }
.cinema .film-picture img { display:block; width:100%; height:100%; opacity:1; object-fit:contain; transform:none; }
.cinema .film-play { display:grid; place-items:center; width:78px; height:78px; border-radius:50%; background:var(--forest); color:white; border:1px solid #fff8; font-size:25px; box-shadow:0 3px 18px #0b0d1033; }
.cinema .film-duration { display:block; position:absolute; inset:auto 18px 18px auto; background:var(--ink); color:white; padding:4px 10px; font:13px/1.5 var(--mono); border-radius:4px; }
.cinema .film-caption { display:flex; align-items:center; gap:20px; padding:19px 24px; border:0; }
.cinema .film-caption strong { font:500 19px/1.3 var(--font); letter-spacing:-.02em; }
.cinema .film-caption strong span { font-size:12px; padding-right:8px; }
.cinema .film-caption>span { display:block; margin-left:auto; font-size:13px; color:#d4e6dc; }
.cinema .film-caption svg { width:20px; }
.cinema-notes { display:flex; justify-content:space-between; align-items:center; padding-top:12px; gap:20px; color:var(--muted); font-size:12px; }
.cinema-notes a { color:var(--green); text-decoration:underline; text-underline-offset:4px; }
.opening-action { display:flex; align-items:center; justify-content:center; gap:24px; padding-block:27px 37px; }
.opening-action .button { padding:14px 24px; font-size:15px; }
.opening-action p { font-size:13px; line-height:1.55; color:#45534b; }
.opening-action small { display:block; font-size:12px; }
.switch-reasons { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--line); }
.switch-reasons a { display:flex; align-items:center; gap:12px; padding:24px; font-size:16px; }
.switch-reasons a:first-child { padding-left:0; }
.switch-reasons a:last-child { padding-right:0; }
.switch-reasons a+a { border-left:1px solid var(--line); }
.switch-reasons svg { color:var(--green); width:21px; }
.switch-reasons b { margin-left:auto; font-weight:400; color:var(--green); }

/* Two clear differences. The full comparison keeps shared capabilities visible. */
.switch-section { padding-block:80px; }
.switch-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:0 70px; align-items:end; margin-bottom:36px; }
.switch-heading .eyebrow { grid-column:1/-1; }
.switch-heading h2 { font-size:48px; }
.switch-heading>p:last-child { font-size:16px; color:var(--muted); line-height:1.65; max-width:470px; }
.switch-comparison { border:1px solid var(--line); border-radius:9px; overflow:hidden; }
.switch-row { display:grid; grid-template-columns:180px 1fr 1fr; }
.switch-row>* { padding:25px 28px; margin:0; display:flex; flex-direction:column; justify-content:center; font-size:16px; line-height:1.55; }
.switch-row>*+* { border-left:1px solid var(--line); }
.switch-row+.switch-row>* { border-top:1px solid var(--line); }
.switch-row>p:last-child,.switch-labels>span:last-child { background:#e0efe6; }
.switch-row>p:last-child>strong { color:#075b3d; }
.switch-row>p:nth-child(2) { color:#59635d; }
.switch-labels>* { padding-block:19px; }
.switch-labels>span:first-child { font:12px var(--mono); color:var(--muted); }
.switch-labels .competitor-name { font-size:25px; font-weight:500; letter-spacing:-.025em; }
.switch-labels .wrkr-wordmark { font-size:25px; }
.comparison-context { margin-top:17px; font-size:13px; color:var(--muted); }
.switch-section .comparison-details { margin:18px 0 0; border-block:1px solid var(--line); }
.switch-section .comparison-details>summary { font-size:15px; padding:18px 0; }
.comparison-details .comparison-note { font-size:14px; line-height:1.7; }

/* Account -> tool -> work, with details kept alongside the choice. */
.choice-section { padding-block:0 76px; }
.choice-section>.chapter-heading { border:0; padding-top:0; }
.choice-section .chapter-heading { display:grid; grid-template-columns:1.25fr 1fr; align-items:end; max-width:none; }
.choice-section .chapter-heading h2 { font-size:42px; max-width:none; }
.choice-section .chapter-heading>p { max-width:410px; margin-top:0; }
.subscription-paths { gap:20px; }
.subscription-paths article { padding:22px 26px; border:1px solid var(--line); border-radius:8px; background:white; }
.subscription-brand { gap:13px; }
.subscription-brand h3 { font-size:27px; letter-spacing:-.04em; }
.subscription-brand img { width:32px; height:32px; }
.subscription-route { padding:17px 0; margin-top:22px; background:transparent; border-block:1px solid var(--line); border-radius:0; }
.subscription-route>span { font-size:14px; }
.subscription-route strong { font-size:18px; }
.subscription-paths article>p { font-size:15px; max-width:43ch; }
.subscription-paths article>a { font-size:13px; margin-top:18px; }
.api-path { padding-block:24px; }
.api-path h3 { font-size:23px; }
.api-path p { font-size:15px; }
.api-path .text-link { font-size:13px; }
.subscription-value { padding-block:24px; }
.subscription-value h3 { font-size:25px; }
.subscription-value p,.subscription-footer>p { font-size:14px; line-height:1.65; }
.subscription-footer { gap:42px; }
.subscription-footer summary { font-size:14px; }
.your-ai-choice { background:var(--wash); color:var(--ink); margin-top:30px; padding:25px; border-radius:8px; }
.choice-intro h3 { font-size:26px; }
.choice-intro p,.your-ai-choice>.small-copy { color:var(--muted); font-size:13px; }
.quick-ai-tools { grid-template-columns:repeat(6,1fr); gap:8px; }
.quick-ai-tools button { flex-direction:column; align-items:flex-start; gap:12px; padding:16px; min-height:113px; border:1px solid #c5d3c8; background:#fff; border-radius:6px; }
.quick-ai-tools button span { font-size:13px; }
.quick-ai-tools button i { display:none; }
.quick-ai-tools button[aria-pressed=true] { border:1px solid var(--green); box-shadow:inset 0 0 0 1px var(--green); background:#fff; }
.choice-result p { font-size:13px; }
.choice-result a { color:var(--green); font-size:13px; }
.choice-details { margin-top:14px; }
.choice-details summary { font-size:15px; }

/* The chosen intelligence makes a goal, and a changed constraint, tangible. */
.goal-band { padding-block:72px; background:#e0efe6; border-block:1px solid #cadaD0; }
.goal-intro { display:grid; grid-template-columns:1fr 1fr; gap:0 68px; align-items:end; margin-bottom:36px; }
.goal-intro .eyebrow { color:#075c43; grid-column:1/-1; }
.goal-intro h2 { font-size:48px; }
.goal-intro>p:last-child { max-width:435px; font-size:17px; line-height:1.6; color:#435d4d; }
.goal-example { background:transparent; border:0; box-shadow:none; border-radius:0; overflow:visible; }
.goal-example-head { padding:0 0 17px; border-bottom:1px solid #adc8b7; }
.goal-example-head .wrkr-wordmark { font-size:23px; }
.goal-example-head>span:last-child { color:#45624e; font-size:12px; }
.goal-connection { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:19px 0; background:none; border-bottom:1px solid #adc8b7; }
.goal-access { width:410px; }
.goal-access button { background:transparent; border:1px solid #92ac9b; min-height:44px; }
.goal-access button[aria-pressed=true] { background:var(--forest); border-color:var(--forest); }
.goal-model-row { margin:0; font-size:12px; }
.goal-model-row select { width:180px; min-height:44px; padding:10px; background:white; border:1px solid #a7bdaf; border-radius:5px; font:500 13px var(--font); color:#174c36; }
.goal-tabs { padding:24px 0 0; gap:12px; }
.goal-tabs button { padding:9px 16px; min-height:42px; border:1px solid #9db6a6; border-radius:24px; color:#365443; }
.goal-tabs button[aria-selected=true] { color:white; background:var(--forest); border-color:var(--forest); }
#goal-panel { padding:26px 0 0; display:grid; grid-template-columns:1fr 1.15fr; gap:65px; }
.goal-label { font-size:11px; color:#4a6353; margin:0 0 10px; }
.goal-conversation #goal-request { font:500 37px/1.14 var(--display); letter-spacing:-.035em; margin:0 0 26px; }
.goal-conversation #goal-reason { color:#355443; font-size:16px; line-height:1.6; max-width:440px; }
.goal-result { background:#fff; border:1px solid #c0d2c5; border-radius:7px; margin:0; padding:0; box-shadow:5px 6px 0 #c0d2c5; }
.goal-result-copy { padding:19px 20px; border-bottom:1px solid #e0e7e1; }
.goal-result-copy strong { font:500 15px/1.3 var(--mono); }
.goal-result-copy p { font-size:12px; }
.goal-saved { font-size:11px; }
#goal-artifact { padding:16px 20px 18px; background:var(--paper); min-height:185px; }
#goal-artifact svg { display:block; width:100%; height:128px; }
.trip-stops { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; border-top:1px solid var(--line); padding-top:12px; font-size:12px; line-height:1.4; color:#536357; }
.trip-stops b { display:block; color:var(--ink); font-weight:500; font-size:13px; }
.goal-change { display:flex; justify-content:space-between; width:100%; margin:18px 0 0; padding:15px 18px; color:#fff; background:var(--forest); border:1px solid var(--forest); border-radius:5px; font-size:14px; text-align:left; }
.goal-change:hover { background:#0b3023; }
.goal-change:focus-visible { outline-color:var(--ink); }
.goal-adaptation { margin-top:13px; padding:17px; border:1px solid #a4beae; border-radius:5px; background:#edf5ef; }
.goal-adaptation p { font-size:14px; }
.goal-foot { padding:27px 0 0; margin:0; color:#45614e; font-size:13px; }
.goal-foot a { text-decoration:underline; text-underline-offset:4px; margin-left:12px; }
.goal-brief { display:block; padding:0; }
.goal-brief>span { font:11px var(--mono); color:#607064; }
.goal-brief h4 { margin:10px 0 16px; font-size:22px; }
.goal-brief dl { margin:0; }
.goal-brief dl>div { display:grid; grid-template-columns:92px 1fr; gap:12px; padding:9px 0; border-top:1px solid var(--line); font-size:12px; }
.goal-brief dt { font-weight:600; color:var(--ink); }
.goal-brief dd { margin:0; color:#506051; }
.goal-booking { padding:6px 0 0; }
.goal-booking>span { display:block; font:500 24px var(--display); margin-bottom:14px; }
.goal-booking b { padding:14px 9px; text-align:center; border-radius:4px; font:14px var(--mono); }
.goal-booking small { display:block; font-size:12px; margin-top:10px; }

/* Drawn separation first; real example controls make the boundary inspectable. */
.separation-section { background:var(--paper); padding-block:78px; }
.separation-layout { grid-template-columns:.7fr 1.3fr; gap:44px; align-items:center; }
.separation-aside { background:transparent; padding:0; }
.separation-drawing { min-height:280px; height:300px; }
.separation-aside>p { max-width:280px; margin:auto; font-size:16px; color:var(--muted); }
.separation-views { max-width:300px; margin:22px auto 0; }
.separation-views button { font-size:13px; }
.launch-workspace { box-shadow:none; border-radius:9px; background:white; }
#launch-native-frame { height:440px; }
.capacity-note { font-size:13px; margin-top:22px; }
.work-section { padding-block:70px 65px; background:var(--forest); }
.work-section .chapter-heading { max-width:none; margin:0 0 36px; text-align:left; display:flex; justify-content:space-between; align-items:end; }
.work-section .chapter-heading h2 { max-width:620px; color:white; }
.work-section .chapter-heading h2 em { color:#9ce0b9; }
.work-section .chapter-heading>p { color:#d6e9dd; max-width:370px; }
.native-demo::before,.native-demo::after { display:none; }
.native-demo { margin-top:0; }
.native-tour button { color:#ddf1e4; }
.native-demo-label>span,.native-demo-note>span { color:#d7eade; }
.continuity-section { padding-block:60px 70px; }
.continuity-scenes { margin:0; display:grid; grid-template-columns:1fr 1fr; gap:46px; }
.continuity-scenes>article { background:transparent; border:0; padding:0; }
.continuity-scenes>article+article { border-left:1px solid var(--line); padding-left:46px; }
.continuity-scenes h3 { font-size:32px; }
.continuity-scenes p { font-size:16px; line-height:1.6; }
.thread-drawing { height:230px; margin-block:16px; }
.recovery-request { background:var(--lilac); margin-top:28px; font-size:17px; padding:20px; border-radius:5px; }
.recovered-file { border-radius:5px; margin-block:20px; }
.recovered-file strong { font-size:12px; }
.continuity-scenes .text-link { font-size:14px; }
.away-section { background:var(--ink); padding-block:70px; }
.away-layout { grid-template-columns:1.5fr 1fr; gap:72px; align-items:center; }
.away-copy h2 { font-size:48px; }
.away-copy h2 em { color:#9ce0b9; }
.away-copy>.eyebrow { color:#9ad5b3; }
.away-copy .lead { max-width:580px; font-size:17px; color:#c3d2c9; }
.schedule-example { margin-block:25px 0; max-width:none; }
.schedule-example small { color:#afc2b6; font-size:13px; }
.cloud-drawing { height:280px; width:100%; margin:20px 0 0; }
.handoff-demo .phone { transform:none; width:310px; max-width:100%; border:1px solid #b5c8b7; border-radius:30px; box-shadow:9px 9px 0 #294638; }
.handoff-status { color:#c6dbcf; font-size:12px; margin-top:23px; }
.human-control { margin-top:36px; padding-top:26px; }
.human-control h3 { font-size:28px; }
.human-control p { color:#c3d2c9; font-size:16px; }
.human-control .button { font-size:14px; }

/* Connected information has an outcome; catalogs stay available for detail. */
.tools-section { padding-block:78px; }
.tools-section .chapter-heading { display:block; max-width:820px; }
.tools-section .chapter-heading>p { margin-top:20px; max-width:620px; }
.connection-workbench { border-radius:8px; background:var(--wash); border:1px solid var(--line); }
.workflow-intro { padding:30px; }
.workflow-intro h3 { font-size:32px; }
.workflow-intro>small { font-size:12px; }
.workflow-tabs { gap:5px; }
.workflow-tabs button { font-size:12px; }
.workflow-scene { padding:30px; }
.workflow-step { border-radius:5px; }
.workflow-result { border-radius:5px; background:#e9f1eb; }
.tool-directory-detail,#linux { margin-top:20px; }
.tool-directory-detail>summary,#linux>summary { font-size:16px; }
.apps-section { padding-block:68px; background:#edf0ea; }
.app-build-detail { margin-top:0; }
.build-story { border-radius:7px; }
.build-stage { min-height:0; grid-template-columns:.85fr 1.15fr; padding:24px; gap:28px; }
.build-preview { width:100%; max-width:570px; justify-self:end; }
.build-brief h3 { font-size:29px; }
.apps-section .chapter-heading h2 { font-size:44px; }
.build-stage>div { min-width:0; }
.build-prompt { font-size:27px; }
.build-chrome-wrap { padding:10px 0; }
#build-chrome { filter:none; }
.app-services-intro { padding-top:10px; }
.apps-infrastructure-copy h3 { font-size:28px; }
.apps-infrastructure-copy>p { font-size:16px; }
.service-list { gap:8px; }
.service-list [data-service] { border-radius:5px; }

/* The plan pays for a persistent place to use the AI account you already have. */
.plans-section { padding-block:78px; }
.plans-section .chapter-heading { margin-bottom:38px; }
.plan-offer-layout { grid-template-columns:1fr 1fr; gap:70px; }
.plan-offer-layout .computer-specs-section { grid-column:1; grid-row:1; }
.plan-offer-layout .included-strip { grid-column:2; grid-row:1; }
.computer-plan { border-radius:8px; background:#e0efe6; border:1px solid #adcbb8; box-shadow:none; }
.computer-plan-price { color:var(--forest); font-size:48px; }
.computer-plan-top h3 { font-size:22px; }
.computer-plan .computer-plan-action { display:flex; justify-content:space-between; padding:13px 17px; background:var(--forest); color:white; border:0; border-radius:4px; font-size:15px; }
.plan-offer-layout .included-strip>h3 { font-size:27px; margin-bottom:20px; }
.plan-offer-layout .included-strip>span,.plan-offer-layout .included-strip>a { padding:16px 0; font-size:16px; }
.plan-offer-layout .plan-notice { font-size:13px; }
.computer-allocation-note { padding:0; gap:12px; }
.computer-allocation-note p { font-size:13px; }
.computer-allocation-note a { font-size:12px; }
.computer-specs-explainer summary { font-size:14px; }
.outside-costs { font-size:14px; color:var(--muted); line-height:1.7; }
.outside-costs>strong { color:var(--ink); }
.task-starters { padding-block:38px 60px; border-top:1px solid var(--line); }
.task-starters h2 { font-size:38px; }
.starter-links strong { font-size:19px; }
.starter-links a { padding-block:16px; }
.faq-section { padding-block:56px; background:var(--wash); }
.faq-section .chapter-heading h2 { font-size:36px; }
.faq-layout { gap:52px; }
.invite-section { padding:64px 0; }
.invite-section>.wrap { border-radius:10px; background:var(--forest); padding:45px; }
.invite-section h2 { font-size:43px; }
.invite-section .invitation-copy>.eyebrow { color:#a6dfbc; }
.invite-section .invitation-copy>p { color:#d8eadf; font-size:16px; }
.invite-section .closing-wordmark { font-size:64px; }
.invitation-form form { border-radius:6px; }
.footer { padding-block:25px 50px; }

@media(hover:hover) and (pointer:fine) {
 .film-feature:hover .film-play { background:var(--green); transform:scale(1.08); }
 .switch-reasons a:hover span { text-decoration:underline; text-underline-offset:5px; }
}
@media(prefers-reduced-motion:no-preference) {
 .cinema .film-play { transition:transform 180ms cubic-bezier(.22,1,.36,1),background-color 180ms; }
 .goal-result[data-revising] .route-line { stroke-dasharray:1; animation:draw-new-route 650ms cubic-bezier(.22,1,.36,1) both; }
 @keyframes draw-new-route { from{stroke-dashoffset:1} to{stroke-dashoffset:0} }
}
@media(max-width:1100px) {
 .wrap { width:calc(100% - 64px); }
 .cinema { width:calc(100% - 64px); }
 #hero-title { font-size:57px; }
 .chapter-heading h2,.switch-heading h2,.goal-intro h2,.away-copy h2 { font-size:41px; }
 .switch-row { grid-template-columns:145px 1fr 1fr; }
 .switch-row>* { padding:22px; font-size:15px; }
 .quick-ai-tools { grid-template-columns:repeat(3,1fr); }
 .quick-ai-tools button { min-height:72px; flex-direction:row; align-items:center; }
 .goal-connection { align-items:start; flex-direction:column; gap:14px; }
 .goal-access { width:100%; max-width:480px; }
 .separation-layout { grid-template-columns:.7fr 1.3fr; gap:24px; }
 .away-layout { gap:40px; }
 .plan-offer-layout { gap:36px; }
 .invite-section>.wrap { padding:30px; }
}
@media(max-width:700px) {
 :root { --section-space:48px; }
 .wrap { width:calc(100% - 40px); }
 .nav-inner { width:calc(100% - 40px); min-height:64px; }
 .mast .wrkr-wordmark { font-size:27px; }
 #site-nav>a { font-size:18px; }
 .chapter-heading { display:block; margin-bottom:26px; }
 .chapter-heading h2,.switch-heading h2,.goal-intro h2,.away-copy h2 { font-size:35px; }
 .chapter-heading>p { font-size:15px; margin-top:18px; }
 .eyebrow { margin-bottom:12px; font-size:12px; }
 .campaign-opening { padding-top:24px; }
 #hero-title { font-size:40px; line-height:1.07; letter-spacing:-.055em; }
 .hero-question { gap:6px; margin-bottom:15px; font-size:15px; letter-spacing:-.025em; }
 .hero-challenge { max-width:350px; margin:auto; }
 .hero-answer { font-size:clamp(26px,8.2vw,32px); margin-top:8px; white-space:nowrap; }
 .hero-product { font-size:15px; margin-top:17px; line-height:1.6; max-width:345px; }
 .desktop-break { display:none; }
 .cinema { width:calc(100% - 24px); margin-top:24px; }
 .cinema .film-feature { border-radius:7px; }
 .cinema .film-play { width:54px; height:54px; font-size:18px; }
 .cinema .film-duration { right:10px; bottom:10px; font-size:11px; padding:2px 7px; }
 .cinema .film-caption { padding:15px 13px; gap:10px; }
 .cinema .film-caption strong { font-size:14px; }
 .cinema .film-caption strong span { font-size:10px; padding-right:4px; }
 .cinema .film-caption>span { display:none; }
 .cinema .film-caption svg { display:none; }
 .cinema-notes { padding:10px 7px 0; font-size:11px; }
 .cinema-notes>span { max-width:215px; line-height:1.5; }
 .opening-action { flex-direction:column; gap:13px; text-align:center; padding-block:22px 26px; }
 .opening-action .button { width:100%; justify-content:space-between; font-size:14px; }
 .opening-action p { font-size:12px; }
 .opening-action small { font-size:11px; }
 .switch-reasons { grid-template-columns:1fr; }
 .switch-reasons a { padding:16px 0; font-size:14px; }
 .switch-reasons a+a { border-left:0; border-top:1px solid var(--line); }
 .switch-section { padding-block:48px; }
 .switch-heading { display:block; margin-bottom:25px; }
 .switch-heading>p:last-child { margin-top:20px; font-size:15px; }
 .switch-row { grid-template-columns:1fr 1fr; }
 .switch-labels>span:first-child { display:none; }
 .switch-row>strong { grid-column:1/-1; background:#f0f1eb; padding:11px 15px; border-bottom:1px solid var(--line); font-size:13px; }
 .switch-row>* { padding:18px 14px; font-size:14px; }
 .switch-row>p { border-top:0; }
 .switch-row>p:nth-child(2) { border-left:0; }
 .switch-labels>* { padding-block:16px; }
 .comparison-context { font-size:12px; line-height:1.6; }
 .switch-section .comparison-details>summary { font-size:14px; }
 .choice-section { padding-bottom:45px; }
 .choice-section .chapter-heading { display:block; }
 .choice-section .chapter-heading h2 { font-size:35px; }
 .choice-section .chapter-heading>p { margin-top:18px; }
 .apps-section .chapter-heading h2 { font-size:35px; }
 .subscription-paths { grid-template-columns:1fr; gap:14px; }
 .subscription-paths article { padding:22px; }
 .subscription-brand h3 { font-size:24px; }
 .subscription-brand img { width:28px; height:28px; }
 .subscription-route { margin-top:17px; gap:8px; padding:13px 0; }
 .subscription-route>span { font-size:12px; }
 .subscription-route strong { font-size:15px; }
 .subscription-route svg { width:18px; }
 .subscription-paths article>p { font-size:14px; }
 .api-path { padding-block:22px; }
 .api-path h3 { font-size:23px; }
 .api-path p { font-size:14px; }
 .subscription-value { display:block; padding-block:22px; }
 .subscription-value h3 { font-size:25px; }
 .subscription-value p { margin-top:13px; }
 .subscription-footer { display:block; }
 .subscription-footer>p { font-size:13px; }
 .subscription-footer>details { margin-top:19px; }
 .your-ai-choice { padding:20px 15px; margin-top:24px; }
 .choice-intro { display:block; }
 .choice-intro h3 { font-size:25px; }
 .choice-intro p { margin-top:12px; }
 .quick-ai-tools { grid-template-columns:1fr 1fr; gap:7px; }
 .quick-ai-tools button { padding:12px 10px; gap:10px; min-height:65px; }
 .quick-ai-tools button img { width:24px; height:24px; }
 .quick-ai-tools button span { font-size:12px; }
 .choice-result { gap:14px; align-items:start; }
 .choice-result p,.choice-result a { font-size:12px; }
 .choice-details summary { font-size:14px; }
 .goal-band { padding-block:45px; }
 .goal-intro { display:block; margin-bottom:28px; }
 .goal-intro>p:last-child { font-size:15px; margin-top:20px; }
 .goal-example-head { gap:10px; padding-bottom:13px; }
 .goal-example-head .wrkr-wordmark { font-size:21px; }
 .goal-example-head>span:last-child { font-size:10px; }
 .goal-connection { padding-block:16px; }
 .goal-access { gap:6px; }
 .goal-access button { font-size:12px; gap:6px; padding:8px; }
 .goal-model-row { width:100%; gap:8px; font-size:11px; }
 .goal-model-row>span { max-width:160px; }
 .goal-model-row select { width:150px; font-size:12px; }
 .goal-tabs { padding-top:20px; gap:7px; }
 .goal-tabs button { padding:9px 15px; font-size:12px; }
 #goal-panel { display:block; padding-top:22px; }
 .goal-conversation #goal-request { font-size:30px; margin-bottom:22px; }
 .goal-conversation #goal-reason { font-size:14px; }
 .goal-delivery { margin-top:24px; }
 .goal-result-copy { padding:16px; }
 .goal-result-copy strong { font-size:13px; }
 #goal-artifact { padding:12px 15px 17px; min-height:174px; }
 #goal-artifact svg { height:115px; }
 .trip-stops { font-size:10px; gap:8px; }
 .trip-stops b { font-size:11px; }
 .goal-change { font-size:13px; padding:14px; }
 .goal-foot { font-size:12px; }
 .goal-foot a { display:block; margin:8px 0 0; }
 .separation-section { padding-block:46px; }
 .separation-layout { display:flex; flex-direction:column; gap:27px; }
 .separation-aside { width:100%; }
 .separation-drawing { height:285px; min-height:0; }
 .separation-aside>p { max-width:300px; font-size:14px; }
 .separation-views { flex-direction:row; gap:8px; max-width:none; margin-top:18px; }
 .separation-views button { flex:1; padding:12px; font-size:12px; }
 .separation-views button::after { display:none; }
 #launch-native-frame { height:390px; }
 .workspace-foot { font-size:10px; }
 .capacity-note { font-size:12px; }
 .work-section { padding-block:45px; }
 .work-section .chapter-heading { display:block; }
 .native-demo-label>span,.native-demo-note>span { font-size:11px; }
 .native-tour button { font-size:11px; }
 .continuity-section { padding-block:45px; }
 .continuity-scenes { display:block; }
 .continuity-scenes>article+article { border-left:0; padding:30px 0 0; margin-top:30px; border-top:1px solid var(--line); }
 .continuity-scenes h3 { font-size:29px; }
 .continuity-scenes p { font-size:15px; }
 .thread-drawing { height:210px; }
 .recovery-request { font-size:16px; }
 .recovered-file strong { font-size:11px; }
 .away-section { padding-block:45px; }
 .away-layout { display:flex; flex-direction:column; gap:20px; }
 .away-copy .lead { font-size:15px; }
 .schedule-example strong { font-size:14px; }
 .schedule-example small { font-size:12px; }
 .cloud-drawing { height:220px; margin-top:15px; }
 .handoff-demo { width:100%; }
 .handoff-demo .phone { width:290px; }
 .human-control { margin-top:32px; display:block; }
 .human-control h3 { font-size:27px; }
 .human-control p { font-size:15px; }
 .human-control .button { margin-top:20px; }
 .tools-section { padding-block:46px; }
 .connection-workbench { display:block; }
 .workflow-intro { padding:22px; }
 .workflow-intro h3 { font-size:28px; }
 .workflow-scene { padding:20px 17px; }
 .workflow-step { padding:13px; }
 .workflow-result p { font-size:14px; }
 .apps-section { padding-block:44px; }
 .build-stage { min-height:0; padding:22px 16px; }
 .apps-infrastructure-copy h3 { font-size:26px; }
 .apps-infrastructure-copy>p { font-size:15px; }
 .plans-section { padding-block:46px; }
 .plan-offer-layout { display:flex; flex-direction:column; gap:32px; }
 .plan-offer-layout .computer-specs-section { order:0; width:100%; }
 .plan-offer-layout .included-strip { order:1; width:100%; }
 .plan-offer-layout .included-strip>h3 { font-size:26px; margin-bottom:12px; }
 .plan-offer-layout .included-strip>span,.plan-offer-layout .included-strip>a { font-size:15px; padding:13px 0; }
 .computer-plan-price { font-size:42px; }
 .computer-allocation-note { gap:10px; }
 .computer-allocation-note p { font-size:12px; }
 .outside-costs { font-size:13px; }
 .task-starters { padding-block:30px 44px; gap:24px; }
 .task-starters h2 { font-size:33px; }
 .starter-links strong { font-size:18px; }
 .faq-section { padding-block:38px; }
 .faq-section .chapter-heading h2 { font-size:31px; }
 .invite-section { padding-block:35px; }
 .invite-section>.wrap { padding:28px 20px; }
 .invite-section h2 { font-size:34px; }
 .invite-section .invitation-copy>p { font-size:15px; }
 .invite-section .closing-wordmark { font-size:52px; }
 .footer { padding-block:20px 40px; }
}

/* Homepage hierarchy: introduction, reasons, jobs, offer, FAQs, invitation. */
.home-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:30px 0 20px}.home-actions>a:not(.button){font-size:15px;color:var(--green)}
.home-reasons{padding-block:64px;border-top:1px solid var(--line)}.home-reasons h2{font-size:44px;line-height:1.1;letter-spacing:-1.5px;margin:0 0 36px}.home-reasons-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.home-reasons h3{font-size:25px;line-height:1.2;margin:0 0 16px}.home-reasons p{font-size:17px;line-height:1.6;color:var(--muted);margin:0 0 20px}.home-reasons a{display:block;font-size:14px;color:var(--green);margin-top:12px}
.tour-intro{padding-block:64px}.tour-intro h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2px;line-height:1.1}.tour-intro p{max-width:680px}.tour-intro nav{display:flex;flex-wrap:wrap;gap:24px;margin-top:28px}.tour-intro nav a{font-size:15px;color:var(--green)}
@media(max-width:760px){.home-reasons{padding-block:40px}.home-reasons h2{font-size:34px}.home-reasons-grid{grid-template-columns:1fr;gap:28px}.home-reasons-grid article+article{border-top:1px solid var(--line);padding-top:28px}.home-actions{gap:18px}.tour-intro{padding-block:40px}}
.campaign-opening .campaign-intro{max-width:740px;font-size:20px;line-height:1.6;margin:26px 0}.campaign-opening>.wrap{padding-block:48px}.home-reasons>.eyebrow{font-size:13px;color:var(--green);margin-bottom:24px}@media(max-width:760px){.campaign-opening>.wrap{padding-block:28px}.campaign-opening .campaign-intro{font-size:18px}}

/* One optional film entrance between the reasons and example jobs. */
.home-film{padding-block:12px 64px}
.home-film-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:20px}
.home-film-heading p{margin:0}.home-film-heading>p:last-child{font-size:15px;color:var(--muted)}
.film-cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#102e27;color:#faf8f1;text-decoration:none;padding:5%;isolation:isolate}
.film-cover:focus-visible{outline:3px solid #087f5b;outline-offset:6px}
.film-cover-brand{font-family:"Geist Mono",monospace;font-size:clamp(18px,2vw,27px);letter-spacing:-2px}
.film-cover h2{position:relative;z-index:1;font-family:"Space Grotesk",sans-serif;font-size:clamp(42px,6.7vw,96px);line-height:.98;letter-spacing:-.055em;margin:5% 0 0;font-weight:500}
.film-cover h2 span{color:#b8e9cc}
.film-cover-drawing{position:absolute;width:44%;height:auto;right:3%;top:12%;color:#b8e9cc}
.film-cover-drawing .cover-brackets{stroke:#f8f5ed;stroke-width:7}
.film-cover-bottom{position:absolute;bottom:7%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:20px}
.film-cover-play{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:500}
.film-cover-play>span:first-child{display:grid;place-items:center;width:48px;height:48px;border:1px solid #b8e9cc;border-radius:50%;font-size:16px;padding-left:3px;transition:background .15s,color .15s}
.film-cover:hover .film-cover-play>span:first-child{background:#b8e9cc;color:#102e27}
.film-cover-time{font-size:13px;color:#b8e9cc;margin-left:5px}
.film-cover-description{font-size:15px;line-height:1.5;color:#b8e9cc}
.film-edition{font-size:12px;color:var(--muted);margin:12px 0 0}
@media(max-width:600px){
 .home-film{padding-block:0 38px}.home-film-heading{display:block;margin-bottom:16px}.home-film-heading>p:last-child{margin-top:8px;max-width:260px;font-size:14px}
 .film-cover-description{display:none}
 .film-edition{font-size:11px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){.film-cover-play>span:first-child{transition:none}}

/* Reserve the actual film ratio before and after playback, on every screen. */
.home-film-stage{position:relative;aspect-ratio:16/9;background:#102e27}
.home-film-stage .film-cover{width:100%;height:100%;aspect-ratio:auto;box-sizing:border-box}
.home-film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#102e27}
.home-film-stage [hidden]{display:none}
@media(max-width:600px){
 .home-film-stage .film-cover{padding:5%}
 .home-film-stage .film-cover-brand{font-size:12px;letter-spacing:-1px}
 .home-film-stage .film-cover h2{font-size:32px;margin-top:4%;line-height:.95}
 .home-film-stage .film-cover-drawing{width:40%;top:7%;right:3%;opacity:1}
 .home-film-stage .film-cover-bottom{left:5%;bottom:6%}
 .home-film-stage .film-cover-play{font-size:12px;gap:7px}
 .home-film-stage .film-cover-play>span:first-child{width:26px;height:26px;font-size:10px}
 .home-film-stage .film-cover-time{font-size:10px}
}

/* The approved film's first claim, translated to free-scrolling HTML.
   Brain paths originate in remotion/src/v13/Craft.tsx. No playback gates. */
.film-opening{background:#faf8f5;padding:0;overflow:clip}
.film-opening>.wrap{position:relative;padding-block:42px 44px}
.film-opening #hero-title{font-family:var(--display);font-size:clamp(64px,7.4vw,106px);font-weight:600;line-height:.99;letter-spacing:-.06em;text-align:left}
.film-opening .hero-question{display:flex;justify-content:space-between;max-width:720px;gap:24px;margin:0 0 30px;font:500 22px/1.2 var(--display);letter-spacing:-.035em}
.film-opening .hero-challenge{max-width:none;margin:0;position:relative;z-index:1}
.film-opening .hero-for-you{color:#0a7c56}
.film-opening .hero-answer{position:relative;z-index:1;display:block;width:fit-content;margin:32px 0 0;padding:14px 24px 20px;background:#5ad19e;color:#0b0d10;font-size:clamp(42px,5.25vw,76px);white-space:nowrap;line-height:1.1;letter-spacing:-.055em}
.film-opening .hero-answer .wrkr-wordmark{font-size:.83em;color:inherit}
.film-opening .wrkr-wordmark b{color:inherit;display:inline-block;animation:opening-bracket .9s cubic-bezier(.2,.8,.2,1) both}
.film-opening .wrkr-wordmark b:last-child{--bracket-x:14px}.film-opening .wrkr-wordmark b:first-child{--bracket-x:-14px}
.hero-choice{position:relative;display:inline-block}
.hero-choice svg{position:absolute;width:100%;height:12px;bottom:-8px;left:0;overflow:visible;fill:none;stroke:currentColor;stroke-width:3}
.hero-choice path{stroke-dasharray:1;animation:opening-draw 1s .6s both}
.opening-brain{position:absolute;right:0;top:99px;width:39%;max-width:460px;text-align:center;pointer-events:none}
.opening-brain svg{display:block;width:100%;height:auto;overflow:visible;stroke:none}
.opening-brain p{font:400 12px/1.4 var(--mono);letter-spacing:-.025em;margin:6px 0 0}
.brain-disc{fill:#5ad19e;transform-origin:230px 166px;animation:opening-disc 1s cubic-bezier(.2,.8,.2,1) both}
.brain-lines{stroke:#0b0d10;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.brain-lines path,.brain-computer path{stroke-dasharray:1;animation:opening-draw 1.6s .1s both}
.brain-computer{stroke:#0b0d10;stroke-width:2.5;stroke-linecap:square}
.brain-computer path{animation-delay:.7s;animation-duration:1s}
.opening-bottomline{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:30px;align-items:start}
.film-opening .campaign-intro{text-align:left;max-width:590px;font-size:19px;line-height:1.55;margin:0}
.film-opening .home-actions{margin:0 0 13px;gap:12px 24px}.film-opening .home-actions a:last-child{flex-basis:100%}
.film-opening .home-actions .button{background:#0b0d10;color:#faf8f5;border-color:#0b0d10;border-radius:0}
.film-opening .home-actions .button:hover{background:#0a7c56}
.film-opening .small-copy{font-size:12px;line-height:1.5;margin:0;color:#526259}
@keyframes opening-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes opening-disc{from{transform:scale(.85)}to{transform:scale(1)}}
@keyframes opening-bracket{from{transform:translateX(var(--bracket-x))}to{transform:translateX(0)}}
@media(max-width:760px){
 .film-opening>.wrap{padding-block:28px 32px}
 .film-opening #hero-title{font-size:clamp(44px,11.8vw,80px);letter-spacing:-.06em}
 .film-opening .hero-question{font-size:15px;gap:12px;margin-bottom:30px;max-width:none}
 .film-opening .hero-challenge{font-size:inherit;max-width:none}
 .opening-brain{top:142px;right:-4px;width:29%}
 .opening-brain p{display:none}
 .film-opening .hero-answer{font-size:clamp(25px,6.7vw,48px);margin-top:24px;padding:12px 12px 17px;max-width:100%}
 .hero-choice svg{height:8px;bottom:-6px}
 .opening-bottomline{grid-template-columns:1fr;gap:22px;margin-top:24px}
 .film-opening .campaign-intro{font-size:17px;line-height:1.55}
 .film-opening .home-actions{gap:16px;font-size:14px}
 .film-opening .home-actions a:last-child{flex-basis:auto}
 .film-opening .home-actions>a:not(.button){font-size:14px}
 .film-opening .home-actions .button{padding:12px 16px}
}
@media(prefers-reduced-motion:reduce){.film-opening *{animation:none!important}}

/* Full homepage continuation of the founder-approved film opening. */
.film-home{--film-mint:#5ad19e;--film-ink:#0b0d10;--film-cream:#faf8f5}
.film-home .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.film-home .home-reasons{background:var(--film-ink);color:var(--film-cream);box-shadow:0 0 0 100vmax var(--film-ink);clip-path:inset(0 -100vmax);border:0;padding-block:80px}
.film-home .home-reasons>.eyebrow,.film-home .home-reasons a{color:var(--film-mint)}
.film-home .home-reasons h2{font-size:clamp(38px,5vw,72px);letter-spacing:-.055em;line-height:1.05;max-width:1000px;margin-bottom:44px}
.film-home .home-reasons h3{font-size:30px;letter-spacing:-.045em;line-height:1.12;max-width:310px}
.film-home .home-reasons p{color:#c8cfcb}
.film-home .home-reasons-grid{gap:48px}
.film-home .reason-drawing{display:block;width:220px;height:120px;fill:none;stroke:var(--film-mint);stroke-width:2.2;margin:0 0 26px;stroke-linejoin:round;stroke-linecap:round}
.film-home .home-reasons-grid article{border-top:1px solid #3d4842;padding-top:24px}
.film-home .home-film{padding-block:72px}
.film-home .film-cover,.film-home .home-film-stage,.film-home .home-film-video{background:var(--film-ink)}
.film-home .film-cover h2{font-weight:600;letter-spacing:-.055em}
.film-home .film-cover h2 span,.film-home .film-cover-drawing,.film-home .film-cover-time,.film-home .film-cover-description{color:var(--film-mint)}
.film-home .film-cover-play>span:first-child{border-color:var(--film-mint)}
.film-home .film-cover:hover .film-cover-play>span:first-child{background:var(--film-mint);color:var(--film-ink)}
.film-home .task-starters{padding-block:18px 80px}
.film-home .task-starters h2,.film-home .plans-section .chapter-heading h2,.film-home .faq-section .chapter-heading h2{font-size:clamp(38px,4.6vw,66px);line-height:1.06;letter-spacing:-.055em;font-weight:600}
.film-home .starter-intro{max-width:720px;margin-bottom:36px}
.film-home .starter-links a{padding-block:25px;border-color:#c3ccc5;transition:background .2s,padding .2s}
.film-home .starter-links strong{font-family:var(--display);font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.035em}
.film-home .starter-links a:hover{background:#d6f3e6;padding-inline:14px}
.film-home .starter-links a>span:last-child{font-size:29px;color:var(--film-ink)}
.film-home .plans-section{background:var(--film-mint);box-shadow:0 0 0 100vmax var(--film-mint);clip-path:inset(0 -100vmax);padding-block:80px}
.film-home .plans-section .eyebrow,.film-home .plans-section .chapter-heading em{color:var(--film-ink);font-style:normal}
.film-home .plans-section .chapter-heading>p{color:#213f32}
.film-home .computer-plan{background:var(--film-cream);border:0;border-radius:0;padding:32px}
.film-home .computer-plan-price{font-family:var(--display);font-size:60px;color:var(--film-ink);letter-spacing:-.05em}
.film-home .computer-plan .computer-plan-action{background:var(--film-ink);border-radius:0}
.film-home .computer-plan-top h3{font-size:28px}
.film-home .included-strip>h3{font-size:30px;letter-spacing:-.045em}
.film-home .included-strip>span,.film-home .included-strip>a{color:var(--film-ink);border-color:#339d72;font-size:17px}
.film-home .included-strip svg{color:var(--film-ink)}
.film-home .plans-section .plan-notice,.film-home .plans-section .outside-costs,.film-home .computer-allocation-note p{color:#213f32}
.film-home .plans-section .outside-costs a,.film-home .computer-allocation-note a{color:#143d2b;text-decoration:underline}
.film-home .faq-section{background:var(--film-cream);padding-block:80px}
.film-home .faq-tabs button{border-radius:0;padding:14px 18px;font-size:15px}
.film-home .faq-tabs button[aria-selected="true"]{background:var(--film-ink);color:var(--film-cream)}
.film-home .faq-panel details{border-radius:0;background:transparent}
.film-home .faq-panel summary{font-family:var(--display);font-size:22px;letter-spacing:-.025em;padding-block:22px}
.film-home .invite-section{background:var(--film-ink);padding-block:80px;color:var(--film-cream)}
.film-home .invite-section>.wrap{background:none;border-radius:0;padding:0;gap:64px}
.film-home .invite-section h2{font-size:clamp(40px,4.5vw,64px);font-weight:600;line-height:1.05;letter-spacing:-.055em}
.film-home .invite-section .closing-wordmark{font-size:80px;margin-bottom:28px}
.film-home .invite-section .wrkr-wordmark b,.film-home .invite-section .invitation-copy>.eyebrow{color:var(--film-mint)}
.film-home .invite-section .invitation-copy>p{color:#c8cfcb}
.film-home .invitation-form{border-radius:0;padding:32px}
.film-home .invitation-form input,.film-home .invitation-form form{border-radius:0}
.film-home .invitation-form .button{background:var(--film-ink);color:var(--film-cream);border-radius:0}
.film-home .footer{padding-block:48px}
@media(max-width:760px){
 .film-home .home-reasons,.film-home .plans-section,.film-home .faq-section,.film-home .invite-section{padding-block:48px}
 .film-home .home-reasons-grid{gap:30px}
 .film-home .home-reasons h2{margin-bottom:30px}
 .film-home .reason-drawing{width:170px;height:93px;margin-bottom:20px}
 .film-home .home-reasons h3{font-size:28px;max-width:100%}
 .film-home .home-film{padding-block:40px}
 .film-home .task-starters{padding-block:0 44px}
 .film-home .starter-links a{padding-block:20px}
 .film-home .starter-links strong{font-size:23px}
 .film-home .computer-plan{padding:24px}
 .film-home .computer-plan-price{font-size:clamp(28px,8.5vw,38px);white-space:nowrap}
 .film-home .included-strip>h3{font-size:27px}
 .film-home .included-strip>span,.film-home .included-strip>a{font-size:16px}
 .film-home .faq-tabs button{font-size:13px;padding:10px 12px}
 .film-home .faq-panel summary{font-size:20px}
 .film-home .invite-section>.wrap{padding:0;gap:28px}
 .film-home .invite-section .closing-wordmark{font-size:62px}
 .film-home .invitation-form{padding:24px}
}
@media(prefers-reduced-motion:reduce){.film-home .starter-links a{transition:none}}

.film-home .plans-section .chapter-heading h2{text-wrap:balance}

/* Explore keeps its working demonstrations; only their surrounding story changes. */
.film-explore{--forest:#0b0d10;--wash:#e6f4ec}
.film-explore .tour-intro{padding-block:64px;background:#0b0d10;color:#faf8f5;box-shadow:0 0 0 100vmax #0b0d10;clip-path:inset(0 -100vmax)}
.film-explore .tour-intro h1{font-size:clamp(44px,6vw,84px);font-weight:600;line-height:1.04;letter-spacing:-.055em;max-width:900px}
.film-explore .tour-intro p{color:#c8cfcb;font-size:19px}
.film-explore .tour-intro .eyebrow,.film-explore .tour-intro nav a{color:#5ad19e}
.film-explore .tour-intro nav{gap:12px}
.film-explore .tour-intro nav a{border:1px solid #53645b;padding:10px 16px}
.film-explore .tour-intro button{background:#5ad19e;border:0;padding:13px 20px;color:#0b0d10;font:500 15px var(--font);cursor:pointer}
.film-explore .chapter-heading h2{font-size:clamp(36px,4.3vw,60px);font-weight:600;letter-spacing:-.05em;line-height:1.07}
.film-explore .chapter-heading em{font-style:normal}
.film-explore .chapter-heading .eyebrow{font-family:var(--mono);font-size:12px;text-transform:uppercase}
.film-explore .apps-section{background:#e0f4e9}
.film-explore .away-section{background:#0b0d10}
.film-explore .subscription-route,.film-explore .service-list [data-service]{border-radius:0}
@media(max-width:760px){.film-explore .tour-intro{padding-block:36px}.film-explore .tour-intro h1{font-size:44px}.film-explore .tour-intro p{font-size:17px}.film-explore .tour-intro nav a{font-size:13px;padding:8px 10px}}
.film-explore .choice-section{padding-top:64px}
@media(max-width:760px){.film-explore .choice-section{padding-top:38px}}
/* The invitation captures access context, not only an email address. */
.film-home .invitation-form select{display:block;width:100%;min-height:50px;margin:8px 0 22px;border:1px solid #aabdb1;background:white;color:#0b0d10;padding:12px;font:16px var(--font);border-radius:0}
.film-home .invitation-form .email-field{margin-bottom:20px}
.film-home .ai-choice{display:flex;flex-wrap:wrap;gap:10px;border:0;padding:0;margin:0 0 20px;min-width:0}
.film-home .ai-choice legend{font-size:14px;color:#526259;margin-bottom:12px}
.film-home .ai-choice label{display:flex;align-items:center;gap:8px;border:1px solid #aabdb1;padding:9px 12px;color:#0b0d10;font-size:14px;cursor:pointer}
.film-home .ai-choice input{width:18px;height:18px;min-height:0;margin:0;accent-color:#0a7c56}
.film-home .ai-choice label:has(:checked){background:#d6f3e6;border-color:#0a7c56}
.film-home .invitation-form select:focus-visible{outline:3px solid #0a7c56;outline-offset:3px}