﻿/* Standalone methodology page. No selectors affect the home or other pages. */
.as-method-page .as-section{padding:80px 0}
.as-method-page .as-method-hero{padding:25px 0 64px;overflow:hidden}
.as-method-page .as-method-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:#a9b8d0}
.as-method-page .as-method-breadcrumb a:hover{color:var(--as-cyan)}
.as-method-page .as-method-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding-top:48px}
.as-method-page h1{font-size:clamp(42px,4.6vw,66px);line-height:1.12;letter-spacing:-2.3px;margin:0;font-weight:750}
.as-method-page .as-method-lead{font-size:clamp(22px,2.3vw,30px);line-height:1.45;letter-spacing:-.6px;font-weight:600;color:#edf3ff;margin-top:24px;max-width:550px}
.as-method-page .as-method-intro{font-size:14px;line-height:1.9;color:#a9b8d0;max-width:530px;margin-top:19px}
.as-method-page .as-method-hero .as-actions{margin-top:28px;gap:14px 25px}
.as-method-page .as-method-hero .as-text-link{font-size:12px;gap:12px}
.as-method-page .as-method-visual{margin:0;min-width:0;animation:as-method-arrive .7s ease both}
.as-method-page .as-method-visual img{width:100%;height:auto}
.as-method-page .as-method-approach{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.as-method-page .as-method-approach h2{max-width:500px}
.as-method-page .as-method-approach p:not(.as-kicker){font-size:14px;line-height:1.9;color:var(--as-muted)}
.as-method-page .as-method-approach p+p{margin-top:18px}
.as-method-page .as-method-approach p.as-method-body-lead{font-size:19px;line-height:1.75;color:var(--as-ink);letter-spacing:-.2px}
.as-method-page .as-method-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:50px}
.as-method-page .as-method-tab{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:13px 11px;padding:23px 6px 23px 0;border-top:1px solid #b7c7e4;color:#43536e;position:relative;transition:color .2s,border-color .2s}
.as-method-page .as-method-tab::before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#9aaecb;outline:5px solid var(--as-soft);transition:background .2s}
.as-method-page .as-method-step-number{grid-column:1/-1;font-size:11px;color:var(--as-muted)}
.as-method-page .as-method-tab>.as-icon{width:20px;height:20px;color:#6282b1}
.as-method-page .as-method-tab>span:not([class]){font-size:17px;font-weight:650;line-height:1.5;letter-spacing:-.3px}
.as-method-page .as-method-tab-arrow{font-size:16px;color:#6282b1}
.as-method-page .as-method-tab:hover,.as-method-page .as-method-tab[aria-selected=true]{color:var(--as-blue);border-top-color:var(--as-blue)}
.as-method-page .as-method-tab:hover::before,.as-method-page .as-method-tab[aria-selected=true]::before{background:var(--as-blue)}
.as-method-page .as-method-tab[aria-selected=true] .as-icon,.as-method-page .as-method-tab[aria-selected=true] .as-method-tab-arrow{color:var(--as-blue)}
.as-method-page .as-method-panels{background:#fff;border:1px solid var(--as-line);border-radius:8px;position:relative}
.as-method-page .as-method-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:34px 38px;scroll-margin-top:100px}
.as-method-page .as-method-panel+.as-method-panel:not([hidden]){border-top:1px solid var(--as-line)}
.as-method-page .as-method-panels[data-method-enhanced] .as-method-panel{border-top:0}
.as-method-page .as-method-panel h3{font-size:25px;letter-spacing:-.7px}
.as-method-page .as-method-panel>div>p:not(.as-kicker){font-size:14px;line-height:1.85;color:var(--as-muted);margin-top:13px;max-width:460px}
.as-method-page .as-method-deliverables{border-left:1px solid var(--as-line);padding-left:36px}
.as-method-page .as-method-deliverables h4{font-size:12px;font-weight:700;line-height:1.7}
.as-method-page .as-method-deliverables ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:11px}
.as-method-page .as-method-deliverables li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.65;color:#43536e}
.as-method-page .as-method-deliverables li>span{color:var(--as-blue);flex:none}
.as-method-page .as-method-contract-note{font-size:11px;color:var(--as-muted);line-height:1.8;margin-top:18px}
.as-method-page .as-method-measure{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none}
.as-method-page .as-principles{gap:45px;margin-top:0;padding-top:28px}
.as-method-page .as-principles b{font-size:21px;letter-spacing:-.4px}
.as-method-page .as-principles p{font-size:14px;line-height:1.85;max-width:300px;margin-top:12px}
.as-method-page .as-method-integration{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:center}
.as-method-page .as-method-integration h2{max-width:510px}
.as-method-page .as-method-integration p:not(.as-kicker){font-size:14px;line-height:1.9;color:#a9b8d0;margin-top:23px;max-width:500px}
.as-method-page .as-method-specialties{list-style:none;padding:0;margin:0;border-top:1px solid #314164}
.as-method-page .as-method-specialties a{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:19px 0;border-bottom:1px solid #314164;transition:color .2s;color:#edf3ff}
.as-method-page .as-method-specialties a>span:first-child{font-size:14px;font-weight:600;line-height:1.65}
.as-method-page .as-method-specialties small{font-size:11px;line-height:1.8;grid-column:1;color:#a9b8d0}
.as-method-page .as-method-specialties a>span:last-child{grid-row:1/3;grid-column:2;align-self:center;color:var(--as-cyan);transition:transform .2s}
.as-method-page .as-method-specialties a:hover{color:var(--as-cyan)}
.as-method-page .as-method-specialties a:hover>span:last-child{transform:translate(2px,-2px)}
.as-method-page .as-method-cta>.as-container{display:flex;justify-content:space-between;align-items:center;gap:60px}
.as-method-page .as-method-cta h2{font-size:clamp(32px,3.2vw,46px);line-height:1.25}
.as-method-page .as-method-cta p:not(.as-kicker){font-size:14px;line-height:1.85;color:var(--as-muted);margin-top:22px;max-width:560px}
.as-method-page .as-method-cta .as-button{flex:none}
.as-method-page .as-method-reveal[data-method-ready]{transition:opacity .45s ease,transform .45s ease}
.as-method-page .as-method-reveal[data-method-ready]:not(.as-method-visible){opacity:0;transform:translateY(8px)}
@keyframes as-method-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1150px){
  .as-method-page .as-method-hero-grid{gap:24px}
  .as-method-page .as-method-approach,.as-method-page .as-method-integration{gap:50px}
  .as-method-page .as-method-tab>span:not([class]){font-size:15px}
  .as-method-page .as-method-timeline{gap:20px}
  .as-method-page .as-method-panel{gap:40px;padding:30px}
}
@media(max-width:960px){
  .as-method-page .as-section{padding:65px 0}
  .as-method-page .as-method-hero-grid{grid-template-columns:1.1fr 1fr;gap:12px;padding-top:38px}
  .as-method-page h1{font-size:46px;letter-spacing:-1.7px}
  .as-method-page .as-method-lead{font-size:24px}
  .as-method-page .as-method-timeline{gap:15px}
  .as-method-page .as-method-tab{gap:12px 7px}
  .as-method-page .as-method-tab>span:not([class]){font-size:14px}
  .as-method-page .as-method-tab>.as-icon{width:17px;height:17px}
  .as-method-page .as-method-panel{padding:27px;gap:28px}
  .as-method-page .as-method-deliverables{padding-left:26px}
  .as-method-page .as-method-integration{gap:35px}
}
@media(max-width:700px){
  .as-method-page .as-section{padding:54px 0}
  .as-method-page .as-method-hero{padding-bottom:35px}
  .as-method-page .as-method-hero-grid{grid-template-columns:1fr;gap:26px;padding-top:30px}
  .as-method-page h1{font-size:43px;letter-spacing:-1.6px}
  .as-method-page .as-method-lead{font-size:23px}
  .as-method-page .as-method-visual{max-width:460px;width:100%;justify-self:center}
  .as-method-page .as-method-approach,.as-method-page .as-method-integration{grid-template-columns:1fr;gap:30px}
  .as-method-page .as-method-timeline{grid-template-columns:1fr;gap:0;margin-top:30px}
  .as-method-page .as-method-tab{grid-template-columns:25px 20px 1fr auto;grid-template-rows:auto;border-top:0;border-left:1px solid #b7c7e4;gap:12px;padding:17px 12px 17px 24px;margin-left:4px;min-height:64px}
  .as-method-page .as-method-tab::before{top:calc(50% - 3px);left:-4px}
  .as-method-page .as-method-step-number{grid-column:auto}
  .as-method-page .as-method-tab>span:not([class]){font-size:16px}
  .as-method-page .as-method-tab-arrow{transform:rotate(-90deg)}
  .as-method-page .as-method-tab[aria-selected=true]{border-left-color:var(--as-blue);background:#2449ec05}
  .as-method-page .as-method-panels{margin-top:25px}
  .as-method-page .as-method-panel{grid-template-columns:1fr;gap:24px;padding:24px}
  .as-method-page .as-method-panel h3{font-size:24px}
  .as-method-page .as-method-panel .as-kicker{margin-bottom:10px!important}
  .as-method-page .as-method-deliverables{border-left:0;border-top:1px solid var(--as-line);padding:22px 0 0}
  .as-method-page .as-principles{grid-template-columns:1fr;gap:26px}
  .as-method-page .as-principles p{max-width:none;margin-top:7px}
  .as-method-page .as-method-cta>.as-container{display:block}
  .as-method-page .as-method-cta .as-button{margin-top:28px}
}
@media(prefers-reduced-motion:reduce){
  .as-method-page .as-method-visual{animation:none}
  .as-method-page .as-method-tab,.as-method-page .as-method-tab::before,.as-method-page .as-method-specialties a,.as-method-page .as-method-specialties a>span:last-child,.as-method-page .as-method-reveal[data-method-ready]{transition:none}
  .as-method-page .as-method-specialties a:hover>span:last-child{transform:none}
  .as-method-page .as-method-reveal[data-method-ready]:not(.as-method-visible){opacity:1;transform:none}
}
