:root{--bg:#05131f;--deep:#030d15;--softbg:#081a28;--panel:#0b2233;--panel2:#0d2a3f;--line:rgba(77,169,214,.22);--cyan:#27d2ff;--cyan2:#7fe8ff;--text:#f5f8fb;--soft:#c2d1dc;--muted:#7f9bae;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 85% 8%,rgba(39,210,255,.06),transparent 28%),var(--bg);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 44px));margin:auto}.ambient{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(120px);opacity:.15;z-index:-3}.ambient.a{background:#0d79a0;top:-220px;right:-160px}.ambient.b{background:#063b63;bottom:-240px;left:-170px}header{position:sticky;top:0;z-index:50;transition:.25s}header.scrolled{background:rgba(4,15,24,.82);backdrop-filter:blur(20px);border-bottom:1px solid rgba(39,210,255,.1)}.nav{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:760}.logo{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-size:.6rem;box-shadow:0 0 0 5px rgba(39,210,255,.025)}.brand b{color:var(--cyan)}nav{display:flex;gap:28px;margin-left:auto}nav a,.ghost{color:#a1b7c6;font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;background:linear-gradient(135deg,#1dbfe7,#32d5fa);color:#03131d;font-weight:800;box-shadow:0 12px 34px rgba(39,210,255,.16);transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(39,210,255,.22)}.navbtn{min-height:42px;font-size:.86rem}.menu{display:none;margin-left:auto;background:none;border:0;color:white;font-size:1.3rem}.hero{position:relative;padding:104px 0 90px;min-height:780px;display:flex;align-items:center}.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(39,210,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(39,210,255,.035) 1px,transparent 1px);background-size:44px 44px;opacity:.33;mask-image:linear-gradient(to bottom,black 10%,transparent 92%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center;position:relative}.kicker{display:flex;align-items:center;gap:9px;color:var(--cyan2);font-size:.72rem;letter-spacing:.15em;font-weight:800;margin-bottom:22px}.kicker i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px rgba(39,210,255,.9)}h1{font-size:clamp(3.5rem,5.7vw,5.55rem);line-height:.98;letter-spacing:-.06em;margin:0 0 28px}h1 span,h2 span{color:#9edff0}.hero-copy>p{max-width:680px;color:var(--soft);font-size:1.13rem;line-height:1.75}.actions{display:flex;align-items:center;gap:22px;margin:31px 0 38px}.ghost{font-weight:700}.proof{display:flex;border-top:1px solid rgba(130,185,215,.13);padding-top:24px}.proof div{padding-right:28px;margin-right:28px;border-right:1px solid rgba(130,185,215,.13)}.proof div:last-child{border:0}.proof b,.proof small{display:block}.proof b{font-size:.85rem}.proof small{font-size:.74rem;color:var(--muted)}.product{position:relative;height:560px;perspective:1200px}.panel{position:absolute;border-radius:22px;background:linear-gradient(160deg,rgba(13,42,63,.95),rgba(7,24,37,.97));border:1px solid rgba(77,178,225,.24);box-shadow:0 30px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.03);backdrop-filter:blur(18px)}.panel.main{width:455px;right:0;top:54px;padding:24px;z-index:3;transform:rotateY(-5deg)}.panel.heat{width:300px;left:0;bottom:20px;padding:20px;z-index:2;transform:rotateY(8deg)}.panel.review{width:330px;left:18px;top:0;padding:20px;z-index:1;transform:rotateY(7deg) rotateZ(-1deg)}.panel small,.top small,.heading small,.about small,.cta small{font-size:.64rem;letter-spacing:.12em;color:var(--cyan)}.panel>b{display:block;margin:3px 0 14px}.panelhead{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px}.panelhead b{display:block}.panelhead em,.instrument em{font-style:normal;border:1px solid rgba(39,210,255,.24);background:rgba(39,210,255,.06);color:#93eaff;border-radius:999px;padding:5px 9px;font-size:.64rem;font-weight:800}.instrument{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 0 10px;border-top:1px solid rgba(95,175,215,.12)}.instrument strong,.instrument span{display:block}.instrument span{color:var(--muted);font-size:.72rem}.instrument.second{margin-top:16px}.bias{display:flex;justify-content:space-between;color:var(--muted);font-size:.76rem;margin:7px 0 9px}.bias b{color:#d9e7ef}.meter{display:flex;gap:6px}.meter i{width:31px;height:7px;border-radius:999px;background:#102f45;border:1px solid #1e4f6c}.meter.one i:first-child,.meter.four i:nth-child(-n+4){background:linear-gradient(90deg,#42c7e5,#7be9ff);border-color:transparent;box-shadow:0 0 15px rgba(39,210,255,.16)}.panel.main>p{color:var(--muted);font-size:.75rem}.heatrow{display:grid;grid-template-columns:38px 1fr 52px;gap:10px;align-items:center;margin:11px 0;font-size:.69rem}.heatrow>div{height:6px;background:#102b3f;border-radius:999px;overflow:hidden}.heatrow i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#216d87,#43d6f5);border-radius:999px}.heatrow b{text-align:right;color:#a9c7d9}.score{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#0a2435 58%,transparent 60%),conic-gradient(var(--cyan) 0 78%,#12364c 78% 100%);float:left;margin:10px 16px 0 0}.score span{font-size:1.4rem;font-weight:850}.score small{grid-area:2/1;color:var(--muted);margin-top:-22px}.metrics{display:grid;gap:8px;margin-top:12px}.metrics div{display:flex;justify-content:space-between;font-size:.67rem;color:var(--muted)}.metrics b{color:#dfeaf0}.tag{position:absolute;z-index:6;padding:8px 11px;border-radius:999px;background:rgba(5,20,31,.84);border:1px solid rgba(39,210,255,.18);color:#7cdff5;font-size:.56rem;letter-spacing:.12em;font-weight:800}.t1{right:24px;top:4px}.t2{left:-12px;bottom:125px}.t3{right:-18px;bottom:88px}.journey{padding:34px 0 26px;border-block:1px solid rgba(39,210,255,.08);background:#061725}.line{height:1px;background:rgba(90,170,205,.13);margin-bottom:18px}.line i{display:block;height:100%;width:0;background:var(--cyan);transition:width 1.2s}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.journey-grid span{font-size:.62rem;color:var(--cyan)}.journey-grid b{display:block;font-size:.85rem;margin-top:5px}.journey-grid p{margin:3px 0 0;color:var(--muted);font-size:.78rem}.section{padding:108px 0}.heading{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end;margin-bottom:44px}.heading h2,.about h2,.cta h2{font-size:clamp(2.5rem,4.3vw,4.15rem);line-height:1.02;letter-spacing:-.05em;margin:10px 0 0}.heading>p{color:var(--soft);margin:0;line-height:1.75}.bento{display:grid;grid-template-columns:1.18fr .82fr;grid-template-areas:"review focus" "heat edu";gap:18px}.card{border-radius:22px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(13,42,63,.88),rgba(7,24,37,.94));padding:28px;transition:.25s}.card:hover{transform:translateY(-6px);border-color:rgba(39,210,255,.34)}.reviewcard{grid-area:review}.focuscard{grid-area:focus}.heatcard{grid-area:heat}.education{grid-area:edu}.top{display:flex;justify-content:space-between}.top span{font-size:.65rem;color:var(--cyan)}.card h3{font-size:1.65rem;line-height:1.15;letter-spacing:-.035em;margin:24px 0 14px}.card>p{color:var(--soft)}.reviewviz{display:grid;grid-template-columns:170px 1fr;gap:16px;margin-top:30px}.bigscore,.stats{border:1px solid rgba(55,155,200,.16);background:rgba(3,17,27,.5);border-radius:17px}.bigscore{padding:20px;display:flex;flex-direction:column}.bigscore strong{font-size:3.5rem;line-height:1;margin:10px 0 5px}.bigscore span{color:var(--muted);font-size:.8rem}.stats{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.stats div{padding:17px;border:1px solid rgba(55,155,200,.07)}.stats span,.stats b{display:block}.stats span{font-size:.67rem;color:var(--muted)}.pills,.lessons{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.pills span,.lessons span{border:1px solid rgba(39,210,255,.14);background:rgba(39,210,255,.035);color:#9fc8da;border-radius:999px;padding:7px 11px;font-size:.67rem}.focusdemo{margin-top:28px;padding:20px;border-radius:17px;background:rgba(3,17,27,.52);border:1px solid rgba(55,155,200,.16)}.focusdemo>div:first-child{display:flex;justify-content:space-between}.focusdemo em{font-style:normal;font-size:.67rem;color:var(--cyan2)}.focusdemo p{font-size:.72rem;color:var(--muted)}.note{margin-top:17px;color:#b4d5e4;font-size:.78rem;padding-left:12px;border-left:2px solid var(--cyan)}.muted{color:var(--muted)!important;font-size:.82rem}.about{background:linear-gradient(180deg,rgba(5,19,31,.2),rgba(8,26,40,.86));border-block:1px solid rgba(39,210,255,.07)}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.about-copy .lead{font-size:1.35rem;color:#e2edf3}.about-copy>p:not(.lead){color:var(--soft)}.manifesto{margin-top:32px;padding-top:22px;border-top:1px solid rgba(39,210,255,.12)}.manifesto span,.manifesto b{display:block}.manifesto span{color:var(--cyan);font-size:.78rem;letter-spacing:.12em}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-grid article{padding:24px 0 8px;border-top:1px solid rgba(39,210,255,.24)}.process-grid span{color:var(--cyan);font-size:.65rem}.process-grid h3{font-size:1.05rem}.process-grid p{color:var(--muted);font-size:.88rem}.faqsec{background:#061725}.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);background:rgba(8,29,44,.72);border-radius:15px;padding:0 20px}.faq summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;padding:20px 0;font-weight:760}.faq summary::-webkit-details-marker{display:none}.faq summary i{font-style:normal;color:var(--cyan)}.faq details p{color:var(--soft);margin:0;padding-bottom:20px}.cta{position:relative;padding:80px 0 92px}.ctabox{position:relative;display:flex;justify-content:space-between;align-items:center;gap:40px;border:1px solid rgba(39,210,255,.24);background:linear-gradient(140deg,rgba(13,42,63,.92),rgba(7,24,37,.9));border-radius:28px;padding:42px}.ctabox p{color:var(--soft)}footer{padding:48px 0 30px;background:var(--deep);border-top:1px solid rgba(39,210,255,.08)}.footergrid,.footbottom{display:flex;justify-content:space-between;gap:40px}.footergrid p,.footbottom{color:var(--muted);font-size:.8rem}.footerlinks{display:flex;flex-wrap:wrap;gap:22px;color:#9cb6c7;font-size:.85rem}.footbottom{margin-top:35px;padding-top:22px;border-top:1px solid rgba(115,170,200,.1)}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(18px);transition:.72s}.js .reveal.visible{opacity:1;transform:none}.delay1{transition-delay:.1s}@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.product{width:min(720px,100%);margin:auto}.heading{grid-template-columns:1fr;gap:18px}.bento{grid-template-columns:1fr;grid-template-areas:"review" "focus" "heat" "edu"}.about-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.container{width:min(var(--max),calc(100% - 28px))}.navbtn{display:none}.menu{display:block}nav{display:none;position:absolute;top:70px;left:14px;right:14px;margin:0;flex-direction:column;padding:10px;background:rgba(5,19,31,.97);border:1px solid var(--line);border-radius:14px}nav.open{display:flex}nav a{padding:12px}.hero{padding:74px 0 55px;min-height:auto}h1{font-size:clamp(3rem,14vw,4.5rem)}.actions{flex-direction:column;align-items:stretch}.proof{display:grid;gap:14px}.proof div{border-right:0;border-bottom:1px solid rgba(130,185,215,.13);padding-bottom:13px;margin:0}.product{height:500px;margin-top:50px}.panel.main{width:90%}.panel.review{width:68%}.panel.heat{width:66%}.tag{display:none}.journey-grid{grid-template-columns:1fr;border-left:1px solid rgba(39,210,255,.16);padding-left:18px}.line{display:none}.section{padding:76px 0}.reviewviz{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.ctabox,.footergrid,.footbottom{flex-direction:column;align-items:flex-start}.ctabox .btn{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* ==========================================================
   TradeReview Pro Public Site V2.1 polish
   ========================================================== */

.hero{
  padding:78px 0 64px;
  min-height:650px;
}
.hero-grid{
  grid-template-columns:minmax(0,.95fr) minmax(500px,1.05fr);
  gap:56px;
}
h1{
  font-size:clamp(3.15rem,4.8vw,4.9rem);
  max-width:720px;
  margin-bottom:22px;
}
.hero-copy>p{
  font-size:1.06rem;
  line-height:1.68;
  max-width:640px;
}
.actions{margin:26px 0 30px}
.proof{padding-top:20px}
.product{
  height:500px;
  transform:translateY(-8px);
}
.panel.main{
  width:430px;
  top:50px;
  right:0;
}
.panel.review{
  width:300px;
  left:12px;
  top:2px;
}
.panel.heat{
  width:276px;
  left:4px;
  bottom:16px;
}
.t1{right:18px;top:3px}
.t2{left:-5px;bottom:112px}
.t3{right:-10px;bottom:76px}

.hero-orbit,.cta-orbit{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(1px);
}
.hero-orbit{
  border:1px solid rgba(39,210,255,.06);
}
.hero-orbit-a{
  width:520px;height:520px;
  right:6%;top:6%;
  box-shadow:0 0 120px rgba(39,210,255,.035) inset;
}
.hero-orbit-b{
  width:340px;height:340px;
  right:12%;top:20%;
  border-color:rgba(39,210,255,.035);
}

.journey{
  padding:28px 0 22px;
}
.section{
  padding:88px 0;
}
.heading{
  margin-bottom:36px;
}
.reviewcard,.focuscard,.heatcard,.education{
  min-height:0;
}
.about{
  padding-top:78px;
  padding-bottom:78px;
}
.about-grid{
  gap:68px;
}
.process{
  padding-top:82px;
  padding-bottom:82px;
}
.faqsec{
  padding-top:82px;
  padding-bottom:82px;
}
.cta{
  padding:68px 0 76px;
  overflow:hidden;
}
.ctabox{
  padding:38px 40px;
  overflow:hidden;
}
.ctabox::after{
  content:"";
  position:absolute;
  right:-90px;top:-120px;
  width:360px;height:360px;border-radius:50%;
  border:1px solid rgba(39,210,255,.07);
  box-shadow:
    0 0 0 38px rgba(39,210,255,.018),
    0 0 0 76px rgba(39,210,255,.012);
}
.ctabox>*{position:relative;z-index:1}
.cta-orbit{
  width:440px;height:440px;
  right:2%;top:-100px;
  background:radial-gradient(circle,rgba(39,210,255,.055),transparent 68%);
}

.logo{
  position:relative;
  font-size:0;
}
.logo::before{
  content:"TRP";
  font-size:.58rem;
  letter-spacing:.02em;
}
.logo::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  border:1px solid rgba(127,232,255,.24);
}

