/* A separate reading order and touch layout for compact screens. */
@media (max-width:800px) {
  html { scroll-padding-top:92px; }
  .thought-hero { width:calc(100% - 40px); max-width:620px; margin-top:30px; display:flex; flex-direction:column; }
  .thought-topline { order:0; border:0; padding:0; margin-bottom:20px; }
  .thought-label { font-size:12px; color:#58645c; gap:8px; }
  .thought-mark { font-size:23px; }
  .thought-canvas, .thought-rail { display:contents; }
  .thought-lines,.thought-margin-note,.thought-canvas:before,.thought-canvas:after { display:none; }
  .thought-title,html[lang=en] .thought-title { position:static; transform:none; width:100%; max-width:none; text-align:start; pointer-events:auto; order:1; }
  .thought-overline { display:none; }
  .thought-title h1 { font-size:clamp(32px,8.5vw,45px); line-height:1.6; font-weight:500; }
  .thought-title h1>strong { font-size:1.25em; line-height:1.5; white-space:normal; max-width:100%; font-weight:750; }
  .thought-title h1 svg { width:100%; height:11px; bottom:2px; }
  .thought-title p { font-size:16px; line-height:1.9; margin:17px 0 0; color:#4e5b53; }
  .thought-title p br { display:block; }
  .thought-start { order:2; width:100%; align-items:stretch; margin-top:25px; gap:12px; }
  .thought-account { display:contents; }
  .thought-signin { order:-1; display:flex; gap:12px; align-items:center; justify-content:center; width:100%; min-height:54px; padding:13px 17px; color:#fff; background:#293b32; border:1px solid #293b32; border-radius:10px; font-size:16px; font-weight:650; text-decoration:none; text-align:center; }
  .thought-signin svg { width:22px; height:22px; flex-shrink:0; background:#fff; padding:3px; border-radius:50%; }
  .thought-signin:hover { background:#1b2c22; }
  .thought-cta { justify-content:center; min-height:49px; background:#fff; border:1px solid #d8ded9; border-radius:10px; color:#293b32; gap:14px; font-size:15px; padding:10px 16px; }
  .thought-cta svg { width:22px; height:22px; border:none; padding:2px; }
  .thought-cta:hover { color:#293b32; background:#f4f7f4; transform:none; }
  .thought-account>span { display:block; text-align:center; font-size:12px; color:#657068; line-height:1.8; }
  .thought-auth-note.auth-note { order:3; padding:0; font-size:12px; line-height:1.8; text-align:center; margin:9px 0 0; }
  .thought-nodes { order:4; display:grid; grid-template-columns:1fr 1fr; gap:0 18px; margin-top:29px; padding-top:12px; border-top:1px solid #dce3dd; }
  .thought-node,html[lang=en] .thought-node { position:relative; top:auto; left:auto; right:auto; width:100%; max-width:none; transform:none; min-height:83px; padding:13px 0; border-bottom:1px solid #e2e7e3; }
  .thought-node:hover { transform:none; }
  .thought-node-meta,html[lang=en] .thought-node-meta { font-size:11px; line-height:1.6; letter-spacing:0; gap:7px; }
  .thought-node-meta>span { font-size:11px; padding-inline-end:7px; }
  .thought-node-name { justify-content:space-between; font-size:17px; line-height:1.7; white-space:normal; margin-top:5px; gap:10px; }
  .thought-node-leaf { display:none; }
  .thought-dot { width:8px; height:8px; margin-inline-end:5px; }
  .thought-node.is-selected { border-bottom-color:#de7457; }
  .thought-caption { order:5; width:100%; margin-top:20px; gap:13px; min-height:118px; }
  .thought-caption-index { font-size:27px; line-height:1.5; min-width:32px; }
  .thought-caption a { font-size:15px; min-height:30px; }
  .thought-caption p { font-size:14px; line-height:1.9; min-height:0; margin-top:5px; }
  html[lang=en] .thought-label { font-size:10px; letter-spacing:.5px; }
  html[lang=en] .thought-title h1 { font-size:clamp(30px,8vw,43px); line-height:1.35; letter-spacing:-1.2px; }
  html[lang=en] .thought-title h1>strong { font-size:1.12em; letter-spacing:-1.5px; line-height:1.5; }
  html[lang=en] .thought-title p { font-size:16px; line-height:1.75; margin-top:18px; }
  html[lang=en] .thought-node-name { font-size:16px; letter-spacing:-.3px; }
  html[lang=en] .thought-account { font-size:12px; }
  .demo-section,.trust-section,.pricing-section,.faq-section,.features,.steps { padding-top:52px; }
  .section-intro { text-align:start; margin-bottom:24px; }
  .section-intro .eyebrow { justify-content:flex-start; }
  .section-intro h2,.closing-section h2 { font-size:26px; line-height:1.7; }
  html[lang=en] .section-intro h2 { font-size:28px; line-height:1.35; }
  html[lang] .section-intro p { font-size:16px; line-height:1.9; margin-top:14px; }
  .feature-stories { gap:36px; }
  .feature-story { gap:0; padding-bottom:32px; border-bottom:1px solid #e5e9e6; }
  .story-art { display:none; }
  .story-copy h3 { font-size:23px; line-height:1.7; }
  .story-copy .eyebrow { margin-bottom:10px; }
  .story-copy>p { margin-top:13px; }
  .story-copy ul { margin-top:16px; gap:9px; }
  .section-band { margin-top:24px; padding-block:44px; }
  .usecase-grid { gap:16px; }
  .usecase-card { padding:20px; }
  .trust-grid { gap:28px; }
  .ai-section { margin-top:48px; padding:25px; }
  .pricing-grid .plan-card { padding:25px; }
  .closing-section { margin-top:48px; padding:40px 0; }
  .site-footer { padding-top:36px; }
  html[lang] .mobile-row { font-size:20px; }
  html[lang] .mobile-cards .nav-link-title { font-size:15px; }
  .mobile-cards .nav-tile { flex-shrink:0; }
}
@media (max-width:360px) {
  .thought-hero { width:calc(100% - 32px); }
  .thought-title h1 { font-size:32px; }
  .thought-title h1>strong { font-size:1.2em; }
  html[lang=en] .thought-title h1 { font-size:29px; }
  html[lang=en] .thought-title h1>strong { font-size:1.04em; letter-spacing:-1px; }
  .thought-nodes { gap:0 14px; }
  .thought-node-name { font-size:16px; }
  html[lang=en] .thought-node-name { font-size:15px; }
  html[lang] .demo-tabs button { font-size:12px; }
}