/* KadaAI: page styles for /investors. Linked after site.css.
   Blocks: inv-problem (problem cards) · inv-duo (dashboard + invoice pair) · inv-moat
   (defensibility cards) · inv-speed (measured speed) · inv-eq (pricing structure) · inv-upsell + inv-ladder
   (AI tiers) · inv-steps (go-to-market) · inv-soon (roadmap cards) · inv-traction · inv-deck (deck request form). */

/* Problem */
.inv-problem h3{font-size:1.1875rem}

/* Product: dashboard + invoice, frames of equal height on desktop (7:5 columns) */
.inv-duo{display:grid;gap:clamp(3.5rem, 2.5rem + 3vw, 4.5rem);margin-top:clamp(4.5rem, 3rem + 5vw, 8rem)}
.inv-duo__item{display:grid;gap:1.5rem;align-content:start;min-width:0}
.inv-duo__text{display:grid;gap:.75rem;justify-items:start;max-width:34em}
.inv-duo__text h3{font-size:clamp(1.5rem, 1.25rem + 1vw, 2rem);line-height:1.15;letter-spacing:-.03em}
.inv-duo__text p:not(.eyebrow){font-size:1.0625rem}
@media (min-width: 900px) {
  .inv-duo {grid-template-columns:minmax(0, 7fr) minmax(0, 5fr);grid-template-rows:auto auto;column-gap:clamp(2rem, 1rem + 2.5vw, 3rem);row-gap:1.75rem}
  .inv-duo__item {grid-row:span 2;grid-template-rows:subgrid;gap:0}
  .inv-duo__item > .shot {align-self:start}
}

