/* ==========================================================================
   SEO Agentur Page
   ========================================================================== */

.page-seo-agentur{
  --sa-brand-rgb:var(--brand-rgb);
  --sa-indigo-rgb:142,156,255;
  --sa-green-rgb:var(--brand-green-rgb);
  --sa-warm-rgb:196,145,76;
  --sa-border:rgba(255,255,255,.095);
  --sa-border-strong:rgba(255,255,255,.15);
  --sa-panel:rgba(14,18,28,.62);
  --sa-panel-strong:rgba(16,21,32,.8);
  --sa-radius-xl:30px;
  --sa-radius-lg:24px;
  --sa-radius-md:18px;
  isolation:isolate;
}

.sa-main{
  position:relative;
}

.sa-main::before{
  content:none;
}

.sa-main [id]{
  scroll-margin-top:7rem;
}

.sa-shell{
  position:relative;
}

.sa-main .ui-icon-box svg{
  width:1.18rem;
  height:1.18rem;
  stroke:currentColor;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.sa-main h1,
.sa-main h2,
.sa-main .ui-panel__title,
.sa-main .sa-card__title,
.sa-main .sa-linkitem__title,
.sa-main .sa-check__title,
.sa-main .sa-step-card__title,
.sa-main .sa-action-strip__title,
.sa-main .sa-cta__side-title{
  text-wrap:balance;
}

.sa-hero{
  position:relative;
  padding-top:var(--page-breadcrumb-top-space);
}

.sa-hero::before{
  content:none;
}

.sa-breadcrumbs{
  margin-bottom:var(--page-breadcrumb-bottom-space);
}

.sa-breadcrumbs__list{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:var(--page-breadcrumb-list-gap);
  align-items:center;
  color:var(--fg-muted);
  font-size:.92rem;
}

.sa-breadcrumbs__item{
  display:inline-flex;
  align-items:center;
  gap:var(--page-breadcrumb-list-gap);
}

.sa-breadcrumbs__item + .sa-breadcrumbs__item::before{
  content:"/";
  color:rgba(255,255,255,.22);
}

.sa-breadcrumbs a{
  text-decoration:none;
  transition:color var(--transition-fast);
}

.sa-breadcrumbs a:hover{
  color:#fff;
}

.sa-hero__grid{
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(20rem, .92fr);
  gap:clamp(1.5rem, 3.5vw, 3rem);
  align-items:start;
}

.sa-hero__copy{
  min-width:0;
  max-width:43rem;
}

.sa-hero__copy h1,
.sa-hero__title{
  max-width:min(100%, 23ch);
  margin-top:.7rem;
  margin-bottom:.9rem;
  font-size:var(--page-h1-size);
  line-height:var(--page-heading-line-height);
  letter-spacing:-.032em;
}

.sa-hero__title.ui-line-accent{
  --line-width:min(14rem, 55%);
  --line-gap:.66rem;
  --line-height:4px;
  --line-bg:linear-gradient(90deg, rgba(var(--sa-brand-rgb), .94), rgba(var(--sa-indigo-rgb), .72));
}

.sa-hero__lead{
  max-width:38rem;
}

.sa-hero__body{
  max-width:39rem;
  margin-top:.9rem;
}

.sa-hero__points{
  margin-top:1.05rem;
  display:grid;
  gap:.62rem;
  max-width:36rem;
}

.sa-hero__point{
  color:rgba(248,251,255,.88);
}

.sa-hero__cta{
  margin-top:1.3rem;
}

.sa-hero__panel{
  position:relative;
  width:100%;
  max-width:36rem;
  justify-self:end;
  align-self:start;
  --panel-border:rgba(255,255,255,.15);
  --panel-bg:
    radial-gradient(24rem 14rem at 88% 10%, rgba(var(--sa-indigo-rgb), .045), transparent 58%),
    linear-gradient(180deg, rgba(18,23,35,.86), rgba(13,18,29,.92));
  --panel-shadow:0 26px 66px rgba(0,0,0,.24);
  overflow:hidden;
}

.sa-hero__panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  z-index:1;
  height:3px;
  background:linear-gradient(90deg, rgba(var(--sa-brand-rgb), .86), rgba(var(--sa-indigo-rgb), .68), rgba(var(--sa-warm-rgb), .34), transparent 86%);
  pointer-events:none;
}

.sa-rank-preview{
  padding:clamp(.95rem, 1.6vw, 1.15rem);
}

