:root { --ink:#101719; --muted:#717777; --paper:#f7f7f6; --line:#e3e3e0; --white:#fff; --serif:"Songti SC","STSong","Noto Serif CJK SC",Georgia,serif; --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif; color-scheme:light; font-family:var(--sans); color:var(--ink); background:var(--paper); font-synthesis:none; }
* { box-sizing:border-box; }
body { margin:0; font-size:14px; line-height:1.7; }
body.has-player { padding-bottom:108px; }
button,input,textarea,select { font:inherit; }
button,a,input,textarea,select,summary { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:disabled { opacity:.45; cursor:not-allowed; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible { outline:2px solid #7b8b91; outline-offset:4px; }
a { color:inherit; text-decoration:none; }
a:hover { text-decoration-color:currentColor; }
img { max-width:100%; display:block; }
p,h1,h2,h3 { margin:0; overflow-wrap:anywhere; }
h1,h2 { font-family:var(--serif); font-weight:650; line-height:1.5; letter-spacing:-.035em; }
h1 { font-size:38px; }
h2 { font-size:26px; }
h3 { font-size:16px; font-weight:600; line-height:1.6; }
p { margin-block:10px; }
input,textarea,select { width:100%; min-width:0; border:1px solid #d9dcda; border-radius:6px; background:white; color:var(--ink); padding:11px 12px; line-height:1.6; }
textarea { resize:vertical; }
input[readonly],textarea[readonly] { background:#f7f7f5; }
input[type=checkbox],input[type=radio] { width:16px; height:16px; padding:0; accent-color:var(--ink); flex:none; margin:4px 0 0; }
fieldset { border:0; padding:0; margin:0; min-width:0; }
legend { padding:0; margin-bottom:9px; }
small { font-size:12px; }
svg { flex:none; }
[hidden] { display:none!important; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; left:20px; top:-100px; z-index:100; background:white; padding:10px; }
.skip-link:focus { top:10px; }
.icon { vertical-align:middle; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:10px; min-height:42px; padding:10px 19px; border:1px solid var(--ink); border-radius:6px; background:var(--ink); color:white; font-weight:500; font-size:13px; line-height:1.5; transition:background .15s,transform .15s; text-align:center; }
.button:hover:not(:disabled) { background:#303739; }
.button.secondary { background:white; border-color:#b9bdbb; color:var(--ink); }
.button.secondary:hover:not(:disabled) { background:#f0f1ef; }
.button.danger { background:white; color:#984a43; border-color:#d9b8b4; }
.button.outline-light { background:transparent; color:white; border-color:#ffffff80; }
.small-button { min-height:34px; padding:7px 13px; font-size:12px; }
.text-button { display:inline-flex; align-items:center; gap:7px; padding:3px 0; border:0; background:transparent; color:inherit; font-size:13px; line-height:1.6; }
.text-button:hover { text-decoration:underline; text-underline-offset:4px; }
.icon-button { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid var(--line); background:white; border-radius:5px; padding:0; }
.brand { display:inline-flex; align-items:center; gap:7px; font-size:24px; font-weight:650; line-height:1.2; letter-spacing:-1px; white-space:nowrap; }
.brand img { width:28px; height:28px; }
.brand>span { align-self:center; letter-spacing:.6px; font-size:8px; color:#808685; font-weight:500; margin:2px 0 0 3px; }
.eyebrow { font-size:10px; line-height:1.5; letter-spacing:1.8px; font-weight:500; color:#707575; margin:0 0 12px; }
.muted,.small.muted { color:var(--muted); }
.small { font-size:12px; }
.pill { display:inline-flex; align-items:center; width:max-content; max-width:100%; padding:3px 9px; background:#eff0ed; color:#626968; border-radius:20px; font-size:10px; font-weight:500; line-height:1.6; }
.actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.note { font-size:12px; padding:12px 15px; color:#626a68; background:#f1f1f1; border-radius:5px; line-height:1.8; }
.fineprint { font-size:11px; color:#7c8380; line-height:1.9; }
.field { display:flex; flex-direction:column; gap:7px; margin:18px 0; }
.field>span,.field>legend { font-size:12px; font-weight:550; }
.field>small,.field>span>small { font-weight:400; font-size:11px; color:#848a87; }
.check { display:flex; align-items:flex-start; gap:8px; font-size:11px; color:#6c7370; margin:16px 0; line-height:1.8; }
.form-error { border-left:2px solid #a34f44; color:#984c43; background:#fbf2ef; padding:10px 14px; font-size:12px; }
.entry-recovery { margin:20px 0; }
.generation-recovery { border:1px solid #d9dfda; border-radius:6px; padding:17px; background:#f5f7f3; }
.generation-recovery>strong { display:block; font-size:13px; line-height:1.8; overflow-wrap:anywhere; }
.generation-recovery-title { font-size:13px; color:#59615c; }
.generation-recovery .button { margin-top:8px; white-space:normal; }
.generation-recovery .small { margin:12px 0 0; font-size:11px; }
.fixture-entry { margin-top:23px; }
.fixture-entry .fixture-button { margin-top:0; }
.fixture-entry .small { margin-top:7px; font-size:11px; }
.cover { object-fit:cover; width:100%; aspect-ratio:1; background:#e8e8e2; }
.cover-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; color:#848484; background:linear-gradient(125deg,#f1f0e9,#dddddd); text-align:center; font-size:11px; padding:20px; }
.section { max-width:1240px; margin:0 auto; padding:64px 36px; }
.section-title { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:25px; }
.section-title p { margin:8px 0 0; }
.section-title .eyebrow { margin:0 0 8px; }
.empty { border:1px dashed #d9d9d9; border-radius:6px; text-align:center; padding:38px 25px; }
.empty p { font-size:12px; color:var(--muted); max-width:460px; margin:10px auto 18px; }
.empty-icon { display:grid; place-items:center; background:#f0f0f0; width:50px; height:50px; margin:0 auto 18px; border-radius:50%; color:#888888; }
.toast { position:fixed; left:50%; bottom:27px; transform:translateX(-50%); max-width:min(600px,calc(100vw - 32px)); background:#101719; color:white; padding:13px 21px; border-radius:7px; z-index:90; box-shadow:0 8px 30px #10171920; font-size:12px; }
.toast.error { background:#733f36; }
.boot { max-width:700px; margin:120px auto; padding:30px; }
.mobile-only { display:none; }

/* Platform: quiet type, warm photography, and an actual input before signup. */
.marketing-nav { height:80px; display:flex; align-items:center; gap:50px; padding:0 max(36px,calc((100vw - 1168px)/2)); background:#fbfbfa; border-bottom:1px solid #10171908; }
.marketing-nav>nav { display:flex; gap:27px; color:#555d5c; font-size:12px; }
.marketing-nav>.button { margin-left:auto; }
.marketing-nav a:hover { color:#7d7061; }
.landing-hero { min-height:592px; max-width:1500px; margin:auto; position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding:70px max(36px,calc((100vw - 1168px)/2)) 50px; gap:12px; isolation:isolate; overflow:hidden; }
.hero-background { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#f7f6f3 5%,#f4f2ed 50%,#e8e6df); }
.hero-background:after { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 84% 8%,#fff9 1%,transparent 44%),linear-gradient(175deg,transparent 77%,#d6d3cc); }
.landing-copy { position:relative; z-index:2; max-width:605px; }
.landing-copy h1 { font-size:clamp(30px,3.2vw,46px); line-height:1.55; margin:14px 0 20px; letter-spacing:-.05em; }
.hero-description { color:#626a68; font-size:13px; max-width:530px; line-height:1.95; }
.connect-form { margin-top:24px; }
.connect-form .field { margin-bottom:14px; }
.connect-form .check { font-size:10px; margin:14px 0 6px; }
.input-action { display:flex; border-radius:7px; border:1px solid #c0c0c0; padding:5px; background:white; box-shadow:0 6px 20px #10171905; }
.input-action input { border:0; min-width:0; border-radius:3px; padding:9px; font-size:12px; }
.input-action .button { flex:none; padding:10px 12px; font-size:11px; }
.input-action .button .icon { width:14px; }
.compact .field>span { font-size:11px; }
.compact .field>small { font-size:9px; }
.fixture-button { font-size:10px; color:#878787; }
.hero-secondary { display:flex; align-items:center; gap:24px; margin-top:17px; font-size:11px; color:#57605e; }
.hero-secondary>a { display:inline-flex; align-items:center; gap:5px; }
.hero-showcase { align-self:center; position:relative; width:calc(100% + 70px); margin-left:8px; padding:5px 22px 45px; perspective:1400px; }
.laptop { width:100%; border:8px solid #171c1b; border-bottom-width:13px; border-radius:17px 17px 9px 9px; overflow:hidden; background:#101719; transform:rotateY(-6deg); box-shadow:7px 14px 25px #10171940; }
.device-browser { height:22px; background:#202625; display:flex; align-items:center; padding:0 10px; gap:4px; }
.device-browser>i { width:4px; height:4px; border-radius:50%; background:#717171; }
.device-browser>span { margin:auto; color:#bdbdbd; font-size:6px; letter-spacing:1px; }
.device-page { position:relative; min-height:295px; color:white; isolation:isolate; }
.device-bg { position:absolute; inset:0; height:100%; width:100%; object-fit:cover; z-index:-2; }
.device-page:after { position:absolute; content:''; inset:0; background:linear-gradient(90deg,#101719a8,#10171915); z-index:-1; }
.device-nav { display:flex; align-items:center; justify-content:space-between; padding:12px 20px; font-size:7px; }
.device-nav>img { width:48px; height:32px; object-fit:contain; filter:invert(1); }
.device-copy { padding:38px 29px; }
.device-copy>small { font-size:6px; letter-spacing:1.5px; color:#e1e1d7; }
.device-copy>h2 { font-size:24px; letter-spacing:0; line-height:1.6; margin-top:9px; }
.device-copy>p { color:#d9d9d9; font-size:8px; margin:11px 0; }
.device-play { display:inline-block; font-size:8px; background:white; padding:6px 12px; border-radius:20px; color:#101719; margin-top:8px; }
.device-bottom { min-height:52px; padding:9px 17px; background:#fafaf5; display:flex; flex-direction:column; gap:3px; color:#101719; font-size:8px; }
.device-bottom>span { font-size:6px; color:#8a8a8a; }
.laptop-base { height:12px; background:linear-gradient(#b9b9b9,#7e7e7e); border-radius:2px 2px 45% 45%; margin:-3px -21px 0; position:relative; box-shadow:0 12px 13px #10171930; }
.phone { position:absolute; right:1px; bottom:23px; height:270px; width:129px; overflow:hidden; background:#131816; border:5px solid #151a18; border-radius:19px; box-shadow:4px 6px 20px #0004; color:white; }
.phone:before { content:''; position:absolute; top:2px; left:29%; width:42%; height:8px; background:#101715; border-radius:0 0 6px 6px; z-index:2; }
.phone>img { position:absolute; height:100%; width:100%; object-fit:cover; opacity:.65; }
.phone>div { position:relative; padding:17px 12px; }
.phone>div>img { width:32px; height:23px; object-fit:contain; filter:invert(1); }
.phone h3 { font-family:var(--serif); font-size:19px; margin-top:65px; line-height:1.7; }
.phone span { display:inline-block; margin-top:12px; font-size:6px; padding:4px 8px; border-radius:10px; background:white; color:#101719; }
.benefit-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:1168px; margin:auto; padding:30px 0; border-bottom:1px solid var(--line); gap:36px; }
.benefit-strip article { display:flex; gap:18px; align-items:flex-start; }
.benefit-strip article>.icon { margin-top:4px; }
.benefit-strip h3 { font-family:var(--serif); font-size:18px; }
.benefit-strip p { color:#777e7b; font-size:12px; margin:5px 0 0; }
.sample-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.sample-card { min-width:0; }
.sample-window { height:255px; position:relative; isolation:isolate; overflow:hidden; background:#232323; color:white; border-radius:5px; border:1px solid #10171910; }
.sample-window>img { position:absolute; inset:0; height:100%; width:100%; object-fit:cover; z-index:-2; }
.sample-window:after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#101719a0,#10171915); z-index:-1; }
.sample-nav { display:flex; align-items:center; justify-content:space-between; padding:16px; font-size:7px; }
.sample-nav strong { font-family:var(--serif); font-size:16px; }
.sample-copy { padding:36px 23px 20px; }
.sample-copy small { font-size:8px; letter-spacing:2px; }
.sample-copy h3 { font-family:var(--serif); font-size:23px; line-height:1.5; margin:10px 0 15px; }
.sample-copy>span { padding:6px 11px; border-radius:20px; background:white; color:#101719; font-size:8px; }
.sample-growth { color:#101719; }
.sample-growth:after { background:linear-gradient(90deg,#fffffff0,#ffffff10); }
.sample-growth h3 { font-family:var(--sans); font-size:22px; font-weight:650; letter-spacing:-.7px; }
.sample-growth .sample-copy>span { border:1px solid #10171980; }
.sample-afterhours { color:#101719; background:#fff0d0; }
.sample-afterhours:after { background:linear-gradient(#fff0d075,#fff0d000); }
.sample-afterhours>img { object-position:center 65%; }
.sample-afterhours .sample-copy { padding-top:2px; }
.sample-afterhours h3 { font-family:"Kaiti SC","STKaiti",var(--serif); font-size:27px; transform:rotate(-3deg); margin-bottom:77px; }
.sample-afterhours .sample-copy>span { background:#f5d549; }
.sample-label { padding:18px 1px; }
.sample-label h3 { display:flex; align-items:center; justify-content:space-between; font-family:var(--serif); font-size:20px; }
.sample-label p { font-size:12px; color:#7b8280; min-height:41px; line-height:1.8; }
.sample-label>span { font-size:10px; color:#626b68; }
.sample-card:hover .sample-label h3>.icon { transform:translateX(4px); transition:transform .2s; }
.center-actions { display:flex; justify-content:center; margin-top:27px; }
.journey { padding-top:10px; }
.journey-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px; margin-top:30px; }
.journey-grid article { display:grid; grid-template-columns:43px minmax(0,1fr); column-gap:15px; }
.journey-grid article>span { grid-row:span 2; display:grid; place-items:center; width:43px; height:43px; border:1px solid #dadada; border-radius:50%; font-family:Georgia,serif; font-size:20px; }
.journey-grid h3 { font-family:var(--serif); font-size:19px; }
.journey-grid p { font-size:12px; line-height:1.9; color:#7b8280; }
.pricing-section { border-top:1px solid var(--line); }
.pricing-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px; }
.price-card { border:1px solid #d6d6d6; background:white; padding:28px; border-radius:7px; display:flex; flex-direction:column; }
.price-card h3 { font-family:var(--serif); font-size:23px; }
.price-card>p { color:#828282; font-size:12px; }
.price-card .price { margin-top:10px; display:flex; align-items:baseline; gap:6px; }
.price strong { font-family:var(--sans); font-size:42px; font-weight:550; letter-spacing:-2px; line-height:1.5; }
.price span { color:#898989; font-size:12px; }
.price-card>.annual { font-size:11px; margin:0; }
.price-card ul { padding:0; list-style:none; margin:22px 0 27px; }
.price-card li { font-size:11px; color:#6d6d6d; padding-block:4px; }
.price-card li:before { content:'✓'; padding-right:9px; color:#101719; }
.price-card>.button { margin-top:auto; }
.price-card.assisted { background:#fafaf7; border-color:#e1e1e1; }
.assisted>.pill { margin-bottom:17px; }
.price-story { position:relative; min-height:430px; border-radius:7px; overflow:hidden; background:#e9e7df; isolation:isolate; }
.price-story>img { position:absolute; height:100%; width:100%; object-fit:cover; z-index:-2; }
.price-story:after { position:absolute; content:''; inset:0; background:linear-gradient(#f3f1e9f0,#f3f1e938); z-index:-1; }
.price-story>div { padding:35px 28px; }
.price-story h2 { font-size:28px; line-height:1.8; }
.price-story p { font-size:12px; color:#7b7b7b; }
.pricing-section>.fineprint { margin-top:22px; }
.marketing-footer { max-width:1168px; margin:auto; border-top:1px solid var(--line); display:flex; gap:22px; align-items:center; padding:29px 0; }
.marketing-footer p { font-size:10px; color:#969696; }
.marketing-footer>a:last-child { margin-left:auto; display:flex; align-items:center; gap:9px; font-size:11px; }
.marketing-footer .brand { font-size:22px; }
.marketing-footer .brand>span { display:none; }

/* Entry, email confirmation, and backend-driven job stages. */
.onboarding { max-width:1168px; margin:52px auto 70px; display:grid; grid-template-columns:1fr 1fr; min-height:600px; border:1px solid var(--line); border-radius:8px; overflow:hidden; background:white; }
.onboarding-story { position:relative; color:white; isolation:isolate; display:flex; align-items:flex-end; padding:50px; }
.onboarding-story>img { position:absolute; inset:0; height:100%; width:100%; object-fit:cover; z-index:-2; }
.onboarding-story:after { content:''; position:absolute; inset:0; background:linear-gradient(#10171930,#101719dd); z-index:-1; }
.onboarding-story h1 { font-size:43px; }
.onboarding-story p:not(.eyebrow) { color:#d3d3d3; font-size:12px; margin:24px 0; line-height:2; }
.onboarding-story .eyebrow { color:#cdcdcd; font-size:9px; }
.onboarding-story span { color:#c6c6c6; font-size:10px; }
.onboarding-form { padding:46px 40px; }
.onboarding-form h2 { font-size:31px; margin-top:12px; }
.onboarding-form>.muted { font-size:12px; line-height:1.95; }
.onboarding-form .input-action { display:block; padding:0; border:0; box-shadow:none; }
.onboarding-form .input-action input { border:1px solid #d9dcda; padding:11px 12px; margin-bottom:12px; font-size:12px; }
.onboarding-form .input-action .button { width:100%; min-height:43px; }
.onboarding-form .check { font-size:11px; }
.step-label { font-size:10px; color:#959595; letter-spacing:1px; }
.onboarding-other { display:flex; justify-content:space-between; gap:12px; font-size:11px; padding-top:23px; margin-top:28px; border-top:1px solid var(--line); }
.onboarding-other span { color:#878787; }
.onboarding-other a { display:flex; align-items:center; gap:5px; }
.onboarding-form>.text-button { margin-top:18px; color:#7b7b7b; font-size:11px; }
.planning-page { display:grid; grid-template-columns:.9fr 1.1fr; gap:78px; align-items:start; padding-top:55px; }
.planning-intro { padding-top:35px; }
.planning-intro h1 { font-size:39px; }
.planning-intro>p:not(.eyebrow) { font-size:13px; color:#818181; line-height:2; max-width:360px; margin:22px 0 32px; }
.planning-intro>img { height:245px; width:100%; max-width:355px; object-fit:cover; border-radius:6px; }
.planning-intro>span { display:block; font-size:10px; color:#939393; margin-top:14px; }
.planning-form { padding:28px 34px!important; }
.planning-form>.field { margin:23px 0; }
.choice-row { display:flex; gap:13px; flex-wrap:wrap; }
.choice-row>label { display:flex; align-items:flex-start; gap:6px; font-size:11px; }
.job-page { max-width:1100px; margin:65px auto; display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; padding:0 35px; align-items:start; }
.job-illustration { position:sticky; top:35px; }
.job-illustration>img { width:100%; height:600px; object-fit:cover; border-radius:7px; }
.job-page h1 { white-space:pre-line; font-size:35px; }
.job-message { font-size:12px; color:#7f7f7f; margin:20px 0; }
.job-steps { list-style:none; padding:0; margin:25px 0; }
.job-steps>li { display:flex; gap:15px; position:relative; padding:14px 0; color:#a7a7a7; }
.job-steps>li>span { flex:none; display:grid; place-items:center; width:33px; height:33px; border-radius:50%; border:1px solid #e1e1e1; font-size:11px; background:#fbfbf9; }
.job-steps>li p { font-size:11px; margin:3px 0; }
.job-steps>li strong { font-weight:550; font-size:13px; }
.job-steps>.complete,.job-steps>.current { color:#373737; }
.job-steps>.complete>span { border-color:#e6e6e6; background:#ebebeb; }
.job-steps>.current>span { background:#101719; color:white; border-color:#101719; }
.job-steps>.failed { color:#994d42; }
.spinner { width:15px; height:15px; border:1.5px solid #dadada; border-top-color:#4f4f4f; border-radius:50%; animation:spin 1s linear infinite; margin:8px 0 0 auto; flex:none; }
@keyframes spin { to { transform:rotate(360deg); } }
/* The submission boundary keeps the entry form mounted. Durable jobs use this
   same full-screen shell after acknowledgment, without fabricated progress. */
.generation-overlay-open { overflow:hidden; }
.generation-overlay { position:fixed; inset:0; z-index:120; overflow:auto; background:#f8f7f4; overscroll-behavior:contain; }
.job-page.generation-screen { display:flex; flex-direction:column; min-height:100svh; max-width:none; margin:0; padding:32px clamp(24px,5vw,84px) 24px; gap:0; background:#f8f7f4; color:#242321; }
.generation-header,.generation-footer { width:100%; max-width:1280px; margin-inline:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.generation-header { padding-bottom:26px; border-bottom:1px solid #e0ded9; }
.generation-header .brand { font-size:26px; }
.generation-header>span { font-size:12px; letter-spacing:.04em; color:#7d7a75; }
.generation-main { width:100%; max-width:1120px; margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:clamp(45px,8vw,112px); align-items:center; padding:65px 0 48px; }
.generation-intro { min-width:0; }
.job-page.generation-screen h1 { font-size:clamp(38px,4.2vw,60px); line-height:1.55; font-weight:500; letter-spacing:-.055em; }
.generation-screen [data-generation-heading]:focus { outline:none; }
.generation-intro>.eyebrow { margin-bottom:22px; font-size:10px; color:#88837c; letter-spacing:.2em; }
.generation-status { margin-top:30px; display:flex; align-items:center; gap:10px; font-size:15px; }
.generation-status strong { font-weight:550; }
.generation-status-dot { width:7px; height:7px; border-radius:50%; background:#55514b; box-shadow:0 0 0 5px #eae7e0; flex:none; }
.generation-status-dot.paused { background:#9b775c; box-shadow:0 0 0 5px #ede6dc; }
.generation-screen .job-message { margin:14px 0 0; max-width:405px; color:#6f6a63; font-size:14px; line-height:1.9; }
.generation-art { position:relative; width:190px; height:172px; margin:35px 0 0; color:#999188; }
.generation-orbit { position:absolute; width:148px; height:148px; border:1px solid #d5cfc5; border-radius:50%; left:5px; top:0; }
.generation-orbit.inner { width:114px; height:114px; left:22px; top:17px; border-style:dashed; border-color:#dfd9d0; }
.generation-wave { position:absolute; display:flex; align-items:center; justify-content:center; gap:5px; left:40px; top:46px; width:80px; height:55px; }
.generation-wave i { width:3px; height:18px; background:#736b60; border-radius:5px; transform-origin:center; animation:generation-wave 2.6s ease-in-out infinite; }
.generation-wave i:nth-child(2),.generation-wave i:nth-child(6) { height:29px; animation-delay:-.4s; }
.generation-wave i:nth-child(3),.generation-wave i:nth-child(5) { height:40px; animation-delay:-.8s; }
.generation-wave i:nth-child(4) { height:52px; animation-delay:-1.2s; }
.generation-art-caption { position:absolute; left:0; bottom:0; white-space:nowrap; font-size:7px; letter-spacing:.17em; color:#999188; }
.generation-progress { border:1px solid #dedad3; border-radius:12px; padding:28px 30px 20px; background:#ffffff82; box-shadow:0 18px 55px #29251f04; }
.generation-progress>.eyebrow { color:#918a80; font-size:8px; letter-spacing:.16em; }
.generation-screen .job-steps { margin:21px 0 18px; }
.generation-screen .job-steps>li { gap:16px; padding:15px 0; align-items:flex-start; }
.generation-screen .job-steps>li:not(:last-child)::after { content:""; position:absolute; width:1px; height:20px; left:16px; bottom:-5px; background:#e4dfd8; }
.generation-screen .job-steps>li>span { width:33px; height:33px; background:transparent; border-color:#e3ded7; font-size:10px; }
.generation-screen .job-steps>li strong { font-size:15px; line-height:1.6; font-weight:500; }
.generation-screen .job-steps>li p { margin:4px 0 0; font-size:12px; line-height:1.7; }
.generation-screen .job-steps>.current>span { background:#2c2b28; border-color:#2c2b28; color:#fff; box-shadow:0 0 0 4px #eae6df; }
.generation-screen .job-steps>.complete>span { color:#696359; border-color:#dfd8ce; background:#eeeae3; }
.generation-screen .job-steps>.complete { color:#7c766c; }
.generation-screen .job-steps>.current { color:#2f2d29; }
.generation-screen .job-steps>.pending,.generation-screen .job-steps>.skipped { color:#817a70; }
.generation-screen .job-steps>.paused { color:#8b684c; }
.generation-screen .spinner { border-color:#ded8ce; border-top-color:#575149; }
.generation-progress-note { font-size:12px; color:#81796e; border-top:1px solid #e6e1d9; padding-top:15px; margin:0; }
.generation-footer { border-top:1px solid #e0ded9; padding-top:20px; color:#81796e; font-size:12px; }
.generation-footer p { margin:0; }
.generation-footer .text-button { color:#635b51; font-size:14px; flex:none; }
.generation-paused .generation-main { grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr); align-items:start; }
.generation-paused .generation-intro { padding-top:22px; }
.generation-paused h1 { font-size:clamp(32px,3vw,44px); }
.generation-resolution { min-width:0; }
.generation-resolution .source-progress { margin-top:26px; }
@keyframes generation-wave { 0%,100% { transform:scaleY(.66); opacity:.55; } 50% { transform:scaleY(1); opacity:.9; } }
@media(max-width:760px) {
  .job-page.generation-screen { padding:24px 22px 22px; }
  .generation-header { padding-bottom:21px; }
  .generation-header>span { display:none; }
  .generation-main,.generation-paused .generation-main { grid-template-columns:minmax(0,1fr); gap:32px; padding:38px 0; }
  .job-page.generation-screen h1 { font-size:38px; line-height:1.5; }
  .generation-intro>.eyebrow { margin-bottom:14px; font-size:8px; }
  .generation-status { margin-top:21px; }
  .generation-screen .job-message { font-size:14px; }
  .generation-art { display:none; }
  .generation-progress { padding:22px 23px 18px; }
  .generation-screen .job-steps>li { padding:12px 0; }
  .generation-footer { align-items:flex-start; gap:18px; font-size:12px; }
  .generation-footer p { max-width:235px; }
  .generation-paused .generation-intro { padding-top:0; }
}
@media(prefers-reduced-motion:reduce) { .generation-wave i,.generation-screen .spinner { animation:none; } }
.job-error { padding:15px; border:1px solid #e1c8c1; border-radius:6px; background:#faf3ef; font-size:12px; }
.job-page>section { min-width:0; }
.job-error h2 { font-family:var(--sans); font-size:15px; line-height:1.6; margin:0 0 8px; }
.job-error p,.source-discovery>p { line-height:1.8; overflow-wrap:anywhere; }
.job-error .actions { align-items:stretch; }
.job-error .button { white-space:normal; line-height:1.5; text-align:center; }
.source-discovery { margin:24px 0; }
.source-discovery h2 { font-size:22px; margin:0 0 12px; }
.source-discovery>p { font-size:12px; color:#666; }
.source-candidates { display:grid; gap:12px; margin:18px 0; }
.source-candidate { display:grid; grid-template-columns:76px minmax(0,1fr); gap:14px; padding:16px; border:1px solid #dededb; border-radius:7px; background:#fff; }
.source-candidate-cover { width:76px; height:76px; border-radius:5px; object-fit:cover; }
.source-cover-missing { display:grid; place-items:center; background:#efefec; color:#777; font-size:11px; text-align:center; }
.source-candidate-content h3 { margin:0 0 6px; font-family:var(--sans); font-size:15px; line-height:1.6; overflow-wrap:anywhere; }
.source-candidate-content p { font-size:11px; color:#666; margin:4px 0; line-height:1.7; overflow-wrap:anywhere; }
.source-candidate-content .button { margin-top:10px; text-align:left; white-space:normal; line-height:1.6; }
.source-no-results { font-size:13px; line-height:1.8; }
.source-alternative { margin:20px 0; padding-top:16px; border-top:1px solid #e3e3df; }
.source-alternative p { line-height:1.7; }
.source-progress { margin:24px 0; border-top:1px solid #e3e3df; padding-top:16px; }
.source-progress summary { cursor:pointer; font-size:12px; color:#666; }
@media(max-width:800px) { .job-source-confirmation { grid-template-columns:1fr; } .job-source-confirmation .job-illustration { display:none; } }
@media(max-width:520px) {
  .source-candidate { grid-template-columns:52px minmax(0,1fr); gap:11px; padding:13px; }
  .source-candidate-cover { width:52px; height:52px; }
  .source-candidate-content .button { font-size:11px; padding:9px 11px; width:100%; }
  .job-error .actions { flex-direction:column; }
}
.confirmation-page,.access-state { max-width:740px; margin:90px auto; text-align:center; padding:35px; }
.confirmation-page h1,.access-state h1 { font-size:35px; }
.confirmation-page>p:not(.eyebrow),.access-state>p:not(.eyebrow) { color:#7c7c7c; font-size:13px; line-height:2; max-width:490px; margin:20px auto 28px; }
.confirmation-page>.text-button { display:block; margin-top:25px; }
.confirmation-icon { display:grid; place-items:center; width:80px; height:80px; border-radius:50%; background:#ececec; margin:0 auto 25px; }
.access-state>.brand { margin-bottom:60px; }
.access-state>.actions { justify-content:center; }

/* Connected workspace. */
.workspace { display:grid; grid-template-columns:218px minmax(0,1fr); min-height:100vh; }
.sidebar { border-right:1px solid var(--line); background:#fafbf8; position:sticky; top:0; height:100vh; display:flex; flex-direction:column; padding:29px 18px 20px; overflow-y:auto; }
.sidebar .brand { font-size:23px; margin:0 5px 31px; }
.sidebar .brand>span { display:none; }
.back-link { font-size:10px; color:#939393; padding:0 12px; margin-bottom:21px; }
.sidebar-show { display:grid; grid-template-columns:35px minmax(0,1fr); column-gap:10px; padding:0 12px 23px; border-bottom:1px solid var(--line); margin-bottom:18px; }
.sidebar-show .cover { grid-row:span 2; width:35px; height:35px; min-height:35px; border-radius:6px; padding:0; }
.sidebar-show .cover-empty>span,.sidebar-show .cover-empty>.icon { display:none; }
.sidebar-show .cover-empty:after { content:'♪'; font-size:20px; }
.sidebar-show strong { font-size:11px; line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sidebar-show>span { font-size:9px; color:#949494; }
.sidebar nav { display:flex; flex-direction:column; gap:5px; }
.sidebar nav>a { display:flex; align-items:center; gap:12px; color:#6d6d6d; padding:11px 13px; border-radius:5px; font-size:12px; }
.sidebar nav>a[aria-current],.sidebar nav>a:hover { background:#ececec; color:#101719; }
.sidebar-note { border:1px solid #e2e2e2; border-radius:6px; padding:15px 12px; margin:26px 8px 22px; background:#f2f2f2; }
.sidebar-note p { font-size:10px; color:#868686; margin:8px 0; }
.sidebar-note>a { font-size:10px; }
.sidebar-bottom { margin-top:auto; padding:15px 12px 0; display:flex; flex-direction:column; gap:9px; font-size:10px; color:#969696; }
.sidebar-bottom>span { font-size:8px; margin-top:10px; }
.workspace-main { min-width:0; background:#f7f8f5; }
.workspace-top { height:72px; background:#fff; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 38px; }
.workspace-top>div:first-of-type { display:flex; align-items:center; gap:14px; min-width:0; font-size:11px; }
.workspace-top>div:first-of-type>span { color:#8f8f8f; max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-top b { font-weight:400; color:#b3b3b3; }
.workspace-top strong { font-weight:500; white-space:nowrap; }
.top-actions { display:flex; gap:15px; align-items:center; flex:none; }
.mobile-brand,.mobile-workspace-nav { display:none; }
.workspace-content { max-width:1390px; margin:auto; padding:33px 38px 50px; }
.page-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.page-heading h1 { font-size:32px; }
.page-heading .eyebrow { font-size:9px; letter-spacing:1.6px; margin-bottom:7px; }
.page-heading p:not(.eyebrow) { font-size:12px; color:#8d8d8d; margin:7px 0 0; }
.development-banner { color:#868686; font-size:10px; border-bottom:1px solid #e4e4e4; padding:0 0 15px; margin:-5px 0 24px; }
.panel { min-width:0; padding:26px; border:1px solid var(--line); border-radius:7px; background:white; margin-bottom:24px; }
.panel>h2 { font-size:23px; margin-bottom:14px; }
.panel>p:not(.eyebrow):not(.note) { color:#818181; font-size:12px; line-height:1.9; }
.panel .section-title { margin-bottom:19px; }
.panel .section-title h2 { font-size:23px; }
.panel .field { margin:19px 0; }
.two-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }
.two-columns>.panel { height:calc(100% - 24px); }
.workspace-footer { display:flex; align-items:center; justify-content:space-between; padding:20px 38px; border-top:1px solid var(--line); font-size:9px; color:#9d9d9d; }
.welcome-panel { display:grid; grid-template-columns:1.6fr 1fr; border:1px solid #e1e1e1; background:#efefef; border-radius:7px; margin-bottom:35px; overflow:hidden; }
.welcome-panel>div { padding:30px; }
.welcome-panel h2 { font-size:29px; }
.welcome-panel p:not(.eyebrow) { font-size:12px; color:#818181; margin:11px 0 21px; }
.welcome-panel>img { width:100%; height:100%; min-height:230px; object-fit:cover; }
.site-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; }
.site-card { display:grid; grid-template-columns:1fr 1.3fr; border:1px solid var(--line); border-radius:7px; overflow:hidden; background:white; }
.site-card-art { background:linear-gradient(160deg,#dedede,#bcbcbc); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:30px; padding:30px 15px; color:#818181; min-height:210px; }
.site-card-art[data-kind=planning] { background:linear-gradient(150deg,#f2eee1,#d4cbb6); color:#9c9178; }
.site-card-art>span { font-size:7px; letter-spacing:1px; text-align:center; }
.site-card>div:last-child { padding:22px; }
.site-card h2 { font-size:22px; margin-top:10px; }
.site-card p { font-size:11px; color:#8a8a8a; }
.site-card .button { margin-top:10px; }
.overview-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:24px; }
.overview-site { display:grid; grid-template-columns:1.1fr .8fr; background:#2b2b2b; color:#fff; min-height:280px; overflow:hidden; border-radius:5px; }
.overview-site>div:first-child { padding:27px; align-self:center; }
.overview-site>div>span { font-size:7px; letter-spacing:1.7px; opacity:.6; }
.overview-site h2 { margin:15px 0; font-size:27px; }
.overview-site p { font-size:11px; line-height:1.9; opacity:.65; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.overview-site b { font-size:10px; display:block; margin-top:22px; font-weight:500; }
.overview-site>.cover { height:100%; object-fit:cover; }
.overview-site[data-theme=growth] { background:#f1f1f1; color:#101719; }
.overview-site[data-theme=growth] h2 { font-family:var(--sans); }
.overview-site[data-theme=afterhours] { background:#fff0c2; color:#101719; }
.overview-site[data-theme=afterhours] h2 { font-family:"Kaiti SC","STKaiti",var(--serif); }
.source-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-top:23px; }
.source-summary>div { display:flex; flex-direction:column; gap:6px; }
.source-summary span { font-size:9px; color:#979797; }
.source-summary strong { font-size:11px; font-weight:550; }
.next-steps>h2 { font-size:24px; }
.next-steps>article { display:flex; align-items:flex-start; gap:14px; padding:14px 0; border-bottom:1px solid #eeeeee; }
.next-steps>article:last-child { border:0; padding-bottom:0; }
.step-number { display:grid; place-items:center; width:29px; height:29px; border-radius:50%; background:#f3f3f3; color:#989898; font-family:Georgia,serif; font-size:11px; flex:none; margin-top:2px; }
.step-number.done { background:#e8e8e8; color:#575757; }
.next-steps h3 { font-size:12px; }
.next-steps article p { font-size:10px; color:#979797; margin:3px 0; }
.next-steps article a { font-size:10px; }
.verified-row { display:flex; align-items:center; gap:18px; padding:17px 0; }
.verified-row h3 { font-size:14px; }
.verified-row p { font-size:12px; color:#808080; margin:5px 0; }
.success-round { flex:none; display:grid; place-items:center; width:48px; height:48px; background:#eeeeee; border-radius:50%; color:#787878; }
.trace-list { margin:17px 0; padding:0; list-style:none; }
.trace-list li { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:11px; color:#8c8c8c; padding:6px 0; border-bottom:1px solid #f1f1f1; }
.trace-list small { font-size:10px; }
.expiry-banner { border:1px solid #e3d8c4; background:#f8f4e9; padding:20px; border-radius:6px; margin-bottom:24px; color:#8b7755; }
.expiry-banner p { font-size:12px; }
.theme-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.theme-option { border:1px solid #e3e3e3; border-radius:6px; background:white; padding:8px; text-align:left; color:var(--ink); }
.theme-option.selected { border-color:#101719; box-shadow:0 0 0 1px #101719; }
.theme-option>span { display:flex; align-items:center; justify-content:space-between; font-size:12px; margin:10px 5px 4px; }
.theme-thumbnail { height:154px; position:relative; border-radius:3px; background:#2e2e2e; color:white; padding:17px; overflow:hidden; }
.theme-thumbnail>span { font-size:8px; opacity:.7; }
.theme-thumbnail>b { display:block; font-family:var(--serif); font-size:23px; line-height:1.6; white-space:pre-line; position:relative; z-index:1; margin-top:11px; }
.theme-thumbnail>i { position:absolute; width:90px; height:160px; background:#8e8e8e5a; border-radius:50% 50% 0 0; right:12px; bottom:-35px; transform:rotate(-22deg); }
.theme-thumbnail[data-theme=growth] { color:#101719; background:#f0f0f0; }
.theme-thumbnail[data-theme=growth]>b { font-family:var(--sans); font-weight:600; font-size:22px; }
.theme-thumbnail[data-theme=growth]>i { border-radius:0; background:#cbcbcb; right:20px; transform:skewY(-20deg); }
.theme-thumbnail[data-theme=afterhours] { background:#fff0c3; color:#101719; }
.theme-thumbnail[data-theme=afterhours]>b { font-family:"Kaiti SC","STKaiti",var(--serif); font-size:28px; transform:rotate(-3deg); }
.theme-thumbnail[data-theme=afterhours]>i { background:#e2c34f; border:2px solid #101719; border-radius:50%; width:110px; height:110px; right:15px; bottom:-35px; }
.editor-grid { display:grid; grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr); gap:24px; align-items:start; }
.editor-preview { border:1px solid #dbdbdb; border-radius:7px; background:white; overflow:hidden; position:sticky; top:24px; margin-bottom:24px; }
.preview-chrome { height:43px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:#efefef; border-bottom:1px solid #dedede; padding:0 13px; font-size:9px; }
.preview-chrome>span { display:flex; gap:4px; }
.preview-chrome i { width:6px; height:6px; border-radius:50%; background:#c7c7c7; }
.preview-chrome strong { font-weight:400; color:#909090; }
.editor-preview iframe { display:block; width:100%; height:810px; border:0; background:white; }
.module-list>div { display:flex; align-items:center; gap:7px; border-bottom:1px solid #eeeeee; padding:10px 0; }
.module-list label { display:flex; gap:8px; font-size:11px; align-items:flex-start; margin-right:auto; }
.module-list .icon-button { width:25px; height:25px; font-size:12px; color:#898989; }
.source-panel>p { max-height:180px; overflow:auto; white-space:pre-wrap; }
.suggestion { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:18px 0; border-top:1px solid #ededed; }
.suggestion p { font-size:12px; line-height:1.9; }
.suggestion .actions { flex:none; }
.suggestions-panel details { margin-top:20px; }
summary { font-size:12px; color:#6d6d6d; cursor:pointer; }
.copy-box { border:1px solid #dadada; border-radius:5px; background:#f7f7f7; display:flex; gap:10px; align-items:center; justify-content:space-between; padding:12px; margin:20px 0; }
.copy-box code { font-size:11px; overflow-wrap:anywhere; word-break:break-all; }
.copy-box .button { flex:none; }
.instructions { padding-left:19px; font-size:12px; color:#8a8a8a; line-height:2.1; margin-bottom:25px; }
.share-result { margin-top:22px; padding:4px 18px 18px; background:#f7f7f7; border-radius:6px; }
.application-status { background:#f1f1f1; border:1px solid #e3e3e3; border-radius:5px; padding:15px; margin:20px 0; }
.application-status p { font-size:11px; }
.plan-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.plan-choices label { border:1px solid #e2e2e2; border-radius:6px; padding:15px; display:grid; grid-template-columns:16px minmax(0,1fr); gap:8px; }
.plan-choices label:has(:checked) { border-color:#101719; background:#f9f9f9; }
.plan-choices strong { font-size:22px; line-height:1.5; }
.plan-choices strong small { font-size:10px; color:#939393; font-weight:400; }
.plan-choices span { grid-column:2; font-size:9px; color:#9a9a9a; }
.launch-checklist { background:#f7f7f7; padding:10px 17px; border-radius:5px; margin:20px 0; }
.launch-checklist p { display:flex; gap:9px; align-items:center; font-size:11px; color:#7f7f7f; }
.quiet-panel { background:#f2f2f2; }
.published-result { margin-top:28px; padding-top:20px; border-top:1px solid #e6e6e6; }
.published-result p { font-size:11px; }
.metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--line); border-radius:7px; overflow:hidden; background:white; }
.metric-grid>article { display:flex; flex-direction:column; padding:23px 25px; gap:9px; border-right:1px solid var(--line); }
.metric-grid>article:last-child { border:0; }
.metric-grid span { font-size:11px; color:#8b8b8b; }
.metric-grid strong { font-size:33px; font-weight:550; line-height:1.4; }
.metrics-note { font-size:10px; color:#9d9d9d; margin:13px 0 26px; }
.report-row { display:grid; grid-template-columns:minmax(0,1fr) 55px 80px; gap:12px; padding:13px 0; border-bottom:1px solid #ececec; font-size:11px; }
.report-row strong { font-weight:500; overflow-wrap:anywhere; }
.report-row>:not(:first-child) { text-align:right; }
.report-heading { color:#989898; font-size:9px; }
.episode-report>article { display:flex; flex-direction:column; gap:6px; padding:13px 0; border-bottom:1px solid #ececec; }
.episode-report strong { font-size:12px; font-weight:500; }
.episode-report span { font-size:10px; color:#9b9b9b; }
.promotion-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:38px; }
.promotion-panel>div>p:not(.eyebrow) { color:#8c8c8c; font-size:12px; }
#promotion-result { padding:20px; background:#f7f7f7; border-radius:5px; }
.promotion-card { padding:30px; text-align:center; border:1px solid #e3e3e3; background:#f9f7f0; }
.promotion-card h3 { font-family:var(--serif); font-size:25px; margin:18px 0; }
.promotion-card>span:not(.eyebrow) { font-size:10px; color:#8c8c8c; }
.promotion-qr { width:115px; height:115px; margin:20px auto 0; }
.listener-row { display:grid; grid-template-columns:minmax(0,1.5fr) 100px minmax(0,.7fr) 115px; gap:22px; border-bottom:1px solid #ececec; padding:15px 0; align-items:center; font-size:11px; }
.listener-row>div { display:flex; flex-direction:column; gap:3px; overflow-wrap:anywhere; }
.listener-row strong { font-weight:500; }
.listener-row small { font-size:10px; color:#9f9f9f; }
.listener-heading { font-size:10px; color:#9a9a9a; }
.integration-list { margin:20px 0; }
.integration-list>div { display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid #ececec; padding:12px 0; font-size:11px; }
.integration-list dt { color:#8f8f8f; }
.integration-list dd { margin:0; text-align:right; }
.block-code { display:block; background:#f1f1f1; padding:12px; font-size:11px; overflow-wrap:anywhere; }
.danger-zone { border-color:#e4cfbf; background:#fdfbf7; }
.danger-zone h2 { color:#8d6146; }
.mail-list>article { display:flex; gap:17px; padding:23px 0; border-top:1px solid #eaeaea; }
.mail-icon { width:43px; height:43px; background:#f1f1f1; border-radius:50%; display:grid; place-items:center; flex:none; }
.mail-list h3 { font-size:15px; }
.mail-list p { font-size:11px; color:#8c8c8c; }
.mail-list .text-button { display:flex; margin-top:10px; }
.mail-sent h3 { margin-top:20px; }
.mail-sent p { font-size:12px; color:#8e8e8e; }
.mail-sent>.text-button { display:block; margin-top:18px; }

/* Real source content: the same renderer, three deliberately different themes. */
.public-site { background:#fbfbf7; --site-accent:#c79068; }
.preview-strip { display:flex; align-items:center; gap:20px; padding:8px max(25px,calc((100vw - 1150px)/2)); background:#ececec; color:#818181; font-size:9px; }
.preview-strip>a { margin-left:auto; color:#4c4c4c; }
.preview-strip.preview-owner-strip { background:#f6f4ef; border-bottom:1px solid #e1dcd3; padding-top:11px; padding-bottom:11px; font-size:12px; }
.preview-label { display:inline-flex; align-items:center; gap:6px; flex-wrap:wrap; }
.preview-owner-strip .preview-guidance { color:#90897d; }
.preview-strip>.preview-studio-link { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:8px 12px; border:1px solid #d5cdbf; border-radius:5px; background:#fff; color:#464039; font-size:13px; line-height:1.5; white-space:nowrap; }
.preview-strip>.preview-studio-link:hover { background:#eee9e1; }
.public-header { display:flex; justify-content:space-between; align-items:center; gap:30px; max-width:1230px; padding:29px 40px; margin:auto; }
.public-wordmark { font-family:var(--serif); font-size:25px; font-weight:650; line-height:1.5; max-width:65%; overflow-wrap:anywhere; }
.public-header nav { display:flex; gap:27px; font-size:11px; flex:none; }
.public-header nav>a { position:relative; padding:7px 0; }
.public-header nav>a[aria-current]:after { content:''; position:absolute; bottom:0; height:1px; left:0; right:0; background:currentColor; }
.public-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); min-height:530px; padding:55px max(40px,calc((100vw - 1150px)/2)); gap:65px; align-items:center; background:#272727; color:#fff; }
.public-hero-copy .eyebrow { color:#aaaaaa; font-size:9px; }
.public-hero h1 { font-size:clamp(38px,4vw,57px); line-height:1.55; margin:18px 0 22px; max-width:640px; }
.public-hero-copy>p:not(.eyebrow) { font-size:14px; line-height:2; color:#c6c6c6; max-width:580px; white-space:pre-line; max-height:252px; overflow:auto; }
.public-hero .actions { margin-top:28px; }
.public-site[data-theme=night] .public-hero .button:not(.outline-light) { background:#f7f6ef; color:#101719; border-color:#f7f6ef; border-radius:25px; }
.public-site[data-theme=night] .public-hero .outline-light { border-radius:25px; }
.hero-author { display:block; margin-top:28px; font-size:10px; color:#939393; }
.public-hero-art { position:relative; min-width:0; }
.public-hero-art>.cover { max-height:430px; aspect-ratio:1; width:100%; object-fit:cover; border-radius:4px; box-shadow:0 18px 30px #0002; }
.public-hero-art>.cover-empty { background:linear-gradient(145deg,#424242,#6a6a6a); color:#d5d5d5; min-height:330px; }
.art-caption { display:block; text-align:center; margin-top:15px; font-size:7px; letter-spacing:2px; color:#a6a6a6; }
.public-section { max-width:1230px; margin:auto; padding:65px 40px; }
.public-section h2 { font-size:31px; }
.public-section .eyebrow { font-size:9px; }
.episode-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 27px; }
.episode-card { min-width:0; }
.episode-cover { position:relative; display:block; overflow:hidden; border-radius:5px; background:#e9e9e9; }
.episode-cover>.cover { aspect-ratio:1.5; transition:transform .3s; }
.episode-cover:hover>.cover { transform:scale(1.025); }
.episode-cover>span { position:absolute; bottom:12px; left:14px; display:block; padding:3px 7px; color:#fff; background:#10171999; border-radius:3px; font-size:9px; }
.episode-meta { font-size:9px; color:#9b9b9b; margin-top:16px; }
.episode-card h3 { font-family:var(--serif); font-size:21px; margin-top:8px; }
.episode-card p { color:#8d8d8d; font-size:12px; line-height:1.9; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; min-height:46px; }
.episode-card .text-button { font-size:11px; }
.about-section { border-top:1px solid #e6e6e6; }
.about-columns { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:90px; margin-top:28px; }
.about-columns .intro-copy { font-family:var(--serif); font-size:23px; line-height:2; color:#636363; white-space:pre-line; }
.about-columns>div { border-left:1px solid #dfdfdf; padding-left:40px; }
.about-columns>div>p { color:#8c8c8c; font-size:13px; line-height:2; white-space:pre-line; }
.about-standalone { border-top:0; min-height:570px; }
.subscribe-section { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:70px; background:#eeeeee; max-width:none; padding-inline:max(40px,calc((100vw - 1150px)/2)); }
.subscribe-section h2 { max-width:470px; font-size:34px; line-height:1.7; }
.subscribe-section p:not(.eyebrow) { font-size:12px; color:#8a8a8a; }
.subscribe-section .field { margin-top:5px; }
.subscribe-section .check { font-size:10px; color:#929292; }
.preview-subscribe { border:1px dashed #cdcdcd; border-radius:5px; padding:27px; }
.preview-subscribe>span { display:flex; align-items:center; gap:12px; font-size:15px; }
.preview-subscribe>p { margin-top:17px; line-height:1.9; }
.public-footer { max-width:1230px; margin:auto; padding:32px 40px; display:flex; justify-content:space-between; gap:25px; align-items:center; }
.public-footer strong { font-family:var(--serif); font-size:20px; max-width:35%; overflow-wrap:anywhere; }
.public-footer>span,.public-footer>a { font-size:9px; color:#979797; }
.archive h1 { margin:13px 0 35px; font-size:41px; }
.search-field input { font-size:11px; padding:9px 13px; width:230px; }
.archive .episode-grid { margin-top:32px; }
.topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.topic-grid article { padding:25px; background:#f4f4f4; border:1px solid #e6e6e6; }
.topic-grid article>span { font-family:Georgia,serif; font-size:33px; color:#bbbbbb; }
.topic-grid h3 { font-family:var(--serif); font-size:23px; margin:22px 0; }
.topic-grid p { font-size:10px; color:#9d9d9d; }
.episode-detail-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:65px; align-items:center; margin:40px 0 70px; }
.episode-detail-grid>.cover { max-height:385px; border-radius:5px; }
.episode-detail h1 { font-size:38px; line-height:1.65; margin:20px 0 29px; }
.episode-detail-grid .text-button { margin:15px; font-size:12px; }
.shownotes { max-width:760px; margin:auto; border-top:1px solid #e1e1e1; padding-top:35px; }
.shownotes p:not(.eyebrow) { white-space:pre-wrap; color:#818181; font-size:14px; line-height:2.2; margin-top:25px; }
.public-site[data-theme=growth] { background:#fff; font-family:var(--sans); }
.public-site[data-theme=growth] h1,.public-site[data-theme=growth] h2,.public-site[data-theme=growth] h3,.public-site[data-theme=growth] .public-wordmark { font-family:var(--sans); letter-spacing:-.04em; }
.public-site[data-theme=growth] .public-header { padding-block:25px; }
.public-site[data-theme=growth] .public-hero { background:#f3f3f3; color:#101719; min-height:520px; gap:80px; }
.public-site[data-theme=growth] .public-hero h1 { font-weight:650; font-size:53px; line-height:1.4; }
.public-site[data-theme=growth] .public-hero-copy>p:not(.eyebrow) { color:#7c7c7c; }
.public-site[data-theme=growth] .public-hero .eyebrow { color:#989898; }
.public-site[data-theme=growth] .hero-author { color:#9a9a9a; }
.public-site[data-theme=growth] .public-hero-art { border-bottom:5px solid #101719; padding-bottom:22px; }
.public-site[data-theme=growth] .public-hero-art>.cover { border-radius:0; box-shadow:none; }
.public-site[data-theme=growth] .art-caption { text-align:left; color:#919191; }
.public-site[data-theme=growth] .episode-cover { border-radius:0; }
.public-site[data-theme=growth] .episode-card h3 { font-size:19px; font-weight:600; }
.public-site[data-theme=growth] .about-columns .intro-copy { font-family:var(--sans); font-size:21px; }
.public-site[data-theme=growth] .subscribe-section { background:#f1f1f1; }
.public-site[data-theme=afterhours] { background:#fffdf5; }
.public-site[data-theme=afterhours] .public-wordmark,.public-site[data-theme=afterhours] h1,.public-site[data-theme=afterhours] h2 { font-family:"Kaiti SC","STKaiti",var(--serif); font-weight:800; }
.public-site[data-theme=afterhours] .public-wordmark { transform:rotate(-3deg); font-size:30px; }
.public-site[data-theme=afterhours] .public-hero { background:#fff0c7; color:#101719; padding-top:55px; padding-bottom:65px; position:relative; overflow:hidden; gap:70px; }
.public-site[data-theme=afterhours] .public-hero h1 { font-size:65px; transform:rotate(-3deg); transform-origin:left center; letter-spacing:-.04em; }
.public-site[data-theme=afterhours] .public-hero-copy>p:not(.eyebrow) { color:#797057; }
.public-site[data-theme=afterhours] .public-hero-copy .eyebrow { color:#9e9165; }
.public-site[data-theme=afterhours] .hero-author { color:#a7945a; }
.public-site[data-theme=afterhours] .public-hero .button:not(.secondary) { background:#f4d14d; border-color:#101719; color:#101719; box-shadow:3px 3px 0 #101719; border-radius:25px; }
.public-site[data-theme=afterhours] .public-hero .secondary { border:0; border-bottom:1px solid #101719; border-radius:0; background:transparent; padding:8px 2px; margin-left:9px; }
.public-site[data-theme=afterhours] .public-hero-art>.cover { border:2px solid #101719; border-radius:49% 44% 46% 43%; transform:rotate(4deg); box-shadow:10px 9px 0 #efd14d; }
.public-site[data-theme=afterhours] .public-hero-art>.cover-empty { color:#655f44; background:#f4df97; }
.public-site[data-theme=afterhours] .art-caption { color:#a49151; transform:rotate(-3deg); margin-top:30px; }
.public-site[data-theme=afterhours] .subscribe-section { background:#fff2cf; border-block:1px solid #eddfa5; }
.public-site[data-theme=afterhours] .subscribe-section h2 { font-size:37px; }
.public-site[data-theme=afterhours] .episode-cover { border:1px solid #d9c780; border-radius:9px; }
.public-site[data-theme=afterhours] .topic-grid article { background:#fff5d7; border-color:#ebdfb6; }

.player { position:fixed; z-index:80; bottom:0; left:0; right:0; padding:16px max(25px,calc((100vw - 1100px)/2)); background:#fffffff2; border-top:1px solid #d3d3d3; backdrop-filter:blur(20px); display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,1.5fr) 32px; align-items:center; gap:23px; box-shadow:0 -4px 20px #10171908; }
.player-copy { min-width:0; display:flex; flex-direction:column; gap:4px; }
.player-copy strong { font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.player-copy span { font-size:10px; color:#959595; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.player audio { width:100%; min-width:0; height:40px; }
#player-error { grid-column:1/-1; margin:0; font-size:11px; color:#a56545; }
#player-error>a { text-decoration:underline; margin-left:8px; }

/* Responsive controls have zero min-content traps, including native audio. */
@media (min-width:1700px) { .landing-hero { padding-inline:166px; } }
@media (max-width:1200px) {
  .marketing-nav { padding-inline:35px; gap:32px; }
  .landing-hero { padding-inline:35px; padding-top:55px; min-height:565px; }
  .landing-copy h1 { font-size:37px; }
  .hero-showcase { width:calc(100% + 25px); padding-left:7px; padding-right:10px; }
  .device-copy { padding-inline:22px; }
  .device-copy h2 { font-size:21px; }
  .phone { width:111px; height:239px; }
  .phone h3 { font-size:17px; margin-top:48px; }
  .benefit-strip,.marketing-footer { margin-inline:35px; }
  .input-action .button { font-size:10px; gap:5px; padding-inline:9px; }
  .input-action input { font-size:11px; }
  .hero-secondary { gap:12px; font-size:10px; }
  .workspace { grid-template-columns:194px minmax(0,1fr); }
  .sidebar { padding-inline:13px; }
  .workspace-content { padding-inline:27px; }
  .workspace-top { padding-inline:27px; }
  .panel { padding:22px; }
  .overview-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
  .overview-site { grid-template-columns:1fr; min-height:250px; }
  .overview-site>.cover { display:none; }
  .theme-options { gap:13px; }
  .theme-thumbnail { height:139px; padding:12px; }
  .theme-thumbnail>b { font-size:21px; }
  .theme-thumbnail[data-theme=growth]>b { font-size:19px; }
  .theme-thumbnail[data-theme=afterhours]>b { font-size:25px; }
  .site-grid { grid-template-columns:1fr; }
  .site-card { grid-template-columns:1fr 2fr; }
  .site-card-art { min-height:190px; }
  .listener-row { grid-template-columns:minmax(0,1fr) 90px minmax(0,.7fr); gap:15px; }
  .listener-row>:last-child { display:none; }
  .onboarding { margin-inline:35px; }
  .planning-page { gap:50px; }
  .job-page { gap:50px; }
  .public-hero { gap:42px; }
  .public-site[data-theme=afterhours] .public-hero h1 { font-size:55px; }
  .public-site[data-theme=growth] .public-hero h1 { font-size:46px; }
}
@media (max-width:960px) {
  .marketing-nav .brand>span { display:none; }
  .landing-hero { grid-template-columns:1fr; padding-top:45px; gap:40px; }
  .landing-copy { max-width:630px; margin:auto; text-align:center; }
  .landing-copy h1 { font-size:44px; }
  .hero-description { margin-inline:auto; }
  .connect-form { text-align:left; }
  .compact { max-width:560px; margin-inline:auto; }
  .compact .input-action .button { font-size:12px; padding-inline:15px; }
  .hero-secondary { justify-content:center; }
  .hero-showcase { width:min(640px,100%); margin:auto; padding-inline:40px; }
  .phone { right:20px; }
  .device-copy h2 { font-size:27px; }
  .device-page { min-height:310px; }
  .benefit-strip { gap:20px; }
  .benefit-strip article { gap:12px; }
  .benefit-strip h3 { font-size:16px; }
  .benefit-strip p { font-size:11px; }
  .sample-grid { gap:18px; }
  .sample-window { height:220px; }
  .sample-copy { padding:24px 15px; }
  .sample-copy h3 { font-size:18px; }
  .sample-growth h3 { font-size:17px; }
  .sample-afterhours h3 { font-size:22px; margin-bottom:63px; }
  .sample-nav { padding:12px; }
  .sample-nav strong { font-size:12px; }
  .sample-nav>span { font-size:5px; }
  .sample-label h3 { font-size:18px; }
  .sample-label p { font-size:11px; }
  .pricing-grid { gap:17px; }
  .price-card { padding:22px; }
  .price-card h3 { font-size:20px; }
  .price-story>div { padding:30px 23px; }
  .price-story h2 { font-size:24px; }
  .workspace { grid-template-columns:176px minmax(0,1fr); }
  .sidebar { padding-inline:9px; }
  .sidebar .brand { font-size:20px; }
  .sidebar nav>a { font-size:11px; gap:10px; }
  .workspace-content { padding:27px 22px; }
  .workspace-top { padding:0 22px; }
  .workspace-top>div:first-of-type>span { max-width:140px; }
  .local-pill { display:none; }
  .two-columns,.overview-grid { grid-template-columns:1fr; gap:0; }
  .two-columns>.panel { height:auto; }
  .overview-site { grid-template-columns:1.1fr .8fr; }
  .overview-site>.cover { display:flex; }
  .next-steps { display:grid; grid-template-columns:1fr 1fr; column-gap:25px; }
  .next-steps>.eyebrow,.next-steps>h2 { grid-column:1/-1; }
  .next-steps>article { border:0; }
  .editor-grid { grid-template-columns:1fr; gap:0; }
  .editor-preview { position:static; }
  .editor-preview iframe { height:650px; }
  .editor-controls { display:grid; grid-template-columns:1fr 1fr; gap:0 20px; align-items:start; }
  .editor-controls>form { grid-row:span 2; }
  .editor-controls .panel { padding:18px; }
  .theme-thumbnail>b { font-size:19px; }
  .theme-thumbnail[data-theme=growth]>b { font-size:17px; }
  .theme-thumbnail[data-theme=afterhours]>b { font-size:23px; }
  .theme-thumbnail>i { right:-20px; }
  .metric-grid>article { padding:19px; }
  .metric-grid span { font-size:10px; }
  .promotion-panel { gap:25px; }
  .onboarding-story { padding:35px; }
  .onboarding-story h1 { font-size:37px; }
  .onboarding-form { padding:35px 28px; }
  .onboarding-other { flex-direction:column; gap:7px; }
  .planning-page { grid-template-columns:1fr 1.1fr; gap:32px; }
  .planning-intro h1 { font-size:32px; }
  .planning-form { padding:25px!important; }
  .choice-row { gap:7px; }
  .choice-row>label { font-size:10px; }
  .public-hero { gap:35px; padding-block:45px; min-height:450px; }
  .public-hero h1 { font-size:37px; }
  .public-site[data-theme=growth] .public-hero { gap:40px; }
  .public-site[data-theme=growth] .public-hero h1 { font-size:39px; }
  .public-site[data-theme=afterhours] .public-hero { gap:40px; }
  .public-site[data-theme=afterhours] .public-hero h1 { font-size:46px; }
  .public-hero-art>.cover-empty { min-height:270px; }
  .public-hero-copy>p:not(.eyebrow) { font-size:12px; }
  .episode-card h3 { font-size:18px; }
  .episode-grid { gap:32px 21px; }
  .about-columns { gap:40px; }
  .about-columns .intro-copy { font-size:21px; }
  .subscribe-section { gap:40px; }
  .subscribe-section h2 { font-size:29px; }
  .episode-detail-grid { gap:40px; }
  .episode-detail h1 { font-size:31px; }
}
@media (max-width:680px) {
  body { font-size:13px; }
  h1 { font-size:30px; }
  h2 { font-size:24px; }
  .button { padding:10px 15px; font-size:12px; min-height:42px; }
  .small-button { min-height:33px; font-size:10px; padding:7px 10px; }
  .section { padding:40px 22px; }
  .section-title { align-items:flex-start; gap:14px; margin-bottom:23px; }
  .section-title>.pill { font-size:8px; flex:none; margin-top:6px; }
  .section-title>div>p:not(.eyebrow) { font-size:11px; }
  .eyebrow { font-size:8px; letter-spacing:1.4px; }
  .marketing-nav { height:65px; padding-inline:21px; gap:15px; }
  .marketing-nav .brand { font-size:22px; }
  .marketing-nav .brand>img { width:25px; height:25px; }
  .marketing-nav>nav { margin-left:auto; gap:14px; font-size:10px; }
  .marketing-nav>nav>a:first-child { display:none; }
  .marketing-nav>.button { margin-left:0; font-size:0; width:32px; padding:5px; min-height:32px; }
  .marketing-nav>.button .icon { width:15px; }
  .landing-hero { padding:40px 22px 30px; gap:30px; }
  .landing-copy { text-align:left; }
  .landing-copy h1 { font-size:33px; line-height:1.6; margin:12px 0 19px; }
  .hero-description { font-size:12px; line-height:1.95; }
  .mobile-only { display:block; }
  .compact { margin-top:25px; }
  .compact .input-action { display:block; padding:5px; }
  .compact .input-action input { height:41px; font-size:11px; }
  .compact .input-action .button { width:100%; min-height:39px; font-size:12px; }
  .compact .field>small { font-size:9px; line-height:1.9; }
  .connect-form .check { font-size:9px; margin-top:12px; }
  .fixture-button { font-size:9px; }
  .hero-secondary { justify-content:flex-start; flex-wrap:wrap; gap:10px 18px; margin-top:16px; font-size:10px; }
  .hero-showcase { margin:0 -1px; width:100%; padding:0 13px 26px 0; }
  .laptop { border-width:5px; border-bottom-width:8px; border-radius:11px 11px 5px 5px; }
  .device-browser { height:15px; }
  .device-browser>span { font-size:4px; }
  .device-page { min-height:220px; }
  .device-nav { padding:7px 12px; font-size:5px; }
  .device-nav>img { width:36px; height:27px; }
  .device-copy { padding:25px 19px 26px; }
  .device-copy>small { font-size:4px; }
  .device-copy h2 { font-size:18px; margin-top:7px; }
  .device-copy p { font-size:6px; }
  .device-play { font-size:6px; padding:5px 9px; }
  .device-bottom { min-height:36px; font-size:6px; padding:6px 12px; }
  .device-bottom>span { font-size:5px; }
  .laptop-base { margin:0 -7px; height:7px; }
  .phone { width:81px; height:176px; bottom:14px; right:0; border-width:4px; border-radius:13px; }
  .phone>div { padding:10px 7px; }
  .phone>div>img { width:23px; height:19px; }
  .phone h3 { font-size:12px; margin-top:41px; line-height:1.7; }
  .phone span { font-size:4px; padding:3px 6px; margin-top:8px; }
  .phone:before { height:5px; top:0; }
  .benefit-strip { grid-template-columns:1fr; margin:0 22px; gap:22px; padding:29px 0; }
  .benefit-strip article { align-items:center; gap:17px; }
  .benefit-strip h3 { font-size:17px; }
  .benefit-strip p { font-size:10px; margin-top:3px; }
  .benefit-strip article>.icon { width:24px; margin:0; }
  .sample-grid { grid-template-columns:1fr; gap:17px; }
  .sample-window { height:245px; }
  .sample-nav { padding:13px 17px; }
  .sample-nav>strong { font-size:16px; }
  .sample-nav>span { font-size:7px; }
  .sample-copy { padding:27px 22px; }
  .sample-copy h3 { font-size:24px; }
  .sample-growth h3 { font-size:23px; }
  .sample-afterhours h3 { font-size:29px; margin-bottom:72px; }
  .sample-label { padding:15px 0; }
  .sample-label h3 { font-size:21px; }
  .sample-label p { min-height:0; font-size:12px; }
  .sample-label>span { font-size:10px; }
  .journey { padding-top:5px; }
  .journey-grid { grid-template-columns:1fr; gap:22px; margin-top:27px; }
  .journey-grid h3 { font-size:19px; }
  .journey-grid p { font-size:11px; margin-top:6px; }
  .pricing-grid { grid-template-columns:1fr; gap:20px; }
  .price-card { padding:26px; }
  .price-card h3 { font-size:25px; }
  .price-card li { font-size:12px; }
  .price-story { min-height:300px; }
  .price-story>div { padding:29px; }
  .price-story h2 { font-size:29px; }
  .marketing-footer { margin:0 22px; padding:24px 0; flex-wrap:wrap; gap:13px; }
  .marketing-footer .brand { font-size:21px; }
  .marketing-footer p { margin-left:auto; font-size:8px; }
  .marketing-footer>a:last-child { margin-left:0; width:100%; margin-top:7px; font-size:10px; }
  .onboarding { margin:24px 20px 40px; display:flex; flex-direction:column; }
  .onboarding-story { padding:30px; min-height:295px; }
  .onboarding-story h1 { font-size:32px; }
  .onboarding-story p:not(.eyebrow) { font-size:11px; margin:14px 0; }
  .onboarding-story span { font-size:9px; }
  .onboarding-story .eyebrow { font-size:8px; }
  .onboarding-form { padding:29px 23px; }
  .onboarding-form h2 { font-size:28px; }
  .onboarding-form .check { font-size:10px; }
  .onboarding-other { flex-direction:row; }
  .planning-page { grid-template-columns:1fr; gap:30px; padding-top:30px; }
  .planning-intro { padding:0; }
  .planning-intro h1 { font-size:33px; }
  .planning-intro>p:not(.eyebrow) { margin:16px 0; font-size:12px; }
  .planning-intro>img { height:170px; max-width:none; }
  .planning-intro>span { font-size:9px; }
  .planning-form { padding:24px 21px!important; }
  .choice-row { gap:12px; }
  .choice-row>label { font-size:10px; }
  .job-page { grid-template-columns:1fr; gap:24px; margin:25px auto 50px; padding:0 24px; }
  .job-illustration { position:static; }
  .job-illustration>img { height:180px; }
  .job-page h1 { font-size:30px; }
  .job-page>.job-steps { margin-top:22px; }
  .confirmation-page,.access-state { margin:40px auto; padding:28px 24px; }
  .confirmation-page h1,.access-state h1 { font-size:29px; }
  .confirmation-page>p:not(.eyebrow),.access-state>p:not(.eyebrow) { font-size:12px; }
  .workspace { display:block; }
  .sidebar { display:none; }
  .workspace-top { padding:0 20px; height:62px; gap:10px; }
  .mobile-brand { display:block; font-size:19px; font-weight:650; letter-spacing:-.6px; }
  .workspace-top>div:first-of-type { display:none; }
  .top-actions { margin-left:auto; }
  .mobile-workspace-nav { display:flex; gap:21px; overflow-x:auto; padding:0 20px; background:white; border-bottom:1px solid var(--line); scrollbar-width:thin; }
  .mobile-workspace-nav>a { padding:13px 0; flex:none; font-size:10px; color:#727272; border-bottom:2px solid transparent; }
  .mobile-workspace-nav>a[aria-current] { color:#101719; border-bottom-color:#101719; }
  .workspace-content { padding:25px 19px 30px; }
  .page-heading { margin-bottom:22px; }
  .page-heading h1 { font-size:29px; }
  .page-heading .eyebrow { font-size:8px; }
  .page-heading p:not(.eyebrow) { font-size:11px; }
  .development-banner { font-size:9px; line-height:1.9; margin-bottom:20px; }
  .panel { padding:22px 20px; margin-bottom:20px; }
  .panel>h2,.panel .section-title h2 { font-size:22px; }
  .panel>.section-title { gap:12px; }
  .panel .field { margin:18px 0; }
  .field>span,.field>legend { font-size:11px; }
  .field>small { font-size:10px; }
  input,textarea,select { font-size:13px; padding:10px 11px; }
  .welcome-panel { grid-template-columns:1fr; margin-bottom:28px; }
  .welcome-panel>div { padding:25px 23px; }
  .welcome-panel h2 { font-size:25px; }
  .welcome-panel p:not(.eyebrow) { font-size:11px; }
  .welcome-panel>img { min-height:0; height:150px; }
  .site-card { grid-template-columns:1fr; }
  .site-card-art { min-height:130px; gap:10px; padding:20px; }
  .site-card-art>.icon { height:36px; width:36px; }
  .site-card>div:last-child { padding:21px; }
  .overview-site { grid-template-columns:1fr; }
  .overview-site>div:first-child { padding:26px 22px; }
  .overview-site>.cover { display:none; }
  .overview-site h2 { font-size:29px; }
  .source-summary { gap:10px; }
  .source-summary span { font-size:8px; }
  .source-summary strong { font-size:10px; }
  .next-steps { display:block; }
  .next-steps>article { border-bottom:1px solid #eaeaea; padding:15px 0; }
  .next-steps h3 { font-size:12px; }
  .verified-row { gap:14px; align-items:flex-start; }
  .verified-row h3 { font-size:13px; }
  .verified-row p { word-break:break-all; }
  .theme-panel { padding:21px 15px; }
  .theme-panel>.section-title { padding-inline:5px; }
  .theme-panel .section-title h2 { font-size:21px; }
  .theme-options { gap:8px; }
  .theme-option { padding:5px; border-radius:4px; }
  .theme-thumbnail { height:119px; padding:10px 7px; }
  .theme-thumbnail>span { font-size:6px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  .theme-thumbnail>b { font-size:15px; margin-top:13px; }
  .theme-thumbnail[data-theme=growth]>b { font-size:14px; }
  .theme-thumbnail[data-theme=afterhours]>b { font-size:18px; }
  .theme-thumbnail>i { width:70px; height:90px; right:-27px; bottom:-32px; }
  .theme-thumbnail[data-theme=afterhours]>i { width:70px; height:70px; right:-22px; }
  .theme-option>span { font-size:9px; margin:7px 2px 2px; }
  .theme-option>span>.icon { width:11px; }
  .editor-controls { display:block; }
  .editor-controls>.panel { padding:22px 20px; }
  .editor-preview iframe { height:650px; }
  .suggestion { flex-direction:column; align-items:stretch; gap:10px; }
  .suggestion .actions { justify-content:flex-start; }
  .copy-box { flex-direction:column; align-items:flex-start; }
  .instructions { font-size:11px; }
  .plan-choices { gap:9px; }
  .plan-choices label { padding:12px; gap:7px; }
  .plan-choices strong { font-size:23px; }
  .plan-choices span { font-size:8px; }
  .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .metric-grid>article { padding:20px; border-bottom:1px solid var(--line); }
  .metric-grid>article:nth-child(2) { border-right:0; }
  .metric-grid>article:nth-child(3) { border-bottom:0; }
  .metric-grid strong { font-size:31px; }
  .metrics-note { font-size:9px; line-height:1.9; margin-bottom:23px; }
  .promotion-panel { grid-template-columns:1fr; gap:28px; }
  #promotion-result { padding:17px; }
  .promotion-card { padding:25px 19px; }
  .promotion-card h3 { font-size:23px; }
  .listener-row { grid-template-columns:minmax(0,1fr) 80px; gap:13px; }
  .listener-row>:nth-child(3) { display:none; }
  .listener-row .pill { font-size:9px; }
  .listener-row strong { font-size:11px; }
  .listener-list { margin-top:20px; }
  .integration-list>div { font-size:10px; gap:13px; }
  .mail-list>article { gap:13px; }
  .mail-icon { width:35px; height:35px; }
  .mail-list h3 { font-size:13px; }
  .workspace-footer { padding:20px; font-size:8px; gap:15px; }
  .workspace-footer>span:last-child { display:none; }
  .preview-strip { padding:8px 20px; gap:10px; font-size:8px; flex-wrap:wrap; }
  .preview-strip>span:nth-child(2) { display:none; }
  .public-header { padding:20px 22px; gap:15px; flex-wrap:wrap; }
  .public-wordmark { max-width:100%; font-size:24px; }
  .public-header nav { gap:24px; font-size:10px; }
  .public-header nav>a { padding:3px 0; }
  .public-hero { grid-template-columns:1fr; padding:35px 23px 40px; gap:32px; }
  .public-hero h1 { font-size:36px; margin:17px 0 20px; line-height:1.6; }
  .public-hero-copy>p:not(.eyebrow) { font-size:12px; line-height:2; max-height:none; }
  .public-hero-copy .eyebrow { font-size:8px; }
  .public-hero .actions { margin-top:24px; }
  .hero-author { margin-top:22px; font-size:9px; }
  .public-hero-art>.cover { max-height:360px; }
  .public-hero-art>.cover-empty { min-height:220px; aspect-ratio:1.4; }
  .art-caption { font-size:7px; margin-top:13px; }
  .public-section { padding:40px 22px; }
  .public-section h2 { font-size:27px; }
  .public-section .eyebrow { font-size:8px; }
  .public-section .section-title { align-items:flex-start; flex-direction:column; gap:14px; margin-bottom:25px; }
  .public-section .section-title>a { font-size:11px; }
  .episode-grid { grid-template-columns:1fr; gap:30px; }
  .episode-cover>.cover { aspect-ratio:1.55; }
  .episode-card h3 { font-size:23px; margin-top:8px; }
  .episode-card p { font-size:12px; min-height:0; }
  .episode-meta { font-size:9px; margin-top:13px; }
  .about-columns { grid-template-columns:1fr; gap:24px; margin-top:19px; }
  .about-columns .intro-copy { font-size:22px; line-height:1.9; }
  .about-columns>div { padding-left:0; padding-top:23px; border-left:0; border-top:1px solid #e0e0e0; }
  .about-columns>div>p { font-size:12px; }
  .about-standalone { min-height:500px; }
  .subscribe-section { grid-template-columns:1fr; gap:26px; padding:36px 23px; }
  .subscribe-section h2 { font-size:30px; }
  .subscribe-section p:not(.eyebrow) { font-size:11px; line-height:1.9; }
  .preview-subscribe { padding:23px; }
  .preview-subscribe>span { font-size:14px; }
  .public-footer { flex-wrap:wrap; padding:27px 23px; gap:14px; }
  .public-footer>strong { max-width:none; width:100%; font-size:23px; }
  .public-footer>span,.public-footer>a { font-size:8px; }
  .public-footer>a { margin-left:auto; }
  .archive h1 { font-size:32px; margin:13px 0 30px; }
  .archive .section-title { gap:12px; }
  .search-field { width:100%; }
  .search-field input { width:100%; }
  .topic-grid { grid-template-columns:1fr; gap:17px; }
  .topic-grid article { padding:23px; }
  .topic-grid h3 { margin:13px 0; }
  .episode-detail-grid { grid-template-columns:1fr; gap:29px; margin:30px 0 42px; }
  .episode-detail-grid>.cover { aspect-ratio:1.15; max-height:340px; }
  .episode-detail h1 { font-size:30px; line-height:1.6; margin:14px 0 24px; }
  .episode-detail-grid .text-button { margin:16px 0 0; display:flex; }
  .shownotes { padding-top:28px; }
  .shownotes p:not(.eyebrow) { font-size:13px; }
  .public-site[data-theme=growth] .public-header { padding-block:21px; }
  .public-site[data-theme=growth] .public-hero { gap:32px; min-height:0; padding-block:37px; }
  .public-site[data-theme=growth] .public-hero h1 { font-size:36px; line-height:1.55; }
  .public-site[data-theme=growth] .public-hero-art { padding-bottom:15px; }
  .public-site[data-theme=growth] .episode-card h3 { font-size:21px; }
  .public-site[data-theme=growth] .about-columns .intro-copy { font-size:20px; }
  .public-site[data-theme=afterhours] .public-wordmark { font-size:28px; }
  .public-site[data-theme=afterhours] .public-hero { gap:35px; padding-block:38px 42px; }
  .public-site[data-theme=afterhours] .public-hero h1 { font-size:43px; margin-block:24px; }
  .public-site[data-theme=afterhours] .public-hero-art { padding-inline:13px; }
  .public-site[data-theme=afterhours] .public-hero-art>.cover-empty { min-height:245px; }
  .public-site[data-theme=afterhours] .art-caption { margin-top:24px; }
  .public-site[data-theme=afterhours] .subscribe-section h2 { font-size:33px; }
  .player { padding:12px 15px; grid-template-columns:minmax(0,1fr) 28px; gap:8px 15px; }
  .player-copy { grid-column:1; }
  .player-copy strong { font-size:11px; }
  .player-copy span { font-size:9px; }
  .player audio { grid-column:1/-1; grid-row:2; height:34px; }
  .player>.icon-button { grid-column:2; grid-row:1; width:28px; height:28px; }
  #player-error { font-size:10px; }
  .toast { bottom:18px; font-size:11px; padding:12px 17px; }
  .has-player .toast { bottom:125px; }
}
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }

.login-form { max-width:360px; margin:25px auto; text-align:left; }
.login-form>.button { width:100%; }
.dashboard-login { display:flex; justify-content:flex-end; gap:10px; align-items:center; font-size:10px; color:#888; margin-bottom:15px; }
.dashboard-login .text-button { font-size:10px; }
@media (max-width:680px) { .marketing-nav>nav { gap:12px; } .marketing-nav>nav>a:nth-child(2) { display:none; } }

.cover-empty>img { width:34px; height:34px; opacity:.45; }
.agent-details { margin-top:20px; }

/* Shared episode reading body; each template retains its own title and columns. */
.tpl-site .tpl-shownotes { min-width:0; }
.tpl-site .tpl-shownotes>h2 { margin-bottom:24px; }
.tpl-site .tpl-shownotes .tpl-notes-body { max-width:43rem; font-family:var(--sans); font-size:17px; line-height:1.85; font-weight:400; letter-spacing:0; overflow-wrap:anywhere; }
.tpl-site .tpl-shownotes .tpl-notes-body>p,
.tpl-site .tpl-shownotes .tpl-notes-body blockquote>p { font:inherit; white-space:normal; margin:0 0 1.4em; }
.tpl-site .tpl-shownotes .tpl-notes-body>h3 { font-family:var(--sans); font-size:21px; font-weight:650; line-height:1.5; letter-spacing:0; margin:2.1em 0 .85em; }
.tpl-site .tpl-shownotes .tpl-notes-body>:first-child { margin-top:0; }
.tpl-site .tpl-shownotes .tpl-notes-body a { color:inherit; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.tpl-site .tpl-shownotes .tpl-notes-body a:hover { text-decoration-thickness:2px; }
.tpl-site .tpl-shownotes .tpl-notes-body .tpl-note-list { padding-left:1.5em; margin:0 0 1.6em; }
.tpl-site .tpl-shownotes .tpl-note-list>li { padding-left:.2em; margin:.65em 0; }
.tpl-site .tpl-shownotes .tpl-notes-body blockquote { border-left:3px solid var(--tpl-border); margin:1.7em 0; padding:.3em 0 .3em 1.15em; color:var(--tpl-muted); font:inherit; }
.tpl-site .tpl-shownotes .tpl-notes-body blockquote>p { margin:0; }
.tpl-site .tpl-shownotes .tpl-note-timeline { list-style:none; padding:0; margin:1.1em 0 2em; border-top:1px solid var(--tpl-border); }
.tpl-site .tpl-shownotes .tpl-note-timeline>li { display:grid; grid-template-columns:5.4em minmax(0,1fr); gap:16px; padding:16px 0; border-bottom:1px solid var(--tpl-border); }
.tpl-site .tpl-shownotes .tpl-note-time { font-variant-numeric:tabular-nums; font-size:14px; font-weight:600; color:var(--tpl-muted); padding-top:3px; white-space:nowrap; }
.tpl-site .tpl-shownotes .tpl-note-figure { margin:2em 0; max-width:100%; }
.tpl-site .tpl-shownotes .tpl-note-figure>img { display:block; width:auto; max-width:100%; height:auto; margin:auto; border-radius:5px; }
.tpl-site .tpl-shownotes .tpl-note-figure>figcaption { font-size:13px; line-height:1.7; color:var(--tpl-muted); margin-top:12px; text-align:center; }
.tpl-site .tpl-shownotes .tpl-note-image-unavailable { display:block; border:1px solid var(--tpl-border); padding:20px; font-size:13px; color:var(--tpl-muted); }
.tpl-site .tpl-shownotes .tpl-notes-truncated { border-top:1px solid var(--tpl-border); margin-top:32px; padding-top:18px; font-family:var(--sans); font-size:13px; color:var(--tpl-muted); }
.tpl-site .tpl-shownotes .tpl-notes-truncated>p { font:inherit; margin:0 0 8px; }
.tpl-site .tpl-shownotes .tpl-notes-truncated>a { text-decoration:underline; text-underline-offset:3px; }
@media(max-width:600px) {
  .tpl-site .tpl-shownotes .tpl-notes-body { font-size:16px; line-height:1.85; }
  .tpl-site .tpl-shownotes .tpl-notes-body>h3 { font-size:19px; margin-top:1.9em; }
  .tpl-site .tpl-shownotes .tpl-note-timeline>li { grid-template-columns:4.8em minmax(0,1fr); gap:10px; padding:14px 0; }
  .tpl-site .tpl-shownotes .tpl-note-time { font-size:12px; padding-top:4px; }
  .tpl-site .tpl-shownotes .tpl-note-figure { margin:1.7em 0; }
}

/* Owner actions use the product interface locale, independently of show content. */
.locale-switch { white-space:nowrap; font:inherit; }
.preview-save-panel { position:relative; margin-left:auto; color:#292824; }
.preview-save-panel>summary { display:flex; align-items:center; justify-content:center; gap:8px; padding:8px 12px; border:1px solid #343b35; border-radius:5px; background:#26372f; color:white; font-size:13px; cursor:pointer; list-style:none; white-space:nowrap; }
.preview-save-panel>summary::-webkit-details-marker { display:none; }
.preview-save-panel>summary:focus-visible { outline:3px solid #a6bbaa; outline-offset:3px; }
.preview-save-body { position:absolute; right:0; top:calc(100% + 12px); z-index:60; width:min(420px,calc(100vw - 40px)); padding:24px; border:1px solid #ded9cf; border-radius:8px; box-shadow:0 12px 35px #1112; background:#fff; font:14px/1.6 system-ui,sans-serif; }
.preview-save-body h2 { font:600 21px/1.3 system-ui,sans-serif; margin:0 0 12px; color:#242923; }
.preview-save-body p { color:#62635b; font:inherit; }
.preview-save-body .field { margin-top:18px; }
.preview-save-body .button { font:inherit; }
.preview-save-body .text-button { margin-top:14px; }
.preview-strip>.preview-studio-link { margin-left:0; }
html[lang=en] .generation-intro h1 { font-size:clamp(38px,4.4vw,68px); }
html[lang=en] .onboarding-story h1 { font-size:clamp(32px,3.1vw,43px); line-height:1.15; }
.global-footer .policy-links { display:flex; flex-wrap:wrap; gap:16px; }
@media (max-width:760px) {
  .global-nav-actions { gap:10px; flex-wrap:wrap; }
  .global-nav-actions .locale-switch { font-size:11px; }
  .preview-owner-strip { position:relative; }
  .preview-save-panel { position:static; margin-left:0; }
  .preview-save-body { left:20px; right:auto; top:100%; }
  .preview-strip>.preview-studio-link { font-size:12px; }
  .preview-save-panel>summary { font-size:12px; }
}
.mobile-account-actions { display:none; }
@media (max-width:760px) {
  .workspace-top { flex-wrap:wrap; gap:12px; }
  .mobile-account-actions { display:flex; align-items:center; gap:16px; margin-left:auto; font-size:12px; }
  .mobile-account-actions details { position:relative; }
  .mobile-account-actions summary { cursor:pointer; }
  .mobile-account-actions details>div { position:absolute; right:0; top:calc(100% + 12px); z-index:70; width:210px; display:grid; gap:18px; padding:20px; background:#fff; border:1px solid #deded7; border-radius:6px; box-shadow:0 8px 25px #0002; }
  .mobile-account-actions .text-button { font:inherit; }
}