/* Outrun Noir: marketing subpages (uncensored, GLM, DeepSeek, pricing).
   Loaded after noir-landing.css. Everything is scoped to body.pg so the landing stays untouched.
   Mono is for code, model IDs, prices and data only; labels use Jakarta. */

body.pg{--sec:clamp(84px,9vw,132px)}
body.pg main{display:block}
body.pg .shell{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
body.pg .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.pg .sprite{position:absolute;width:0;height:0;overflow:hidden}
body.pg .mono{font-size:inherit;letter-spacing:0;text-transform:none;color:inherit}
body.pg .nw{white-space:nowrap}
body.pg main code{overflow-wrap:anywhere;font-family:var(--mono);font-size:.88em;color:var(--cream);background:rgba(245,243,238,.05);border:1px solid var(--line);padding:1px 5px}
body.pg main a:not(.btn):not(.trycard):not(.fam-guide):not(.tlink){color:var(--cream);text-decoration:underline;text-decoration-color:rgba(255,85,0,.7);text-underline-offset:3px;text-decoration-thickness:1px}
body.pg main a:not(.btn):hover{text-decoration-color:var(--cream)}
body.pg .btn.ghost.sm{height:38px}
body.pg .ic{width:17px;height:17px;flex:none}
body.pg .btn svg{display:none}

/* ---------- reveal (landing.js adds .stg/.rv/.in) ---------- */
body.pg .stg>.rv{opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i,0) * 60ms)}
body.pg .stg.in>.rv{opacity:1;transform:none}
html.static body.pg .stg>.rv{opacity:1;transform:none;transition:none}

/* ---------- hero ---------- */
body.pg .ph{position:relative;padding:118px 0 0;overflow:clip}
body.pg .ph-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,4vw,72px);align-items:center;min-height:min(86dvh,860px)}
body.pg .ph-copy{padding:40px 0 56px;position:relative;z-index:2}
body.pg .crumbs ol{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 34px;padding:0;list-style:none;font-size:13px;color:var(--cream-3)}
body.pg .crumbs li+li::before{content:"/";margin-right:8px;color:var(--orange)}
body.pg .crumbs a{color:var(--cream-2)!important;text-decoration:none!important}
body.pg .crumbs a:hover{color:var(--cream)!important}
body.pg .ph h1{font:700 clamp(40px,5.4vw,5.25rem)/.98 var(--sans);letter-spacing:-.04em;margin:0;max-width:15ch;text-wrap:balance}
body.pg.pg-glm .ph h1,body.pg.pg-deepseek .ph h1,body.pg.pg-gpt .ph h1,body.pg.pg-claude .ph h1,body.pg.pg-discounted .ph h1{font-size:clamp(38px,4.5vw,4.5rem);max-width:17ch}
body.pg .ph-ctas .btn:nth-child(3){height:auto;padding:0 4px;border:0;align-self:center;color:var(--cream-2);text-decoration:underline;text-decoration-color:rgba(255,85,0,.7);text-underline-offset:4px}
body.pg .ph-ctas .btn:nth-child(3):hover{color:var(--cream)}
body.pg .lu-head .mono,body.pg .board-head .mono{font-family:var(--sans)}
body.pg .ph-lead{margin:28px 0 0;max-width:54ch;font-size:clamp(16px,1.2vw,18px);line-height:1.62;color:var(--cream-2)}
body.pg .ph-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
body.pg .ph-credit{display:flex;align-items:baseline;gap:14px;margin:30px 0 0;padding-top:20px;border-top:1px solid var(--line);max-width:520px}
body.pg .ph-credit .amt{font:600 34px/1 var(--sans);letter-spacing:-.03em;color:var(--orange);font-variant-numeric:tabular-nums}
body.pg .ph-credit .txt{font-size:14.5px;line-height:1.5;color:var(--cream-2)}
body.pg .ph-meta{display:flex;align-items:center;gap:10px;margin:18px 0 0;font-size:14px;color:var(--cream-2)}
body.pg .ph-meta .mk{width:18px;height:18px;fill:var(--orange);color:var(--orange);flex:none}

/* art plates */
body.pg .ph-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:520px}
body.pg .plate{position:relative;height:min(78dvh,760px);max-width:100%}
body.pg .plate img{height:100%;width:auto;max-width:none;image-rendering:auto}
body.pg .art-salus .plate,body.pg .art-nike .plate{height:min(80dvh,780px)}
body.pg .art-salus .plate img{-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}

/* uncensored: redaction bars over the face, wiped away like the headline */
body.pg .rbar{position:absolute;z-index:2}
body.pg .rbar::before{content:"";position:absolute;inset:0;background:var(--ink);transform-origin:100% 50%}
body.pg .rbar::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:var(--orange)}
body.pg .rb-eyes{left:12%;top:42.5%;width:74%;height:11.5%}
body.pg .rb-mouth{left:37%;top:70.5%;width:38%;height:8.5%}
body.pg.go .rbar::before{animation:unredact 1.2s var(--ease) both}
body.pg.go .rb-eyes::before{animation-delay:1.05s}
body.pg.go .rb-mouth::before{animation-delay:1.35s}

/* the headline redaction (ported from the current page, noir colours, square bar) */
body.pg .redact{position:relative;display:inline-block;color:var(--cream)}
body.pg .redact::before{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.07em;min-height:3px;background:var(--orange)}
body.pg .redact::after{content:"";position:absolute;inset:.1em -.05em .02em;background:var(--cream);transform:scaleX(0);transform-origin:100% 50%}
body.pg .ph .redact::after{animation:unredact 1s var(--ease) .45s both}
body.pg .ph .redact+.redact::after{animation-delay:.7s}
html.js-ready body.pg .statement .redact::after{transform:scaleX(1);transition:transform 1s var(--ease) .3s}
html.js-ready body.pg .statement.in .redact::after{transform:scaleX(0)}
@keyframes unredact{from{transform:scaleX(1)}to{transform:scaleX(0)}}
body.pg:not(.go) .rbar::before{transform:scaleX(1)}

