/* Simple home page (Oct 28, 2026): version C of the site mockups. Loaded after landing.css; every rule is scoped to body.simple
   so the other public pages that share landing.css keep their look. */
.simple{--card-paper:#faf9f5;--paper-line:#d6d3cc;--ink-muted:#54555a;--amber-ink:#80551f;--brand:#238636}
.simple h1,.simple h2,.simple h3{letter-spacing:-.015em;text-wrap:balance}
.simple .wrap{width:min(1180px,calc(100% - 48px))}
.simple .hero .eyebrow{color:var(--muted)}
.simple .closing{padding-block:84px;background:var(--charcoal)}
.simple section{padding-block:84px}
.simple .section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;margin-bottom:36px}
.simple .section-head h2{font-size:clamp(30px,3.4vw,46px);margin-top:10px;max-width:640px}
.simple .section-head p{max-width:380px;font-size:15px}
.simple .hero{padding-block:72px 64px}
.simple .hero-a{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}
.simple .hero h1{font-size:clamp(42px,5vw,70px);line-height:1.05;letter-spacing:-.02em}
.simple .hero h1 span{display:block;color:var(--muted);font-size:.5em;line-height:1.2;letter-spacing:-.01em;margin-top:16px}
.simple .hero .lede{font-size:17px;color:#c0c0c4;max-width:470px;margin-top:24px}
.simple .hero .actions{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:30px}
.simple .hero .note{font-size:12px;color:#909299;margin-top:18px}
.simple .flow{display:grid;gap:10px}
.simple .flow-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px 20px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:center}
.simple .flow-card .ic{width:44px;height:44px;border-radius:9px;background:var(--raised);display:grid;place-items:center}
.simple .flow-card small{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.simple .flow-card p{font-size:15px;line-height:1.4;margin-top:3px}
.simple .flow-card .quote{color:#d8d6d1}
.simple .flow-arrow{height:16px;display:grid;place-items:center;color:#62646b}
.simple .chip{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:30px;background:rgba(226,181,124,.16);color:var(--amber);margin-left:6px;white-space:nowrap}
.simple .tag-pred{font-size:10px;color:#8c8e95}
.simple .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.simple .card{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:10px;background:var(--surface);border:1px solid var(--line);min-width:0}
.simple .paper .card{background:var(--card-paper);border-color:var(--paper-line)}
.simple .card h3{font-size:22px;letter-spacing:-.01em;line-height:1.2}
.simple .card p{font-size:14.5px;line-height:1.55;color:var(--muted)}
.simple .paper .card p{color:var(--ink-muted)}
.simple .card .step{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--amber)}
.simple .paper .card .step{color:var(--amber-ink)}
.simple .art{height:150px;border-radius:8px;background:var(--raised);display:grid;place-items:center;overflow:hidden;margin-bottom:6px}
.simple .paper .art{background:var(--paper)}
.simple .art svg{width:100%;height:100%}
.simple a.card{transition:border-color .18s,background .18s}
.simple a.card:hover{border-color:#6a6b71;background:var(--raised)}
.simple a.card .go{margin-top:auto;font-size:13px;font-weight:500;padding-top:6px}
.simple a.card .q{font-size:20px;line-height:1.25;letter-spacing:-.01em;font-weight:500;color:var(--ivory)}
.simple .who{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--amber)}
.simple .fine{font-size:12px;margin-top:22px;color:#8f9096}
.simple .paper .fine{color:#6b6c71}
.simple .closing{border-top:1px solid var(--line)}
.simple .closing .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px}
.simple .closing h2{font-size:clamp(32px,4vw,56px)}
.simple .closing h2 span{color:var(--muted);display:block}
.simple .closing p{color:var(--muted);margin-top:14px;max-width:520px;font-size:15px}
.simple .live{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}
.simple .live-head{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);font-family:ui-monospace,Menlo,monospace}
.simple .run{display:inline-flex;gap:8px;align-items:center;font-family:var(--font);font-weight:600;color:var(--ivory);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.simple .run i{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px rgba(35,134,54,.25)}
.simple .live-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line)}
.simple .live-row>div{min-width:0}
.simple .live-row strong{font-size:15px;font-weight:600}
.simple .live-row p{font-size:13.5px;color:var(--muted);line-height:1.45;margin-top:2px}
.simple .st{flex:none;font-size:11px;font-weight:600;padding:3px 10px;border-radius:30px;border:1px solid var(--line);color:var(--muted)}
.simple .st.warn{border-color:#6b5434;color:var(--amber)}
.simple .st.ai{background:var(--amber);border-color:var(--amber);color:var(--charcoal)}
.simple .live-foot{font-size:11px;color:#8c8e95;padding:10px 18px}
.simple .pf{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;border:1px solid var(--line);min-width:0}
.simple .pf-top{background:var(--surface);padding:22px 24px;display:grid;gap:10px;flex:1}
.simple .pf-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.simple .pf-q{font-size:17px;line-height:1.45;color:#d8d6d1}
.simple .pf-bottom{background:var(--ivory);color:var(--charcoal);padding:22px 24px;display:grid;gap:8px}
.simple .pf-bottom .step{color:var(--amber-ink)}
.simple .pf-bottom h3{font-size:21px;letter-spacing:-.01em}
.simple .pf-bottom p{font-size:14px;color:var(--ink-muted);line-height:1.5}
.simple .metric{display:flex;align-items:center;gap:14px;margin-top:8px;padding:12px 14px;border-radius:8px;background:var(--paper)}
.simple .metric div{display:grid;min-width:0}
.simple .metric b{font-size:20px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.simple .metric small{font-size:11.5px;color:var(--ink-muted)}
.simple .metric span{color:var(--amber-ink);font-weight:600}
.simple .metric .ok{margin-left:auto;width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:13px}
.simple .board{background:var(--charcoal);color:var(--ivory);border-radius:12px;overflow:hidden}
.simple .board-head{display:flex;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);font-family:ui-monospace,Menlo,monospace}
.simple .tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line)}
.simple .tile{padding:18px 20px;border-right:1px solid var(--line);display:grid;gap:2px;min-width:0}
.simple .tile:last-child{border-right:0}
.simple .tile small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.simple .tile b{font-size:30px;font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.2}
.simple .tile span{font-size:12px;color:var(--muted)}
.simple .tile.warn b{color:var(--amber)}
.simple .tile.ai{background:rgba(226,181,124,.1)}
.simple .tile.ai b{color:var(--amber)}
.simple .board-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.simple .bars{padding:20px;border-right:1px solid var(--line);display:grid;gap:10px}
.simple .bars-title{font-size:12px;font-weight:600;color:var(--ivory);margin-bottom:4px}
.simple .bar{display:grid;grid-template-columns:70px minmax(0,1fr) 54px;gap:12px;align-items:center;font-size:12.5px;color:var(--muted)}
.simple .bar i{display:block;height:12px;border-radius:3px;background:transparent;position:relative}
.simple .bar i::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:#3a3b41;border-radius:3px}
.simple .bar em{position:absolute;inset:0 auto 0 0;width:calc(var(--w) * var(--a-n, 1));border-radius:3px}
.simple .bar i em{width:calc(var(--a));background:var(--amber);z-index:1}
.simple .bar b{font-weight:600;color:var(--ivory);text-align:right;font-variant-numeric:tabular-nums}
.simple .legend{font-size:11.5px;color:var(--muted);display:flex;gap:8px;align-items:center;margin-top:4px}
.simple .legend i{width:12px;height:8px;border-radius:2px;background:var(--amber);display:inline-block}
.simple .toplist{padding:20px}
.simple .toplist ol{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:n}
.simple .toplist li{counter-increment:n;display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:14px}
.simple .toplist li span::before{content:counter(n) ". ";color:var(--muted)}
.simple .toplist li b{color:var(--amber);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.simple .stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.simple .stack-col{border:1px solid var(--line);border-radius:10px;padding:20px;background:var(--surface);min-width:0}
.simple .stack-title{font-size:13px;font-weight:600;margin-bottom:14px}
.simple .chips{display:flex;flex-wrap:wrap;gap:8px}
.simple .lg{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:7px;border:1px solid #3d3e44;background:var(--raised);font-size:13px;font-weight:500}
.simple .lg::before{content:"";width:16px;height:16px;border-radius:4px;background:#4a4b51;flex:none}
.simple .lg.soon{border-style:dashed;background:transparent;color:var(--muted)}
.simple .lg.soon::after{content:"Soon";font-size:10px;font-weight:600;color:var(--amber);letter-spacing:.06em;text-transform:uppercase}
.simple .hero-c .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 56px;align-items:center}
.simple .hero-c .note-c{grid-column:2;margin-top:-18px!important}
.simple .ba-c{min-width:0}
.simple .ba-c .ba{margin-top:0;grid-template-columns:1fr;gap:0}
.simple .ba-c .ba-panel{padding:14px 18px;display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 16px;align-items:center}
.simple .ba-c .ba-panel h3{font-size:16px}
.simple .ba-c .ba-panel p{font-size:12.5px;grid-column:1;margin-top:0}
.simple .ba-c .ba-panel h3{grid-column:1;align-self:end}
.simple .ba-c .ba-panel svg{grid-column:2;grid-row:1/3;margin-top:0}
.simple .ba-c .ba-mid{padding:6px 0;flex-direction:row}
.simple .ba-c .ba-mid>div{display:flex;gap:8px;align-items:center}
.simple .ba-c .ba-mid .arr{transform:rotate(90deg);font-size:18px!important}
@media (max-width:860px){.simple .hero-c .wrap{grid-template-columns:1fr}
.simple .hero-c .note-c{grid-column:1;margin-top:0!important}
.simple .ba-c .ba-panel{grid-template-columns:1fr}
.simple .ba-c .ba-panel svg{grid-column:1;grid-row:auto;margin-top:8px}
}.simple .hero-b{text-align:left}
.simple .hero-b .top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:40px;align-items:end}
.simple .ba{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:0;margin-top:48px;align-items:stretch}
.simple .ba-panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:22px;min-width:0}
.simple .ba-panel.after{background:var(--ivory);color:var(--charcoal);border-color:var(--ivory)}
.simple .ba-panel h3{font-size:20px;letter-spacing:-.01em}
.simple .ba-panel p{font-size:14px;color:var(--muted);margin-top:4px}
.simple .ba-panel.after p{color:var(--ink-muted)}
.simple .ba-panel svg{width:100%;height:auto;margin-top:16px;display:block}
.simple .ba-mid{display:grid;place-items:center;color:var(--amber);font-size:12px;font-weight:600;text-align:center}
.simple .timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:2px solid var(--charcoal);margin-top:8px}
.simple .timeline li{list-style:none;padding:18px 18px 0 0;position:relative}
.simple .timeline li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--charcoal)}
.simple .timeline li:last-child::before{background:var(--amber);box-shadow:0 0 0 2px var(--charcoal)}
.simple .timeline strong{display:block;font-size:13px;letter-spacing:.02em}
.simple .timeline span{display:block;font-size:20px;letter-spacing:-.01em;line-height:1.25;margin-top:6px;color:var(--charcoal)}
.simple .timeline small{display:block;font-size:13px;color:var(--ink-muted);margin-top:6px}
.simple ol.timeline{padding:0;margin:0}
.simple textarea{resize:vertical}
@media (max-width:980px){.simple .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.simple .tile{border-bottom:1px solid var(--line)}
.simple .board-body,.simple .stack{grid-template-columns:1fr}
.simple .bars{border-right:0;border-bottom:1px solid var(--line)}
}@media (max-width:860px){.simple .hero-a,.simple .hero-b .top{grid-template-columns:1fr;gap:36px}
.simple .cards{grid-template-columns:1fr}
.simple .ba{grid-template-columns:1fr;gap:10px}
.simple .ba-mid{padding:4px 0}
.simple .ba-mid .arr{transform:rotate(90deg)}
.simple .timeline{grid-template-columns:1fr 1fr;row-gap:28px}
.simple section{padding-block:60px}
}/* Logo carousel: two rows that step one logo at a time (landing.js); reduced motion shows them wrapped and still. */
.simple .logo-rows{display:grid;gap:22px}
.simple .logo-row{display:grid;gap:10px;min-width:0}
.simple .logo-label{font-size:13px;color:var(--muted)}
.simple .logo-label b{display:inline-block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--charcoal);background:var(--ivory);border-radius:30px;padding:2px 9px;margin-right:8px}
.simple .logo-label b.soon{background:transparent;color:var(--amber);border:1px dashed var(--amber)}
.simple .logo-window{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.simple .logo-track{display:flex;gap:10px;margin:0;padding:0;list-style:none;width:max-content;transition:transform .7s cubic-bezier(.3,.7,.2,1)}
.simple .logo-track li{flex:none;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:14px;font-weight:500;white-space:nowrap}
.simple .logo-row[data-carousel-reverse] .logo-track li{border-style:dashed;background:transparent;color:#d4d2cd}
.simple .logo-track i{width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
@media (prefers-reduced-motion:reduce){.simple .logo-window{-webkit-mask-image:none;mask-image:none}.simple .logo-track{flex-wrap:wrap;width:auto;transition:none}.simple .logo-track [data-clone]{display:none}}
/* Buyer question cards: dark on the paper band. */
.simple .card-dark,.simple .paper .card-dark{background:var(--charcoal);border-color:var(--charcoal)}
.simple .card-dark .go,.simple .paper .card-dark .go{color:var(--muted)}
.simple .paper .card-dark .q{color:var(--ivory)}
.simple .card-dark:hover,.simple .paper .card-dark:hover{background:#26272b;border-color:#26272b}