:root{
  --ink:#14372f; --ink2:#2d5148; --agave:#526f59; --green:#526f59; --muted:#61736c; --sage:#a8b99d;
  --bone:#f4f0e7; --paper:#fffdf8; --card:#fffdf8; --sand:#e6ddcb; --clay:#b88f73; --sage-soft:rgba(168,185,157,.22);
  --line:rgba(20,55,47,.14); --soft:rgba(109,143,114,.10);
  --shadow:0 22px 60px rgba(20,55,47,.10); --r:22px; --max:1180px; --serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bone);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
button,input,select,textarea{font:inherit}
button{cursor:pointer;color:inherit}
a{color:inherit}
.app{min-height:100vh;padding-bottom:80px}
.topbar{position:sticky;top:0;z-index:60;background:rgba(244,240,231,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.topin{width:min(var(--max),calc(100% - 28px));height:68px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{border:0;background:transparent;display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:.16em}
.mark{width:34px;height:34px;color:var(--agave);display:grid;place-items:center}.mark svg{width:100%;height:100%}
.dnav{display:flex;gap:17px}.dnav button{border:0;background:transparent;color:var(--ink2);font-weight:800;font-size:.91rem}.dnav button.active{color:var(--ink)}
.topactions{display:flex;gap:8px;align-items:center}
.btn,.btn-primary,.btn-soft{border-radius:999px;padding:10px 15px;border:1px solid var(--line);background:transparent;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}
.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--bone)}
.btn-soft{background:var(--paper)}
.main{width:min(var(--max),calc(100% - 28px));margin:auto}
.view{display:none;padding:30px 0 44px}.view.active{display:block}
.region-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);background:var(--paper);padding:11px 14px;border-radius:16px;margin-bottom:18px}
.tiny,.eyebrow{font-size:.74rem;font-weight:950;letter-spacing:.17em;text-transform:uppercase;color:var(--agave)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:600;line-height:1.04;margin:0}
h1{font-size:clamp(3.15rem,7vw,7rem);letter-spacing:-.058em}
h2{font-size:clamp(2.2rem,4.3vw,4.2rem);letter-spacing:-.04em}
h3{font-size:1.5rem}
.lede{font-size:clamp(1.05rem,1.6vw,1.28rem);color:var(--ink2);max-width:780px}
.hero{min-height:70vh;display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}
.hero-card{min-height:450px;border-radius:32px;padding:29px;background:radial-gradient(circle at 72% 18%,rgba(255,255,255,.35),transparent 34%),linear-gradient(145deg,var(--sage),var(--agave));box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}
.hero-mark{width:168px;height:168px;color:#eef3e9;margin:auto}
.meta{font-size:.76rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.section{padding:62px 0;border-top:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:.58fr 1.42fr;gap:24px;align-items:start;margin-bottom:28px}
.grid{display:grid;gap:15px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}
.card{border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.46);padding:22px;box-shadow:0 7px 24px rgba(20,55,47,.035)}
.card p{color:var(--ink2)}
.path{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:18px;text-align:left;display:flex;justify-content:space-between;gap:14px;align-items:center}
.path strong{display:block;font-size:1.03rem}.path .arrow{color:var(--agave);font-size:1.2rem}
.badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
.next{background:var(--ink);color:var(--bone);border-radius:28px;padding:28px;display:grid;grid-template-columns:1.3fr .7fr;gap:22px;align-items:end}.next p{color:#dbe6df}
.progress{height:10px;background:rgba(255,255,255,.15);border-radius:999px;overflow:hidden}.progress div{height:100%;background:var(--sage);width:0}
.kpi{font-family:Georgia,serif;font-size:2.2rem}
.reco{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:start;padding:16px 0;border-bottom:1px solid var(--line)}.reco:last-child{border-bottom:0}
.rank{width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--bone);display:grid;place-items:center;font-weight:950}
.why{font-size:.9rem;color:var(--ink2)}
.field{margin:17px 0}.field label{display:block;font-weight:880;margin-bottom:7px}.field small{display:block;color:var(--ink2);margin-top:5px}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:var(--paper);padding:12px 13px;color:var(--ink)}
.options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.option{border:1px solid var(--line);border-radius:15px;background:var(--paper);padding:13px;display:flex;gap:10px;align-items:flex-start}.option input{width:auto;margin-top:4px}
.tier{min-height:290px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.tier.recommended:after{content:"Recommended";position:absolute;right:12px;top:12px;background:var(--ink);color:var(--bone);padding:5px 8px;border-radius:999px;font-size:.66rem;font-weight:950;text-transform:uppercase;letter-spacing:.05em}
.price{font-family:Georgia,serif;font-size:2.2rem}
.refbox{background:var(--soft);border:1px solid var(--line);border-radius:22px;padding:22px}.code{display:flex;gap:8px;margin:12px 0}.code input{flex:1}
.profile{display:grid;grid-template-columns:310px 1fr;gap:18px}.stack{display:grid;gap:12px}
.resource{padding:16px 0;border-bottom:1px solid var(--line)}.resource:last-child{border-bottom:0}
.note{border:1px solid var(--line);background:var(--soft);padding:15px 17px;border-radius:16px;color:var(--ink2)}
.support-card{background:linear-gradient(145deg,var(--ink),#244c40);color:var(--bone);border-radius:28px;padding:28px}.support-card p{color:#dae5df}
.bottom{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(244,240,231,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:none}
.bottomin{height:70px;display:grid;grid-template-columns:repeat(5,1fr)}.bottom button{border:0;background:transparent;font-size:.74rem;font-weight:850;color:var(--ink2)}.bottom button.active{color:var(--ink)}.bottom span{display:block;font-size:1rem;margin-bottom:2px}
.modal-bg{position:fixed;inset:0;background:rgba(8,22,18,.44);z-index:120;display:none;align-items:center;justify-content:center;padding:16px}.modal-bg.open{display:flex}
.modal{width:min(590px,100%);max-height:91vh;overflow:auto;background:var(--bone);padding:25px;border-radius:28px;box-shadow:0 35px 100px rgba(0,0,0,.26)}
.mhead{display:flex;justify-content:space-between;gap:16px;align-items:center}.close{border:0;background:transparent;font-size:1.35rem}
.signup-step{display:none}.signup-step.active{display:block}
.preview{border:1px dashed var(--agave);background:var(--soft);border-radius:18px;padding:18px;margin-top:16px}
.status{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:850}.dot{width:8px;height:8px;border-radius:50%;background:var(--agave)}
.toast{position:fixed;right:16px;bottom:90px;z-index:140;background:var(--ink);color:var(--bone);padding:11px 14px;border-radius:14px;display:none;box-shadow:var(--shadow)}.toast.show{display:block}
.hidden{display:none!important}
@media(max-width:880px){
  .dnav{display:none}.bottom{display:block}.app{padding-bottom:78px}.hero,.section-head,.next,.profile{grid-template-columns:1fr}.grid.two,.grid.three,.options{grid-template-columns:1fr}
  .hero{min-height:auto;padding:24px 0 38px}.hero-card{min-height:320px}.topactions .btn-soft{display:none}
  h1{font-size:clamp(3rem,14vw,5.1rem)}
}


/* v6 business-first home */
.business-hero{
  min-height:72vh;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:34px;
  align-items:center;
  padding:22px 0 38px;
}
.business-hero h1{max-width:780px}
.quick-start-card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:30px;
  padding:24px;
  box-shadow:var(--shadow);
}
.quick-grid{display:grid;gap:11px;margin-top:15px}
.quick-choice{
  width:100%;
  border:1px solid var(--line);
  background:var(--bone);
  border-radius:17px;
  padding:15px;
  display:grid;
  grid-template-columns:40px 1fr;
  gap:12px;
  align-items:start;
  text-align:left;
  transition:.16s;
}
.quick-choice:hover{transform:translateY(-1px);background:var(--paper)}
.quick-choice strong{display:block;margin-bottom:3px}
.quick-choice small{color:var(--ink2)}
.quick-icon{
  width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;
  background:var(--soft);color:var(--agave);font-weight:950
}
.trust-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.trust-row span{
  padding:6px 9px;border:1px solid var(--line);border-radius:999px;
  font-size:.76rem;font-weight:850;background:rgba(255,255,255,.38)
}
.step-card{min-height:230px}
.step-number{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:var(--ink);color:var(--bone);font-weight:950;margin-bottom:18px
}
.easy-strip{
  display:grid;grid-template-columns:1.35fr .65fr;gap:24px;align-items:end;
  border:1px solid var(--line);border-radius:28px;background:var(--paper);padding:28px
}
.home-mission{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:end}
@media(max-width:880px){
  .business-hero,.easy-strip,.home-mission{grid-template-columns:1fr}
  .business-hero{min-height:auto;padding-top:18px}
  .quick-start-card{padding:18px}
}

/* v7 adaptive multilingual selection */
.region-language{color:var(--ink2);font-size:.84rem}
.language-quick{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:16px}
.language-pill{
  border:1px solid var(--line);background:rgba(255,255,255,.42);
  border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:850
}
.language-pill.active{background:var(--ink);color:var(--bone);border-color:var(--ink)}

/* v8 core journey */
.v8-hero{min-height:68vh}
.need-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.need-card{
  border:1px solid var(--line);background:var(--paper);border-radius:22px;padding:20px;
  text-align:left;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;transition:.16s
}
.need-card:hover,.need-card.selected,.quick-choice.selected{transform:translateY(-2px);box-shadow:var(--shadow);border-color:rgba(20,55,47,.34)}
.need-card{position:relative}
.need-card.selected,.quick-choice.selected{background:rgba(82,111,89,.12);border-color:var(--agave)}
.need-card.selected::after{content:"✓";position:absolute;right:16px;top:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--bone);font-weight:950}
.need-selection-status{margin:14px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink2);font-weight:750}.need-selection-status strong{color:var(--ink)}
.need-icon{
  width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
  background:var(--soft);font-size:1.25rem;color:var(--agave);font-weight:950
}
.compact-section{padding-bottom:0}
.next-step-shell{padding-top:18px}
.next-step-main{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:start;margin-top:12px}
.next-step-title{font-size:clamp(2.9rem,6vw,6rem);max-width:900px}
.impact-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.impact-pill{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:900}
.why-card{border:1px solid var(--line);border-radius:22px;background:var(--paper);padding:22px;position:sticky;top:94px}
.mini-divider{height:1px;background:var(--line);margin:18px 0}
.three-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.action-choice{
  border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:18px;text-align:left
}
.action-choice strong{display:block;margin:4px 0}
.action-choice small{color:var(--ink2)}
.simple-steps{display:grid;gap:10px;margin-top:16px}
.simple-step{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start}
.simple-step span{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:var(--ink);color:var(--bone);font-weight:900
}
@media(max-width:880px){
  .need-grid,.next-step-main,.three-actions{grid-template-columns:1fr}
  .why-card{position:static}
}

/* v9 deeper personalization */
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.reason-chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 4px}
.reason-chip{border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:800}
.confidence-wrap{display:flex;align-items:center;gap:10px;margin-top:8px}
.confidence-bar{height:8px;flex:1;background:var(--sand);border-radius:999px;overflow:hidden}
.confidence-bar div{height:100%;width:0;background:var(--agave)}
.roadmap-list{display:grid;gap:12px}
.roadmap-item{
  display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:start;
  border:1px solid var(--line);border-radius:18px;padding:17px;background:var(--paper)
}
.roadmap-item.current{border-color:rgba(20,55,47,.30);box-shadow:0 10px 26px rgba(20,55,47,.06)}
.roadmap-rank{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--ink);color:var(--bone);font-weight:950
}
.roadmap-meta{text-align:right;font-size:.78rem;color:var(--ink2)}
@media(max-width:880px){
  .form-grid{grid-template-columns:1fr}
  .roadmap-item{grid-template-columns:40px 1fr}
  .roadmap-meta{grid-column:2;text-align:left}
}