.footergrid{
  align-items:flex-start;
}

@media(max-width:1050px){
  .hero{
    padding-top:72px;
  }
  .hero-grid{
    gap:44px;
  }
  .product{
    height:480px;
  }
}

@media(max-width:760px){
  .hero{
    padding-top:58px;
    padding-bottom:48px;
  }
  h1{
    font-size:clamp(2.75rem,12vw,4rem);
    line-height:1.01;
  }
  .product{
    height:455px;
    margin-top:42px;
    transform:none;
  }
  .panel.main{
    width:92%;
    right:0;
    top:58px;
  }
  .panel.review{
    width:72%;
    left:0;
  }
  .panel.heat{
    width:70%;
    left:0;
    bottom:0;
  }
  .section,.about,.process,.faqsec{
    padding-top:66px;
    padding-bottom:66px;
  }
  .journey{
    padding-top:24px;
    padding-bottom:18px;
  }
  .ctabox{
    padding:28px 22px;
  }
  .cta{
    padding-top:58px;
    padding-bottom:64px;
  }
}


/* ==========================================================
   V2.1A Hero composition fix for 1366px-class displays
   ========================================================== */

@media (min-width: 1051px) {
  .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(470px,.96fr);
    gap:44px;
  }

  .product{
    height:500px;
    max-width:590px;
    margin-left:auto;
    width:100%;
  }

  .panel.main{
    width:405px;
    right:0;
    top:58px;
    transform:rotateY(-3deg);
  }

  .panel.review{
    width:265px;
    left:0;
    top:8px;
    transform:rotateY(4deg) rotateZ(-.4deg);
  }

  .panel.heat{
    width:250px;
    left:0;
    bottom:4px;
    transform:rotateY(4deg);
  }

  .tag{
    display:none;
  }
}

