@import url("/_v/3231d9c56a/tokens.css");
@import url("/_v/3231d9c56a/forms.css");

* { box-sizing: border-box; margin: 0; }
html { scroll-padding-top: 24px; }
html.i18n-wait body { visibility: hidden; }
body { background: var(--bg); color: var(--ink); font: 16px/1.65 var(--sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: 4px; }
a:hover { color: var(--amber); }
button { font: inherit; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid var(--amber); outline-offset: 5px; }
.wrap { max-width: 1412px; margin: auto; padding: 0 56px; }
section { padding: 80px 0; }
h1, h2 { font-family: var(--serif); font-weight: 400; letter-spacing: -.025em; }
h2 { font-size: clamp(32px, 3.4vw, 49px); line-height: 1.14; text-wrap: balance; }
nav.top { display: flex; align-items: center; gap: 24px; min-height: 104px; font-size: 13px; }
.brand { display: flex; align-items: center; gap: 10px; font-size: 28px; font-weight: 700; text-decoration: none; }
.brand svg { width: 29px; height: 29px; }
nav.top .links { margin-left: auto; display: flex; gap: 26px; align-items: center; }
nav.top .links a { text-decoration: none; min-height: 44px; display: flex; align-items: center; }
nav.top .cta { color: var(--amber); }
.mode-btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 8px; background: transparent; color: var(--mut); cursor: pointer; }
.mode-btn svg { width: 17px; height: 17px; }
nav.top .lang-picker { padding: 10px 6px; min-height: 44px; border: 1px solid var(--line); border-radius: 8px; }
.skip { position: fixed; top: -100px; left: 20px; z-index: 10; padding: 10px 16px; background: var(--paper); color: var(--paper-ink); }
.skip:focus { top: 10px; }
.hero { display: grid; grid-template-columns: 1fr 1.12fr; align-items: center; gap: 64px; padding: 28px 0 64px; }
.category { color: var(--mut); font-size: 13px; margin-bottom: 26px; }
.hero h1 { font-size: clamp(50px, 4.25vw, 62px); line-height: 1.05; margin-bottom: 26px; }
.hero .sub { max-width: 470px; font-size: 17px; color: var(--mut); }
.brand-line { margin-top: 18px; font: 21px/1.4 var(--serif); }
.ctas { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 28px; }
.sample-link { font-size: 14px; }
.hero-requirements { margin-top: 22px; font-size: 13px; line-height: 1.65; color: var(--mut); max-width: 480px; }
.scene { height: 610px; position: relative; border-radius: 7px; overflow: hidden; background: var(--bg2); }
.scene-photo { width: 100%; height: 100%; object-fit: cover; object-position: 50% 46%; display: block; }
.scene::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,#14212b85,transparent 45%,#13232d28 65%,#13232deb); pointer-events: none; }
.scene-location { position: absolute; top: 25px; left: 25px; display: flex; flex-direction: column; z-index: 1; color: #fff; }
.scene-location span:first-child { font-size: 17px; }
.scene-location span:last-child { font-size: 12px; }
.preview-controls { position: absolute; top: 25px; right: 21px; display: flex; background: #152630e8; border: 1px solid #ffffff77; border-radius: 30px; padding: 4px; z-index: 2; }
.preview-controls button { min-height: 44px; padding: 6px 14px; border: 0; border-radius: 24px; color: #fff; background: transparent; font-size: 12px; cursor: pointer; }
.preview-controls button[aria-pressed="true"] { background: var(--paper); color: var(--paper-ink); }
.preview-controls button:focus-visible { outline-offset: 2px; }
.scene-content { position: absolute; z-index: 1; left: 25px; right: 25px; bottom: 62px; color: var(--paper-ink); background: var(--paper); border-radius: 4px; padding: 22px 25px; }
.entry-label { font-size: 12px; color: var(--paper-mut); }
.scene-content blockquote { font: 31px/1.22 var(--serif); margin: 13px 0 17px; }
.scene-content h2 { font-size: 30px; margin: 10px 0; }
.scene-content p { font-size: 14px; line-height: 1.6; }
.scene-content #preview-journal blockquote { font-size: 24px; margin: 14px 0 7px; }
.moment-footer { color: var(--paper-mut); }
.scene-bottom { position: absolute; z-index: 1; bottom: 18px; left: 25px; right: 25px; color: #fff; font-size: 12px; line-height: 1.4; }
.how, .recall { background: var(--paper); color: var(--paper-ink); margin-inline: -56px; padding-inline: 56px; }
.how h2 { max-width: 760px; }
.workflow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 48px; list-style: none; padding: 0; margin-top: 45px; counter-reset: workflow; }
.workflow li { border-top: 1px solid var(--line); padding-top: 20px; counter-increment: workflow; }
.workflow li::before { content: counter(workflow,decimal-leading-zero); display: block; font: 22px var(--serif); color: var(--paper-mut); margin-bottom: 18px; }
.workflow h3 { font-size: 19px; font-weight: 500; margin-bottom: 12px; }
.workflow p { font-size: 14px; color: var(--paper-mut); }
.workflow a { display: inline-block; margin-top: 16px; font-size: 14px; }
.workflow .example-note { margin-top: 18px; font: 20px/1.4 var(--serif); color: var(--paper-ink); }
.section-link { margin-top: 28px; font-size: 14px; }
.memory { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }
.photo-story { position: relative; }
.coast { display: block; width: 100%; height: 560px; object-fit: cover; border-radius: 4px; }
.photo-note { position: absolute; bottom: 24px; right: -24px; background: var(--paper); color: var(--paper-ink); padding: 24px; width: 270px; transform: rotate(-3deg); box-shadow: 0 12px 30px #0002; }
.photo-note span { font-size: 12px; color: var(--paper-mut); }
.photo-note blockquote { font: 33px/1.18 var(--serif); margin-top: 14px; }
.memory-copy h2 { font-size: clamp(40px,4.2vw,62px); line-height: 1.07; margin-bottom: 30px; }
.memory-copy p { color: var(--mut); margin-bottom: 18px; max-width: 440px; }
.recall { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: center; }
.recall-copy p { color: var(--paper-mut); margin-top: 20px; }
.ask { width: 100%; margin-top: 16px; min-height: 56px; text-align: left; border: 0; border-bottom: 1px solid var(--line); color: var(--paper-ink); background: transparent; font-size: 18px; cursor: pointer; padding: 12px 28px 12px 0; position: relative; }
.ask::after { content: "+"; position: absolute; right: 0; }
.ask[aria-expanded="true"]::after { content: "−"; }
#recall-answer { padding-top: 18px; }
#recall-answer blockquote { font: 29px/1.3 var(--serif); margin: 14px 0; }
#recall-answer a { font-size: 14px; }
.mcp { border-bottom: 1px solid var(--line); }
.mcp h2 { margin-bottom: 24px; }
.mcp > p { max-width: 850px; color: var(--mut); }
.plan-cta { display: inline-flex; align-items: center; min-height: 44px; margin-top: 18px; font: 600 13px/1 var(--sans); color: var(--amber); text-decoration: none; }
#pricing { border-bottom: 1px solid var(--line); }
h2.sec { font-size: 40px; }
#faq { max-width: 900px; }
#login { border-top: 1px solid var(--line); }
footer { padding: 30px 0 45px; display: flex; flex-wrap: wrap; gap: 24px; font-size: 13px; color: var(--mut); border-top: 1px solid var(--line); }
footer a { min-height: 44px; display: inline-flex; align-items: center; }
:lang(zh) h1, :lang(zh) h2 { letter-spacing: 0; line-height: 1.25; }
@media (max-width: 1150px) {
  .wrap { padding-inline: 36px; }
  .hero { gap: 36px; }
  .hero h1 { font-size: 50px; }
  .scene-location { top: 22px; left: 20px; }
  .preview-controls { top: 85px; right: auto; left: 20px; }
  .memory { gap: 65px; }
  .how, .recall { margin-inline: -36px; padding-inline: 36px; }
  nav.top .links { gap: 18px; }
}
@media (max-width: 760px) {
  .wrap { padding-inline: 20px; }
  nav.top { padding-block: 16px; gap: 12px; flex-wrap: wrap; }
  nav.top .links { gap: 14px; flex-wrap: wrap; justify-content: flex-end; }
  nav.top .links a[href="#faq"] { display: none; }
  .hero { grid-template-columns: 1fr; gap: 32px; padding: 24px 0 44px; }
  .hero h1 { font-size: clamp(38px,10vw,44px); }
  .hero .sub { font-size: 16px; }
  .category { margin-bottom: 20px; }
  .hero-requirements { font-size: 13px; }
  .ctas { gap: 16px; }
  .scene { width: 100%; max-width: 580px; height: 530px; justify-self: center; }
  .scene-location { top: 20px; left: 18px; }
  .preview-controls { top: 85px; left: 18px; }
  .scene-content { left: 17px; right: 17px; padding: 20px; }
  .scene-content blockquote { font-size: 28px; }
  .scene-bottom { left: 17px; right: 17px; }
  section { padding-block: 48px; }
  .how, .recall { margin-inline: -20px; padding-inline: 20px; }
  .workflow { grid-template-columns: 1fr; gap: 26px; margin-top: 30px; }
  .workflow li::before { margin-bottom: 12px; }
  .memory { grid-template-columns: 1fr; gap: 44px; }
  .photo-story { padding-right: 14px; }
  .coast { height: 390px; }
  .photo-note { right: 0; width: 230px; padding: 20px; }
  .photo-note blockquote { font-size: 29px; }
  .memory-copy h2 { font-size: 44px; }
  .recall { grid-template-columns: 1fr; gap: 28px; }
  .pricing { grid-template-columns: 1fr; }
  #login .card { padding: 24px 20px; }
}
@media (max-width: 360px) {
  nav.top .links { width: 100%; margin: 0; justify-content: space-between; gap: 8px; }
  .hero h1 { font-size: 38px; }
  .scene { height: 530px; }
  .ctas { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }

/* Current plan facts and FAQ. */
.pricing{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px;max-width:660px}
.plan{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:30px}
/* Plus 只靠描边说自己是 Plus，不发光——发光是留给照片的 */
.plan.plus{border-color:color-mix(in srgb,var(--amber) 35%,transparent)}
.plan .pname{font:600 11px/1 ui-sans-serif;letter-spacing:.2em;color:var(--blue)}
.plan.plus .pname{color:var(--amber)}
.plan .price{font:500 34px/1 var(--serif);margin:16px 0 18px}
.plan .price span{font:400 14px/1 ui-sans-serif;color:var(--mut)}
/* 年付折扣标：真实算术（$6.9×12 对 $39.9）。34px 大字旁垂直抬一点对齐光学中线 */
.plan .save-tag{font:500 10.5px/1 "SF Mono",ui-monospace,Menlo,monospace;font-style:normal;letter-spacing:.06em;border:1px solid color-mix(in srgb,var(--amber) 40%,transparent);border-radius:999px;padding:2px 8px;color:var(--amber);white-space:nowrap;vertical-align:4px}
.plan ul{margin:0;padding:0;list-style:none;font-size:14px;color:var(--mut)}
.plan li{margin-bottom:9px;display:flex;gap:8px;align-items:flex-start}
.faq{max-width:720px}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--amber);font-weight:400;font-size:18px;flex-shrink:0;transition:transform .2s,color .2s}
.faq summary:hover::after{color:var(--amber-hi)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin-top:12px;font-size:14px;color:var(--mut)}

@media (max-width:760px) { .pricing { grid-template-columns:1fr; } }

/* The production hero and its tokens are deliberately retained. */
html { scroll-behavior: smooth; }
.eyebrow { font:600 11px/1.5 var(--sans);letter-spacing:.17em;color:var(--mut);margin-bottom:22px; }
.text-link { display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:none;border-bottom:1px solid currentColor; }
.small-note {font-size:12px!important;line-height:1.6;color:var(--mut);margin-top:24px;}
.journal-proof {display:grid;grid-template-columns:.78fr 1.4fr;gap:64px;align-items:center;padding:64px 0 72px;border-top:1px solid var(--line);}
.proof-heading h2 {font-size:clamp(38px,3.7vw,54px);line-height:1.08;margin-bottom:24px;}
.proof-heading>p:not(.eyebrow) {font-size:16px;color:var(--mut);max-width:350px;}
.proof-heading .text-link {margin-top:22px;}
.journal-spread {background:var(--paper);color:var(--paper-ink);padding:27px 30px 0;box-shadow:0 16px 36px #0002;}
.journal-head {display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;}
.journal-head .eyebrow {color:var(--paper-mut);margin:0 0 7px;font-size:10px;}
.journal-head h3 {font:32px/1.1 var(--serif);letter-spacing:-.02em;font-weight:400;}
.journal-number {font:12px var(--sans);color:var(--paper-mut);white-space:nowrap;}
.journal-body {display:grid;grid-template-columns:1fr 1.08fr;gap:26px;padding-top:24px;}
.journal-picture img {width:100%;height:300px;object-fit:cover;display:block;}
.journal-picture figcaption {font:italic 15px/1.5 var(--serif);padding-top:10px;color:var(--paper-mut);}
.journal-entries>.entry-label {font-size:9px;letter-spacing:.08em;}
.journal-entries h4 {font:27px/1.13 var(--serif);font-weight:400;margin:12px 0;}
.journal-entries>p:not(.entry-label) {font-size:13px;line-height:1.65;color:var(--paper-mut);}
.verbatim {margin:19px 0;padding:16px 0;border-block:1px solid var(--line);}
.verbatim .entry-label {font-size:9px;letter-spacing:.06em;}
.verbatim blockquote {font:25px/1.2 var(--serif);margin-top:8px;}
.journal-bottom {display:flex;align-items:center;gap:12px;}
.journal-bottom img {width:54px;height:64px;object-fit:cover;}
.journal-bottom p {font-size:11px;line-height:1.5;color:var(--paper-mut);}
.journal-foot {display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;border-top:1px solid var(--line);padding:16px 0;font-size:10px;color:var(--paper-mut);}
.journal-foot a {font-size:11px;min-height:32px;display:flex;align-items:center;}
.demo-how {display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:60px;align-items:center;}
.demo-how h2 {font-size:clamp(32px,3.1vw,43px);}
.demo-how .eyebrow,.demo-recall .eyebrow {color:var(--paper-mut);}
.demo-how .workflow {display:block;margin-top:26px;}
.demo-how .workflow li {display:grid;grid-template-columns:36px 1fr;column-gap:12px;padding:17px 0;border-top:1px solid var(--line);}
.demo-how .workflow li::before {grid-row:1 / 3;margin:3px 0 0;font-size:20px;}
.demo-how .workflow h3 {font-size:16px;margin:0 0 5px;}
.demo-how .workflow p {font-size:13px;line-height:1.65;}
.workflow-links {display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px;font-size:12px;}
.workflow-links .text-link {font-size:13px;}
.saved-reader {max-width:465px;justify-self:center;width:100%;}
.reader-label {display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.08em;margin-bottom:12px;color:var(--paper-mut);}
.saved-reader img {display:block;width:100%;height:auto;border:1px solid var(--line);box-shadow:0 12px 24px #21364016;}
.saved-reader figcaption {font-size:11px;line-height:1.5;color:var(--paper-mut);margin-top:12px;max-width:420px;}
.demo-recall {background:var(--bg);color:var(--ink);margin:0;padding:64px 0;gap:80px;}
.demo-recall .eyebrow {color:var(--mut);}
.demo-recall .recall-copy p {color:var(--mut);font-size:15px;max-width:380px;}
.demo-recall .recall-copy .text-link {margin-top:24px;}
.search-demo {background:var(--bg2);border:1px solid var(--line);padding:24px 28px;}
.search-demo>.entry-label {color:var(--mut);font-size:11px;}
#journal-search-form {display:flex;gap:10px;margin:15px 0 13px;}
#journal-search-form input {width:100%;min-width:0;min-height:48px;background:var(--bg);border:1px solid var(--line);color:var(--ink);padding:10px 12px;font:14px var(--sans);border-radius:3px;}
#journal-search-form button {background:var(--amber);color:var(--bg);padding:8px 16px;border:0;border-radius:3px;cursor:pointer;min-height:48px;}
.search-presets {display:flex;gap:8px;flex-wrap:wrap;}
.search-presets button {padding:7px 11px;border:1px solid var(--line);background:transparent;color:var(--mut);font-size:11px;cursor:pointer;min-height:36px;border-radius:30px;}
.search-presets button[aria-pressed="true"] {border-color:var(--amber);color:var(--amber);}
.search-result {padding-top:21px;margin-top:20px;border-top:1px solid var(--line);}
.search-result>.entry-label {color:var(--mut);font-size:9px;letter-spacing:.07em;}
.search-result blockquote {font:30px/1.2 var(--serif);margin:13px 0;}
.search-result>p {font-size:12px;color:var(--mut);line-height:1.6;}
.source-entry {display:flex;gap:14px;align-items:center;margin-top:21px;text-decoration:none;}
.source-entry img {width:63px;height:74px;object-fit:cover;}
.source-entry b {font:19px/1.2 var(--serif);font-weight:400;}
.source-entry small {display:block;color:var(--mut);font-size:11px;margin:4px 0;}
.source-open {font-size:11px;color:var(--amber);}
#journal-search-message:not(:empty) {padding-top:22px;font-size:13px;color:var(--mut);}
.sr-only {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.connect-band {display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:42px 0;border-block:1px solid var(--line);align-items:center;}
.connect-band .eyebrow {margin-bottom:14px;}
.connect-band h2 {font-size:36px;line-height:1.15;}
.connect-actions {display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.assistant-link {display:flex;flex-direction:column;gap:7px;border-bottom:1px solid var(--line);padding:12px 0;text-decoration:none;}
.assistant-link b {font:25px/1.2 var(--serif);font-weight:400;}
.assistant-link span {font-size:11px;color:var(--amber);}
.connect-actions p {grid-column:1 / -1;font-size:11px;color:var(--mut);}
.decision-grid {display:grid;grid-template-columns:1.2fr .8fr;gap:64px;padding:60px 0;}
.decision-grid section {padding:0;border:0;}
.decision-grid h2.sec {font-size:34px;}
.decision-grid .pricing {margin-top:27px;max-width:none;gap:15px;}
.decision-grid .plan {padding:24px 21px;border-radius:4px;}
.decision-grid .price {font-size:31px;}
.decision-grid .price span {font-size:11px;}
.decision-grid .plan ul {font-size:12px;line-height:1.8;min-height:105px;}
.decision-grid .plan-cta {margin-top:18px;}
.decision-grid #faq {max-width:none;}
.decision-grid #faq h2 {margin-bottom:18px;}
.decision-grid .faq summary {font-size:13px;line-height:1.45;}
.decision-grid .faq details {padding:14px 0;}
.decision-grid .faq p {font-size:12px;line-height:1.7;}
.demo-start {display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding:54px 0 64px;}
.demo-start h2 {font-size:clamp(38px,3.8vw,53px);line-height:1.1;margin-bottom:20px;}
.demo-start>div>p:not(.eyebrow) {font-size:14px;color:var(--mut);max-width:390px;}
.start-options {border-left:1px solid var(--line);padding-left:42px;}
.start-options .btn {font-size:15px;padding:14px 26px;}
.start-options p {margin-top:20px;}
.start-options .text-link {margin:4px 0 18px;font-size:13px;}
.start-options small {display:block;font-size:11px;color:var(--mut);max-width:330px;line-height:1.6;}
.wrap>footer {font-size:11px;padding:22px 0 28px;}
@media(max-width:1150px) {
 .journal-proof {gap:35px;grid-template-columns:.8fr 1.35fr;}
 .journal-spread {padding:24px 22px 0;}
 .journal-body {gap:20px;}
 .demo-how,.demo-recall,.connect-band {gap:40px;}
 .decision-grid {gap:35px;}
}
@media(max-width:900px) and (min-width:761px) {
 .journal-proof {grid-template-columns:1fr;}
 .proof-heading {display:grid;grid-template-columns:1fr 1fr;column-gap:35px;}
 .proof-heading .eyebrow,.proof-heading .small-note {grid-column:1 / -1;}
 .proof-heading .text-link {justify-self:start;align-self:start;}
 .journal-spread {max-width:700px;width:100%;justify-self:center;}
 .decision-grid {grid-template-columns:1fr 1fr;gap:35px;}
 .decision-grid .pricing {grid-template-columns:1fr;}
}
@media(max-width:760px) {
 .journal-proof {grid-template-columns:1fr;gap:30px;padding:44px 0;}
 .proof-heading h2 {font-size:40px;max-width:360px;}
 .proof-heading>p:not(.eyebrow) {font-size:14px;max-width:360px;}
 .small-note {margin-top:13px;}
 .eyebrow {margin-bottom:15px;}
 .journal-spread {padding:20px 18px 0;}
 .journal-head h3 {font-size:26px;}
 .journal-number {font-size:10px;}
 .journal-body {grid-template-columns:1fr;gap:20px;}
 .journal-picture img {height:230px;object-position:50% 44%;}
 .journal-entries h4 {font-size:26px;margin:9px 0;}
 .journal-entries>p:not(.entry-label) {font-size:13px;}
 .journal-bottom {display:none;}
 .journal-foot {flex-wrap:wrap;font-size:9px;}
 .demo-how {grid-template-columns:1fr;padding-block:44px;gap:30px;}
 .demo-how h2 {font-size:32px;}
 .workflow-links {margin-top:8px;}
 .saved-reader {max-width:330px;}
 .demo-recall {grid-template-columns:1fr;padding:44px 0;gap:26px;}
 .demo-recall h2 {font-size:36px;}
 .demo-recall .recall-copy p {font-size:14px;}
 .demo-recall .recall-copy .text-link {margin-top:12px;}
 .search-demo {padding:20px 18px;}
 #journal-search-form input {font-size:13px;}
 #journal-search-form button {font-size:13px;padding-inline:12px;}
 .search-result blockquote {font-size:28px;}
 .connect-band {grid-template-columns:1fr;gap:20px;padding:32px 0;}
 .connect-band h2 {font-size:32px;}
 .decision-grid {grid-template-columns:1fr;gap:37px;padding:44px 0;}
 .decision-grid .pricing {grid-template-columns:1fr 1fr;gap:10px;}
 .decision-grid .plan {padding:20px 16px;}
 .decision-grid .plan ul {min-height:125px;font-size:11px;}
 .decision-grid .price {font-size:28px;}
 .decision-grid .price span {display:block;line-height:1.6;margin-top:5px;}
 .decision-grid h2.sec {font-size:30px;}
 .decision-grid .faq summary {font-size:14px;}
 .decision-grid .faq p {font-size:13px;}
 .demo-start {grid-template-columns:1fr;gap:24px;padding:42px 0;}
 .demo-start h2 {font-size:39px;}
 .start-options {border-left:0;border-top:1px solid var(--line);padding:25px 0 0;}
 .start-options small {max-width:330px;}
}
@media(max-width:360px) {.decision-grid .pricing {grid-template-columns:1fr;}.decision-grid .plan ul {min-height:0;}.journal-head h3 {font-size:23px;}}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto;}}

/* Existing auth controls remain native in the final two-column section. */
.production-start {display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding:54px 0 64px;}
.start-copy h2 {font-size:clamp(38px,3.8vw,53px);line-height:1.1;margin-bottom:20px;}
.start-copy>p:not(.eyebrow) {font-size:14px;color:var(--mut);max-width:390px;}
.start-copy .text-link {margin-top:20px;}
.login-surface {width:100%;}
#login .login-surface .card {max-width:none;}
.connection-guides {grid-column:1 / -1;font-size:12px;}
@media(max-width:760px){.production-start{grid-template-columns:1fr;gap:26px;padding:42px 0;}.start-copy h2{font-size:39px;}.decision-grid .pricing{grid-template-columns:1fr;}.decision-grid .plan ul{min-height:0;font-size:13px;}.search-demo p,.workflow p{font-size:14px;}}
/* Primary routes precede a quiet, separated utility group. */
nav.top { min-height:88px; gap:24px; }
nav.top .links { gap:28px; }
nav.top .cta { color:var(--ink); padding-inline:14px; border:1px solid var(--line); border-radius:8px; }
nav.top .header-tools { display:flex; align-items:center; gap:2px; padding-left:16px; border-left:1px solid var(--hairline); }
nav.top #lang-slot { display:flex; }
nav.top .lang-picker { max-width:none; padding:0; border:0; }
nav.top .nav-toggle { display:none; }
@media (max-width:760px) {
  nav.top { display:flex; flex-wrap:nowrap; min-height:76px; padding-block:12px; gap:12px; }
  nav.top .brand { font-size:25px; gap:7px; }
  nav.top .brand svg { width:26px; height:26px; }
  nav.top .header-tools { margin-left:auto; border:0; padding:0; gap:0; }
  nav.top[data-enhanced] .nav-toggle { display:inline-flex; }
  nav.top .links { margin:0; width:100%; }
  nav.top:not([data-enhanced]) { flex-wrap:wrap; }
  nav.top[data-enhanced] .links {
    position:fixed; inset:auto; margin:0; padding:12px; max-height:calc(100dvh - 100px); overflow:auto;
    border:1px solid var(--line); border-radius:12px; background:var(--bg2); color:var(--ink); box-shadow:var(--shadow-card);
  }
  nav.top[data-enhanced] .links:not(:popover-open) { display:none; }
  nav.top[data-enhanced] .links:popover-open { display:grid; gap:4px; justify-content:stretch; align-items:stretch; }
  nav.top .links a, nav.top .links a[href="#faq"] { display:flex; min-height:44px; padding:10px 12px; border-radius:7px; font-size:15px; }
  nav.top .links a:hover { background:color-mix(in srgb,var(--ink) 6%,transparent); }
  nav.top .links .cta { margin-top:6px; justify-content:center; background:var(--btn-top); color:var(--btn-ink); border-color:transparent; }
}

/* Approved homepage refinement: chapter rules remain; internal framing recedes. */
:root{--chapter-rule:#c6b9a9;--inner-rule:#ded5c9;--control-border:#8c7c68;--section-surface:#eee7dc}
:root[data-mode=dark]{--chapter-rule:#7c7264;--inner-rule:#554e45;--control-border:#a39683;--section-surface:#35312c}
::selection{background:var(--accent);color:var(--btn-ink)}input{caret-color:var(--accent)}html{scrollbar-color:var(--line) var(--bg)}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.hero{padding-top:32px;padding-bottom:56px;gap:56px}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start}.hero-copy h1{order:0}.hero-copy .category{order:1;margin:0 0 20px;font-size:14px;line-height:1.6;letter-spacing:0}.hero-copy .sub{order:2}.hero-copy .brand-line{order:3}.hero-copy .ctas{order:4}.hero-copy .hero-requirements{order:5}
.hero h1{font-size:clamp(48px,4.2vw,61px);line-height:1.1;text-wrap:balance;margin-bottom:18px}.hero .sub{font-size:17px;line-height:1.75}.hero-requirements{font-size:14px;line-height:1.7;margin-top:20px}.hero .ctas{margin-top:24px}.brand-line{font-size:20px}
html:lang(zh) h1,html:lang(zh) h2{letter-spacing:0;line-height:1.25}
.eyebrow,.journal-number{display:none}
.journal-proof{border-top:1px solid var(--chapter-rule);padding:64px 0;gap:56px}
.proof-heading h2{font-size:clamp(36px,3.5vw,50px);line-height:1.15;margin-bottom:20px}.proof-heading>p:not(.eyebrow){font-size:16px;line-height:1.75}
.text-link{border-bottom:0;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;min-height:44px}.small-note{font-size:13px!important;line-height:1.7;margin-top:14px}.proof-heading .text-link{margin-top:16px}
.journal-spread{padding:30px 30px 0;box-shadow:0 8px 22px rgb(53 47 41 / .08);border-radius:4px}.journal-head{border:0;padding-bottom:0}.journal-head h3{font-size:30px;line-height:1.25}.journal-body{padding-top:24px}.journal-entries>.entry-label{font-size:12px;letter-spacing:0;line-height:1.6}.journal-entries h4{font-size:26px;line-height:1.3;margin:8px 0 12px}.journal-entries>p:not(.entry-label){font-size:14px;line-height:1.75}
.verbatim{border:0;margin:24px 0;padding:0}.verbatim .entry-label{font-size:12px;letter-spacing:0}.verbatim blockquote{font-size:25px;line-height:1.4;margin-top:10px}.journal-bottom p{font-size:12px;line-height:1.6}.journal-foot{border-top:1px solid color-mix(in srgb,var(--paper-ink) 15%,transparent);font-size:12px;margin-top:24px;padding:12px 0}.journal-foot a{font-size:12px;min-height:44px}
.how.demo-how{background:var(--section-surface);color:var(--ink);border-top:1px solid var(--chapter-rule);border-bottom:1px solid var(--chapter-rule);padding-top:56px;padding-bottom:56px}.demo-how h2{font-size:clamp(32px,3vw,42px);line-height:1.2}.demo-how .workflow{margin-top:24px}.demo-how .workflow li{border-top:0;padding:14px 0}.demo-how .workflow h3{font-size:18px;margin-bottom:8px}.demo-how .workflow p{font-size:15px;line-height:1.75;color:var(--mut)}.demo-how .workflow li::before{font-size:18px;color:var(--accent)}.workflow-links{gap:4px;margin-top:16px;font-size:14px}.workflow-links .text-link{font-size:14px}.reader-label{font-size:12px;letter-spacing:0;color:var(--mut);line-height:1.6}.saved-reader img{border:0;box-shadow:none}.saved-reader figcaption{font-size:13px;line-height:1.7;color:var(--mut)}
.demo-recall{padding:64px 0;gap:64px}.demo-recall h2{font-size:clamp(32px,3.1vw,44px);line-height:1.2}.demo-recall .recall-copy p{font-size:16px;line-height:1.75}.search-demo{border:0;border-radius:8px;padding:28px}.search-demo>.entry-label{font-size:13px;line-height:1.6}.search-result{border-top:0;padding-top:24px;margin-top:0}.search-result>.entry-label{font-size:12px;letter-spacing:0}.search-result p{font-size:15px;line-height:1.7}.search-presets{gap:8px}.search-presets button{border-color:transparent;min-height:44px;font-size:13px;padding:8px 12px}.search-presets button[aria-pressed=true]{border-color:var(--accent);color:var(--ink)}
#journal-search-form input,#login #email,#login #code{border-color:var(--control-border);border-radius:6px}#journal-search-form button{color:var(--btn-ink);border-radius:6px}.source-entry small,.source-open{font-size:13px;line-height:1.6}.source-entry b{font-size:17px}.source-entry{min-height:80px}
.connect-band{border-top:1px solid var(--chapter-rule);border-bottom:1px solid var(--chapter-rule);padding:40px 0}.connect-band h2{font-size:34px;line-height:1.2}.assistant-link{border-bottom:0;padding:8px 0}.assistant-link span,.connect-actions>p{font-size:14px!important;line-height:1.75}.connection-guides{margin-top:10px}
.decision-grid{padding:56px 0;gap:48px}.decision-grid .plan{border:0;border-radius:8px;padding:26px 24px;display:flex;flex-direction:column;align-items:flex-start}.plan.plus{background:color-mix(in srgb,var(--accent) 6%,var(--bg2))}.plan .pname{font:600 14px/1.5 var(--sans);letter-spacing:0}.decision-grid .price{font-size:34px;line-height:1.2}.decision-grid .price span{font-size:13px;line-height:1.7}.plan .save-tag{font:500 12px/1.5 var(--sans);letter-spacing:0;border:0;padding:0;color:var(--mut);vertical-align:baseline;white-space:normal}.decision-grid .plan ul{font-size:14px;line-height:1.8;min-height:0}.decision-grid .plan-cta{margin-top:auto;padding-top:24px;font-size:14px;line-height:1.5}.decision-grid .faq summary{font-size:15px;line-height:1.5;min-height:44px}.decision-grid .faq p{font-size:14px;line-height:1.8}.decision-grid .faq details{padding:12px 0;border-color:var(--inner-rule)}
#login{border-top:1px solid var(--chapter-rule);padding:56px 0}#login .start-copy h2{font-size:clamp(36px,3.5vw,49px);line-height:1.15}.start-copy>p:not(.eyebrow){font-size:16px;line-height:1.75}#login .login-surface .card{box-shadow:none;border:0;background:var(--bg2);border-radius:12px}footer{border-top:1px solid var(--chapter-rule)}
@media(max-width:1150px){.hero{gap:36px}.journal-proof{gap:36px}.demo-recall{gap:40px}.decision-grid{gap:32px}.decision-grid .plan{padding:22px 18px}}
@media(max-width:760px){.wrap{padding-inline:22px}.hero{gap:28px;padding-top:24px;padding-bottom:40px}.hero h1{font-size:38px;line-height:1.15;margin-bottom:16px}.hero-copy .category{font-size:13px;margin-bottom:16px}.hero .sub{font-size:16px;line-height:1.75}.hero .brand-line{font-size:20px}.hero-requirements{font-size:13px}.scene{height:500px}.scene-content{left:18px;right:18px;bottom:66px;padding:20px}.scene-content blockquote{font-size:27px;line-height:1.35}.scene-bottom{left:18px;right:18px;font-size:12px}.preview-controls{left:18px;right:auto;top:88px}.scene-location{left:18px;top:22px}.journal-proof{padding:40px 0;gap:28px}.proof-heading h2{font-size:36px;line-height:1.2}.proof-heading>p:not(.eyebrow){font-size:15px}.journal-spread{padding:24px 22px 0}.journal-head h3{font-size:26px}.journal-entries>.entry-label{font-size:12px}.journal-entries h4{font-size:25px}.journal-entries>p:not(.entry-label){font-size:14px}.verbatim blockquote{font-size:25px;line-height:1.45}.journal-foot{font-size:12px;gap:8px}.journal-foot a{font-size:12px}.how.demo-how{margin-inline:-22px;padding:40px 22px;gap:32px}.demo-how h2{font-size:32px}.demo-how .workflow h3{font-size:17px}.demo-how .workflow p{font-size:14px}.reader-label{font-size:12px;flex-wrap:wrap}.saved-reader figcaption{font-size:13px}.demo-recall{padding:40px 0;gap:24px}.demo-recall h2{font-size:32px}.demo-recall .recall-copy p{font-size:15px}.search-demo{padding:24px 20px}.search-demo>.entry-label{font-size:12px}#journal-search-form{gap:8px}#journal-search-form input{font-size:14px}#journal-search-form button{padding-inline:12px}.search-presets button{font-size:12px;padding-inline:10px}.search-result p{font-size:14px}.source-entry small,.source-open{font-size:12px}.source-entry b{font-size:16px}.connect-band{padding:32px 0}.connect-band h2{font-size:30px}.assistant-link span,.connect-actions>p{font-size:13px!important}.decision-grid{padding:40px 0;gap:36px}.decision-grid h2.sec{font-size:30px}.decision-grid .plan{padding:24px}.decision-grid .plan ul{font-size:14px;min-height:0}.decision-grid .price{font-size:34px}.decision-grid .price span{font-size:14px}.decision-grid .faq summary{font-size:15px}.decision-grid .faq p{font-size:14px}#login{padding:40px 0}#login .start-copy h2{font-size:36px}.start-copy>p:not(.eyebrow){font-size:15px}}
@media(max-width:360px){.wrap{padding-inline:18px}.hero h1{font-size:34px}.how.demo-how{margin-inline:-18px;padding-inline:18px}.journal-spread{padding-inline:18px}.journal-head h3{font-size:25px}.scene-content{padding:16px}.scene-content blockquote{font-size:25px}.search-demo{padding:20px 16px}.search-presets{gap:4px}.search-presets button{font-size:11px}}
#journal-search-form button{white-space:nowrap;min-width:56px;flex-shrink:0}.plan-cta{border-bottom:0}
.journal-proof>*{min-width:0}html:lang(zh) .proof-heading h2{word-break:normal;overflow-wrap:anywhere}