/* Pricing page: Higgsfield anatomy, Pointed brand. Dark ink canvas, acid signal. */
body.pricing{background:var(--ink);color:var(--paper)}
.pricing .top{background:#171717eb;border-bottom-color:#303030}
.pricing .top nav a{color:#a1a1a1}
.pricing .brand b{color:#fff}
.pricing main{padding:clamp(48px,7vw,90px) clamp(20px,5vw,72px) 90px;max-width:1340px;margin:0 auto}
.pr-hero{text-align:center;max-width:720px;margin:0 auto 46px}
.pr-hero .eyebrow{color:var(--side-soft)}
.pr-hero h1{font-size:clamp(2.75rem,6vw,5.25rem);line-height:.95;letter-spacing:-.06em;margin:18px 0 20px}
.pr-hero h1 em{color:var(--acid)}
.pr-hero p{color:#afafaf;font-size:var(--t-md);line-height:1.6;max-width:560px;margin:0 auto}
/* The preview notice is a white callout in styles.css, written for the light
   pages. On this dark canvas `.pr-hero p` outranked it and left grey text on
   white at 2.2:1. Styled for the canvas it is actually on, and specific
   enough to win. */
.pr-hero p.pr-preview{background:#232323;border-color:var(--side-active);color:#c9c8c5;font-size:var(--t-base);max-width:620px}.pr-hero p.pr-preview b{color:var(--acid)}
.pr-toggle{display:inline-flex;align-items:center;gap:12px;margin-top:30px;font-size:var(--t-sm);font-weight:700}
.pr-toggle span{color:var(--side-soft);cursor:pointer}
.pr-toggle span.on{color:#fff}
.pr-switch{width:46px;height:26px;border-radius:99px;background:var(--side-active);position:relative;border:0}
.pr-switch i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--acid);transition:left .18s ease}
.pr-switch[aria-checked=true] i{left:23px}
.pr-save{font-style:normal;font-size:var(--t-xs);background:#333a23;color:var(--acid);padding:3px 9px;border-radius:99px}
.pr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.pr-card{background:#232323;border:1px solid var(--side-active);border-radius:22px;padding:26px 22px;display:flex;flex-direction:column;gap:0}
.pr-card.rec{background:#232b1a;border-color:#5a6b2a;box-shadow:0 22px 60px -30px #e8f46a55}
.pr-card.agency{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.pr-name{display:flex;align-items:center;gap:8px;font-size:var(--t-base);font-weight:800;letter-spacing:.08em}
.pr-pill{font-size:var(--t-micro);font-weight:800;letter-spacing:.1em;background:var(--acid);color:var(--ink);padding:3px 8px;border-radius:99px}
.pr-pill.ghost{background:var(--side-active);color:var(--side-text)}
.pr-card.agency .pr-pill{background:var(--ink);color:var(--acid)}
.pr-desc{font-size:var(--t-sm);color:var(--side-soft);margin:7px 0 18px}
.pr-card.agency .pr-desc{color:#636363}
.pr-credits{background:#1a1a1a;border:1px solid var(--side-active);border-radius:14px;padding:14px 15px;margin-bottom:18px}
.pr-card.agency .pr-credits{background:#eeedea;border-color:#deddda}
.pr-credits b{display:flex;align-items:center;gap:7px;font-size:var(--t-base)}
.pr-credits b:before{content:'\2726';color:var(--acid)}
.pr-card.agency .pr-credits b:before{color:#97a51f}
.pr-credits small{display:block;color:#848484;font-size:var(--t-xs);margin-top:5px;line-height:1.5}
.pr-card.agency .pr-credits small{color:#636363}
.pr-price{display:flex;align-items:baseline;gap:8px;margin-bottom:4px;font-size:var(--t-h1);font-weight:700;letter-spacing:-.04em}
.pr-price s{color:#9f9f9f;font-size:var(--t-h4)}.pr-card.agency .pr-price s{color:#636363}
.pr-per{font-size:var(--t-xs);color:var(--side-soft);margin-bottom:16px}
.pr-card.agency .pr-per{color:#636363}
.pr-cta{display:block;text-align:center;background:var(--paper);color:var(--ink);font-weight:800;font-size:var(--t-base);padding:14px;border-radius:99px;text-decoration:none;border:0;cursor:pointer;width:100%}
.pr-card.rec .pr-cta{background:var(--acid)}
.pr-card.agency .pr-cta{background:var(--ink);color:#fff}
.pr-note{font-size:var(--t-micro);color:#9f9f9f;text-align:center;margin:10px 0 18px}.pr-card.agency .pr-note{color:#636363}
.pr-feats{list-style:none;margin-bottom:0;padding-left:0;border-top:1px solid var(--side-active);padding-top:16px;display:flex;flex-direction:column;gap:10px;margin-top:auto}
.pr-card.agency .pr-feats{border-top-color:#deddda}
.pr-feats li{font-size:var(--t-sm);color:var(--side-text);display:flex;gap:9px;align-items:baseline}
.pr-feats li:before{content:'\2713';color:var(--acid);font-weight:800}
.pr-card.agency .pr-feats li{color:#424242}
.pr-card.agency .pr-feats li:before{color:#97a51f}
.pr-feats li.no{color:#636363}
.pr-feats li.no:before{content:'\00d7';color:#636363}
/* This section carries the credit explanation and the no-auto-publish
   commitment, which is the most load-bearing copy on the page. It used to be
   12px centred grey: unreadable, and centred prose is hard work at any size. */
.pr-fine{max-width:660px;margin:72px auto 0;color:#afafaf;font-size:var(--t-base);line-height:1.72;text-align:left}
.pr-fine h2{font-size:1.5rem;letter-spacing:-.03em;color:var(--paper);margin:44px 0 14px;padding-top:26px;border-top:1px solid var(--side-active)}
.pr-fine h2:first-child{margin-top:0;padding-top:0;border-top:0}
.pr-fine p{margin:0 0 14px}
.pr-fine b{color:#fff;font-weight:700}
@media(max-width:620px){.pr-fine{font-size:var(--t-base)}}
@media(max-width:1100px){.pr-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pr-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pr-switch i{transition:none}}


/* The consent banner is fixed to the bottom, so the last section needs
   clearance or it sits underneath it on a short page. */
.pricing .foot{padding-bottom:calc(25px + 92px)}
.pricing .foot-links a{color:#fff}

/* The header CTA inherits background:var(--ink), which on this dark page is
   dark on dark. It is the primary action in the header, so it gets the
   inverse treatment here. */
.pricing .nav-cta{background:var(--paper);color:var(--ink)}
.pricing .nav-cta:hover{background:var(--acid)}

/* A link here rather than the landing page's button, so `.pricing .top nav a`
   would otherwise turn it grey on paper and shrink it to the plain links. */
.pricing .top nav a.nav-cta{color:var(--ink);font-size:inherit}
@media(max-width:560px){.pricing .top nav a.nav-cta{font-size:var(--t-xs)}}

/* Compare two plans */
.pr-compare{max-width:760px;margin:72px auto 0;color:#c9c8c5}
.pr-compare h2{font-size:var(--t-h3);letter-spacing:-.03em;color:var(--paper);margin:0 0 16px}
.cmp-pick{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;font-size:var(--t-sm);font-weight:700}
.cmp-pick select{background:#232323;color:#fff;border:1px solid #515151;border-radius:99px;padding:10px 16px;font:inherit;min-height:44px}
.cmp-wrap{overflow-x:auto;border:1px solid var(--side-active);border-radius:16px}
.cmp-table{width:100%;border-collapse:collapse;font-size:var(--t-base)}
.cmp-table th,.cmp-table td{padding:12px 16px;border-top:1px solid var(--side-active);text-align:left}
.cmp-table thead th{border-top:0;color:#fff;font-size:var(--t-md)}
.cmp-table tbody th{color:#afafaf;font-weight:600;font-size:var(--t-sm)}
.cmp-table td{color:#fff;font-weight:700}
.cmp-note{font-size:var(--t-sm);color:#afafaf;margin:12px 0 0}
.pr-terms{min-height:3.2em}
@media(max-width:900px){.pricing .top.has-menu nav{background:var(--ink);border-bottom-color:#303030}.pricing .top.has-menu nav a{color:var(--paper);border-top-color:#303030}.pricing .nav-toggle{background:#292929;color:var(--paper);border-color:#414141}.pricing a.nav-cta.nav-cta-m{color:var(--ink)}}