.sa-rank-window{
  position:relative;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.13);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.022)),
    rgba(10,14,23,.52);
  overflow:hidden;
  box-shadow:0 22px 52px rgba(0,0,0,.23);
}

.sa-rank-window__bar{
  display:flex;
  align-items:center;
  gap:.42rem;
  min-height:2.7rem;
  padding:.78rem .92rem .68rem;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(90deg, rgba(var(--sa-brand-rgb), .065), rgba(var(--sa-indigo-rgb), .04), transparent 72%),
    rgba(255,255,255,.032);
}

.sa-rank-window__bar span{
  width:.62rem;
  height:.62rem;
  border-radius:999px;
  background:rgba(248,251,255,.32);
}

.sa-rank-window__bar span:nth-child(1){
  background:rgba(var(--sa-brand-rgb), .72);
}

.sa-rank-window__bar span:nth-child(2){
  background:rgba(var(--sa-indigo-rgb), .7);
}

.sa-rank-window__bar span:nth-child(3){
  background:rgba(var(--sa-warm-rgb), .58);
}

.sa-rank-window__screen{
  position:relative;
  min-height:24rem;
  padding:clamp(1rem, 2vw, 1.36rem);
  background:
    linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.016) 1px, transparent 1px),
    radial-gradient(circle at 16% 16%, rgba(var(--sa-brand-rgb), .075), transparent 34%),
    radial-gradient(circle at 82% 20%, rgba(var(--sa-indigo-rgb), .065), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.025), rgba(255,255,255,.010));
  background-size:32px 32px, 32px 32px, auto, auto, auto;
  overflow:hidden;
}

.sa-rank-window__screen::before{
  content:"";
  position:absolute;
  left:1.45rem;
  right:1.45rem;
  top:7.05rem;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(var(--sa-brand-rgb), .32), rgba(var(--sa-indigo-rgb), .2), transparent);
  pointer-events:none;
}

.sa-rank-search{
  position:relative;
  display:grid;
  gap:.42rem;
  padding:.94rem 1rem 1rem;
  border-radius:18px;
  border:1px solid rgba(var(--sa-brand-rgb), .18);
  background:
    radial-gradient(circle at 88% 20%, rgba(var(--sa-brand-rgb), .075), transparent 38%),
    rgba(11,16,26,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 14px 34px rgba(0,0,0,.16);
  overflow:hidden;
}

.sa-rank-search::after{
  content:"";
  position:absolute;
  right:1rem;
  bottom:1rem;
  width:4.8rem;
  height:.42rem;
  border-radius:999px;
  background:
    linear-gradient(90deg, rgba(var(--sa-brand-rgb), .72) 0 44%, rgba(var(--sa-indigo-rgb), .46) 44% 72%, rgba(255,255,255,.14) 72% 100%);
  opacity:.72;
}

.sa-rank-search__label{
  display:inline-flex;
  align-items:center;
  gap:.42rem;
  color:rgba(248,251,255,.76);
  font-size:.72rem;
  font-weight:820;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.sa-rank-search__label svg{
  width:.98rem;
  height:.98rem;
  color:rgba(var(--sa-brand-rgb), .92);
}

.sa-rank-search strong{
  color:#fff;
  font-size:clamp(1.06rem, 1.1vw, 1.28rem);
  line-height:1.12;
  letter-spacing:-.014em;
}

.sa-rank-results{
  position:relative;
  display:grid;
  gap:.68rem;
  margin-top:1.05rem;
}

.sa-rank-result{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:.78rem;
  align-items:start;
  padding:.9rem .95rem;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.11);
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    rgba(10,14,23,.44);
  box-shadow:0 15px 34px rgba(0,0,0,.14);
  overflow:hidden;
  transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);
}

.sa-rank-result::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:rgba(255,255,255,.11);
  pointer-events:none;
}

.sa-rank-result:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--sa-brand-rgb), .18);
  background:
    linear-gradient(180deg, rgba(var(--sa-brand-rgb), .045), rgba(255,255,255,.02)),
    rgba(10,14,23,.50);
  box-shadow:0 19px 42px rgba(0,0,0,.17);
}

.sa-rank-position{
  display:inline-flex;
  width:fit-content;
  min-height:1.8rem;
  align-items:center;
  padding:.28rem .56rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.055);
  color:rgba(248,251,255,.84);
  font-size:.72rem;
  font-weight:850;
  line-height:1.1;
}