/* v10 account continuity */
.account-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.sync-row{display:flex;align-items:center;gap:8px;margin-top:15px;font-size:.78rem;color:var(--ink2)}
.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--clay)}
.sync-dot[data-state="connected"]{background:var(--agave)}
.sync-dot[data-state="local"]{background:var(--clay)}
.sync-dot[data-state="waiting"]{background:var(--sand)}
.account-benefits{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
  margin:18px 0
}
.account-benefits div{
  border:1px solid var(--line);border-radius:14px;padding:11px;
  background:var(--soft);font-size:.84rem;font-weight:750
}
.account-benefits span{font-weight:950;margin-right:5px}
.auth-message{margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.auth-message[data-kind="error"]{background:rgba(184,143,115,.12)}
.auth-message[data-kind="success"]{background:rgba(109,143,114,.12)}
@media(max-width:720px){
  .account-benefits{grid-template-columns:1fr}
}

/* v11 Taller build bridge */
.taller-banner{
  display:flex;justify-content:space-between;gap:18px;align-items:center;
  border:1px solid var(--line);background:var(--soft);border-radius:20px;padding:16px 18px;margin-bottom:22px
}
.bridge-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 28px}
.bridge-strip>div{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:16px}
.bridge-strip span{display:grid;width:30px;height:30px;border-radius:50%;place-items:center;background:var(--ink);color:var(--bone);font-weight:900;margin-bottom:12px}
.bridge-strip strong,.bridge-strip small{display:block}
.bridge-strip small{color:var(--ink2);margin-top:4px}
.build-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}
.build-option{
  border:1px solid var(--line);background:var(--paper);border-radius:15px;padding:13px;text-align:left
}
.build-option strong,.build-option small{display:block}
.build-option small{color:var(--ink2);margin-top:4px}
.build-option.selected{background:var(--soft);border-color:rgba(20,55,47,.34);box-shadow:0 8px 22px rgba(20,55,47,.05)}
.build-brief-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.brief-list{display:grid;gap:8px;margin-top:16px}
.brief-feature{border-top:1px solid var(--line);padding-top:8px;color:var(--ink2)}
.estimate-card{border-radius:24px;padding:24px;background:var(--ink);color:var(--bone)}
.estimate-card p,.estimate-card small{color:#dbe6df}
.estimate-range{font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,4.7rem);line-height:1;margin:12px 0}
.estimate-meta{display:grid;gap:10px;margin:18px 0}
.estimate-meta div{display:flex;justify-content:space-between;gap:14px;border-top:1px solid rgba(255,255,255,.14);padding-top:10px}
.estimate-meta span{color:#b8c8b0}
.estimate-card .btn-primary{background:var(--bone);color:var(--ink);border-color:var(--bone);width:100%}
.muted{display:block;margin-top:10px}
.project-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.project-status{display:flex;align-items:center;gap:8px;margin:13px 0}
.status-dot{width:9px;height:9px;border-radius:50%;background:var(--agave)}
.project-progress{height:10px;border-radius:999px;background:var(--sand);overflow:hidden;margin:12px 0}
.project-progress div{height:100%;background:var(--agave);width:0}
.transfer-list{display:grid;gap:10px;margin-top:14px}
.transfer-list label{display:flex;gap:9px;align-items:center}
.transfer-list input{width:auto}
@media(max-width:880px){
  .bridge-strip,.build-brief-grid,.project-dashboard{grid-template-columns:1fr}
  .build-options{grid-template-columns:1fr}
  .taller-banner{align-items:flex-start;flex-direction:column}
}

/* v12 clarity + adaptive handoff */
.plain-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 16px}
.plain-step{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:15px}
.plain-step>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-weight:950}
.plain-step strong,.plain-step small{display:block}.plain-step small{color:var(--ink2);margin-top:3px}
.ease-note{border:1px solid var(--line);background:var(--soft);border-radius:18px;padding:16px 18px;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.ease-note span{color:var(--ink2)}
.decision-box{margin:18px 0;padding:16px;border-radius:17px;background:var(--soft);border:1px solid var(--line)}
.decision-item{display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:center;padding:7px 0}
.decision-item span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--paper);font-size:.76rem;font-weight:950}
.simple-project-steps{display:grid;gap:9px;margin-top:18px}
.simple-project-steps>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;border-top:1px solid var(--line);padding-top:10px}
.simple-project-steps span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-weight:950}
.simple-project-steps strong,.simple-project-steps small{display:block}.simple-project-steps small{color:var(--ink2)}
.transfer-mode-list{display:grid;gap:9px;margin:14px 0}
.transfer-mode{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;border:1px solid var(--line);background:var(--paper);border-radius:15px;padding:13px}
.transfer-mode input{width:auto;margin-top:4px}
.transfer-mode strong,.transfer-mode small{display:block}.transfer-mode small{color:var(--ink2);margin-top:3px}
.transfer-center-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}
.transfer-checklist{display:grid;gap:10px;margin-top:16px}
.transfer-check{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;border-top:1px solid var(--line);padding-top:10px}
.transfer-check>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--bone);font-weight:950}
.transfer-check strong,.transfer-check small{display:block}.transfer-check small{color:var(--ink2);margin-top:3px}
.handoff-items{display:grid;gap:12px;margin-top:14px}
.handoff-items>div{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}
.handoff-items>div>span{font-weight:950;color:var(--agave)}
.handoff-items strong,.handoff-items small{display:block}.handoff-items small{color:var(--ink2)}
.ownership-callout{margin-top:20px;padding:18px;border-radius:18px;background:var(--ink);color:var(--bone)}
.ownership-callout strong,.ownership-callout span{display:block}.ownership-callout span{color:#dbe6df;margin-top:5px}
@media(max-width:880px){
  .plain-flow,.transfer-center-grid{grid-template-columns:1fr}
}

/* v13 Péek ecosystem */
.peek-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 24px}
.peek-tab{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:9px 14px;font-weight:900}
.peek-tab.active{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.peek-panel{display:none}.peek-panel.active{display:block}
.peek-hero,.support-build-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:end}
.story-filter-card,.support-progress-card{border:1px solid var(--line);background:var(--paper);border-radius:22px;padding:20px}
.context-story,.contextual-peek-card{
  display:flex;justify-content:space-between;gap:16px;align-items:center;
  border:1px solid var(--line);background:var(--soft);border-radius:20px;padding:16px 18px;margin:18px 0
}
.context-story p,.contextual-peek-card p{margin:.25rem 0 0;color:var(--ink2)}
.story-grid,.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:18px}
.story-card,.product-card{border:1px solid var(--line);background:var(--paper);border-radius:22px;overflow:hidden}
.story-art,.product-art{
  min-height:170px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;
  background:linear-gradient(145deg,var(--sage),var(--agave));color:var(--ink)
}
.story-art strong,.product-art strong{font-family:Georgia,serif;font-size:2.7rem;letter-spacing:-.04em}
.story-art span,.product-art span{font-size:.72rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.story-copy,.product-copy{padding:18px}
.story-copy p,.product-copy p{color:var(--ink2)}
.story-actions,.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}
.save-story{border:0;background:transparent;font-weight:900;color:var(--ink2)}
.save-story.saved{color:var(--ink)}
.product-copy small{display:block;margin-top:12px;color:var(--ink2)}
.cart-bar{
  position:sticky;bottom:82px;z-index:40;margin-top:18px;border:1px solid var(--line);
  border-radius:18px;background:rgba(255,253,248,.96);backdrop-filter:blur(12px);
  padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:var(--shadow)
}
.cart-actions{display:flex;align-items:center;gap:12px}
.cart-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.shop-checkout-note{margin-top:16px;padding:15px;border-radius:16px;background:var(--soft);display:grid;gap:4px}
.support-meter{height:10px;background:var(--sand);border-radius:999px;overflow:hidden;margin:15px 0 7px}
.support-meter div{height:100%;background:var(--agave)}
.support-clarity{margin-top:16px}
@media(max-width:880px){
  .peek-hero,.support-build-hero,.story-grid,.shop-grid{grid-template-columns:1fr}
  .context-story,.contextual-peek-card,.cart-bar{align-items:flex-start;flex-direction:column}
}


