/* InovaEnginR: open editorial layouts for the public site only.
   Kept separate from the base styles and the client portal for easy rollback. */
:is(.home-page,.refined-page){--editorial-rule:#a5c8df30;--editorial-accent:#8edcf5}

/* One restrained primary action; discovery stays a typographic link. */
:is(.home-page,.refined-page) .button{
  border-radius:2px;box-shadow:none;min-height:52px;padding:16px 22px;
  font-weight:550;letter-spacing:-.015em;transition:background .2s,color .2s;
}
:is(.home-page,.refined-page) .button.primary{
  background:#b7e8f5;color:#061622;border:1px solid #b7e8f5;box-shadow:none;
}
:is(.home-page,.refined-page) .button.primary:hover{
  background:#d8f4fc;border-color:#d8f4fc;box-shadow:none;transform:none;
}
:is(.home-page,.refined-page) .button.primary span{
  color:inherit;border-left:1px solid #06162230;padding-left:18px;margin-left:5px;
}
.home-page .hero-actions .button{border-radius:2px;min-width:250px;min-height:58px;padding:16px 22px}
:is(.home-page,.refined-page) .text-link{
  text-decoration:underline;text-decoration-color:transparent;text-underline-offset:7px;
  text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s;
}
:is(.home-page,.refined-page) .text-link:hover{color:#d9f4ff;text-decoration-color:#8edcf5}
.home-page .hero-actions .text-link{border-bottom:0;text-decoration-color:#8edcf55e}

/* An open corner is the recurring mark, rather than another outlined box. */
:is(.home-page,.refined-page) :is(.section-index,.scenario-copy>.eyebrow,.page-intro>.eyebrow,.agency-story-heading>.eyebrow,.inner-cta .eyebrow)::before{
  content:"";display:inline-block;flex-shrink:0;width:12px;height:10px;
  border-left:1px solid var(--editorial-accent);border-top:1px solid var(--editorial-accent);
  transform:skewX(-16deg);margin-right:3px;
}

/* Four illustrated offers, presented as an agency portfolio. */
.home-page #expertises{padding-top:64px;padding-bottom:100px}
.home-page #expertises>.section-heading{margin-bottom:38px}
.home-page .scenario-grid{gap:90px 64px}
.home-page .expertise-offer,
.home-page .expertise-offer:hover,
.home-page .expertise-offer:focus-within{
  border:0;background:none;box-shadow:none;
}
.home-page .expertise-art{border:0;background:transparent}
.home-page .expertise-art .scenario-number{
  top:18px;left:20px;width:auto;height:auto;display:block;border:0;border-radius:0;
  background:none;backdrop-filter:none;color:#d3edf9;font-size:11px;letter-spacing:2px;
  text-shadow:0 1px 8px #000;
}
.home-page .expertise-offer .scenario-copy{padding:30px 0 0}
.home-page .expertise-offer .scenario-copy h2{font-size:clamp(29px,2.65vw,43px);margin:18px 0 23px;max-width:680px}
.home-page .expertise-offer .scenario-copy p{max-width:610px;font-size:15px;line-height:1.85}
.home-page .expertise-offer .scenario-copy .local-offer-note{
  border:0;border-radius:0;background:none;padding:0 0 0 19px;
  border-left:1px solid var(--editorial-rule);font-size:13px;line-height:1.8;margin:0 0 28px;
}
.home-page .expertise-offer .scenario-tags{
  border:0;padding-top:12px;font-size:10px;letter-spacing:.9px;color:#90adbf;
}
.home-page .expertise-offer .scenario-copy .text-link{
  border-top:1px solid var(--editorial-rule);padding-top:20px;margin-top:24px;
  color:#d1e9f7;font-size:14px;justify-content:space-between;
}
.home-page .expertise-offer .scenario-copy .text-link span{color:var(--editorial-accent);font-size:22px}

/* Expertise pages: clear sections, with no nested presentation cards. */
.refined-page .domain-nav{gap:6px 28px;padding-bottom:35px}
.refined-page .domain-nav a{
  border:0;border-bottom:1px solid var(--editorial-rule);border-radius:0;
  background:none;padding:12px 0;color:#b7cadd;
}
.refined-page .domain-nav a:hover{background:none;border-bottom-color:var(--editorial-accent);color:#eaf8ff}
.refined-page .offer-detail{padding-block:56px 70px;gap:72px}
.refined-page .offer-visual figure{border:0;border-radius:0;background:transparent}
.refined-page .delivery-box{
  border:0;border-top:1px solid var(--editorial-rule);border-radius:0;background:none;
  padding:23px 0 0;
}
.refined-page .local-ai-offer{
  border:0;border-left:1px solid var(--editorial-accent);border-radius:0;background:none;
  padding:5px 0 5px 32px;margin:0 0 65px;
}
.refined-page .inner-cta{
  border:0;border-top:1px solid var(--editorial-rule);border-radius:0;background:none;
  padding:48px 0;margin-top:30px;margin-bottom:32px;
}

/* The method is a numbered reading sequence, not three dashboard widgets. */
.refined-page .method-timeline{gap:42px}
.refined-page .method-timeline>li{padding:0 0 28px;background:none;border-bottom:0}
.refined-page .method-timeline>li::before{display:none}
.refined-page .step-node{
  display:block;width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;
  font-size:38px;font-weight:400;letter-spacing:-2px;color:#79a9c1;
  margin-bottom:28px;padding-top:18px;border-top:1px solid var(--editorial-rule);
}

/* Case studies keep their useful diagrams, with unframed editorial captions. */
.refined-page .usecase-grid{gap:70px 52px}
.refined-page .usecase-card{border:0;border-radius:0;background:none;overflow:visible}
.refined-page .case-visual{border-bottom:0;border-radius:0}
.refined-page .usecase-copy{padding:28px 0 0}
.refined-page .benefit-box{
  padding:0 0 0 18px;background:none;border-left:1px solid var(--editorial-rule);border-radius:0;
}
.refined-page .usecase-copy>.text-link{border-top:1px solid var(--editorial-rule);margin-top:28px;padding-top:20px}

/* Contact controls remain identifiable and keyboard accessible. */
.refined-page .contact-form-panel{border:0;border-left:1px solid var(--editorial-rule);border-radius:0;background:none;padding:0 0 0 38px}
.refined-page .wizard-progress button>span{border-radius:0;border:0;background:none;box-shadow:none;color:#78a8bf}
.refined-page .wizard-progress [aria-current="step"]>span{background:none;box-shadow:none;border-bottom:1px solid #8edcf5;color:#d9f6ff}
.refined-page .project-form .need-choice{
  border:0;border-bottom:1px solid var(--editorial-rule);border-radius:0;background:none;
  padding:17px 8px 17px 0;
}
.refined-page .project-form .need-choice:hover{background:#81c9ef06;border-bottom-color:#8edcf5}
.refined-page .project-form .need-choice:has(input:checked){background:#81c9ef0b;border-bottom-color:#8edcf5}
.refined-page :is(input,select,textarea){border-radius:2px;box-shadow:none}
.refined-page .adaptive-group{border:0;border-top:1px solid var(--editorial-rule);border-radius:0;background:none;padding:20px 0 0}
.refined-page .brief-summary>section{border:0;border-top:1px solid var(--editorial-rule);border-radius:0;background:none;padding:20px 0}
.refined-page :is(.context-note,.contact-result,#brief-result){border-radius:2px;box-shadow:none}
:is(.home-page,.refined-page) dialog{border-radius:2px;border-color:var(--editorial-rule)}

@media(max-width:1050px){
  .home-page .scenario-grid{gap:65px 36px}
  .refined-page .offer-detail{gap:35px}
  .refined-page .method-timeline{gap:26px}
  .refined-page .usecase-grid{gap:55px 30px}
  .refined-page .contact-form-panel{padding-left:26px}
}
@media(max-width:760px){
  .refined-page .offer-detail{gap:30px;padding-block:36px 48px}
  .refined-page .local-ai-offer{padding-left:20px;margin-bottom:42px}
  .refined-page .inner-cta{padding-block:32px}
  .refined-page .method-timeline{gap:32px}
  .refined-page .method-timeline>li{padding:0 0 15px;border:0;border-radius:0;background:none}
  .refined-page .step-node{position:static;margin-bottom:20px;font-size:32px}
  .refined-page .usecase-grid{gap:55px}
  .refined-page .contact-form-panel{border-left:0;padding:0}
  .refined-page .wizard-progress{padding-top:15px;border-top:1px solid var(--editorial-rule)}
}
@media(max-width:700px){
  .home-page #expertises{padding-block:38px 65px}
  .home-page #expertises>.section-heading{margin-bottom:27px}
  .home-page .scenario-grid{gap:56px}
  .home-page .expertise-offer .scenario-copy{padding:23px 0 0}
  .home-page .expertise-offer .scenario-copy h2{font-size:30px;margin-block:15px 20px}
  .home-page .expertise-offer .scenario-copy p{font-size:14px}
  .home-page .expertise-offer .scenario-copy .local-offer-note{font-size:13px;padding-left:15px}
  .home-page .expertise-art .scenario-number{top:12px;left:13px;font-size:10px}
  .home-page .expertise-offer .scenario-tags{font-size:9px;letter-spacing:.5px}
  .home-page .expertise-offer .scenario-copy .text-link{margin-top:19px;padding-top:17px}
}
