/* BORNLI scope offers: custom brushed-metal surfaces, open comparison. */
#pricing-intro { scroll-margin-top:16px; }
#pricing { display:grid; grid-template-columns:1fr; align-items:stretch; gap:16px; }
#pricing .pricing-card {
  --offer-ink:#eff2e9; --offer-muted:#bbc7bd; --offer-rule:#b6c9b534; --offer-check:#cfff3d;
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr) minmax(0,.82fr);
  grid-template-rows:auto auto 1fr auto; column-gap:clamp(28px,3.8vw,64px); row-gap:14px;
  position:relative; min-width:0; padding:clamp(30px,3.1vw,50px);
  border:1px solid #a7b4aa30; border-radius:16px; background:#161e19; color:var(--offer-ink);
}
#pricing .pricing-card-standard {
  --offer-ink:#142016; --offer-muted:#465446; --offer-rule:#14201633; --offer-check:#263e12;
  background:#e9eee4; border-color:transparent;
}
/* Static metal material: no looping light layer or per-word compositing. */
#pricing .pricing-card {
  overflow:hidden;
  background:
    repeating-linear-gradient(0deg, #ffffff02 0 1px, transparent 1px 3px),
    linear-gradient(116deg, #121a16 0%, #1e2922 28%, #384238 40%, #1b261f 46%, #111a15 67%, #253226 100%);
  box-shadow:inset 0 1px 0 #d4e4d326, inset 0 -1px 0 #00000044;
}
#pricing .pricing-card:nth-child(3) {
  background:
    repeating-linear-gradient(0deg, #ffffff02 0 1px, transparent 1px 3px),
    linear-gradient(116deg, #101913 0%, #1a241d 44%, #374739 69%, #1b2a20 75%, #131d17 100%);
}
#pricing .pricing-card-standard {
  background:
    repeating-linear-gradient(0deg, #ffffff1a 0 1px, transparent 1px 3px),
    linear-gradient(116deg, #d7dfd2 0%, #edf1e7 27%, #fafbf5 40%, #c4cfbf 46%, #e8eee0 68%, #c4d6b3 100%);
  box-shadow:inset 0 1px 0 #ffffffcc, inset 0 -1px 0 #687b5b33;
}
#pricing .pricing-card h3 { grid-column:1; grid-row:1; min-height:0; max-width:10ch; margin:0; font-size:clamp(34px,3.2vw,50px); font-weight:600; line-height:1.04; letter-spacing:-.035em; text-wrap:balance; }
#pricing .pricing-amount { grid-column:3; grid-row:1; display:flex; flex-direction:column; align-items:flex-start; gap:4px; min-height:0; margin:0; color:var(--offer-ink); font-size:clamp(42px,4vw,64px); font-weight:600; line-height:1; letter-spacing:-.04em; }
#pricing .pricing-amount small { color:var(--offer-muted); font-size:13px; line-height:1.4; letter-spacing:0; font-weight:400; }
#pricing .pricing-description { grid-column:1; grid-row:2; min-height:0; max-width:34ch; margin:8px 0 0; color:var(--offer-ink); font-size:16px; line-height:1.5; }
#pricing .pricing-example { grid-column:1; grid-row:3 / 5; min-height:0; max-width:38ch; margin:0; color:var(--offer-muted); font-size:13px; line-height:1.6; }
#pricing .pricing-inclusions { grid-column:2; grid-row:1 / 5; min-width:0; margin:0; padding:4px 0 0; border:0; }
#pricing .pricing-inclusions h4 { margin:0 0 21px; color:var(--offer-ink); font-size:15px; line-height:1.4; font-weight:500; }
#pricing .pricing-inclusions ul { display:grid; gap:14px; min-height:0; padding:0; margin:0; border:0; color:var(--offer-muted); }
#pricing .pricing-inclusions li { min-width:0; margin:0; padding-left:22px; color:var(--offer-muted); font-size:14px; line-height:1.5; opacity:1; transform:none; }
#pricing .pricing-inclusions li::before { top:.48em; width:9px; height:5px; border-left:1.5px solid var(--offer-check); border-bottom:1.5px solid var(--offer-check); border-radius:0; transform:rotate(-45deg); background:none; }
#pricing .pricing-timeline { grid-column:3; grid-row:2 / 4; min-height:0; max-width:30ch; margin:4px 0 12px; padding:0; color:var(--offer-muted); font-size:13px; line-height:1.6; }
#pricing .pricing-timeline strong { color:var(--offer-ink); font-weight:600; }
#pricing .pricing-cta { grid-column:3; grid-row:4; align-self:end; min-height:52px; padding:14px 18px; margin:0; border:0; border-radius:10px; background:#cfff3d; color:#142016; font-size:14px; transition:background .18s ease; }
#pricing .pricing-card-standard .pricing-cta { background:#142016; color:#f0f2ed; }
#pricing .pricing-cta:hover { background:#dcff76; }
#pricing .pricing-card-standard .pricing-cta:hover { background:#2a3d24; }
#pricing .pricing-cta:focus-visible { outline:3px solid var(--offer-ink); outline-offset:5px; }
@media (min-width:761px) and (max-width:1100px) {
  #pricing .pricing-card { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:auto auto auto auto auto; column-gap:40px; padding:32px; }
  #pricing .pricing-card h3 { grid-column:1; grid-row:1; font-size:38px; max-width:none; }
  #pricing .pricing-amount { grid-column:2; grid-row:1 / 3; justify-self:end; font-size:52px; }
  #pricing .pricing-description { grid-column:1; grid-row:2; }
  #pricing .pricing-example { grid-column:1; grid-row:3; }
  #pricing .pricing-inclusions { grid-column:1 / 3; grid-row:4; margin-top:12px; padding-top:24px; border-top:1px solid var(--offer-rule); }
  #pricing .pricing-inclusions ul { grid-template-columns:1fr 1fr; column-gap:28px; }
  #pricing .pricing-timeline { grid-column:1; grid-row:5; align-self:end; max-width:none; margin:14px 0 0; }
  #pricing .pricing-cta { grid-column:2; grid-row:5; margin-top:14px; }
}
@media (max-width:760px) {
  #pricing { gap:18px; }
  #pricing .pricing-card { display:flex; flex-direction:column; gap:0; padding:28px 24px; }
  #pricing .pricing-card h3 { max-width:10ch; font-size:36px; line-height:1.06; }
  #pricing .pricing-amount { margin-top:26px; font-size:54px; }
  #pricing .pricing-description { max-width:none; margin-top:22px; font-size:16px; }
  #pricing .pricing-example { max-width:none; margin-top:10px; }
  #pricing .pricing-inclusions { margin:26px 0 0; padding-top:23px; border-top:1px solid var(--offer-rule); }
  #pricing .pricing-inclusions h4 { margin-bottom:19px; }
  #pricing .pricing-inclusions li { font-size:14px; }
  #pricing .pricing-timeline { max-width:none; margin:26px 0 22px; }
  #pricing .pricing-cta { align-self:stretch; }
}
@media (prefers-reduced-motion:reduce) {
  #pricing .pricing-cta { transition:none; }
}
