/* ============================================================
   Lomia — Pris (undersida) · page-specific styles
   Builds on lomia-c.css. Calm, honest, family pricing.
   ============================================================ */

/* hero */
.phero{ padding-top:clamp(120px,16vh,180px); padding-bottom:clamp(40px,6vh,80px); }
.phero__grid{ display:grid; gap:clamp(2.4rem,5vw,4.5rem); align-items:center; grid-template-columns:1fr; }
@media(min-width:920px){ .phero__grid{ grid-template-columns:1fr auto; } }
.phero__trust{ display:flex; flex-wrap:wrap; gap:.7rem 1.6rem; margin-top:1.8rem; }
.phero__trust span{ display:inline-flex; align-items:center; gap:.5rem; font-size:14px; color:var(--graphite); }
.phero__trust .d{ width:7px; height:7px; border-radius:9999px; background:var(--sage); flex:none; }
.phero__note{ font-family:var(--font-mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--mist-text); margin-top:1.6rem; }

/* plan card */
.plan{ width:100%; max-width:480px; justify-self:center; background:var(--paper); border:1px solid var(--hairline);
  border-radius:26px; box-shadow:var(--shadow-lift); overflow:hidden; }
@media(min-width:920px){ .plan{ width:480px; } }
.plan__top{ padding:1.6rem 1.9rem 1.5rem; border-bottom:1px solid var(--hairline);
  background:linear-gradient(165deg,var(--sage-soft),color-mix(in oklab,var(--sage-soft) 35%,var(--paper))); }
.plan__heading{ margin-top:.65rem; font-size:clamp(27px,3vw,36px); }
.plan__intro{ margin-top:.45rem; font-size:14px; color:var(--graphite); }
.plan__body{ padding:1.5rem 1.9rem 1.9rem; }
.plan__tiers{ margin:0; }
.plan-tier{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:1rem; padding:1rem 0; border-top:1px solid var(--hairline); }
.plan-tier:first-child{ border-top:0; padding-top:0; }
.plan-tier dt,.plan-tier dd{ margin:0; }
.plan-tier dt{ display:flex; flex-direction:column; gap:.12rem; }
.plan-tier dt strong{ font-family:var(--font-display); font-size:21px; font-weight:500; color:var(--ink); line-height:1.1; }
.plan-tier dt span{ font-size:12.5px; color:var(--graphite); }
.plan-tier dd{ display:flex; flex-direction:column; align-items:flex-end; color:var(--graphite); font-size:13px; }
.plan-tier dd > span{ white-space:nowrap; }
.plan-tier dd strong{ font-family:var(--font-display); font-size:28px; font-weight:500; color:var(--ink); line-height:1; }
.plan-tier dd small{ margin-top:.18rem; color:var(--mist-text); }
.plan-tier--family{ margin-inline:-.7rem; padding-inline:.7rem; border-radius:14px; background:var(--sage-soft); border-top-color:transparent; }
.plan__preserve{ display:flex; flex-direction:column; gap:.25rem; margin-top:.9rem; padding:1rem; border-radius:14px; background:var(--mist); color:var(--graphite); font-size:12.5px; line-height:1.45; }
.plan__preserve strong{ color:var(--ink); font-size:13.5px; }
.plan__cta{ width:100%; justify-content:center; margin-top:1.6rem; white-space:nowrap; }
.plan__fine{ text-align:center; margin-top:.9rem; font-size:12.5px; color:var(--graphite); }
@media(max-width:420px){
  .plan__top,.plan__body{ padding-inline:1.25rem; }
  .plan-tier{ grid-template-columns:1fr; gap:.45rem; }
  .plan-tier dd{ align-items:flex-start; }
}

/* honesty band */
.honest{ border-top:1px solid var(--hairline); background:color-mix(in oklab,var(--mist) 50%,var(--cream)); }
.honest__in{ max-width:780px; margin-inline:auto; text-align:center; padding-block:clamp(56px,9vh,110px); }
.honest__q{ font-family:var(--font-display); font-weight:500; font-size:clamp(26px,3.4vw,46px); line-height:1.12; color:var(--ink); max-width:18ch; margin-inline:auto; }
.honest__sub{ margin:1.2rem auto 0; max-width:52ch; font-size:clamp(15px,1.4vw,18px); line-height:1.65; color:var(--graphite); }

/* faq */
.faq{ padding-block:clamp(56px,9vh,110px); }
.faq__grid{ display:grid; grid-template-columns:1fr; gap:0; margin-top:clamp(1.8rem,4vw,2.6rem); max-width:900px; }
.faq__item{ border-top:1px solid var(--hairline); padding:1.5rem 0; display:grid; grid-template-columns:1fr; gap:.5rem; }
.faq__item:last-child{ border-bottom:1px solid var(--hairline); }
@media(min-width:760px){ .faq__item{ grid-template-columns:.9fr 1.1fr; gap:2rem; } }
.faq__q{ font-family:var(--font-display); font-weight:500; font-size:clamp(20px,2vw,26px); line-height:1.1; color:var(--ink); }
.faq__a{ font-size:15px; line-height:1.6; color:var(--graphite); max-width:48ch; }

/* final cta */
.pcta{ padding-block:clamp(70px,12vh,140px); text-align:center; }
.pcta__row{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:1rem 1.4rem; margin-top:2rem; }
.pcta__micro{ margin-top:1.2rem; font-family:var(--font-mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--graphite); }