/* Beta 3 social authentication */
.social-auth{
  display:grid;
  gap:9px;
  margin:18px 0 10px;
}
.social-auth-btn{
  appearance:none;
  border:1px solid var(--line);
  background:var(--paper);
  color:var(--ink);
  border-radius:14px;
  padding:12px 14px;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font:inherit;
  font-weight:850;
  cursor:pointer;
}
.social-auth-btn:not(:disabled):hover{
  transform:translateY(-1px);
  border-color:var(--ink);
}
.social-auth-btn:disabled{
  opacity:.48;
  cursor:not-allowed;
}
.social-mark{
  width:25px;
  height:25px;
  border:1px solid var(--line);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:950;
  line-height:1;
}
.provider-note{
  color:var(--ink2);
  font-size:.78rem;
  line-height:1.45;
  text-align:center;
  margin-bottom:14px;
}
.auth-divider{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--ink2);
  font-size:.75rem;
  margin:14px 0;
}
.auth-divider::before,.auth-divider::after{
  content:"";
  height:1px;
  background:var(--line);
  flex:1;
}

/* Beta 4 — compliance and payments */
.payment-ready-card{
  margin-top:16px;padding:18px;border:1px solid var(--line);
  border-radius:18px;background:rgba(255,255,255,.48)
}
.payment-ready-card p{margin:10px 0 14px;color:var(--ink2)}
.payment-ready-card small{display:block;margin-top:10px;color:var(--ink2)}
.wallet-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.wallet-row.compact{margin-top:7px}
.wallet-pill{
  border:1px solid var(--line);background:var(--paper);border-radius:999px;
  padding:7px 10px;font-size:.76rem;font-weight:850;letter-spacing:.01em
}
.estimate-payment{margin:14px 0 8px;padding-top:12px;border-top:1px solid var(--line)}
.estimate-payment>span{color:var(--ink2);font-size:.75rem;font-weight:800}
.legal-ack{
  margin:14px 0;padding:14px;border:1px solid var(--line);
  border-radius:14px;background:rgba(255,255,255,.45)
}
.legal-ack label{display:flex;gap:9px;align-items:flex-start;margin:8px 0;line-height:1.4}
.legal-ack input{margin-top:3px}
.legal-ack small{display:block;color:var(--ink2);margin-top:8px}
.legal-ack a,.legal-footer a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.link-btn{text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center}
.legal-footer{
  width:min(1180px,calc(100% - 32px));margin:32px auto 90px;
  border-top:1px solid var(--line);padding:18px 0;
  display:flex;justify-content:space-between;gap:20px;align-items:flex-start;
  color:var(--ink2);font-size:.78rem
}
.legal-footer>div{display:grid;gap:4px}
.legal-footer nav{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:720px){
  .legal-footer{display:grid;margin-bottom:96px}
}

