/* Incremental polish of the original public homepage. */
.home-polish { --hp-muted: #b0b7c5; --hp-purple: #c4acf9; --hp-teal: #83dac6; scroll-margin-top: 80px; }
.home-polish .section-head { margin-bottom: 3rem; }
.home-polish .section-head h2 { max-width: 23ch; }
.home-polish .section-head .lede { max-width: 45em; }
.home-polish h2 em { color: var(--brand-light); }
.hp-kicker, .hp-caption { display: block; color: var(--hp-purple); font: 400 .75rem/1.6 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.hp-detail { display: block; color: #a9b7c8; font: 400 .75rem/1.7 var(--font-mono); letter-spacing: .015em; }
.hp-step-num { display: grid; place-items: center; width: 37px; height: 39px; flex: none; border: 1px solid #00c9a735; border-radius: 11px; color: #83dac6; background: #00c9a710; font: 400 .75rem/1 var(--font-mono); }
.research-polished .intel-inner { grid-template-columns: 1fr 1.12fr; gap: 50px; align-items: center; }
.research-steps { list-style: none; margin: 0; padding: 0; }
.research-steps li { display: flex; gap: 18px; padding: 25px 0; border-top: 1px solid #ffffff17; }
.research-steps li:last-child { padding-bottom: 0; }
.research-steps h3 { margin: 2px 0 10px; font: 500 1.1rem/1.4 var(--font-body); letter-spacing: -.02em; }
.research-steps p { margin-bottom: 12px; color: var(--hp-muted); font-size: .89rem; line-height: 1.8; }
.research-steps .text-link { font-size: .83rem; }
.research-steps li:nth-child(3) .hp-step-num { color: var(--hp-purple); background: #a78bfa0e; border-color: #a78bfa35; }
.research-preview { min-width: 0; overflow: hidden; border: 1px solid #a78bfa34; border-radius: 16px; background: #11151d; box-shadow: 0 25px 70px -45px #7c5cff50; }
.hp-window-head { display: flex; align-items: center; gap: 11px; padding: 19px; border-bottom: 1px solid #ffffff14; background: linear-gradient(110deg, #262038, #1a1b29); }
.hp-window-head>strong { font: 500 .83rem/1.5 var(--font-body); }
.hp-window-mark { display: grid; place-items: center; width: 30px; height: 32px; flex: none; color: #d0bafa; border-radius: 9px; background: #a78bfa16; border: 1px solid #a78bfa29; }
.hp-preview-label { margin-left: auto; color: #bcb0d1; font: 400 .53rem/1.4 var(--font-mono); border: 1px solid #a78bfa2e; border-radius: 5px; padding: 4px 6px; }
.research-sources { display: flex; gap: 7px; padding: 13px 19px; border-bottom: 1px solid #ffffff10; background: #0e121a; }
.research-sources span { padding: 5px 10px; color: #b6bed0; font-size: .69rem; border-radius: 6px; border: 1px solid #ffffff13; }
.research-sources span:first-child { color: #b5e8da; border-color: #00c9a73b; background: #00c9a710; }
.research-preview-body { padding: 24px; }
.research-preview .hp-caption { color: #a3adbf; font-size: .55rem; margin-bottom: 12px; }
.research-query { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 12px; border: 1px solid #ffffff23; border-radius: 8px; background: #0d1118; color: #e0e3eb; font-size: .78rem; }
.research-query>span:first-child { color: #94d7c7; font-size: 1.2rem; }
.hp-query-tag { margin-left: auto; font: 400 .5rem/1.4 var(--font-mono); color: #a5adc0; }
.research-filters { display: flex; flex-wrap: wrap; gap: 5px; margin: 12px 0 20px; }
.research-filters span { padding: 4px 7px; color: #a8b1c4; background: #ffffff03; border: 1px solid #ffffff0d; border-radius: 4px; font-size: .54rem; }
.research-product { display: flex; align-items: center; gap: 11px; padding: 16px 0; border-top: 1px solid #ffffff12; }
.research-product-icon { display: grid; place-items: center; width: 40px; height: 43px; flex: none; color: #9cdacb; background: #00c9a70b; border: 1px solid #00c9a71e; border-radius: 9px; }
.research-product>div { min-width: 0; }
.research-product strong { display: block; font: 500 .77rem/1.5 var(--font-body); }
.research-product div>span { display: block; margin-top: 4px; color: #a8b0c1; font-size: .65rem; }
.hp-status { margin-left: auto; flex: none; color: #b2a3ce; font: 400 .53rem/1.5 var(--font-mono); }
.research-handoff { display: flex; align-items: center; gap: 11px; margin-top: 12px; padding: 14px; border: 1px solid #a78bfa36; border-radius: 9px; background: linear-gradient(105deg, #a78bfa13, #a78bfa03); }
.research-handoff strong { display: block; color: #dfd2fa; font: 500 .75rem/1.5 var(--font-body); }
.research-handoff div>span { display: block; margin-top: 4px; color: #b6adc7; font-size: .66rem; }
.hp-window-foot { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 7px; padding: 13px 20px; border-top: 1px solid #ffffff12; color: #9fa9bd; font-size: .55rem; }
.nonapi-polished { background: linear-gradient(140deg, #0e1119, #10121b); }
.nonapi-feature { display: grid; grid-template-columns: 1fr 1.05fr; gap: 45px; align-items: center; padding: 38px; background: radial-gradient(ellipse at 85% 20%, #7c5cff12, transparent 65%), #14171f; border: 1px solid #a78bfa2d; border-radius: 17px; }
.nonapi-copy h3 { margin: 15px 0; font-size: 1.85rem; line-height: 1.2; }
.nonapi-copy>p { color: var(--hp-muted); font-size: .9rem; line-height: 1.8; }
.hp-checks { list-style: none; display: grid; gap: 10px; margin: 23px 0; padding: 0; font-size: .86rem; color: #c4ccda; }
.hp-checks li { display: flex; gap: 10px; }
.hp-checks li::before { content: '✓'; color: #83dac6; }
.nonapi-copy .text-link { font-size: .84rem; }
.browser-diagram { min-width: 0; border: 1px solid #a78bfa34; border-radius: 13px; background: #0b0f16; overflow: hidden; }
.browser-chrome { display: flex; justify-content: space-between; align-items: center; padding: 13px; gap: 10px; border-bottom: 1px solid #ffffff17; background: #20202c; color: #b1adbf; font: 400 .58rem/1.5 var(--font-mono); }
.browser-dots { color: #9892aa; font-size: .45rem; letter-spacing: 2px; }
.browser-diagram-body { padding: 24px 20px; }
.browser-session { display: block; margin-bottom: 24px; text-align: center; color: #a1adbe; font: 400 .6rem/1.5 var(--font-mono); }
.browser-flow { display: grid; grid-template-columns: 1fr 25px 1fr; align-items: center; gap: 10px; }
.browser-node { display: grid; justify-items: center; padding: 19px 6px; gap: 8px; border: 1px solid #ffffff25; border-radius: 11px; background: #141a23; text-align: center; }
.browser-node-ecomli { border-color: #a78bfa55; background: linear-gradient(130deg, #a78bfa16, #a78bfa06); }
.browser-node>span:first-child { height: 39px; color: #c3a8f8; font-size: 1.8rem; line-height: 1.3; }
.browser-node strong { font-size: .82rem; font-weight: 500; }
.browser-node small { color: #adb5c6; font-size: .56rem; }
.browser-node>span.browser-ebay { color: #e0e4ec; font-family: var(--font-body); font-weight: 600; letter-spacing: -.07em; }
.browser-connector { color: #95d3c3; font-size: 1.2rem; text-align: center; }
.browser-api-note { display: flex; justify-content: center; align-items: center; gap: 10px; margin: 20px 0; padding: 10px 6px; border: 1px solid #00c9a72b; border-radius: 7px; background: #00c9a708; color: #9ee0ce; font-size: .73rem; }
.browser-tools { display: flex; justify-content: center; flex-wrap: wrap; gap: 17px; color: #a6afc2; font: 400 .55rem/1.5 var(--font-mono); }
.inclusions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.inclusions-group { padding: 28px 25px 10px; border: 1px solid #ffffff17; border-top: 2px solid #a78bfa80; border-radius: 12px; background: #14171e; }
.inclusions-group:nth-child(2) { border-top-color: #00c9a780; }.inclusions-group:nth-child(2) .hp-kicker { color: var(--hp-teal); }.inclusions-group:nth-child(3) { border-top-color: #f5a62380; }.inclusions-group:nth-child(3) .hp-kicker { color: #dbb06f; }
.inclusions-group h3 { margin: 14px 0 23px; font-size: 1.5rem; line-height: 1.2; }
.inclusions-group ul { list-style: none; padding: 0; margin: 0; }.inclusions-group li { position: relative; padding: 17px 0 17px 20px; border-top: 1px solid #ffffff12; }.inclusions-group li::before { content: '✓'; position: absolute; left: 0; top: 18px; color: #88d0be; font-size: .7rem; }
.inclusions-group b { display: block; font: 500 .85rem/1.5 var(--font-body); }.inclusions-group b a { color: inherit; text-decoration: underline; text-decoration-color: #ffffff40; text-underline-offset: .2em; }.inclusions-group b a:hover { text-decoration-color: currentColor; }.inclusions-group li span { display: block; margin-top: 5px; color: var(--hp-muted); font-size: .8rem; line-height: 1.7; }
.inclusions-note { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin: 19px 0 25px; color: #a5afc0; font-size: .75rem; }.inclusions-note a { color: var(--hp-purple); }.gets-polished .pricing-foot { gap: 12px; font-size: .75rem; }.gets-polished .value-box .vb-copy { flex-basis: 15rem; }
.home-comparison { margin-top: 32px; padding-top: 32px; border-top: 1px solid #ffffff17; }
.home-comparison h3 { font-size: 1.5rem; line-height: 1.2; }
.home-comparison-scenario { margin-top: 12px; color: var(--hp-muted); font-size: .875rem; line-height: 1.65; }
.home-comparison-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 20px; }
.home-comparison .np-calc-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 20px; padding: 24px 25px; border: 1px solid #ffffff17; border-radius: 12px; background: #14171e; }
.home-comparison .np-calc-row>div { min-width: 0; }
.home-comparison .np-kicker { font: 500 .9375rem/1.5 var(--font-body); }
.home-comparison .np-calc-plan { margin-top: 8px; color: var(--hp-muted); font-size: .875rem; line-height: 1.65; }
.home-comparison .np-calc-total { text-align: right; }
.home-comparison .np-calc-total strong { display: block; font: 400 2rem/1.1 var(--font-display); font-variant-numeric: tabular-nums; }
.home-comparison .np-calc-total span { display: block; margin-top: 8px; color: var(--hp-muted); font-size: .75rem; }
.home-comparison .np-calc-note { margin-top: 20px; color: var(--hp-muted); font-size: .75rem; line-height: 1.65; }
.home-comparison .np-calc-note a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.home-comparison-link { margin-top: 16px; }
@media (max-width: 900px) { .home-comparison-results { grid-template-columns: 1fr; } }
@media (max-width: 540px) { .home-comparison .np-calc-row { grid-template-columns: 1fr; gap: 12px; padding: 24px 23px; } .home-comparison .np-calc-total { text-align: left; } }
.setup-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 23px; list-style: none; padding: 0; margin: 0; }
.setup-card { display: flex; flex-direction: column; padding: 27px 24px; border: 1px solid #ffffff20; background: #161a23d9; border-radius: 14px; }
.setup-top { display: flex; gap: 12px; align-items: center; margin-bottom: 25px; }.setup-top>span:last-child { color: #acd4cb; font: 400 .75rem/1.5 var(--font-mono); }.setup-card:nth-child(2) .hp-step-num { color: #c4acf9; border-color: #a78bfa44; background: #a78bfa11; }
.setup-card h3 { font-size: 1.65rem; line-height: 1.2; }.setup-card>p { flex: 1; margin: 18px 0 23px; color: var(--hp-muted); font-size: .87rem; line-height: 1.8; }
.setup-mini { display: grid; align-content: center; gap: 11px; min-height: 148px; padding: 18px; margin-bottom: 18px; border: 1px solid #ffffff17; border-radius: 9px; background: #0e131b; color: #bfd7d0; font-size: .75rem; }
.setup-mini>span { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }.setup-mini b { color: #c2a8f7; font-weight: 400; }.setup-mini-flow { justify-items: center; gap: 5px; color: #a4d7c8; }.setup-mini-flow>span:nth-child(even) { color: #7f96a0; font-size: .65rem; }
.trial-offer { padding: 32px; border: 1px solid #a78bfa44; border-radius: 16px; background: linear-gradient(135deg, #a78bfa12, transparent 65%), #14171f; }
.trial-price { display: flex; align-items: center; gap: 20px; margin: 17px 0; }.trial-price>strong { color: #91e1cb; font: 400 5.8rem/1 var(--font-display); letter-spacing: -.06em; }.trial-price>span { color: #b4bdcc; font-size: .9rem; }.trial-price b { color: #f0eef5; font-weight: 500; font-size: 1.1rem; }.trial-offer>p { color: #b6bac9; font-size: .81rem; }
.trial-timeline { margin: 26px 0; padding: 0 0 0 25px; border-left: 1px solid #a78bfa38; }.trial-timeline>div { position: relative; padding-bottom: 22px; }.trial-timeline>div:last-child { padding-bottom: 0; }.trial-timeline>div::before { content: ''; position: absolute; left: -29px; top: 4px; width: 7px; height: 7px; border: 1px solid #c4acf9; border-radius: 50%; background: #343046; }.trial-timeline>div>span { display: block; color: #bba6df; font: 400 .75rem/1.5 var(--font-mono); }.trial-timeline strong { display: block; margin: 5px 0; font: 500 .89rem/1.5 var(--font-body); }.trial-timeline p { color: #aab4c7; font-size: .77rem; }
.trial-offer .btn { width: 100%; }.trial-terms { display: block; margin-top: 16px; color: #9eaabe; font-size: .75rem; line-height: 1.7; }
/* The guarantee card sits beside the section heading on wide screens (1101px and up, where the heading keeps
   two lines) and below it on narrower ones. */
.trial-layout .trial-offer { max-width: 40rem; }
@media (min-width: 1101px) { .trial-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 31rem); gap: 64px; align-items: center; } .trial-layout .section-head { margin-bottom: 0; } }
.faq-polished .faq-inner { grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); gap: 70px; }.faq-polished .faq-intro { position: sticky; top: 110px; margin-bottom: 0; }.faq-polished .section-head h2 { max-width: 13ch; }.faq-polished .section-head .lede { font-size: .96rem; }
.faq-topics { display: grid; gap: 0; margin-top: 30px; }.faq-topics a { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 13px 0; border-bottom: 1px solid #ffffff13; color: #c2b1e1; text-decoration: none; font-size: .8rem; }.faq-topics a:hover { color: #ece0ff; }.faq-help { display: grid; gap: 6px; padding: 23px 0; font-size: .78rem; }.faq-help>span { color: #a5afc1; }
.faq-group { scroll-margin-top: 95px; }.faq-group+.faq-group { margin-top: 32px; }.faq-group>h3 { padding: 0 0 14px; font: 400 .75rem/1.5 var(--font-mono); color: #bda8e7; text-transform: uppercase; letter-spacing: .1em; }.faq-polished .faq-list { border-top-color: #ffffff22; }.faq-polished .faq-item summary { align-items: center; gap: 20px; padding: 19px 4px; font-size: 1.04rem; line-height: 1.45; }.faq-polished .faq-item .faq-a { padding: 0 30px 21px 4px; font-size: .85rem; line-height: 1.9; color: #b2bacb; max-width: none; }.faq-polished .faq-item[open] { background: linear-gradient(90deg, #a78bfa07, transparent); }.faq-polished .faq-item[open] summary { color: #d1bdf8; }.faq-polished .faq-item summary .q-mark { color: #b5adc5; border-color: #ffffff30; }.faq-polished .faq-item[open] summary .q-mark { background: #c4acf9; color: #191321; border-color: #c4acf9; }
.final-polished .container { gap: 25px; }.final-polished h2 { max-width: 23ch; }.final-polished .lede { max-width: 39rem; color: #b4bbcc; }.final-plans { font-size: .77rem; color: #c4b0ec; }
@media (max-width: 1000px) {
  .research-polished .intel-inner { gap: 30px; }.nonapi-feature { gap: 25px; padding: 28px; }.inclusions-grid { gap: 14px; }.inclusions-group { padding-inline: 18px; }.setup-grid { gap: 16px; }.setup-card { padding: 22px 18px; }.faq-polished .faq-inner { gap: 40px; }
}
@media (max-width: 900px) {
  .research-polished .intel-inner, .nonapi-feature, .faq-polished .faq-inner { grid-template-columns: 1fr; }.research-preview { max-width: 610px; width: 100%; justify-self: center; }.nonapi-feature { gap: 32px; }.nonapi-copy h3 { font-size: 2rem; }.browser-diagram { width: 100%; max-width: 540px; justify-self: center; }.inclusions-grid { grid-template-columns: 1fr; }.inclusions-group { padding: 25px; }.inclusions-group h3 br { display: none; }.inclusions-group ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }.setup-grid { grid-template-columns: 1fr; }.setup-card { padding: 27px; }.setup-card h3 br { display: none; }.setup-mini { min-height: 0; }.setup-mini-flow { grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; text-align: center; }.setup-mini-flow>span:nth-child(even) { transform: rotate(-90deg); }.faq-polished .faq-intro { position: static; }.faq-topics { grid-template-columns: 1fr 1fr; gap: 0 25px; }.faq-polished .section-head h2 { max-width: none; }.trial-offer { padding: 27px; }
}
@media (max-width: 640px) {
  .home-polish .section-head { margin-bottom: 2rem; }.home-polish .section-head .lede { font-size: 1rem; }.research-steps li { gap: 14px; }.research-steps h3 { font-size: 1.03rem; }.research-steps p { font-size: .89rem; }.research-preview-body { padding: 18px; }.hp-window-head { padding: 15px; gap: 8px; }.hp-window-head>strong { font-size: .75rem; }.research-sources { padding: 12px 15px; gap: 6px; }.research-sources span { padding: 5px 8px; font-size: .63rem; }.research-product { flex-wrap: wrap; gap: 10px; }.research-product>div { flex: 1; }.hp-status { display: none; }.hp-query-tag { flex-basis: 100%; margin-left: 27px; }.research-handoff { padding: 11px; }.research-handoff strong { font-size: .7rem; }.research-handoff div>span { font-size: .64rem; }.nonapi-feature { padding: 22px; }.nonapi-copy h3 { font-size: 1.7rem; }.browser-diagram-body { padding: 21px 12px; }.browser-flow { gap: 5px; grid-template-columns: 1fr 20px 1fr; }.browser-node { padding: 15px 4px; }.browser-node strong { font-size: .76rem; }.browser-node small { font-size: .53rem; }.browser-api-note { font-size: .67rem; }.browser-tools { gap: 11px; }.inclusions-group ul { grid-template-columns: 1fr; }.inclusions-group { padding: 24px 23px 8px; }.inclusions-group li { padding-block: 15px; }.inclusions-group h3 { font-size: 1.55rem; }.gets-polished .value-box { padding: 24px; }.gets-polished .value-box .btn { width: 100%; }.setup-card { padding: 24px; }.setup-card h3 { font-size: 1.65rem; }.setup-mini-flow { display: grid; grid-template-columns: 1fr; }.setup-mini-flow>span:nth-child(even) { transform: none; }.faq-topics { grid-template-columns: 1fr; margin-top: 22px; }.faq-polished .faq-inner { gap: 30px; }.faq-polished .faq-intro { margin-bottom: 0; }.faq-polished .faq-item summary { font-size: 1rem; gap: 12px; }.faq-polished .faq-item .faq-a { padding-right: 5px; font-size: .88rem; }.final-polished .cta-row { width: 100%; }.final-polished .cta-row .btn { width: 100%; }
}
@media (max-width: 360px) {
  .hp-window-head { flex-wrap: wrap; }.hp-preview-label { margin-left: 41px; }.research-product-icon { width: 32px; height: 36px; }.research-product strong { font-size: .71rem; }.research-product div>span { font-size: .61rem; }.research-handoff { align-items: flex-start; }.nonapi-feature { padding: 17px; }.browser-chrome { gap: 5px; padding: 10px; font-size: .52rem; }.browser-dots { font-size: .36rem; }.browser-node small { font-size: .48rem; }.trial-offer { padding: 23px; }.setup-card { padding: 22px; }
}
@media (prefers-reduced-motion: reduce) { .home-polish *, .home-polish *::before, .home-polish *::after { animation: none !important; transition: none !important; } }

/* Home page speed (Sep 2026): skip rendering sections far below the fold until the reader gets
   near them. This cuts the main-thread work of the first load on phones by about 80%. Each size
   is the section's measured content height (padding is added on top), so the scrollbar barely
   moves as sections render; after rendering once the browser remembers the real size ("auto").
   A jump needs real heights, so skipping is off while a fragment is targeted (/#faq, in-page
   links) and when the head script in landing_fresh_v2.html adds html.cv-off (fragment links,
   reload and back/forward scroll restoration). */
@supports (content-visibility: auto) {
  html:not(.cv-off):not(:has(:target)) :is(#model, #income, #results, #intel, #automated, #community, #engines, #gets, #how, #risk, #faq, #start) {
    content-visibility: auto;
    contain-intrinsic-block-size: auto var(--cv-h, 1200px);
  }
  #model { --cv-h: 669px; } #income { --cv-h: 1235px; } #results { --cv-h: 1125px; } #intel { --cv-h: 1015px; }
  #automated { --cv-h: 1590px; } #community { --cv-h: 1161px; } #engines { --cv-h: 709px; } #gets { --cv-h: 1162px; }
  #how { --cv-h: 971px; } #risk { --cv-h: 800px; } #faq { --cv-h: 1203px; } #start { --cv-h: 537px; }
  @media (min-width: 541px) and (max-width: 1023px) {
    #model { --cv-h: 1050px; } #income { --cv-h: 1950px; } #results { --cv-h: 1780px; } #intel { --cv-h: 1580px; }
    #automated { --cv-h: 2600px; } #community { --cv-h: 1350px; } #engines { --cv-h: 1000px; } #gets { --cv-h: 1850px; }
    #how { --cv-h: 1600px; } #risk { --cv-h: 1250px; } #faq { --cv-h: 1680px; } #start { --cv-h: 620px; }
  }
  @media (max-width: 540px) {
    #model { --cv-h: 1503px; } #income { --cv-h: 2268px; } #results { --cv-h: 1202px; } #intel { --cv-h: 1830px; }
    #automated { --cv-h: 3834px; } #community { --cv-h: 1603px; } #engines { --cv-h: 1104px; } #gets { --cv-h: 2507px; }
    #how { --cv-h: 2041px; } #risk { --cv-h: 1300px; } #faq { --cv-h: 1951px; } #start { --cv-h: 794px; }
  }
}

/* First Sale Guarantee section (#risk) */
.gx-card { position: relative; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(32px, 5vw, 64px); align-items: center; padding: clamp(28px, 5vw, 64px); border: 1px solid #a78bfa3d; border-radius: 28px; overflow: hidden; background: radial-gradient(42rem 24rem at 100% 0%, rgba(124, 92, 255, .22), transparent 60%), radial-gradient(30rem 18rem at 0% 100%, rgba(0, 201, 167, .1), transparent 60%), #10121a; box-shadow: 0 40px 120px -48px rgba(124, 92, 255, .45), inset 0 1px 0 rgba(255, 255, 255, .05); }
.gx-copy h2 { margin: 18px 0; max-width: 17ch; font-size: clamp(2rem, 4.2vw, 3.15rem); line-height: 1.07; }
.gx-copy h2 em { color: var(--brand-light); }
.gx-lede { max-width: 34rem; color: #c3c8d4; font-size: 1.06rem; line-height: 1.65; }
.gx-points { list-style: none; margin: 28px 0 32px; padding: 0; display: grid; gap: 16px; }
.gx-points li { display: flex; gap: 14px; align-items: flex-start; }
.gx-ico { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border: 1px solid #00c9a735; border-radius: 11px; background: #00c9a712; color: #83dac6; }
.gx-ico svg { width: 18px; height: 18px; }
.gx-points strong { display: block; color: #f0eef5; font: 500 .98rem/1.4 var(--font-body); }
.gx-points span { color: #a9b2c3; font-size: .9rem; line-height: 1.5; }
.gx-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
.gx-terms { padding-block: 2px; margin-block: -2px; color: #9ea7b8; font-size: .8rem; text-decoration: underline; text-decoration-color: #9ea7b866; text-underline-offset: 3px; }
.gx-terms:hover { color: #f0eef5; }
.gx-badge { position: relative; display: grid; place-items: center; padding-bottom: 28px; }
.gx-seal { width: min(100%, 340px); height: auto; filter: drop-shadow(0 30px 60px rgba(0, 201, 167, .14)); }
.gx-ring-outer { fill: #0d1016; stroke: #91e1cb; stroke-opacity: .55; stroke-width: 1.5; }
.gx-ring-inner { fill: rgba(145, 225, 203, .06); stroke: #91e1cb; stroke-opacity: .4; stroke-dasharray: 2 6; }
.gx-ring-text { fill: #c4acf9; font: 500 14px var(--font-mono); letter-spacing: .24em; }
.gx-star { fill: #91e1cb; font-size: 14px; text-anchor: middle; }
.gx-pct { fill: #91e1cb; font: 400 68px var(--font-display); letter-spacing: -.04em; text-anchor: middle; }
.gx-pct-sub { fill: #ece9f4; font: 600 13px var(--font-body); letter-spacing: .3em; text-anchor: middle; }
.gx-bonus { position: absolute; bottom: 0; left: 50%; display: flex; align-items: baseline; gap: 10px; padding: 12px 20px; border-radius: 14px; background: linear-gradient(135deg, #7c5cff, #a78bfa); color: #fff; white-space: nowrap; transform: translateX(-50%) rotate(-3deg); box-shadow: 0 18px 40px -12px rgba(124, 92, 255, .65); }
.gx-bonus strong { font: 400 2rem/1 var(--font-display); }
.gx-bonus span { font-size: .86rem; font-weight: 500; }
@media (max-width: 960px) { .gx-card { grid-template-columns: 1fr; } .gx-badge { order: -1; margin-bottom: 12px; } .gx-seal { width: 260px; } .gx-copy h2 { max-width: none; } }

@media (pointer: coarse) {
  .hero .hero-cta > .text-link, #results .text-link, .income-proof-link, .ph-hunt-link, .ph-hunt-tabs button, .nonapi-copy .text-link, .inclusions-note a, #gets .text-link, #how .section-action-assurance, .gx-terms, .faq-help a, .final-plans, .footer-polished .footer-email { position: relative; }
  .hero .hero-cta > .text-link::after, #results .text-link::after, .income-proof-link::after, .ph-hunt-link::after, .ph-hunt-tabs button::after, .nonapi-copy .text-link::after, .inclusions-note a::after, #gets .text-link::after, #how .section-action-assurance::after, .gx-terms::after, .faq-help a::after, .final-plans::after, .footer-polished .footer-email::after { content: ""; position: absolute; inset-inline: 0; top: 50%; height: 100%; min-height: 44px; transform: translateY(-50%); }
}