.sa-rank-result__copy{
  min-width:0;
}

.sa-rank-result strong{
  color:rgba(255,255,255,.96);
  font-size:1.05rem;
  line-height:1.16;
}

.sa-rank-result p{
  margin:.18rem 0 0;
  color:rgba(248,251,255,.80);
  font-size:.92rem;
  line-height:1.48;
}

.sa-rank-url{
  color:rgba(154,218,255,.92) !important;
  font-size:.8rem !important;
  font-weight:780;
  line-height:1.25 !important;
}

.sa-rank-result--top{
  border-color:rgba(var(--sa-brand-rgb), .28);
  background:
    linear-gradient(180deg, rgba(var(--sa-brand-rgb), .075), rgba(255,255,255,.022)),
    rgba(10,15,25,.64);
  box-shadow:inset 3px 0 0 rgba(var(--sa-brand-rgb), .40), 0 20px 46px rgba(0,0,0,.18);
}

.sa-rank-result--top::before{
  background:linear-gradient(180deg, rgba(var(--sa-brand-rgb), .86), rgba(var(--sa-indigo-rgb), .42));
}

.sa-rank-result--top .sa-rank-position{
  border-color:rgba(var(--sa-brand-rgb), .34);
  color:rgba(248,251,255,.92);
  background:rgba(var(--sa-brand-rgb), .15);
}

.sa-hero__panel .ui-panel__top{
  padding:1.22rem 1.22rem .95rem;
}

.sa-hero__panel .ui-panel__title{
  margin-top:.75rem;
  font-size:1.34rem;
}

.sa-hero__panel .ui-panel__text{
  margin-top:.5rem;
}

.sa-hero__panel .ui-panel__bottom{
  padding:1rem 1.22rem 1.18rem;
  background:rgba(255,255,255,.018);
}

.sa-checklist{
  display:grid;
  gap:.74rem;
}

.sa-check{
  --sa-check-rgb:var(--sa-brand-rgb);
  display:flex;
  gap:.82rem;
  align-items:flex-start;
  padding:.98rem 1rem;
  border-radius:18px;
  border:1px solid var(--sa-border);
  background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(15,20,31,.52));
  box-shadow:inset 3px 0 0 rgba(var(--sa-check-rgb), .22), 0 12px 28px rgba(0,0,0,.11);
  transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);
}

.sa-check:nth-child(2){
  --sa-check-rgb:var(--sa-indigo-rgb);
}

.sa-check:nth-child(3){
  --sa-check-rgb:var(--sa-warm-rgb);
}

.sa-check:nth-child(4){
  --sa-check-rgb:var(--sa-brand-rgb);
}

.sa-check:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--sa-check-rgb), .2);
  background:linear-gradient(180deg, rgba(255,255,255,.044), rgba(15,20,31,.58));
  box-shadow:inset 3px 0 0 rgba(var(--sa-check-rgb), .28), 0 18px 38px rgba(0,0,0,.14);
}

.sa-check__icon,
.sa-card .ui-icon-box,
.sa-linkitem .ui-icon-box{
  width:2.5rem;
  height:2.5rem;
  border-radius:16px;
  flex:0 0 auto;
}

.sa-check__title,
.sa-linkitem__title,
.sa-action-strip__title,
.sa-step-card__title,
.sa-cta__side-title{
  font-weight:920;
  line-height:1.18;
  letter-spacing:-.015em;
  color:#fff;
}

.sa-trustbar{
  margin-top:1.3rem;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
  padding:1rem 1.05rem;
  border-color:var(--sa-border);
  background:linear-gradient(180deg, rgba(255,255,255,.034), rgba(15,20,31,.5));
  box-shadow:0 18px 40px rgba(0,0,0,.14);
}

.sa-trustbar__item{
  display:flex;
  gap:.68rem;
  align-items:flex-start;
  color:rgba(248,251,255,.86);
  font-size:.95rem;
  line-height:1.52;
}

.sa-trustbar__dot{
  width:.56rem;
  height:.56rem;
  margin-top:.42rem;
  border-radius:50%;
  background:rgba(var(--brand-rgb), .96);
  box-shadow:0 0 0 4px rgba(var(--brand-rgb), .12);
  flex:0 0 auto;
}