/* Beta 5 — Péek magazine / localized stories */
.local-language-panel{
  margin-top:8px;padding:14px;border:1px solid var(--line);
  border-radius:16px;background:rgba(255,255,255,.48)
}
.local-language-panel>small{display:block;margin-top:10px;color:var(--ink2);line-height:1.45}
.language-priority-list{display:grid;gap:8px;margin-top:9px}
.language-priority{
  display:flex;justify-content:space-between;gap:14px;align-items:center;
  padding:10px 0;border-bottom:1px solid var(--line)
}
.language-priority:last-child{border-bottom:none}
.language-priority strong{display:block;font-size:.88rem}
.language-priority span{display:block;color:var(--ink2);font-size:.74rem;margin-top:2px}
.language-status{
  white-space:nowrap;border:1px solid var(--line);border-radius:999px;
  padding:5px 8px;font-size:.68rem;font-weight:850
}
.language-request-btn{
  border:0;background:none;text-decoration:underline;text-underline-offset:3px;
  cursor:pointer;font:inherit;font-size:.72rem;font-weight:850;color:inherit;padding:4px 0
}
.story-meta-row{
  display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0 0 8px
}
.story-meta-chip{
  border:1px solid var(--line);border-radius:999px;padding:4px 8px;
  font-size:.66rem;font-weight:850;color:var(--ink2)
}
.story-search-intent{
  margin-top:10px;padding-top:10px;border-top:1px solid var(--line);
  color:var(--ink2);font-size:.73rem;line-height:1.45
}
.magazine-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:840px){.magazine-principles{grid-template-columns:1fr}}

/* Beta 6 — local editions, stock photography, accessibility */
.skip-link{
  position:fixed;left:12px;top:10px;z-index:9999;
  transform:translateY(-160%);background:var(--ink);color:var(--bone);
  padding:10px 14px;border-radius:10px;font-weight:900
}
.skip-link:focus{transform:none}
.local-editions{margin:28px 0 8px}
.edition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}
.edition-card{
  min-height:155px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;
  padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--paper);
  text-decoration:none;color:inherit
}
.edition-card span{font-size:.68rem;letter-spacing:.12em;font-weight:950;color:var(--ink2)}
.edition-card strong{font-family:Georgia,serif;font-size:1.5rem}
.edition-card small{color:var(--ink2);line-height:1.4}
.edition-gdl{
  color:white;border-color:transparent;
  background:
    linear-gradient(180deg,rgba(15,43,31,.16),rgba(15,43,31,.88)),
    url('https://images.unsplash.com/photo-1599624893198-d000bdd8bef8?auto=format&fit=crop&fm=jpg&q=80&w=1000') center/cover
}
.edition-gdl span,.edition-gdl small{color:rgba(255,255,255,.86)}
.sister-market-note{
  display:flex;justify-content:space-between;gap:18px;align-items:center;
  margin-top:12px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--soft)
}
.sister-market-note p{margin:.4rem 0 0;color:var(--ink2);max-width:760px;line-height:1.5}
.story-art.has-photo{background-position:center;background-size:cover;color:white;position:relative}
.story-art.has-photo strong{color:white;text-shadow:0 2px 20px rgba(0,0,0,.25)}
.story-photo-credit{font-size:.62rem!important;letter-spacing:0!important;text-transform:none!important;color:rgba(255,255,255,.82)}
@media(max-width:840px){
  .edition-grid{grid-template-columns:1fr}
  .sister-market-note{display:grid}
}