/* Defensibility */
.inv-moat{display:grid;gap:clamp(1rem, .75rem + 1vw, 1.5rem)}
@media (min-width: 768px) {.inv-moat {grid-template-columns:repeat(2, minmax(0, 1fr))} }
.inv-moat__card{gap:.85rem}
.inv-moat__card h3{font-size:clamp(1.25rem, 1.15rem + .4vw, 1.4375rem);padding-right:3.5rem}
.inv-moat__card > p:not(.card__foot):not(.inv-moat__new){font-size:1rem}
/* Outline numerals: decoration only (aria-hidden), but a stroke strong enough to read as deliberate */
.inv-moat__num{position:absolute;top:clamp(1.25rem, 1rem + .8vw, 1.75rem);right:clamp(1.5rem, 1.25rem + .8vw, 2rem);font-size:2.25rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:transparent;font-variant-numeric:tabular-nums;-webkit-text-stroke:1.5px #A9B5CC}
.card--ai .inv-moat__num{-webkit-text-stroke-color:rgba(30,107,240,.6)}
.inv-moat__new{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem .9rem;font-size:.9375rem !important;line-height:1.5;color:var(--ink-2);background:var(--warm-tint);border-radius:var(--r)}
.inv-moat__new .badge{flex:none;background:#fff}
.inv-moat__card .card__foot{padding-top:.25rem}

/* Measured speed */
.inv-speed{margin-top:clamp(3.5rem, 2.5rem + 3vw, 5rem)}
.inv-speed__head{display:grid;gap:.5rem;justify-items:center;margin-bottom:1.75rem;text-align:center}
.inv-speed__head h3{font-size:clamp(1.375rem, 1.2rem + .7vw, 1.75rem);letter-spacing:-.025em}
.inv-speed .footnotes{margin-top:1.25rem}

/* Business model: what a store pays, as a sum */
.inv-eq{display:grid;gap:.5rem;align-items:stretch;max-width:520px;margin-inline:auto}
.inv-eq__item{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;grid-template-areas:"icon name price" "icon desc price";column-gap:1rem;row-gap:.1rem;align-items:center;padding:1.1rem 1.25rem;background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}
.inv-eq__item .icon-tile{grid-area:icon}
.inv-eq__name{grid-area:name;font-weight:700;line-height:1.3;color:var(--ink)}
.inv-eq__desc{grid-area:desc;font-size:.875rem;line-height:1.4;color:var(--text-muted)}
.inv-eq__price{grid-area:price;display:grid;justify-items:end;font-size:1.375rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.inv-eq__price > span:last-child{font-size:.75rem;font-weight:600;letter-spacing:0;color:var(--text-muted)}
.inv-eq__item--ai{border-color:transparent;background:linear-gradient(#fff, #fff) padding-box, var(--ai-gradient) border-box;box-shadow:0 18px 40px -24px rgba(30,107,240,.45)}
.inv-eq__op{display:grid;place-items:center;justify-self:center;width:2rem;height:2rem;border-radius:50%;font-size:1.125rem;font-weight:800;line-height:1;color:var(--text-muted);background:#fff;border:1px solid var(--border)}
@media (min-width: 1100px) {
  .inv-eq {grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);max-width:none;gap:.75rem}
  .inv-eq__item {grid-template-columns:minmax(0, 1fr);grid-template-areas:"icon" "name" "price" "desc";row-gap:.35rem;align-content:start;padding:1.5rem 1.4rem}
  .inv-eq__item .icon-tile {margin-bottom:.5rem}
  .inv-eq__price {display:flex;flex-wrap:wrap;align-items:baseline;justify-items:start;gap:.1rem .35rem;margin-top:.15rem;font-size:1.75rem}
  .inv-eq__price > span:last-child {font-size:.875rem}
  .inv-eq__op {align-self:center}
}

/* AI tiers: the upsell */
.inv-upsell{display:grid;gap:clamp(2.5rem, 2rem + 2vw, 4rem);align-items:center;margin-top:clamp(4rem, 3rem + 4vw, 6.5rem)}
.inv-upsell__text{display:grid;gap:1rem;justify-items:start;grid-template-columns:minmax(0, 1fr)}
.inv-upsell__text h3{font-size:clamp(1.625rem, 1.3rem + 1.3vw, 2.375rem);line-height:1.12;letter-spacing:-.03em}
.inv-upsell__text > p{font-size:1.0625rem}
.inv-upsell__text .check-list{margin-top:.25rem}
.inv-upsell__text .btn-row{margin-top:.25rem}
@media (min-width: 1200px) {.inv-upsell {grid-template-columns:minmax(0, 4fr) minmax(0, 5fr)} }
@media (max-width: 1199.98px) {.inv-upsell__text {max-width:40em} }

.inv-ladder{display:grid;gap:.75rem;list-style:none;padding:0}
.inv-ladder__step{display:grid;gap:.5rem;align-content:start;padding:1.25rem 1.25rem 1.35rem;font-size:.9375rem;line-height:1.5;background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-xs)}
.inv-ladder__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}
.inv-ladder__price{font-size:1.375rem;font-weight:800;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.inv-ladder__price small{margin-left:.2rem;font-size:.75rem;font-weight:600;letter-spacing:0;color:var(--text-muted)}
.inv-ladder__quota{margin-top:auto;padding-top:.6rem;font-size:.8125rem;font-weight:700;color:var(--blue-ink);border-top:1px dashed var(--border)}
.inv-ladder__step--2{border-color:transparent;background:linear-gradient(#fff, #fff) padding-box, var(--ai-gradient) border-box}
.inv-ladder__step--3{border-color:transparent;background:linear-gradient(#F7FAFF, #F3FBFA) padding-box, var(--ai-gradient) border-box;box-shadow:0 24px 48px -28px rgba(30,107,240,.55)}
@media (min-width: 640px) {
  .inv-ladder {grid-template-columns:repeat(3, minmax(0, 1fr));align-items:end}
  .inv-ladder__head {flex-direction:column;align-items:flex-start;justify-content:flex-start}
  .inv-ladder__step {height:100%}
  .inv-ladder__step--1 {min-height:12rem;height:auto}
  .inv-ladder__step--2 {min-height:15rem;height:auto}
  .inv-ladder__step--3 {min-height:18rem;height:auto}
}

/* Go-to-market */
.inv-steps__badge{margin-top:.75rem}

/* Roadmap cards */
.inv-soon{gap:.6rem}
.inv-soon > .icon-tile{margin-bottom:.35rem}
.inv-soon h3{font-size:1.125rem}
.inv-soon p{font-size:.9375rem !important;color:var(--ink-2)}
/* Phones: icon beside the title and badge, so the four cards stay short */
@media (max-width: 639.98px) {
  .inv-soon {display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:1rem;row-gap:.35rem;align-content:start}
  .inv-soon > .icon-tile {grid-column:1;grid-row:1 / span 2;align-self:center;margin:0}
  .inv-soon > .card__badge {position:static;grid-column:2;grid-row:1;justify-self:start;align-self:end}
  .inv-soon > h3 {grid-column:2;grid-row:2;align-self:start}
  .inv-soon > p {grid-column:1 / -1;margin-top:.4rem}
}

/* Traction */
.inv-traction-wrap{max-width:calc(1000px + 2 * var(--gutter))}
.inv-traction{display:grid;gap:1.25rem;justify-items:start;padding:clamp(1.75rem, 1.25rem + 2vw, 2.75rem);background:#fff;border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-md)}
.inv-traction__text{display:grid;gap:.4rem}
.inv-traction__text h2{font-size:clamp(1.625rem, 1.3rem + 1.3vw, 2.25rem);letter-spacing:-.03em}
.inv-traction__text p:not(.eyebrow){font-size:1.0625rem}
@media (min-width: 720px) {
  .inv-traction {grid-template-columns:auto minmax(0, 1fr) auto;align-items:center;column-gap:1.75rem}
}

/* Deck request */
.inv-deck{display:grid;gap:clamp(2rem, 1.5rem + 2.5vw, 4rem);align-items:start}
.inv-deck__intro{display:grid;gap:1rem;justify-items:start;grid-template-columns:minmax(0, 1fr)}
.inv-deck__intro .lead{max-width:30em}
.inv-deck__list{margin-top:.25rem}
.inv-deck__mail{display:flex;align-items:flex-start;gap:.6rem;margin-top:.5rem;padding-top:1.25rem;font-size:1rem;color:var(--ink-2);border-top:1px solid var(--border)}
.inv-deck__mail > .icon{margin-top:.15em;color:var(--blue-ink)}
.inv-deck__mail a{font-weight:700;overflow-wrap:anywhere}
.inv-deck__card{padding:clamp(1.25rem, .9rem + 1.8vw, 2.25rem);background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}
.inv-deck__card .form-success{border-radius:var(--r-lg)}
@media (min-width: 960px) {
  .inv-deck {grid-template-columns:minmax(0, 5fr) minmax(0, 6fr)}
  .inv-deck__intro {position:sticky;top:calc(var(--header-h) + 2rem)}
}
@media (max-width: 479.98px) {.inv-deck .form-actions > .btn {width:100%} }
