/* ReBrandMyAI + Experience Integrity Review™ — Phase 1 public integration */

@media (min-width:1081px){
  .nav{gap:14px}
  .navlinks{gap:4px}
  .navlinks a{padding:9px 10px;font-size:.75rem}
  .nav-actions{gap:10px}
}

/* Homepage: two independent questions */
.eir-home-bridge{overflow:hidden;background:
  radial-gradient(circle at 78% 22%,rgba(69,215,255,.08),transparent 24rem),
  radial-gradient(circle at 22% 80%,rgba(18,104,255,.11),transparent 28rem),
  linear-gradient(180deg,rgba(7,15,29,.9),rgba(3,7,15,.95))}
.eir-home-bridge:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(122,164,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(122,164,255,.03) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}
.eir-home-bridge .wrap{position:relative;z-index:1}
.eir-bridge-head h2{max-width:11ch}
.eir-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.eir-question-card{position:relative;overflow:hidden;padding:30px;min-height:278px;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}
.eir-question-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background:linear-gradient(110deg,transparent 0 46%,rgba(69,215,255,.035) 50%,transparent 54%);transform:translateX(-60%);transition:transform .7s ease}
.eir-question-card:hover{transform:translateY(-4px);border-color:rgba(87,155,255,.42);box-shadow:0 26px 80px rgba(0,0,0,.34),0 0 48px rgba(18,104,255,.08)}
.eir-question-card:hover:before{transform:translateX(60%)}
.eir-question-card.eir-integrity{background:linear-gradient(155deg,rgba(11,28,51,.90),rgba(5,12,24,.83)),radial-gradient(circle at 88% 12%,rgba(69,215,255,.14),transparent 16rem)}
.eir-question-code{font-family:var(--mono);font-size:.62rem;letter-spacing:.15em;color:#69b7ff;text-transform:uppercase;margin-bottom:22px}
.eir-question-card h3{font-size:clamp(1.8rem,3vw,3rem);max-width:11ch;margin-bottom:14px}
.eir-question-card p{max-width:54ch;margin-bottom:24px}
.eir-question-card .eir-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;margin-bottom:20px}
.eir-card-meta span{font-family:var(--mono);font-size:.58rem;letter-spacing:.09em;text-transform:uppercase;color:#8db9f4;border:1px solid rgba(122,164,255,.18);background:rgba(3,8,17,.48);border-radius:999px;padding:7px 9px}
.eir-question-card .text-link{font-weight:780;color:#85bcff}
.eir-question-card .text-link:hover{color:#fff}

/* Pricing: EIR sits alongside, not inside, the brand-judgment ladder */
.eir-pricing-section{background:
  radial-gradient(circle at 50% 8%,rgba(18,104,255,.13),transparent 25rem),
  linear-gradient(180deg,rgba(4,10,20,.96),rgba(7,15,29,.92))}
.eir-pricing-intro{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1fr);gap:44px;align-items:end;margin-bottom:32px}
.eir-pricing-intro h2{max-width:10ch}
.eir-pricing-intro p{max-width:650px}
.eir-package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.eir-package-card{position:relative;overflow:hidden;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(10,22,42,.72),rgba(5,12,24,.74));min-height:340px;display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.eir-package-card:hover{transform:translateY(-5px);border-color:rgba(76,149,255,.60);background:linear-gradient(180deg,rgba(18,104,255,.16),rgba(5,12,24,.82));box-shadow:0 24px 62px rgba(0,0,0,.34),0 0 40px rgba(18,104,255,.12)}
.eir-package-card.featured{border-color:rgba(47,126,255,.76);background:linear-gradient(180deg,rgba(18,104,255,.19),rgba(5,12,24,.82));box-shadow:0 0 55px rgba(18,104,255,.10)}
.eir-package-card .eir-package-label{font-family:var(--mono);font-size:.59rem;letter-spacing:.13em;color:#69b7ff;text-transform:uppercase;margin-bottom:12px}
.eir-package-card h3{font-size:1.25rem;margin-bottom:6px}
.eir-package-card .eir-package-price{font-size:1.85rem;font-weight:850;letter-spacing:-.05em;margin:10px 0 16px}
.eir-package-card .eir-package-price small{display:block;font-family:var(--mono);font-size:.57rem;font-weight:400;letter-spacing:.08em;color:#7285a6;margin-top:4px;text-transform:uppercase}
.eir-package-card ul{list-style:none;display:grid;gap:9px;margin:0 0 20px}
.eir-package-card li{font-size:.84rem;color:#c7d3e8}
.eir-package-card li:before{content:"✓";color:#45d7ff;margin-right:8px}
.eir-package-card .btn{margin-top:auto;width:100%}
.eir-decision-row{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:16px;padding:20px 22px;border:1px solid rgba(69,215,255,.18);border-radius:16px;background:linear-gradient(90deg,rgba(18,104,255,.08),rgba(69,215,255,.04))}
.eir-decision-row b{display:block;font-size:1.02rem;color:#eef5ff;margin-bottom:3px}
.eir-decision-row span{color:#9eabc3;font-size:.9rem}

/* Cross-product panels */
.eir-related-panel{display:grid;grid-template-columns:minmax(0,.82fr) minmax(280px,.46fr);gap:34px;align-items:center;padding:32px}
.eir-related-panel h2{font-size:clamp(2rem,3.2vw,3.25rem);max-width:14ch;margin-bottom:14px}
.eir-related-panel p{max-width:62ch}
.eir-related-action{padding:22px;border-left:1px solid rgba(122,164,255,.18);display:grid;gap:12px}
.eir-related-action .eir-related-kicker{font-family:var(--mono);font-size:.61rem;letter-spacing:.14em;color:#69b7ff;text-transform:uppercase}
.eir-related-action strong{font-size:1.16rem;line-height:1.15}

/* Legal / security integration */
.eir-legal-note{border-color:rgba(69,215,255,.22)!important;background:linear-gradient(180deg,rgba(7,29,42,.70),rgba(5,13,24,.72))!important}
.eir-security-band{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:start}
.eir-security-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.eir-security-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(6,15,29,.70)}
.eir-security-card span{display:block;font-family:var(--mono);font-size:.58rem;letter-spacing:.13em;color:#69b7ff;margin-bottom:12px}
.eir-security-card h4{font-size:1.04rem;margin-bottom:8px}
.eir-security-card p{font-size:.86rem}

@media(max-width:1080px){
  .eir-question-grid,.eir-pricing-intro,.eir-related-panel,.eir-security-band{grid-template-columns:1fr}
  .eir-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eir-related-action{border-left:0;border-top:1px solid rgba(122,164,255,.18);padding:20px 0 0}
}
@media(max-width:680px){
  .eir-question-grid,.eir-package-grid,.eir-security-cards{grid-template-columns:1fr}
  .eir-question-card{padding:22px;min-height:auto}
  .eir-pricing-intro{gap:18px}
  .eir-package-card{min-height:auto;padding:20px}
  .eir-decision-row{display:grid;gap:14px}
  .eir-decision-row .btn{width:100%}
  .eir-related-panel{padding:22px}
}

/* Public EIR scope-request footer */
.flow-legal-footer{width:min(1120px,calc(100% - 40px));margin:42px auto 26px;padding-top:18px;border-top:1px solid rgba(122,164,255,.14);display:flex;justify-content:space-between;gap:18px;font-family:var(--mono);font-size:.63rem;letter-spacing:.04em;color:#60789b}
.flow-legal-footer a{color:#7eabdf}
.scope-request-success{margin-top:18px;border-color:rgba(63,240,162,.28)!important;background:rgba(10,48,38,.36)!important;color:#bfeeda!important}
@media(max-width:680px){.flow-legal-footer{display:grid;gap:8px}}

/* Production EIR footer has brand + four link columns */
.site-footer .footer-grid{grid-template-columns:1.2fr repeat(4,.7fr)}
@media(max-width:1080px){.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer .footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.site-footer .footer-grid{grid-template-columns:1fr}.site-footer .footer-grid>div:first-child{grid-column:auto}}

/* Growth is the default recommendation; hover/focus temporarily transfers emphasis to the inspected EIR tier. */
.eir-package-grid:has(.eir-package-card:hover) .eir-package-card.featured:not(:hover),
.eir-package-grid:has(.eir-package-card:focus-within) .eir-package-card.featured:not(:focus-within){border-color:var(--line);background:linear-gradient(180deg,rgba(10,22,42,.72),rgba(5,12,24,.74));box-shadow:none}
.eir-package-card:focus-within{transform:translateY(-5px);border-color:rgba(76,149,255,.60);background:linear-gradient(180deg,rgba(18,104,255,.16),rgba(5,12,24,.82));box-shadow:0 24px 62px rgba(0,0,0,.34),0 0 40px rgba(18,104,255,.12)}

/* The extra top-level product link needs a slightly earlier compact-navigation handoff. */
@media (min-width:1081px) and (max-width:1180px){
  header .navlinks,header .signin,header .nav-actions .desktop-cta{display:none}
  header .menu{display:block}
}


/* Phase 1 cosmetic refinement — photographic depth, completed request state, tighter nav CTA */

/* The EIR product page now borrows the homepage's restrained photographic depth. */
.eir-photo-card{
  position:relative;
  overflow:hidden;
  padding:42px 46px;
  border:1px solid rgba(122,164,255,.18);
  border-radius:4px 28px 28px 28px;
  background:
    linear-gradient(112deg,rgba(4,10,21,.94) 0%,rgba(5,13,27,.88) 45%,rgba(5,12,24,.80) 100%);
  box-shadow:0 28px 90px rgba(0,0,0,.18);
}
.eir-photo-card:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.14;
  background:
    linear-gradient(90deg,rgba(2,6,14,.22) 0%,rgba(2,6,14,.52) 40%,rgba(2,6,14,.92) 78%),
    url('https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=1600&q=82') left center/58% 100% no-repeat;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.74) 38%,transparent 74%);
}
.eir-photo-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:radial-gradient(circle at 18% 50%,rgba(69,215,255,.07),transparent 34rem);
  z-index:0;
}
.eir-photo-card>*{position:relative;z-index:1}

/* A second, borderless atmospheric image keeps the long page from becoming flat. */
.eir-stakes-section{
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(3,7,15,.98) 0%,rgba(4,9,18,.88) 44%,rgba(4,9,18,.86) 100%);
}
.eir-stakes-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.115;
  background:
    linear-gradient(90deg,rgba(3,7,15,.96) 0%,rgba(3,7,15,.64) 44%,rgba(3,7,15,.30) 100%),
    url('https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1800&q=82') right center/58% 100% no-repeat;
  mask-image:linear-gradient(90deg,transparent 18%,#000 62%,#000 100%);
}
.eir-stakes-section .wrap{position:relative;z-index:1}
.eir-stakes-section .use-card{background:rgba(4,10,20,.72);backdrop-filter:blur(3px)}

/* Smaller product-header action than the primary homepage acquisition CTA. */
.site-header .nav-actions .eir-scope-nav{
  min-height:0;
  width:auto;
  padding:9px 16px;
  border-radius:10px;
  font-size:.78rem;
  line-height:1.1;
  box-shadow:0 8px 24px rgba(18,104,255,.15);
}

/* Scope request completion: transition from form to a clear post-submit state. */
.scope-complete .flow-intro,
.scope-complete .request-card{display:none!important}
.scope-complete .scope-success-shell{display:grid}
.scope-success-shell{
  display:none;
  min-height:calc(100vh - 190px);
  align-content:center;
  padding:42px 0 72px;
}
.scope-success-card{
  position:relative;
  overflow:hidden;
  width:min(860px,100%);
  margin:0 auto;
  padding:42px;
  border:1px solid rgba(63,240,162,.24);
  border-radius:28px 5px 28px 28px;
  background:
    radial-gradient(circle at 88% 12%,rgba(63,240,162,.08),transparent 18rem),
    radial-gradient(circle at 8% 88%,rgba(18,104,255,.13),transparent 24rem),
    linear-gradient(180deg,rgba(11,25,45,.93),rgba(5,12,24,.95));
  box-shadow:0 34px 110px rgba(0,0,0,.38),0 0 64px rgba(63,240,162,.045);
}
.scope-success-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:linear-gradient(rgba(122,164,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(122,164,255,.028) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,#000,transparent 78%);
}
.scope-success-card>*{position:relative;z-index:1}
.scope-success-signal{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:.61rem;letter-spacing:.13em;text-transform:uppercase;color:#67edb5;margin-bottom:18px}
.scope-success-signal i{width:8px;height:8px;border-radius:50%;background:#3ff0a2;box-shadow:0 0 0 6px rgba(63,240,162,.06),0 0 22px rgba(63,240,162,.58)}
.scope-success-card h1{font-size:clamp(2.8rem,5.6vw,5.2rem);max-width:10ch;line-height:.94;margin:0 0 18px}
.scope-success-card>.scope-success-copy{font-size:1.03rem;max-width:660px;color:#aab8cf;margin:0 0 30px}
.scope-success-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.scope-success-meta span{font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#8eb6e7;border:1px solid rgba(122,164,255,.18);border-radius:999px;padding:7px 10px;background:rgba(3,8,17,.52)}
.scope-success-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 30px}
.scope-success-step{padding:18px;border:1px solid rgba(122,164,255,.14);border-radius:15px;background:rgba(255,255,255,.018)}
.scope-success-step span{font-family:var(--mono);font-size:.55rem;letter-spacing:.11em;color:#6dafff}
.scope-success-step b{display:block;margin:10px 0 6px;font-size:.95rem;color:#eef5ff}
.scope-success-step p{font-size:.76rem;color:#7f90aa;line-height:1.5}
.scope-success-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}
.scope-success-actions .btn{width:auto}

@media(max-width:680px){
  .eir-photo-card{padding:27px 20px;border-radius:20px 4px 20px 20px}
  .eir-photo-card:after{opacity:.10;background-size:cover;mask-image:linear-gradient(90deg,#000 0%,transparent 84%)}
  .eir-stakes-section:before{opacity:.08;background-size:cover;mask-image:linear-gradient(90deg,transparent 0%,#000 48%,#000 100%)}
  .scope-success-shell{min-height:auto;padding:34px 0 54px}
  .scope-success-card{padding:27px 20px;border-radius:22px 4px 22px 22px}
  .scope-success-steps{grid-template-columns:1fr}
  .scope-success-actions{display:grid}
  .scope-success-actions .btn{width:100%}
}


/* Phase 1 refinement: wider success state, validation, protected report preview. */
.scope-success-card{width:min(1040px,100%)}
.scope-success-card h1{max-width:17ch;font-size:clamp(2.8rem,5vw,4.8rem)}
.request-validation{margin:0 0 14px;padding:13px 15px;border:1px solid rgba(255,85,114,.30);border-radius:12px;background:rgba(255,85,114,.055);color:#ffb0bd;font-size:.8rem;line-height:1.5}
.request-validation[hidden]{display:none}
.field.is-invalid input,.field.is-invalid textarea,.field.is-invalid select,.experience-row.is-invalid input{border-color:rgba(255,85,114,.72)!important;box-shadow:0 0 0 3px rgba(255,85,114,.07)!important}
.field.is-invalid label{color:#ffb0bd}
.experience-row.is-invalid{border-radius:12px;background:rgba(255,85,114,.025)}
.report-preview-protected{position:relative}
.preview-pill{color:#91c7ff;border-color:rgba(105,168,255,.26);background:rgba(18,104,255,.07)}
.preview-pill:before{background:#69a8ff;box-shadow:0 0 10px rgba(105,168,255,.45)}
.protected-finding{position:relative;overflow:hidden;border-style:dashed}
.protected-finding:after{content:"CLIENT-ONLY DETAIL";position:absolute;right:14px;bottom:10px;font-family:var(--mono);font-size:.5rem;letter-spacing:.1em;color:#536783}
.report-preview-actions{display:flex;justify-content:flex-end;margin-top:14px}
.report-preview-shell{max-width:1220px}
.preview-report-header{align-items:end}
.preview-cover .report-kpi b{font-size:1.25rem;letter-spacing:-.03em}
.preview-principles .finding{min-height:128px}
.preview-status{border-color:rgba(255,190,82,.28)!important;color:#ffd27d!important;background:rgba(255,190,82,.05)!important}
.protected-row{background:linear-gradient(90deg,rgba(18,104,255,.06),rgba(69,215,255,.025));border-left-color:#69a8ff!important}
.report-private-note{border-color:rgba(69,215,255,.18)}
@media(max-width:680px){.scope-success-card h1{max-width:12ch}.report-preview-actions{display:grid}.report-preview-actions .btn{width:100%}}

/* Phase 2: explicit escape back to the parent ReBrandMyAI environment. */
.navlinks .eir-return-main{margin-left:4px;padding-left:13px;border-left:1px solid rgba(122,164,255,.16);color:#85a3ca}
.navlinks .eir-return-main:hover{color:#fff;background:rgba(122,164,255,.06)}
.mobile-nav .eir-return-main{margin-top:8px;border-top:1px solid rgba(122,164,255,.14);padding-top:15px;color:#9cb8dc}
/* Phase 3 request reference shown after successful pre-payment submission. */
.scope-success-id{font-family:var(--mono);font-size:.58rem;letter-spacing:.11em;text-transform:uppercase;color:#66cfff;margin:-8px 0 14px}
