/* /preview-v3-pricing — styles scoped to .pr (research brief: docs/pricing-page-research.md).
   Shell (nav, footer, grain) comes from the shared v3 BODY + v3home.css. */
.pr{font-family:'DM Sans',system-ui,sans-serif;font-size:16px;line-height:1.6;color:var(--ink)}
.pr .pr-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.pr a{color:inherit}
.pr{--cream:#EFE3C8;--ivory:#FBF5E6;--sand:#E6D7B4;--deep:#0e1f12;--moss:#35573f;--honey:#D6A85B;--ink:#18271a;--mute:#4b5a4d;--line:rgba(14,31,18,.14);--pin:#b4552d}
.pr .serif{font-family:'Playfair Display',Georgia,serif;font-weight:600}
.pr .hand{font-family:'Caveat',cursive;font-weight:600}
@media (max-width:600px){
}
.pr .eyebrow{display:inline-block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--deep);background:var(--honey);padding:6px 12px;border-radius:999px}
.pr .hero{padding:40px 0 18px}
.pr .hero h1{font-size:clamp(40px,8.6vw,76px);line-height:.98;letter-spacing:-.02em;margin:16px 0 16px;max-width:15ch;text-wrap:balance}
.pr .hero h1 em{font-style:italic;color:var(--moss)}
.pr .hero p.lead{font-size:18px;color:#2f3d31;max-width:54ch;margin:0}
.pr .hero p.lead b{color:var(--deep)}
.pr .trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;align-items:center}
.pr .trust > span{display:inline-flex;align-items:center;gap:6px;background:var(--ivory);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}
.pr .trust .stars{color:#9C6B1E;letter-spacing:1px}
.promise{margin:22px 0 6px;background:var(--deep);color:var(--cream);border-radius:26px;padding:24px 22px}
.promise h2{font-size:clamp(28px,6vw,40px);line-height:1.05;margin:0 0 4px}
.promise h2 em{color:var(--honey);font-style:italic}
.promise > p{margin:0 0 16px;color:rgba(239,227,200,.8);max-width:60ch}
.pr .three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:640px){
.pr .three{grid-template-columns:1fr}
}
.pr .three div{background:rgba(239,227,200,.07);border:1px solid rgba(239,227,200,.14);border-radius:18px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start}
.pr .three .ic{flex:none;width:36px;height:36px;border-radius:50%;background:var(--honey);color:var(--deep);display:grid;place-items:center;font-size:17px;font-weight:700}
.pr .three b{display:block;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:21px;line-height:1.15}
.pr .three small{display:block;font-size:13.5px;color:rgba(239,227,200,.75);margin-top:2px}
.pr .sec-h{display:flex;align-items:center;flex-wrap:wrap;gap:0 4px}
.pr .plans{display:grid;grid-template-columns:1fr 1.12fr;gap:16px;padding:26px 0 6px;align-items:stretch}
@media (max-width:760px){
.pr .plans{grid-template-columns:1fr}
/* phones: Free first, matching 'Invitations are free' (audit #2) */
}
.pr .plan{border-radius:26px;padding:26px 22px;position:relative;display:flex;flex-direction:column;gap:13px}
.pr .plan.free{background:var(--ivory);box-shadow:10px 12px 0 rgba(14,31,18,.08)}
.pr .plan.prem{background:var(--deep);color:var(--cream);box-shadow:12px 14px 0 rgba(214,168,91,.34)}
.pr .plan .tag{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.78}
.pr .plan h3{font-size:36px;line-height:1.02;margin:0}
.pr .plan h3 em{font-style:italic}
.pr .plan.prem h3 em{color:var(--honey)}
.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.price b{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:52px;line-height:1}
.price span{font-size:15px;opacity:.8}
.pr .permo{margin:-4px 0 0;font-size:15px}
.pr .permo b{color:var(--honey);font-size:17px}
.pr .anchor{margin:0;font-size:13.5px;color:rgba(239,227,200,.72)}
.pr .anchor s{opacity:.85}
.pr .plan ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px}
.pr .plan li{display:flex;gap:10px;align-items:flex-start}
.pr .plan li i{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;margin-top:2px;background:var(--moss);color:#fff}
.pr .plan.prem li i{background:var(--honey);color:var(--deep)}
.pr .plan li img{width:22px;height:22px;flex:none;margin-top:1px}
.pr .plan li strong{font-weight:700}
.pr .plan .cta{margin-top:auto;display:inline-flex;justify-content:center;align-items:center;padding:15px 22px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none}
.pr .plan.free .cta{border:1.5px solid var(--deep);color:var(--deep)}
.pr .plan.prem .cta{background:var(--honey);color:var(--deep)}
.pr .plan .fine{font-size:12.5px;opacity:.72;margin:0}
.pr .ribbon{position:absolute;top:-13px;right:18px;background:var(--honey);color:var(--deep);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;transform:rotate(2deg)}
.pr .house{margin:14px 0 0;background:var(--sand);border-radius:20px;padding:16px 18px;display:flex;gap:14px;align-items:center}
.pr .house .n{flex:none;width:46px;height:46px;border-radius:50%;background:var(--deep);color:var(--honey);display:grid;place-items:center;font-size:22px}
.pr .house p{margin:0;font-size:15px}
.pr .house b{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:21px;display:block}
.pr section.block{padding:40px 0 6px}
.pr .block h2{font-size:clamp(28px,6vw,40px);line-height:1.05;margin:0 0 6px;letter-spacing:-.01em}
.pr .block h2 em{font-style:italic;color:var(--moss)}
.pr .sub{color:var(--mute);margin:0 0 18px;max-width:58ch}
.pr .tl{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
@media (max-width:640px){
.pr .tl{grid-template-columns:1fr}
}
.pr .tl > div{position:relative;padding:0 16px 18px 0}
.pr .tl .dot{width:30px;height:30px;border-radius:50%;background:var(--moss);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700;position:relative;z-index:1}
.pr .tl > div:nth-child(2) .dot{background:var(--honey);color:var(--deep)}
.pr .tl > div:nth-child(3) .dot{background:var(--deep);color:var(--honey)}
.pr .tl > div::before{content:"";position:absolute;left:15px;top:15px;right:0;height:3px;background:rgba(14,31,18,.18)}
.pr .tl > div:last-child::before{display:none}
@media (max-width:640px){
.pr .tl > div{padding:0 0 18px 44px}
.pr .tl .dot{position:absolute;left:0;top:0}
.pr .tl > div::before{left:14px;top:30px;bottom:0;right:auto;width:3px;height:auto}
}
.pr .tl small{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--mute);margin-top:10px}
@media (max-width:640px){
.pr .tl small{margin-top:4px}
}
.pr .tl b{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:23px;display:block;margin:2px 0 3px;line-height:1.15}
.pr .tl p{margin:0;font-size:14.5px;color:var(--mute);max-width:32ch}
.pr .tl .mock{display:inline-flex;gap:8px;align-items:center;margin-top:8px;background:var(--ivory);border:1px solid rgba(200,162,74,.5);border-radius:9px;padding:5px 10px;font-size:12.5px;font-weight:700;color:#8a6a1f}
.pr .tl .mock em{font-style:normal;background:#3F6446;color:#FBF5E6;border-radius:6px;padding:2px 8px}
.pr .tablewrap{overflow-x:auto;border-radius:20px}
.pr table{width:100%;border-collapse:collapse;background:var(--ivory);font-size:15px;min-width:320px}
.pr caption{text-align:left;padding:0 0 8px;font-size:13px;color:var(--mute)}
.pr th,.pr td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.pr thead th{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);background:var(--sand)}
.pr th:not(:first-child),.pr td:not(:first-child){text-align:center;width:84px}
.pr thead th:last-child{background:var(--deep);color:var(--honey)}
.pr td:last-child{background:rgba(214,168,91,.10)}
.pr td .k{display:flex;align-items:center;gap:10px}
.pr td .k img{width:22px;height:22px;flex:none}
.pr td .k small{display:block;font-size:12.5px;color:var(--mute)}
.pr .ok{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--moss);color:#fff;font-size:12px;font-weight:700}
.pr .ok.h{background:var(--honey);color:var(--deep)}
.pr .no{color:rgba(24,39,26,.74);font-size:13px;font-weight:600}
.pr tr.grp td{background:var(--sand);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--mute);padding:8px 12px}
.pr tbody tr:last-child td{border-bottom:0}
.pr .faq details{background:var(--ivory);border-radius:16px;padding:0 18px;margin-bottom:10px}
.pr .faq summary{cursor:pointer;list-style:none;padding:15px 0;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:21px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.pr .faq summary::-webkit-details-marker{display:none}
.pr .faq summary::after{content:"+";color:#8A5518;font-size:26px;line-height:1;flex:none}
.pr .faq details[open] summary::after{content:"–"}
.pr .faq summary:focus-visible{outline:2px solid var(--deep);outline-offset:3px;border-radius:6px}
.pr .faq details p{margin:0 0 16px;color:var(--mute);font-size:15px}
.pr .dl{padding:40px 0 30px}
.pr .card{background:var(--deep);color:var(--cream);border-radius:26px;padding:30px 22px 26px;box-shadow:16px 18px 0 rgba(14,31,18,.12);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
@media (max-width:760px){
.pr .card{grid-template-columns:1fr}
}
.pr .card h2{font-size:clamp(30px,7vw,44px);line-height:1;margin:14px 0 10px}
.pr .card h2 em{font-style:italic;color:var(--honey)}
.pr .card p{margin:0 0 18px;color:rgba(239,227,200,.85);max-width:44ch}
.pr .badges{display:flex;gap:10px;flex-wrap:wrap}
.pr .badges img{height:48px;width:auto;display:block}
.pr .qr{justify-self:center;background:var(--ivory);color:var(--deep);border-radius:18px;padding:16px 16px 10px;transform:rotate(2.5deg);box-shadow:12px 14px 0 rgba(214,168,91,.28);text-align:center}
.pr .card .qr p{margin:8px 0 0;font-family:'Caveat',cursive;font-size:19px;color:var(--deep)}
@media (prefers-reduced-motion:reduce){
}

.pr .k-ic{flex:none;width:10px;height:10px;border-radius:50%;background:var(--honey);margin:0 6px}
/* owner review 2026-09-16: less crowded on phones */
@media (max-width:760px){
  .pr .hero{padding:32px 0 26px}
  .pr .hero p.lead{font-size:17px;line-height:1.7}
  .pr .trust{gap:10px;margin-top:22px}
  .pr .promise{margin:26px 0 10px;padding:30px 22px}
  .pr .three{gap:12px}
  .pr .three div{padding:16px 16px}
  .pr .plans{gap:26px;padding:34px 0 10px}
  .pr .plan{padding:30px 22px 26px;gap:16px}
  .pr .plan ul{gap:13px;font-size:15.5px;line-height:1.55}
  .pr .house{margin-top:22px;padding:18px}
  .pr section.block{padding:56px 0 8px}
  .pr .sub{margin-bottom:22px}
  .pr .tl > div{padding-bottom:24px}
  .pr th,.pr td{padding:15px 10px}
  .pr th:not(:first-child),.pr td:not(:first-child){width:74px}
  .pr .faq summary{padding:18px 0}
  .pr .faq details{margin-bottom:12px}
  .pr .dl{padding:52px 0 34px}
}

/* desktop: fill the hero's right side with Premium at a glance (hidden on phones — the plan card says it) */
.pr .glance{display:none}
@media (min-width:900px){
  .pr .hero{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}
  .pr .glance{display:block;background:var(--deep);color:var(--cream);border-radius:26px;padding:28px 26px;box-shadow:12px 14px 0 rgba(214,168,91,.34);transform:rotate(1.5deg)}
  .pr .glance .g-tag{margin:0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.78}
  .pr .glance .g-price{margin:10px 0 0;font-size:15px;opacity:.85}
  .pr .glance .g-price b{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:56px;line-height:1;opacity:1;margin-right:6px;color:var(--cream)}
  .pr .glance .g-mo{margin:2px 0 16px;color:var(--honey);font-weight:600}
  .pr .glance ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px}
  .pr .glance li{display:flex;gap:10px;align-items:center}
  .pr .glance li img{width:22px;height:22px}
  .pr .glance .g-free{margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(239,227,200,.18);font-size:13.5px;opacity:.85}
}

/* hero store badges: left-aligned on the pricing hero */
.pr .hs-cta{justify-content:flex-start;margin-top:20px}
.pr .hs-badges{justify-content:flex-start}
/* "/year" on the dark Premium card and glance card: honey label; the big price's unit reads larger */
.pr .plan.prem .px-yr,.pr .glance .px-yr,.pr .promise .px-yr,.pr .card .px-yr{background:var(--honey);color:var(--deep)}
.pr .price span{font-size:17px;opacity:.95}
.pr .price .px-yr{font-size:17px;padding:1px 8px}
.pr .glance .g-mo .px-mo{color:var(--honey)}
.pr .card .px-mo{color:var(--honey)}
/* the install bar lives inside .pr: keep its button text light (.pr a{color:inherit} made it dark on dark) */
.pr .ib-get{color:#EFE3C8}
.pr .ib, .pr .ib-t b{color:#0e1f12}
.pr .hero-note{margin:10px 0 0;font-size:13.5px;color:var(--mute)}
.pr .price-note{color:rgba(239,227,200,.8)}

.pr .no{color:#3b4a3d}
.pr .eyebrow{background:#8A5518;color:#FBF5E6}

/* audit #5 (2026-09-17) */
.pr .pl-note{ display:block; font-size:13px; color:var(--mute); font-weight:500 }
html[data-price-country] .pr .rating-chip{ display:none }
.pr .faq details p{ padding-bottom:18px }
.pr th:nth-child(2),.pr td:nth-child(2){ width:150px }
.pr th:nth-child(3),.pr td:nth-child(3){ width:130px }
@media (max-width:760px){
  .pr th:nth-child(2),.pr td:nth-child(2){ width:96px }
  .pr th:nth-child(3),.pr td:nth-child(3){ width:84px }
  /* phones: the plans come straight after the hero; the promise keeps its headline and one line */
  .pr .pr-wrap{ display:flex; flex-direction:column }
  .pr .pr-wrap > .hero{ order:0 }
  .pr .pr-wrap > section[aria-label="Plans"]{ order:1 }
  .pr .pr-wrap > *:not(.hero):not([aria-label="Plans"]){ order:2 }
  .pr .promise .three{ display:none }
}

/* self-check before audit #7 */
.pr .norisk{ margin:12px 0 0; font-size:14px; font-weight:600; color:#2f3d31 }
.pr .glance .g-lead{ margin:6px 0 10px; font-size:15px; font-weight:700; color:var(--honey) }
@media (max-width:760px){
  .pr th:nth-child(2),.pr td:nth-child(2),.pr th:nth-child(3),.pr td:nth-child(3){ width:72px }
  .pr td .k small{ display:none }
  .pr th,.pr td{ padding:10px 8px }
}
html.lp-wait [data-price]{ visibility:hidden }
html.lp-wait [data-price-where], html.lp-wait [data-price-where-lc], html.lp-wait [data-price-canada-only]{ visibility:hidden }