/* ============================================================================
   ARCISTRADE — page extras layered on top of arcis.tech's /styles.css
   ----------------------------------------------------------------------------
   Load order on every ArcisTrade page:
     1. /styles.css            (arcis.tech design system — tokens, nav, hero,
                                sections, frow, faq, close, footer, tiers)
     2. /arcistrade/arcistrade.css  (this file — ONLY things arcis.tech lacks)
   Layout and components still come from arcis.tech; the one deliberate
   override is TEXT COLOUR (below): ArcisTrade runs pure-white copy.
   ========================================================================== */

/* ---------- WHITE TEXT: no light-grey copy anywhere on ArcisTrade ----------
   arcis.tech greys (#C8D6D2 / #D4E2DE / #9DB1AD) read as washed-out on this
   page. Body copy goes pure white; small mono labels and legal go near-white. */
:root{--ink:#FFFFFF;--muted:#FFFFFF;--dim:#DCE7E4}
.subline,.sec-sub,.ftext .fben,.flist li,.pillar p,.ctaband p,.bcband p,.contrast,
.faqi p,.close p,.subcard p,.modcard .md,.review p{color:#FFFFFF}
.disc,.foot-brand p,.foot-inner{color:#DCE7E4}

/* ---------- TYPE HIERARCHY: three levels, not one wall of white ----------
   1. Headlines: pure white, payoff half in teal (.hl)
   2. Body copy: soft white (78%) so it steps back but stays crisp
   3. <b> emphasis inside body: pure white, so key lines pop out */
:root{--body-ink:rgba(255,255,255,.78)}
.pillar h2 .hl,.ftext h3 .hl,.sec h2 .hl,.close h2 .hl,.ctaline h3 .hl{color:var(--accent)}
.sec-sub,.ftext .fben,.flist li,.pillar p,.contrast,.faqi p,.close p,.step p,.term p,.door p,
.vsteps p,.pb-d,.sl-item p,.card .lead,.ctaline p,.story p,.subline:not(.hero-lines){color:var(--body-ink)}
.sec-sub b,.ftext .fben b,.flist li b,.pillar p b,.contrast b,.faqi p b,.close p b,.term p b,
.vsteps p b,.card .lead b,.ctaline p b,.story p b{color:#FFFFFF;font-weight:800}
.faqi h3,.vsteps h4,.term h4{color:#FFFFFF}

/* ---------- BODY TYPE: Plus Jakarta Sans replaces Lato on ArcisTrade ----------
   Lato reads thin and dated at UI sizes. Every arcis.tech rule that sets Lato is
   re-pointed here (same selectors, so specificity matches and this file wins). */
:root{--body:'Plus Jakarta Sans','Segoe UI',system-ui,-apple-system,sans-serif}
body,.btn,.eyebrow,.sec-eyebrow,.fk,.pillar .pn,.ctaband h3,.bcband h3,.modcard .mt,.subcard h4,
.up-eyebrow,.up-btn,.fld label,.fld input,.fld select,.fld textarea,.auth-btn,.social-btn,
.formrow input,.formrow textarea,.faqi h3,.nav-anchors,.nav-signin{font-family:var(--body)}
body{font-feature-settings:"ss01" on;letter-spacing:-.003em}
.subline,.sec-sub,.ftext .fben,.pillar p,.contrast,.faqi p,.close p{letter-spacing:-.006em}
.btn{font-weight:800;letter-spacing:-.005em}
.eyebrow,.sec-eyebrow,.fk,.pillar .pn{font-weight:800}
.nav-anchors a{font-weight:600}

/* ---------- SELLING HERO (home): 4 elements, product shown whole ----------
   Overrides the earlier hero-home sizing. No bleed, no crop, no pills. */
.hero-sell{padding:72px 0 56px}
.hero-sell .hero-grid--split{grid-template-columns:44fr 56fr;gap:0 56px;align-items:center;min-height:0}
.hero.hero-home.hero-sell h1{font-size:clamp(38px,3.7vw,54px);line-height:.94}
.hero-sell h1 .nw{white-space:nowrap}
.hero-sell .eyebrow{white-space:normal}
.hero-offer{font-family:var(--body);font-size:clamp(17px,1.45vw,21px);line-height:1.5;color:#FFFFFF;max-width:500px;margin:0 auto;letter-spacing:-.01em}
.hero-offer b{color:var(--accent);font-weight:800}
.hero-sell .screenwrap{width:100%!important;max-width:100%!important;margin-right:0!important}
.hero-sell .hero-shot,.hero-sell .hero-figure{justify-content:center;align-items:center}
.hero-sell .cta-row{gap:12px;margin-top:30px}
.hero-sell .cta-row .btn{padding:18px 38px;font-size:17px}
.hero-proof{font-family:var(--body);font-weight:700;font-size:15px;color:var(--accent);margin-top:4px;
  border-bottom:1px solid rgba(47,228,196,.35);padding-bottom:2px;transition:border-color .15s}
.hero-proof:hover{border-color:var(--accent)}
@media(max-width:1100px) and (min-width:741px){
  .hero-sell .hero-grid--split{grid-template-columns:46fr 54fr;gap:0 32px}
  .hero.hero-home.hero-sell h1{font-size:clamp(28px,3.8vw,40px)}
  .hero-offer{font-size:16px}
  .hero-sell .screenwrap{transform:perspective(2100px) rotateY(-10deg) rotateX(3deg)!important}
}
@media(max-width:740px){
  .hero-sell{padding:48px 0 36px}
  .hero.hero-home.hero-sell h1{font-size:clamp(28px,8.6vw,48px)}
  .hero-sell .cta-row .btn{width:100%;justify-content:center;padding:17px 20px}
}

/* nav: 5 links + log in + CTA -> hamburger below 1024px (arcis.tech switches at 860px) */
.nav-anchors a{white-space:nowrap}
@media(max-width:1023px){
  .nav-toggle{display:inline-flex}
  .nav-cta-desktop{display:none}
  .nav-anchors{display:none;position:absolute;top:84px;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;
    background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 32px 22px;z-index:40}
  .nav-anchors.open{display:flex}
  .nav-anchors a{padding:12px 2px;font-size:16px;min-height:44px;display:flex;align-items:center}
  .nav-signin-mobile{display:flex}
  .nav-cta-mobile{display:inline-flex;justify-content:center;margin-top:10px;min-height:48px}
}

/* free-access activation panel (live claim form) */
.actpanel{width:100%;max-width:560px;justify-self:center;scroll-margin-top:110px}
.actpanel h3{text-align:left!important;font-size:clamp(24px,2.4vw,30px);margin-bottom:16px}
.actpanel .lead{text-align:left!important;margin-bottom:18px}
.actpanel .sec-eyebrow{text-align:left}
.act-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 22px}
.act-steps li{border:1px solid var(--line2);border-radius:10px;padding:10px 12px;font-family:var(--body);font-weight:700;font-size:13px;color:#DCE7E4;display:flex;align-items:center;gap:8px}
.act-steps li b{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;border:1px solid var(--line2);color:#DCE7E4;flex-shrink:0}
.act-steps li[data-on="1"]{border-color:rgba(47,228,196,.6);color:#fff;background:rgba(47,228,196,.06)}
.act-steps li[data-on="1"] b{background:var(--accent);border-color:var(--accent);color:#02120F}
.act-btns{display:flex;flex-wrap:wrap;gap:12px}
.act-status{border:1px solid rgba(47,228,196,.45);background:rgba(47,228,196,.06);border-radius:14px;padding:22px}
.act-status h4{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:22px;color:#fff;margin:6px 0 8px;line-height:1.1}
.act-status p{font-size:15px;color:#fff;line-height:1.55;margin-bottom:14px}
.actpanel [hidden]{display:none!important}
@media(max-width:480px){.act-steps{grid-template-columns:1fr}.act-btns .btn{width:100%;justify-content:center}}

/* captions: body face, readable size, no washed-out mono */
.hero-cap,.shot-cap{font-family:var(--body);font-size:13.5px;letter-spacing:0;color:rgba(255,255,255,.72);line-height:1.5}

/* ---------- ArcisTrade wordmark (no image file exists for this brand) ---------- */
/* no flex gap: "Arcis" is a bare text node, a gap would split the word */
.at-mark{display:inline-flex;align-items:center;font-family:var(--body);font-weight:900;
  font-size:27px;letter-spacing:-.02em;color:var(--white);line-height:1;white-space:nowrap}
.at-mark .t{color:var(--accent)}
.at-mark .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--glow);margin-left:10px}

/* ============================================================================
   CENTRED HEADLINES — every headline + subheadline is centred on ArcisTrade.
   Body copy, bullet lists and form fields stay left-aligned for readability.
   ========================================================================== */

/* home hero: SPLIT — text block on the left with everything centred inside
   that column, glowing dashboard on the right. */
.hero.hero-home .hero-grid--split{grid-template-columns:40fr 60fr;gap:0 48px}
/* balance: headline steps down, dashboard steps up and bleeds off the right edge */
.hero.hero-home h1{font-size:clamp(40px,4.3vw,64px);line-height:.95}
.hero.hero-home .eyebrow{white-space:nowrap}
.hero.hero-home .cta-row .btn{white-space:nowrap}
.hero.hero-home .hero-lede,.hero.hero-home .hero-actions{text-align:center}
.hero.hero-home .accent-bar{margin-left:auto;margin-right:auto}
.hero.hero-home .sub,.hero.hero-home .subline{margin-left:auto;margin-right:auto;max-width:520px}
.hero.hero-home .pills{justify-content:center}
.hero.hero-home .cta-row{justify-content:center;flex-direction:column;gap:14px}
/* stay side-by-side down to tablet / side-panel widths; stack only on phones.
   arcis.tech's own 980px rule stacks the grid, so restore the split explicitly. */
@media(max-width:980px) and (min-width:741px){
  .hero{padding:64px 0 48px}
  .hero.hero-home .hero-grid--split{grid-template-columns:42fr 58fr;grid-template-areas:"lede image" "actions image";gap:0 24px}
  .hero.hero-home .screenwrap{width:128%;margin-right:-28%}
  .hero.hero-home .hero-grid--split .hero-shot{order:0}
  .hero.hero-home h1{font-size:clamp(30px,4.6vw,42px)}
  .hero.hero-home .sub{font-size:18px}
  .hero.hero-home .subline{font-size:14.5px}
  .hero.hero-home .pills{display:none}
  .hero.hero-home .screenwrap{transform:perspective(2100px) rotateY(-12deg) rotateX(4deg) rotate(-1deg)}
}
@media(max-width:740px){.hero.hero-home .hero-grid--split{grid-template-columns:1fr}
  .hero.hero-home .screenwrap{width:100%;margin-right:0;transform:none}
  .hero.hero-home .hero-shot,.hero.hero-home .hero-figure{justify-content:center;align-items:center}}

/* proof strip (under hero) — no box: hairline rules, three big claims, glow from the middle */
.proofbar{display:grid;grid-template-columns:repeat(3,1fr);max-width:1180px;margin:0 auto;position:relative;
  border-top:1px solid transparent;border-bottom:1px solid transparent;
  border-image:linear-gradient(90deg,transparent,rgba(47,228,196,.45) 25%,rgba(47,228,196,.45) 75%,transparent) 1;
  background:radial-gradient(60% 120% at 50% 50%,rgba(47,228,196,.07),transparent 70%)}
.pb-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;
  padding:38px 20px;position:relative;color:inherit}
.pb-item + .pb-item::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;
  background:linear-gradient(180deg,transparent,var(--line2),transparent)}
.pb-v{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(40px,4.6vw,60px);line-height:.9;color:var(--white);
  letter-spacing:-.01em;text-transform:uppercase}
.pb-v span{color:var(--accent)}
.pb-check{display:inline-flex;align-items:center;gap:14px;color:var(--accent);text-shadow:0 0 24px rgba(47,228,196,.45)}
.pb-tick{width:.62em;height:.62em;flex-shrink:0;color:var(--accent);filter:drop-shadow(0 0 12px rgba(47,228,196,.6))}
.pb-l{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);line-height:1.7}
.pb-go{color:var(--accent);transition:letter-spacing .2s}
.pb-link:hover .pb-go{letter-spacing:.18em}
.pb-link:focus-visible{outline:2px solid var(--accent);outline-offset:-6px;border-radius:12px}
@media(max-width:700px){
  .proofbar{grid-template-columns:1fr}
  .pb-item{padding:26px 16px}
  .pb-item + .pb-item::before{left:22%;right:22%;top:0;bottom:auto;width:auto;height:1px;
    background:linear-gradient(90deg,transparent,var(--line2),transparent)}
}

/* proof strip variants: 4-up stats, and risk controls with title + line */
.proofbar.pb4{grid-template-columns:repeat(4,1fr)}
.pb-v.num{font-variant-numeric:tabular-nums}
.pb-v.pb-loss{color:var(--loss);text-shadow:0 0 24px rgba(255,92,92,.3)}
.riskbar{grid-template-columns:repeat(4,1fr)}
.riskbar .pb-item{gap:10px;padding:44px 22px;justify-content:flex-start}
.riskbar .pb-v{white-space:nowrap}
.riskbar .pb-v{font-size:clamp(34px,3.4vw,46px)}
.pb-t{font-family:var(--body);font-weight:900;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-top:4px}
.pb-d{font-size:15px;color:#FFFFFF;line-height:1.55;max-width:250px}
@media(max-width:980px){.proofbar.pb4,.riskbar{grid-template-columns:repeat(2,1fr)}
  .proofbar.pb4 .pb-item:nth-child(3)::before,.riskbar .pb-item:nth-child(3)::before{display:none}}
@media(max-width:700px){.proofbar.pb4{grid-template-columns:1fr 1fr}.riskbar{grid-template-columns:1fr}}

/* partner broker cards: the broker's own banner, glowing frame, one clean info row */
.brokers{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1180px;margin:0 auto}
.broker{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--panel);
  border:1.5px solid rgba(47,228,196,.35);box-shadow:0 0 0 1px rgba(47,228,196,.18),0 30px 70px rgba(0,0,0,.55);
  transition:transform .2s,box-shadow .2s,border-color .2s}
.broker:hover,.broker:focus-visible{transform:translateY(-4px);border-color:rgba(47,228,196,.8);
  box-shadow:0 0 0 1px rgba(47,228,196,.6),0 0 30px rgba(47,228,196,.4),0 0 80px rgba(36,255,210,.2),0 30px 70px rgba(0,0,0,.6);outline:none}
.broker.preferred{border-color:rgba(47,228,196,.75);box-shadow:0 0 0 1px rgba(47,228,196,.6),0 0 26px rgba(47,228,196,.4),0 0 70px rgba(36,255,210,.2),0 30px 70px rgba(0,0,0,.6)}
.broker img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;max-width:100%}
.br-tag{position:absolute;top:14px;left:14px;z-index:2;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:#02120F;background:var(--accent);border-radius:100px;padding:5px 12px;font-weight:500;box-shadow:0 0 16px var(--glow)}
.br-row{display:flex;align-items:center;gap:16px;padding:18px 22px;border-top:1px solid var(--line2)}
.br-name{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:20px;color:var(--white);flex:1;min-width:0}
.br-min{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em;color:var(--white)}
.br-min b{color:var(--accent);font-weight:500}
.br-go{font-family:var(--body);font-weight:900;font-size:14px;color:var(--accent);white-space:nowrap}
.br-standards{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px;margin:40px auto 0;max-width:1000px}
.br-standards li{font-family:var(--body);font-weight:900;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--white)}
.br-standards li::before{content:"✓";color:var(--accent);margin-right:9px}
@media(max-width:820px){.brokers{grid-template-columns:1fr;max-width:620px}}
@media(max-width:480px){.br-row{flex-wrap:wrap;gap:6px 14px}.br-name{flex-basis:100%}}

/* terms in plain English: 4-up, unboxed, hairline separated */
.termgrid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto;
  border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.term{padding:34px 26px;position:relative}
.term + .term::before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:linear-gradient(180deg,transparent,var(--line2),transparent)}
.term h4{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:21px;color:var(--white);line-height:1.1;margin-bottom:10px}
.term p{font-size:15.5px;color:#FFFFFF;line-height:1.55}
@media(max-width:980px){.termgrid{grid-template-columns:1fr 1fr}.term:nth-child(3)::before{display:none}}
@media(max-width:600px){.termgrid{grid-template-columns:1fr}.term + .term::before{left:0;right:0;top:0;bottom:auto;width:auto;height:1px;background:var(--line2)}.term{padding:24px 6px}}

/* feature text centred inside its column (image still beside it) */
.frow .ftext.ftext-center{text-align:center;display:flex;flex-direction:column;align-items:center}
.ftext-center .fben{margin-left:auto;margin-right:auto}
.ftext-center .flist{display:inline-flex;text-align:left}
.riskbar.three{grid-template-columns:repeat(3,1fr)}
.riskbar.three .pb-d{max-width:300px}
@media(max-width:820px){.riskbar.three{grid-template-columns:1fr}
  .riskbar.three .pb-item + .pb-item::before{left:22%;right:22%;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,var(--line2),transparent)}}

/* two-column comparison (doors, fit) and labels */
.termgrid.two{grid-template-columns:1fr 1fr;max-width:1040px}
.termgrid.two .term{padding:40px 36px}
.termgrid.two .term h4{font-size:clamp(22px,2.4vw,30px)}
.term .dk{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--loss);margin-bottom:12px}
.term .dk.ok{color:var(--accent)}
.term p b{color:var(--white)}
@media(max-width:700px){.termgrid.two{grid-template-columns:1fr}.termgrid.two .term{padding:28px 6px}
  .termgrid.two .term + .term::before{left:0;right:0;top:0;bottom:auto;width:auto;height:1px;background:var(--line2)}}

/* rename visual sits left inside a feature column */
.ftext .rename{justify-content:flex-start;margin:26px 0 0}
.ftext .rename .rb{min-width:0;flex:1}

/* 5-up commission ladder */
.proofbar.pb5{grid-template-columns:repeat(5,1fr)}
.pb-v.pb-hot{color:var(--accent);text-shadow:0 0 26px rgba(47,228,196,.5)}
@media(max-width:900px){.proofbar.pb5{grid-template-columns:repeat(3,1fr)}.proofbar.pb5 .pb-item:nth-child(4)::before{display:none}}
@media(max-width:560px){.proofbar.pb5{grid-template-columns:1fr 1fr}.proofbar.pb5 .pb-item:nth-child(odd)::before{display:none}.proofbar.pb5 .pb-item:last-child{grid-column:span 2}}

/* rules list, larger */
.br-standards.big{gap:16px 40px;max-width:1100px}
.br-standards.big li{font-size:14px}

/* feature row with a form on the right: no tilt, cards line up top */
.frow.frow-form{grid-template-columns:1fr 1fr;align-items:start;gap:56px}
.frow.frow-form .ftext{padding-top:10px}
@media(max-width:900px){.frow.frow-form{grid-template-columns:1fr}}

/* contact side list: unboxed, hairline separated */
.sidelist{display:flex;flex-direction:column;border-top:1px solid var(--line2)}
.sl-item{padding:26px 4px;border-bottom:1px solid var(--line2);display:flex;flex-direction:column;gap:8px}
.sl-item .sec-eyebrow{margin-bottom:0}
.sl-big{font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(20px,2vw,26px);color:var(--white);word-break:break-all;line-height:1.15}
a.sl-big:hover{color:var(--accent)}
.sl-item p{font-size:15.5px;color:#FFFFFF;line-height:1.55}
.hero-center .hero-lines{align-items:center;text-align:center;margin-left:auto;margin-right:auto}

/* unboxed CTA line (replaces boxed ctaband on the home page) */
.ctaline{max-width:1000px;margin:96px auto 0;padding:56px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;
  border-top:1px solid transparent;border-bottom:1px solid transparent;
  border-image:linear-gradient(90deg,transparent,rgba(47,228,196,.45) 25%,rgba(47,228,196,.45) 75%,transparent) 1;
  background:radial-gradient(55% 100% at 50% 50%,rgba(47,228,196,.09),transparent 70%)}
.ctaline h3{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(30px,3.6vw,46px);color:var(--white);line-height:1}
.ctaline h3 .hl{color:var(--accent)}
.ctaline p{font-size:17px;color:#FFFFFF;margin-bottom:8px}

/* own-broker plans: one clean row, no panel */
.ownbroker{max-width:1100px;margin:64px auto 0;display:grid;grid-template-columns:1fr auto auto;gap:40px;align-items:center;
  padding:30px 6px;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.ob-head p{font-size:15.5px;color:#FFFFFF}
.ob-head p b{color:var(--white)}
.ob-plans{list-style:none;display:flex;gap:0}
.ob-plans li{display:flex;flex-direction:column;align-items:center;padding:0 24px;position:relative}
.ob-plans li + li::before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:var(--line2)}
.ob-n{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.ob-p{font-family:'Oswald',sans-serif;font-weight:700;font-size:32px;color:var(--white);line-height:1.15;font-variant-numeric:tabular-nums}
.ob-plans li.hot .ob-p{color:var(--accent);text-shadow:0 0 20px rgba(47,228,196,.4)}
.ob-s{font-size:12.5px;color:var(--muted)}
@media(max-width:980px){.ownbroker{grid-template-columns:1fr;justify-items:center;text-align:center;gap:24px}
  .ob-plans{flex-wrap:wrap;justify-content:center;row-gap:18px}}
@media(max-width:600px){
  .ob-plans{display:grid;grid-template-columns:1fr 1fr;gap:20px 0;width:100%}
  .ob-plans li{padding:0 10px}
  .ob-plans li + li::before{display:none}
  .ob-plans li:nth-child(even)::before{display:block;content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:var(--line2)}
  .ob-p{font-size:28px}
}

/* FAQ: headline pinned left, questions scroll right */
.faqgrid{display:grid;grid-template-columns:.85fr 1.4fr;gap:80px;max-width:1180px;margin:0 auto;align-items:start}
.faqside{position:sticky;top:110px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.faqside .sec-eyebrow{margin-bottom:0}
.sec .faqside h2{text-align:left;font-size:clamp(34px,4vw,54px)}
.faqside p{font-size:16.5px;color:#FFFFFF}
.faqgrid .faqlist{max-width:none;margin:0}
.faqgrid .faqi{padding:28px 4px}
.faqgrid .faqi h3{font-family:var(--body);font-weight:900;font-size:19px}
@media(max-width:900px){.faqgrid{grid-template-columns:1fr;gap:36px}.faqside{position:static;align-items:center;text-align:center}
  .sec .faqside h2{text-align:center}}

/* headlines never leave a widow */
h1,h2,h3,.pillar h2,.sec h2,.ftext h3{text-wrap:balance}
.sec-head{max-width:980px}

/* trust band (under hero) */
.trustband{max-width:1100px;margin:0 auto;border:1px solid var(--line2);border-radius:18px;background:var(--panel);
  padding:26px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.trust-checks{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px}
.trust-checks li{font-family:var(--body);font-weight:900;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.trust-checks li::before{content:"✓";color:var(--accent);margin-right:9px}
.trustband p{font-size:15.5px;color:#FFFFFF}
.mfx-badge{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--accent);border:1px solid rgba(47,228,196,.5);border-radius:100px;padding:7px 14px;
  background:rgba(47,228,196,.07);transition:background .15s,box-shadow .15s}
.mfx-badge:hover{background:rgba(47,228,196,.14);box-shadow:0 0 18px rgba(47,228,196,.25)}
.mfx-tick{width:16px;height:16px;border-radius:50%;background:var(--accent);color:#02120F;font-size:10px;font-weight:900;
  display:inline-flex;align-items:center;justify-content:center}

/* vertical step timeline (how it works) — no boxes: big glowing numerals on a
   lit rail, the sequence is the design */
.vsteps{list-style:none;display:flex;flex-direction:column;position:relative;margin:0}
.vsteps::before{content:"";position:absolute;left:31px;top:34px;bottom:34px;width:2px;
  background:linear-gradient(180deg,var(--accent),rgba(47,228,196,.15));box-shadow:0 0 12px var(--glow)}
.vsteps li{display:grid;grid-template-columns:64px 1fr;gap:26px;align-items:start;padding:18px 0;position:relative}
.vs-n{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:24px;color:var(--accent);background:var(--bg);
  border:1.5px solid rgba(47,228,196,.75);position:relative;z-index:1;
  box-shadow:0 0 0 5px var(--bg),0 0 22px rgba(47,228,196,.45),inset 0 0 14px rgba(47,228,196,.15)}
.vsteps li:first-child .vs-n{background:var(--accent);color:#02120F;box-shadow:0 0 0 5px var(--bg),0 0 30px rgba(47,228,196,.7)}
.vsteps h4{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:clamp(22px,2.2vw,28px);
  color:var(--white);line-height:1.05;margin:6px 0 8px;letter-spacing:.005em}
.vsteps p{font-size:clamp(15.5px,1.3vw,17.5px);color:#FFFFFF;line-height:1.55;max-width:460px}
.vsteps p b{color:var(--white)}
.vs-cta{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:26px 0 0 90px}
@media(max-width:560px){
  .vsteps::before{left:23px}
  .vsteps li{grid-template-columns:48px 1fr;gap:18px}
  .vs-n{width:48px;height:48px;font-size:18px}
  .vs-cta{margin-left:0;align-items:stretch;text-align:center}
}

/* check cards (not copy trading) */
.checkcards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1100px;margin:0 auto}
.checkcard{border:1px solid rgba(47,228,196,.35);border-radius:14px;background:rgba(47,228,196,.04);padding:22px 24px;
  font-family:var(--body);font-weight:900;font-size:16.5px;color:var(--white);display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}
.checkcard span{color:var(--accent);font-size:18px}
@media(max-width:820px){.checkcards{grid-template-columns:1fr;max-width:480px}}

/* hero subline as three punchy lines, not a paragraph */
.hero-lines{display:flex;flex-direction:column;gap:6px;font-size:clamp(16px,1.35vw,18.5px);line-height:1.45;color:#FFFFFF}
.hero-lines b{color:var(--accent);font-weight:900}

/* glowing, outlined, tilted dashboard (arcis.tech .screenwrap + extra bloom) */
.hero-figure{margin:0;width:100%;display:flex;flex-direction:column;align-items:center}
.hero.hero-home .screenwrap{width:114%;max-width:none;margin-right:-14%}
.hero.hero-home .hero-shot{justify-content:flex-start}
.hero.hero-home .hero-figure{align-items:flex-start}
.screenwrap.at-glow{border-color:rgba(47,228,196,.75);
  box-shadow:0 0 0 1px rgba(47,228,196,.7),0 0 24px rgba(47,228,196,.6),0 0 60px rgba(36,255,210,.5),
    0 0 120px rgba(36,255,210,.3),0 60px 110px rgba(0,0,0,.78),0 14px 40px rgba(0,0,0,.6);
  animation:at-pulse 4.5s ease-in-out infinite}
.screenwrap.at-glow .hero-screen{filter:brightness(.95) contrast(1.06) saturate(1.08)}
@keyframes at-pulse{
  0%,100%{box-shadow:0 0 0 1px rgba(47,228,196,.7),0 0 24px rgba(47,228,196,.6),0 0 60px rgba(36,255,210,.5),0 0 120px rgba(36,255,210,.3),0 60px 110px rgba(0,0,0,.78),0 14px 40px rgba(0,0,0,.6)}
  50%{box-shadow:0 0 0 1px rgba(47,228,196,.9),0 0 30px rgba(47,228,196,.75),0 0 80px rgba(36,255,210,.6),0 0 150px rgba(36,255,210,.38),0 60px 110px rgba(0,0,0,.78),0 14px 40px rgba(0,0,0,.6)}}
.hero-cap{margin-top:30px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.04em;color:var(--dim);text-align:center;max-width:620px;line-height:1.6}
.hero-cap b{color:var(--loss);font-weight:500}
@media(max-width:980px){.hero-cap{margin-top:18px}}

/* flat ArcisTrade screenshots in feature rows: neon outline + static glow (hero pulses, these don't) */
.shotframe{position:relative;width:100%;border-radius:16px;overflow:hidden;border:1.5px solid rgba(47,228,196,.6);
  box-shadow:0 0 0 1px rgba(47,228,196,.5),0 0 22px rgba(47,228,196,.4),0 0 60px rgba(36,255,210,.25),0 40px 90px rgba(0,0,0,.7)}
.shotframe img{display:block;width:100%;height:auto}
.shotframe::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(122deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 18%,transparent 40%)}
.shot-col{display:flex;flex-direction:column;align-items:center;width:100%}
.shot-cap{margin-top:16px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.04em;color:var(--dim);text-align:center;line-height:1.6}
.shot-cap b{color:var(--loss);font-weight:500}
.shot-cap b.up{color:var(--accent)}
/* screenshot-needed slot (arcis.tech .imgbox) */
.imgbox.need{min-height:340px;width:100%;border-color:rgba(232,184,75,.5)}
.imgbox.need .ic{color:var(--gold)}

/* feature rows: EXACTLY arcis.tech — text left-aligned in its column, big tilted
   glowing screenshot on the other side (mirrored on .rev rows). */
.frow{grid-template-columns:.9fr 1.25fr;gap:64px;padding:56px 0}
.frow.rev{grid-template-columns:1.25fr .9fr}
.frow .ftext{text-align:left}
.frow .ftext h3{font-size:clamp(28px,3.4vw,44px);line-height:1.02;margin-bottom:18px}
.frow .ftext .fben{font-size:clamp(17px,1.5vw,20px)}
.frow .flist{gap:14px}
.frow .flist li{font-size:clamp(15.5px,1.3vw,18px)}
.frow .shot-col{perspective:2100px}
.frow .shotframe{border-radius:18px;border:1.5px solid rgba(47,228,196,.75);
  transform:rotateY(-12deg) rotateX(4deg) rotate(-1deg);transform-origin:60% 50%;
  box-shadow:0 0 0 1px rgba(47,228,196,.7),0 0 24px rgba(47,228,196,.6),0 0 60px rgba(36,255,210,.45),
    0 0 120px rgba(36,255,210,.25),0 60px 110px rgba(0,0,0,.78),0 14px 40px rgba(0,0,0,.6)}
.frow .shotframe img{filter:brightness(.92) contrast(1.06) saturate(1.06)}
.frow.rev .shotframe{transform:rotateY(12deg) rotateX(4deg) rotate(1deg);transform-origin:40% 50%}
.frow .shot-cap{margin-top:34px}
.frow .imgbox.need{transform:perspective(2100px) rotateY(-10deg) rotateX(3deg)}
.frow.rev .imgbox.need{transform:perspective(2100px) rotateY(10deg) rotateX(3deg)}
@media(max-width:900px){
  .frow,.frow.rev{grid-template-columns:1fr;gap:34px;padding:40px 0}
  .frow .shotframe,.frow.rev .shotframe,.frow .imgbox.need,.frow.rev .imgbox.need{transform:none}
}

/* story blocks: section beats centred, paragraphs stay left */
.story .beat{text-align:center}

/* cards, steps, doors: titles + lead lines centred */
.card h3,.card .lead,.step h3,.door h3,.door .dk{text-align:center}
.step .sn{margin-left:auto;margin-right:auto}
.step p{text-align:center}
.side-card .sk{text-align:center}

/* section intros already centred via .sec-head; ctaband headline + line centred */
.ctaband{flex-direction:column;text-align:center;justify-content:center}
@media(max-width:560px){.at-mark{font-size:23px}}
.foot-brand .at-mark{font-size:25px}

/* ---------- trust strip under hero CTA ---------- */
.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.trust-chip{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.04em;color:var(--muted);
  border:1px solid var(--line2);border-radius:100px;padding:8px 14px;background:rgba(255,255,255,.02)}
.trust-chip b{color:var(--accent);font-weight:500}

/* ---------- numbered steps ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:0 auto}
.step{border:1px solid var(--line2);border-radius:16px;padding:30px 28px;background:var(--panel);position:relative}
.step .sn{font-family:'Oswald',sans-serif;font-weight:700;font-size:15px;color:#02120F;background:var(--accent);
  width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 18px var(--glow);margin-bottom:18px}
.step h3{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:23px;color:var(--white);line-height:1.1;margin-bottom:10px}
.step p{font-size:15.5px;color:#FFFFFF;line-height:1.55}
.step p b{color:var(--white)}
@media(max-width:880px){.steps{grid-template-columns:1fr;max-width:520px}}

/* ---------- story / long-copy block (direct-response section) ---------- */
.story{max-width:700px;margin:0 auto;font-size:19px;line-height:1.65;color:#FFFFFF}
.story p{margin-bottom:18px}
.story p b{color:var(--white)}
.story .beat{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:clamp(24px,3vw,32px);
  color:var(--white);line-height:1.1;margin:34px 0 18px}
.story .beat .hl{color:var(--accent)}
.story ul{list-style:none;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}
.story li{padding-left:24px;position:relative}
.story li::before{content:"→";color:var(--accent);position:absolute;left:0;font-weight:700}
.story .sig{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--accent);letter-spacing:.06em;margin-top:26px}

/* ---------- two-door comparison ---------- */
.doors{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1040px;margin:0 auto}
.door{border:1px solid var(--line2);border-radius:18px;padding:32px 30px;background:var(--panel)}
.door .dk{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;color:var(--loss);margin-bottom:12px}
.door h3{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:24px;color:var(--white);line-height:1.1;margin-bottom:14px}
.door p{font-size:15.5px;color:#FFFFFF;line-height:1.6;margin-bottom:10px}
.door p b{color:var(--white)}
.door ul{list-style:none;margin:6px 0 14px;display:flex;flex-wrap:wrap;gap:8px}
.door li{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--muted);border:1px solid var(--line2);border-radius:6px;padding:5px 10px}
.door3{max-width:1040px;margin:16px auto 0;border:1px solid rgba(47,228,196,.5);border-radius:18px;padding:26px 30px;
  background:rgba(47,228,196,.06);text-align:center;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;
  font-size:clamp(22px,2.8vw,30px);color:var(--white)}
.door3 .hl{color:var(--accent)}
@media(max-width:820px){.doors{grid-template-columns:1fr}}

/* ---------- rule badges (no martingale etc.) ---------- */
.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line2);border:1px solid var(--line2);
  border-radius:14px;overflow:hidden;max-width:900px;margin:40px auto 0}
.rule{background:var(--panel);padding:26px 20px;text-align:center}
.rule .rx{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:22px;color:var(--white);line-height:1.1}
.rule .rs{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--dim);margin-top:8px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:680px){.rules{grid-template-columns:1fr}}

/* ---------- master → partner rename visual ---------- */
.rename{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:30px auto 0;max-width:760px}
.rename .rb{border:1px solid var(--line2);border-radius:12px;padding:16px 22px;background:var(--panel);text-align:center;min-width:220px}
.rename .rb .rl{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase;margin-bottom:6px}
.rename .rb .rv{font-family:'Oswald',sans-serif;font-weight:600;font-size:22px;color:var(--white)}
.rename .rb.to{border-color:rgba(47,228,196,.55);box-shadow:0 0 30px rgba(47,228,196,.08)}
.rename .rb.to .rv{color:var(--accent)}
.rename .arrow{color:var(--accent);font-size:26px;font-weight:900}
.legal-note{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--dim);text-align:center;margin-top:16px;letter-spacing:.03em;line-height:1.6}

/* ---------- check list in a card ---------- */
.checks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.checks li{font-size:15px;color:var(--ink);padding-left:26px;position:relative;line-height:1.45}
.checks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:900}
.checks li b{color:var(--white);display:block}
.checks li span{color:var(--dim);font-size:13.5px}
@media(max-width:620px){.checks{grid-template-columns:1fr}}
.card{border:1px solid var(--line2);border-radius:18px;padding:32px 30px;background:var(--panel)}
.card h3{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:24px;color:var(--white);line-height:1.1;margin-bottom:8px}
.card .lead{font-size:15.5px;color:#FFFFFF;line-height:1.6;margin-bottom:22px}
.card-hot{border-color:rgba(47,228,196,.55);background:var(--bg2);box-shadow:0 0 60px rgba(47,228,196,.06);position:relative}
.card-hot::before{content:"";position:absolute;top:0;left:24px;right:24px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.split2{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1100px;margin:0 auto;align-items:start}
@media(max-width:900px){.split2{grid-template-columns:1fr}}

/* ---------- commission tiers ---------- */
.ctiers{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line2);border:1px solid var(--line2);border-radius:14px;overflow:hidden}
.ctier{background:var(--panel);padding:22px 12px;text-align:center}
.ctier .cn{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ctier .cp{font-family:'Oswald',sans-serif;font-weight:700;font-size:36px;color:var(--accent);margin:6px 0 2px}
.ctier .cr{font-size:12px;color:var(--dim)}
.ctier.top{background:var(--bg2)}
@media(max-width:720px){.ctiers{grid-template-columns:repeat(2,1fr)}.ctier.top{grid-column:span 2}}

/* ---------- tabs ---------- */
.tabs{display:flex;gap:4px;background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:5px;max-width:460px;margin:0 auto 44px}
.tab{flex:1;font-family:var(--body);font-weight:900;font-size:14px;padding:12px 10px;border-radius:9px;border:none;cursor:pointer;
  background:transparent;color:var(--muted);transition:background .15s,color .15s}
.tab[aria-selected="true"]{background:linear-gradient(180deg,var(--accent),var(--accent2));color:#02120F}
.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tabpanel[hidden]{display:none}

/* ---------- forms (extends arcis.tech .fld) ---------- */
.fld select,.fld textarea{width:100%;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;padding:14px 16px;
  color:var(--white);font-size:15px;font-family:var(--body);transition:border-color .15s}
.fld select{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 50%);
  background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}
.fld select option{background:var(--panel);color:var(--white)}
.fld textarea{min-height:120px;resize:vertical;line-height:1.5}
.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(47,228,196,.12)}
.fld input::placeholder,.fld textarea::placeholder{color:#5F7470}
.fld .opt{font-weight:400;letter-spacing:.04em;text-transform:none;color:var(--dim)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-family:var(--body);font-size:13px;font-weight:700;padding:9px 14px;border-radius:9px;cursor:pointer;
  background:var(--bg2);color:var(--ink);border:1px solid var(--line2);transition:border-color .15s,background .15s}
.chip[aria-pressed="true"]{border-color:var(--accent);background:rgba(47,228,196,.12)}
.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.form-warn{font-size:12.5px;color:var(--gold);margin-top:8px;line-height:1.45}
.form-fine{font-size:12px;color:var(--dim);text-align:center;margin-top:14px;line-height:1.5}
.form-ok{display:none;border:1px solid rgba(47,228,196,.4);background:rgba(47,228,196,.07);border-radius:14px;padding:26px;text-align:center}
.form-ok.show{display:block}
.form-ok h4{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:22px;color:var(--white);margin-bottom:8px}
.form-ok p{font-size:15px;color:#FFFFFF;line-height:1.55}
.form-ok .reflink{display:block;margin-top:14px;font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--accent);
  word-break:break-all;border:1px solid var(--line2);border-radius:8px;padding:10px;background:var(--bg2)}
form.is-done{display:none}

/* ---------- contact side panel ---------- */
.side-stack{display:flex;flex-direction:column;gap:14px}
.side-card{border:1px solid var(--line2);border-radius:14px;padding:22px;background:var(--panel)}
.side-card .sk{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.side-card a.big{font-weight:900;font-size:17px;color:var(--white);word-break:break-all}
.side-card a.big:hover{color:var(--accent)}
.side-card p{font-size:14px;color:#FFFFFF;line-height:1.55;margin-top:6px}
.topic-list{list-style:none;display:flex;flex-direction:column;gap:2px;margin-top:4px}
.topic-list li{font-size:14px;color:var(--ink);padding:8px 0;border-bottom:1px solid var(--line)}
.topic-list li:last-child{border-bottom:none}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;max-width:1080px;margin:0 auto;align-items:start}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}

/* calendly as the feature image in "How it launches": same neon frame as the screenshots */
.cal-col{width:100%;scroll-margin-top:100px}
.cal-wrap.cal-glow{border:1.5px solid rgba(47,228,196,.6);border-radius:18px;
  box-shadow:0 0 0 1px rgba(47,228,196,.5),0 0 22px rgba(47,228,196,.4),0 0 60px rgba(36,255,210,.25),0 40px 90px rgba(0,0,0,.7)}
.cal-col .form-fine{text-align:center}

/* ---------- live client results page ---------- */
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:10px;vertical-align:middle;
  box-shadow:0 0 0 0 rgba(47,228,196,.6);animation:lr-pulse 2s infinite}
@keyframes lr-pulse{0%{box-shadow:0 0 0 0 rgba(47,228,196,.55)}70%{box-shadow:0 0 0 10px rgba(47,228,196,0)}100%{box-shadow:0 0 0 0 rgba(47,228,196,0)}}
.pb-v span{color:var(--accent)}
.pb-v.num span{font-size:.55em;color:rgba(255,255,255,.55)}
.lr-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:56px auto 18px;max-width:1180px}
.lr-count{font-family:var(--body);font-weight:700;font-size:14px;color:rgba(255,255,255,.78)}
.lr-sort{display:flex;align-items:center;gap:10px;font-family:var(--body);font-weight:700;font-size:13px;color:rgba(255,255,255,.78)}
.lr-sort select{background:var(--bg2);border:1px solid var(--line2);border-radius:9px;color:#fff;padding:9px 34px 9px 12px;font:600 14px var(--body);
  appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 50%);
  background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.lr-sort select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(47,228,196,.12)}
.lr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:0 auto}
.lr-card{background:var(--panel);border:1px solid var(--line2);border-radius:16px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:14px;min-width:0;
  transition:border-color .15s,transform .15s}
.lr-card.is-up:hover{border-color:rgba(47,228,196,.55);transform:translateY(-2px)}
.lr-card.is-down{border-color:rgba(255,92,92,.28)}
.lr-skel{min-height:250px;background:linear-gradient(100deg,var(--panel) 30%,#0f1a20 50%,var(--panel) 70%);background-size:300% 100%;animation:lr-shimmer 1.4s infinite linear}
@keyframes lr-shimmer{from{background-position:100% 0}to{background-position:0 0}}
.lr-head{display:flex;align-items:center;gap:12px}
.lr-av{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--accent),var(--accent2));color:#02120F;font:800 12px var(--body);letter-spacing:.02em}
.lr-who{flex:1;min-width:0;display:flex;flex-direction:column}
.lr-who b{font:800 15px var(--body);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lr-who span{font:500 12.5px var(--body);color:rgba(255,255,255,.6)}
.lr-ret{font-family:'Oswald',sans-serif;font-weight:700;font-size:26px;line-height:1;text-align:right;font-variant-numeric:tabular-nums}
.lr-ret small{display:block;font:700 12.5px var(--body);margin-top:4px;color:rgba(255,255,255,.7)}
.lr-ret.up{color:var(--accent)}.lr-ret.down{color:var(--loss)}
.lr-spark{width:100%;height:64px;display:block}
.lr-spark-empty{display:flex;align-items:center;justify-content:center;font:600 12px var(--body);color:rgba(255,255,255,.4);border:1px dashed var(--line2);border-radius:10px}
.lr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding-top:12px;border-top:1px solid var(--line)}
.lr-stats div{display:flex;flex-direction:column;gap:3px}
.lr-stats dt{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.lr-stats dd{margin:0;font:800 15px var(--body);color:#fff;font-variant-numeric:tabular-nums}
.lr-stats dd.down{color:#ff8d8d}
.lr-chips{display:flex;flex-wrap:wrap;gap:6px}
.lr-chip{font:600 11.5px var(--body);color:rgba(255,255,255,.82);border:1px solid var(--line2);border-radius:100px;padding:4px 10px;background:rgba(255,255,255,.02)}
.lr-chip-more{color:var(--accent);border-color:rgba(47,228,196,.35)}
.lr-state{text-align:center;font:600 16px var(--body);color:rgba(255,255,255,.78);padding:40px 0}
@media(max-width:980px){.lr-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.lr-grid{grid-template-columns:1fr}}

/* ---------- calendly slot ---------- */
.cal-wrap{border:1px solid var(--line2);border-radius:18px;overflow:hidden;background:var(--panel);min-height:680px}
.cal-wrap .calendly-inline-widget{min-width:300px;height:680px}
.cal-fallback{padding:40px 30px;text-align:center}

/* ---------- free access tiers (partner broker) ---------- */
.fa-tiers{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:1100px;margin:0 auto}
.fa-tier{border:1px solid var(--line2);border-radius:16px;padding:24px 14px 22px;background:var(--panel);text-align:center;display:flex;flex-direction:column;align-items:center}
.fa-tier.hot{border-color:rgba(47,228,196,.55);background:var(--bg2);box-shadow:0 0 40px rgba(47,228,196,.08)}
.fa-fund{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.06em;color:var(--ink);margin-bottom:10px}
.fa-pre{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin-bottom:-2px}
.fa-num{font-family:'Oswald',sans-serif;font-weight:700;font-size:44px;line-height:1.05;color:var(--white)}
.fa-tier.hot .fa-num{color:var(--accent)}
.fa-unit{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase;margin-top:4px}
.fa-free{margin-top:14px;font-family:var(--body);font-weight:900;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:#02120F;background:var(--accent);border-radius:100px;padding:6px 12px}
@media(max-width:980px){.fa-tiers{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.fa-tiers{grid-template-columns:1fr 1fr}.fa-tier:last-child{grid-column:span 2}}
.bcband{flex-direction:column;text-align:center;justify-content:center}
.bcband p{margin-left:auto;margin-right:auto}

/* ---------- small helpers ---------- */
.center{text-align:center}
.mt-32{margin-top:32px}
.mt-44{margin-top:44px}
.ps{max-width:700px;margin:40px auto 0;border-left:3px solid var(--accent);padding:4px 0 4px 20px;font-size:16.5px;color:#FFFFFF;line-height:1.6}
.ps b{color:var(--white)}

/* captions under feature shots: body face (beats the older .frow .shot-cap rule) */
.frow .shot-cap,.shot-col .shot-cap{font-family:var(--body);font-size:13.5px;letter-spacing:0;color:rgba(255,255,255,.62);text-transform:none}
.frow .shot-cap b.up{color:var(--accent);font-weight:700}

/* selling hero: long eyebrows may wrap (beats the older nowrap rule) */
.hero.hero-home.hero-sell .eyebrow{white-space:normal;text-wrap:balance}
.hero.hero-home.hero-sell .hero-lede{min-width:0}

/* calendly panel: white frame so the widget reads as one clean panel (free Calendly ignores dark colours) */
.cal-wrap.cal-glow{background:#FFFFFF;min-height:0;padding:0;overflow:hidden}
.cal-wrap.cal-glow .calendly-inline-widget{height:660px;min-width:0}

/* live results: "Show all accounts" button (base .btn is a white pill; force the dark outline style) */
.lr-more,[data-lr="more"].btn{background:transparent!important;color:#fff!important;border:1px solid rgba(47,228,196,.55)!important;box-shadow:0 0 0 1px rgba(47,228,196,.08),0 0 24px rgba(47,228,196,.12);font-weight:700;letter-spacing:.01em}
.lr-more:hover,[data-lr="more"].btn:hover{background:#2FE4C4!important;color:#04110E!important;border-color:#2FE4C4!important}
.lr-more:focus-visible,[data-lr="more"].btn:focus-visible{outline:2px solid #2FE4C4;outline-offset:3px}

/* audit fixes: CTA arrows never orphan onto their own line */
.btn{white-space:nowrap}
/* mobile: breathing room between hero copy and the screenshot */
@media (max-width:1023px){
  .hero.hero-home.hero-sell .hero-shot,.hero .hero-shot{margin-top:28px}
  .hero.hero-home.hero-sell .hero-actions{margin-top:28px}
}
/* mobile: partner rules as a clean left-aligned checklist instead of ragged centred chips */
@media (max-width:640px){
  .br-standards,.br-standards.big{flex-direction:column;align-items:flex-start;gap:12px;max-width:340px;padding:0 4px}
  .br-standards li,.br-standards.big li{font-size:13px;line-height:1.35;display:flex;text-align:left}
  .br-standards li::before{flex:0 0 auto}
}

/* ===== mobile screenshots (v20261027e) ===== */
.shotframe picture,.screenwrap picture{display:block}
.shotframe picture img,.screenwrap picture img{display:block;width:100%;height:auto}
/* captions: clear white, never grey */
.frow .shot-cap,.shot-col .shot-cap,.hero-cap{color:rgba(255,255,255,.86)}
@media (max-width:900px){
  /* feature rows: headline -> screenshot -> copy/bullets/CTA */
  .frow:not(.frow-form),.frow.rev:not(.frow-form){display:flex;flex-direction:column;gap:0;padding:26px 0 8px}
  .frow:not(.frow-form) > .ftext{display:contents}
  .frow:not(.frow-form) > .ftext > *{order:3}
  .frow:not(.frow-form) > .ftext > .fk,.frow:not(.frow-form) > .ftext > h3{order:1}
  .frow:not(.frow-form) > .ftext > .fk{align-self:center}
  .frow:not(.frow-form) > .shot-col{order:2;margin:8px 0 30px}
  .frow:not(.frow-form) > .ftext > .vsteps{margin-top:4px}
  .frow .shotframe{border-radius:14px}
  .frow .shot-cap{margin-top:14px;font-size:14px}
  /* kill the dead space between sections */
  .sec{padding-top:64px;padding-bottom:56px}
  .sec-head{margin-top:0!important;margin-bottom:18px!important}
}

/* ===== Atlas support chat (mirrors the app widget) ===== */
@keyframes atlasPulse{0%,100%{box-shadow:0 0 0 0 rgba(47,228,196,.5)}50%{box-shadow:0 0 0 7px rgba(47,228,196,0)}}
.atlas-fab{position:fixed;right:18px;bottom:18px;z-index:2147483000;width:54px;height:54px;border-radius:50%;cursor:pointer;
  border:1px solid rgba(255,255,255,.12);background:#2FE4C4;color:#04110E;box-shadow:0 8px 26px rgba(0,0,0,.42);display:flex;align-items:center;justify-content:center;transition:transform .15s,bottom .25s}
.atlas-fab:hover{transform:scale(1.05)}
.atlas-fab.is-open{background:#101318;color:#fff}
.atlas-fab:focus-visible,.atlas-pill button:focus-visible,.atlas-chip:focus-visible{outline:2px solid #2FE4C4;outline-offset:3px}
.atlas-pill{position:fixed;right:80px;bottom:28px;z-index:2147483000;display:flex;align-items:center;gap:6px;background:#101318;border:1px solid #2FE4C4;border-radius:20px;
  padding:6px 8px 6px 14px;box-shadow:0 8px 24px rgba(0,0,0,.38);max-width:calc(100vw - 110px);animation:atlasPulse 2.6s ease-in-out infinite;transition:bottom .25s}
.atlas-pill[hidden]{display:none}
.atlas-pill-t{font-family:var(--body);font-size:13px;font-weight:800;color:#2FE4C4;background:none;border:0;cursor:pointer;white-space:nowrap;padding:0}
.atlas-pill-x{display:inline-flex;align-items:center;background:none;border:0;color:rgba(255,255,255,.6);cursor:pointer;padding:0 2px}
.atlas-panel{position:fixed;right:18px;bottom:84px;z-index:2147483000;width:min(380px,calc(100vw - 24px));height:min(560px,calc(100vh - 140px));
  display:flex;flex-direction:column;background:#0B0E12;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.6);overflow:hidden;font-family:var(--body);transition:bottom .25s}
.atlas-panel[hidden]{display:none}
.atlas-head{padding:14px 14px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:#101318}
.atlas-row{display:flex;align-items:center;gap:8px}
.atlas-name{font-family:'Oswald',sans-serif;font-size:17px;font-weight:600;color:#fff;letter-spacing:.02em}
.atlas-badge{font-size:8.5px;font-weight:800;letter-spacing:.08em;color:#2FE4C4;border:1px solid #2FE4C4;border-radius:5px;padding:2px 6px;text-transform:uppercase}
.atlas-on{margin-left:auto;font-size:10px;color:#2FE4C4;display:flex;align-items:center;gap:5px}
.atlas-on i{width:6px;height:6px;border-radius:50%;background:#2FE4C4;display:inline-block}
.atlas-sub{font-size:11.5px;color:rgba(255,255,255,.75);margin-top:5px;line-height:1.45}
.atlas-live{margin-top:10px;min-height:36px;display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:9px;border:1px solid #2FE4C4;background:#0B0E12;color:#2FE4C4;text-decoration:none;font-size:12.5px;font-weight:800}
.atlas-live small{margin-left:auto;color:rgba(255,255,255,.7);font-size:10px;font-weight:600}
.atlas-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:9px;overscroll-behavior:contain}
.atlas-lead{display:flex;flex-direction:column;gap:8px}
.atlas-lead p{font-size:13px;color:#fff;line-height:1.5;margin:0}
.atlas-lead input,.atlas-foot input{background:#14181E;border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:10px 11px;color:#fff;font-family:var(--body);font-size:16px;outline:none;width:100%}
.atlas-lead input:focus,.atlas-foot input:focus{border-color:#2FE4C4}
.atlas-err{color:#FF7A7A!important;font-size:12px!important}
.atlas-msg{max-width:86%;padding:9px 12px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}
.atlas-msg.is-you{align-self:flex-end;background:#2FE4C4;color:#04110E;border-radius:12px 12px 3px 12px;font-weight:600}
.atlas-msg.is-atlas{align-self:flex-start;background:#14181E;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:12px 12px 12px 3px}
.atlas-msg b{color:#fff;font-weight:800}
.atlas-link{display:block;margin-top:7px;color:#2FE4C4;font-weight:800;text-decoration:none}
.atlas-typing{display:flex;gap:4px;padding:12px 14px}
.atlas-typing i{width:6px;height:6px;border-radius:50%;background:#2FE4C4;opacity:.4;animation:atlasDot 1.1s infinite}
.atlas-typing i:nth-child(2){animation-delay:.15s}.atlas-typing i:nth-child(3){animation-delay:.3s}
@keyframes atlasDot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.atlas-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}
.atlas-chips[hidden]{display:none}
.atlas-chip{font-family:var(--body);font-size:12px;font-weight:600;color:#fff;background:transparent;border:1px solid rgba(47,228,196,.45);border-radius:16px;padding:6px 11px;cursor:pointer;text-align:left;line-height:1.3}
.atlas-chip:hover{border-color:#2FE4C4;color:#2FE4C4}
.atlas-foot{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.08)}
.atlas-send{flex:0 0 auto;background:#2FE4C4;color:#04110E;border:0;border-radius:9px;padding:0 16px;font-weight:800;font-family:var(--body);cursor:pointer}
.atlas-send:disabled{opacity:.5;cursor:default}
.atlas-warn{font-size:10.5px;color:rgba(255,255,255,.6);padding:0 14px 10px;margin:0;line-height:1.4}
@media (prefers-reduced-motion:reduce){.atlas-pill,.atlas-typing i{animation:none}}

/* ===== mobile sticky demo bar ===== */
.stickycta{display:none}
@media (max-width:760px){
  .stickycta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:2147482990;padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    background:rgba(6,9,12,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(47,228,196,.3)}
  .stickycta[hidden]{display:none}
  .stickycta .btn{display:flex;width:100%;justify-content:center;padding:14px 16px;font-size:16px}
  body.has-sticky .atlas-fab{bottom:94px}
  body.has-sticky .atlas-pill{bottom:104px}
  body.has-sticky .atlas-panel{bottom:160px;height:min(520px,calc(100vh - 220px))}
  body.has-sticky{padding-bottom:76px}
  .atlas-panel{right:12px}
}

/* phone hero: eyebrow + headline -> screenshot -> sub-copy -> button (all four selling pages) */
@media (max-width:740px){
  .hero.hero-sell .hero-grid--split{display:flex!important;flex-direction:column;align-items:stretch}
  .hero.hero-sell .hero-lede{display:contents}
  .hero.hero-sell .hero-lede > .eyebrow{order:1;align-self:center}
  .hero.hero-sell .hero-lede > h1{order:2}
  .hero.hero-sell .hero-lede > .accent-bar{order:3;align-self:center}
  .hero.hero-sell .hero-shot,.hero.hero-home.hero-sell .hero-shot{order:4;margin:26px 0 24px!important}
  .hero.hero-sell .hero-lede > .hero-offer{order:5;margin-top:0}
  .hero.hero-sell .hero-actions,.hero.hero-home.hero-sell .hero-actions{order:6;margin-top:22px!important}
}
/* phone spacing + caption weight (v20261027g) */
.frow .shot-cap,.shot-col .shot-cap{color:#fff;font-weight:500}
@media (max-width:900px){
  .sec{padding-bottom:40px}
  section.pillar,.pillar{padding-top:44px}
  .frow:not(.frow-form),.frow.rev:not(.frow-form){padding-bottom:0}
}

/* ===== phone clean-up (v20261027i): one headline per block, sticky bar is the CTA, compact strips ===== */
@media (max-width:760px){
  .m-hide{display:none!important}
  /* "Need help?" pill covers copy on phones: keep just the round chat button */
  .atlas-pill{display:none!important}
  /* 3-up proof strips sit in one compact row instead of a full screen of stacked stats */
  .proofbar:not(.pb4):not(.pb5):not(.riskbar){grid-template-columns:repeat(3,1fr)!important;gap:0}
  .proofbar:not(.pb4):not(.pb5):not(.riskbar) .pb-item{padding:18px 4px;gap:8px}
  .proofbar:not(.pb4):not(.pb5):not(.riskbar) .pb-item::before,.proofbar:not(.pb4):not(.pb5):not(.riskbar) .pb-item::after{display:none}
  .proofbar:not(.pb4):not(.pb5):not(.riskbar) .pb-item + .pb-item{border-left:1px solid rgba(255,255,255,.08)}
  .proofbar:not(.pb4):not(.pb5):not(.riskbar) .pb-v{font-size:30px}
  .proofbar:not(.pb4):not(.pb5):not(.riskbar) .pb-l{font-size:8.5px;letter-spacing:.08em;line-height:1.55}
  /* 4-up risk grids: 2x2 instead of four full-width rows */
  .riskbar:not(.three){grid-template-columns:1fr 1fr!important}
  .riskbar:not(.three) .pb-item{padding:22px 10px;gap:6px}
  .riskbar:not(.three) .pb-item::before,.riskbar:not(.three) .pb-item::after{display:none}
  .riskbar:not(.three) .pb-item:nth-child(even){border-left:1px solid rgba(255,255,255,.08)}
  .riskbar:not(.three) .pb-item:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08)}
  .riskbar:not(.three) .pb-v{font-size:28px}
  .riskbar:not(.three) .pb-d{font-size:13px;line-height:1.45}
  .riskbar.three .pb-item{padding:24px 12px}
  /* live stats strip a touch tighter */
  .proofbar.pb4 .pb-item{padding:20px 8px}
  .proofbar.pb4 .pb-v{font-size:34px}
}
@media (max-width:900px){
  /* activation panel comes after the 3 steps that explain it */
  .frow:not(.frow-form) > .actpanel{order:4;margin-top:28px}
  /* section intros that follow a strip or feature row need breathing room (first-in-section ones stay tight) */
  .sec-head{margin-top:44px!important}
  .wrap > .sec-head:first-child{margin-top:0!important}
}

/* text always paints above the screenshot glow/drop-shadow (v20261027k) */
.hero-shot,.frow .shot-col{position:relative;z-index:1}
.hero-lede > *,.hero-actions,.frow .ftext > *,.frow .ftext,.shot-col .shot-cap,.sec-head{position:relative;z-index:2}
@media (max-width:900px){
  .frow:not(.frow-form) > .shot-col{margin-bottom:38px}
  .hero.hero-sell .hero-shot,.hero.hero-home.hero-sell .hero-shot{margin-bottom:34px!important}
}

/* ===== Free Access: go-live form (mirrors the app panel) + Blueberry offer (v20261027l) ===== */
.golive-form{display:grid;grid-template-columns:1fr;gap:14px;margin-top:6px}
.golive-form .fld{margin:0}
.golive-form label{display:block;font-family:var(--body);font-size:14px;font-weight:600;color:#fff;margin-bottom:8px;text-align:left}
.golive-form select,.golive-form input{width:100%;background:#0B0E12;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:14px 16px;color:#fff;font-family:var(--body);font-size:16px;outline:none}
.golive-form select:focus,.golive-form input:focus{border-color:#2FE4C4}
.golive-btn{width:100%;justify-content:center;text-transform:uppercase;letter-spacing:.02em;font-weight:800;padding:16px 18px}
.golive-note{font-family:var(--body);font-size:13.5px;line-height:1.55;color:#fff;margin:14px 0 0;text-align:left}
.act-signin{margin-top:18px;border:1px solid rgba(47,228,196,.45);background:rgba(47,228,196,.06);border-radius:14px;padding:18px}
.act-signin .lead{margin-bottom:14px}
.offer-banner{display:flex;align-items:center;gap:18px;flex-wrap:wrap;max-width:1180px;margin:8px auto 10px;padding:16px 22px;border-radius:14px;text-decoration:none;
  background:linear-gradient(90deg,rgba(47,228,196,.16),rgba(47,228,196,.04));border:1.5px solid rgba(47,228,196,.7);box-shadow:0 0 28px rgba(47,228,196,.18)}
.offer-banner:hover{border-color:#2FE4C4;box-shadow:0 0 36px rgba(47,228,196,.3)}
.ob-tag{flex:0 0 auto;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#04110E;background:#2FE4C4;border-radius:6px;padding:6px 10px}
.ob-txt{flex:1 1 320px;font-family:var(--body);font-size:clamp(16px,1.6vw,20px);color:#fff;line-height:1.35}
.ob-txt b{color:#fff;font-weight:800}
.ob-cta{flex:0 0 auto;font-family:var(--body);font-weight:800;font-size:15px;color:#2FE4C4}
.ob-fine{max-width:1180px;margin:0 auto 26px;font-family:var(--body);font-size:12px;color:rgba(255,255,255,.7);text-align:center}
@media (max-width:640px){.offer-banner{padding:16px;gap:10px;text-align:left}.ob-cta{width:100%}}