/* GLM: a scan line settles on the eye line */
body.pg .scan{position:absolute;left:-40%;right:6%;top:41.5%;height:1px;background:var(--orange);transform-origin:right center;z-index:2}
body.pg .scan-tip{position:absolute;left:-40%;top:41.5%;width:7px;height:7px;margin:-3px 0 0 -3px;background:var(--orange);transform:rotate(45deg);z-index:2}
body.pg.go .scan{animation:scanin 1.6s var(--ease) .5s both}
body.pg.go .scan-tip{animation:tipin .5s var(--ease) 1.9s both}
@keyframes scanin{0%{transform:translateY(-34vh) scaleX(.2);opacity:0}40%{opacity:1}70%{transform:translateY(0) scaleX(.2)}100%{transform:translateY(0) scaleX(1)}}
@keyframes tipin{from{transform:rotate(45deg) scale(0)}to{transform:rotate(45deg) scale(1)}}

/* DeepSeek: a line seeks down through the head */
body.pg .seek{position:absolute;left:47.5%;top:-6%;width:1px;height:78%;background:var(--orange);transform-origin:top center;z-index:2}
body.pg .seek-tip{position:absolute;left:47.5%;top:72%;width:7px;height:7px;margin:-3px 0 0 -3px;background:var(--orange);transform:rotate(45deg);z-index:2}
body.pg .seek-ring{position:absolute;left:47.5%;top:72%;width:64px;height:64px;margin:-32px 0 0 -32px;border:1px solid rgba(255,85,0,.55);border-radius:50%!important;z-index:2}
body.pg.go .seek{animation:seekin 1.5s var(--ease) .5s both}
body.pg.go .seek-tip{animation:tipin .5s var(--ease) 1.8s both}
body.pg.go .seek-ring{animation:ring 2.8s var(--ease) 2s infinite}
@keyframes seekin{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes ring{0%{transform:scale(.3);opacity:0}30%{opacity:1}100%{transform:scale(1.6);opacity:0}}

/* Pricing: the orange drop onto the wing */
body.pg .drop{position:absolute;left:53%;top:4%;width:1px;height:26%;background:var(--orange);transform-origin:top center;z-index:2}
body.pg .drop-tip{position:absolute;left:53%;top:30%;width:7px;height:7px;margin:-3px 0 0 -3px;background:var(--orange);transform:rotate(45deg);z-index:2}
body.pg.go .drop{animation:seekin 1.4s var(--ease) .5s both}
body.pg.go .drop-tip{animation:tipin .5s var(--ease) 1.7s both}

html.static body.pg *,html.static body.pg *::before,html.static body.pg *::after{animation:none!important;transition:none!important}
html.static body.pg .rbar::before,html.static body.pg .ph .redact::after{transform:scaleX(0)}
html.static body.pg .statement .redact::after{transform:scaleX(0)!important}

/* below the hero: spec, cards, lineup, data sheet, board */
body.pg .ph-below{position:relative;z-index:2;padding-bottom:var(--sec)}
body.pg .spec{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line)}
body.pg .spec>div{padding:26px 24px 26px 0;border-left:1px solid var(--line);padding-left:24px}
body.pg .spec>div:first-child{border-left:0;padding-left:0}
body.pg .spec b{display:block;font:600 clamp(30px,3vw,44px)/1 var(--sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-bottom:10px}
body.pg .spec span{font-size:14px;color:var(--cream-2)}
body.pg .stack{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
body.pg .mcard{height:100%;border:1px solid var(--line-2);border-top:1px solid var(--orange);padding:22px 22px 24px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,background-color .2s}
body.pg .mcard:hover{border-color:var(--cream);border-top-color:var(--orange);background:rgba(245,243,238,.02)}
body.pg .mc-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
body.pg .mc-p{font-family:var(--mono);font-size:13px;color:var(--cream-2)}
body.pg .mc-p b{color:var(--cream);font-weight:500}
body.pg .mc-p i,body.pg .lu-p i,body.pg .price-line i,body.pg .cmp td i,body.pg .ticker i{font-style:normal;color:var(--cream-3);margin:0 4px}
body.pg .mc-n{font-size:20px;font-weight:600;letter-spacing:-.025em}
body.pg main .mc-id{background:none;border:0;padding:0;font-size:12.5px;color:var(--cream-3)}
body.pg .mc-note{margin:8px 0 0;font-size:14px;color:var(--cream-2)}

body.pg .lineup{margin:0;border-top:1px solid var(--line-2)}
body.pg .lu-head{display:flex;justify-content:space-between;gap:20px;padding:16px 0;font-size:13px;color:var(--cream-3);border-bottom:1px solid var(--line)}
body.pg .lineup ol{list-style:none;margin:0;padding:0}
body.pg .lineup li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.3fr) auto;gap:20px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line);transition:background-color .2s}
body.pg .lineup li:hover{background:rgba(245,243,238,.025)}
body.pg .lu-role{font-size:13.5px;color:var(--cream-3)}
body.pg .lu-n{font-size:17px;font-weight:500;letter-spacing:-.015em}
body.pg main .lu-id{background:none;border:0;padding:0;font-size:13px;color:var(--cream-2)}
body.pg .lu-p{font-family:var(--mono);font-size:13.5px;color:var(--cream-2);text-align:right;white-space:nowrap}
body.pg .lu-p b{color:var(--cream);font-weight:500}
body.pg .lu-top .lu-n{position:relative;padding-left:16px}
body.pg .lu-top .lu-n::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;background:var(--orange);transform:rotate(45deg)}
body.pg .dsheet{display:grid;grid-template-columns:repeat(5,1fr);margin:40px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.pg .dsheet>div{padding:20px 20px 20px 0;border-left:1px solid var(--line);padding-left:20px}
body.pg .dsheet>div:first-child{border-left:0;padding-left:0}
body.pg .dsheet dt{font-size:13px;color:var(--cream-3);margin-bottom:6px}
body.pg .dsheet dd{margin:0;font-size:17px;font-weight:500;letter-spacing:-.01em}
body.pg .dsheet dd.mono{font-family:var(--mono);font-size:15px;font-weight:400}

body.pg .board{margin:0;border-top:1px solid var(--line-2)}
body.pg .board-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:16px 0;font-size:13.5px;color:var(--cream-3);border-bottom:1px solid var(--line)}
body.pg .tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
body.pg .tile{border-left:1px solid var(--line);border-bottom:1px solid var(--line)}
body.pg .tile:first-child{border-left:0}
body.pg .tile-lg{grid-column:span 1}
body.pg .tile-in{display:flex;flex-direction:column;gap:8px;padding:26px 22px 26px 22px;height:100%}
body.pg .tile:first-child .tile-in{padding-left:0}
body.pg .t-name{font-size:15px;font-weight:500}
body.pg .t-pct{font-family:var(--sans)!important;display:flex;align-items:baseline;gap:2px;font-size:22px;color:var(--orange);font-weight:600}
body.pg .t-pct b{font:600 clamp(40px,4vw,64px)/1 var(--sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
body.pg .t-pct i{font-style:normal;font-size:14px;font-weight:500;color:var(--cream-2);margin-left:8px}

body.pg .t-price{font-family:var(--mono);font-size:14px;color:var(--cream)}
body.pg .t-price s{color:var(--cream-3);margin-left:10px}
body.pg .t-unit{font-size:12.5px;color:var(--cream-3)}

/* ---------- sections ---------- */
body.pg .sec{padding:var(--sec) 0}
body.pg .sec-line{border-top:1px solid var(--line)}
body.pg .sec-head{min-width:0}
body.pg .sec-head h2{overflow-wrap:break-word;font:700 clamp(32px,3.8vw,56px)/1.02 var(--sans);letter-spacing:-.04em;margin:0;max-width:20ch;text-wrap:balance}
body.pg .sec-head.wide h2{max-width:24ch}
body.pg .sec-head>p{margin:22px 0 0;max-width:64ch;font-size:16.5px;line-height:1.65;color:var(--cream-2)}
body.pg .sec-head.wide{margin-bottom:52px}
body.pg .split{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(36px,5vw,96px);align-items:start}
body.pg .split>.sec-head{position:sticky;top:118px}
body.pg .shell.split>.sec-head:only-child{position:static}
body.pg .more{margin:22px 0 0}
body.pg .fine,body.pg .ex,body.pg .calc-note,body.pg .console-note{display:block;margin:22px 0 0;font-family:var(--sans);font-size:13.5px;line-height:1.6;color:var(--cream-3);max-width:80ch;letter-spacing:0;text-transform:none}
body.pg .ex{font-size:15px;color:var(--cream-2)}

/* tables */
body.pg .cat+.cat,body.pg .tbl-wrap+.tbl-wrap{margin-top:56px}
body.pg .tbl-wrap{overflow-x:auto}
body.pg .pt{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
body.pg .pt caption{caption-side:top;text-align:left;padding:0 0 14px}
body.pg .pt caption{display:table-caption}
body.pg .pt caption .cap{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:600;letter-spacing:-.015em;color:var(--cream)}
body.pg .pt caption .u{float:right;font-size:13px;color:var(--cream-3);margin-top:3px}
body.pg .cap-ic svg,body.pg .mm-ic svg{width:18px;height:18px;fill:var(--orange);color:var(--orange)}
body.pg .cap-ic:empty{display:none}
body.pg .pt thead th{font-size:12.5px;font-weight:500;color:var(--cream-3);text-align:left;padding:14px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line)}
body.pg .pt th.n,body.pg .pt td.n{text-align:right;padding-left:20px;white-space:nowrap}
body.pg .pt tbody th{text-align:left;font-weight:400;padding:18px 0;border-bottom:1px solid var(--line);vertical-align:top}
body.pg .pt tbody td{padding:18px 0 18px 20px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:14.5px;color:var(--cream);vertical-align:top}
body.pg .pt tbody tr:not(.fam):hover>*{background:rgba(245,243,238,.025)}
body.pg .pt .nm{display:block;font-size:16px;font-weight:500;letter-spacing:-.01em;color:var(--cream)}
body.pg .pt th code,body.pg .idcopy{display:inline-block;margin-top:4px;padding:0;border:0;background:none;font-family:var(--mono);font-size:12.5px;color:var(--cream-3);cursor:pointer;transition:color .15s}
body.pg .idcopy:hover{color:var(--orange)}
body.pg .idcopy.done{color:var(--orange)}
body.pg .pt .note{position:static;display:block;margin-top:5px;white-space:normal;font-family:var(--sans);font-size:13px;letter-spacing:0;text-transform:none;color:var(--cream-3);max-width:58ch}
body.pg .pt .tier{display:inline-block;padding-left:18px;font-size:14px;color:var(--cream-2);position:relative}
body.pg .pt .tier::before{content:"";position:absolute;left:4px;top:.6em;width:8px;height:1px;background:var(--line-2)}
body.pg .pt tr.sub>*{border-top:0}
body.pg .pt tr.fam th{padding:34px 0 12px;border-bottom:1px solid var(--line-2);font-size:15px;font-weight:600;color:var(--cream)}
body.pg .pt tr.fam:first-child th{padding-top:20px}
body.pg .has-mk .mk{display:inline-block;width:18px;height:18px;margin-right:10px;vertical-align:-3px;fill:var(--orange);color:var(--orange)}
body.pg .fam-n{font-weight:600}
body.pg .fam-guide{float:right;font-size:12.5px;font-weight:600;color:var(--orange);padding:3px 11px;border:1px solid rgba(255,85,0,.45);border-radius:999px!important;transition:background-color .2s,color .2s}
body.pg .fam-guide:hover{background:var(--orange);color:var(--ink)}
body.pg .tag{display:inline-block;margin:6px 0 0 8px;padding:2px 9px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--cream-2);border:1px solid var(--line-2);border-radius:999px;vertical-align:1px}
body.pg .tag-u{color:var(--orange);border-color:rgba(255,85,0,.5)}
body.pg .tag-z{color:var(--cream);border-color:rgba(245,243,238,.4)}
body.pg .mc-top .tag{margin:0}
body.pg .cmp .lst{color:var(--cream-3);text-decoration:line-through;text-decoration-color:rgba(245,243,238,.35)}
body.pg .cmp .d b{color:var(--orange);font-weight:500}
body.pg .cmp .d{font-family:var(--sans);color:var(--cream-2)}
body.pg .cmp .src{font-family:var(--sans);font-size:13px;text-align:right}
body.pg .assure{margin:30px 0 0;padding-left:18px;border-left:1px solid var(--orange);color:var(--cream-2);max-width:80ch}
body.pg .assure b{color:var(--cream)}

/* bento / hair / ruled lists */
body.pg .bento,body.pg .hair,body.pg .ruled,body.pg .flow,body.pg .next-grid,body.pg .choose,body.pg .tools,body.pg .media-notes{list-style:none;margin:0;padding:0}
body.pg .bento{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-2)}
body.pg .bt{border-bottom:1px solid var(--line)}
body.pg .bt:not(.bt-wide):nth-child(odd){border-right:1px solid var(--line)}
body.pg .bt:not(.bt-wide)+.bt:not(.bt-wide){border-right:0}
body.pg .bt:not(.bt-wide):has(+.bt:not(.bt-wide)){border-right:1px solid var(--line)} /* first of a half-width pair, whatever its position */
body.pg .bt-wide,body.pg .bt:not(.bt-wide):not(:has(+.bt:not(.bt-wide))):not(.bt:not(.bt-wide)+.bt){grid-column:1/-1} /* a half card with no partner spans the row */
body.pg .bt-in{padding:32px 32px 34px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 32px;align-items:start}
body.pg .bt:not(.bt-wide)+.bt:not(.bt-wide) .bt-in{padding-left:32px}
body.pg .bt h3{grid-column:1/-1;margin:0;font-size:22px;font-weight:600;letter-spacing:-.025em}
body.pg .bt p{grid-column:1/-1;margin:0;color:var(--cream-2);max-width:62ch}
body.pg .bt-k{grid-column:2;grid-row:1;align-self:center;font-family:var(--mono)!important;font-size:13px;color:var(--orange)!important;white-space:nowrap}
body.pg .hair{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;border-top:1px solid var(--line-2)}
body.pg .hair>li{padding:26px 24px 0 0;border-left:1px solid var(--line);padding-left:24px}
body.pg .hair>li:first-child{border-left:0;padding-left:0}
body.pg .hair h3,body.pg .ruled h3,body.pg .flow h3{margin:0 0 8px;font-size:17px;font-weight:600;letter-spacing:-.015em}
body.pg .hair p,body.pg .ruled p,body.pg .flow p{margin:0;font-size:14.5px;line-height:1.6;color:var(--cream-2)}
body.pg .ruled{border-top:1px solid var(--line-2)}
body.pg .ruled>li{padding:22px 0;border-bottom:1px solid var(--line)}
body.pg .flow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-2)}
body.pg .flow>li{padding:26px 24px 0;border-left:1px solid var(--line)}
body.pg .flow>li:first-child{border-left:0;padding-left:0}
body.pg .fl-n{display:block;font-family:var(--mono)!important;font-size:13px;color:var(--orange)!important;margin-bottom:28px}

