/* NYTE Suppliers, Providers and Neocloud accelerator, brand v3 design pass
   (HANDOFF-nyte-sell-pages-v3-2026-11-06). One sheet for the three Sell pages; loads after
   brand-v3.css, only on pages switched on in nyte-brand-v3.json. Lead colour: sky. */
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) header .wrap,
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main .wrap{max-width:1440px;padding:0 64px}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) .site-footer{padding-inline:max(64px,calc((100% - 1312px)/2));--globe-bleed:64px}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main section{padding:128px 0;color:var(--ink)}
:where([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main :where(h1,h2,h3,h4,p,ol,ul,figure){margin:0}
:where([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main :where(ol,ul){list-style:none;padding:0}

/* Grounds */
.sv3-sky{background:var(--sky)}
.sv3-purple{background:var(--purple)}
.sv3-ink{background:var(--ink)}
main section.sv3-ink{color:var(--cream)}

/* Grid: 12 columns, 24px gutters */
.sv3-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:48px;align-items:start}
.sv3-end{align-items:end}
.sv3-center{align-items:center}
.sv3-col-l{grid-column:span 5;display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.sv3-col-r{grid-column:7/span 6;min-width:0}
.sv3-hero-copy{grid-column:span 7;display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.sv3-hero-side{grid-column:8/span 5;min-width:0}

/* Type */
main .sv3-hero h1{font-size:clamp(56px,7.2vw,104px);line-height:.96;font-weight:300;letter-spacing:-.02em;color:var(--ink);text-shadow:none}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main h2{font-size:clamp(48px,5vw,72px);line-height:1;font-weight:300;letter-spacing:-.015em;color:inherit}
main .sv3-faq h2{font-size:48px;line-height:1.05;letter-spacing:-.01em}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main em{font-style:normal;color:var(--deep-purple)}
main .sv3-ink em{color:var(--sky)}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main .lede{max-width:640px;font-size:22px;line-height:1.45;color:var(--ink);text-shadow:none}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main .body{max-width:640px;margin:0;font-size:17px;line-height:1.55;color:inherit}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main .fine{max-width:720px;margin:0;font-size:15px;line-height:1.5;color:var(--ink)}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main a:not(.btn){color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main a:not(.btn):hover{text-decoration-thickness:2px}
main .sv3-faq a:not(.btn),main .sv3-facilities a:not(.btn),main .sv3-process a:not(.btn){color:var(--deep-purple)}
.sv3-ico{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
.sv3-round{stroke-linecap:round;stroke-linejoin:round}
.sv3-note{display:flex;gap:10px;align-items:flex-start}
.sv3-note .sv3-ico{width:20px;height:20px;margin-top:1px}

/* Eyebrow: 40×4 bar over a label. Sky on Cream and Ink, Ink on a colour field. */
.sv3-eyebrow{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
main section .v3-bar{background:var(--sky)}
main :is(.sv3-sky,.sv3-purple,.sv3-cta) .v3-bar{background:var(--ink)}
main section .v3-label{color:inherit}

/* Buttons: 48px, 1.5px Ink rule; orange for the one main action. */
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main .btns{gap:12px;flex-wrap:wrap}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main .btn{min-height:48px;height:48px;padding:0 22px;gap:10px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font:500 16px/1 var(--font-sans);white-space:nowrap}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main .btn:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main .btn-primary{background:var(--orange)}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main .btn svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main .sv3-ink .btn{border-color:var(--cream);color:var(--cream)}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main .sv3-ink .btn-primary{border-color:var(--orange);color:var(--ink)}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main .sv3-ink .btn:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}
:is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main :is(a,summary,.btn):focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* Chips and Ladder */
.v3-chip svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}
main .v3-chip{font-size:13px;text-transform:uppercase}
.sv3-ladder{display:flex;flex-direction:column-reverse;gap:4px;width:64px;flex:none}
.sv3-ladder i{display:block;height:8px;background:var(--stone)}
.sv3-ink .sv3-ladder i{background:var(--dark-rule)}
.g-aaa .sv3-ladder i.on{background:var(--purple)}
.g-a .sv3-ladder i.on{background:var(--sky)}
.g-b .sv3-ladder i.on,.sv3-ladder.g-b i.on{background:var(--lime)}
.g-c .sv3-ladder i.on{background:var(--yellow)}

/* Hero and Band */
main section.sv3-hero{padding:112px 0 96px}
.sv3-hero .lede{margin-top:0}
main .sv3-hero .sv3-hero-side>.fine{margin-top:16px}
.sv3-band{line-height:0}
.sv3-band .v3-band{display:block;width:100%;height:120px}
.sv3-art .v3-illustration{display:block;width:100%;height:auto;aspect-ratio:480/336}

.sv3-steps4 .n{font:400 22px/1.2 var(--font-mono);font-variant-numeric:tabular-nums}

/* Centred hero (Suppliers, Accelerator): Cream, one column, the Band follows once. */
main section.sv3-hero-c{text-align:center}
.sv3-hero-c .wrap{display:flex;flex-direction:column;align-items:center;gap:32px}
.sv3-hero-c .sv3-eyebrow{align-items:center}
main .sv3-hero-c h1{max-width:1200px}
main .sv3-hero-c .lede{max-width:720px}
:is([data-nyte-page="sup"],[data-nyte-page="accelerator"]) main .sv3-hero-c .btns{justify-content:center}
.sv3-lines>*{display:block}

/* Section head: eyebrow, headline and text on one left edge. */
.sv3-head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:760px}
.sv3-head .btns{margin-top:8px}
:is([data-nyte-page="sup"],[data-nyte-page="accelerator"]) main .sv3-small{max-width:880px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.sv3-ruled{margin-top:56px;padding-top:20px;border-top:1.5px solid var(--ink)}
/* Onboarding note: a fine-print line for the whole process, its rule spanning all three steps. */
[data-nyte-page="sup"] main .sv3-steps .sv3-small{max-width:none}

/* Numbered columns (Suppliers onboarding) */
.sv3-ncols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;margin:56px 0 32px}
.sv3-ncols li{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1.5px solid var(--ink)}
.sv3-numeral{font-size:48px;line-height:1;font-weight:300;letter-spacing:-.02em}
.sv3-ncols h3{font-size:24px;line-height:1.25;font-weight:500}
.sv3-ncols p{font-size:17px;line-height:1.55;color:var(--ink-2)}

/* DataTable (Accelerator facilities): label heads over a 2.5px rule, 1.5px row rules, figures right. */
.sv3-table{width:100%;margin:56px 0 24px;border-collapse:collapse;border-top:2.5px solid var(--ink);font-size:17px;line-height:1.45;text-align:left}
.sv3-table thead :is(th,td){padding:12px 24px 12px 0;font:500 15px/1.2 var(--font-condensed);letter-spacing:.1em;text-transform:uppercase;vertical-align:bottom}
.sv3-table tbody :is(th,td){padding:20px 24px 20px 0;border-bottom:1.5px solid var(--ink);vertical-align:middle;font-weight:400}
.sv3-table :is(th,td):last-child{padding-right:0}
.sv3-table .num,.sv3-table .act{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.sv3-table tbody th b{display:block;font-size:19px;line-height:1.3;font-weight:500}
.sv3-table tbody th small{display:block;margin-top:4px;font-size:15px;line-height:1.45;color:var(--ink-2)}
.sv3-table .act a{font-weight:500}
.sv3-fac-table thead th:nth-child(1){width:24%}
.sv3-fac-table thead th:nth-child(3){width:30%}
.sv3-ml{display:none}
.sv3-grade{display:flex;align-items:center;gap:12px;font-size:15px}
.sv3-grade .sv3-ladder{width:40px;gap:3px}
.sv3-grade .sv3-ladder i{height:5px}

/* Ruled rows with icons or numbers */
.sv3-rows{border-top:2.5px solid var(--ink)}
.sv3-rows li{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1.5px solid var(--ink);font-size:17px;line-height:1.4}

/* Token Index on Ink (Suppliers) */
.idx.sv3-idx{background:transparent;border:0;color:var(--cream)}
.sv3-idx-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:24px}
.sv3-idx-hd small{display:block;margin-top:8px;font:400 15px/1.5 var(--font-mono);color:var(--ink-2-dark)}
.sv3-idx-value{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.sv3-idx-figure{font-size:72px;line-height:1;font-weight:300;letter-spacing:-.02em;color:var(--yellow);font-variant-numeric:tabular-nums}
.sv3-idx .idx-change,.sv3-idx .idx-change.up,.sv3-idx .idx-change.down{display:block;margin:0;font:400 15px/1.5 var(--font-mono);color:var(--ink-2-dark);white-space:nowrap}
.sv3-idx-rows{border-top:2.5px solid var(--cream)}
.sv3-idx-row{display:grid;grid-template-columns:56px 64px minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1.5px solid var(--dark-rule)}
.sv3-idx-row .v3-chip{justify-self:start}
.g-aaa .v3-chip{border-color:var(--purple);color:var(--purple)}
.g-a .v3-chip{border-color:var(--sky);color:var(--sky)}
.g-b .v3-chip{border-color:var(--lime);color:var(--lime)}
.g-c .v3-chip{border-color:var(--yellow);color:var(--yellow)}
.sv3-idx-row .d b{display:block;font-size:19px;line-height:1.3;font-weight:500}
.sv3-idx-row .d small{display:block;margin-top:2px;font-size:15px;line-height:1.45;color:var(--ink-2-dark)}
.sv3-idx-row .p{display:flex;flex-direction:column;align-items:flex-end;font:400 19px/1.4 var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}

/* Common questions (Suppliers) */
.sv3-faq-head{grid-column:span 4;display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.sv3-faq-list{grid-column:5/span 8;border-bottom:1.5px solid var(--ink)}
.sv3-faq details,.sv3-faq details:first-child{border:0;border-top:1.5px solid var(--ink)}
.sv3-faq summary{min-height:0;gap:24px;padding:22px 0;font-size:19px;font-weight:500;line-height:1.35;color:var(--ink)}
.sv3-faq summary::after{content:none}
.sv3-faq summary .sv3-ico{transition:transform .15s}
.sv3-faq details[open] summary .sv3-ico{transform:rotate(180deg)}
.sv3-faq details p{max-width:none;padding:0 40px 24px 0;font-size:17px;line-height:1.55;color:var(--ink)}

/* Closing field (layout shared in brand-v3.css as .v3-cta) */
main section.sv3-cta{background:var(--yellow)}
.sv3-cta .wrap>div:first-child{display:flex;flex-direction:column;gap:24px}
.sv3-cta h2,.sv3-cta .lede{margin-top:0}
/* The two closing buttons sit side by side; they stack on phones. */
@media (min-width:1101px){
  .sv3-cta .wrap>div:first-child{grid-column:span 7}
  .sv3-cta .btns{grid-column:8/span 5;justify-content:flex-end}
  :is([data-nyte-page="sup"],[data-nyte-page="accelerator"]) main .sv3-cta .btns{flex-wrap:nowrap}
}

.sv3-more .sv3-ico{width:18px;height:18px}
main section.sv3-legal{padding:64px 0 96px}
.sv3-legal .sv3-note{gap:12px}

/* Bands of colour over step columns (Accelerator process) */
.bar-yellow{border-top-color:var(--yellow)}.bar-purple{border-top-color:var(--purple)}.bar-lime{border-top-color:var(--lime)}.bar-sky{border-top-color:var(--sky)}

/* Roles (Accelerator) */
.sv3-roles h2,.sv3-process h2{margin-top:32px;max-width:900px}
.sv3-roles-grid{margin-top:64px}
.sv3-roles-l{grid-column:span 5}
.sv3-roles-l h3,.sv3-roles-r h3{padding-bottom:20px}
.sv3-roles-l .sv3-rows li{font-size:19px}
.sv3-roles-l .n{width:40px;font:400 15px/1.5 var(--font-mono)}
.sv3-roles h3{font-size:32px;line-height:1.15;font-weight:500;letter-spacing:-.01em;color:inherit}
/* Both headings share one row, so the right column's rule sits level with the list's rule. */
.sv3-roles-grid{grid-template-rows:auto auto}
.sv3-roles-l,.sv3-roles-r{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0;align-items:end}
.sv3-roles-l>.sv3-rows,.sv3-roles-text{align-self:start}
.sv3-roles-text{display:flex;flex-direction:column;gap:24px;padding-top:20px;border-top:2.5px solid var(--ink)}

/* Process (Accelerator) */
.sv3-steps4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:64px}
.sv3-steps4 li{display:flex;flex-direction:column;gap:16px;padding-top:18px;border-top-width:10px;border-top-style:solid}
.sv3-steps4 h3{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:0;color:var(--ink)}

@media (max-width:1100px){
  .sv3-steps4{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
  .sv3-idx-row{grid-template-columns:48px 48px minmax(0,1fr) auto;gap:14px}
  .sv3-ladder{width:48px}
}
@media (max-width:900px){
  .sv3-grid{grid-template-columns:minmax(0,1fr);row-gap:40px}
  .sv3-grid>*{grid-column:1/-1}
  .sv3-hero-side.sv3-art{max-width:560px}
}
/* Below desktop the table stacks: the head row hides and each row is a two-column block with its own labels. */
@media (max-width:1100px){
  .sv3-table,.sv3-table tbody{display:block}
  .sv3-table thead{display:none}
  .sv3-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 0;border-bottom:1.5px solid var(--ink)}
  .sv3-table tbody :is(th,td){display:block;padding:0;border:0;text-align:left;white-space:normal}
  .sv3-table tbody th,.sv3-table tbody td:nth-child(3),.sv3-table tbody .act{grid-column:1/-1}
  .sv3-table tbody :is(.num,.act){text-align:left}
  .sv3-ml{display:block;margin-bottom:6px;font:500 15px/1.2 var(--font-condensed);letter-spacing:.1em;text-transform:uppercase}
}
@media (max-width:767px){
  .sv3-table{margin:40px 0 24px}
  :is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) header .wrap,
  :is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main .wrap{padding:0 20px}
  :is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main section{padding:72px 0}
  main section.sv3-hero{padding:56px 0}
  main section.sv3-hero-c{text-align:left}
  .sv3-hero-c .wrap,.sv3-hero-c .sv3-eyebrow{align-items:flex-start}
  .sv3-hero-c .wrap{gap:24px}
  .sv3-ncols{grid-template-columns:minmax(0,1fr);gap:32px;margin:40px 0 24px}
  main section.sv3-legal{padding:48px 0 72px}
  main .sv3-hero h1{font-size:48px;line-height:1}
  :is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main h2{font-size:40px}
  main .sv3-faq h2{font-size:32px}
  :is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main .lede{font-size:19px}
  .sv3-hero-copy,.sv3-col-l{gap:24px}
  :is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main .btns{flex-direction:column;align-items:stretch;width:100%}
  :is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) main .btns .btn{flex:none;width:100%;justify-content:center;padding:0 16px}
  .sv3-band .v3-band{height:72px}
  .sv3-roles h3{font-size:26px}
  .sv3-idx-figure{font-size:48px}
  .sv3-idx-hd{gap:16px}
  .sv3-idx-row{grid-template-columns:44px minmax(0,1fr) auto;gap:14px}
  .sv3-idx-row .sv3-ladder{display:none}
  .sv3-idx-row .p{font-size:17px}
  .sv3-faq summary{padding:20px 0;font-size:17px}
  .sv3-faq details p{padding-right:8px}
  .sv3-cta .wrap>div:first-child{gap:16px}
  .sv3-roles h2,.sv3-process h2{margin-top:24px}
  .sv3-roles-grid,.sv3-steps4{margin-top:40px}
  .sv3-steps4{grid-template-columns:minmax(0,1fr);gap:32px}
  :is([data-nyte-page="sup"],[data-nyte-page="providers"],[data-nyte-page="accelerator"]) .site-footer{padding-inline:20px}
}

/* Provider deck: copy left, thin-ruled topics right, the email button
   under the copy on desktop and last on phone. Markup order = phone order. */
.sv3-deck .sv3-grid{grid-template-rows:auto 1fr;row-gap:32px}
.sv3-deck .sv3-col-l{grid-column:1/span 5;grid-row:1}
.sv3-deck .sv3-topics{grid-column:7/span 6;grid-row:1/span 2;display:flex;flex-direction:column;border-bottom:1.5px solid var(--ink)}
.sv3-deck .sv3-more{grid-column:1/span 5;grid-row:2}
main section.sv3-deck h2{font-size:48px;line-height:1.05}
main section.sv3-deck .body{font-size:17px;font-weight:450;color:var(--ink)}
.sv3-deck .sv3-topics li{display:grid;grid-template-columns:56px minmax(0,1fr);padding:22px 0;border-top:1.5px solid var(--ink)}
.sv3-deck .sv3-topics .n{font:400 15px/1.6 var(--font-mono);font-variant-numeric:tabular-nums}
.sv3-deck .sv3-topics b{font-size:24px;line-height:1.3;font-weight:500;letter-spacing:0}
main section.sv3-deck .sv3-more a{display:inline-flex;align-items:center;box-sizing:border-box;height:48px;padding:0 22px;gap:10px;border:1.5px solid var(--ink);border-radius:0;background:var(--ink);color:var(--cream);font-size:16px;font-weight:500;line-height:1;text-decoration:none}
main section.sv3-deck .sv3-more a:hover{background:var(--cream);color:var(--ink)}
main section.sv3-deck .sv3-more a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media (max-width:1100px){
  .sv3-deck .sv3-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:40px}
  .sv3-deck .sv3-grid>*{grid-column:1/-1;grid-row:auto}
}
@media (max-width:600px){
  main section.sv3-deck h2{font-size:36px}
  .sv3-deck .sv3-topics li{grid-template-columns:48px minmax(0,1fr)}
  .sv3-deck .sv3-topics b{font-size:20px}
  .sv3-deck .sv3-more a{width:100%;justify-content:center}
}
/* Smallest phones: 30px keeps the heading to two lines instead of leaving "Exchange" on its own line. */
@media (max-width:374px){main section.sv3-deck h2{font-size:30px}}