/* SP & SP Services (spandsp.com) · home.css · the home page's own blocks (loaded by index.html only, after main.css).
   Split out of main.css in stage 2 (Redesign 2026): every rule here matches only markup that exists on the home page,
   so the inner pages do not download it. Same tokens, same order as in main.css. */

/* ---------- 02 · Themes ---------- */
.t-teal{color-scheme:light;
  --bg:var(--ss-teal-50); --surface:#FFFFFF; --surface-2:#FFFFFF;
  --text:var(--ss-ink); --heading:var(--ss-navy); --muted:var(--ss-slate);
  --line:var(--ss-line); --line-strong:var(--ss-line-strong); --rule:var(--ss-marigold);
  --accent:var(--ss-navy); --eyebrow:var(--ss-teal); --link:var(--ss-teal); --link-hover:var(--ss-navy); --focus:var(--ss-teal);
  --btn-bg:var(--ss-navy); --btn-fg:#FFFFFF; --btn-bg-hover:var(--ss-navy-600); --btn-bg-active:var(--ss-navy-900);
  --btn2-fg:var(--ss-navy); --btn2-border:var(--ss-navy); --btn2-bg-hover:#FFFFFF; --btn2-fg-hover:var(--ss-navy);
  --icon:var(--ss-navy); --icon-accent:var(--ss-teal); --spot:var(--spot-light); --gb-1:var(--gb-light-1); --gb-2:var(--gb-light-2);
}
.t-teal{background:var(--bg);color:var(--text)}

/* ---------- 04 · Layout ---------- */
.container--wide{max-width:calc(var(--container-wide) + 2 * var(--gutter))}
.section--island{padding-block:calc(var(--section-y) * .6)}
.story__sub{margin:0 0 18px;font:500 var(--fs-mono)/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ss-teal)}
.story__sub + .flow,.story__sub + .cloud{margin-top:0}
* + .story__sub{margin-top:clamp(40px, 4vw, 56px)}
.statement{display:grid;gap:22px;margin-bottom:clamp(40px, 5vw, 64px)}
.statement > .eyebrow{margin:0}
.statement .display{max-width:15ch}
@media (min-width:1024px){
  .statement{grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:48px;align-items:end}
  .statement > .eyebrow{grid-column:1 / -1}
  .statement > .lead{padding:0 0 10px clamp(16px, 1.6vw, 24px);border-left:2px solid var(--ss-teal)}
}

/* ---------- 05 · Type ---------- */
.display{font-size:var(--fs-d2);font-weight:800;line-height:1.02;letter-spacing:-.04em;color:var(--heading)}
.display__soft{color:var(--ss-slate)}
.display--dark{font-size:clamp(2rem, 1.15rem + 3.4vw, 4rem);color:#FFFFFF}
.display--dark .teal{color:var(--ss-teal-300)}
.hl{background:linear-gradient(transparent 62%, rgb(244 169 59 / .38) 62%, rgb(244 169 59 / .38) 92%, transparent 92%);
  -webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:.04em 0}

/* ---------- 06 · Icons & squircle tiles ---------- */
.icon--18{width:18px;height:18px}
.sq--64{--sq:64px;--sq-r:19px}

/* ---------- 08 · Pills ---------- */
.fact-pills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.fact-pills > li{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-pill);background:var(--ss-teal-50);
  font-size:13.5px;font-weight:600;line-height:1.35;color:var(--ss-navy)}