@media (min-width: 1051px) and (max-width: 1450px) {
  h1{
    font-size:clamp(3rem,4.3vw,4.45rem);
  }

  .hero-copy>p{
    max-width:570px;
  }

  .panel.main{
    width:395px;
  }

  .panel.review{
    width:255px;
  }

  .panel.heat{
    width:242px;
  }

  .product{
    max-width:555px;
  }
}

/* ==========================================================
   V2.1C CLEAN / FAIL-SAFE
   ========================================================== */

.brand-logo-img{
  width:40px;
  height:40px;
  object-fit:contain;
  flex:0 0 auto;
  display:block;
  filter:drop-shadow(0 0 10px rgba(39,210,255,.12));
}

/* Hero layering: intentional but readable */
@media (min-width:1051px){
  .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(500px,.98fr);
    gap:46px;
  }
  .product{
    width:100%;
    max-width:570px;
    height:500px;
    margin-left:auto;
    position:relative;
  }
  .panel.main{
    width:390px;
    right:0;
    top:62px;
    transform:none;
    z-index:3;
  }
  .panel.review{
    width:245px;
    left:0;
    top:4px;
    transform:none;
    z-index:1;
  }
  .panel.heat{
    width:238px;
    left:0;
    bottom:0;
    transform:none;
    z-index:2;
  }
  .tag{display:none}
}

