/* Credit Up visual-match pass
   The seven approved reference images are the visual source of truth.
   This file intentionally overrides only geometry/visual details; content.js remains editable/bilingual. */

/* Header belongs to HOME only. It must scroll away with the hero. */
.site-header{
  position:absolute !important;
  top:0; left:0; right:0;
  height:112px;
  padding:0 7.35%;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}
.brand{width:292px}
.desktop-nav{gap:30px}
.desktop-nav a{font-size:12px;font-weight:600;padding:16px 0}
.header-actions{gap:14px}
.lang-switch{min-height:48px;padding:0 18px;border-radius:8px;background:rgba(0,0,0,.16)}
.header-cta{min-height:56px;min-width:224px;border-radius:8px}
.mobile-nav{position:absolute !important}

/* Shared reference styling */
:root{--green:#4df13b;--green2:#18d530;--black:#06100c}
.dark-section{background:radial-gradient(circle at 50% 112%,rgba(68,255,67,.23),transparent 32%),linear-gradient(140deg,#06100c 0%,#07140f 56%,#06100c 100%)}
.dot-field{background-size:19px 19px;opacity:.54}
.section-signoff{bottom:35px;font-size:10px;letter-spacing:.32em}

@media (min-width:1025px){
  /* 01 HOME — approved 1672 × 941 composition */
  .hero{height:941px;min-height:941px;padding:118px 7.35% 64px}
  .hero-grid{max-width:1428px;min-height:742px;grid-template-columns:1.02fr 1.08fr}
  .hero-copy{padding-top:23px}
  .eyebrow{font-size:12px;letter-spacing:.37em;margin-bottom:38px}
  .hero h1{font-size:86px;line-height:.94;letter-spacing:-.045em}
  .hero-lead{font-size:20px;line-height:1.5;max-width:630px;margin:28px 0 32px}
  .hero-buttons{gap:18px}
  .hero-buttons .primary{min-width:365px;min-height:62px}
  .hero-buttons .outline{min-width:205px;min-height:62px}
  .trust-row{gap:24px;margin-top:43px}
  .trust-item{font-size:13px;max-width:195px}
  .ring-icon{width:50px;height:50px}
  .hero-visual{height:735px}
  .phone-shell{width:365px;height:700px;left:48%;top:15px;transform:translateX(-50%) rotate(4deg)}
  .future-card{left:1%;top:205px;width:170px;min-height:235px}
  .progress-card{right:-1%;top:165px;width:175px;min-height:235px}
  .growth-bars{right:-2%;width:57%;height:48%;opacity:.46}
  .growth-arrow{right:-2%;width:66%;height:52%;bottom:0}
  .hero-glow{left:18%;right:18%;bottom:-13%;height:31%}

  /* 02 STATS + EVERY INACCURACY — approved 1672 × 941 */
  .process-scope{height:941px;min-height:941px}
  .stats-grid{height:210px;max-width:1390px;padding:38px 24px 28px;align-items:center}
  .stats-grid article{padding:4px 44px}
  .stats-grid strong{font-size:52px}
  .stats-grid span{font-size:13px;letter-spacing:.23em;margin-top:11px}
  .stats-grid em{font-size:17px}
  .scope-body{height:691px;min-height:691px;padding:37px 8% 0}
  .scope-main{max-width:1405px}
  .section-kicker{font-size:11px;letter-spacing:.34em}
  .scope-main h2{font-size:82px;line-height:.84;margin:22px 0 27px}
  .process-item{grid-template-columns:58px 58px 470px 1fr;gap:20px;min-height:92px}
  .process-num{font-size:18px}
  .process-item h3{font-size:27px;max-width:450px}
  .process-item p{font-size:15px;line-height:1.4;max-width:520px}
  .vertical-label{left:3.55%;top:65px;font-size:11px}
  .side-note{right:5.5%;top:62px;font-size:11px}
  .light-signoff{display:flex;position:absolute;left:8%;right:8%;bottom:20px;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.31em;color:#687575}

  /* 03 THE PROCESS — approved portrait composition */
  .rounds{min-height:1402px;padding:46px 6.2% 52px}
  .rounds-inner{max-width:1005px}
  .rounds-topline{font-size:11px;letter-spacing:.25em}
  .rounds h2{font-size:55px;line-height:.93;margin:28px 0 9px}
  .rounds-lead{max-width:785px;font-size:16px;line-height:1.42;margin-bottom:26px}
  .round-row{grid-template-columns:1fr 1.08fr;gap:45px;padding:27px 0;align-items:center}
  .round-row.dispute-row{grid-template-columns:1.08fr 1fr}
  .round-copy h3{font-size:44px;margin:17px 0 12px}
  .round-copy>p{font-size:16px;line-height:1.48}
  .round-icons{margin-top:25px}
  .round-icons small{font-size:10px}
  .round-media>img{filter:none !important;aspect-ratio:1.67/1;object-fit:cover}
  /* The photo assets already contain the approved overlay graphics. The live overlay sits
     directly on top, opaque enough to hide baked English text while keeping it editable. */
  .media-overlay{background:rgba(8,29,19,.985);backdrop-filter:none;box-shadow:none}
  .audit-overlay{right:0;top:0;min-width:203px;padding:15px 16px}
  .dispute-overlay{left:20px;top:35px;width:178px;padding:15px 16px}
  .rebuild-overlay{right:0;bottom:0;min-width:208px;padding:14px 16px}
  .figure-caption{font-size:9px;margin-top:8px}
  .rounds-footer{margin-top:14px}

  /* 04 UNDERSTAND YOUR CREDIT — approved 1672 × 941 */
  .credit-makeup{height:941px;min-height:941px;padding:76px 5.1% 70px}
  .credit-inner{max-width:1500px}
  .credit-kicker{font-size:12px;letter-spacing:.31em}
  .credit-kicker i{flex-basis:330px}
  .credit-makeup h2{font-size:69px;line-height:.94;margin:34px 0 22px}
  .credit-lead{font-size:19px;max-width:790px;margin-bottom:25px}
  .credit-factor{grid-template-columns:85px 290px 1fr 88px 450px;gap:22px;min-height:96px}
  .factor-icon{width:64px;height:64px}
  .factor-title strong{font-size:19px}
  .factor-title small{font-size:9px}
  .factor-pct{font-size:31px}
  .credit-factor p{font-size:15px;line-height:1.45}
  .credit-bars{right:0;top:7%;width:34%;height:77%;opacity:.23}
  .credit-arrow{right:0;top:5%;width:42%;height:48%;opacity:.82}

  /* 05 OUTCOMES + FAQ — approved portrait composition */
  .outcomes{min-height:1402px;padding:54px 6.2% 45px}
  .outcomes-inner{max-width:1005px}
  .outcomes h2{font-size:58px;line-height:.92;margin:29px 0 10px}
  .outcomes-lead{font-size:17px}
  .testimonials{margin-top:26px}
  .outcome-quote{grid-template-columns:65px 1fr 290px;min-height:126px;gap:24px}
  .outcome-quote blockquote{font-size:18px;line-height:1.45}
  .quote-person strong{font-size:12px}
  .quote-person span{font-size:9px}
  .legal-card{padding:29px 24px}
  .legal-card h4{font-size:13px}
  .legal-card p{font-size:13px}
  .faq-zone{grid-template-columns:340px 1fr;gap:46px;padding-top:43px}
  .faq-left h3{font-size:62px}
  .faq-item button{min-height:62px}
  .faq-item button strong{font-size:14px}
  .outcomes-footer{display:flex;justify-content:space-between;margin-top:36px;font-size:9px;letter-spacing:.24em;color:#667273}

  /* 06 REVIEWS — approved 1672 × 941 */
  .reviews{height:941px;min-height:941px;padding:72px 7.6% 80px}
  .reviews-inner{max-width:1410px}
  .reviews-kicker{font-size:12px}
  .reviews-top{grid-template-columns:1.28fr 1fr;gap:52px}
  .reviews h2{font-size:76px;line-height:.92;margin:25px 0 17px}
  .reviews-top>div:first-child>p{font-size:18px;max-width:700px}
  .reviews-trust{gap:23px;padding-top:17px}
  .reviews-trust>div{font-size:13px}
  .review-carousel{margin-top:27px}
  .review-card{min-height:360px;padding:27px 31px 22px}
  .review-head img{width:66px;height:66px}
  .review-card blockquote{font-size:16px;line-height:1.45;min-height:150px}
  .reviews-bars{right:1%;top:8%;width:31%;height:39%}
  .reviews-arrow{right:1%;top:6%;width:38%;height:40%}

  /* 07 START WITH A FREE REVIEW — approved 1122 × 1402 */
  .free-review{min-height:1402px;padding:327px 7.8% 70px}
  .free-inner{max-width:960px}
  .free-kicker{font-size:13px;letter-spacing:.21em;gap:20px}
  .free-review h2{font-size:86px;line-height:.92;margin:36px 0 27px}
  .free-lead{max-width:760px;font-size:19px;line-height:1.45;margin-bottom:40px}
  .free-actions{max-width:940px;gap:14px}
  .free-actions .cta{min-height:66px;font-size:14px}
  .free-meta{font-size:12px;margin-top:30px}
  .free-bars{height:47%;opacity:.44}
  .free-arrow{height:47%;bottom:0}
  .free-glow{height:27%;bottom:-9%;left:7%;right:7%}
}

/* Make the overlaid live cards cover the same baked cards cleanly in every language. */
.media-overlay{z-index:3}

/* Keep responsive behavior, but never make the HOME logo/header sticky. */
@media(max-width:1024px){
  .site-header{position:absolute !important;background:transparent !important;backdrop-filter:none !important}
  .mobile-nav{position:absolute !important}
}
@media(max-width:768px){
  .site-header{padding:0 20px}
  .free-review{min-height:720px}
}
.contact-symbol,.wa-symbol{display:inline-grid;place-items:center;width:26px;height:26px}
.contact-symbol svg,.wa-symbol svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* The approved desktop Home reference shows FAQ inside the mobile/menu flow rather than as an extra desktop item. */
@media(min-width:1025px){.desktop-nav a[href="#faq"]{display:none}}

/* Keep keyboard interactions and motion preferences usable without changing the layout. */
:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.mobile-nav:not(.open){visibility:hidden}
.mobile-nav.open{visibility:visible}
.review-card.focus{border-color:var(--green)}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}