/* Beta 7 — local affordability pricing */
.compact-option{margin:14px 0}
.pricing-principles{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;
  padding:12px 0;color:var(--ink2);font-size:.76rem;font-weight:750
}
.local-price-disclosure{
  margin-top:12px;padding:11px 13px;border:1px solid var(--line);
  border-radius:13px;background:rgba(255,255,255,.45);
  color:var(--ink2);font-size:.74rem;line-height:1.45
}
@media(max-width:620px){.pricing-principles{grid-template-columns:1fr}}

/* Beta 8 — rural/community + WhatsApp tools */
.tool-workspace{margin-top:16px}
.rural-mission-note{
  margin-top:12px;padding:20px;border:1px solid var(--line);border-radius:20px;
  background:linear-gradient(135deg,rgba(89,117,94,.11),rgba(255,255,255,.5))
}
.rural-mission-note strong{display:block;font-family:Georgia,serif;font-size:1.5rem;margin:5px 0}
.rural-mission-note p{max-width:820px;color:var(--ink2);line-height:1.55}
.rural-mission-note a{font-weight:900;color:inherit}
code{overflow-wrap:anywhere}

/* Beta 9 — WhatsApp-first signup and messaging preferences */
.whatsapp-auth-btn{position:relative;flex-wrap:wrap}
.whatsapp-auth-btn small{display:block;width:100%;font-size:.66rem;font-weight:650;color:var(--ink2)}
.whatsapp-auth-btn:not(:disabled) .social-mark{border-color:var(--green)}
.whatsapp-auth-panel{
  border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(255,255,255,.55)
}
.phone-grid{display:grid;grid-template-columns:150px 1fr;gap:10px}
.wa-consent-option{margin:9px 0 12px}
.wa-code-panel{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:620px){.phone-grid{grid-template-columns:1fr}}

/* Beta 10 — zero-budget pilot */
.beta-launch-banner{
  display:flex;justify-content:space-between;gap:18px;align-items:center;
  margin:8px 0 22px;padding:16px 18px;border:1px solid var(--line);
  border-radius:20px;background:linear-gradient(135deg,rgba(84,113,88,.13),rgba(255,255,255,.55))
}
.beta-launch-banner strong{display:block;font-family:Georgia,serif;font-size:1.2rem;margin:6px 0 2px}
.beta-launch-banner small{display:block;color:var(--ink2);line-height:1.4}
.beta-feedback-card{border-style:dashed}
.beta-rating{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}
.selected-feedback{outline:2px solid var(--ink);outline-offset:2px}
@media(max-width:700px){.beta-launch-banner{display:grid}}

/* Beta 11 — value-first, low-friction account saving */
.google-primary{
  background:var(--ink);color:var(--bone);border-color:var(--ink);
  min-height:54px;font-size:.95rem;font-weight:900
}
.google-primary:disabled{opacity:.45}

/* Beta 12 — value-first account flow */
.save-plan-banner{
  margin:14px 0 22px;padding:15px 17px;border:1px solid var(--line);border-radius:18px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:rgba(255,255,255,.52)
}
.save-plan-banner strong{display:block;font-family:Georgia,serif;font-size:1.08rem;margin:3px 0}
.save-plan-banner small{display:block;color:var(--ink2);max-width:650px;line-height:1.45}
@media(max-width:700px){.save-plan-banner{display:grid}}

/* Beta 13 — accessibility hardening */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid #6f3f27;
  outline-offset:3px;
}
button,input,select,textarea{font:inherit}
button,.btn-primary,.btn-soft,.social-auth-btn{min-height:44px}
input,select,textarea{min-height:44px}
textarea{min-height:96px}
[id]{scroll-margin-top:84px}
.notice-at-collection{
  margin:12px 0;padding:12px 13px;border:1px solid var(--line);border-radius:14px;
  background:rgba(255,255,255,.55);font-size:.75rem;line-height:1.5;color:var(--ink2)
}
.notice-at-collection strong{color:var(--ink)}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* Beta 14 — AI / contract disclosures */
.ai-disclosure{
  margin:12px 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;
  background:rgba(255,255,255,.5);font-size:.78rem;line-height:1.55;color:var(--ink2)
}
.ai-disclosure strong{color:var(--ink)}

/* Beta 15 — privacy controls */
.soft-rule{border:0;border-top:1px solid var(--line);margin:18px 0}
.sensitive-reminder{display:block;margin-top:6px;color:var(--ink2);font-size:.7rem;line-height:1.4}


/* Beta 17 — secure Taller purchase review */
.taller-commerce-card{margin-top:18px}
.commerce-summary-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0
}
.commerce-summary-grid>div{
  border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.48)
}
.commerce-summary-grid span{display:block;color:var(--ink2);font-size:.69rem;margin-bottom:5px}
.commerce-summary-grid strong{font-size:.9rem}
.commerce-actions{margin-top:8px}
.purchase-review{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.purchase-policy-block{
  margin:10px 0;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.52)
}
.purchase-policy-block summary{cursor:pointer;font-weight:900}
.purchase-policy-block p{white-space:pre-line;line-height:1.55;color:var(--ink2);font-size:.78rem;margin:.6rem 0 0}
.purchase-ack-list{display:grid;gap:9px;margin:16px 0}
.purchase-ack-list label{display:flex;align-items:flex-start;gap:9px;font-size:.78rem;line-height:1.45;color:var(--ink2)}
.purchase-ack-list input{min-height:auto;margin-top:2px}
.purchase-ack-list a{color:inherit;font-weight:900}
#squareCheckoutButton:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:840px){.commerce-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.commerce-summary-grid{grid-template-columns:1fr}}

/* =========================================================
   Beta 18 — simplified navigation, storefronts, discovery,
   visual Péek, customer updates, contextual Ask Xolii
   ========================================================= */
.compact-lang-chip{display:none!important}
.footer-language{display:flex;align-items:center;justify-content:flex-end;margin-left:auto}
.footer-language-button{border:1px solid var(--line);background:transparent;color:inherit;border-radius:999px;padding:.45rem .7rem;display:flex;gap:.45rem;align-items:center;font:inherit;font-size:.78rem;cursor:pointer}
.footer-language-button span{color:var(--muted)}
.footer-language-button strong{font-size:.78rem}

