/* Pesewa Marketing: landing, sign in, onboarding and member extras */
.boot{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:6px}
a{color:var(--navy)}
select,textarea{font:inherit;color:inherit;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}
select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.btn.danger{color:var(--crimson);border-color:#f6c2cb}
.btn.danger:hover{background:var(--crimson-soft)}
.btn[disabled]{opacity:.6;cursor:wait}

/* Landing */
#landing{background:
  radial-gradient(700px 380px at 0% 0%,var(--gold-soft),transparent 70%),
  radial-gradient(700px 420px at 100% 10%,var(--green-soft),transparent 70%),var(--bg)}
.lnav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(16px,4vw,48px);max-width:1240px;margin:0 auto}
.lnav nav{display:flex;align-items:center;gap:18px;font-weight:600;font-size:14px}
.lnav nav a:not(.btn){color:var(--ink);text-decoration:none}
.lnav nav a:not(.btn):hover{color:var(--crimson)}
.lhero{max-width:1240px;margin:0 auto;padding:clamp(16px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,56px);align-items:center}
.lhero h1{font-size:clamp(40px,5.6vw,72px);line-height:.98;font-weight:800;letter-spacing:-.025em;margin:6px 0 14px;max-width:12ch}
.lsub{font-size:clamp(16px,1.4vw,19px);max-width:52ch;margin:0 0 14px;color:#3d3830}
.lflags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.signcard{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:20px;display:grid;gap:8px;max-width:560px;
  background-image:linear-gradient(90deg,var(--green) 0 25%,var(--gold) 0 50%,var(--crimson) 0 75%,var(--navy) 0);background-size:100% 5px;background-repeat:no-repeat}
.signcard p{margin:0}
.signcard .row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.signcard .row input{flex:1 1 220px;min-width:0;padding:11px 12px;font-size:16px}
#code{letter-spacing:.3em;font-variant-numeric:tabular-nums}
.linkfix{margin-top:6px} .linkfix summary{cursor:pointer;color:var(--navy)} .linkfix p{margin:6px 0 0}
.lpreview{position:relative}
.pv{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 60px rgba(28,26,23,.12);padding:10px;transform:rotate(1.2deg)}
.pvbar{display:flex;align-items:center;gap:6px;padding:6px 8px 10px;border-bottom:1px solid var(--line)}
.pvbar span{width:10px;height:10px;border-radius:50%;background:#e9e2d4}
.pvbar span:nth-child(1){background:var(--crimson)} .pvbar span:nth-child(2){background:var(--gold)} .pvbar span:nth-child(3){background:var(--green)}
.pvbar b{margin-left:8px;font-family:var(--display)}
.pvmsg{display:flex;gap:12px;align-items:center;padding:12px 10px;border-bottom:1px solid #f1ece2}
.pvmsg:last-child{border-bottom:0}
.pvmsg i{font-style:normal}
.pvmsg b{display:block;font-size:14px}
.pvmsg small{display:block;color:var(--muted);font-size:12.5px}
.pvmsg.pvb{background:var(--gold-soft);border-radius:12px}
.lband{max-width:1240px;margin:0 auto;padding:clamp(24px,5vw,64px) clamp(16px,4vw,48px) 12px}
.lband h2,.lgrid h2{margin-bottom:14px}
.steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:4px}
.steps li::before{content:counter(s);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;background:var(--crimson);margin-bottom:6px}
.steps li:nth-child(2)::before{background:var(--gold);color:var(--ink)} .steps li:nth-child(3)::before{background:var(--green)}
.steps span{color:var(--muted);font-size:14px}
.lgrid{max-width:1240px;margin:0 auto;padding:24px clamp(16px,4vw,48px) 40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lgrid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:8px;align-content:start}
.lgrid article i{font-style:normal}
.lgrid h3{margin:4px 0 0;font-size:18px}
.lgrid p{margin:0;font-size:14px;color:#4a443b}
.lfoot{max-width:1240px;margin:0 auto;padding:20px clamp(16px,4vw,48px) 40px;border-top:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}
@media (max-width:980px){
  .lhero{grid-template-columns:1fr}
  .lpreview{order:2}
  .pv{transform:none}
  .steps,.lgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .lnav nav a:not(.btn){display:none}
  .steps,.lgrid{grid-template-columns:1fr}
  .lhero h1{max-width:none}
}

/* Onboarding and profile form */
.onboard{min-height:100dvh;padding:24px;display:grid;place-items:start center;background:
  radial-gradient(600px 300px at 10% 0%,var(--gold-soft),transparent),radial-gradient(600px 300px at 100% 100%,var(--green-soft),transparent),var(--bg)}
.obcard{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:clamp(18px,3vw,32px);width:min(820px,100%);margin:clamp(0px,4vh,40px) 0}
.obcard h1{font-size:clamp(26px,3vw,34px);margin:2px 0 6px}
.obcard > p{margin:0 0 16px}
.pform{display:grid;gap:16px}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.pgrid label,.pgrid fieldset{display:grid;gap:6px;font-weight:600;font-size:14px;margin:0}
.pgrid .wide{grid-column:1/-1}
.pgrid input:not([type=checkbox]):not([type=radio]),.pgrid select{width:100%;font-weight:400}
.pgrid fieldset{border:0;padding:0}
.pgrid legend{padding:0;margin-bottom:6px}
.mkt{display:flex!important;gap:8px;flex-wrap:wrap;align-items:center}
.mkt legend{width:100%}
.pill{display:inline-flex!important;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:600;background:#fff}
.pill:has(input:checked){border-color:var(--crimson);background:var(--crimson-soft);color:var(--crimson)}
.chanlist{display:flex;flex-wrap:wrap;gap:8px}
.chanlist label{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-weight:500;cursor:pointer;background:#fff}
.chanlist label:has(input:checked){background:var(--gold-soft);border-color:#f5dd9c}
.check{display:flex!important;align-items:flex-start;gap:8px;font-weight:500!important}
.check input{margin-top:3px}
.pactions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
@media (max-width:620px){ .pgrid{grid-template-columns:1fr} }

/* Inbox extras for members */
.fi-app{background:var(--green)} .fi-post{background:#e0a100} .fi-opp{background:#d6409f} .fi-setup{background:var(--navy)} .fi-report{background:#5470b0}
.av-opp{background:#d6409f} .av-setup{background:var(--navy)}
.ctag.ct-opp{background:#fbe3f1;color:#a3237a} .ctag.ct-setup{background:var(--navy-soft);color:var(--navy)}
.steplist{margin:8px 0 12px;padding-left:20px;display:grid;gap:6px}
.chk{display:grid;gap:6px;margin:10px 0}
.chk li{list-style:none;display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px}
.chk li.ok{color:var(--muted);text-decoration:line-through}
.chk li .dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--line);flex:none}
.chk li.ok .dot{background:var(--green);border-color:var(--green)}
.chk li button{margin-left:auto}
.hltab{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.hltab th,.hltab td{padding:7px 10px;text-align:left;border-bottom:1px solid #f1ece2}
.hltab th{font-size:12px;color:var(--muted);font-weight:600;background:#faf7f1}
.glance{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}
.glance li{display:flex;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px}
.glance li b{font-variant-numeric:tabular-nums}
.appcard .top2{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.appcard .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.on-app{font-size:11px;font-weight:700;background:var(--green-soft);color:var(--green);border-radius:8px;padding:2px 8px;white-space:nowrap}
.int-on{background:#fbe3f1!important;border-color:#f3b9da!important;color:#a3237a!important}
.wd .ch{font-size:12px;color:var(--muted)}
@media (max-width:900px){ .week{grid-template-columns:1fr 1fr} }

/* AI growth plan */
.fi-plan{background:linear-gradient(135deg,var(--crimson),var(--gold))}
.av-plan{background:linear-gradient(135deg,var(--crimson),#e0a100 55%,var(--green));color:#fff;font-weight:800}
.ctag.ct-plan{background:linear-gradient(90deg,var(--gold-soft),var(--green-soft));color:#7a4d00}
.newtag{font-size:10px;font-weight:800;letter-spacing:.05em;background:linear-gradient(135deg,var(--crimson),var(--gold));color:#fff;border-radius:6px;padding:1px 6px;margin-left:6px;vertical-align:1px}
.spark{display:inline-block;width:44px;height:44px;border-radius:50%;background:conic-gradient(var(--crimson),var(--gold),var(--green),var(--navy),var(--crimson));animation:spin 2.4s linear infinite;-webkit-mask:radial-gradient(circle,transparent 52%,#000 54%);mask:radial-gradient(circle,transparent 52%,#000 54%)}
.spark.sm{width:14px;height:14px;animation-duration:4s}
@keyframes spin{to{transform:rotate(1turn)}}
@media (prefers-reduced-motion:reduce){.spark{animation:none}}
.aibadge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #f5dd9c;border-radius:999px;padding:6px 14px;font-weight:700;font-size:14px;color:var(--ink);text-decoration:none;box-shadow:var(--shadow);margin-bottom:6px}
.aibadge:hover{background:var(--gold-soft)}
.pvmsg.pvai{background:linear-gradient(90deg,#fff1f3,var(--gold-soft));border-radius:12px;margin-bottom:4px}
.lai{max-width:1240px;margin:0 auto;padding:clamp(24px,5vw,64px) clamp(16px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,48px);align-items:center}
.lai h2{font-size:clamp(28px,3.4vw,44px);line-height:1.05;margin:4px 0 10px;max-width:20ch}
.laipts{list-style:none;padding:0;margin:14px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.laipts li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:4px;border-top:4px solid var(--crimson)}
.laipts li:nth-child(2){border-top-color:var(--gold)} .laipts li:nth-child(3){border-top-color:var(--green)} .laipts li:nth-child(4){border-top-color:var(--navy)}
.laipts span{font-size:14px;color:var(--muted)}
.lai .btn.primary{padding:12px 20px;font-size:16px}
.lai > div > .muted{margin-top:10px}
.sp{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 60px rgba(28,26,23,.12);padding:20px;display:grid;gap:12px;transform:rotate(-1deg);
  background-image:linear-gradient(90deg,var(--green) 0 25%,var(--gold) 0 50%,var(--crimson) 0 75%,var(--navy) 0);background-size:100% 6px;background-repeat:no-repeat}
.sp h3{font-size:22px;line-height:1.15}
.sp .eyebrow{margin:0}
.bigidea{margin:6px 0;background:var(--gold-soft);border-left:4px solid var(--gold);border-radius:10px;padding:10px 14px;font-size:15px}
.bigidea span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a5a00;margin-bottom:2px}
.spw ul{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:6px;font-size:14px}
.spw li{display:flex;gap:8px;align-items:center}
.spw li::before{content:"";width:16px;height:16px;border-radius:5px;border:2px solid var(--line);flex:none}
.spw li.ok{color:var(--muted);text-decoration:line-through}
.spw li.ok::before{background:var(--green);border-color:var(--green)}
.spapps{display:flex;flex-wrap:wrap;gap:6px}
.spapps span{font-size:12.5px;font-weight:700;background:var(--green-soft);color:var(--green);border-radius:999px;padding:4px 10px}
.spbar,.gbar{height:8px;background:#f1ece2;border-radius:99px;overflow:hidden}
.spbar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold))}
@media (max-width:980px){.lai{grid-template-columns:1fr}.sp{transform:none}}
@media (max-width:620px){.laipts{grid-template-columns:1fr}}

#growthBox{display:grid;gap:14px}
.gbuild{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(18px,3vw,32px);display:grid;gap:8px;justify-items:start;box-shadow:var(--shadow)}
.gbuild h2{font-size:clamp(22px,2.6vw,30px)}
.bsteps{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}
.bsteps li{display:flex;gap:10px;align-items:center;color:var(--muted)}
.bsteps .dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--line);flex:none}
.bsteps li.ok{color:var(--ink)} .bsteps li.ok .dot{background:var(--green);border-color:var(--green)}
.bsteps li.now{color:var(--ink);font-weight:700} .bsteps li.now .dot{border-color:var(--gold);border-top-color:transparent;animation:spin 1s linear infinite}
.ghero{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(18px,3vw,28px);box-shadow:var(--shadow);
  background-image:linear-gradient(90deg,var(--green) 0 25%,var(--gold) 0 50%,var(--crimson) 0 75%,var(--navy) 0),radial-gradient(500px 220px at 100% 0%,var(--gold-soft),transparent 70%);background-size:100% 6px,100% 100%;background-repeat:no-repeat}
.ghero h2{font-size:clamp(24px,3vw,36px);line-height:1.08;margin:2px 0 8px}
.ghero .lead{margin:0 0 6px;font-size:16px;color:#3d3830}
.aitag{background:linear-gradient(135deg,var(--crimson),var(--gold));color:#fff;border-radius:6px;padding:1px 7px;letter-spacing:.04em}
.gprog{text-align:center;display:grid;justify-items:center;gap:2px}
.gprog p{margin:0}
.ring{--p:0;width:118px;height:118px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,#fff 78%,transparent 80% 100%),conic-gradient(var(--green) calc(var(--p)*1%),#f1ece2 0);margin-bottom:6px}
.ring b{font-size:26px;font-family:var(--display);line-height:1} .ring span{font-size:12px;color:var(--muted)}
.gtoday{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;background:var(--green-soft);border:1px solid #b7e3cf;border-radius:16px;padding:14px 18px}
.gtoday p{margin:0} .gtoday .tt{font-weight:700;font-size:16px;margin:2px 0}
.gtoday .acts,.gpost .acts,.gapp .acts{display:flex;gap:8px;flex-wrap:wrap}
.gh{margin:10px 0 0;font-size:20px}
.gpost{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:10px;justify-items:start}
.gpost textarea{width:100%;resize:vertical;font-size:15px;line-height:1.5}
.gpost p{margin:0}
.chip.social{font-size:12px;font-weight:700;background:var(--navy-soft);color:var(--navy);border-radius:999px;padding:3px 10px}
.gapps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gapp{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:6px;align-content:start;border-top:5px solid var(--crimson)}
.gapp.c1{border-top-color:var(--gold)} .gapp.c2{border-top-color:var(--green)}
.gapp .num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--crimson-soft);color:var(--crimson)}
.gapp.c1 .num{background:var(--gold-soft);color:#8a5a00} .gapp.c2 .num{background:var(--green-soft);color:var(--green)}
.gapp h4{margin:0;font-size:17px;font-family:var(--display)} .gapp p{margin:0;font-size:14px}
.gweeks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gweek{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:6px;align-content:start}
.gweek.now{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.gweek header{display:flex;gap:8px;align-items:center}
.gweek header .small{margin-left:auto}
.wk{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--crimson)}
.nowtag{font-size:11px;font-weight:800;background:var(--gold);color:var(--ink);border-radius:6px;padding:1px 7px}
.gweek h4{margin:0;font-size:17px;font-family:var(--display)} .gweek > p{margin:0}
.gtasks{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:8px}
.gtasks li{border:1px solid #f1ece2;border-radius:10px;padding:8px 10px;background:#fdfbf7}
.gtasks label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:14px}
.gtasks input{width:18px;height:18px;margin-top:2px;accent-color:var(--green);flex:none}
.gtasks li.ok label span{color:var(--muted);text-decoration:line-through}
.tmeta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:4px 0 0 28px}
.tchip{font-size:11.5px;font-weight:700;background:#f1ece2;color:#5d564b;border-radius:6px;padding:1px 7px}
.tchip.ch{background:var(--navy-soft);color:var(--navy)}
.gextra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gx{border-radius:16px;padding:16px;display:grid;gap:6px;align-content:start}
.gx > span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.gx p{margin:0} .gx ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:14px}
.gx.y{background:var(--gold-soft)} .gx.y span{color:#8a5a00}
.gx.g{background:var(--green-soft)} .gx.g > span{color:var(--green)}
.gx.n{background:var(--navy-soft)} .gx.n > span{color:var(--navy)}
.gfoot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:center;border-top:1px solid var(--line);padding-top:14px}
.gfoot p{margin:0}
.regen{display:flex;gap:8px;flex-wrap:wrap}
.regen input{flex:1 1 220px;min-width:0}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;font-size:14px}
.facts dt{color:var(--muted)} .facts dd{margin:0;font-weight:600}
@media (max-width:900px){.gapps,.gextra{grid-template-columns:1fr}.gweeks{grid-template-columns:1fr}.gfoot{grid-template-columns:1fr}}
@media (max-width:620px){.ghero{grid-template-columns:1fr}.gprog{grid-template-columns:auto 1fr;justify-items:start;text-align:left;column-gap:14px}.gprog .ring{grid-row:span 2;width:84px;height:84px;margin:0}.ring b{font-size:20px}}
@media print{.side,.mbar,.backin,.regen,.gpost .acts,.gtoday .acts,.gapp .acts{display:none!important}.shell{display:block}}

/* Admin entry (only shown to accounts on the admin list) */
.adminlink{display:flex;align-items:center;gap:8px;margin:14px 0 4px;padding:9px 12px;border-radius:12px;background:#1d2b53;color:#fff;font-weight:700;font-size:14px;text-decoration:none}
.adminlink:hover{background:#13204a}
.adminlink em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#f2b705;color:#1d2b53;border-radius:999px;padding:2px 8px}
.adminlink[hidden]{display:none}