/* Strategic Intelligence — Branded layout preview v1
   Purpose: visual skin only. Approved copy and link logic are preserved. */
:root{
  --navy:#071b32;
  --navy-2:#0e2c4b;
  --ink:#11243a;
  --muted:#627184;
  --teal:#008986;
  --teal-2:#13aaa5;
  --aqua:#dff4f2;
  --sand:#f6efe4;
  --paper:#fbfcfc;
  --line:#d9e3e8;
  --shadow:0 30px 80px rgba(7,27,50,.13);
  --shadow-soft:0 16px 44px rgba(7,27,50,.08);
}
body{
  background:
    radial-gradient(circle at 8% 4%, rgba(19,170,165,.10), transparent 24rem),
    radial-gradient(circle at 100% 26%, rgba(7,27,50,.08), transparent 28rem),
    var(--paper);
}
.site-header{
  min-height:76px;
  background:rgba(251,252,252,.88);
  border-bottom:1px solid rgba(7,27,50,.08);
  box-shadow:0 10px 40px rgba(7,27,50,.045);
}
.logo img{height:42px;filter:drop-shadow(0 8px 18px rgba(7,27,50,.06));}
.nav a{
  position:relative;
  font-weight:750;
}
.nav a:after{
  content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--teal-2);transition:right .18s ease;border-radius:999px;
}
.nav a:hover:after{right:0;}
.btn{
  letter-spacing:.005em;
  box-shadow:none;
}
.btn.primary,
.btn.small{
  background:linear-gradient(135deg,var(--navy),#0b3359);
  color:#fff;
}
.btn.secondary{
  background:#fff;
  border-color:rgba(7,27,50,.14);
}
.btn.ghost{
  border-color:rgba(255,255,255,.34);
  background:rgba(255,255,255,.12);
}
.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(7,27,50,.16);
}
.language{
  background:#fff;
  border-color:rgba(7,27,50,.12);
  box-shadow:0 8px 18px rgba(7,27,50,.05);
}
.language a.active{background:linear-gradient(135deg,var(--navy),#10375f)}
.section{position:relative;}
.hero{
  min-height:780px;
  background:
    linear-gradient(115deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.94) 48%, rgba(246,239,228,.82) 100%),
    radial-gradient(circle at 82% 18%, rgba(19,170,165,.20), transparent 22rem);
  border-bottom:1px solid rgba(7,27,50,.08);
}
.hero:before{
  width:520px;height:520px;right:-170px;top:-180px;
  background:linear-gradient(135deg,rgba(19,170,165,.24),rgba(7,27,50,.10));
  border-radius:38% 62% 46% 54%;
  filter:blur(0);
  opacity:.85;
}
.hero:after{
  content:"";
  position:absolute;right:7vw;bottom:96px;width:min(34vw,430px);height:min(34vw,430px);
  background:
    linear-gradient(135deg,rgba(7,27,50,.88),rgba(12,57,94,.72)),
    repeating-linear-gradient(90deg,transparent 0 18px,rgba(255,255,255,.18) 18px 20px);
  clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);
  opacity:.08;
  pointer-events:none;
}
.hero h1{max-width:920px;}
.eyebrow{
  color:var(--teal);
  letter-spacing:.18em;
}
.lead{color:#52647a;}
.muted{
  background:
    linear-gradient(180deg,#f7fafb,#f2f7f8);
}
.warm{
  background:
    radial-gradient(circle at 12% 14%,rgba(19,170,165,.10),transparent 20rem),
    linear-gradient(135deg,#fff 0%,#fbf7ef 100%);
}
.example-box,
.question-list p,
.route-card,
.offer-card,
.course-main,
.download-card,
.cred-panel,
.hero-card,
.card,
.list-box,
.download-panel,
.purchase-card{
  border:1px solid rgba(7,27,50,.10);
  box-shadow:var(--shadow-soft);
}
.example-box,
.route-card,
.offer-card,
.course-main,
.download-card,
.cred-panel,
.hero-card,
.card,
.list-box,
.download-panel,
.purchase-card{
  backdrop-filter:blur(10px);
}
.question-list p{
  border-left:5px solid var(--teal);
}
.route-card.dark,
.download-card,
.story-card,
.download-panel,
.cta-band,
.final-band{
  background:
    radial-gradient(circle at 92% 12%, rgba(19,170,165,.24), transparent 12rem),
    linear-gradient(145deg,var(--navy),#123a61 70%,#0d2b4a);
}
.route-card.dark,
.download-card,
.story-card,
.download-panel{
  box-shadow:0 26px 70px rgba(7,27,50,.18);
}
.offer-card,
.course-main,
.hero-card,
.card,
.list-box,
.purchase-card{
  background:rgba(255,255,255,.92);
}
.offer-card:hover,
.course-main:hover,
.download-card:hover,
.route-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow);
  transition:transform .2s ease, box-shadow .2s ease;
}
.humor-line{
  background:linear-gradient(90deg,#fff,#f1fbfa);
  border-left-color:var(--teal-2);
}
.cta-band,
.final-band{
  overflow:hidden;
}
.cta-band:after,
.final-band:after{
  content:"";
  position:absolute;right:-42px;top:-70px;width:310px;height:310px;
  background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(19,170,165,.18));
  clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);
}
.footer{
  background:#fff;
  border-top:1px solid rgba(7,27,50,.10);
}
.footer h3{color:var(--navy);}
.footer a:hover{color:var(--teal);}
.course-preview-hero{
  border-top:1px solid rgba(7,27,50,.08);
}
.stat{
  background:linear-gradient(145deg,#fff,#f4faf9);
}
.stat strong{color:var(--teal);}
.card-grid .card:first-child:not(.story-card){
  background:linear-gradient(145deg,#fff,#fbf7ef);
}
@media(max-width:1060px){
  .site-header{min-height:68px;}
  .hero:after{display:none;}
  .nav.open{box-shadow:0 24px 60px rgba(7,27,50,.10);}
}
@media(max-width:680px){
  .hero{min-height:auto;}
  .logo img{height:35px;}
}

/* Strategic Intelligence — Branded layout preview v2 contrast refinement
   Visual layer only: structure, content and CTA logic are unchanged. */
:root{
  --navy:#061a30;
  --navy-2:#0b2949;
  --ink:#071b32;
  --muted:#26374c;
  --muted-2:#405066;
  --teal:#007f7f;
  --teal-2:#009b98;
  --aqua:#dff4f2;
  --paper:#fbfcfc;
  --line:#cbd7df;
  --shadow:0 30px 80px rgba(6,26,48,.14);
  --shadow-soft:0 18px 48px rgba(6,26,48,.10);
}
body{color:var(--ink);}
p,
.lead,
.footer a,
.footer .footer-note,
.cred-panel li,
.stat span,
.purchase-card .price{
  color:var(--muted);
}
h1,h2,h3,strong,
.logo,
.nav,
.question-list p,
.example-box p,
.route-card p,
.offer-card p,
.course-main p,
.hero-card p,
.card p,
.list-box p,
.purchase-card p{
  color:var(--ink);
}
.eyebrow,
.route-label,
.text-link,
.footer a:hover{
  color:#006f70;
}
.site-header{
  background:rgba(255,255,255,.94);
}
.btn.secondary{
  color:var(--navy);
  border-color:#b7c7d1;
}
.language a{
  color:var(--muted);
}
.muted{
  background:linear-gradient(180deg,#f3f7f8,#edf4f5);
}
.warm{
  background:radial-gradient(circle at 12% 14%,rgba(0,127,127,.08),transparent 20rem),linear-gradient(135deg,#fff 0%,#f8f1e8 100%);
}
.question-list p,
.example-box,
.route-card,
.offer-card,
.course-main,
.hero-card,
.card,
.list-box,
.purchase-card,
.cred-panel{
  background:#fff;
  border-color:#cbd7df;
  box-shadow:0 16px 42px rgba(6,26,48,.09);
}
.offer-card,
.course-main,
.hero-card,
.card,
.list-box,
.purchase-card{
  background:rgba(255,255,255,.96);
}
.humor-line{
  color:var(--ink);
  background:linear-gradient(90deg,#fff,#eef8f7);
  border-color:#cbd7df;
  border-left-color:var(--teal);
}
.stat{
  background:linear-gradient(145deg,#fff,#eef8f7);
  border-color:#cbd7df;
}
.stat strong{
  color:var(--navy);
}
.card-grid .card:first-child:not(.story-card){
  background:linear-gradient(145deg,#fff,#f8f1e8);
}
.route-card.dark,
.download-card,
.story-card,
.download-panel,
.cta-band,
.final-band{
  color:#fff;
}
.route-card.dark h1,
.route-card.dark h2,
.route-card.dark h3,
.route-card.dark p,
.route-card.dark strong,
.download-card h1,
.download-card h2,
.download-card h3,
.download-card p,
.download-card strong,
.story-card h1,
.story-card h2,
.story-card h3,
.story-card p,
.story-card strong,
.download-panel h1,
.download-panel h2,
.download-panel h3,
.download-panel p,
.download-panel strong,
.cta-band h1,
.cta-band h2,
.cta-band h3,
.cta-band p,
.cta-band strong,
.final-band h1,
.final-band h2,
.final-band h3,
.final-band p,
.final-band strong{
  color:#fff;
}
.route-card.dark .route-label,
.download-card .eyebrow,
.story-card .eyebrow,
.download-panel .eyebrow,
.cta-band .eyebrow,
.final-band .eyebrow{
  color:#8be1dd;
}
.cta-band .contact-note a{
  color:#fff;
}
.footer{
  background:#fff;
}
.footer h3{color:var(--ink);}