@media (min-width:1051px) and (max-width:1450px){
  h1{font-size:clamp(3rem,4.15vw,4.35rem)}
  .product{max-width:545px}
  .panel.main{width:375px}
  .panel.review{width:230px}
  .panel.heat{width:225px}
}

@media(max-width:760px){
  .brand-logo-img{width:36px;height:36px}
}

/* If JS is blocked/missing, content remains visible */
html:not(.js) .reveal,
html:not(.js) .reveal.visible{
  opacity:1!important;
  transform:none!important;
}

/* ==========================================================
   V2.1D Brand consistency / header / badge polish
   ========================================================== */

/* Official logo should be clearly readable, not icon-sized. */
.brand-logo-img{
  width:52px !important;
  height:52px !important;
  object-fit:contain;
  flex:0 0 auto;
  display:block;
  filter:drop-shadow(0 0 12px rgba(39,210,255,.14));
}

.nav{
  height:84px;
}

.brand{
  gap:13px;
}

.brand > span:last-child{
  font-size:1.06rem;
}

/* Use the same rounded pill language as Early / Elevated Focus. */
.panelhead em{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:26px;
  padding:5px 11px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  line-height:1 !important;
}

/* Prevent any old circular LIVE styling from winning. */
.panelhead em::before,
.panelhead em::after{
  display:none !important;
}