.discover-head{margin-bottom:1rem}.discover-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:1rem;margin-bottom:2rem}
.discover-search-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(130px,.7fr) auto;gap:.65rem;margin:1rem 0}
.discover-search-row input{width:100%}.discover-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}
.discover-result-card{border:1px solid var(--line);border-radius:18px;padding:1rem;background:var(--card);display:flex;flex-direction:column;gap:.75rem;min-width:0}
.discover-result-card h3{margin:.15rem 0 .25rem}.discover-result-card p{margin:0;color:var(--muted);line-height:1.5}
.empty-state{border:1px dashed var(--line);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.55rem;background:color-mix(in srgb,var(--card) 80%,transparent);grid-column:1/-1}
.empty-state span{color:var(--muted);line-height:1.5}.loading-line{padding:1rem;color:var(--muted)}
.discover-tools-head{margin-top:1.5rem}.discover-owner-card{align-self:start}

.card-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-heading-row h3{margin-bottom:.3rem}
.notifications-card,.storefront-editor-card{grid-column:1/-1}.notification-list{display:flex;flex-direction:column;gap:.55rem;margin-top:.8rem}
.notification-row{display:flex;flex-direction:column;gap:.2rem;text-align:left;border:1px solid var(--line);background:var(--card);color:inherit;padding:.8rem;border-radius:14px;cursor:pointer;font:inherit}
.notification-row span{font-size:.85rem;color:var(--muted);line-height:1.45}.notification-row.unread{border-color:var(--green);box-shadow:inset 3px 0 0 var(--green)}
.profile-media-row{display:flex;align-items:center;gap:1rem;margin:1rem 0}.profile-avatar-preview{width:72px;height:72px;border-radius:22px;background:var(--ink);color:var(--bone);display:grid;place-items:center;font-size:1.7rem;overflow:hidden;flex:0 0 auto}
.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}.file-button{display:inline-flex;cursor:pointer}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.offering-editor{display:flex;flex-direction:column;gap:.55rem;margin:.5rem 0}.offering-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(110px,.7fr) auto;gap:.55rem;align-items:center}.offering-row input{width:100%}.icon-button{border:1px solid var(--line);background:transparent;color:inherit;width:38px;height:38px;border-radius:12px;cursor:pointer;font-size:1.1rem}
.storefront-preview-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);background:var(--sand);padding:.8rem 1rem;border-radius:14px;margin:1rem 0}.storefront-preview-strip a{word-break:break-all}
#storefrontPublishBadge[data-state="published"]{background:var(--green);color:white}

.taller-submit-status{margin-top:.8rem;padding:.85rem 1rem;border:1px solid var(--green);background:color-mix(in srgb,var(--green) 10%,var(--card));border-radius:14px;line-height:1.5}

.ask-xolii-fab{position:fixed;right:1rem;bottom:5.6rem;z-index:86;border:0;border-radius:999px;background:var(--ink);color:var(--bone);padding:.72rem .92rem;box-shadow:0 12px 35px rgba(0,0,0,.18);font:inherit;font-weight:850;cursor:pointer;display:flex;gap:.45rem;align-items:center}.ask-icon{font-size:1rem}
.ask-xolii-backdrop{position:fixed;inset:0;z-index:88;background:rgba(15,43,36,.42);backdrop-filter:blur(3px);display:none}.ask-xolii-backdrop.open{display:block}
.ask-xolii-fab span{font-size:1.05rem}.ask-xolii-panel{position:fixed;right:1rem;bottom:9.3rem;z-index:90;width:min(410px,calc(100vw - 2rem));max-height:min(680px,74vh);border:1px solid rgba(20,55,47,.18);border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:0 28px 90px rgba(8,28,23,.32);padding:1rem;display:none;grid-template-rows:auto auto minmax(120px,1fr) auto auto auto;gap:.75rem;overflow:hidden}
.ask-xolii-panel.open{display:grid}.ask-xolii-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.15rem}.ask-xolii-head h3{margin:.1rem 0;color:var(--ink)}.ask-context{font-size:.84rem;color:var(--ink2);line-height:1.45;border:1px solid var(--line);padding:.7rem .78rem;border-radius:14px;background:rgba(230,221,203,.72)}
body.ask-xolii-open{overflow:hidden}body.ask-xolii-open .ask-xolii-fab{visibility:hidden}
.ask-messages{overflow:auto;display:flex;flex-direction:column;gap:.55rem;padding:.15rem}.ask-message{max-width:90%;padding:.7rem .8rem;border-radius:14px;line-height:1.45;font-size:.9rem}.ask-message.assistant{background:var(--sand);align-self:flex-start}.ask-message.user{background:var(--ink);color:var(--bone);align-self:flex-end}.ask-action{align-self:flex-start;border:1px solid var(--line);background:transparent;color:inherit;border-radius:999px;padding:.45rem .7rem;font:inherit;font-size:.82rem;cursor:pointer}
.ask-suggestions{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.1rem}.ask-suggestions button{white-space:nowrap;border:1px solid var(--line);background:transparent;color:inherit;border-radius:999px;padding:.42rem .65rem;font:inherit;font-size:.76rem;cursor:pointer}.ask-input-row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.ask-input-row input{min-width:0}