/* steps (keep their numbers: they are a sequence) */
body.pg ol.steps{display:block;margin:36px 0 0;padding:0;list-style:none;border:0;border-top:1px solid var(--line-2)}
body.pg ol.steps>li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;padding:22px 0;border-bottom:1px solid var(--line)}
body.pg ol.steps .n{font-family:var(--mono)!important;font-size:13px;color:var(--orange)!important;padding-top:3px}
body.pg ol.steps h3{margin:0 0 6px;font-size:18px;font-weight:600;letter-spacing:-.02em}
body.pg ol.steps p{margin:0;color:var(--cream-2);font-size:15px}
body.pg .whynote{margin:28px 0 0;padding-left:18px;border-left:1px solid var(--orange);font-size:14.5px;color:var(--cream-2)}
body.pg .whynote b{color:var(--cream)}

/* console (request example) */
body.pg .connect-side{position:relative}
body.pg .bezel{border:1px solid var(--line-2);background:var(--ink-2)}
body.pg .console-bar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 18px;border-bottom:1px solid var(--line)}
body.pg .endpoint{font-family:var(--mono);font-size:12.5px;color:var(--cream-2)}
body.pg .endpoint b{color:var(--orange);font-weight:500;margin-right:12px}
body.pg .console-bar .copy{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--cream-3)}
body.pg .console-bar .copy:hover,body.pg .console-bar .copy.done{color:var(--cream)}
body.pg .langs{display:flex;gap:2px;padding:0 12px;border-bottom:1px solid var(--line)}
body.pg .langs button{font-family:var(--mono);font-size:12px;color:var(--cream-3);padding:11px 8px}
body.pg .langs button[aria-selected=true]{color:var(--cream);box-shadow:inset 0 -1px 0 var(--orange)}
body.pg .console pre.code{border:0;background:none;margin:0;padding:22px 20px 24px;font:400 13px/1.8 var(--mono);color:var(--cream-2);overflow-x:auto;min-height:0;z-index:auto}
body.pg .console pre.code code{background:none;border:0;padding:0;font-size:13px;color:inherit}
body.pg .console-bar .copy{display:inline-flex;align-items:center;gap:6px}
body.pg .console-bar .copy svg{width:14px;height:14px}
body.pg .t-f,body.pg .t-k{color:var(--cream)}
body.pg .t-s{color:#cfcac0}
body.pg .t-a{color:var(--cream-2)}
body.pg .t-v{color:var(--cream)}
body.pg .t-p{color:var(--cream-3)}
body.pg .t-m{color:var(--orange)}
body.pg .t-m.pop{animation:pop .5s var(--ease)}
@keyframes pop{from{opacity:.2}to{opacity:1}}
body.pg .model-pick{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 18px;border-top:1px solid var(--line)}
body.pg .model-pick .lab{font-size:13px;color:var(--cream-3);margin-right:4px}
body.pg .chips{display:flex;flex-wrap:wrap;gap:8px}
body.pg main .chip{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;font-weight:400;padding:7px 11px;border:1px solid var(--line-2);border-radius:0;color:var(--cream-2);white-space:nowrap;overflow:visible;transition:color .2s,border-color .2s,background-color .2s}
body.pg main .chip:first-of-type{border-left:1px solid var(--line-2)}
body.pg main .chip:hover{color:var(--cream);border-color:var(--cream)}
body.pg main .chip[aria-pressed=true]{color:var(--ink);background:var(--cream);border-color:var(--cream)}
body.pg main .chip .c{font-size:11px;color:var(--cream-3)}
body.pg main .chip[aria-pressed=true] .c{color:rgba(10,10,10,.6)}
body.pg .price-line{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12.5px;color:var(--cream-2)}
body.pg .price-line .pn{color:var(--cream);margin-right:12px;font-family:var(--sans);font-size:13.5px;font-weight:500}
body.pg .price-line b{color:var(--cream);font-weight:500;min-width:0}
body.pg .price-line .pu{color:var(--cream-3);margin-left:10px}
body.pg .price-line a{font-family:var(--sans);font-size:13px}

/* try cards, setup tools, next links */
body.pg .two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:start}
body.pg .media-notes{margin:36px 0 0;border-top:1px solid var(--line-2)}
body.pg .media-notes>li{padding:16px 0;border-bottom:1px solid var(--line);color:var(--cream-2);font-size:15px}
body.pg .media-notes b{color:var(--cream)}
body.pg .trycard{display:grid;gap:6px;margin-top:32px;padding:24px 24px 26px;border:1px solid rgba(255,85,0,.6);color:var(--cream);text-decoration:none!important;position:relative;transition:background-color .2s,border-color .2s}
body.pg .trycard::after{content:"\2192";position:absolute;right:22px;top:22px;color:var(--orange);transition:transform .25s var(--ease)}
body.pg .trycard:hover{background:rgba(255,85,0,.07);border-color:var(--orange)}
body.pg .trycard:hover::after{transform:translateX(4px)}
body.pg .tc-k{font-family:var(--sans)!important;font-size:12.5px;font-weight:600;color:var(--orange)!important}
body.pg .trycard b{font-size:20px;font-weight:600;letter-spacing:-.02em}
body.pg .tc-p{font-size:14.5px;color:var(--cream-2)}
body.pg .connect-more{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:end;margin-top:64px}
body.pg .connect-more .trycard{margin-top:0}
body.pg .mini-h{margin:0 0 14px;font-size:18px;font-weight:600;letter-spacing:-.02em}
body.pg .tools{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-2)}
body.pg .tools>li{border-bottom:1px solid var(--line)}
body.pg .tools a{display:flex;justify-content:space-between;gap:10px;padding:14px 16px 14px 0;font-size:14.5px;color:var(--cream-2)!important;text-decoration:none!important}
body.pg .tools a::after{content:"\2192";color:var(--orange)}
body.pg .tools a:hover{color:var(--cream)!important}
body.pg .tools svg{display:none}
body.pg .next{padding:var(--sec) 0;border-top:1px solid var(--line)}
body.pg .next-h{margin:0 0 32px;font:700 clamp(28px,3vw,44px)/1.05 var(--sans);letter-spacing:-.04em}
body.pg .next-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
body.pg .next-grid a{display:flex;flex-direction:column;gap:30px;height:100%;padding:22px 22px 24px;border:1px solid var(--line-2);color:var(--cream)!important;text-decoration:none!important;transition:border-color .2s,background-color .2s}
body.pg .next-grid a:hover{border-color:var(--cream)}
body.pg .next-grid span{font-family:var(--sans)!important;font-size:13px;color:var(--cream-3)}
body.pg .next-grid b{font-size:18px;font-weight:600;letter-spacing:-.02em}
body.pg .next-cta a{border-color:var(--orange);background:var(--orange);color:var(--ink)!important}
body.pg .next-cta a span{color:color-mix(in srgb,currentColor 84%,transparent)}
body.pg .next-cta a:hover{background:var(--cream);border-color:var(--cream)}

