/* ORACLASTRA Financial — responsive refinement for all six localized pages */
/* Keep the validated editorial cards, but make imagery an accent instead of a poster. */

/* Premium editorial cards: decorative 01 / 02 / 03 numbering intentionally removed. */
.art-card .card-number{display:none!important}

/* Contrast contract for ivory/light sections. These selectors deliberately outrank
   inherited white typography from Financial injected layers and Master V2. */
.method,.faq,.method-proof{background:#f5efe2;color:#101b27}
.method h2,.method h3,.method p,.method-proof h2,.method-proof h3,.method-proof p,.faq h2,.faq summary,.faq details p{color:#101b27}
.method .eyebrow,.method-proof .eyebrow,.faq .eyebrow{color:#76501f}
.method>div>p:last-child,.method li p,.method-proof>div>p:last-child,.method-proof li p,.faq details p{color:#46515c}
.method li,.method-proof li,.faq details{border-color:#c8b895}
.method li>span,.method-proof li>span{color:#76501f;border-color:#9f7434;background:rgba(255,255,255,.2)}

@media (min-width:901px){
  .art-card img{width:100%;height:210px;aspect-ratio:auto;object-fit:cover;object-position:center 45%}
  .art-card>div{min-height:220px;padding:20px 22px 24px}
}

@media (max-width:900px){
  .hero{min-height:650px}
  .hero-picture{height:48%}
  .hero-picture img{object-position:center 42%}
  .hero-copy{padding:285px 20px 42px}
  .hero h1{font-size:clamp(40px,9.8vw,48px);line-height:.98;margin-bottom:16px}
  .lead{font-size:17px;line-height:1.48}
  .financial-usp{font-size:13px;line-height:1.55;margin-top:14px}
  .hero-points{margin:22px 0;gap:7px 12px;grid-template-columns:1fr 1fr}
  .button{min-height:54px}

  .benefits{grid-template-columns:1fr 1fr}
  .benefits article{padding:20px 12px}
  .benefits article:nth-child(2){border-right:0}
  .benefits article:nth-child(-n+2){border-bottom:1px solid var(--line)}

  .reading{padding:64px 16px 72px}
  .section-intro{margin-bottom:34px}
  .section-intro h2,.method h2,.scope h2,.access h2,.faq h2{font-size:38px;line-height:1.02}
  .card-grid{gap:18px}
  .art-card{padding:6px}
  .art-card img{width:100%;height:150px;aspect-ratio:auto;object-fit:cover;object-position:center 45%}
  .art-card>div{padding:17px 16px 20px;min-height:0}
  .art-card h3{font-size:28px;margin:6px 0 9px}
  .art-card p{font-size:13px;line-height:1.55;margin:8px 0}

  .panorama{height:405px}
  blockquote{padding:235px 22px 22px;font-size:30px;line-height:1.08}

  .method,.scope{padding:64px 20px;gap:34px}
  .method li{padding:17px 0}
  .method h3{font-size:24px}

  .report-proof{padding:54px 16px}
  .report-proof h2{font-size:36px;line-height:1.04}
  .proof-grid{grid-template-columns:repeat(2,1fr)}

  .commerce{padding:58px 16px}
  .commerce-card,.commerce-form{padding:20px}
  .offer-price{font-size:46px}
  .commerce-form input,.commerce-form select{min-height:48px;font-size:16px}
  .commerce-form .button{min-height:56px}
  .faq{padding:66px 18px 78px}
  .faq details{padding:16px 0}
  .faq summary{font-size:21px;line-height:1.2}
}

@media (max-width:560px){
  .site-header{height:68px;padding:0 14px}
  .brand{font-size:18px;letter-spacing:.07em}
  .brand-star{font-size:25px}
  .menu{padding:8px 12px}

  .hero{min-height:620px}
  .hero-picture{height:46%}
  .hero-copy{padding:265px 16px 36px}
  .hero h1{font-size:42px;line-height:.98}
  .lead{font-size:16px}
  .hero-points{font-size:9px;gap:6px 8px;margin:18px 0}

  .benefits{grid-template-columns:1fr 1fr}
  .benefits article{padding:17px 9px}
  .benefits article:nth-child(odd){border-right:1px solid var(--line)!important}
  .benefits article:nth-child(even){border-right:0!important}
  .benefits article:nth-child(-n+2){border-bottom:1px solid var(--line)!important}
  .benefits article:nth-child(n+3){border-bottom:0!important}
  .benefits i{font-size:25px;margin-bottom:5px}
  .benefits strong{font-size:13px}
  .benefits span{font-size:10px;line-height:1.4}

  .reading{padding:52px 12px 58px}
  .section-intro{padding:0 6px;margin-bottom:28px}
  .section-intro h2,.method h2,.scope h2,.access h2,.faq h2{font-size:34px}
  .section-intro>p:last-child{font-size:14px;line-height:1.6}
  .art-card img{height:118px;aspect-ratio:auto;object-position:center 44%}
  .art-card>div{padding:15px 13px 18px}
  .art-card h3{font-size:26px}

  .panorama{height:370px}
  blockquote{padding:215px 18px 18px;font-size:26px}

  .method,.scope{padding:54px 16px}
  .method li{grid-template-columns:44px 1fr;gap:10px}
  .method li>span{width:40px;height:40px}

  .report-proof{padding:46px 14px}
  .report-proof h2{font-size:32px}
  .market-fit{font-size:13px!important;line-height:1.55!important}
  .proof-grid strong{font-size:25px}
  .proof-grid span{font-size:10px}

  .commerce{padding:48px 12px}
  .commerce-card,.commerce-form{padding:18px}
  .offer-price{font-size:42px}
  .birth-time-note,.checkout-trust,.fine{font-size:11px}

  .faq{padding:56px 14px 68px}
  .faq summary{font-size:20px}
}