.sa-selection__panel{
  --panel-border:rgba(255,255,255,.13);
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.046), rgba(13,18,29,.86));
  --panel-shadow:0 24px 64px rgba(0,0,0,.2);
  padding:clamp(1.35rem, 3vw, 2.15rem);
  border-radius:var(--sa-radius-xl);
  overflow:hidden;
}

.sa-selection__grid{
  display:grid;
  grid-template-columns:minmax(0, .82fr) minmax(0, 1.18fr);
  gap:clamp(1.15rem, 3.2vw, 2.25rem);
  align-items:start;
}

.sa-selection__copy{
  max-width:34rem;
}

.sa-selection__copy h2{
  max-width:24ch;
}

.sa-selection__copy .ui-copy-body{
  margin-top:.85rem;
  max-width:34rem;
}

.sa-selection__cards{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.82rem;
  align-self:center;
}

.sa-selection__card{
  min-height:100%;
}

.sa-selection__flow{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:.82rem;
  margin-top:.35rem;
}

.sa-selection__flow span{
  display:flex;
  align-items:center;
  gap:.62rem;
  min-height:3.35rem;
  padding:.8rem .92rem;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.028);
  color:rgba(248,251,255,.82);
  font-size:.9rem;
  font-weight:760;
  line-height:1.3;
}

.sa-selection__flow strong{
  color:rgba(var(--sa-brand-rgb), .92);
  font-size:.82rem;
  letter-spacing:.05em;
}

.sa-section-head{
  max-width:46rem;
  margin-bottom:1.55rem;
}

.sa-section-head .ui-line-accent,
.sa-cta__copy .ui-line-accent{
  --line-width:min(13rem, 52%);
  --line-gap:.58rem;
  --line-height:4px;
  --line-bg:linear-gradient(90deg, rgba(var(--sa-brand-rgb), .9), rgba(var(--sa-indigo-rgb), .72));
}

.sa-section-head--center{
  margin-inline:auto;
  text-align:center;
  --eyebrow-margin-inline:auto;
}

.sa-section-head--center .sa-section-pill{
  margin-inline:auto;
}

.sa-compare-grid,
.sa-context-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
  align-items:stretch;
}

.sa-compare-panel,
.sa-linkpanel{
  height:100%;
  transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);
}

.sa-compare-panel{
  --compare-accent-rgb:var(--sa-brand-rgb);
  --compare-top-bg:rgba(255,255,255,.018);
  --compare-line:linear-gradient(90deg, rgba(var(--compare-accent-rgb), .5), rgba(var(--compare-accent-rgb), .12), transparent 76%);
  position:relative;
  border-color:rgba(var(--compare-accent-rgb), .12);
  overflow:hidden;
}

.sa-compare-panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:var(--compare-line);
}

.sa-compare-panel .ui-panel__top{
  background:var(--compare-top-bg);
}

.sa-compare-panel .ui-panel__title{
  color:#fff;
}

.sa-compare-panel--problem{
  --compare-accent-rgb:var(--sa-warm-rgb);
  --compare-top-bg:linear-gradient(180deg, rgba(var(--sa-warm-rgb), .07), rgba(255,255,255,.012));
}

.sa-compare-panel--solution{
  --compare-accent-rgb:var(--sa-indigo-rgb);
  --compare-top-bg:linear-gradient(180deg, rgba(var(--sa-indigo-rgb), .08), rgba(255,255,255,.012));
}

.sa-compare-panel--problem .sa-feature-icon{
  color:rgba(var(--sa-warm-rgb), .94);
  border-color:rgba(var(--sa-warm-rgb), .18);
}

.sa-compare-panel--solution .sa-feature-icon{
  color:rgba(var(--sa-indigo-rgb), .96);
  border-color:rgba(var(--sa-indigo-rgb), .22);
}

.sa-compare-panel:hover,
.sa-linkpanel:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.15);
  box-shadow:var(--shadow-panel-strong);
}

.sa-feature-stack,
.sa-linklist{
  display:grid;
  gap:.78rem;
}

.sa-feature-row{
  padding:.94rem 1rem;
  border-radius:18px;
  transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);
}

.sa-feature-row:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.15);
  background:linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.024));
  box-shadow:0 16px 34px rgba(0,0,0,.14);
}

.sa-feature-row--muted{
  --feature-bg:rgba(255,255,255,.028);
  --feature-border:rgba(255,255,255,.09);
  --feature-shadow:0 14px 30px rgba(0,0,0,.12);
}

