/* cloud.bext.dev pricing (2026-10). Loaded by src/app/pricing/page.tsx only.
   Olive/cream system of the home page; emphasis by tint and badge, never by a
   coloured outline on a rounded box. */
.cp{--c-ink:#252a21;--c-ink2:#505748;--c-mut:#5f6853;--c-line:#dcded0;--c-line2:#e9ebdf;--c-paper:#fffef9;--c-tint:#f4f4eb;--c-tint2:#e9eedb;--c-night:#232b1f;color:var(--c-ink)}
.cp .cloud-wrap{max-width:1240px}
.cp-hero{text-align:center;padding:72px 0 28px}
.cp-hero h1{font-size:clamp(36px,4.4vw,60px);font-weight:550;letter-spacing:-.05em;line-height:1.05;margin:18px auto 0;max-width:900px}
.cp-hero h1 span{color:#79836a}
.cp-hero .cp-lead{font-size:17px;line-height:1.7;color:var(--c-mut);max-width:640px;margin:18px auto 0}
.cp-hero .cloud-eyebrow{justify-content:center}
.cp-notice{max-width:860px;margin:28px auto 0;padding:16px 20px;border-radius:12px;background:var(--c-tint);border:1px solid var(--c-line);font-size:14.5px;line-height:1.6;color:var(--c-ink2);text-align:center}
.cp-notice b{color:var(--c-ink)}
.cp-toggle{display:inline-flex;margin:28px auto 0;padding:4px;border-radius:999px;background:var(--c-tint);border:1px solid var(--c-line)}
.cp-toggle button{font:inherit;font-size:14px;font-weight:600;padding:8px 16px;border-radius:999px;border:0;background:transparent;color:var(--c-mut);cursor:pointer}
.cp-toggle button[aria-pressed="true"]{background:var(--c-night);color:#eef0e2}
.cp-toggle small{font-weight:600;color:#4f7a3a;margin-left:6px}
.cp-toggle button[aria-pressed="true"] small{color:#c9dbad}
.cp-sec{padding-top:64px;padding-bottom:64px}
.cp-h2{font-size:clamp(28px,3vw,40px);font-weight:550;letter-spacing:-.04em;line-height:1.1;margin:12px 0 0}
.cp-h2 span{color:#7a856b}
.cp-sub{font-size:16px;line-height:1.7;color:var(--c-mut);margin:12px 0 28px;max-width:640px}

/* plans */
.cp-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.cp-plan{position:relative;display:flex;flex-direction:column;border:1px solid var(--c-line);border-radius:14px;background:var(--c-paper);padding:26px}
.cp-plan.featured{background:var(--c-tint2)}
.cp-badge{position:absolute;top:-11px;left:24px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--c-night);color:#e9eccd}
.cp-plan h3{font-size:19px;font-weight:600;letter-spacing:-.02em;margin:0}
.cp-price{display:flex;align-items:baseline;gap:6px;margin-top:14px;min-height:52px}
.cp-price b{font-size:40px;font-weight:600;letter-spacing:-.05em;line-height:1}
.cp-price span{font-size:14px;color:var(--c-mut)}
.cp-annual{font-size:12.5px;color:#4f7a3a;min-height:18px;margin-top:4px}
.cp-plan>p{font-size:14.5px;line-height:1.6;color:var(--c-mut);margin:12px 0 18px;min-height:46px}
.cp-plan .mbtn{width:100%}
.cp-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:9px}
.cp-list li{display:flex;gap:9px;font-size:14px;line-height:1.5;color:var(--c-ink2)}
.cp-list li::before{content:"";flex:0 0 auto;width:15px;height:15px;margin-top:2px;border-radius:50%;background:#dfe7d0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%234f7a3a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 8.3 2.3 2.2 4.7-5'/%3E%3C/svg%3E") center/15px no-repeat}
.cp-soon{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.03em;padding:1px 7px;border-radius:999px;background:#ecebdc;color:#7a7457;margin-left:6px;vertical-align:1px;white-space:nowrap}
.cp-now{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;background:#e4edd9;color:#4f7a3a;white-space:nowrap}

/* tables */
.cp-table-wrap{border:1px solid var(--c-line);border-radius:14px;background:var(--c-paper);overflow-x:auto}
.cp-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
.cp-table th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#7b836d;padding:14px 18px;border-bottom:1px solid var(--c-line)}
.cp-table td{padding:16px 18px;border-bottom:1px solid var(--c-line2);vertical-align:top;color:var(--c-ink2);line-height:1.55}
.cp-table tr:last-child td{border-bottom:0}
.cp-table td:first-child{color:var(--c-ink);font-weight:600;width:24%}
.cp-table td small{display:block;font-weight:400;color:var(--c-mut);margin-top:3px}
.cp-table .num{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--c-ink);font-weight:600}
.cp-table .num small{display:inline;font-weight:400;margin:0}

/* estimator */
.cp-est{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:start}
.cp-box{border:1px solid var(--c-line);border-radius:14px;background:var(--c-paper);padding:24px}
.cp-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--c-line2)}
.cp-row:last-child{border-bottom:0}
.cp-row label,.cp-row .cp-lbl{font-size:15px;color:var(--c-ink)}
.cp-row small{display:block;font-size:13px;color:var(--c-mut);margin-top:2px}
.cp-seg{display:inline-flex;gap:4px;padding:3px;border-radius:10px;background:var(--c-tint);border:1px solid var(--c-line)}
.cp-seg button{font:inherit;font-size:13.5px;font-weight:600;padding:7px 12px;border-radius:8px;border:0;background:transparent;color:var(--c-mut);cursor:pointer}
.cp-seg button[aria-pressed="true"]{background:#fffef9;color:var(--c-ink);box-shadow:0 1px 2px rgba(30,40,20,.12)}
.cp-step{display:inline-flex;align-items:center;border:1px solid var(--c-line);border-radius:10px;overflow:hidden;background:#fffef9}
.cp-step button{font:inherit;width:36px;height:36px;border:0;background:transparent;font-size:18px;color:var(--c-ink2);cursor:pointer}
.cp-step button:hover{background:var(--c-tint)}
.cp-step input{width:48px;height:36px;border:0;border-inline:1px solid var(--c-line);text-align:center;font:inherit;font-size:15px;font-weight:600;color:var(--c-ink);background:transparent;-moz-appearance:textfield}
.cp-step input::-webkit-inner-spin-button,.cp-step input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.cp-row input[type=checkbox]{width:18px;height:18px;accent-color:#3d4a31}
.cp-sum{position:sticky;top:96px;background:var(--c-night);color:#eef0e2;border-color:var(--c-night)}
.cp-sum h3{font-size:14px;font-weight:600;color:#c3cdb2;margin:0;letter-spacing:.02em}
.cp-total{font-size:44px;font-weight:600;letter-spacing:-.05em;margin:10px 0 2px}
.cp-total small{font-size:15px;font-weight:500;color:#b6c0a8;letter-spacing:0}
.cp-ttc{font-size:13.5px;color:#aeb8a0}
.cp-lines{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:7px;font-size:14px;color:#cfd8c0}
.cp-lines li{display:flex;justify-content:space-between;gap:12px}
.cp-lines li span:last-child{font-variant-numeric:tabular-nums;color:#eef0e2}
.cp-sum .mbtn{width:100%;margin-top:20px}
.cp-sum p{font-size:12.5px;line-height:1.6;color:#9eaa8f;margin:14px 0 0}

/* faq tweaks on cream */
.cp .faq details{background:var(--c-paper)}

@media (max-width:1080px){.cp-plans{grid-template-columns:1fr 1fr}.cp-est{grid-template-columns:1fr}.cp-sum{position:static}}
@media (max-width:640px){
  .cp .cloud-wrap{padding-left:16px;padding-right:16px}
  .cp-plans{grid-template-columns:1fr;gap:22px}
  .cp-hero{padding-top:44px}
  .cp-row{flex-wrap:wrap}
  .cp-box{padding:18px}
  /* Tables become one stacked card per row, each cell with its label. */
  .cp-table-wrap{overflow:visible}
  .cp-table{min-width:0}
  .cp-table thead{display:none}
  .cp-table tr{display:block;padding:16px 18px;border-bottom:1px solid var(--c-line2)}
  .cp-table tr:last-child{border-bottom:0}
  .cp-table td{display:block;padding:4px 0;border:0;width:auto!important}
  .cp-table td:first-child{font-size:16px;margin-bottom:4px}
  .cp-table td[data-label]::before{content:attr(data-label);display:block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#8a917d;margin-bottom:2px}
  .cp-table .num{white-space:normal}
}