/* choose / save / note blocks */
body.pg .choose{border-top:1px solid var(--line-2)}
body.pg .choose>li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line);transition:background-color .2s}
body.pg .choose>li:hover{background:rgba(245,243,238,.025)}
body.pg .ch-need{font-size:16px;color:var(--cream)}
body.pg main .ch-id{background:none;border:0;padding:0;font-size:13px;color:var(--orange)}
body.pg .ch-p{font-family:var(--mono);font-size:13.5px;color:var(--cream-2);white-space:nowrap}
body.pg .save{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px 48px;align-items:center;margin:0 0 56px;padding:28px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line)}
body.pg .save-2{grid-template-columns:1fr 1fr}
body.pg .save-big{margin:0;display:flex;align-items:baseline;gap:18px}
body.pg .save-big b{font:600 clamp(48px,5vw,80px)/1 var(--sans)!important;letter-spacing:-.04em;color:var(--orange)!important;font-variant-numeric:tabular-nums}
body.pg .save-big span{font-size:14.5px;color:var(--cream-2);max-width:30ch}
body.pg .save-copy{margin:0;color:var(--cream-2);max-width:70ch}
body.pg .save-copy b{color:var(--cream);font-family:var(--mono);font-weight:500}
body.pg .gnote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
body.pg .gnote-mark .tag{margin:0;font-size:22px;padding:10px 22px;letter-spacing:.04em}