.sa-feature-row--strong{
  --feature-bg:linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.02));
  --feature-border:rgba(var(--sa-brand-rgb), .14);
  --feature-shadow:0 14px 30px rgba(0,0,0,.12);
}

.sa-feature-icon{
  color:rgba(198,208,223,.94);
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.10);
}

.sa-feature-icon--success{
  color:rgba(var(--sa-indigo-rgb), .98);
  background:rgba(255,255,255,.045);
  border-color:rgba(var(--sa-indigo-rgb), .22);
}

.sa-service-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
  align-items:stretch;
}

.sa-card{
  --card-line:linear-gradient(90deg, rgba(var(--sa-brand-rgb), .62), rgba(var(--sa-indigo-rgb), .18), transparent 78%);
  position:relative;
  display:flex;
  flex-direction:column;
  gap:.82rem;
  min-width:0;
  min-height:100%;
  padding:1.16rem 1.12rem 1.08rem;
  border-radius:var(--sa-radius-lg);
  border:1px solid var(--sa-border);
  background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(15,20,31,.54));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 14px 34px rgba(0,0,0,.1);
  overflow:hidden;
  transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);
}

.sa-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.047), rgba(15,20,31,.6));
  box-shadow:0 18px 40px rgba(0,0,0,.14);
}

.sa-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:var(--card-line);
}

.sa-card--brand{
  --card-line:linear-gradient(90deg, rgba(var(--sa-brand-rgb), .62), rgba(var(--sa-brand-rgb), .16), transparent 78%);
}

.sa-card--indigo{
  --card-line:linear-gradient(90deg, rgba(var(--sa-indigo-rgb), .62), rgba(var(--sa-indigo-rgb), .16), transparent 78%);
}

.sa-card--green{
  --card-line:linear-gradient(90deg, rgba(var(--sa-green-rgb), .46), rgba(var(--sa-green-rgb), .12), transparent 78%);
}

.sa-card--mix{
  --card-line:linear-gradient(90deg, rgba(var(--sa-brand-rgb), .58), rgba(var(--sa-indigo-rgb), .2), rgba(var(--sa-warm-rgb), .18), transparent 82%);
}

.sa-card__title{
  font-weight:930;
  letter-spacing:-.018em;
  line-height:1.17;
  color:#fff;
}

.sa-card__link{
  margin-top:auto;
}

.sa-accent--brand .ui-icon-box,
.sa-card--brand .ui-icon-box,
.sa-check:nth-child(1) .ui-icon-box,
.sa-check:nth-child(4) .ui-icon-box{
  color:rgba(196,235,255,.98);
  background:rgba(255,255,255,.045);
  border-color:rgba(var(--sa-brand-rgb), .22);
  box-shadow:0 14px 28px rgba(var(--sa-brand-rgb), .1);
}

.sa-accent--indigo .ui-icon-box,
.sa-card--indigo .ui-icon-box,
.sa-check:nth-child(2) .ui-icon-box{
  color:rgba(var(--sa-indigo-rgb), .98);
  background:rgba(255,255,255,.045);
  border-color:rgba(var(--sa-indigo-rgb), .22);
  box-shadow:0 14px 28px rgba(var(--sa-indigo-rgb), .1);
}

.sa-accent--green .ui-icon-box,
.sa-card--green .ui-icon-box,
.sa-check:nth-child(3) .ui-icon-box{
  color:rgba(209,255,224,.98);
  background:rgba(255,255,255,.045);
  border-color:rgba(var(--sa-green-rgb), .18);
  box-shadow:0 14px 28px rgba(var(--sa-green-rgb), .08);
}

.sa-accent--mix .ui-icon-box,
.sa-card--mix .ui-icon-box{
  color:#fff;
  background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  border-color:rgba(255,255,255,.16);
  box-shadow:0 14px 28px rgba(0,0,0,.14);
}

.sa-step-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1rem;
  align-items:stretch;
}

.sa-step-card{
  --sa-step-rgb:var(--sa-brand-rgb);
  position:relative;
  display:flex;
  flex-direction:column;
  gap:.82rem;
  min-width:0;
  min-height:100%;
  padding:1.1rem 1.05rem 1.02rem;
  border-radius:var(--sa-radius-lg);
  border:1px solid var(--sa-border);
  background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(15,20,31,.54));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 14px 34px rgba(0,0,0,.1);
  overflow:hidden;
  transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);
}