.peek-topic-pills{display:flex;gap:.45rem;overflow-x:auto;padding:.15rem 0 .9rem;scrollbar-width:none}.peek-topic-pills::-webkit-scrollbar{display:none}.peek-topic-pills button{white-space:nowrap;border:1px solid var(--line);background:transparent;color:inherit;border-radius:999px;padding:.5rem .78rem;font:inherit;font-size:.82rem;cursor:pointer}.peek-topic-pills button.active{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.story-card{overflow:hidden}.story-card:first-child{grid-column:span 2}.story-card:first-child .story-art{min-height:260px}.story-art{position:relative;min-height:180px;background:linear-gradient(135deg,var(--green),var(--ink));border-radius:16px;overflow:hidden}.story-art::after{content:"";position:absolute;inset:auto -12% -35% auto;width:180px;height:180px;border:24px solid rgba(255,255,255,.11);border-radius:50%}.story-art strong{font-size:clamp(2rem,7vw,4.4rem);letter-spacing:-.06em}.story-actions{flex-wrap:wrap}

/* Hide the legacy assessment route from ordinary navigation. It remains in the
   bundle only for old links/state compatibility. */
.view[data-view="start"]{display:none!important}.view[data-view="start"].active{display:none!important}

@media(max-width:780px){
  .discover-grid,.discover-results{grid-template-columns:1fr}.discover-search-row{grid-template-columns:1fr}.story-card:first-child{grid-column:auto}.story-card:first-child .story-art{min-height:210px}.offering-row{grid-template-columns:1fr auto}.offering-row input:nth-child(2){grid-column:1/2}.ask-xolii-fab{bottom:calc(5.15rem + env(safe-area-inset-bottom));right:.65rem;padding:.62rem .72rem;font-size:.88rem}.ask-xolii-panel{left:0;right:0;bottom:0;width:100%;max-height:min(82dvh,720px);border-radius:26px 26px 0 0;border-left:0;border-right:0;border-bottom:0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));}.ask-messages{min-height:120px}.footer-language{justify-content:flex-start;width:100%;margin:0 0 .75rem}.storefront-preview-strip{align-items:flex-start;flex-direction:column}
}
.cover-upload-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:1rem;align-items:center;margin:0 0 1rem}.storefront-cover-preview{min-height:120px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(135deg,var(--green),var(--ink));color:var(--bone);display:grid;place-items:center;overflow:hidden}.storefront-cover-preview img{width:100%;height:140px;object-fit:cover}.storefront-growth-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin:.75rem 0}.peek-feature-request{border:1px solid var(--line);border-radius:16px;padding:1rem;background:var(--sand);margin-bottom:1rem}
@media(max-width:680px){.cover-upload-row{grid-template-columns:1fr}.storefront-cover-preview{min-height:110px}}
.partnership-form{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--card)}


/* Beta 18.2 — compact Péek language control at the end of Stories */
.peek-language-footer-card{
  margin:1.15rem 0 0;padding:.72rem .78rem;border-top:1px solid var(--line);
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem .8rem;align-items:center
}
.peek-language-footer-copy{min-width:0}.peek-language-footer-copy .tiny{margin:0}.peek-language-footer-copy small{display:block;color:var(--muted);font-size:.72rem;margin-top:.12rem;line-height:1.35}
.peek-language-switch{display:inline-flex;align-items:center;gap:.18rem;padding:.2rem;border:1px solid var(--line);border-radius:999px;background:var(--card)}
.peek-language-switch button{border:0;background:transparent;color:var(--ink);border-radius:999px;padding:.42rem .62rem;min-width:42px;font:inherit;font-weight:800;font-size:.76rem;cursor:pointer}
.peek-language-switch button.active{background:var(--ink);color:var(--bone)}
.compact-language-panel{grid-column:1/-1;margin:.15rem 0 0;padding:.65rem .75rem;background:var(--card);border-radius:14px}
.compact-language-panel summary{cursor:pointer;font-weight:850;font-size:.78rem;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.compact-language-panel summary::-webkit-details-marker{display:none}.compact-language-panel summary::after{content:'+';font-size:1rem}.compact-language-panel[open] summary::after{content:'−'}
.compact-language-panel .language-priority-list{margin-top:.55rem}.compact-language-panel .language-priority{padding:.65rem 0}.compact-language-panel .language-priority strong{font-size:.82rem}.compact-language-panel .language-priority span{font-size:.7rem}.compact-language-panel .language-status{font-size:.62rem;padding:.35rem .5rem}.compact-language-panel>small{font-size:.68rem;margin-top:.55rem}
@media(max-width:640px){
  .peek-language-footer-card{grid-template-columns:1fr;padding:.7rem .15rem .2rem;margin-top:1rem}
  .peek-language-switch{justify-self:start}
  .compact-language-panel{padding:.65rem .7rem}
  .compact-language-panel .language-priority{align-items:flex-start;flex-direction:column;gap:.4rem}
}

/* Account-required app gate */
body.auth-required{overflow:hidden}
body.auth-required #signupModal{display:flex;background:var(--bone);padding:18px}
body.auth-required #signupModal .modal{box-shadow:none;border:1px solid var(--line);max-height:calc(100dvh - 36px)}
body.auth-required #closeSignup{display:none}
.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:560px){
  body.auth-required #signupModal{align-items:flex-start;padding:12px;padding-top:max(20px,env(safe-area-inset-top))}
  body.auth-required #signupModal .modal{width:100%;max-height:calc(100dvh - 28px);border-radius:22px;padding:20px}
  .auth-actions{grid-template-columns:1fr}
}
body.auth-required .app{visibility:hidden;pointer-events:none;user-select:none}
body.auth-required .skip-link{display:none}
.auth-region-note{margin:6px 0 2px;color:var(--ink2);font-size:.82rem;font-weight:800}