/* Score block no longer needs an internal/demo label. */
.bigscore{
  justify-content:center;
}

.bigscore strong{
  margin-top:0;
}

/* Brand wording labels that were previously all-caps should retain style via CSS, not altered spelling. */
.kicker,
.heading > div > small,
.about > .container > div > small,
.cta small{
  text-transform:none;
}

@media(max-width:760px){
  .brand-logo-img{
    width:46px !important;
    height:46px !important;
  }
  .nav{
    height:76px;
  }
}

/* V3 SEO pages */
.subhero{position:relative;padding:100px 0 76px;border-bottom:1px solid rgba(39,210,255,.08);overflow:hidden}
.subhero-inner{position:relative;max-width:920px}
.subhero h1{font-size:clamp(3rem,5vw,5rem);line-height:.99;letter-spacing:-.055em;margin:12px 0 24px}
.subhero-copy{max-width:760px;color:var(--soft);font-size:1.13rem;line-height:1.75}
.subhero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}
.eyebrow{font-size:.68rem;font-weight:840;letter-spacing:.16em;color:var(--cyan)}
.content-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:72px;align-items:start}
.content-main h2{font-size:clamp(2.3rem,3.6vw,3.6rem);line-height:1.04;letter-spacing:-.045em;margin:0 0 22px}
.content-main h3{font-size:1.35rem;margin:42px 0 10px}.content-main p{color:var(--soft);font-size:1.02rem;line-height:1.8}
.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}
.topic{border:1px solid var(--line);background:rgba(10,34,51,.7);border-radius:16px;padding:20px}
.topic b,.topic span{display:block}.topic b{margin-bottom:6px}.topic span{color:var(--muted);font-size:.86rem;line-height:1.65}
.content-aside{display:grid;gap:14px;position:sticky;top:108px}
.aside-card{border:1px solid var(--line);background:linear-gradient(160deg,rgba(13,42,63,.88),rgba(7,24,37,.95));border-radius:18px;padding:22px;display:grid;gap:10px}
.aside-card small{color:var(--cyan);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}
.aside-card strong{font-size:1.05rem}.aside-card span,.aside-card p{color:var(--muted);font-size:.82rem}
.aside-card a{color:#c8e6f1;font-size:.86rem;padding:5px 0}.aside-card a:hover{color:var(--cyan)}
.education-index{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.edu-card{border:1px solid var(--line);background:linear-gradient(160deg,rgba(13,42,63,.86),rgba(7,24,37,.95));border-radius:19px;padding:25px;transition:.25s}
.edu-card:hover{transform:translateY(-5px);border-color:rgba(39,210,255,.36)}
.edu-card>span{font-size:.66rem;color:var(--cyan);letter-spacing:.12em;text-transform:uppercase}
.edu-card h3{font-size:1.35rem;line-height:1.2;margin:16px 0 9px}.edu-card p{color:var(--muted);margin:0;font-size:.9rem}
@media(max-width:900px){.content-grid{grid-template-columns:1fr;gap:38px}.content-aside{position:static}.education-index{grid-template-columns:1fr}}
@media(max-width:760px){.subhero{padding:70px 0 56px}.subhero-actions{align-items:stretch;flex-direction:column}.subhero-actions .btn{width:100%}.topic-grid{grid-template-columns:1fr}}


/* ==========================================================
   V3.2 MOBILE-FIRST POLISH
   Dedicated phone layout — no desktop card overlap
   ========================================================== */

@media (max-width: 760px){

  html, body{
    overflow-x:hidden;
  }

  .container{
    width:calc(100% - 32px);
  }

  /* Header */
  .nav{
    height:70px !important;
    gap:10px;
  }

  .brand{
    gap:9px;
    min-width:0;
  }

  .brand-logo-img{
    width:40px !important;
    height:40px !important;
  }

  .brand > span:last-child{
    font-size:.92rem !important;
    white-space:nowrap;
  }

  .menu{
    display:block;
    margin-left:auto;
    padding:8px;
  }

  #navlinks{
    top:70px !important;
    left:12px !important;
    right:12px !important;
    padding:8px !important;
    border-radius:16px !important;
    max-height:calc(100vh - 90px);
    overflow:auto;
    box-shadow:0 18px 50px rgba(0,0,0,.35);
  }

  #navlinks a{
    padding:12px 13px !important;
    border-radius:10px;
  }

  #navlinks a:hover{
    background:rgba(39,210,255,.05);
  }

  /* Homepage hero */
  .hero{
    padding:46px 0 44px !important;
    min-height:0 !important;
  }

  .hero-grid{
    display:block !important;
  }

  .kicker{
    font-size:.62rem !important;
    letter-spacing:.11em !important;
    line-height:1.45;
    margin-bottom:16px !important;
  }

  h1{
    font-size:clamp(2.55rem,11.5vw,3.55rem) !important;
    line-height:1.01 !important;
    letter-spacing:-.055em !important;
    margin-bottom:20px !important;
  }

  .hero-copy>p{
    font-size:.98rem !important;
    line-height:1.68 !important;
  }

  .actions{
    margin:24px 0 28px !important;
    gap:14px !important;
  }

  .actions .btn{
    width:100%;
    min-height:50px;
  }

  .ghost{
    text-align:center;
    padding:5px 0;
  }

  .proof{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    padding-top:6px !important;
  }

  .proof>div{
    padding:13px 0 !important;
    margin:0 !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(130,185,215,.11) !important;
  }

  .proof>div:last-child{
    border-bottom:0 !important;
  }

  /* IMPORTANT: product mockup becomes a real mobile stack */
  .product{
    position:relative !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    margin:34px 0 0 !important;
    transform:none !important;
    perspective:none !important;
  }

  .product .panel,
  .panel.main,
  .panel.review,
  .panel.heat{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    width:100% !important;
    max-width:none !important;
    transform:none !important;
    border-radius:18px !important;
  }

  .panel.main{
    order:1;
    padding:19px !important;
  }

  .panel.review{
    order:2;
    padding:18px !important;
  }

  .panel.heat{
    order:3;
    padding:18px !important;
  }

  .tag,
  .hero-orbit{
    display:none !important;
  }

  .panelhead{
    margin-bottom:14px !important;
  }

  .panelhead b{
    font-size:.94rem;
  }

  .instrument{
    padding:13px 0 9px !important;
  }

  .instrument strong{
    font-size:1rem;
  }

  .meter{
    gap:5px !important;
  }

  .meter i{
    flex:1 1 0;
    width:auto !important;
    max-width:42px;
  }

  .score{
    float:none !important;
    margin:14px 0 !important;
  }

  .metrics{
    margin-top:6px !important;
  }

  /* Journey: compact 2 x 2 instead of long vertical rail */
  .journey{
    padding:24px 0 !important;
  }

  .journey-grid{
    grid-template-columns:1fr 1fr !important;
    gap:20px 16px !important;
    border-left:0 !important;
    padding-left:0 !important;
  }

  .journey-grid>div{
    padding:0 !important;
  }

  /* Generic sections */
  .section,
  .about,
  .process,
  .faqsec{
    padding:60px 0 !important;
  }

  .heading{
    display:block !important;
    margin-bottom:28px !important;
  }

  .heading h2,
  .about h2,
  .cta h2{
    font-size:clamp(2.1rem,9.5vw,3rem) !important;
    line-height:1.05 !important;
  }

  .heading>p{
    margin-top:18px !important;
    font-size:.95rem !important;
  }

  .bento{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .card{
    padding:20px !important;
    border-radius:18px !important;
  }

  .card h3{
    font-size:1.35rem !important;
    margin:18px 0 10px !important;
  }

  .reviewviz{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:22px !important;
  }

  .stats{
    grid-template-columns:1fr 1fr !important;
  }

  .about-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .about-copy .lead{
    font-size:1.12rem !important;
  }

  .process-grid{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  .process-grid article{
    padding-top:18px !important;
  }

  /* FAQ */
  .faq details{
    padding:0 16px !important;
  }

  .faq summary{
    padding:17px 0 !important;
    font-size:.94rem;
  }

  /* CTA */
  .cta{
    padding:54px 0 62px !important;
  }

  .ctabox{
    display:block !important;
    padding:24px 20px !important;
    border-radius:20px !important;
  }

  .ctabox .btn{
    width:100% !important;
    margin-top:22px;
  }

  .cta-orbit{
    display:none !important;
  }

  /* Footer */
  .footergrid,
  .footbottom{
    display:flex !important;
    flex-direction:column !important;
    gap:22px !important;
  }

  .footerlinks{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px 18px !important;
  }

  .footbottom{
    font-size:.7rem !important;
  }

  /* SEO subpages */
  .subhero{
    padding:58px 0 48px !important;
  }

  .subhero h1{
    font-size:clamp(2.45rem,11vw,3.35rem) !important;
    line-height:1.02 !important;
    margin:10px 0 18px !important;
  }

  .subhero-copy{
    font-size:.98rem !important;
    line-height:1.7 !important;
  }

  .subhero-actions{
    gap:12px !important;
    margin-top:24px !important;
  }

  .content-grid{
    grid-template-columns:1fr !important;
    gap:30px !important;
  }

  .content-main h2{
    font-size:clamp(2rem,9vw,2.7rem) !important;
  }

  .content-main h3{
    margin-top:32px !important;
    font-size:1.2rem !important;
  }

  .content-main p{
    font-size:.96rem !important;
    line-height:1.75 !important;
  }

  .topic-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .topic{
    padding:17px !important;
  }

  .content-aside{
    position:static !important;
    gap:10px !important;
  }

  .aside-card{
    padding:18px !important;
  }

  .education-index{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .edu-card{
    padding:20px !important;
  }

  .edu-card h3{
    font-size:1.25rem !important;
  }
}

@media (max-width: 390px){
  .container{
    width:calc(100% - 24px);
  }

  h1{
    font-size:2.45rem !important;
  }

  .brand > span:last-child{
    font-size:.85rem !important;
  }

  .journey-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .stats{
    grid-template-columns:1fr !important;
  }

  .footerlinks{
    grid-template-columns:1fr !important;
  }
}

/* V3.3 long-form education article layout only */
.trp-long-article h2{margin-top:2.1rem;line-height:1.25}.trp-long-article h2:first-child{margin-top:0}.trp-long-article ul{padding-left:1.4rem;margin:1rem 0 1.5rem}.trp-long-article li{margin:.4rem 0}.trp-long-article p{overflow-wrap:anywhere}.trp-long-article p a:not(.btn){color:#7fe8ff;text-decoration:underline;text-underline-offset:3px}.trp-long-article .article-disclaimer{padding:1rem;border:1px solid rgba(77,169,214,.22);border-radius:12px}

/* V3.5: preserve responsive navigation after adding Modern Prop Firm */
@media (min-width: 901px) and (max-width: 1300px){#navlinks{gap:12px} #navlinks a{font-size:13px}}