.sa-step-card:nth-child(2){
  --sa-step-rgb:var(--sa-indigo-rgb);
}

.sa-step-card:nth-child(3){
  --sa-step-rgb:var(--sa-warm-rgb);
}

.sa-step-card:nth-child(4){
  --sa-step-rgb:var(--sa-green-rgb);
}

.sa-step-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg, rgba(var(--sa-step-rgb), .56), rgba(var(--sa-step-rgb), .14), transparent 76%);
}

.sa-step-card:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--sa-step-rgb), .2);
  background:linear-gradient(180deg, rgba(255,255,255,.047), rgba(15,20,31,.6));
  box-shadow:0 18px 40px rgba(0,0,0,.14);
}

.sa-step-card__top{
  display:grid;
  gap:.82rem;
}

.sa-step-card__number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:999px;
  border:1px solid rgba(var(--sa-step-rgb), .22);
  background:rgba(255,255,255,.05);
  box-shadow:0 12px 24px rgba(0,0,0,.12);
  color:rgba(var(--sa-step-rgb), .96);
  font-size:.92rem;
  font-weight:920;
  letter-spacing:.03em;
}

.sa-action-strip{
  margin-top:1rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1.02rem 1.06rem;
  border-color:var(--sa-border);
  background:linear-gradient(180deg, rgba(255,255,255,.034), rgba(15,20,31,.52));
  box-shadow:0 16px 34px rgba(0,0,0,.14);
}

.sa-linkitem{
  --sa-link-rgb:var(--sa-brand-rgb);
  display:flex;
  gap:.82rem;
  align-items:flex-start;
  padding:.92rem .96rem;
  border-radius:18px;
  border:1px solid var(--sa-border);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(15,20,31,.5));
  box-shadow:inset 3px 0 0 rgba(var(--sa-link-rgb), .18);
  text-decoration:none;
  transition:
    transform var(--transition-fast),
    border-color var(--transition-base),
    background var(--transition-base),
    box-shadow var(--transition-base);
}

.sa-linkitem.sa-accent--indigo{
  --sa-link-rgb:var(--sa-indigo-rgb);
}

.sa-linkitem.sa-accent--green{
  --sa-link-rgb:var(--sa-green-rgb);
}

.sa-linkitem.sa-accent--mix{
  --sa-link-rgb:var(--sa-warm-rgb);
}

.sa-linkitem:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--sa-link-rgb), .2);
  background:linear-gradient(180deg, rgba(255,255,255,.044), rgba(15,20,31,.58));
  box-shadow:0 18px 36px rgba(0,0,0,.16);
}

.sa-linkitem__title{
  display:block;
}

.sa-linkitem__text{
  display:block;
  margin-top:.22rem;
  color:var(--fg-subtle);
  font-size:.93rem;
  line-height:1.52;
}

.sa-faq-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}

.sa-faq-card{
  overflow:hidden;
  border-color:var(--sa-border);
  background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(15,20,31,.54));
  box-shadow:var(--shadow-card);
  transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);
}

.sa-faq-card:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--sa-indigo-rgb), .2);
  background:linear-gradient(180deg, rgba(255,255,255,.047), rgba(15,20,31,.6));
  box-shadow:0 18px 40px rgba(0,0,0,.14);
}

.sa-faq-card summary{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.08rem;
  cursor:pointer;
  font-weight:890;
  line-height:1.32;
  color:#fff;
}

.sa-faq-card summary::after{
  content:"+";
  flex:0 0 auto;
  color:rgba(255,255,255,.72);
  font-size:1.2rem;
  line-height:1;
  transform:translateY(.02rem);
}

.sa-faq-card[open] summary::after{
  content:"−";
}

.sa-faq-card__answer{
  padding:0 1.08rem 1rem;
}

.sa-cta__panel{
  position:relative;
  padding:clamp(1.2rem, 3vw, 2.15rem);
  --panel-border:rgba(255,255,255,.14);
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.05), rgba(13,18,29,.88));
  --panel-shadow:0 26px 68px rgba(0,0,0,.22);
  overflow:hidden;
}

.sa-cta__panel::before{
  content:none;
}

.sa-cta__panel > *{
  position:relative;
}

.sa-cta__grid{
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(18rem, .95fr);
  gap:clamp(1rem, 2.8vw, 2rem);
  align-items:center;
}

.sa-cta__copy h2,
.sa-cta__title{
  max-width:23ch;
  margin-top:.72rem;
  margin-bottom:1rem;
}