.fact-pills--white > li{background:#FFFFFF;border:1px solid var(--ss-line);box-shadow:0 1px 2px rgb(13 31 43 / .05);font-size:14px;padding:7px 14px}

/* ---------- 09 · Surfaces ---------- */
.tile__num{font:500 12px/1 var(--font-mono);letter-spacing:.12em;color:var(--ss-slate)}
.tile__note{display:flex;gap:8px;align-items:flex-start;font-size:14px;font-weight:600;line-height:1.45;color:var(--ss-navy)}
.tile__note .icon{color:var(--ss-navy);--icon-duo:var(--ss-teal);--icon-duo-o:.45;margin-top:1px}
.island{position:relative;isolation:isolate;overflow:clip;border-radius:var(--radius-2xl);padding:var(--island-pad)}
@media (max-width:599.98px){
  .island--bleed{margin-inline:calc(-1 * var(--gutter));border-radius:26px;padding:32px var(--gutter)}
}
.island__bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit}
.island__glow{position:absolute;right:-26%;top:-34%;width:min(130vw,1000px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(closest-side, rgb(11 122 117 / .30), rgb(11 122 117 / .12) 50%, rgb(11 122 117 / 0))}
.island__glow--corner{right:-50%;top:-75%}
.island__head{display:grid;gap:24px}
@media (min-width:1024px){
  .island__head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:56px;align-items:end}
}
.island__aside{display:grid;gap:18px}
.island__aside .lead{color:var(--ss-fog)}
.island__actions{margin-top:clamp(36px, 4vw, 48px)}
.dotgrid{position:absolute;inset:0;pointer-events:none;
  background:var(--dots);
  -webkit-mask-image:radial-gradient(ellipse 62% 70% at 74% 38%, #000 18%, transparent 74%);
          mask-image:radial-gradient(ellipse 62% 70% at 74% 38%, #000 18%, transparent 74%)}
.island .dotgrid{-webkit-mask-image:radial-gradient(ellipse 55% 60% at 85% 10%, #000 10%, transparent 70%);mask-image:radial-gradient(ellipse 55% 60% at 85% 10%, #000 10%, transparent 70%)}
.dotgrid--light{z-index:-1;inset:0 0 auto;height:620px;background-image:radial-gradient(var(--dot-light) 1.1px, transparent 1.7px);
  -webkit-mask-image:radial-gradient(ellipse 75% 100% at 80% 0%, #000 25%, transparent 78%);mask-image:radial-gradient(ellipse 75% 100% at 80% 0%, #000 25%, transparent 78%)}
.has-dots{isolation:isolate;overflow:clip}

/* ---------- 11 · Home hero ---------- */
.hero{position:relative;isolation:isolate;overflow:clip;padding-block:calc(var(--header-h) + 40px) 28px}
html:not(.js) .hero{padding-top:40px}
@media (min-width:1024px){
  .hero{padding-block:calc(var(--header-h) + 44px) 36px}
  html:not(.js) .hero{padding-top:56px}
}
.hero__bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero__glow{position:absolute;left:-46%;top:-40%;width:min(150vw,1300px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(closest-side, rgb(22 80 111 / .60), rgb(22 80 111 / .34) 45%, rgb(22 80 111 / 0) 100%)}
@media (min-width:1024px){
  .hero__glow{left:-22%;top:-48%}
}
.hero .laurel{position:absolute;top:50%;right:-34%;height:118%;width:auto;max-width:none;opacity:.06;translate:0 -36%;-webkit-user-select:none;user-select:none}
@media (min-width:1024px){
  .hero .laurel{height:150%;right:max(-80px, calc((100vw - var(--container)) / 2 - 290px));translate:0 -50%}
}
.hero__grid{display:grid;gap:44px;align-items:center}
@media (min-width:1024px){
  .hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:24px}
}
.hero__main{position:relative}
.hero__title{margin:0 0 28px;font-size:var(--fs-display);font-weight:800;line-height:.95;letter-spacing:-.045em}
.hero__title .line{display:block;overflow:clip;padding:.04em .08em .1em 0;margin:-.04em 0 -.1em}
.hero__title .line > span{display:inline-block}
.hero__title .accent{color:var(--ss-marigold)}
.hero__lead{font-size:var(--fs-lead);line-height:1.55;color:var(--ss-fog);max-width:31rem}
@media (min-width:1200px){
  .hero__lead{max-width:27.5rem}
}
.hero__lead strong{color:#FFFFFF;font-weight:600}
.hero .actions{margin-top:32px}
.hero__stage{position:relative;display:grid;justify-items:stretch}
.hero__stage::before{content:"";position:absolute;z-index:-1;inset:-18% -24% -20% -12%;pointer-events:none;
  background:radial-gradient(closest-side, rgb(11 122 117 / .30), rgb(11 122 117 / .12) 55%, rgb(11 122 117 / 0))}
@media (min-width:1024px){
  .hero__stage{justify-items:end}
  .hero__stage::before{inset:-14% -18% -16% 22%}
}
.console__text{font-size:13.5px;line-height:1.45;color:var(--ss-fog)}
.tracker{display:none}
@media (min-width:1200px){
  .tracker{display:block;position:absolute;z-index:1;top:52%;right:calc(min(100%, 500px) - 44px);width:244px;padding:20px 56px 22px 20px;
      border-radius:18px;background:var(--ss-navy);border:1px solid var(--glass-edge);box-shadow:0 40px 80px -36px rgb(0 10 18 / .8),var(--glass-hi)}
}
@media (min-width:1200px) and (pointer:fine){
  @supports (backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px)){
    .tracker{background:var(--glass-card);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}
  }
}
.tracker__title{font-size:13px;font-weight:700;line-height:1.3;color:#FFFFFF}
.tracker__list{position:relative;list-style:none;margin:16px 0 0;padding:0;display:grid;gap:14px}
.tracker__list::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;border-radius:2px;background:rgb(255 255 255 / .16)}
.tracker__list li{position:relative;padding-left:26px;font-size:13px;line-height:1.35;color:var(--ss-fog)}
.tracker__list li::before{content:"";position:absolute;left:0;top:2px;width:12px;height:12px;border-radius:50%;background:var(--ss-navy-900);box-shadow:inset 0 0 0 2px rgb(255 255 255 / .38)}
.tracker__list .is-key{color:#FFFFFF;font-weight:600}
.tracker__list .is-key::before{background:var(--ss-teal-300);box-shadow:0 0 0 4px rgb(63 193 176 / .22),0 0 16px rgb(63 193 176 / .6)}
.registry{margin-top:48px;margin-inline:calc(-1 * var(--gutter));padding:6px var(--gutter);overflow-x:auto;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(90deg, #000 82%, transparent);mask-image:linear-gradient(90deg, #000 82%, transparent)}
.registry::-webkit-scrollbar{display:none}
.registry:focus-visible{outline:2px solid var(--ss-marigold);outline-offset:-4px;border-radius:12px}
.registry__list{display:flex;gap:10px;list-style:none;margin:0;padding:0}
.chip-reg{display:inline-flex;align-items:center;gap:9px;flex:none;min-height:40px;padding:6px 14px 6px 9px;border-radius:var(--radius-pill);
  background:var(--glass-tint);border:1px solid rgb(255 255 255 / .11);
  font:400 12px/1.4 var(--font-mono);letter-spacing:0;color:#FFFFFF;white-space:nowrap;font-variant-numeric:tabular-nums}
.chip-reg .icon{width:20px;height:20px;color:#FFFFFF;--icon-duo:var(--ss-teal-300);--icon-duo-o:.7}
.chip-reg__k{color:var(--ss-fog)}
@media (min-width:1024px){
  .registry{margin:56px 0 0;padding:24px 0 0;overflow:visible;border-top:1px solid rgb(255 255 255 / .08);-webkit-mask-image:none;mask-image:none}
  .registry__list{flex-wrap:wrap;justify-content:space-between;gap:8px}
}

/* ---------- 12 · Inner-page hero ---------- */
.group-island .laurel{position:absolute;z-index:-1;top:50%;right:-30%;height:120%;width:auto;max-width:none;opacity:.06;
  translate:0 -50%;pointer-events:none;-webkit-user-select:none;user-select:none}

/* ---------- 13 · Home blocks ---------- */
.bento{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media (min-width:1200px){
  .bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
  .b-lead{grid-column:1 / span 7}
  .b-side{grid-column:8 / span 5}
  .bento__minor{grid-column:1 / -1}
}
.tile.tile--fin{--gb-bg:linear-gradient(160deg, var(--ss-navy-50) 0%, #FFFFFF 46%, var(--ss-teal-50) 100%);gap:18px}
.minitrack{padding:18px 18px 16px;border-radius:18px;background:rgb(255 255 255 / .82);border:1px solid var(--ss-line)}
.minitrack__label{margin:0 0 14px;font:500 12px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ss-teal)}
/* phones: the four step titles are the full flow in #loans right below, so the tile's mini summary is left out there */
@media (max-width:599.98px){ .minitrack{display:none} }
.tile.tile--it{--gb-bg:radial-gradient(70% 60% at 100% 0%, rgb(11 122 117 / .30), rgb(11 122 117 / 0) 70%), linear-gradient(var(--ss-navy), var(--ss-navy));gap:18px}
.tile--it .tile__text{color:var(--ss-fog)}
/* stretched to the Finance tile: the icon grid sits in the middle of the spare height instead of one empty band above the links */
.tile--it .it-icons{margin-block:auto}
.it-icons{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.it-icons li{display:flex;align-items:center;gap:10px;min-width:0;font-size:14px;font-weight:600;line-height:1.25;color:#FFFFFF;white-space:nowrap}
@container (max-width:300px){
  .it-icons{column-gap:8px}
  .it-icons li{gap:8px;font-size:13.5px}
}
@container (min-width:400px){
  .it-icons{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 6px;margin-top:10px}
  .it-icons li{flex-direction:column;gap:8px;font-size:12px;font-weight:500;color:var(--ss-fog);text-align:center}
}
.tile__fine--dark{margin-top:4px;padding-top:16px;border-top:1px solid rgb(255 255 255 / .10);color:var(--ss-fog)}
.bento__minor{display:grid;grid-auto-flow:column;grid-auto-columns:min(82%, 300px);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 20px;list-style:none}
.js .bento__minor{scrollbar-width:none}
.js .bento__minor::-webkit-scrollbar{display:none}
.bento__minor > *{scroll-snap-align:start}
@media (min-width:600px){
  .bento__minor{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin-inline:0;padding:0}
  .bento__minor > :nth-child(3),.bento__minor > .tile--wide{grid-column:1 / -1}
}
@media (min-width:1200px){
  .bento__minor{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .bento__minor > :nth-child(3){grid-column:auto}
}
.tile--sm{gap:12px}
.tile--sm .sq{margin-bottom:6px}
.tile--sm .tile__text{font-size:var(--fs-small);line-height:1.6}
.tile--sm .fact-pills{margin-top:2px}
.tile--wide{gap:14px}
@media (min-width:900px){
  .tile--wide{display:grid;grid-template-columns:auto minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center;column-gap:28px;padding-block:26px}
  .tile--wide .sq{margin:0}
  .tile--wide .tile__foot{margin:0;padding:0}
  .tile--wide__body{display:grid;gap:6px}
  .tile--wide__side{display:grid;gap:10px}
}
.cat{display:grid;gap:36px;margin-top:clamp(40px, 5vw, 64px)}
.cat__label{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 16px;padding-top:18px;border-top:1px solid rgb(255 255 255 / .10);
  font-size:var(--fs-small);font-weight:500;line-height:1.4;color:var(--ss-fog);letter-spacing:0}
.cat__label span{display:inline-flex;align-items:center;min-height:28px;padding:4px 12px;border-radius:var(--radius-pill);
  background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .14);font:500 12px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#FFFFFF}
.cat__list{list-style:none;margin:0 calc(-1 * var(--gutter));padding:4px var(--gutter) 14px;display:grid;gap:12px;grid-auto-flow:column;grid-auto-columns:min(80%, 280px);
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter)}
.js .cat__list{scrollbar-width:none}
.js .cat__list::-webkit-scrollbar{display:none}
.cat__list > *{scroll-snap-align:start}
@media (min-width:600px){
  .cat__list{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin-inline:0;padding:0}
}
@media (min-width:1200px){
  .cat__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
}
.cat-card{--spot:var(--spot-island);position:relative;isolation:isolate;overflow:clip;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-content:start;
  padding:20px;border-radius:var(--radius-lg);background:var(--ss-navy);border:1px solid rgb(255 255 255 / .08);
  transition:transform var(--t2),border-color var(--t2),box-shadow var(--t2)}
.cat-card > .sq{margin-bottom:8px}
.cat-card__title{padding-right:24px;font-size:1rem;font-weight:700;line-height:1.35}
.cat-card__title a{color:#FFFFFF;text-decoration:none}
.cat-card p{font-size:14px;line-height:1.55;color:var(--ss-fog)}
.cat-card__go{position:absolute;top:22px;right:20px;width:18px;height:18px;color:var(--ss-fog);transition:transform var(--t2),color var(--t1)}
.cat-card .ghost{width:120px;height:120px;right:-24px;bottom:-30px}
@media (min-width:600px){
  .cat-card{padding:22px}
  .cat-card__go{top:24px;right:22px}
}
.cat-card::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), var(--spot), transparent 70%);transition:opacity var(--t2)}
@media (hover:hover){
  .cat-card:hover,.cat-card:focus-within{transform:translateY(-2px);border-color:rgb(63 193 176 / .5);box-shadow:0 24px 40px -28px rgb(0 10 18 / .9)}
  .cat-card:hover .cat-card__go{color:#FFFFFF;transform:translateX(3px)}
}
.cat-card:has(.stretched:focus-visible){outline:2px solid var(--ss-marigold);outline-offset:2px}
.cat-card .stretched:focus-visible{outline:none}
.cat-ask{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:20px;border-radius:var(--radius-lg);
  background:linear-gradient(135deg, rgb(63 193 176 / .10), rgb(63 193 176 / .03));border:1px solid rgb(63 193 176 / .32)}
.cat-ask .btn{grid-column:1 / -1;justify-self:start}
.cat-ask__body{display:grid;gap:4px}
.cat-ask p{font-size:14px;color:var(--ss-fog)}
@media (min-width:600px){
  .cat-ask{grid-column:1 / -1}
}
@media (min-width:1200px){
  .cat-ask{grid-column:span 2;grid-template-columns:44px minmax(0,1fr) auto;padding:22px 24px}
  .cat-ask .btn{grid-column:auto}
}
.engage{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:clamp(40px, 5vw, 64px);padding-top:clamp(32px, 4vw, 48px);border-top:1px solid rgb(255 255 255 / .10)}
@media (min-width:1200px){
  .engage{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:56px;align-items:start}
}
.engage__intro{display:grid;gap:12px;align-content:start}
.engage__eyebrow,.island__sub{font:500 var(--fs-mono)/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ss-marigold)}
.engage__line{font-size:clamp(1.625rem, 1.2rem + 1.6vw, 2.375rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#FFFFFF;text-wrap:balance}
.engage__text{color:var(--ss-fog);max-width:34rem}
.seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:20px;background:var(--glass-tint);border:1px solid rgb(255 255 255 / .12)}
@media (min-width:768px){
  .seg{display:flex;border-radius:var(--radius-pill)}
  .seg__btn{flex:1 1 auto}
}
html:not(.js) .seg{display:none}
.seg__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 14px;border:0;border-radius:16px;background:transparent;
  color:#FFFFFF;font-size:15px;font-weight:700;line-height:1.1;white-space:nowrap;
  transition:background-color var(--t1),color var(--t1)}
@media (max-width:419.98px){
  .seg__btn{gap:6px;padding:0 8px}
}
@media (min-width:768px){
  .seg__btn{border-radius:var(--radius-pill)}
}
.seg__btn .icon{width:20px;height:20px;color:#FFFFFF;--icon-duo:var(--ss-teal-300);--icon-duo-o:.6}
.seg__btn:hover{background:rgb(255 255 255 / .09)}
.seg__btn[aria-selected="true"]{background:#FFFFFF;color:var(--ss-navy-900);box-shadow:0 8px 20px -10px rgb(0 10 18 / .7)}
.seg__btn[aria-selected="true"] .icon{color:var(--ss-navy);--icon-duo:var(--ss-teal);--icon-duo-o:.45}
.seg__btn:focus-visible{outline:2px solid var(--ss-marigold);outline-offset:2px}
.model{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;align-items:start;padding:24px;border-radius:var(--radius-lg);
  background:linear-gradient(150deg, var(--ss-navy), rgb(15 58 82 / .7));border:1px solid rgb(255 255 255 / .09)}
.model:focus-visible{outline:2px solid var(--ss-marigold);outline-offset:2px}
.model__body{display:grid;gap:8px}
.model__title{font-size:1.25rem;font-weight:800;letter-spacing:-.015em;line-height:1.25}
.model__body p{color:var(--ss-fog)}
.model__body .model__kv{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-top:6px;padding-top:12px;border-top:1px solid rgb(255 255 255 / .09);color:#FFFFFF;font-weight:600;font-size:var(--fs-small)}
.model__kv span{font:500 12px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ss-teal-300)}
@media (max-width:479.98px){
  .model{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px}
}
.deliver{margin-top:clamp(40px, 5vw, 56px)}
.deliver .island__sub{margin-bottom:22px}
@media (max-width:599.98px){
  .deliver .track{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
}
.lookfor{display:grid;gap:18px}
.fund{display:grid;gap:var(--grid-gap);grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){
  .fund{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(24px, 3vw, 40px);align-items:center}
}
.tile.lookfor--lg{--gb-bg:linear-gradient(150deg, var(--ss-teal-50) 0%, #FFFFFF 62%);gap:26px;padding:clamp(24px, 3vw, 40px)}
.lookfor--lg .ghost{width:180px;height:180px;top:-40px;right:-36px;bottom:auto}
.fund__side{display:grid;gap:20px;align-content:start}
.bigsteps--compact .bigstep{min-height:0;padding:24px 24px 26px}
.bigsteps--compact .bigstep__n{margin-bottom:8px;font-size:clamp(3.25rem, 2.6rem + 2vw, 4.5rem)}
.lookfor__list{list-style:none;margin:0;padding:0;display:grid;gap:18px 24px}
@container (min-width:520px){
  .lookfor__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.lookfor__list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;font-size:var(--fs-small);line-height:1.55;color:var(--ss-ink)}
.tile.tile--employ{--gb-bg:linear-gradient(160deg, #FFFFFF 40%, var(--ss-teal-50) 100%)}
/* when the pair stretches it to the job-seeker tile, the spare height goes around the facts, not into one gap above the buttons */
.tile--employ .fact-pills{margin-block:auto}
.handoffs{display:grid;gap:var(--grid-gap)}
@media (min-width:900px){
  .handoffs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:599.98px){
  .handoffs{grid-auto-flow:column;grid-auto-columns:min(84%, 320px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
      scroll-padding-inline:var(--gutter);margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 24px}
  .js .handoffs{scrollbar-width:none}
  .js .handoffs::-webkit-scrollbar{display:none}
  .handoffs > *{scroll-snap-align:start}
}
@media (min-width:1024px){
  .story--events .handoffs{grid-template-columns:minmax(0,1fr)}
}
.story__pin .note-line--card{margin-top:4px}
.handoff{gap:14px;padding:clamp(24px, 3vw, 36px)}
.handoff__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-bottom:8px}
.handoff__top .tag{white-space:nowrap}
.handoff__mark{display:flex;align-items:center;height:56px}
.handoff__mark img{height:48px;width:auto}
.handoff__mark--wbe img{height:54px}
.handoff__mark--parasvi img{height:40px}
.handoff__title{font-size:clamp(1.375rem, 1.2rem + .6vw, 1.75rem);font-weight:800;letter-spacing:-.02em}
.handoff__promise{font-weight:700;color:#FFFFFF}
.handoff .tile__text{color:var(--ss-fog)}
.words{display:grid;justify-items:center;gap:20px;list-style:none;margin:0;padding:0;text-align:center}
.words__step{position:relative;display:grid;justify-items:center;gap:12px;max-width:22rem}
.words__step .sq{--sq:64px}
.words__label{margin-top:6px;font:500 var(--fs-mono)/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ss-teal)}
.words__word{display:block;overflow:clip;padding-bottom:.06em;font-size:var(--fs-word);font-weight:800;line-height:.92;letter-spacing:-.055em;color:var(--ss-navy)}
.words__word > span{display:inline-block}
.words__text{color:var(--ss-slate)}
.words__step:not(:last-child)::after{content:"";display:block;width:48px;height:48px;margin:8px auto 0;border-radius:50%;
  background:var(--ss-navy-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%230B7A75' d='M208.49,152.49l-72,72a12,12,0,0,1-17,0l-72-72a12,12,0,0,1,17-17L116,187V40a12,12,0,0,1,24,0V187l51.51-51.52a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E") center / 20px no-repeat;
  box-shadow:inset 0 0 0 1px var(--ss-line)}
/* phones: three compact rows (squircle left, a teal line joining them) instead of three stacked screens */
@media (max-width:599.98px){
  .words{justify-items:stretch;gap:0;text-align:left}
  .words__step{grid-template-columns:56px minmax(0,1fr);column-gap:16px;row-gap:4px;justify-items:start;max-width:none;padding:0 0 28px}
  .words__step:last-child{padding-bottom:0}
  .words__step > .sq{--sq:56px;--sq-r:17px;grid-row:1 / span 3;align-self:start;position:relative;z-index:1}
  .words__step > :not(.sq){grid-column:2}
  .words__label{margin-top:2px}
  .words__word{font-size:clamp(2.25rem, 9vw, 2.75rem)}
  .words__step:not(:last-child)::after{position:absolute;left:27px;top:64px;bottom:6px;width:2px;height:auto;margin:0;border-radius:2px;
      background:linear-gradient(var(--ss-teal), rgb(11 122 117 / .15));box-shadow:none}
}
@media (min-width:900px){
  .words{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;justify-items:stretch;gap:0 clamp(40px, 4vw, 64px)}
  .words__step{max-width:none}
  .words__word{font-size:min(var(--fs-word), 7vw, 6rem)}
  .words__text{max-width:22rem}
  .words__step:not(:last-child)::after{position:absolute;top:8px;right:calc(-1 * clamp(40px, 4vw, 64px) / 2 - 24px);margin:0;
      background-image:var(--arrow-r)}
}
.why{display:grid;gap:var(--grid-gap);grid-template-columns:minmax(0,1fr)}
.why__grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--grid-gap);grid-template-columns:minmax(0,1fr)}
.why .tile{gap:10px}
.why .tile__top{margin-bottom:4px}
.why h3{font-size:var(--fs-h4);font-weight:800;line-height:1.3}
.why p{font-size:var(--fs-small);color:var(--ss-slate);line-height:1.6}
.why__reg{display:grid;gap:4px;margin:6px 0 4px;padding:18px 20px;border-radius:16px;background:var(--ss-navy-50);border:1px solid var(--ss-line)}
.why__reg-big,.why__reg-sub{display:block}
.why__reg-big{font:500 clamp(1.75rem, 1.35rem + 1.6vw, 2.5rem)/1.1 var(--font-mono);letter-spacing:-.01em;color:var(--ss-navy);font-variant-numeric:tabular-nums}
.why__reg-sub{font:400 clamp(.875rem, .8rem + .3vw, 1.0625rem)/1.4 var(--font-mono);color:var(--ss-navy);overflow-wrap:anywhere}
.why__first .why__reg{margin-top:auto}
.why__first h3{font-size:clamp(1.375rem, 1.2rem + .6vw, 1.75rem);letter-spacing:-.02em}
.why__first p{font-size:var(--fs-body)}
@media (max-width:599.98px){
  .why__grid{grid-auto-flow:column;grid-auto-columns:min(80%, 280px);grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;
      scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 14px}
  .js .why__grid{scrollbar-width:none}
  .js .why__grid::-webkit-scrollbar{display:none}
  .why__grid > *{scroll-snap-align:start}
  .why__progress{margin-top:-10px}
  .why__last{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;row-gap:4px}
  .why__last .tile__top{grid-row:1 / span 2;margin:0;align-self:start}
  .why__last .tile__num{display:none}
}
@media (min-width:600px){
  .why__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .why__progress{display:none}
}
@media (min-width:1200px){
  .why{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
  .why__first{grid-column:1 / span 6}
  .why__grid{grid-column:7 / span 6;gap:20px}
  .why__last{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,.9fr) minmax(0,1.4fr);align-items:center;column-gap:28px}
  .why__last .tile__top{margin:0}
}
.founder{display:grid;gap:clamp(36px, 5vw, 64px);align-items:start}
@media (min-width:600px){
  .founder{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(28px, 5vw, 64px)}
  .founder__photo{position:sticky;top:calc(var(--header-h) + 24px)}
}
@media (min-width:600px) and (max-width:1023.98px){
  .founder__quote p{font-size:1.75rem}
}
.founder__photo{margin:0;max-width:480px}
.founder__frame{overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--ss-line);background:var(--ss-mist);box-shadow:var(--shadow-2);aspect-ratio:1 / 1}
@media (min-width:600px){
  .founder__frame{aspect-ratio:4 / 5}
}
.founder__frame img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.founder__caption{margin-top:12px;font:400 12px/1.5 var(--font-mono);letter-spacing:.06em;color:var(--ss-slate)}
.founder__body{display:grid;gap:22px;align-content:start}
.founder__body > .eyebrow{margin:0}
.founder__quotes{width:48px;height:48px;color:var(--ss-teal);--icon-duo:var(--ss-teal);--icon-duo-o:.25}
.founder__quote p{font-size:clamp(2rem, 1.55rem + 1.6vw, 2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--ss-navy);text-wrap:balance}
.founder__note{display:grid;gap:16px;max-width:60ch;color:var(--ss-ink)}
.founder__sign{display:grid;gap:4px;padding-top:22px;border-top:1px solid var(--ss-line)}
.founder__name{font-size:1.125rem;font-weight:800;color:var(--ss-navy)}
.founder__sign .links-row{margin-top:8px}
.group-island{display:grid;gap:clamp(28px, 3vw, 40px)}
.group-house{display:grid;gap:14px;align-content:start}
.group-house img{width:60px;height:73px;margin-bottom:6px}
.group-house .mono{color:var(--ss-marigold)}
.group-house h3{font-size:clamp(1.5rem, 1.25rem + .8vw, 2rem);font-weight:800;letter-spacing:-.025em}
.group-house p{color:var(--ss-fog)}
@media (min-width:900px){
  .group-house{grid-template-columns:auto minmax(0,1fr);column-gap:clamp(20px, 2.4vw, 32px);row-gap:8px;align-items:center;
      padding-bottom:clamp(28px, 3vw, 40px);border-bottom:1px solid var(--glass-edge)}
  .group-house img{grid-row:1 / span 4;align-self:start;width:72px;height:auto;margin:0}
  .group-house > :not(img){grid-column:2;justify-self:start}
}
/* wide screens: the visit button fills the house row's right side (white outline text stays readable on the corner glow) */
@media (min-width:1024px){
  .group-house{grid-template-columns:auto minmax(0,1fr) auto}
  .group-house > .group-house__link{grid-column:3;grid-row:1 / span 4;align-self:center;justify-self:end}
}
.brand-cards{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media (max-width:599.98px){
  .brand-cards{grid-auto-flow:column;grid-auto-columns:min(78%, 260px);grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;
      scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 12px}
  .js .brand-cards{scrollbar-width:none}
  .js .brand-cards::-webkit-scrollbar{display:none}
  .brand-cards > *{scroll-snap-align:start}
}
@media (min-width:1024px){
  .brand-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
}
.brand-card{display:grid;gap:10px;align-content:start;grid-template-columns:minmax(0,1fr);grid-template-rows:56px auto 1fr auto;padding:22px;border-radius:var(--radius-lg);
  background:var(--glass-tint);border:1px solid var(--glass-edge);box-shadow:var(--glass-hi)}
.brand-card__mark{display:flex;align-items:center;height:56px}
.brand-card__mark img{height:48px;width:auto}
.brand-card__mark--wbe img{height:54px}
.brand-card__mark--parasvi img{height:40px}
.brand-card h4{font-size:var(--fs-h4);line-height:1.3;color:#FFFFFF}
.brand-card p{font-size:var(--fs-small);color:var(--ss-fog)}
.brand-card .link-arrow{font-size:var(--fs-small)}
@media (min-width:600px) and (max-width:1023.98px){
  .brand-card{grid-template-columns:112px minmax(0,1fr);grid-template-rows:none;column-gap:20px;row-gap:6px;align-content:center}
  .brand-card__mark{grid-row:1 / span 3}
  .brand-card > :not(.brand-card__mark){grid-column:2}
}

/* ---------- 14 · Process components ---------- */
.track{display:grid;gap:10px;list-style:none;margin:0;padding:0;view-timeline-name:--track}
.track li{position:relative;display:flex;align-items:center;gap:12px;min-height:32px;padding-left:18px;font-weight:700;font-size:var(--fs-small);line-height:1.3;color:var(--ss-navy)}
.track li::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:4px;background:var(--seg, var(--ss-teal));transform-origin:top}
.track__n{min-width:2ch;font:500 12px/1 var(--font-mono);letter-spacing:.1em;color:var(--ss-slate)}
.track li:nth-child(1){--seg:#B9DAD8}
.track li:nth-child(2){--seg:#9CCBC8}
.track li:nth-child(3){--seg:#7FBCB8}
.track li:nth-child(4){--seg:#5CA9A5}
.track li:nth-child(5){--seg:#3A9893}
.track li:nth-child(6){--seg:#1F8984}
.track li:nth-child(7){--seg:var(--ss-teal)}
.track--4 li:nth-child(1){--seg:#B9DAD8}
.track--4 li:nth-child(2){--seg:#7FBCB8}
.track--4 li:nth-child(3){--seg:var(--ss-navy)}
.track--4 li:nth-child(4){--seg:var(--ss-teal)}
.track--4 .is-key{color:var(--ss-navy)}
.t-navy .track li{color:#FFFFFF}
.t-navy .track__n{color:var(--ss-teal-300)}
.t-navy .track li:nth-child(1){--seg:rgb(63 193 176 / .28)}
.t-navy .track li:nth-child(2){--seg:rgb(63 193 176 / .4)}
.t-navy .track li:nth-child(3){--seg:rgb(63 193 176 / .52)}
.t-navy .track li:nth-child(4){--seg:rgb(63 193 176 / .64)}
.t-navy .track li:nth-child(5){--seg:rgb(63 193 176 / .76)}
.t-navy .track li:nth-child(6){--seg:rgb(63 193 176 / .88)}
.t-navy .track li:nth-child(7){--seg:var(--ss-teal-300)}
@media (min-width:900px){
  .track{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
  .track--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .track li{flex-direction:column;align-items:flex-start;gap:10px;min-height:0;padding:18px 0 0}
  .track li::before{left:0;right:0;top:0;bottom:auto;width:auto;height:6px;transform-origin:left}
}
@container (min-width:520px){
  .track--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .track--4 li{flex-direction:column;align-items:flex-start;gap:10px;min-height:0;padding:16px 0 0}
  .track--4 li::before{left:0;right:0;top:0;bottom:auto;width:auto;height:6px;transform-origin:left}
}

/* ---------- 15 · Callouts ---------- */
.consult-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;margin-top:28px;padding:22px;
  border-radius:var(--radius-lg);background:linear-gradient(150deg, var(--ss-teal-50), #FFFFFF);border:1px solid var(--ss-line)}
.consult-card__title{font-size:1.125rem;font-weight:800;margin-bottom:6px}
.consult-card p{color:var(--ss-slate);font-size:var(--fs-small)}

/* ---------- 16 · FAQ ---------- */
.faq-desk{position:relative;isolation:isolate;overflow:clip;display:grid;justify-items:center;gap:16px;text-align:center;
  padding:clamp(40px, 2rem + 3vw, 84px) clamp(18px, 4vw, 64px);border-radius:var(--radius-stage);
  background:linear-gradient(180deg, var(--ss-teal-50) 0%, #F1F7F7 60%, var(--ss-navy-50) 100%);box-shadow:inset 0 0 0 1px rgb(11 122 117 / .08)}
.faq-desk > .eyebrow{margin:0}
.faq-desk h2{max-width:18ch;font-size:var(--fs-d3);font-weight:800;line-height:1.06;letter-spacing:-.035em}
.faq-desk .lead{max-width:46ch}
.faq-desk__dots{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(var(--dot-light) 1px, transparent 1.6px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse 22% 55% at 0% 0%, #000 10%, transparent 70%),radial-gradient(ellipse 22% 55% at 100% 0%, #000 10%, transparent 70%);
          mask-image:radial-gradient(ellipse 22% 55% at 0% 0%, #000 10%, transparent 70%),radial-gradient(ellipse 22% 55% at 100% 0%, #000 10%, transparent 70%)}
@media (min-width:600px){
  .faq-desk .faq-search__input{padding-right:190px}
  .faq-desk .faq-search__status{position:absolute;right:26px;top:0;height:64px;display:flex;align-items:center;pointer-events:none}
}

/* ---------- 23 · Motion ---------- */
@media (prefers-reduced-motion:no-preference){
  .js .hero__title .line > span{animation:line-up 620ms var(--ease-out) both}
  .js .hero__title .line:nth-child(2) > span{animation-delay:70ms}
  .js .hero__title .line:nth-child(3) > span{animation-delay:140ms}
  .js .hero__lead,.js .hero .actions{animation:rise 520ms var(--ease-out) 200ms both}
  .js .hero .console{animation:rise 640ms var(--ease-out) 160ms both}
  .js .tracker{animation:rise 640ms var(--ease-out) 380ms both}
  .js .registry__list{animation:fade 600ms var(--ease-out) 420ms both}
  .js .words.is-in .words__word > span{animation:line-up 620ms var(--ease-out) both}
  .js .words.is-in .words__step:nth-child(2) .words__word > span{animation-delay:120ms}
  .js .words.is-in .words__step:nth-child(3) .words__word > span{animation-delay:240ms}
  .js .words:not(.is-in) .words__word > span{transform:translateY(108%)}
}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .t-navy .track li::before{animation:fill-y linear both;animation-timeline:--track;animation-range:entry 70% cover 50%}
  }
}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    @media (min-width:900px){
      .t-navy .track li::before{animation-name:fill-x}
    }
  }
}
@media (prefers-reduced-transparency:reduce){
  .tracker{background:var(--ss-navy)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
@media (forced-colors:active){
  .hero__bg,.island__bg{display:none}
  .tracker,.cat-card,.model{border:1px solid CanvasText}
}

/* ---------- 24 · Print ---------- */
@media print{
  .hero__stage,.hero__bg,.island__bg{display:none!important}
  .t-teal,.island,.cat-card{background:#FFFFFF!important;color:#0D1F2B!important;box-shadow:none!important}
}