/* receipt (privacy) */
body.pg .receipt{margin:0}
body.pg .rc{padding:24px 24px 22px}
body.pg .rc-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
body.pg .rc-head .mono{font-family:var(--mono)!important;font-size:12.5px;color:var(--cream-2)!important}
body.pg .rc-head b{color:var(--orange);font-weight:500;margin-right:8px}
body.pg .rc-tag{font-size:11.5px;font-weight:600;color:var(--cream-2);border:1px solid var(--line-2);border-radius:999px;padding:2px 10px}
body.pg .rc-rows{margin:0}
body.pg .rc-rows>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
body.pg .rc-rows dt{font-size:13.5px;color:var(--cream-3)}
body.pg .rc-rows dd{margin:0;font-size:13.5px;color:var(--cream)}
body.pg .rc-rows dd.mono{font-family:var(--mono)}
body.pg .rc-rows dd i{font-style:normal;color:var(--cream-3);margin-left:8px}
body.pg .rc-x dd{display:flex;align-items:center;gap:12px;color:var(--orange)}
body.pg .rc-x .bar{display:inline-block;width:120px;height:12px;background:var(--cream)}
body.pg .rc-foot{margin:14px 0 0;font-size:13px;color:var(--cream-3)}

/* faq */
body.pg main .faq{padding:0;border:0}
body.pg main .faq details:first-child{border-top:1px solid var(--line-2)}
body.pg main .faq summary{font-size:18px;padding:22px 0}
body.pg main .faq summary svg{display:none}
body.pg main .faq details p{margin:0 0 24px}