.sa-cta__lead{
  max-width:44rem;
  margin-top:0;
}

.sa-cta__side-card{
  display:grid;
  gap:1rem;
  padding:1rem 1rem 1.04rem;
  border-radius:26px;
  border:1px solid var(--sa-border-strong);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.022));
  box-shadow:0 22px 54px rgba(0,0,0,.2);
  transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);
}

.sa-cta__side-card:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--sa-brand-rgb), .2);
  background:linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.03));
  box-shadow:0 26px 62px rgba(0,0,0,.22);
}

.sa-cta__side{
  display:flex;
  align-items:center;
  align-self:center;
}

.sa-cta__side-card--info{
  gap:1.08rem;
  padding:1.12rem 1.12rem 1.16rem;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.022));
  border-color:var(--sa-border-strong);
}

.sa-cta__side-head{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  align-items:start;
  gap:.78rem;
}

.sa-cta__side-copy strong{
  display:block;
  margin-bottom:.18rem;
  font-size:1.02rem;
  line-height:1.28;
  letter-spacing:-.01em;
  color:#fff;
}

.sa-cta__side-copy p{
  margin:0;
  color:rgba(248,251,255,.74);
  line-height:1.55;
}

.sa-cta__feature-list{
  display:grid;
  gap:.64rem;
}

.sa-cta__feature-item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.72rem;
  align-items:flex-start;
  padding:.72rem .78rem;
  border-radius:16px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(248,251,255,.88);
  transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);
}

.sa-cta__feature-item:hover{
  transform:translateY(-1px);
  border-color:rgba(var(--sa-indigo-rgb), .18);
  background:rgba(255,255,255,.048);
}

.sa-cta__dot{
  width:.55rem;
  height:.55rem;
  margin-top:.42rem;
  border-radius:50%;
  background:rgba(var(--brand-rgb), .98);
  box-shadow:0 0 0 4px rgba(var(--brand-rgb), .12);
  flex:0 0 auto;
}

.sa-cta__actions{
  margin-top:1.25rem;
  justify-content:flex-start;
}

@media (max-width: 74rem){
  .sa-service-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .sa-step-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .sa-trustbar{
    grid-template-columns:1fr;
    gap:.8rem;
  }
}

@media (max-width: 62rem){
  .sa-main [id]{
    scroll-margin-top:6rem;
  }

  .sa-hero{
    padding-top:var(--page-breadcrumb-top-space);
  }

  .sa-hero__grid,
  .sa-compare-grid,
  .sa-context-grid,
  .sa-selection__grid,
  .sa-cta__grid{
    grid-template-columns:1fr;
  }

  .sa-hero__panel{
    max-width:none;
    justify-self:stretch;
  }

  .sa-hero__copy h1{
    max-width:min(100%, var(--page-h1-max-width));
    font-size:var(--page-h1-size);
  }

  .sa-cta__copy h2{
    max-width:100%;
  }
}

@media (max-width: 48rem){
  .sa-hero__copy h1{
    max-width:min(100%, var(--page-h1-max-width));
    font-size:var(--page-h1-size);
  }

  .sa-service-grid,
  .sa-step-grid,
  .sa-selection__cards,
  .sa-selection__flow,
  .sa-faq-grid{
    grid-template-columns:1fr;
  }

  .sa-rank-result{
    grid-template-columns:1fr;
    gap:.55rem;
  }

  .sa-rank-window__screen{
    min-height:auto;
  }

  .sa-action-strip{
    flex-direction:column;
    align-items:flex-start;
  }

  .sa-action-strip .buttonmain,
  .sa-cta__actions .buttonmain,
  .sa-cta__actions .buttonmainsecond{
    width:100%;
  }
}

@media (max-width: 36rem){
  .sa-breadcrumbs__list{
    gap:.4rem;
    font-size:.88rem;
  }

  .sa-hero__points{
    gap:.56rem;
  }

  .sa-check,
  .sa-linkitem,
  .sa-feature-row,
  .sa-step-card,
  .sa-card,
  .sa-cta__feature-item,
  .sa-cta__side-card{
    padding:.9rem .92rem;
  }

  .sa-faq-card summary{
    padding:.92rem .96rem;
  }

  .sa-faq-card__answer{
    padding:0 .96rem .92rem;
  }

  .sa-cta__panel{
    padding:1.08rem 1rem 1.12rem;
  }
}