/* Approved daily idea journal, public pages only. */
.public-site {--paper:#f8f5ef;--white:#fffdf8;--ink:#242922;--muted:#62665e;--line:#d8d9cd;--copper:#995729;--wash:#eceee4;--dark:#25382f;--light:#f6f3e8;--serif:'Fraunces',Georgia,'Songti SC','STSong','Noto Serif CJK SC',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
.public-site * {box-sizing:border-box}
.public-site {scroll-behavior:smooth;scroll-padding-top:95px}
.public-site {margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 var(--sans);-webkit-font-smoothing:antialiased}
.public-site ::selection {background:#d8dfca;color:#172a20}
.public-site a {color:inherit;text-decoration:none}
.public-site a, .public-site button {-webkit-tap-highlight-color:transparent}
.public-site a:hover {text-decoration:underline;text-underline-offset:5px}
.public-site button {font:inherit;cursor:pointer}
.public-site button:focus-visible, .public-site a:focus-visible, .public-site summary:focus-visible {outline:3px solid var(--copper);outline-offset:5px}
.public-site button:disabled {opacity:.6;cursor:default}
.public-site .wrap {width:min(1240px,calc(100% - 100px));margin:auto}
.public-site .reviewbar {padding:8px 24px;background:var(--dark);color:var(--light);font-size:12px;text-align:center;letter-spacing:.04em}
.public-site .reviewbar a {text-decoration:underline;margin-left:12px}
.public-site .nav {height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}
.public-site .brand {font:600 28px var(--serif);display:flex;align-items:center;gap:10px;letter-spacing:-.035em}
.public-site .brand svg {width:28px;height:36px;color:var(--copper)}
.public-site .navlinks {display:flex;align-items:center;gap:30px;font-size:14px}
.public-site .navright {display:flex;gap:22px;align-items:center}
.public-site .small-button {border:1px solid var(--ink);padding:9px 18px;border-radius:6px;font-size:14px}
.public-site .menu {display:none;border:0;background:transparent;padding:8px}
.public-site .hero {padding:72px 0 0}
.public-site .hero-intro {display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:64px;margin-bottom:42px}
.public-site h1, .public-site h2, .public-site h3, .public-site p {margin:0}
.public-site h1 {font:500 clamp(42px,4.9vw,70px)/1.22 var(--serif);letter-spacing:-.035em;text-wrap:balance}
.public-site h1 em {font-style:normal;color:var(--copper)}
.public-site .hero-copy>p {font-size:17px;line-height:1.9;max-width:36em;color:var(--muted)}
.public-site .actions {display:flex;align-items:center;gap:22px;margin-top:23px;flex-wrap:wrap}
.public-site .button {display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--copper);color:white;border:1px solid transparent;border-radius:6px;padding:13px 21px;font-size:15px;font-weight:600;transition:background .18s}
.public-site .button:hover {background:#7a441e;text-decoration:none}
.public-site .button svg {width:17px;height:17px}
.public-site .textlink {font-size:14px;text-decoration:underline;text-underline-offset:5px}
.public-site .subtle {font-size:12px;color:var(--muted)}
.public-site .hero-copy .subtle {margin-top:12px;font-size:12px}
.public-site .journal {background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.public-site .journal-top {display:flex;justify-content:space-between;align-items:center;padding:19px 28px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.public-site .journal-top strong {font-weight:500;color:var(--ink)}
.public-site .demo-label {font-size:11px;padding:3px 8px;border:1px solid var(--line);border-radius:4px}
.public-site .journal-grid {display:grid;grid-template-columns:290px 1fr;min-height:340px}
.public-site .daylist {padding:24px 18px;background:#f0f1e9;border-right:1px solid var(--line)}
.public-site .daylist>p {font-size:12px;margin:0 10px 12px;color:var(--muted)}
.public-site .note-tab {width:100%;display:grid;grid-template-columns:44px 1fr;text-align:left;gap:10px;padding:14px 10px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--muted);margin-bottom:6px}
.public-site .note-tab time {font-size:12px;padding-top:3px;font-variant-numeric:tabular-nums}
.public-site .note-tab strong {display:block;font-size:14px;font-weight:500}
.public-site .note-tab small {font-size:11px}
.public-site .note-tab[aria-selected=true] {background:var(--white);border-color:var(--line);color:var(--ink)}
.public-site .note-tab:hover {background:var(--white)}
.public-site .page-note {padding:29px 40px 25px;display:grid;grid-template-columns:1.4fr .8fr;gap:44px;align-items:start}
.public-site .note-meta {display:flex;gap:12px;font-size:12px;color:var(--muted);margin-bottom:14px}
.public-site .note-main h3 {font:500 29px/1.4 var(--serif);margin-bottom:16px}
.public-site .note-main blockquote {font:400 20px/1.9 var(--serif);margin:0 0 20px;color:#434a40}
.public-site .note-main mark {background:#e4e9d8;color:inherit;padding:2px 0}
.public-site .source {font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}
.public-site .source svg {width:15px;height:15px}
.public-site .note-aside {border-top:1px solid var(--ink);padding-top:13px;margin-top:8px}
.public-site .note-aside h4 {font-size:13px;margin:0 0 12px;font-weight:600}
.public-site .note-aside p {font-size:14px;color:var(--muted);line-height:1.9}
.public-site .handmark {display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--copper);font-size:12px}
.public-site .handmark svg {width:14px;height:14px}
.public-site .journal-bottom {display:flex;justify-content:space-between;gap:15px;padding:12px 28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.public-site .intro-foot {display:flex;justify-content:space-between;gap:20px;padding:18px 0 0;font-size:12px;color:var(--muted)}
.public-site .section {padding:110px 0}
.public-site .section-head {display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start;margin-bottom:42px}
.public-site h2 {font:500 clamp(30px,3.2vw,44px)/1.4 var(--serif);letter-spacing:-.025em;text-wrap:balance}
.public-site .section-head>p {color:var(--muted);font-size:16px;padding-top:8px}
.public-site .moment-strip {display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.public-site .moment {padding:26px 32px 30px 0}
.public-site .moment+.moment {border-left:1px solid var(--line);padding-left:32px}
.public-site .moment .scene {font-size:12px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:20px}
.public-site .moment blockquote {font:400 23px/1.6 var(--serif);margin:0 0 17px;min-height:74px}
.public-site .moment>p {font-size:14px;color:var(--muted)}
.public-site .capture {background:var(--wash)}
.public-site .capture-inner {display:grid;grid-template-columns:1fr 1.25fr;gap:100px;align-items:center}
.public-site .capture-copy>p {margin:23px 0 28px;color:var(--muted)}
.public-site .device {background:var(--white);border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.public-site .device-item {padding:32px 28px}
.public-site .device-item+.device-item {border-left:1px solid var(--line)}
.public-site .device-icon {height:90px;display:flex;align-items:center;margin-bottom:25px;color:var(--dark)}
.public-site .device-icon svg {height:83px;width:60px;stroke-width:1.3}
.public-site .device h3 {font-size:18px;font-weight:500;margin-bottom:10px}
.public-site .device p {font-size:14px;color:var(--muted)}
.public-site .device a {font-size:13px;text-decoration:underline;text-underline-offset:5px;display:inline-block;margin-top:20px}
.public-site .capture-note {font-size:12px;color:var(--muted);margin-top:16px}
.public-site .story {padding:110px 0 95px}
.public-site .story-heading {max-width:750px;margin-bottom:45px}
.public-site .story-heading p {color:var(--muted);margin-top:20px}
.public-site .story-flow {display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}
.public-site .story-step {padding:24px 28px 28px 0;position:relative}
.public-site .story-step+.story-step {padding-left:28px;border-left:1px solid var(--line)}
.public-site .step-type {font-size:12px;color:var(--copper);margin-bottom:24px}
.public-site .story-step h3 {font:500 23px var(--serif);margin-bottom:17px}
.public-site .story-step p {font-size:14px;color:var(--muted)}
.public-site .story-example {border-top:1px solid var(--line);margin-top:25px;padding-top:16px;font:400 16px/1.8 var(--serif);min-height:100px}
.public-site .story .subtle {margin-top:10px}
.public-site .vault {background:var(--dark);color:var(--light);padding:85px 0}
.public-site .vault-top {display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-bottom:50px}
.public-site .vault-top p {color:#d4dccf;font-size:16px}
.public-site .routes {display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #718276}
.public-site .route {padding:32px 50px 0 0}
.public-site .route+.route {padding-left:50px;border-left:1px solid #718276}
.public-site .route-title {display:flex;align-items:center;gap:15px;margin-bottom:18px}
.public-site .route-title svg {width:25px;height:25px}
.public-site .route h3 {font:500 26px var(--serif)}
.public-site .route p {color:#d4dccf;font-size:15px;max-width:40em}
.public-site .route a {display:inline-block;color:var(--light);font-size:14px;border-bottom:1px solid #aab8a4;margin-top:22px}
.public-site .ai-examples {display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.public-site .ai-examples span {font-size:12px;border:1px solid #718276;border-radius:4px;padding:5px 10px}
.public-site .ai {padding:100px 0}
.public-site .ai-spread {display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.public-site .ai-copy p {color:var(--muted);margin:22px 0}
.public-site .prompt {background:#e9ecdf;border-radius:8px;padding:24px 28px;font:400 20px/1.8 var(--serif);margin-bottom:17px}
.public-site .response {padding:10px 28px 0;font-size:15px;color:var(--muted)}
.public-site .response strong {color:var(--ink);font-weight:500}
.public-site .response ol {padding-left:20px;margin-bottom:25px}
.public-site .ai-demo {border-top:1px solid var(--line);padding-top:18px}
.public-site .ai-demo>.subtle {margin-top:20px;padding-left:28px}
.public-site .faq {padding:0 0 90px}
.public-site .faq-inner {display:grid;grid-template-columns:1fr 1.4fr;gap:100px;border-top:1px solid var(--line);padding-top:55px}
.public-site .faq h2 {font-size:32px}
.public-site .faq details {border-bottom:1px solid var(--line);padding:18px 0}
.public-site .faq summary {font-size:16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
.public-site .faq summary::-webkit-details-marker {display:none}
.public-site .faq summary:after {content:'+';font-size:21px;line-height:1.3;color:var(--copper)}
.public-site .faq details[open] summary:after {content:'−'}
.public-site .faq details p {font-size:14px;line-height:1.9;color:var(--muted);margin:15px 25px 2px 0}
.public-site .closing {padding:70px 0 80px;border-top:1px solid var(--line);text-align:center}
.public-site .closing h2 {font-size:46px}
.public-site .closing>p {color:var(--muted);margin:18px auto 27px;max-width:43em}
.public-site .closing .actions {justify-content:center}
.public-site .closing .subtle {margin-top:18px}
.public-site .footer {padding:35px 0;display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.public-site .footer-links {display:flex;flex-wrap:wrap;gap:20px}
.public-site .review-notes {background:#e9e7de;padding:30px 0;font-size:12px;color:#50564c}
.public-site .review-notes summary {cursor:pointer;font-weight:600}
.public-site .review-notes ul {padding-left:18px;max-width:85em}
.public-site .review-notes a {text-decoration:underline}
.public-site .skip {position:fixed;left:20px;top:-100px;background:var(--ink);color:white;padding:10px;z-index:10}
.public-site .skip:focus {top:10px}
@media(min-width:1400px){.public-site .hero {padding-top:85px}
.public-site .journal-grid {min-height:360px}
}
@media(max-width:1100px){.public-site .wrap {width:calc(100% - 64px)}
.public-site .navlinks {gap:18px}
.public-site .hero-intro {gap:35px}
.public-site .journal-grid {grid-template-columns:245px 1fr}
.public-site .page-note {padding:25px;gap:25px;grid-template-columns:1fr}
.public-site .note-aside {display:none}
.public-site .capture-inner, .public-site .section-head, .public-site .vault-top, .public-site .ai-spread, .public-site .faq-inner {gap:45px}
.public-site .device-item {padding:25px 20px}
.public-site .story-step {padding-right:20px}
.public-site .story-step+.story-step {padding-left:20px}
.public-site .story-step h3 {font-size:21px}
}
@media(max-width:720px){.public-site .wrap {width:calc(100% - 40px)}
.public-site .reviewbar {font-size:10px;padding:7px 10px}
.public-site .nav {height:72px;position:relative}
.public-site .brand {font-size:26px}
.public-site .navlinks {display:none;position:absolute;z-index:5;left:-20px;right:-20px;top:72px;background:var(--paper);padding:20px;border-bottom:1px solid var(--line)}
.public-site .navlinks.open {display:flex;flex-direction:column;align-items:flex-start}
.public-site .navright {gap:15px;font-size:13px}
.public-site .navright .small-button {display:none}
.public-site .menu {display:block}
.public-site .hero {padding:42px 0 0}
.public-site .hero-intro {display:block;margin-bottom:30px}
.public-site h1 {font-size:44px;line-height:1.3;letter-spacing:-.03em}
.public-site .hero-copy {margin-top:23px}
.public-site .hero-copy>p {font-size:15px}
.public-site .actions {gap:18px;margin-top:21px}
.public-site .button {padding:12px 18px;font-size:14px}
.public-site .hero-copy .subtle {font-size:11px}
.public-site .journal-top {padding:14px 16px;font-size:11px}
.public-site .journal-grid {display:block;min-height:0}
.public-site .daylist {display:flex;padding:12px 10px;border-right:0;border-bottom:1px solid var(--line);gap:5px}
.public-site .daylist>p {display:none}
.public-site .note-tab {display:block;padding:9px 8px;margin:0;flex:1}
.public-site .note-tab time {font-size:10px}
.public-site .note-tab strong {font-size:11px;white-space:nowrap}
.public-site .note-tab small {display:none}
.public-site .page-note {padding:22px 20px 26px;min-height:300px}
.public-site .note-main h3 {font-size:25px}
.public-site .note-main blockquote {font-size:19px;margin-bottom:16px}
.public-site .note-meta {font-size:11px;margin-bottom:11px}
.public-site .journal-bottom {padding:12px 16px;font-size:10px;display:block}
.public-site .journal-bottom span+span {display:none}
.public-site .intro-foot {font-size:10px;gap:12px}
.public-site .section, .public-site .story {padding:65px 0}
.public-site .section-head {display:block;margin-bottom:27px}
.public-site h2 {font-size:32px}
.public-site .section-head>p {font-size:14px;margin-top:15px;padding:0}
.public-site .moment-strip {display:block}
.public-site .moment {padding:22px 0;display:grid;grid-template-columns:75px 1fr;gap:0 15px}
.public-site .moment+.moment {padding:22px 0;border-left:0;border-top:1px solid var(--line)}
.public-site .moment .scene {display:block;font-size:11px;margin:2px 0}
.public-site .scene span {display:block}
.public-site .moment blockquote {font-size:21px;min-height:0;margin-bottom:12px}
.public-site .moment>p {grid-column:2;font-size:13px}
.public-site .capture-inner {display:block}
.public-site .capture-copy>p {font-size:14px;margin:20px 0 25px}
.public-site .device {margin-top:32px}
.public-site .device-item {padding:23px 17px}
.public-site .device-icon {height:70px;margin-bottom:20px}
.public-site .device-icon svg {height:65px;width:48px}
.public-site .device h3 {font-size:16px}
.public-site .device p {font-size:12px}
.public-site .device a {font-size:12px}
.public-site .capture-note {font-size:11px}
.public-site .story-heading {margin-bottom:30px}
.public-site .story-heading p {font-size:14px}
.public-site .story-flow {display:block}
.public-site .story-step, .public-site .story-step+.story-step {display:grid;grid-template-columns:90px 1fr;gap:5px 18px;padding:24px 0;border-left:0;border-bottom:1px solid var(--line)}
.public-site .step-type {font-size:11px;grid-row:1/4;margin:4px 0}
.public-site .story-step h3 {font-size:23px;margin:0 0 7px}
.public-site .story-step p {font-size:13px}
.public-site .story-example {grid-column:2;min-height:0;margin-top:12px;padding-top:12px;font-size:15px}
.public-site .vault {padding:60px 0}
.public-site .vault-top {display:block;margin-bottom:30px}
.public-site .vault-top p {font-size:14px;margin-top:22px}
.public-site .routes {display:block}
.public-site .route, .public-site .route+.route {padding:26px 0;border-left:0}
.public-site .route+.route {border-top:1px solid #718276;margin-top:10px}
.public-site .route h3 {font-size:24px}
.public-site .route p {font-size:14px}
.public-site .ai {padding:65px 0}
.public-site .ai-spread {display:block}
.public-site .ai-copy p {font-size:14px}
.public-site .ai-demo {margin-top:30px}
.public-site .prompt {padding:20px;font-size:19px}
.public-site .response {padding:6px 8px 0;font-size:14px}
.public-site .ai-demo>.subtle {padding-left:8px;font-size:11px}
.public-site .faq {padding-bottom:55px}
.public-site .faq-inner {display:block;padding-top:35px}
.public-site .faq h2 {font-size:29px;margin-bottom:15px}
.public-site .faq summary {font-size:15px}
.public-site .closing {padding:50px 0 55px}
.public-site .closing h2 {font-size:33px}
.public-site .closing>p {font-size:14px}
.public-site .closing .actions {gap:12px}
.public-site .closing .subtle {font-size:11px}
.public-site .footer {display:block;padding:25px 0}
.public-site .footer-links {margin-top:17px;gap:14px}
.public-site .review-notes {font-size:11px;padding:22px 0}
}
@media(prefers-reduced-motion:reduce){.public-site {scroll-behavior:auto}
.public-site * {transition:none!important}
}


/* Public-only aliases; tokens.css and the authenticated paper theme stay untouched. */
.public-site { --brand:#9C5A1C; --brand-dark:#7A4512; --brand-bg:#f0e5d8; --copper:#9C5A1C; --bg:var(--paper); --surface:var(--white); --card-bg:var(--white); --card-stroke:var(--line); --border:var(--line); --divider:var(--line); --text:var(--ink); --text-2:var(--muted); --text-3:#6b7066; --bg-glow:var(--wash); --radius-sm:6px; --radius-md:12px; color-scheme:light; }
.public-site [hidden] { display:none!important; }
.public-site svg { flex-shrink:0; }
.public-site .nav { position:relative; top:auto; left:auto; right:auto; z-index:20; background:transparent; backdrop-filter:none; padding:0; width:min(1240px,calc(100% - 100px)); box-shadow:none; }
.public-site .brand { color:var(--ink); }
.public-site .navlinks a { color:var(--ink); white-space:nowrap; }
.public-site .navright>a { white-space:nowrap; }
.public-site .menu svg { width:22px; height:22px; }
.public-site .public-language { position:relative; font-size:13px; }
.public-site .public-language summary { cursor:pointer; padding:8px 4px; list-style:none; min-width:28px; }
.public-site .public-language summary::-webkit-details-marker { display:none; }
.public-site .public-language .lang-menu { display:block; position:absolute; right:0; top:100%; padding:10px; width:172px; max-height:65vh; overflow:auto; border:1px solid var(--line); background:var(--white); border-radius:8px; box-shadow:none; opacity:1; visibility:visible; transform:none; }
.public-site .public-language:not([open]) .lang-menu { display:none; }
.public-site .lang-option { display:block; padding:7px 10px; color:var(--ink); font-size:13px; border-radius:4px; }
.public-site .lang-option:hover,.public-site .lang-option.active { background:var(--wash); }
.public-site .hero { min-height:0; text-align:left; background:transparent; }
.public-site .hero:before,.public-site .hero:after { content:none; }
.public-site .hero h1 { margin:0; color:var(--ink); background:none; -webkit-text-fill-color:currentColor; max-width:none; }
.public-site .hero h1::first-line { color:var(--ink); }
.public-site .hero-intro { align-items:center; }
.public-site .daylist>[role=tablist] { display:block; }
.public-site .source { display:block; }
.public-site .note-main mark { background:#e4e9d8; }
.public-site .note-tab small { line-height:1.6; }
.public-site .hero-copy .subtle { line-height:1.7; }
.public-site .pipeline-direct { margin-top:15px; font-size:12px; }
.public-site .route h3 { margin-bottom:18px; }
.public-site .agent-connect { margin-top:40px; border-top:1px solid #718275; padding-top:20px; font-size:13px; }
.public-site .agent-connect summary { cursor:pointer; }
.public-site .agent-copy-row { display:flex; gap:16px; margin-top:16px; align-items:start; }
.public-site .agent-copy-row code { font-size:12px; overflow-wrap:anywhere; flex:1; }
.public-site .agent-copy-row button { color:var(--light); border:1px solid #8c9c8c; background:transparent; padding:5px 14px; border-radius:4px; }
.public-site .public-guide-links { margin-top:22px; display:flex; flex-wrap:wrap; gap:12px 24px; font-size:12px; color:#d4dccf; }
.public-site .public-guide-links a { text-decoration:underline; text-underline-offset:5px; }
.public-site .container { max-width:1240px; width:calc(100% - 100px); margin:0 auto; padding:0; }
.public-site .section-header { text-align:left; margin-bottom:35px; }
.public-site .section-title { font:500 clamp(30px,3.2vw,44px)/1.4 var(--serif); letter-spacing:-.025em; }
.public-site .section-desc { color:var(--muted); max-width:65ch; margin:18px 0 0; font-size:16px; }
.public-site .pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; max-width:920px; }
.public-site .price-card { border-top:1px solid var(--ink); border-bottom:1px solid var(--line); padding:30px 0; background:transparent; box-shadow:none; border-radius:0; position:relative; }
.public-site .price-name { font:500 26px var(--serif); }
.public-site .price-amount { font:500 46px/1.5 var(--serif); margin-top:12px; }
.public-site .price-amount span { font:14px var(--sans); color:var(--muted); }
.public-site .price-desc { font-size:14px; color:var(--muted); margin-top:10px; }
.public-site .price-list { list-style:none; padding:0; margin:25px 0; font-size:14px; }
.public-site .price-list li { margin:10px 0; }
.public-site .price-list li::before { content:'✓'; margin-right:10px; color:var(--copper); }
.public-site .price-badge { position:absolute; top:8px; right:0; font-size:12px; color:var(--copper); }
.public-site .btn { display:inline-flex; justify-content:center; align-items:center; gap:8px; padding:12px 20px; min-height:46px; font:600 14px var(--sans); border:1px solid var(--line); border-radius:6px; box-shadow:none; transition:background .18s; background:var(--white); color:var(--ink); }
.public-site .btn svg { width:18px; height:18px; }
.public-site .btn-primary { background:var(--copper); color:white; border-color:var(--copper); }
.public-site .btn-primary:hover { background:#7A4512; }
.public-site .btn-secondary:hover { background:var(--wash); }
.public-site .public-footer { border-top:1px solid var(--line); padding-top:40px; padding-bottom:25px; }
.public-site .footer-intro { display:flex; gap:35px; align-items:center; margin-bottom:35px; }
.public-site .footer-intro p { font-size:14px; color:var(--muted); }
.public-site .footer-groups { display:grid; grid-template-columns:1fr 2fr 1fr; gap:35px; }
.public-site .footer-groups nav { display:flex; flex-direction:column; gap:8px; align-items:start; }
.public-site .footer-groups h3 { font:500 17px var(--serif); margin-bottom:10px; }
.public-site .footer-groups a { font-size:12px; color:var(--muted); }
.public-site .footer-bottom { border-top:1px solid var(--line); margin-top:35px; padding-top:20px; font-size:12px; color:var(--muted); }
.public-site .public-secondary h1 { font-family:var(--serif); }
.public-site .public-secondary { background:var(--paper); }
.public-site.public-secondary .hero { padding:70px 0; text-align:center; }
.public-site.public-secondary .hero h1 { font-size:clamp(36px,4.4vw,60px); max-width:1000px; margin:0 auto 22px; }
.public-site.public-secondary .hero-sub { max-width:68ch; margin:0 auto; color:var(--muted); }
.public-site.public-secondary .hero-actions { justify-content:center; flex-wrap:wrap; margin-top:28px; }
.public-site.public-secondary .section { padding:70px 0; }
.public-site .fade-in { opacity:1; transform:none; }
.public-site .scene-card,.public-site .why-card,.public-site .intg-card { box-shadow:none; background:var(--white); border-color:var(--line); border-radius:12px; }
.public-site .section-label { display:none; }
.public-site .scene-icon,.public-site .intg-icon { box-shadow:none; color:var(--copper); background:var(--wash); }
.public-site .cta-section { background:var(--wash); color:var(--ink); padding:65px 0; box-shadow:none; }
.public-site .cta-section h2 { color:var(--ink); }
.public-site .cta-section p { color:var(--muted); }
.public-site .connect-page,.public-site .blog-page { padding:64px 0 80px; }
.public-site .connect-container,.public-site .blog-container { max-width:800px; }
.public-site .connect-page h1,.public-site .blog-header h1,.public-site .blog-article h1 { font:500 clamp(34px,3.8vw,50px)/1.3 var(--serif); margin-bottom:20px; }
.public-site .blog-prose { font-size:17px; line-height:1.85; }
.public-site .connect-start { padding:22px 0; margin:25px 0 30px; border-top:1px solid var(--ink); border-bottom:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:8px 25px; }
.public-site .connect-start p { grid-column:1/-1; font-size:14px; color:var(--muted); margin-bottom:12px; }
.public-site .connect-start a { padding:10px 0; font-size:15px; display:flex; justify-content:space-between; gap:16px; }
.public-site .connect-start span { color:var(--copper); }
.public-site .connect-page pre { overflow-wrap:anywhere; }
.public-site .legal-page { padding:64px 0 80px; min-height:60vh; }
.public-site .legal-container { width:calc(100% - 100px); max-width:800px; margin:auto; padding:0; }
.public-site .legal-page h1 { font:500 clamp(36px,4vw,50px)/1.3 var(--serif); margin-bottom:20px; }
.public-site .legal-page h2 { font:500 27px/1.5 var(--serif); margin-top:42px; margin-bottom:15px; }
.public-site .legal-page h3 { font:600 17px/1.6 var(--sans); margin-top:26px; }
.public-site .legal-page p,.public-site .legal-page li { line-height:1.85; font-size:16px; }
.public-site .legal-page a:not(.btn) { color:var(--copper); text-underline-offset:4px; }
.public-site .legal-back { display:inline-block; margin-bottom:30px; }
.public-site .legal-updated { color:var(--muted); font-size:13px; }
.public-site .legal-page ul { padding-left:22px; }
.public-site .blog-card,.public-site .blog-article,.public-site .legal-page { overflow-wrap:break-word; }
.public-site .cmp-table-wrap,.public-site .compare-table-wrap { max-width:100%; overflow:auto; }
.public-site .prompt { margin-left:0; margin-right:0; }
@media (max-width:1100px) {
 .public-site .nav { width:calc(100% - 64px); }
 .public-site .navlinks { gap:18px; }
 .public-site .navright { gap:14px; }
 .public-site .small-button { display:none; }
}
@media (max-width:720px) {
 .public-site .nav { width:calc(100% - 40px); }
 .public-site .navlinks.open { display:flex; }
 .public-site .daylist>[role=tablist] { display:flex; width:100%; gap:5px; }
 .public-site .note-tab { min-width:0; }
 .public-site .note-tab strong { white-space:normal; overflow-wrap:anywhere; font-size:11px; }
 .public-site .note-tab time { display:block; }
 .public-site .container,.public-site .legal-container { width:calc(100% - 40px); }
 .public-site .hero h1 { font-size:44px; }
 .public-site .journal-top { gap:12px; }
 .public-site .journal-top strong { flex:1; }
 .public-site .demo-label { flex:0 1 45%; font-size:9px; }
 .public-site .pricing-grid { gap:25px; }
 .public-site .price-name { font-size:24px; }
 .public-site .price-amount { font-size:35px; }
 .public-site .price-list { font-size:12px; }
 .public-site .price-card .btn { font-size:12px; padding:12px; }
 .public-site .price-badge { position:static; margin-bottom:10px; }
 .public-site .footer-intro { display:block; }
 .public-site .footer-intro p { margin-top:15px; font-size:13px; }
 .public-site .footer-groups { grid-template-columns:1fr 1fr; gap:30px; }
 .public-site .footer-groups nav:nth-child(2) { grid-column:1/-1; grid-row:2; }
 .public-site .public-guide-links { display:block; }
 .public-site .public-guide-links a { display:block; margin:15px 0; }
 .public-site .agent-copy-row { flex-direction:column; gap:10px; }
 .public-site .connect-start { grid-template-columns:1fr; gap:5px; }
 .public-site .connect-page,.public-site .blog-page,.public-site .legal-page { padding:40px 0 55px; }
 .public-site .connect-page h1,.public-site .blog-header h1,.public-site .blog-article h1 { font-size:34px; }
 .public-site .connect-code-row { flex-wrap:wrap; }
 .public-site .connect-code-row pre { flex-basis:100%; }
 .public-site.public-secondary .hero { padding:48px 0; }
 .public-site.public-secondary .hero h1 { font-size:36px; }
 .public-site.public-secondary .section { padding:50px 0; }
 .public-site .legal-page h2 { font-size:25px; }
}
@media(max-width:380px) {
 .public-site .brand { font-size:23px; gap:6px; }
 .public-site .brand svg { width:22px; }
 .public-site .navright { gap:10px; }
 .public-site .hero h1 { font-size:38px; }
 .public-site .pricing-grid { grid-template-columns:1fr; }
}
.public-site .public-language summary { min-height:44px; min-width:36px; display:flex; align-items:center; justify-content:center; }
.public-site .menu { min-width:44px; min-height:44px; align-items:center; justify-content:center; }
@media(max-width:380px) { .public-site .nav { gap:10px; } .public-site .navright { gap:5px; } }
/* Reading pages use a quieter hierarchy than the homepage display headings. */
.public-site .connect-section h2 { font:500 27px/1.45 var(--serif); margin-bottom:16px; }
.public-site .blog-card h2 { font:500 27px/1.45 var(--serif); margin-bottom:12px; }
.public-site .blog-prose h2 { font:500 28px/1.5 var(--serif); margin-top:42px; margin-bottom:18px; }
.public-site .blog-prose h3 { font:600 19px/1.5 var(--sans); margin-top:30px; }
.public-site .hero h1 em { -webkit-text-fill-color:var(--copper); }
@media(max-width:720px) { .public-site .connect-section h2,.public-site .blog-card h2 { font-size:25px; } }
.public-site .gradient { background:none; background-clip:initial; -webkit-background-clip:initial; color:var(--copper); -webkit-text-fill-color:var(--copper); }
.public-site .hero-badge { display:none; }
.public-site .pipe-step { background:var(--white); border:1px solid var(--line); border-radius:12px; box-shadow:none; }
.public-site .pipe-num { color:var(--copper); background:transparent; box-shadow:none; }

.public-site .vault a:focus-visible, .public-site .vault button:focus-visible, .public-site .vault summary:focus-visible { outline-color:var(--light); }

/* Long translated sign-in labels must fit beside the brand and language menu. */
@media(max-width:380px) {
  .public-site .navright { min-width:0; }
  .public-site .navright .nav-login { max-width:70px; min-width:0; white-space:normal; line-height:1.3; flex-shrink:1; }
}
@media(max-width:480px) {
  .public-site.public-home .device { grid-template-columns:1fr; }
  .public-site.public-home .device-item + .device-item { border-left:0; border-top:1px solid var(--line); }
  .public-site.public-home .device-icon { height:48px; margin-bottom:16px; }
  .public-site.public-home .device-icon svg { height:44px; width:36px; }
}