/* closing blocks */
body.pg .statement,body.pg .band{padding:clamp(110px,12vw,180px) 0;border-top:1px solid var(--line);position:relative;overflow:clip}
body.pg .st-in,body.pg .band-in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:end}
body.pg .statement h2,body.pg .band h2{font:700 clamp(40px,6vw,6rem)/.95 var(--sans);letter-spacing:-.04em;margin:0;text-wrap:balance}
body.pg .band h2{font-size:clamp(34px,4vw,60px)}
body.pg .st-side p,body.pg .band-copy p{margin:0 0 26px;color:var(--cream-2);max-width:46ch}
body.pg .st-side .actions,body.pg .band .actions{display:flex;flex-wrap:wrap;gap:12px}
body.pg .band-num{margin:0;display:flex;flex-direction:column;gap:12px}
body.pg .band-num b{font:600 clamp(80px,12vw,12rem)/.85 var(--sans)!important;letter-spacing:-.05em;color:var(--orange)!important;font-variant-numeric:tabular-nums}
body.pg .band-num span{font-size:15px;color:var(--cream-2)}
body.pg .band-copy h2{margin-bottom:22px}

/* pricing catalog: search + kinds */
body.pg .filter{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:18px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line);position:sticky;top:var(--top-h,118px);z-index:5;background:rgba(10,10,10,.92);backdrop-filter:blur(10px)}
body.pg .search{flex:1 1 280px;display:flex}
body.pg .search svg{display:none}
body.pg .search input{width:100%;height:46px;padding:0 14px 0 40px;background:#0F0F0E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23FF5500' stroke-width='1.6'%3E%3Ccircle cx='7' cy='7' r='5.2'/%3E%3Cpath d='m11 11 3.6 3.6'/%3E%3C/svg%3E") 14px 50%/16px no-repeat;border:1px solid var(--line-2);color:var(--cream);font:15px var(--sans);outline:0}
body.pg .search input:focus{border-color:var(--orange)}
body.pg .search input::placeholder{color:var(--cream-3)}
body.pg .kinds{display:flex;flex-wrap:wrap;gap:8px}
body.pg main .kinds .chip{font-family:var(--sans);font-size:13.5px;font-weight:500;padding:9px 14px}
body.pg .count{margin:22px 0 32px;font-size:13.5px;color:var(--cream-3)}
body.pg .empty{padding:40px 0;color:var(--cream-2)}

/* calculator */
body.pg .calc{display:grid;gap:24px}
body.pg .calc-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
body.pg .fld{display:flex;flex-direction:column;gap:8px;min-width:0}
body.pg .fld select{width:100%;min-width:0}
body.pg .fld-wide{grid-column:1/-1}
body.pg .fld label{font-size:13px;font-weight:500;color:var(--cream-2)}
body.pg .fld input,body.pg .fld select{height:48px;padding:0 14px;background:#0F0F0E;border:1px solid var(--line-2);color:var(--cream);font:15px var(--sans);font-variant-numeric:tabular-nums;outline:0;border-radius:0;-webkit-appearance:none;appearance:none}
body.pg .fld select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF5500' stroke-width='1.6'%3E%3Cpath d='m2 4 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
body.pg .fld input:focus,body.pg .fld select:focus{border-color:var(--orange)}
body.pg .fld input[aria-invalid=true]{border-color:#FF8A5C}
body.pg .hint{font-size:12.5px;color:var(--cream-3)}
body.pg .presets{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
body.pg main .presets .chip{font-family:var(--sans);font-size:13.5px;font-weight:500;padding:8px 13px;border-color:rgba(255,85,0,.45);color:var(--cream)}
body.pg main .presets .chip:hover{border-color:var(--orange);background:rgba(255,85,0,.08)}
body.pg .err{grid-column:1/-1;margin:0;color:#FF8A5C;font-size:14px}
body.pg .calc-out{border:1px solid var(--line-2);border-top:1px solid var(--orange);padding:26px 26px 22px}
body.pg .total{display:flex;flex-direction:column;gap:6px}
body.pg .total .lab{font-size:13px;color:var(--cream-3)}
body.pg .total b{font:600 clamp(44px,5vw,72px)/1 var(--sans)!important;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--cream)!important}
body.pg .total .per{font-size:14px;color:var(--cream-2)}
body.pg .brk{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:20px 0 0;border-top:1px solid var(--line)}
body.pg .brk dt,body.pg .brk dd{padding:10px 0;border-bottom:1px solid var(--line);font-size:13.5px}
body.pg .brk dt{color:var(--cream-2)}
body.pg .brk dd{margin:0;font-family:var(--mono);color:var(--cream);text-align:right}
body.pg .vs{margin:16px 0 0;font-size:14px;color:var(--orange)}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  body.pg .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.pg .tile-lg{grid-column:span 1}
  body.pg .tile{border-left:1px solid var(--line)}
  body.pg .tile:nth-child(3n+1){border-left:0}
  body.pg .tile:nth-child(3n+1) .tile-in{padding-left:0}
  body.pg .hair{grid-template-columns:1fr 1fr;row-gap:28px}
  body.pg .hair>li:nth-child(3){border-left:0;padding-left:0}
  body.pg .next-grid{grid-template-columns:1fr 1fr}
  body.pg .dsheet{grid-template-columns:repeat(3,1fr)}
  body.pg .dsheet>div:nth-child(4){border-left:0;padding-left:0}
  body.pg .dsheet>div:nth-child(n+4){border-top:1px solid var(--line)}
}
@media (max-width:1080px){
  body.pg .split,body.pg .two,body.pg .connect-more,body.pg .st-in,body.pg .band-in{grid-template-columns:minmax(0,1fr)}
  body.pg .split>.sec-head{position:static}
  body.pg .stack{grid-template-columns:1fr 1fr}
  body.pg .flow{grid-template-columns:1fr 1fr;row-gap:28px}
  body.pg .flow>li:nth-child(3){border-left:0;padding-left:0}
  body.pg .tools{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  body.pg .ph{padding-top:128px}
  body.pg .ph-grid{grid-template-columns:minmax(0,1fr);min-height:0;gap:0}
  body.pg .ph-copy{padding:24px 0 8px}
  body.pg .ph-art{min-height:0;margin:24px calc(var(--pad) * -1) 0}
  body.pg .plate,body.pg .art-salus .plate,body.pg .art-nike .plate{height:min(92vw,520px)}
  body.pg .scan{left:-6%;right:6%}
  body.pg .scan-tip{left:-6%}
  body.pg .ph-below{padding-top:36px}
  body.pg .spec{grid-template-columns:1fr 1fr}
  body.pg .spec>div:nth-child(3){border-left:0;padding-left:0}
  body.pg .spec>div:nth-child(n+3){border-top:1px solid var(--line)}
  body.pg .lineup li{grid-template-columns:minmax(0,1fr) auto;gap:4px 16px}
  body.pg .lu-role{grid-column:1/-1}
  body.pg .lu-n{grid-column:1}
  body.pg .lu-id{grid-column:1}
  body.pg .lu-p{grid-column:2;grid-row:2/span 2;align-self:center}
  body.pg .bento{grid-template-columns:1fr}
  body.pg .bt:not(.bt-wide):nth-child(odd),body.pg .bt:not(.bt-wide):has(+.bt:not(.bt-wide)){border-right:0}
  body.pg .bt:not(.bt-wide)+.bt:not(.bt-wide) .bt-in{padding-left:0}
  body.pg .bt-in{padding-right:0}
  body.pg .save,body.pg .save-2,body.pg .gnote{grid-template-columns:1fr}
  body.pg .choose>li{grid-template-columns:1fr auto;gap:4px 16px}
  body.pg .ch-need{grid-column:1/-1}
  body.pg .filter{top:68px}
  body.pg .pt caption .u{float:none;display:block;margin-top:4px}
}
@media (max-width:640px){
  body.pg .ph h1{font-size:clamp(36px,11vw,44px);line-height:1.02}
  body.pg .ph-lead{font-size:16px;margin-top:20px}
  body.pg .ph-ctas{margin-top:26px}
  body.pg .ph-ctas .btn{flex:1 1 auto;justify-content:center}
  body.pg .ph-credit .amt{font-size:28px}
  body.pg .crumbs ol{margin-bottom:22px}
  body.pg .sec-head h2{font-size:clamp(28px,8.4vw,36px);line-height:1.06}
  body.pg .sec-head>p{font-size:15.5px}
  body.pg .stack,body.pg .tools,body.pg .next-grid,body.pg .hair,body.pg .flow,body.pg .dsheet,body.pg .calc-form{grid-template-columns:minmax(0,1fr)}
  body.pg .hair>li,body.pg .flow>li,body.pg .dsheet>div{border-left:0;padding-left:0;border-top:1px solid var(--line)}
  body.pg .hair>li:first-child,body.pg .flow>li:first-child,body.pg .dsheet>div:first-child{border-top:0}
  body.pg .tiles{grid-template-columns:1fr 1fr}
  body.pg .tile-lg{grid-column:1/-1}
  body.pg .tile{border-left:0}
  body.pg .tile:nth-child(odd):not(.tile-lg){border-left:1px solid var(--line)}
  body.pg .tile:nth-child(odd):not(.tile-lg) .tile-in{padding-left:16px}
  body.pg .tile:nth-child(even) .tile-in{padding-left:0}
  body.pg .tile-in{padding:20px 12px 22px 0}
  body.pg .t-pct b{font-size:40px}
  body.pg .tile-lg .t-pct b{font-size:64px}
  body.pg .t-price s{display:block;margin:2px 0 0}
  body.pg .statement h2{font-size:clamp(36px,11vw,48px)}
  body.pg .band-num b{font-size:88px}
  body.pg .save-big b{font-size:52px}
  body.pg .rc-rows>div{grid-template-columns:88px minmax(0,1fr)}
  body.pg .rc-x .bar{width:64px}
  body.pg .gnote-mark .tag{font-size:16px;padding:6px 16px}
  /* price tables stack: one model per block, labelled cells */
  body.pg .tbl-wrap{overflow:visible}
  body.pg .pt,body.pg .pt tbody,body.pg .pt tr,body.pg .pt caption{display:block;width:100%}
  body.pg .pt thead{display:none}
  body.pg .pt tbody tr{display:flex;flex-wrap:wrap;column-gap:16px;border-bottom:1px solid var(--line);padding:14px 0}
  body.pg .pt tbody tr.sub{padding-top:0}
  body.pg .pt tbody th,body.pg .pt tbody td{display:block;border:0;padding:0;background:none!important}
  body.pg .pt tbody th{flex:1 1 100%;margin-bottom:10px}
  body.pg .pt tbody td{flex:1 1 0;min-width:0;text-align:left!important;padding:0!important;font-size:14px;white-space:normal}
  body.pg .pt tbody td::before{content:attr(data-label);display:block;font-family:var(--sans);font-size:11.5px;color:var(--cream-3);margin-bottom:2px}
  body.pg .pt tr.fam{padding:26px 0 10px;border-bottom:1px solid var(--line-2)}
  body.pg .pt tr.fam th{margin:0;padding:0;border:0}
  body.pg .pt tr.sub th{flex:1 1 100%;margin:0 0 8px}
  body.pg .pt .note{max-width:none}
  body.pg .cmp .src{text-align:left}
  body.pg .cmp tbody tr{row-gap:12px}
  body.pg .cmp tbody td{flex:1 1 40%}
  body.pg .cmp tbody td::before{display:inline-block;width:100%;text-decoration:none}
  body.pg .filter{position:static;backdrop-filter:none}
  body.pg .price-line{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  body.pg *,body.pg *::before,body.pg *::after{animation:none!important}
  body.pg .rbar::before,body.pg .ph .redact::after{transform:scaleX(0)}
}

/* ---------- uncensored hero: censored eyes, the skull opens on scroll (noir-mind.js) ---------- */
body.pg .art-mind{display:flex;justify-content:center;align-items:center;position:relative}
body.pg .art-mind .mind{height:min(calc(100dvh - 140px),760px);margin-top:-10px}
body.pg .mind .censor{position:absolute;left:26%;top:58.6%;width:31%;height:5.6%;z-index:6;background:var(--ink);transform:rotate(-2.5deg);transform-origin:0 50%}
body.pg .mind .censor i{position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--orange)}
body.pg .mind.open .censor{visibility:hidden}
body.pg .mind .note.n1{left:74%;top:30%}
body.pg .mind .note.n2{left:74%;top:66%}
body.pg .mind .note.n1{color:var(--orange)}
body.pg .mind .note.n1 i{background:var(--orange)}
@media (max-width:1180px){body.pg .mind .note{display:none}}
@media (max-width:860px){body.pg .art-mind .mind{height:auto;width:min(84vw,460px);margin:10px auto 0}}

/* hair lid: sits closed on the head at the start of the scroll, lifts and tilts open (this is its open pose) */
body.pg .mind .lid{transform:rotate(4deg) scale(.92)}

/* ---------- mobile audit fixes (2026-10-24) ---------- */
/* footer base line matches the landing (the .mono reset above made it 16px body text here) */
body.pg footer.site .mono{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cream-3)}
/* copy-ID buttons keep their look but get a real tap area */
body.pg .idcopy{position:relative}
body.pg .idcopy::after{content:"";position:absolute;inset:-10px -6px}
/* the hero's text-style third CTA ("All GLM-5.3 prices") */
body.pg .ph-ctas a{position:relative}
body.pg .ph-ctas a:not(.primary)::after{content:"";position:absolute;inset:-12px -6px}
/* breathing room: env note -> "Setup guides", calculator breakdown label -> amount */
body.pg .console-wrap+.mini-h{margin-top:40px}
body.pg .brk{column-gap:16px}
@media (max-width:860px){
  /* 16px stops iPhone Safari zooming into the field */
  body.pg .fld input,body.pg .fld select,body.pg .search input{font-size:16px}
  body.pg main .chip{min-height:40px}
}
@media (max-width:520px){
  /* one type scale on phones, matching the landing */
  body.pg .ph h1,body.pg.pg-glm .ph h1,body.pg.pg-deepseek .ph h1,body.pg.pg-gpt .ph h1,body.pg.pg-claude .ph h1,body.pg.pg-discounted .ph h1{font-size:clamp(33px,10.4vw,42px)}
  body.pg .sec-head h2,body.pg .next-h{font-size:clamp(31px,9.6vw,40px)}
  body.pg #close-h{font-size:clamp(36px,11.2vw,46px)}
  body.pg .sec-head p{font-size:16px}
  body.pg .bt h3{font-size:20px}
  /* model lineup: price goes under the name so IDs keep the full width and don't split */
  body.pg .lineup li{grid-template-columns:minmax(0,1fr)}
  body.pg .lu-p{grid-column:1;grid-row:auto;align-self:start;text-align:left;margin-top:6px}
}

/* Uncensored H1: the same desktop size as the other guide pages, so it sets in three even lines;
   a touch smaller on small phones so "abliterated models." stays on one line (no single-word last line) */
@media (min-width:861px){body.pg.pg-uncensored .ph h1{font-size:clamp(38px,4.5vw,4.5rem);max-width:17ch}}
@media (max-width:400px){body.pg.pg-uncensored .ph h1{font-size:clamp(30px,9.6vw,36px)}}

/* savings tiles: the name, figure, price and note rows line up across each row of tiles (subgrid), so a name that wraps
   to two lines no longer pushes its tile's figures below its neighbour's */
body.pg .tile{display:grid;grid-row:span 4;grid-template-rows:subgrid}
body.pg .tile-in{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:8px;align-content:start}
/* comparison table: the source link keeps its arrow on the same line */
body.pg .cmp .src a{white-space:nowrap}

/* ---------- GPT and Claude guides (2026-10-24) ---------- */
/* six "Keep exploring" cards sit in three even columns on wide screens; the existing 2-column and 1-column rules above still apply below 1181px */
@media (min-width:1181px){body.pg .next-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

.mind .bl.head{left:22.07%;top:52.214%;width:59.375%}
.mind .bl.brain-c{left:34.766%;top:43.099%;width:37.402%}
.mind .bl.brain-b{left:30.957%;top:35.547%;width:43.945%}
.mind .bl.brain-a{left:31.348%;top:23.633%;width:43.555%}
.mind .bl.lid{left:22.07%;top:0.977%;width:60.84%;transform-origin:50% 60%}