/* Beta 18.5 — signed-in Home dashboard */
.home-dashboard-shell{display:grid;gap:22px;max-width:1120px;margin:0 auto;padding:10px 0 54px}
.home-welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:16px 0 2px}
.home-welcome-row h1{margin:.25rem 0 .35rem;font-size:clamp(2.25rem,6vw,4.4rem);line-height:.96;max-width:760px}
.home-welcome-row .lede{margin:0;max-width:680px}
.home-beta-pill{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-weight:800;color:var(--green);background:var(--card)}
.home-next-card{background:var(--green);color:var(--bone);border-radius:28px;padding:clamp(24px,4vw,42px);box-shadow:0 18px 50px rgba(23,49,40,.12)}
.home-next-card .tiny{color:#c9d7ce}.home-next-card h2{font-size:clamp(2rem,5vw,3.45rem);line-height:1;margin:.45rem 0 .75rem;max-width:820px}.home-next-card p{max-width:760px;font-size:1.08rem;color:#eef3ef}
.home-next-card .btn-primary{background:var(--bone);color:var(--green);border-color:var(--bone)}
.home-next-card .btn-soft{background:transparent;color:var(--bone);border-color:rgba(255,255,255,.38)}
.home-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.home-status-card{appearance:none;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:22px;padding:20px;min-height:180px;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;gap:8px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.home-status-card:hover,.home-status-card:focus-visible{transform:translateY(-2px);border-color:var(--green);box-shadow:0 14px 32px rgba(23,49,40,.08)}
.home-status-card strong{font-family:var(--serif);font-size:1.55rem;line-height:1.05}.home-status-card small{color:var(--muted);font-size:.96rem;line-height:1.45}.home-status-icon{width:38px;height:38px;border-radius:13px;background:var(--sage-soft);display:grid;place-items:center;color:var(--green);font-weight:900}
.home-updates-card{border:1px solid var(--line);background:var(--card);border-radius:24px;padding:22px}.home-section-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.home-section-row h2{margin:.3rem 0 0}.home-update-count{min-width:38px;height:38px;border-radius:999px;background:var(--green);color:var(--bone);display:grid;place-items:center;font-weight:900}.home-updates-list{display:grid;gap:8px;margin-top:16px}.home-update-empty{padding:15px 0;color:var(--muted)}
.home-update-row{width:100%;appearance:none;border:0;border-top:1px solid var(--line);background:transparent;padding:14px 2px;text-align:left;display:flex;justify-content:space-between;gap:14px;align-items:center;color:var(--ink);cursor:pointer}.home-update-row span:first-child{display:grid;gap:5px}.home-update-row small{color:var(--muted);line-height:1.4}.home-update-row.unread strong:before{content:'';display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--green);margin-right:8px;vertical-align:2px}.home-update-arrow{font-size:1.25rem;color:var(--green)}
.home-discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-discovery-card{appearance:none;border:1px solid var(--line);border-radius:24px;background:var(--bone);padding:24px;text-align:left;color:var(--ink);cursor:pointer}.home-discovery-card h3{font-family:var(--serif);font-size:1.75rem;line-height:1.05;margin:.5rem 0}.home-discovery-card p{color:var(--muted);line-height:1.5}.home-discovery-card>span{display:inline-block;margin-top:12px;color:var(--green);font-weight:900}.home-discovery-card:hover,.home-discovery-card:focus-visible{border-color:var(--green)}
.home-utility-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;color:var(--muted)}
@media(max-width:760px){.home-dashboard-shell{gap:16px;padding-top:0}.home-welcome-row{align-items:flex-start;flex-direction:column;padding-top:5px}.home-beta-pill{font-size:.82rem}.home-next-card{border-radius:22px;padding:24px 20px}.home-next-card .cta{display:grid;grid-template-columns:1fr}.home-next-card .cta button{width:100%}.home-status-grid{grid-template-columns:1fr}.home-status-card{min-height:0;padding:18px}.home-discovery-grid{grid-template-columns:1fr}.home-updates-card{padding:18px}.home-utility-row{align-items:stretch}.home-utility-row .btn-soft{flex:1 1 180px}.home-welcome-row h1{font-size:2.55rem}}

/* Beta 19 account-first landing */
.auth-landing{display:none;min-height:100dvh;padding:clamp(20px,4vw,48px);background:radial-gradient(circle at 75% 10%,rgba(168,185,157,.26),transparent 28%),linear-gradient(180deg,#f7f3eb 0%,var(--bone) 100%);align-items:center;justify-items:center}
body.auth-checking .auth-landing,body.auth-required .auth-landing{display:grid}
body.auth-checking .app,body.auth-required .app{display:none}
body.auth-checking .skip-link,body.auth-required .skip-link{display:none}
.auth-landing-card{width:min(960px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:28px 42px;align-items:center;border:1px solid var(--line);background:rgba(255,253,248,.9);border-radius:36px;padding:clamp(24px,5vw,56px);box-shadow:0 30px 90px rgba(20,55,47,.10)}
.auth-landing-brand{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:.18em}.auth-mark{width:42px;height:42px}.auth-kicker{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--agave)}
.auth-landing-copy h1{font-size:clamp(2.8rem,7vw,5.4rem);max-width:760px;margin:.65rem 0 .8rem}.auth-landing-copy p{font-size:1.15rem;color:var(--ink2);max-width:680px}.auth-landing-actions{display:grid;gap:12px;align-self:end}.auth-landing-actions button{width:100%;min-height:54px;font-size:1rem}.auth-landing-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.auth-landing-points>div{border:1px solid var(--line);background:var(--bone);border-radius:18px;padding:16px;display:grid;gap:4px}.auth-landing-points span{color:var(--muted);font-size:.92rem}.auth-landing-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:18px;font-size:.9rem;color:var(--ink2)}.auth-landing-links a{font-weight:800}.auth-landing-status{grid-column:1/-1;color:var(--muted);font-size:.9rem}.auth-landing-status[data-kind="error"]{color:#8a3f34}
.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--sand);border-radius:999px;padding:4px;margin:14px 0 8px}.auth-mode-tab{border:0;border-radius:999px;background:transparent;padding:10px 14px;font-weight:900}.auth-mode-tab.active{background:var(--paper);box-shadow:0 3px 12px rgba(20,55,47,.08)}.auth-mode-copy{color:var(--ink2);margin:.7rem 0}.password-row{display:grid;grid-template-columns:1fr auto;gap:8px}.password-toggle{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:0 14px;font-weight:850}.account-modal{background:var(--paper)}

@media(max-width:760px){
  .auth-landing{padding:max(18px,env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom));align-items:start}
  .auth-landing-card{grid-template-columns:1fr;border-radius:28px;padding:24px 20px;gap:20px;box-shadow:none}
  .auth-landing-brand{grid-column:auto}.auth-landing-points{grid-column:auto;grid-template-columns:1fr}.auth-landing-links,.auth-landing-status{grid-column:auto}
  .auth-landing-copy h1{font-size:clamp(2.55rem,12vw,4rem)}.auth-landing-copy p{font-size:1.05rem}
  .auth-landing-actions{width:100%}.modal-bg{padding:10px;align-items:flex-end}.modal{border-radius:24px 24px 16px 16px;max-height:min(90dvh,760px);padding:20px}.auth-mode-tabs{position:sticky;top:-20px;z-index:2}
  .ask-xolii-fab .ask-label{max-width:86px;overflow:hidden;white-space:nowrap}
}

.profile-jumpbar{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 18px}.profile-jumpbar .btn-soft{padding:8px 13px}.profile-jumpbar{position:sticky;top:76px;z-index:20;background:rgba(244,240,231,.94);backdrop-filter:blur(10px);padding:8px 0}
@media(max-width:880px){#accountTopBtn{display:none}.profile-jumpbar{top:68px;overflow-x:auto;flex-wrap:nowrap;padding:8px 0 10px}.profile-jumpbar .btn-soft{white-space:nowrap;flex:0 0 auto}}

.auth-beta-scope{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.auth-beta-scope small{color:var(--muted);line-height:1.4}

/* Beta 19.1 account recovery */
.auth-recovery-row{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:10px}.auth-support-link{font-size:.82rem;font-weight:800}.auth-landing-status[data-kind="error"]{color:#7b2f24}.auth-landing-status[data-kind="error"] + .auth-recovery-row #authRetry{display:inline-flex!important}