@font-face{font-family:'Geist';src:url('fonts/Geist-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:'Geist Mono';src:url('fonts/GeistMono-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#ffffff;
  --line:#e9e9e6;
  --text:#161616;
  --dark:#171717;
  --green:#0f7a3d;
  --green-bg:#eaf8ef;
  --amber:#9a6000;
  --amber-bg:#fff6df;
}
body{
  font-family:'Geist',-apple-system,system-ui,sans-serif;
  background:var(--bg);
  color:var(--text);
  height:100dvh;
  display:flex;
  overflow:hidden;
  font-size:15px;
}
#rail{
  width:268px;flex-shrink:0;
  background:#fbfbfa;
  border-right:1px solid var(--line);
  padding:18px 12px;
  display:flex;flex-direction:column;
}
.logo{display:flex;align-items:center;gap:10px;padding:8px 10px 18px;}
.logo-mark{
  width:30px;height:30px;border-radius:9px;
  background:var(--dark);color:white;
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:13px;
}
.logo-title{font-weight:750;font-size:15px}
.logo-sub{font-size:11px;color:#aaa;margin-top:1px}
.rail-btn,.rail-item{
  width:100%;border:0;background:transparent;
  text-align:left;font-family:inherit;font-size:13px;
  color:#565656;padding:9px 10px;border-radius:10px;cursor:pointer;
}
.rail-btn:hover,.rail-item:hover,.rail-btn.active{background:#efefed;color:#111}
.rail-divider{height:1px;background:var(--line);margin:10px 4px}
.rail-label{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#aaa;font-weight:700;padding:8px 10px 5px;}
.rail-footer{margin-top:auto;padding:12px 10px 4px;color:#aaa;font-size:11px;line-height:1.6;}
.rail-footer strong{display:block;color:#555;font-size:12px;margin-bottom:4px;}
.rail-powered{display:block;margin-top:8px;color:#777;font-weight:800;}
#main{flex:1;min-width:0;display:flex;flex-direction:column;}
#msgs{flex:1;overflow-y:auto;padding:42px 0 22px;}
#msgs::-webkit-scrollbar{width:5px}
#msgs::-webkit-scrollbar-thumb{background:#eee;border-radius:10px}
.row{width:100%;padding:7px 0;}
.row-inner{max-width:980px;margin:0 auto;padding:0 32px;display:flex;}
.row.sam .row-inner{justify-content:flex-start}
.row.user .row-inner{justify-content:flex-end}
.msg-wrap{display:flex;flex-direction:column;gap:10px;max-width:760px;width:100%;}
/* Query container for RESULT cards only - never the shared bubble, whose user
   variant relies on width:auto to size to its content (inline-size containment
   there collapses "2018 audi tt" to one word per line). */
.row.sam.v2-result .msg-wrap{container-type:inline-size;}
.row.user .msg-wrap{max-width:620px;width:auto;align-items:flex-end;}
.sam-label{font-size:12px;color:#999;font-weight:700;}
.sam-text{font-size:15px;line-height:1.65;color:#1b1b1b;white-space:pre-wrap;}
.user-text{
  background:#f3f3f0;color:#161616;
  padding:10px 14px;border-radius:16px;border-bottom-right-radius:5px;
  line-height:1.5;font-size:15px;
}
.hero{min-height:calc(100dvh - 160px);display:flex;align-items:center;justify-content:center;padding:24px 28px;}
.hero-inner{width:100%;max-width:720px;text-align:center;}
.hero-logo{
  width:48px;height:48px;border-radius:14px;background:#171717;color:white;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 40px;font-weight:800;font-size:18px;
}
.hero-kicker{display:none;}
.hero h1{font-size:38px;letter-spacing:-.6px;margin-bottom:16px;}
.hero-sub{color:#444;font-size:17px;line-height:1.55;margin:0 auto 0;max-width:620px;}
.hero-tagline{color:#777;font-size:13px;margin:0 auto 22px;line-height:1.55;max-width:680px;}
.hero-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;}
.hero-promise{display:flex;justify-content:center;gap:18px;margin:22px auto 22px;color:#444;font-size:13px;line-height:1.45;flex-wrap:wrap;}
.hero-promise span{display:inline-flex;gap:6px;align-items:baseline;}
.hero-promise strong{color:#171717;}
.hero-start{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:32px;}
.hero-start button{border:1px solid #d9d9d4;background:white;color:#171717;border-radius:999px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:none;}
.hero-start button:hover{border-color:#171717;background:#fafafa;}
.hero-start-note{font-size:12px;color:#777;line-height:1.5;}
.hero-secondary{font-size:13px;color:#999;margin-top:10px;}
.hero-powered{font-size:12px;color:#777;margin-top:16px;font-weight:750;}
.chips{display:flex;flex-wrap:wrap;gap:8px;}
.chip{
  border:1px solid #dededb;background:white;border-radius:999px;
  padding:8px 14px;font-family:inherit;font-size:13px;color:#444;cursor:pointer;
}
.chip:hover{border-color:#171717;color:#171717;background:#fafafa;}
/* Chip dispatch by step-id: a chip from a completed step is inert + dimmed. */
.chip-spent{opacity:.4;pointer-events:none;cursor:default;filter:grayscale(.35);}
.chip-spent:hover{border-color:#dededb;color:#444;background:white;}
.searching{
  display:inline-flex;align-items:center;gap:9px;
  background:#f6f6f4;border:1px solid #ecece8;border-radius:999px;
  padding:9px 14px;color:#666;font-size:13px;margin:2px 0 4px;
}
.spinner{
  width:13px;height:13px;border-radius:50%;
  border:2px solid #d5d5d1;border-top-color:#171717;
  animation:spin .8s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}
.analysis-loader{
  display:flex;gap:16px;align-items:center;
  width:min(100%,620px);
  background:#f8f8f5;border:1px solid #e8e8e4;border-radius:18px;
  padding:18px 20px;margin:2px 0 4px;
}
.market-swirl{
  width:48px;height:48px;border-radius:50%;position:relative;flex-shrink:0;
  background:conic-gradient(from 0deg,#171717,#a3a39d,#f8f8f5,#171717);
  animation:spin 1.15s linear infinite;
}
.market-swirl:after{
  content:"";position:absolute;inset:7px;border-radius:50%;
  background:#f8f8f5;border:1px solid #ededeb;
}
.analysis-copy{display:flex;flex-direction:column;gap:5px;min-width:0;}
.analysis-title{font-size:15px;font-weight:800;color:#171717;line-height:1.35;}
.analysis-line{font-size:13px;color:#5f5f5a;line-height:1.5;}
.analysis-note{font-size:11px;color:#999;line-height:1.45;}
/* Staged analysis screen (Thesis v1) */
.analysis-stages{width:min(100%,560px);background:#f8f8f5;border:1px solid #e8e8e4;border-radius:18px;padding:18px 20px;margin:2px 0 4px;display:flex;flex-direction:column;gap:11px;}
.analysis-stages-title{font-size:14px;font-weight:800;color:#171717;line-height:1.35;margin-bottom:3px;}
.analysis-stage{display:flex;align-items:center;gap:11px;font-size:13.5px;line-height:1.4;color:#b6b6b0;transition:color .3s ease;}
.analysis-stage .stage-dot{width:16px;height:16px;border-radius:50%;flex:none;border:2px solid #d8d8d2;position:relative;transition:border-color .3s ease,background .3s ease;}
.analysis-stage.active{color:#171717;font-weight:600;}
.analysis-stage.active .stage-dot{border-color:#171717;border-top-color:transparent;animation:spin .8s linear infinite;}
.analysis-stage.done{color:#5f5f5a;}
.analysis-stage.done .stage-dot{border-color:#2F7A40;background:#2F7A40;animation:none;}
.analysis-stage.done .stage-dot:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-58%) rotate(45deg);}
/* Dark-mode overrides removed (Aug 2026). GoAskSam is a single-visual-world light
   palette (cream backgrounds, hardcoded light surfaces). The partial prefers-color-
   scheme:dark theme flipped text tokens (--pc-ink to near-white) and some component
   text to light WITHOUT switching the page background to dark, so on any device in
   dark mode the homepage headline and other page-level text rendered near-white on
   cream (invisible). color-scheme:light on :root + the light palette now render in
   all OS modes. See :root below. */
@media (prefers-reduced-motion:reduce){.analysis-stage.active .stage-dot{animation:none;}}
.typing{display:flex;align-items:center;gap:5px;height:26px;}
.dot{width:5px;height:5px;border-radius:50%;background:#bbb;animation:pulse 1.25s infinite;}
.dot:nth-child(2){animation-delay:.15s}
.dot:nth-child(3){animation-delay:.3s}
@keyframes pulse{0%,80%,100%{opacity:.3}40%{opacity:1}}
/* Vehicle-lookup loader (Bug 1): Sam line + inline dots while the resolver runs. */
.veh-lookup{display:flex;align-items:center;gap:8px;color:var(--pc-ink,#181712);font-size:15px;line-height:1.4;}
.veh-lookup-dots{height:auto;}
.veh-lookup-dots .dot{width:5px;height:5px;}
.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:2px;}
.card{
  border:1px solid #e5e5e2;background:white;border-radius:18px;
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform .15s,border-color .5s,box-shadow .15s;
}
.card:hover{transform:translateY(-2px);border-color:#c9c9c5;box-shadow:0 12px 30px rgba(0,0,0,.06);}
.card-img-wrap{height:225px;background:#efefeb;position:relative;overflow:hidden;cursor:pointer;}
.card-img{width:100%;height:100%;object-fit:cover;display:block;}
.card-source{position:absolute;top:11px;left:11px;background:rgba(18,18,18,.82);color:white;font-size:11px;font-weight:800;padding:5px 9px;border-radius:9px;}
.card-ends{position:absolute;top:11px;right:11px;font-size:10px;font-weight:800;padding:4px 8px;border-radius:9px;}
.card-ends.urgent{background:#dc2626;color:white;}
.card-ends.soon{background:#f59e0b;color:white;}
.card-ends.normal{background:rgba(18,18,18,.65);color:white;}
.card-body{padding:13px 14px 12px;display:flex;flex-direction:column;gap:8px;flex:1;}
.card-title{font-size:16px;font-weight:800;letter-spacing:-.2px;line-height:1.22;}
.card-meta{color:#777;font-size:12px;}
.card-intel{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:10px;border-top:1px solid #eeeeeb;font-size:12px;line-height:1.5;color:#444;}
.card-intel strong{color:#171717;font-weight:800;}
.card-flags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;}
.flag{font-size:11px;font-weight:750;border-radius:999px;padding:5px 8px;}
.flag-good{background:#f0f8f2;color:#166534;}
.flag-watch{background:#fff6df;color:#8a4b00;}
.flag-urgent{background:#fef2f2;color:#dc2626;}
.price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;}
.price-label{font-size:9px;color:#999;text-transform:uppercase;letter-spacing:.5px;font-weight:800;}
.price{font-size:22px;font-weight:850;letter-spacing:-.5px;}
.badge{font-size:10px;font-weight:800;border-radius:999px;padding:5px 8px;white-space:nowrap;}
.badge-active{background:#f0f0ee;color:#555}
.badge-none,.badge-sold{background:var(--green-bg);color:var(--green)}
.badge-rnm{background:var(--amber-bg);color:var(--amber)}
.card-update{margin:0 14px 11px;border-radius:10px;padding:8px 10px;display:flex;gap:8px;animation:fadeIn .5s ease;}
.card-update.concern{background:#fffaf0;border:1px solid #fae4a8;}
.card-update.resolved{background:#f0fdf4;border:1px solid #bbf7d0;}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.update-dot{width:6px;height:6px;border-radius:50%;margin-top:5px;flex-shrink:0;animation:blink 2s ease-in-out infinite;}
.concern .update-dot{background:#f59e0b;}
.resolved .update-dot{background:#22c55e;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.update-text{font-size:11px;line-height:1.4;}
.concern .update-text{color:#875000;}
.resolved .update-text{color:#166534;}
.update-time{font-weight:800;}
.card-actions{display:flex;gap:8px;padding:11px 14px 14px;border-top:1px solid #f2f2ef;}
.card-actions button{flex:1;padding:10px 9px;border-radius:10px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;}
.primary{background:#171717;color:white;border:1px solid #171717;}
.ghost{background:white;color:#171717;border:1px solid #ddd;}
.after-results{color:#555;font-size:14px;line-height:1.55;margin-top:2px;}
.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.28);display:flex;align-items:stretch;justify-content:flex-end;}
.modal{width:100%;max-width:520px;height:100%;overflow-y:auto;background:white;border-radius:24px 0 0 24px;padding:28px 30px 42px;position:relative;box-shadow:-20px 0 60px rgba(0,0,0,.12);}
.modal-close{position:absolute;top:18px;right:18px;border:0;background:#f1f1ef;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:18px;}
.modal-title{font-weight:850;font-size:19px;letter-spacing:-.4px;padding-right:45px;}
.modal-sub{margin-top:5px;color:#777;font-size:13px;}
.modal-pill{display:inline-flex;margin:10px 0 6px;}
.modal-timing{font-size:12px;color:#777;margin-bottom:14px;padding:8px 12px;background:#f9f9f7;border-radius:8px;border-left:3px solid #e0e0dc;}
.modal-timing.urgent{border-left-color:#dc2626;background:#fef9f9;color:#dc2626;}
.modal-timing.soon{border-left-color:#f59e0b;background:#fffdf5;color:#9a6000;}
.modal-block{background:#f8f8f5;border-left:3px solid #171717;border-radius:12px;padding:15px 16px;line-height:1.7;font-size:14px;margin-bottom:18px;}
.modal-label{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#999;font-weight:850;margin-bottom:7px;}
.modal-section{margin-bottom:16px;}
.modal-section-text{line-height:1.65;color:#444;font-size:14px;}
.modal-signal{border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45;margin-bottom:8px;}
.modal-signal.concern{background:#fffaf0;border:1px solid #fae4a8;color:#875000;}
.modal-signal.resolved{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;}
.modal-actions{display:flex;gap:10px;margin-top:22px;}
.modal-actions button{flex:1;padding:12px 10px;border-radius:12px;font-family:inherit;font-weight:850;cursor:pointer;}
.sell-rec-header{background:white;color:#171717;border:1px solid #e6e6e2;border-radius:18px;padding:20px 22px;margin-top:2px;}
.sell-rec-kicker{display:inline-flex;width:fit-content;font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:850;color:white;background:#171717;border-radius:999px;padding:5px 9px;margin-bottom:9px;}
.sell-rec-title{font-size:24px;font-weight:850;letter-spacing:-.5px;line-height:1.18;}
.sell-rec-subtitle{font-size:14px;color:#444;line-height:1.55;margin-top:9px;max-width:690px;}
.sell-rec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:4px;}
.sell-rec-card{border:1px solid #e5e5e2;background:white;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;transition:transform .15s,border-color .15s,box-shadow .15s;cursor:pointer;}
.sell-rec-card:hover{transform:translateY(-2px);border-color:#c9c9c5;box-shadow:0 8px 24px rgba(0,0,0,.06);}
.sell-rec-card.primary-rec{border-color:#171717;border-width:2px;grid-column:1/-1;background:white;}
.sell-rec-card.specialist-rec{border-style:dashed;background:#fffdf7;}
.sell-rec-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;}
.platform-logo{width:54px;height:54px;border-radius:14px;border:1px solid #e5e5e2;background:#f8f8f5;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;letter-spacing:-.3px;color:#171717;flex-shrink:0;}
.platform-logo.bringatrailer{background:#171717;color:white;border-color:#171717;}
.platform-logo.carsandbids{background:#eaf8ef;color:#0f7a3d;border-color:#c9ead4;}
.platform-logo.pcarmarket{background:#f2f2ef;color:#171717;}
.platform-logo.hemmings{background:#fff6df;color:#8a4b00;border-color:#f0d99b;}
.platform-logo.hagerty{background:#eef4ff;color:#174ea6;border-color:#c9d9ff;}
.platform-logo.carandclassic{background:#f4f1ea;color:#5a4630;border-color:#ddd2bc;}
.platform-logo.collectingcars{background:#111827;color:white;border-color:#111827;}
.platform-logo.specialist{background:#fef3c7;color:#92400e;border-color:#f6d98a;}
.sell-rec-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;border-radius:999px;padding:4px 9px;width:fit-content;}
.sell-rec-badge.top{background:#171717;color:white;}
.sell-rec-badge.alt{background:#f0f0ee;color:#555;}
.sell-rec-badge.specialist{background:#fef3c7;color:#92400e;}
.sell-rec-name{font-size:18px;font-weight:850;letter-spacing:-.2px;}
.sell-rec-type{font-size:11px;color:#999;font-weight:600;text-transform:uppercase;letter-spacing:.5px;}
.sell-rec-reason-label{font-size:10px;color:#999;font-weight:850;text-transform:uppercase;letter-spacing:.6px;margin-bottom:-4px;}
.sell-rec-reason{font-size:13px;line-height:1.55;color:#444;}
.sell-rec-stat{background:#f8f8f5;border-radius:10px;padding:10px 12px;font-size:12px;color:#166534;font-weight:700;}
.sell-rec-hero{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:12px 14px;}
.power-seller-footnote{font-size:11px;color:#a3a3a3;margin-top:10px;}
.sell-rec-hero-line{font-size:15px;font-weight:850;color:#14532d;letter-spacing:-.1px;}
.sell-rec-hero-money{font-size:13px;font-weight:750;color:#166534;margin-top:4px;}
.primary-rec .sell-rec-name{font-size:26px;letter-spacing:-.4px;}
.primary-rec .sell-rec-hero-line{font-size:17px;}
.primary-rec .sell-rec-stat{background:white;}
.sell-rec-best{font-size:11px;color:#777;font-weight:650;line-height:1.5;}
.sell-rec-bullets{margin:0;padding-left:17px;display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.45;color:#454542;}
.sell-rec-bullets li::marker{color:#166534;}
.sell-rec-evidence-line{font-size:11px;color:#777;font-weight:650;line-height:1.45;}
.sell-rec-evidence{border:1px solid #e6e6e2;background:#fbfbfa;border-radius:12px;padding:10px 12px;margin-top:12px;font-size:12px;color:#555;}
.sell-rec-evidence summary{cursor:pointer;font-weight:850;color:#171717;}
.sell-rec-evidence-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-top:10px;}
.sell-rec-evidence-item span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#999;font-weight:850;margin-bottom:2px;}
.sell-rec-evidence-item strong{font-size:12px;color:#333;}
.sell-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#999;font-weight:850;margin:16px 0 8px;}
.sell-section-note{font-size:13px;color:#555;line-height:1.55;margin:-2px 0 8px;}
.sell-rec-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.sell-rec-note{border:1px solid #e8e8e4;background:#fbfbfa;border-radius:12px;padding:12px 13px;font-size:12px;line-height:1.5;color:#555;}
.sell-rec-note strong{display:block;color:#171717;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;}
.strategy-session{border:1px solid #e6e6e2;background:#fbfbfa;border-radius:16px;padding:16px 18px;margin-top:4px;display:flex;flex-direction:column;gap:12px;}
.strategy-label{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#999;font-weight:850;}
.strategy-title{font-size:17px;font-weight:850;letter-spacing:-.2px;line-height:1.3;color:#171717;}
.strategy-text{font-size:13px;line-height:1.6;color:#444;}
.strategy-list{margin:0;padding-left:17px;display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.5;color:#454542;}
.strategy-list li::marker{color:#166534;}
.strategy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:2px;}
.strategy-card{border:1px solid #e8e8e4;background:white;border-radius:12px;padding:12px 13px;font-size:12px;line-height:1.5;color:#555;}
.strategy-card strong{display:block;color:#171717;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;}
.observed-sellers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:2px;}
.observed-seller{border:1px solid #eee7d8;background:white;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.45;}
.observed-seller-name{font-weight:850;color:#171717;font-size:15px;letter-spacing:-.2px;}
.observed-seller-meta{color:#8a6a22;font-size:10px;text-transform:uppercase;letter-spacing:.4px;font-weight:850;}
.observed-seller-why{font-size:11px;color:#444;font-weight:850;}
.observed-seller-tags{display:flex;flex-wrap:wrap;gap:5px;}
.observed-seller-tag{border:1px solid #eee7d8;background:#fffdf7;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;color:#6f4b05;}
.observed-seller ul{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px;color:#454542;}
.observed-seller li::marker{color:#166534;}
.power-seller-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.power-seller-card{background:#fffdf7;border-color:#eadfca;}
.power-seller-feature{border:2px solid #171717;background:#fffdf7;border-radius:16px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:4px;}
.power-seller-feature-main{display:flex;flex-direction:column;gap:9px;}
.power-seller-feature .observed-seller-name{font-size:20px;}
.power-seller-feature .sell-rec-reason{font-size:14px;max-width:700px;}
.power-seller-feature>.sell-rec-actions{align-self:end;min-width:150px;}
.power-seller-feature>.sell-rec-actions button{flex:0 0 auto;width:100%;background:white;color:#171717;border:1px solid #d8d2c6;}
.power-seller-profile-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:520px;}
.power-seller-profile-block{border:1px solid #efe8d8;background:white;border-radius:12px;padding:10px 11px;}
.power-seller-profile-label{font-size:9px;text-transform:uppercase;letter-spacing:.55px;color:#9a8b72;font-weight:850;margin-bottom:6px;}
.power-seller-chip-row{display:flex;flex-wrap:wrap;gap:6px;}
.power-seller-chip{border:1px solid #e7dcc6;background:#fffdf7;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850;color:#6f4b05;}
.power-seller-chip.platform{background:#f8f8f5;color:#171717;border-color:#e1e1dc;}
.power-seller-chip.process{background:white;color:#333;border-color:#e6e0d4;}
.power-seller-platform-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:2px 0 4px;}
.power-seller-platform-row .power-seller-profile-label{margin:0 4px 0 0;}
.power-seller-platform-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #e6e0d4;background:white;border-radius:999px;padding:4px 8px 4px 4px;font-size:10px;font-weight:850;color:#333;}
.power-seller-platform-chip .platform-logo{width:32px;height:32px;border-radius:9px;font-size:9px;letter-spacing:-.2px;}
.power-seller-reassurance{border:1px solid #efe8d8;background:white;border-radius:12px;padding:10px 11px;font-size:12px;line-height:1.5;color:#555;max-width:720px;}
.power-seller-proof-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:720px;}
.power-seller-proof{border:1px solid #efe8d8;background:white;border-radius:12px;padding:10px 11px;font-size:12px;line-height:1.4;color:#444;font-weight:700;}
.power-seller-proof span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.55px;color:#9a8b72;font-weight:850;margin-bottom:4px;}
.power-seller-trust-row{display:flex;flex-wrap:wrap;gap:6px;max-width:720px;}
.power-seller-trust-pill{border:1px solid #e6e0d4;background:white;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850;color:#6f4b05;}
.power-seller-alt-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;}
.power-seller-mini{border:1px solid #eee7d8;background:#fffdf7;border-radius:13px;padding:12px;display:flex;flex-direction:column;gap:6px;}
.power-seller-mini .observed-seller-name{font-size:15px;}
.power-seller-mini .sell-rec-actions button{padding:8px 9px;}
.platform-compact-list{display:flex;flex-direction:column;gap:8px;margin-top:10px;}
.platform-compact{border:1px solid #e5e5e2;background:#fbfbfa;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:border-color .15s,background .15s;}
.platform-compact:hover{border-color:#c9c9c5;background:white;}
.platform-compact-title{font-weight:850;color:#171717;font-size:13px;}
.platform-compact-copy{font-size:12px;color:#555;line-height:1.4;margin-top:2px;}
.platform-compact-action{font-size:11px;font-weight:850;color:#171717;white-space:nowrap;}
.self-managed-details{border:1px solid #e5e5e2;background:#fbfbfa;border-radius:13px;margin-top:4px;max-width:560px;}
.self-managed-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;}
.self-managed-details summary::-webkit-details-marker{display:none;}
.self-managed-summary-main{display:flex;flex-direction:column;gap:3px;}
.self-managed-title{font-size:14px;font-weight:850;color:#171717;}
.self-managed-copy{font-size:12px;color:#555;line-height:1.45;}
.self-managed-right{display:flex;align-items:center;gap:9px;flex-shrink:0;}
.self-managed-right .platform-logo{width:38px;height:38px;border-radius:11px;font-size:10px;}
.self-managed-action{font-size:11px;font-weight:850;color:#171717;white-space:nowrap;}
.self-managed-expanded{border-top:1px solid #e5e5e2;padding:12px;}
.self-managed-expanded .sell-rec-card{border:0;background:transparent;padding:0;box-shadow:none;}
.self-managed-expanded .sell-rec-card:hover{transform:none;border-color:transparent;box-shadow:none;}
.power-seller-platforms{font-size:11px;color:#6d6048;line-height:1.45;font-weight:650;}
.sell-rec-actions{display:flex;gap:8px;margin-top:4px;}
.sell-rec-actions button{flex:1;padding:10px 9px;border-radius:10px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;}
.upload-area{border:2px dashed #dededb;border-radius:14px;padding:24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;margin-top:4px;}
.upload-area:hover{border-color:#aaa;background:#fafafa;}
.upload-area input{display:none;}
.upload-icon{font-size:24px;margin-bottom:8px;}
.upload-label{font-size:13px;color:#777;line-height:1.5;}
.upload-label strong{color:#171717;display:block;margin-bottom:3px;}
.upload-preview{display:flex;align-items:center;gap:10px;background:#f8f8f5;border-radius:10px;padding:10px 14px;font-size:13px;color:#333;margin-top:8px;}
.upload-preview img{width:48px;height:36px;object-fit:cover;border-radius:6px;}
.ref-card{background:#f8f8f5;border:1px solid #e5e5e2;border-radius:16px;padding:20px;margin-top:4px;}
.ref-number{font-size:22px;font-weight:850;letter-spacing:-.5px;color:#171717;margin:8px 0 4px;}
.ref-label{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#999;font-weight:800;}
.ref-detail{font-size:13px;color:#555;line-height:1.5;margin-top:8px;}
.summary-card{background:#f8f8f5;border:1px solid #e5e5e2;border-radius:16px;padding:18px;margin-top:4px;display:flex;flex-direction:column;gap:8px;}
.summary-row{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;border-bottom:1px solid #eeeeeb;padding-bottom:7px;}
.summary-row:last-child{border-bottom:0;padding-bottom:0;}
.summary-label{color:#999;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;margin-right:12px;}
.summary-value{color:#171717;font-weight:600;text-align:right;}
.contact-form{display:flex;flex-direction:column;gap:10px;margin-top:4px;}
.contact-input{border:1px solid #dededb;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:14px;outline:0;transition:border-color .15s;width:100%;}
.contact-input:focus{border-color:#aaa;}
.contact-label{font-size:11px;color:#999;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;}
.contact-group{display:flex;flex-direction:column;gap:4px;}
#input-area{max-width:980px;width:100%;margin:0 auto;padding:10px 32px 24px;}
#input-box{border:1px solid #d9d9d5;border-radius:18px;background:white;box-shadow:0 8px 28px rgba(0,0,0,.07);display:flex;gap:10px;align-items:flex-end;padding:13px 14px 13px 18px;}
#input-box:focus-within{border-color:#aaa;box-shadow:0 10px 36px rgba(0,0,0,.09);}
#inp{flex:1;border:0;outline:0;resize:none;font-family:inherit;font-size:15px;line-height:1.5;max-height:160px;background:transparent;}
#inp::placeholder{color:#aaa}
#btn{width:36px;height:36px;border:0;border-radius:11px;background:#171717;color:white;font-size:16px;cursor:pointer;}
#btn:disabled{background:#ddd}
#hint{text-align:center;color:#aaa;font-size:12px;margin-top:9px;}
#hint:empty{display:none;}
@media(max-width:900px){
  #rail{display:none}
  .row-inner{padding:0 18px}
  .cards-grid{grid-template-columns:1fr}
  .sell-rec-grid{grid-template-columns:1fr}
  .observed-sellers{grid-template-columns:1fr}
  .power-seller-feature{grid-template-columns:1fr}
  .power-seller-profile-grid{grid-template-columns:1fr}
  .power-seller-alt-row{grid-template-columns:1fr}
  .sell-rec-notes{grid-template-columns:1fr}
  .sell-rec-evidence-list{grid-template-columns:1fr}
  .hero-promise{flex-direction:column;align-items:center;gap:8px}
  .card-img-wrap{height:235px}
  #input-area{padding:10px 18px 18px}
  .hero h1{font-size:26px}
}
.wizard-car-context{font-size:12px;color:#8a8a93;margin-bottom:4px;display:flex;align-items:center;gap:6px;}
.edit-car-link{background:none;border:1px solid #d8d8de;border-radius:10px;font-size:11px;padding:1px 8px;cursor:pointer;color:#6b6b74;}
.edit-car-link:hover{color:#111;border-color:#aaa;}

/* ================= Design Phase 1 — Paddock tokens ================= */
:root{
  --ink:#16140F; --paper:#FFFFFF; --paper-shade:#F6F5F2; --line:#E3E1DB; --slate:#6B6861;
  --signal-green:#0B5C3E; --signal-green-tint:#EAF3EE;
  --consignor-amber:#8A5A00; --consignor-tint:#FBF4E4;
  --font-voice:'Geist',-apple-system,system-ui,sans-serif;
  --font-ui:'Geist',-apple-system,system-ui,sans-serif;
  --font-sans:'Geist',-apple-system,system-ui,sans-serif;
  --font-data:'Geist Mono','SF Mono',ui-monospace,monospace;
  --text-xs:12px; --text-sm:14px; --text-base:16px; --text-lg:20px; --text-xl:28px; --text-2xl:40px; --text-3xl:56px;
  --radius-card:4px; --radius-chip:2px; --radius-plate:0;
  --border-default:1px solid var(--line);
  --border-primary:2px solid var(--ink);
  --shadow-focus:0 4px 16px rgba(22,20,15,0.08);
  --ease:cubic-bezier(0.2,0,0,1);
  --dur-fast:150ms; --dur-base:250ms;
}
body{font-family:var(--font-ui);color:var(--ink);}
.num{font-family:var(--font-data);}
.label-mono{font-family:var(--font-data);text-transform:uppercase;font-size:11px;letter-spacing:0.08em;color:var(--slate);font-weight:500;}
.voice{font-family:var(--font-voice);}

/* Platform tiles: the only place platform brand colors may appear (R4). */
.platform-tile{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:#fff;font-family:var(--font-ui);font-weight:600;flex-shrink:0;}
.platform-tile.t40{width:40px;height:40px;font-size:13px;}
.platform-tile.t24{width:24px;height:24px;font-size:9px;}

/* Layout rail: every result card full-width on the same left edge. */
.sell-rec-grid{display:flex;flex-direction:column;grid-template-columns:none;gap:14px;max-width:680px;}
.sell-rec-card{width:100%;max-width:680px;border:var(--border-default);border-radius:var(--radius-card);background:var(--paper);}
.sell-rec-card.primary-rec{border:var(--border-primary);}
.power-seller-feature,.platform-compact-list{max-width:680px;}

/* C1: clearer separation between the pick and the alternative. More whitespace
   between cards; the pick stays white with the bold border and a gentle lift; the
   alternative sits recessed on the paper-shade tint. Calm hairline/whitespace
   language; the PowerSeller block keeps its own treatment (unaffected here). */
.sell-rec-grid{gap:22px;}
.sell-rec-card.primary-rec{box-shadow:0 2px 10px rgba(0,0,0,.05);}
.sell-rec-card:not(.primary-rec):not(.specialist-rec){background:var(--paper-shade);}

/* Verdict plate (primary card only, once per result). */
.verdict-plate{border-bottom:var(--border-primary);margin:-18px -18px 12px;padding:20px 24px;background:var(--paper);border-radius:0;}
.verdict-plate .vp-row1{display:flex;justify-content:space-between;align-items:baseline;}
.verdict-plate .vp-name{font-family:var(--font-ui);font-weight:600;font-size:var(--text-xl);color:var(--ink);margin:6px 0 10px;}
.verdict-plate .vp-hairline{border-top:1px solid var(--line);margin:0 0 10px;}
.verdict-plate .vp-vehicle-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
/* Track-record chrome: a consignor's career record, deliberately NOT the market
   Data plate. Tinted ground + left accent rule so it never reads as a market
   window claim. */
.verdict-plate.track-record{background:var(--wash,rgba(120,110,90,0.06));border-left:3px solid var(--accent,#8a7a55);}
.verdict-plate.track-record .vp-row1 .label-mono{color:var(--accent,#8a7a55);letter-spacing:0.06em;}
/* Quiet PowerSeller block (diy): present but visibly secondary, never re-pitched. */
.ps-quiet{opacity:0.82;}

/* Sam's line on cards: the only voice moment inside a card (R3). */
.sell-rec-samline{font-family:var(--font-voice);font-size:var(--text-lg);color:var(--ink);line-height:1.35;}
/* Old-data transparency line: why the analysis reached back. */
.sell-rec-lookback{color:var(--slate);font-size:var(--text-sm);margin-top:6px;}
/* Comparative momentum: a distinct callout, never a bullet. */
.sell-rec-momentum{color:var(--ink);font-size:var(--text-sm);font-weight:500;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);}
.sell-rec-momentum .num{font-family:var(--font-data);}

/* Evidence band: green is earned. */
.evidence-band{border-radius:var(--radius-card);padding:12px 14px;font-size:var(--text-sm);}
.evidence-band.validated{background:var(--signal-green-tint);color:var(--signal-green);}
.evidence-band.honest{background:var(--paper-shade);color:var(--ink);}
.evidence-band .num{font-weight:500;}
/* Earned green lives on the validated share-claim bullet (the standalone
   band is gone from platform cards): green text on that line only. */
.sell-rec-bullets li.validated-claim{color:var(--signal-green);}
.sell-rec-bullets li.validated-claim .num{font-weight:500;}

/* CTAs */
.sell-rec-actions button.primary{background:var(--ink);color:#fff;border:none;border-radius:var(--radius-card);width:100%;padding:12px;font-family:var(--font-ui);font-weight:600;}
.sell-rec-actions button.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:var(--radius-card);width:100%;padding:12px;font-family:var(--font-ui);font-weight:600;}
.sell-rec-footer{border-top:1px solid var(--line);margin-top:10px;padding-top:8px;}

/* PowerSeller dossier */
.power-seller-feature{background:var(--consignor-tint);border:1px solid var(--consignor-amber);border-radius:var(--radius-card);}
.power-seller-feature .sell-rec-badge.specialist{font-family:var(--font-data);text-transform:uppercase;font-size:11px;letter-spacing:0.08em;color:var(--consignor-amber);background:transparent;border:none;padding:0;}
.dossier-education{color:var(--slate);font-size:var(--text-sm);margin:2px 0 10px;}
/* Hierarchy (locked): the why-line is the card's hero, then 32px rhythm
   between the grid, the handles bullets and the clients chips. */
/* Full-width banner matching the verdict plate: same full-bleed span, same
   paper band, same border treatment. Spans ALL grid columns of the card. */
.power-seller-feature>.verdict-plate{grid-column:1/-1;margin:-18px -18px 0;}
.power-seller-feature>.ps-consignor-row{grid-column:1/-1;}
.ps-consignor-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 -18px 0;padding:14px 24px;background:var(--paper);border-bottom:var(--border-primary);}
.power-seller-feature>.ps-consignor-row:first-child{margin-top:-18px;}
/* PowerSeller education below the card, not in it. */
.ps-education-below{color:var(--slate);font-size:var(--text-sm);margin:8px 2px 0;max-width:680px;}
.ps-learn-link{background:none;border:none;padding:0;font-family:var(--font-ui);font-size:13px;color:var(--slate);text-decoration:underline;cursor:pointer;}
.dossier-why{font-family:var(--font-voice);font-size:20px;line-height:1.35;color:var(--ink);padding:24px 0;margin:0 0 8px;}
.dossier-why .num{font-family:var(--font-data);font-size:18px;}
.dossier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);margin:0 0 32px;}
.dossier-cell{padding:16px;border:0.5px solid var(--line);display:flex;flex-direction:column;gap:2px;background:var(--paper);}
.dossier-cell .dc-value{font-family:var(--font-data);font-size:var(--text-lg);color:var(--ink);}
.dossier-cell.full{grid-column:1/-1;}
.dossier-cell.full .dc-value{font-size:var(--text-sm);}
@media(max-width:560px){.dossier-grid{grid-template-columns:1fr;}}
.power-seller-feature .sell-rec-bullets{margin:0 0 32px;}
.power-seller-feature .power-seller-profile-grid{margin:0 0 32px;}
.power-seller-client-chip,.power-seller-chip-row .chip{border-radius:var(--radius-chip);border:1px solid var(--line);font-family:var(--font-ui);font-size:13px;}
.power-seller-feature .sell-rec-actions button{background:transparent;border:1px solid var(--consignor-amber);color:var(--consignor-amber);}

/* House spec table (wizard confirm, reused later) */
.spec-table{width:100%;max-width:680px;border-collapse:collapse;}
.spec-table td{padding:8px 10px;border-bottom:1px solid var(--line);font-family:var(--font-ui);font-weight:500;}
.spec-table tr:nth-child(even) td{background:var(--paper-shade);}
.spec-table td.spec-key{font-family:var(--font-data);text-transform:uppercase;font-size:11px;letter-spacing:0.08em;color:var(--slate);font-weight:500;}

/* ================= Homepage (Stage A) — visual refinement ================= */
body{background:var(--paper-shade);}
#rail{background:var(--paper);width:292px;padding:26px 20px;border-right:1px solid var(--line);}

/* Sidebar: quieter, more air, no filled button */
.hp-logo{display:flex;flex-direction:column;gap:2px;padding:4px 12px 22px;text-decoration:none;color:inherit;border-radius:9px;transition:opacity .12s ease;}
a.hp-logo:hover{opacity:.72;}
.hp-logo .hp-logo-name{font-family:var(--font-sans);font-weight:500;font-size:18px;color:var(--ink);letter-spacing:-.2px;}
.hp-logo .hp-logo-tag{font-family:var(--font-sans);font-size:11.5px;color:var(--slate);line-height:1.5;margin-top:3px;}
/* Value trio under the tagline: muted, stacked, subordinate to the nav below. */
.hp-value-trio{display:flex;flex-direction:column;gap:2px;padding:0 12px 18px;}
.hp-value-trio span{font-family:var(--font-sans);font-size:11.5px;color:var(--slate);line-height:1.6;opacity:.85;}
.hp-newrec{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;color:var(--ink);
  font-family:var(--font-sans);font-weight:400;font-size:14px;padding:9px 12px;border-radius:9px;cursor:pointer;margin-bottom:2px;}
.hp-newrec:hover{background:var(--paper-shade);}
.hp-section{font-family:var(--font-sans);text-transform:none;font-size:11.5px;letter-spacing:0;color:var(--slate);font-weight:500;padding:24px 12px 8px;}
/* C2: hairline between the Sell group and the Learn group. */
.hp-rail-divider{height:1px;background:var(--line);margin:14px 12px 0;}
/* Quiet section label above the Learn group. Same register as .hp-value-trio span
   (the Platform fit / PowerSeller match / Selling strategy labels): 11.5px slate,
   .85 opacity. The top padding provides the group separation (no divider). */
.hp-rail-label{font-family:var(--font-sans);font-size:11.5px;color:var(--slate);opacity:.85;line-height:1.6;padding:22px 12px 6px;}
.hp-navitem{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;text-align:left;
  font-family:var(--font-sans);font-size:14px;font-weight:400;color:var(--ink);padding:9px 12px;border-radius:9px;cursor:pointer;line-height:1.5;}
.hp-navitem{transition:background .12s ease;}
.hp-navitem:hover{background:var(--paper-shade);}
/* The current section keeps a persistent version of the hover tint. */
.hp-navitem.active{background:var(--paper-shade);color:var(--ink);font-weight:500;}
.hp-navitem.stub{color:var(--slate);cursor:default;}
.hp-navitem.stub:hover{background:transparent;}
.hp-rail-scroll{flex:1;overflow-y:auto;min-height:0;}
.hp-rail-footer{border-top:1px solid var(--line);padding-top:12px;margin-top:12px;}
.hp-rail-footer a{color:var(--slate);text-decoration:none;}
/* Feedback mailto fallback: hidden until "Send feedback" is clicked (that click adds
   .shown), so the rail stays clean until interacted with. mailto silently fails on desktop
   Chrome/Safari with no mail client, so the reveal surfaces the address as visible,
   copy-on-click text. DESKTOP ONLY: on mobile mailto works (and opens the mail app), so it
   stays hidden even after the click via the min-width:901px gate. */
.hp-feedback-fallback{display:none;font-size:11.5px;line-height:1.45;color:var(--slate);padding:4px 10px 2px;}
.hp-copy-email{color:var(--green);text-decoration:none;cursor:pointer;word-break:break-all;}
.hp-copy-email:hover{text-decoration:underline;}
@media (min-width:901px){ .hp-feedback-fallback.shown{display:block;} }

/* TODAY'S MARKET: no boxes; label + value with a hairline divider */
#market-cards-desktop{display:flex;flex-direction:column;gap:0;padding:4px 12px 6px;}
.pulse-card{border:0;border-radius:0;background:transparent;padding:13px 0;cursor:pointer;border-top:1px solid var(--line);}
.pulse-card:first-child{border-top:0;}
.pulse-card:hover{box-shadow:none;}
.pulse-card:hover .pc-line{color:#000;}
.pulse-card .pc-title{font-family:var(--font-sans);text-transform:none;font-size:11.5px;letter-spacing:0;color:var(--slate);font-weight:400;margin-bottom:5px;}
.pulse-card .pc-line{font-family:var(--font-sans);font-size:14px;color:var(--ink);line-height:1.5;font-weight:400;}
.pulse-card .pc-line .num,.pulse-card .up,.pulse-card .down,.pulse-card .flat{font-family:var(--font-data);}
.pulse-card .up{color:var(--signal-green);}
.pulse-card .down{color:var(--consignor-amber);}
.pulse-card .flat{color:var(--slate);}
.pulse-card.quiet .pc-line{color:var(--slate);font-family:var(--font-sans);font-style:normal;}

/* Top-right sign-in (STAGE B stub): plain, borderless */
#hp-topbar{position:absolute;top:0;right:0;left:0;height:0;pointer-events:none;z-index:60;}
/* Gear + Sign in as ONE flex row anchored to the header's top-right corner, with an
   explicit gap. Flex means they can never overlap, regardless of the sign-in width
   (signed-out button vs signed-in email + Sign out). */
.hp-actions{position:absolute;top:16px;right:26px;pointer-events:auto;display:flex;align-items:center;gap:12px;}
#signin-area{display:flex;align-items:center;gap:10px;}
#hp-gear{flex:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--paper);border-radius:11px;color:var(--slate);cursor:pointer;transition:background .15s ease,color .15s ease;}
#hp-gear:hover{background:var(--paper-shade);color:var(--ink);}
#hp-gear:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
.hp-signin{font-family:var(--font-sans);font-size:13px;color:var(--slate);border:0;background:transparent;padding:6px 4px;cursor:pointer;}
.hp-signin[disabled]{opacity:.9;cursor:default;}
/* Phase 3 / 2A: signed-in state + BETA marker + the sign-in card. */
.hp-account-email{font-family:var(--font-sans);font-size:12.5px;color:var(--slate);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hp-signout{font-family:var(--font-sans);font-size:12.5px;color:var(--slate);border:1px solid var(--line);background:transparent;padding:5px 10px;border-radius:8px;cursor:pointer;}
.hp-signout:hover{background:var(--paper-shade);}
.beta-badge{display:inline-block;font-family:var(--font-sans);font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent,#8a7a55);border:1px solid var(--accent,#8a7a55);border-radius:5px;padding:1px 5px;vertical-align:middle;margin-left:6px;opacity:.85;}
.auth-dialog{text-align:left;max-width:380px;}
.auth-dialog h3{text-align:left;}
.auth-dialog p{text-align:left;margin-bottom:16px;}
.auth-google{width:100%;font-family:var(--font-sans);font-weight:500;font-size:14px;padding:11px 16px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;}
.auth-google:hover{background:var(--paper-shade);}
.auth-or{display:flex;align-items:center;gap:10px;color:var(--slate);font-size:12px;margin:14px 0;}
.auth-or::before,.auth-or::after{content:"";flex:1;border-top:1px solid var(--line);}
.auth-label{display:block;font-family:var(--font-sans);font-size:12.5px;color:var(--slate);margin-bottom:6px;}
.auth-input{width:100%;font-family:var(--font-sans);font-size:14px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);box-sizing:border-box;}
.auth-input:focus{outline:none;border-color:var(--accent,#8a7a55);}
.auth-email-btn{width:100%;font-family:var(--font-sans);font-weight:500;font-size:14px;padding:11px 16px;border-radius:10px;border:0;background:var(--ink);color:#fff;cursor:pointer;margin-top:10px;}
.auth-consent-row{display:flex;align-items:flex-start;gap:8px;font-family:var(--font-sans);font-size:12.5px;color:var(--slate);margin-top:14px;line-height:1.4;cursor:pointer;}
.auth-consent-row input{margin-top:2px;}
.auth-error{font-family:var(--font-sans);font-size:12.5px;color:#b4462f;margin-top:10px;}
.auth-fineprint{font-family:var(--font-sans);font-size:11.5px;color:var(--slate);line-height:1.5;margin-top:14px;opacity:.9;}
/* Phase 3 / 2E: the hunt page (Buy a car). */
.hunt-textarea{width:100%;font-family:var(--font-sans);font-size:15px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);box-sizing:border-box;resize:vertical;line-height:1.5;margin-top:6px;}
.hunt-textarea:focus{outline:none;border-color:var(--accent,#8a7a55);}
.hp-article .primary.hunt-submit,.hp-article .primary.hunt-signin{display:inline-block;font-family:var(--font-sans);font-weight:500;font-size:14px;padding:11px 20px;border-radius:10px;border:0;background:var(--ink);color:#fff;cursor:pointer;margin-top:14px;}
.hunt-confirm{margin-top:14px;font-family:var(--font-sans);font-size:13.5px;color:var(--slate);}
/* Phase 3 / 2C: account-gate inline links inside Sam cards. */
.gate-inline-link{background:none;border:0;padding:0;font:inherit;color:var(--accent,#8a7a55);text-decoration:underline;cursor:pointer;}
.gate-inline-link:hover{opacity:.8;}
.gate-firstfree{color:var(--slate);font-size:13.5px;margin-top:8px;}
.gate-sub{color:var(--slate);font-size:13px;margin-top:6px;}
/* Hamburger (mobile only) */
#hp-hamburger{display:none;position:absolute;top:16px;left:16px;z-index:20;width:38px;height:38px;border:1px solid var(--line);
  background:var(--paper);border-radius:10px;cursor:pointer;font-size:16px;color:var(--slate);}
#rail-scrim{display:none;}

/* Home layout: ONE centred stack in the upper-middle, space falling below */
body.home #main{justify-content:flex-start;align-items:center;padding-top:clamp(44px,11vh,128px);background:#F4F1EA;}
body.home #msgs{flex:0 0 auto;overflow:visible;padding:0;width:100%;}
body.home #input-area{flex:0 0 auto;}
.hp-hero{max-width:660px;margin:0 auto 32px;text-align:center;padding:0 24px;}
.hp-script{font-family:var(--pc-script-f);font-size:27px;color:var(--pc-script);line-height:1;margin-bottom:14px;}
.hp-hero h1{font-family:var(--pc-serif);font-weight:600;font-size:clamp(30px,3.4vw,44px);line-height:1.18;letter-spacing:-.01em;color:var(--pc-ink);margin-bottom:0;text-wrap:balance;}
.hp-supporting{font-family:var(--font-sans);font-weight:400;font-size:17px;line-height:1.6;color:rgba(22,20,15,.72);max-width:392px;margin:0 auto 26px;}
.hp-input-label{font-family:var(--font-sans);text-transform:none;letter-spacing:0;font-size:18px;font-weight:400;color:var(--ink);line-height:1.5;margin-bottom:11px;text-align:center;}

/* The search field: a premium object. Light border, whisper shadow, ghost submit. */
body.home #input-area{max-width:640px;margin:0 auto;width:100%;padding:0 24px;}
body.home #input-box{position:relative;display:flex;align-items:center;border:1px solid var(--line);border-radius:34px;
  background:var(--paper);padding:0 12px 0 58px;min-height:84px;box-shadow:0 1px 4px rgba(22,20,15,.05);transition:box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease);}
body.home #inp{font-size:18px;}
body.home #input-box:focus-within{border-color:#d8d6cf;box-shadow:0 3px 14px rgba(22,20,15,.07);}
body.home #input-box::before{content:"";position:absolute;left:22px;top:50%;width:18px;height:18px;transform:translateY(-50%);
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6861' stroke-width='1.6'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E");}
body.home #inp{flex:1;border:0;outline:0;resize:none;background:transparent;font-family:var(--font-sans);font-weight:400;font-size:19px;line-height:1.4;color:var(--ink);padding:6px 0;}
body.home #inp::placeholder{color:rgba(22,20,15,.4);font-weight:300;transition:opacity var(--dur-base) var(--ease);}
body.home #inp.ph-fade::placeholder{opacity:0;}
/* Green send button applies at ALL widths (was previously only inside the
   min-width:901px media query, leaving mobile with a faded grey arrow). */
body.home #btn{background:#0F5A38;color:#fff;opacity:1;width:44px;height:44px;border-radius:13px;border:0;flex:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:400;box-shadow:0 1px 2px rgba(15,90,56,.28);transition:background .15s ease,transform .12s ease;}
body.home #btn:hover{background:#0C4B2E;opacity:1;}
body.home #btn:active{transform:translateY(1px);}
.hp-value-preview{font-family:var(--font-sans);font-size:13.5px;color:var(--slate);text-align:center;margin:16px auto 0;letter-spacing:.02em;}
.hp-reassurance{font-family:var(--font-sans);font-size:13px;line-height:1.6;color:rgba(22,20,15,.66);text-align:center;max-width:480px;margin:10px auto 0;}

/* Mobile market cards (under the input) */
#market-cards-mobile{display:none;flex-direction:column;gap:0;max-width:600px;margin:26px auto 0;padding:0 24px;}
#market-cards-mobile .pulse-card{padding:13px 0;}

/* Guest card dialog + Learn pages: soft, no black outlines */
.hp-dialog-scrim{position:fixed;inset:0;background:rgba(22,20,15,.22);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px;}
.hp-dialog{background:var(--paper);border:1px solid var(--line);border-radius:16px;max-width:360px;width:100%;padding:24px;text-align:center;box-shadow:0 8px 30px rgba(22,20,15,.10);}
.hp-dialog h3{font-family:var(--font-sans);font-weight:500;font-size:19px;color:var(--ink);margin-bottom:9px;}
.hp-dialog p{font-family:var(--font-sans);font-size:14px;color:var(--slate);line-height:1.6;margin-bottom:18px;}
.hp-dialog .hp-dialog-actions{display:flex;gap:10px;justify-content:center;}
.hp-dialog button{font-family:var(--font-sans);font-weight:500;font-size:13px;padding:9px 16px;border-radius:10px;cursor:pointer;}
.hp-dialog .primary{background:var(--ink);color:#fff;border:0;}
.hp-dialog .primary[disabled]{background:var(--slate);cursor:default;opacity:.7;}
.hp-dialog .ghost{background:transparent;color:var(--ink);border:1px solid var(--line);}
.hp-article{max-width:660px;margin:0 auto;padding:12px 32px 48px;}
.hp-article h1{font-family:var(--font-sans);font-weight:400;font-size:28px;line-height:1.2;color:var(--ink);margin-bottom:8px;}
.hp-article h2{font-family:var(--font-sans);font-weight:500;font-size:16px;color:var(--ink);margin:26px 0 7px;}
.hp-article p{font-family:var(--font-sans);font-size:15px;line-height:1.75;color:var(--ink);margin-bottom:13px;}
.hp-article .hp-back{font-family:var(--font-sans);font-size:13px;color:var(--slate);background:none;border:none;cursor:pointer;padding:0;margin-bottom:18px;}

/* "How Sam decides" page: editorial, on the cream canvas, thin rules; cards only
   for the three-card row. */
.hp-decides{max-width:900px;margin:0 auto;padding:14px 32px 72px;}
.hp-decides .hp-back{font-family:var(--font-sans);font-size:13px;color:var(--slate);background:none;border:none;cursor:pointer;padding:0;margin-bottom:20px;}
.hd-hero{padding:6px 0 30px;}
.hd-hero .hp-script{font-size:24px;margin-bottom:10px;}
.hd-h1{font-family:var(--pc-serif);font-weight:600;font-size:clamp(30px,3.7vw,46px);line-height:1.14;letter-spacing:-.01em;color:var(--pc-ink);margin:0;text-wrap:balance;}
.hd-lead{font-family:var(--font-sans);font-size:clamp(16px,1.4vw,18px);line-height:1.7;color:#3B372F;max-width:64ch;margin:18px 0 0;}
.hd-cred{font-family:var(--font-sans);font-size:12.5px;letter-spacing:.01em;color:var(--slate);margin-top:18px;}
.hd-process{border-top:1px solid var(--pc-line);padding:30px 0;}
.hd-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.hd-steps li{display:flex;flex-direction:column;gap:8px;}
.hd-step-n{font-family:var(--pc-serif);font-size:32px;font-weight:600;color:var(--pc-green);line-height:1;}
.hd-step-t{font-family:var(--pc-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-ink);}
.hd-step-b{font-family:var(--font-sans);font-size:13.5px;line-height:1.5;color:#3B372F;}
.hd-note{font-family:var(--font-sans);font-size:13.5px;line-height:1.6;color:var(--slate);margin:24px 0 0;max-width:72ch;}
.hd-cards{border-top:1px solid var(--pc-line);padding:30px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.hd-card{background:var(--pc-card);border:1px solid #EDE8DE;border-radius:18px;padding:24px 22px;display:flex;flex-direction:column;gap:9px;}
.hd-card-t{font-family:var(--pc-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-pillink);}
.hd-card-q{font-family:var(--pc-serif);font-size:18.5px;font-weight:600;color:var(--pc-ink);line-height:1.25;}
.hd-card-b{font-family:var(--font-sans);font-size:14px;line-height:1.55;color:#3B372F;}
.hd-sec{border-top:1px solid var(--pc-line);padding:30px 0;}
.hd-sec p{font-family:var(--font-sans);font-size:15px;line-height:1.72;color:var(--pc-ink);margin:0 0 12px;max-width:68ch;}
.hd-sec .hp-script{font-size:22px;margin-bottom:8px;}
.hd-eyebrow{font-family:var(--pc-mono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--pc-pillink);margin-bottom:14px;}
.hd-h2{font-family:var(--pc-serif);font-size:25px;font-weight:600;color:var(--pc-ink);margin:2px 0 12px;}
.hd-link{display:inline-block;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--pc-cta);text-decoration:none;cursor:pointer;margin-top:4px;}
.hd-link:hover{text-decoration:underline;}
.hd-cta{display:inline-block;margin-top:18px;font-family:var(--font-sans);font-size:15px;font-weight:600;color:#fff;background:var(--pc-cta);border:none;border-radius:12px;padding:13px 22px;cursor:pointer;transition:background var(--dur-base) var(--ease);}
.hd-cta:hover{background:var(--pc-green);}
.hd-know{padding:13px 0;border-top:1px solid var(--pc-line);display:flex;flex-direction:column;gap:3px;}
.hd-know:first-of-type{border-top:0;padding-top:2px;}
.hd-know b{font-family:var(--font-sans);font-size:15.5px;color:var(--pc-ink);font-weight:600;}
.hd-know span{font-family:var(--font-sans);font-size:14.5px;color:#3B372F;line-height:1.5;}
.hd-close{margin-top:26px;font-size:22px;}
@media(max-width:768px){
  .hp-decides{padding:12px 20px 56px;}
  .hd-steps{grid-template-columns:1fr;gap:22px;}
  .hd-cards{grid-template-columns:1fr;}
}

/* Mobile */
@media(max-width:820px){
  /* Restore display (the max-width:900px rule sets #rail{display:none}, which otherwise
     leaves the slide-in drawer invisible so the hamburger appears to do nothing). */
  #rail{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:30;width:280px;transform:translateX(-100%);transition:transform var(--dur-base) var(--ease);}
  body.rail-open #rail{transform:translateX(0);}
  body.rail-open #rail-scrim{display:block;position:fixed;inset:0;background:rgba(22,20,15,.22);z-index:25;}
  #hp-hamburger{display:block;}
  .hp-actions{top:12px;right:14px;gap:10px;}
  #hp-gear{width:38px;height:38px;}
  body.home #main{padding-top:clamp(56px,12vh,120px);}
  body.home #msgs,body.home #input-area{padding-left:18px;padding-right:18px;}
  #market-cards-mobile{display:flex;}
  #market-cards-desktop{display:none;}
}
/* Home-only elements (label, reassurance, mobile cards): hidden in chat state */
.hp-home-only{display:none;}
body.home .hp-home-only{display:block;}
body.home #market-cards-mobile{display:none;}
@media(max-width:820px){ body.home #market-cards-mobile.hp-home-only{display:flex;} }
/* Neutralise the legacy full-height .hero wrapper on the home state so the hero
   and input read as ONE connected stack in the upper-middle (not pushed apart). */
body.home #hero,body.home .hero{min-height:0;display:block;padding:0;}
body.home #msgs .hero-inner{max-width:none;}
/* Mobile overflow guard: fixed headline size (no vw ambiguity), shrinkable
   flex children, everything constrained to the viewport width. */
@media(max-width:820px){
  body.home #main{width:100%;max-width:100vw;}
  body.home #msgs,body.home #input-area{width:100%;max-width:100%;}
  .hp-hero,body.home #input-box,#market-cards-mobile{max-width:100%;}
  .hp-supporting,.hp-reassurance{max-width:320px;}
  body.home #inp{min-width:0;}
  .pulse-card .pc-line{overflow-wrap:anywhere;}
}

/* ============ FINAL DESIGN PASS: Geist, calm homepage + interior ============ */
/* Canvas + sidebar sheets (item 6/13): light workspace, slightly darker rail. */
body{background:#FBFAF6;}
#rail{background:#FFFFFF;border-right:1px solid var(--line);width:296px;padding:26px 24px;}

/* ---- PART 2: HOMEPAGE ---- */
/* 5 + 12: vertically centred (not top-anchored), nudged right of centre so the
   stack optically balances the sidebar. */
body.home #main{justify-content:flex-start;align-items:center;padding-top:clamp(88px,14vh,150px);}
@media(min-width:821px){ body.home #main{padding-left:52px;} }
/* 4: headline weight 450-500 (never 600+), balanced two-line break. */
.hp-hero h1{font-weight:460;text-wrap:balance;letter-spacing:-.4px;}
.hp-hero{max-width:660px;}
/* 8: search input ~9% wider; shadow barely perceptible. */
body.home #input-area{max-width:700px;}
body.home #input-box{box-shadow:0 1px 3px rgba(22,20,15,.035);border-color:#e7e4dd;}
body.home #input-box:focus-within{box-shadow:0 2px 10px rgba(22,20,15,.05);border-color:#dcd8cf;}
/* Homepage mobile reflow (<=768): headline no longer dominates; the whole stack
   (handwriting, headline, input, value dots, credibility) fits one 390x844 view. */
@media(max-width:768px){
  body.home #main{padding-top:0;justify-content:center;}
  .hp-hero{max-width:100%;margin:0 auto 22px;padding:0 22px;}
  .hp-script{font-size:21px;margin-bottom:9px;}
  .hp-hero h1{font-size:clamp(22px,6vw,27px);line-height:1.22;letter-spacing:-.2px;}
  body.home #input-area{max-width:100%;padding:0 22px;}
  body.home #input-box{min-height:62px;border-radius:28px;padding:0 10px 0 48px;}
  body.home #input-box::before{left:18px;}
  body.home #inp{font-size:16px;}
  .hp-value-preview{font-size:12px;margin-top:14px;overflow-wrap:anywhere;}
  .hp-reassurance{font-size:12px;max-width:330px;margin-top:9px;}
}
/* 7: label left-aligns to the input's left edge. */
.hp-input-label{text-align:left;font-weight:450;padding-left:2px;}
/* 9: 10-15px more space below the input. */
.hp-reassurance{margin-top:28px;}
/* 10: sidebar type weights + generous group spacing + more left padding. */
.hp-logo{padding:4px 14px 24px;}
.hp-logo .hp-logo-name{font-weight:600;}
.hp-section{font-weight:500;padding:26px 14px 8px;}
.hp-newrec{font-weight:400;padding:9px 14px;}
.hp-navitem{font-weight:400;padding:9px 14px;}
.hp-rail-footer{padding-top:16px;margin-top:18px;}
/* 11: sign in nearly disappears. */
.hp-signin{color:rgba(107,104,97,.72);font-size:12.5px;font-weight:400;}

/* ---- PART 3: INTERIOR (wizard, chat, results) ---- */
/* 14: chips speak the homepage input language: hairline light border, no dark
   outline, generous padding, weight 400; hover/selected = subtle fill shift. */
.chip{border:1px solid var(--line);background:transparent;border-radius:999px;
  padding:9px 16px;font-family:var(--font-ui);font-weight:400;font-size:13px;color:var(--ink);}
.chip:hover{border-color:#ddd9d1;background:var(--paper-shade);color:var(--ink);}
/* 15: text weight ladder. */
.sam-label{font-size:12px;color:var(--slate);font-weight:500;}
.sam-text{font-size:15px;line-height:1.72;color:var(--ink);font-weight:400;}
.user-text{background:#efece5;color:var(--ink);border-radius:16px;border-bottom-right-radius:6px;font-weight:400;}
.wizard-car-context{color:var(--slate);}
.edit-car-link{border:1px solid var(--line);color:var(--slate);border-radius:10px;}
.edit-car-link:hover{color:var(--ink);border-color:#ddd9d1;}
/* 16: result cards. Larger radii, hairline light borders, no dark outlines, no
   heavy shadows; headline weight 450-500 in Geist, bullets 400, mono preserved
   for numbers. Structure + copy unchanged. */
.sell-rec-card{border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:none;}
.sell-rec-card:hover{transform:none;border-color:#e0dcd4;box-shadow:0 2px 10px rgba(22,20,15,.04);}
.sell-rec-card.primary-rec{border:1px solid #d8d4cc;}
.sell-rec-card.specialist-rec{background:var(--consignor-tint);border:1px solid #e7dcc2;border-style:solid;}
.verdict-plate{border-bottom:1px solid var(--line);}
.verdict-plate .vp-name{font-weight:500;}
.sell-rec-samline{font-family:var(--font-ui);font-weight:460;}
.sell-rec-bullets{font-weight:400;}
.dossier-why{font-family:var(--font-ui);font-weight:460;}
/* Chat input bar (wizard): softer shadow, aligned radius. */
#input-box{box-shadow:0 2px 12px rgba(22,20,15,.05);border-color:#e7e4dd;border-radius:20px;}
#btn{background:var(--ink);border-radius:12px;}
/* 17: a little more air between messages. */
.row{padding:9px 0;}

/* ===== Card redesign V2 (flag-gated pick card) ===== */
/* ===== Cards V2 — approved two-column mockups (Platform + PowerSeller) ===== */
/* Wider breakout: a two-column decision card needs more room than the chat column. */
.row.sam.v2-result .row-inner{max-width:1220px;}
.row.sam.v2-result .msg-wrap{max-width:1160px;}
:root{color-scheme:light;--pc-cta:#1E5A2C;--pc-green:#2C6E3A;--pc-script:#4C7A55;--pc-ink:#181712;--pc-grey:#54504A;--pc-faint:#8C877C;--pc-card:#FCFBF7;--pc-rail:#FAF8F2;--pc-line:#EDE9E0;--pc-tile:#F0EDE5;--pc-pill:#E6EEE0;--pc-pillink:#4A7355;--pc-mono:'Geist Mono',ui-monospace,SFMono-Regular,monospace;--pc-serif:Georgia,'Times New Roman',Times,serif;--pc-script-f:'Bradley Hand','Segoe Print','Comic Sans MS','Chalkboard SE',cursive;}
/* Layout is CONTAINER-driven (the card's own width via .msg-wrap), never the
   viewport - so a rail-docked ~620px card at a 900px viewport STACKS instead of
   squeezing two columns into it. Single-column is the base; two-column only when
   the card genuinely has room (>=730px). No max-height clip and no line-clamp:
   the 4-tile cap + <=110-char copy lint bound the size, so the card grows to fit
   and NEVER hard-clips or truncates at any width. */
.pcard{background:var(--pc-card);border:1px solid #EDE8DE;border-radius:26px;box-shadow:0 1px 2px rgba(26,25,21,.03),0 34px 70px -40px rgba(26,25,21,.18);font-family:var(--font-sans);color:var(--pc-ink);cursor:default;display:grid;grid-template-columns:1fr;overflow:hidden;margin:2px 0;max-width:760px;width:100%;min-height:0;position:relative;}
/* Card-level footnote: bottom-right inside the frame, small muted mono. Both card
   types carry it. Absolute so it never disturbs the grid. */
.pcard-note{position:absolute;right:18px;bottom:9px;font-family:var(--pc-mono);font-size:10.5px;letter-spacing:.02em;color:var(--pc-grey);opacity:.7;pointer-events:none;text-align:right;max-width:60%;}
/* Mockup geometry: a CENTERED, CONTAINED ~3:2 panel (not edge-to-edge), scaled
   to fit one desktop viewport (badge->reassurance) at 1366x768 / 1280x800. */
.row.sam.v2-result .msg-wrap{max-width:920px;margin-left:auto;margin-right:auto;}
.row.sam.v2-result .pcard{max-width:920px;}
.pcard-left{padding:30px 26px 8px;display:flex;flex-direction:column;min-width:0;container-type:inline-size;}
.pcard-right{background:var(--pc-rail);padding:26px 26px 42px;border-top:1px solid var(--pc-line);display:flex;flex-direction:column;min-width:0;container-type:inline-size;}
.pcard-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:var(--pc-pill);color:var(--pc-pillink);border-radius:999px;padding:9px 18px;font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;}
.pcard-script{font-family:var(--pc-script-f);font-size:clamp(28px,8cqi,50px);color:var(--pc-script);line-height:1.04;font-weight:600;margin:48px 0 0;}
.pcard-name{font-family:var(--pc-serif);font-weight:600;font-size:clamp(36px,10.5cqi,78px);line-height:1.0;letter-spacing:-.02em;color:var(--pc-ink);margin:14px 0 0;text-wrap:balance;}
.pcard-name-ps{font-size:clamp(24px,6.2cqi,48px);line-height:1.08;margin-top:12px;letter-spacing:-.015em;}
.pcard-hl{color:var(--pc-green);}
/* PowerSeller density: the recommendation is a longer sentence + a 4-line reason,
   so the hero is slightly tighter than the Platform card to hold the same card
   height and keep the CTA above the fold. Same scale family, adjusted rhythm. */
.pcard-ps .pcard-left{padding:30px 26px 8px;justify-content:flex-start;}
.pcard-ps .pcard-script{margin-top:42px;}
.pcard-ps .pcard-lead{font-size:clamp(15px,3.1cqi,20px);line-height:1.5;max-width:52ch;margin-top:26px;}
/* Distributed rhythm: hero group at the top, action group pushed to the bottom
   (margin-top:auto), so the CTA + reassurance always anchor the base and the card
   height follows the taller column, whatever the tile count on the right. */
.pcard-ps .pcard-hero{display:flex;flex-direction:column;}
.pcard-ps .pcard-foot{display:flex;flex-direction:column;margin-top:auto;padding-top:36px;}
.pcard-ps .pcard-foot .pcard-cta{margin-top:0;}
.pcard-ps .pcard-reassure{margin-top:26px;}
.pcard-lead{font-size:clamp(16px,3.6cqi,23px);line-height:1.58;color:#3B372F;max-width:54ch;margin:34px 0 0;text-wrap:balance;}
.pcard-whyl-main{margin-top:30px;}
.pcard-whyl-main+.pcard-lead{margin-top:14px;}
.pcard-cta{margin-top:46px;width:100%;border:0;cursor:pointer;background:var(--pc-cta);color:#F4F6F1;font-family:var(--font-sans);font-weight:600;font-size:16.5px;letter-spacing:.035em;text-transform:uppercase;min-height:68px;border-radius:15px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px 60px;box-shadow:0 14px 30px -16px rgba(30,90,44,.6);transition:filter .16s ease,transform .12s ease;}
.pcard-cta .cta-arrow{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:24px;height:24px;}
.pcard-cta:hover{filter:brightness(1.07);}.pcard-cta:active{transform:translateY(1px);}.pcard-cta:focus-visible{outline:2px solid var(--pc-ink);outline-offset:3px;}
.pcard-reassure{margin-top:34px;display:flex;gap:13px;align-items:flex-start;}
.pcard-reassure svg{width:22px;height:22px;color:var(--pc-pillink);flex:none;margin-top:2px;}
.pcard-reassure span{font-size:16px;line-height:1.5;color:#6A655B;}
/* right rail — platform */
.pcard-wordmark{align-self:flex-start;font-family:var(--font-sans);font-weight:700;font-size:18px;letter-spacing:.02em;color:var(--pc-ink);text-transform:uppercase;border-bottom:2.5px solid var(--pc-ink);padding-bottom:6px;margin-bottom:30px;}
.pcard-meta{display:flex;flex-direction:column;}
.pcard-mrow{display:flex;align-items:flex-start;gap:15px;padding:15px 0;}
.pcard-mrow+.pcard-mrow{border-top:1px solid var(--pc-line);}
.pcard-mrow svg{width:22px;height:22px;color:var(--pc-grey);flex:none;margin-top:1px;}
.pcard-mp{font-size:16.5px;font-weight:600;color:var(--pc-ink);line-height:1.2;}
.pcard-ms{font-size:14.5px;color:var(--pc-faint);margin-top:1px;line-height:1.2;}
.pcard-rule{height:1px;background:var(--pc-line);margin:22px 0;}
.pcard-whyl{font-family:var(--pc-mono);font-size:12.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--pc-pillink);}
.pcard-why{font-size:16.5px;line-height:1.5;color:#2B2820;margin:14px 0 0;max-width:34ch;}
.pcard-ev{margin-top:auto;}
.pcard-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;}
.pcard-tiles.one{grid-template-columns:1fr;}
.pcard-tile{background:var(--pc-tile);border-radius:16px;padding:20px 20px 22px;}
.pcard-tl{font-family:var(--pc-mono);font-size:11px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;color:var(--pc-grey);}
.pcard-tv{font-family:var(--pc-serif);font-size:clamp(24px,8cqi,34px);font-weight:600;color:var(--pc-green);line-height:1;margin:12px 0 12px;}
.pcard-ts{font-size:14.5px;line-height:1.45;color:#3B372F;}
/* right rail — powerseller */
.pcard-known{align-self:flex-start;font-size:15px;color:var(--pc-grey);margin-bottom:22px;}
.pcard-known b{color:var(--pc-ink);font-weight:600;}
/* Mockup rail: ONE column of icon-left tiles stacked down the rail (never a
   full-rail grid). Compact enough that up to 4 stack inside the viewport budget. */
.pcard-tstack{display:flex;flex-direction:column;gap:14px;margin-top:22px;}
.pcard-ttile{background:#F8F5EE;border:1px solid rgba(80,65,45,.08);border-radius:16px;padding:15px 22px;display:flex;align-items:center;gap:18px;min-height:0;box-shadow:none;}
.pcard-tic{width:46px;height:46px;border-radius:50%;background:#EDF2E8;display:flex;align-items:center;justify-content:center;flex:none;}
.pcard-tic svg{width:23px;height:23px;color:var(--pc-pillink);}
.pcard-tt{min-width:0;}
.pcard-tt .lab{font-family:var(--pc-mono);font-size:11.5px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--pc-grey);line-height:1.25;}
.pcard-tt .val{font-size:15.5px;color:var(--pc-ink);line-height:1.3;margin-top:3px;}
.pcard-tt .val+.val{margin-top:3px;}
.pcard-tt .val.green{font-family:var(--pc-serif);font-size:clamp(18px,4.4cqi,22px);color:var(--pc-green);font-weight:600;line-height:1.16;margin-top:3px;}
.pcard-tt .sub{font-size:14.5px;color:#2B2820;line-height:1.3;margin-top:3px;}
.pcard-tnum{font-family:var(--pc-serif);font-size:clamp(26px,6cqi,38px);font-weight:600;color:var(--pc-ink);line-height:1;}
.pcard-tnum.green{color:var(--pc-green);}
/* TWO-COLUMN only when the card container is genuinely wide enough (>=730px).
   Below that it stays single-column (the base above), so the middle range
   (~560-720px, incl. the rail-docked case) STACKS instead of squeezing. Reported
   threshold: 745px container width (two-column only within ~15px of the 760px
   design width, so anything meaningfully narrower - incl. 768px viewport - stacks). */
@container (min-width:745px){
  .pcard{grid-template-columns:61fr 39fr;}
  .pcard-left{padding:52px 60px 50px;}
  .pcard-ps .pcard-left{padding:30px 44px 28px;}
  .pcard-right{border-top:0;border-left:1px solid var(--pc-line);padding:48px 44px 48px;}
  .pcard-ps .pcard-right{padding:30px 34px 42px;}
  .pcard-platform .pcard-left{padding:30px 44px 26px;}
  .pcard-platform .pcard-right{padding:30px 24px 42px;}
  .pcard-wordmark,.pcard-known{align-self:flex-end;}
}
/* Platform mockup rhythm: dominant serif platform name, metadata list, WHY
   narrative, then the paired small stat tiles side-by-side in the rail. Scaled to
   fit the viewport. */
.pcard-platform .pcard-script{font-size:clamp(21px,5.8cqi,34px);margin-top:4px;line-height:1.02;}
.pcard-platform .pcard-name{font-size:clamp(28px,8cqi,50px);margin-top:8px;line-height:1.0;}
.pcard-platform .pcard-whyl-main{margin-top:16px;}
.pcard-platform .pcard-lead{margin-top:10px;font-size:clamp(15px,2.9cqi,17px);line-height:1.45;}
.pcard-platform .pcard-cta{margin-top:20px;min-height:54px;font-size:15px;letter-spacing:.03em;}
.pcard-platform .pcard-reassure{margin-top:13px;}
.pcard-platform .pcard-reassure span{font-size:13.5px;line-height:1.4;}
.pcard-platform .pcard-wordmark{margin-bottom:14px;}
.pcard-platform .pcard-mrow{padding:7px 0;}
.pcard-platform .pcard-mp{font-size:15.5px;}
.pcard-platform .pcard-ms{font-size:13.5px;}
.pcard-platform .pcard-rule{margin:11px 0;}
.pcard-platform .pcard-ev{margin-top:auto;}
.pcard-platform .pcard-why{margin-top:7px;font-size:14px;line-height:1.4;}
.pcard-platform .pcard-tiles{margin-top:12px;gap:12px;}
.pcard-platform .pcard-tile{padding:12px 14px;}
.pcard-platform .pcard-tv{font-size:clamp(19px,5.4cqi,25px);margin:5px 0 5px;}
.pcard-platform .pcard-ts{font-size:13px;line-height:1.38;}
/* Paired stat tiles show the COMPACT support line (side-by-side default); a single
   tile shows the FULL line. Padding nudged so the compact line sits <=3 lines. */
.pcard-tile .pcard-ts-f{display:none;}
.pcard-tiles.one .pcard-tile .pcard-ts-c{display:none;}
.pcard-tiles.one .pcard-tile .pcard-ts-f{display:block;}
.pcard-platform .pcard-tiles:not(.one){gap:10px;}
.pcard-platform .pcard-tiles:not(.one) .pcard-tile{padding:11px 12px;}
.pcard-platform .pcard-tiles:not(.one) .pcard-ts{font-size:11.5px;line-height:1.34;}
/* Polish 3: TRACK RECORD as a quiet block in the LEFT column under the reassurance
   (fills the void under the CTA). Same label + body type as the rail version. */
.pcard-platform .pcard-trackblock{margin-top:22px;}
.pcard-platform .pcard-trackblock .pcard-why{max-width:56ch;margin-top:7px;font-size:14px;line-height:1.5;color:#4A463E;}
/* Adaptive slot: when the track block sits in the RAIL (no stat tiles) it takes
   the rail's narrower measure and a touch less top margin. */
.pcard-platform .pcard-right .pcard-trackblock{margin-top:16px;}
.pcard-platform .pcard-right .pcard-trackblock .pcard-why{max-width:none;font-size:13.5px;}
/* Mockup rhythm: the large serif headline DOMINATES the left column, with intro,
   CTA and reassurance below it - scaled so the whole panel is ~3:2 and still fits
   the viewport (badge->reassurance) at 1366x768 / 1280x800. */
.pcard-ps .pcard-script{font-size:clamp(24px,6.6cqi,40px);margin-top:6px;line-height:1.02;}
.pcard-name-ps{font-size:clamp(26px,7.4cqi,54px);margin-top:14px;line-height:1.06;}
.pcard-ps .pcard-lead{margin-top:22px;font-size:clamp(15px,3cqi,18px);line-height:1.5;}
.pcard-ps .pcard-foot{padding-top:26px;}
.pcard-ps .pcard-foot .pcard-cta{margin-top:0;min-height:60px;font-size:15.5px;letter-spacing:.03em;}
.pcard-ps .pcard-reassure{margin-top:22px;}
.pcard-ps .pcard-reassure span{font-size:14px;line-height:1.45;}
.pcard-ps .pcard-known{margin-bottom:18px;}
/* The stacked tiles distribute down the rail so 3-4 fill the panel height evenly,
   matching the mockup's spacing (never a fixed short stack at the top). */
.pcard-ps .pcard-right{justify-content:flex-start;}
.pcard-ps .pcard-tstack{flex:1;justify-content:space-between;gap:16px;}
.pcard-ttile{flex:0 0 auto;}
/* Platform card's paired stat tiles: side-by-side in the rail (mockup), stacking
   only on a genuinely tiny rail (container = the right column). */
@container (max-width:280px){.pcard-tiles{grid-template-columns:1fr;}}

/* ===================== STAGE 4: full V2 page ===================== */
.pv2-page{display:flex;flex-direction:column;gap:16px;--pa-amber:#A9772E;--pa-amber-soft:#F3E8D6;--v2-green:#2F7A40;--v2-green-solid:#2C5A38;--v2-cta:#2C4A31;}
.pv2-page-head{display:flex;flex-direction:column;gap:5px;margin:2px 2px 0;}
.pv2-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#A7A29A;font-weight:600;}
.pv2-cartitle{font-family:var(--font-serif,Georgia,serif);font-size:22px;font-weight:700;color:#1A1915;letter-spacing:-.01em;}
.pv2-caveat{background:#FCFCFA;border:1px solid #ECEAE2;border-radius:14px;padding:14px 18px;font-size:14px;line-height:1.5;color:#6E6A62;}
.pv2-after{font-size:14.5px;line-height:1.55;color:#6E6A62;margin:2px 4px;}
.pv2-bridge{font-size:16px;line-height:1.5;color:var(--pc-ink);text-align:center;margin:22px auto;max-width:620px;}
/* Parsed-summary strip at the top of the analysis screen (replaces confirm card). */
.sell-summary-strip{font-size:14.5px;line-height:1.45;color:var(--pc-ink);letter-spacing:.01em;padding:9px 15px;background:var(--pc-tile,#F0EDE5);border:1px solid var(--pc-line,#EDE9E0);border-radius:12px;display:inline-block;}
.sell-summary-strip .ss-dot{color:var(--pc-faint,#8C877C);margin:0 2px;}
.ss-edit{margin-left:8px;font:inherit;font-size:13px;font-weight:600;color:var(--pc-cta,#1E5A2C);background:none;border:0;padding:2px 4px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;}
.ss-edit:hover{opacity:.8;}

/* compact secondary platform */
.pv2-sec{--pa:#2F7A40;background:var(--card,#fff);border:1px solid #ECEAE2;border-left:3px solid var(--pa);border-radius:16px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.pv2-sec-l{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#A7A29A;font-weight:700;}
.pv2-sec-name{font-size:18px;font-weight:700;color:#1A1915;margin:3px 0 4px;}
.pv2-sec-copy{font-size:14px;line-height:1.45;color:#6E6A62;max-width:52ch;}
.pv2-sec-cta{border:1px solid color-mix(in srgb,var(--pa) 40%,#fff);background:color-mix(in srgb,var(--pa) 8%,#fff);color:var(--pa);font-family:var(--font-sans);font-weight:700;font-size:14px;border-radius:10px;padding:11px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;}
.pv2-sec-cta svg{width:16px;height:16px;}.pv2-sec-cta:hover{filter:brightness(.97);}
/* Bug 3: Mode-B alt as one quiet inline line, never a second hero card. */
.pv2-inline-alt{font-size:14.5px;line-height:1.5;color:#6E6A62;margin:2px 4px;}

/* PowerSeller dossier (amber = seller identity, green = Sam's judgment + action) */
.psv2-card{background:var(--card,#fff);border:1px solid #ECEAE2;border-radius:26px;box-shadow:0 1px 2px rgba(26,25,21,.03),0 24px 56px -34px rgba(26,25,21,.16);padding:36px 40px 30px;font-family:var(--font-sans);color:#1A1915;cursor:pointer;}
.psv2-rowtop{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap;}
.psv2-badge{display:inline-flex;align-items:center;gap:9px;background:var(--pa-amber-soft);color:var(--pa-amber);border-radius:999px;padding:9px 16px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.psv2-badge svg{width:15px;height:15px;}
.psv2-known{font-size:14px;color:#6E6A62;}.psv2-known b{font-family:var(--font-serif,Georgia,serif);font-weight:700;color:#1A1915;font-size:17px;}
.psv2-top{display:grid;grid-template-columns:1.42fr 1fr;gap:30px;align-items:start;}
.psv2-script{font-family:"Bradley Hand","Segoe Script","Snell Roundhand",cursive;font-size:24px;color:var(--pa-amber);line-height:1;display:inline-block;margin-bottom:6px;}
.psv2-name{font-family:var(--font-serif,Georgia,serif);font-weight:700;font-size:clamp(26px,3.2vw,34px);line-height:1.1;letter-spacing:-.015em;color:#1A1915;margin:6px 0 0;text-wrap:balance;}
.psv2-para{font-size:15.5px;line-height:1.6;color:#38342D;max-width:44ch;margin:18px 0 0;}
.psv2-valline{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;font-family:var(--font-serif,Georgia,serif);font-size:16.5px;line-height:1.45;color:var(--v2-green-solid);font-style:italic;}
.psv2-valline .psv2-vlic{width:18px;height:18px;color:var(--v2-green);flex:none;margin-top:3px;}
.psv2-recnote{font-size:13px;line-height:1.5;color:#6E6A62;max-width:46ch;margin:14px 0 0;}
.psv2-trust{background:var(--pa-amber-soft,#F7F3EC);border:1px solid color-mix(in srgb,var(--pa-amber) 18%,#F7F3EC);border-radius:18px;padding:4px 20px;}
.psv2-tblk{display:flex;align-items:center;gap:14px;padding:16px 0;}
.psv2-tblk+.psv2-tblk{border-top:1px solid color-mix(in srgb,var(--pa-amber) 16%,#EBE9E2);}
.psv2-tic{width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--pa-amber) 15%,#fff);display:flex;align-items:center;justify-content:center;flex:none;}
.psv2-tic svg{width:23px;height:23px;color:var(--pa-amber);}
.psv2-tp{font-size:16px;font-weight:700;color:var(--pa-amber);line-height:1.2;}.psv2-tp.big{font-size:24px;letter-spacing:-.01em;}
.psv2-ts{font-size:13px;color:#6E6A62;margin-top:2px;line-height:1.3;}
.psv2-attrib{color:#A7A29A;font-style:italic;font-size:12px;}
.psv2-why{margin-top:30px;background:#F6F6F2;border:1px solid #ECEAE2;border-radius:18px;padding:24px 28px;}
.psv2-whyh{display:flex;align-items:center;gap:13px;margin-bottom:16px;}
.psv2-whystar{width:36px;height:36px;border-radius:50%;background:var(--v2-green-solid);display:flex;align-items:center;justify-content:center;flex:none;}
.psv2-whystar svg{width:18px;height:18px;color:#fff;}
.psv2-whyl{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--v2-green);}
.psv2-wb{display:flex;gap:13px;align-items:flex-start;padding:7px 0;}
.psv2-wb svg{width:18px;height:18px;color:var(--v2-green);flex:none;margin-top:2px;}
.psv2-wb p{margin:0;font-size:16px;line-height:1.5;color:#1A1915;max-width:64ch;}
.psv2-svc{margin-top:20px;background:#F6F6F2;border:1px solid #ECEAE2;border-radius:18px;padding:22px 28px 26px;}
.psv2-svch{display:flex;align-items:center;gap:12px;margin-bottom:20px;}
.psv2-svcic{width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--pa-amber) 15%,#fff);display:flex;align-items:center;justify-content:center;flex:none;}
.psv2-svcic svg{width:18px;height:18px;color:var(--pa-amber);}
.psv2-svcl{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pa-amber);}
.psv2-svcrow{display:grid;grid-template-columns:repeat(4,1fr);}
.psv2-sc{display:flex;flex-direction:column;align-items:center;gap:11px;padding:6px 10px;text-align:center;}
.psv2-sc+.psv2-sc{border-left:1px solid #E8E5DD;}
.psv2-sc svg{width:24px;height:24px;color:#38342D;}.psv2-sc span{font-size:14px;color:#38342D;}
.psv2-cta{margin-top:26px;width:100%;border:0;cursor:pointer;background:var(--v2-cta);color:#F6F5EF;font-family:var(--font-sans);font-weight:700;font-size:16.5px;height:64px;border-radius:14px;position:relative;display:flex;align-items:center;justify-content:center;padding:0 26px;}
.psv2-mid{display:inline-flex;align-items:center;gap:13px;}.psv2-mid .psv2-hs{width:21px;height:21px;}
.psv2-end{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:inline-flex;}.psv2-end .psv2-ar{width:19px;height:19px;}
.psv2-cta:hover{filter:brightness(1.08);}.psv2-cta:focus-visible{outline:2px solid #1A1915;outline-offset:3px;}
.psv2-foot{margin-top:15px;background:#F6F6F2;border-radius:14px;padding:15px 20px;display:flex;gap:12px;align-items:flex-start;}
.psv2-foot svg{width:17px;height:17px;color:var(--v2-green);flex:none;margin-top:1px;}
.psv2-f1{font-size:14px;color:#38342D;line-height:1.45;}.psv2-f2{font-size:13.5px;color:#6E6A62;margin-top:2px;}
@media(max-width:760px){.psv2-top{grid-template-columns:1fr;gap:22px;}}
@media(max-width:640px){.psv2-card{padding:26px 22px 22px;border-radius:20px;}.psv2-svcrow{grid-template-columns:1fr 1fr;}.psv2-sc:nth-child(3),.psv2-sc:nth-child(4){border-top:1px solid #E8E5DD;padding-top:16px;margin-top:6px;}.psv2-sc:nth-child(3){border-left:0;}.pv2-sec{flex-direction:column;align-items:flex-start;}.pv2-sec-cta{width:100%;justify-content:center;}}

/* ===== Homepage main-area redesign (Aug 2026, approved mockup homepage-redesign-v2).
   Scoped to the home state; the LEFT RAIL and the chat/wizard input states are
   untouched. The desktop composition changes sit behind the rail breakpoint
   (min-width:901px, where the rail shows); mobile home is left exactly as it was. ===== */
.hp-search-ico{display:none;}
.hp-evidence{font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.01em;color:#5A564E;text-align:center;margin:26px auto 0;}
.hp-evidence i{color:#BEB8AB;font-style:normal;margin:0 6px;}
@media (min-width:901px){
  /* optically centre the hero + input as a group, biased a touch above centre.
     Correction (approved): balance the horizontal padding (was 52px left / 0 right,
     which pushed the composition ~28px right of the main-area centre). */
  body.home #main{justify-content:center;padding-top:0;padding-bottom:56px;padding-left:24px;padding-right:24px;}
  /* Correction (approved): the composition sits ~30px below the original position
     (the earlier +50px went slightly too far; nudged back up ~20px). Half is absorbed
     by the flex centring, so 43px margin -> ~30px net. */
  body.home #hero{margin-top:43px;}
  /* Correction (approved): the heavier serif weight from the mockup (Georgia bold);
     the live h1 was computing to 460 (Georgia regular). */
  body.home .hp-hero h1{font-weight:600;}
  /* Correction (approved): match the mockup's search-box width exactly (600px). Only
     the width changes; height, padding, icon, submit, shadow, radius, centring stay. */
  body.home #input-area{max-width:600px;padding:0;}
  /* the search box: the centerpiece, given real presence and a soft premium float */
  body.home #input-box{
    align-items:center;gap:14px;border:1px solid #E4E0D6;border-radius:18px;
    padding:16px 16px 16px 22px;min-height:0;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 2px rgba(40,30,10,.04),0 12px 30px rgba(40,30,10,.07),0 34px 60px rgba(40,30,10,.05);
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
  }
  body.home #input-box:focus-within{
    border-color:#D8D2C4;transform:translateY(-1px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 4px rgba(40,30,10,.05),0 16px 40px rgba(40,30,10,.10),0 40px 70px rgba(40,30,10,.06);
  }
  body.home #input-box::before{content:none;}
  body.home .hp-search-ico{display:flex;flex:none;align-items:center;color:#B4AE9F;}
  body.home #inp{font-size:19px;line-height:1.4;padding:4px 0;}
  /* #btn green styling moved to the unconditional base rule (applies at all widths). */
  body.home .hp-value-preview{margin-top:34px;color:var(--faint,#8C877C);}
}

/* Correction (approved, INTENTIONAL change from the original rail, not a restoration):
   the lighter / quieter secondary rail text from the redesign mockup. The primary nav
   items (Where to sell, PowerSellers, How Sam decides) keep the dark ink so the
   hierarchy stays obvious. The rail only shows on desktop. Wording, positioning,
   spacing, dimensions and structure are all unchanged; only the text color shifts. */
#rail .hp-logo-tag{color:#8C877C;}
#rail .hp-value-trio span{color:#8C877C;}
#rail .hp-rail-label{color:#8C877C;}
.hp-rail-footer .hp-navitem,.hp-rail-footer a{color:#8C877C;}

/* Separator line before the Learn section, mirroring the footer divider so the rail
   reads as clear groups (nav / Learn / footer). Only "Learn" uses .hp-rail-label. */
#rail .hp-rail-label{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;}