.fssb {
  --fssb-ink: #091214;
  --fssb-deep: #071012;
  --fssb-panel: #122125;
  --fssb-accent: #c8ff32;
  --fssb-mint: #3fe1bd;
  --fssb-paper: #e9eeeb;
  --fssb-white: #f5f8f3;
  --fssb-muted: #657270;
  --fssb-line: rgba(9, 18, 20, 0.22);
  --fssb-display: "Arial Narrow", "Aptos Narrow", "Roboto Condensed", Impact, sans-serif;
  --fssb-mono: "SFMono-Regular", "Cascadia Mono", "Roboto Mono", Consolas, "Liberation Mono", monospace;
  --fssb-body: "Helvetica Neue", Arial, sans-serif;
  position: relative;
  width: 100%;
  max-width: 100% !important;
  margin-inline: auto !important;
  overflow: hidden;
  color: var(--fssb-ink);
  background-color: var(--fssb-paper);
  background-image: linear-gradient(rgba(9,18,20,.026) 1px, transparent 1px), linear-gradient(90deg, rgba(9,18,20,.026) 1px, transparent 1px);
  background-size: 32px 32px;
  font-family: var(--fssb-body);
  font-size: 16px;
  line-height: 1.5;
}

.fssb, .fssb * { box-sizing: border-box; }
.fssb :where(h1,h2,h3,p,dl,dt,dd) { margin: 0; }
.fssb :where(h2,h3) { font-family: var(--fssb-display); font-stretch: condensed; text-transform: uppercase; }
.fssb :where(a) { color: inherit; text-decoration: none; }
.fssb :where(button) { font: inherit; }
.fssb :where(a,button):focus-visible { outline: 2px solid var(--fssb-accent); outline-offset: 4px; }
.fssb [hidden] { display: none !important; }

.fssb__header {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 50%;
  width: min(1440px, calc(100% - 48px));
  height: 82px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--fssb-white);
  border-bottom: 1px solid rgba(200,255,50,.34);
}

.fssb__brand { display: flex; align-items: center; gap: 11px; min-height: 44px; }
.fssb__site-logo { display: block; width: auto; height: 48px; max-width: 220px; object-fit: contain; object-position: left center; }
.fssb__brand > span:last-child { display: block; }
.fssb__brand b { display: block; font: 700 14px var(--fssb-display); letter-spacing: .055em; }
.fssb__brand small { display: block; margin-top: 3px; color: rgba(255,255,255,.5); font: 7px var(--fssb-mono); letter-spacing: .14em; }

/* FREE SEAS branding */
.fssb__site-logo { display:block; width:auto; max-width:190px; height:46px; object-fit:contain; object-position:left center; }
.fssb__brand-fallback { display:flex; flex-direction:column; align-items:flex-start; line-height:1; }
.fssb__brand-fallback b { color:var(--fssb-white); font:700 18px var(--fssb-display); letter-spacing:.12em; }
.fssb__brand-fallback small { margin-top:6px; color:var(--fssb-accent); font:7px var(--fssb-mono); letter-spacing:.18em; }
.fssb__mark {
  width: 34px;
  height: 34px;
  padding: 8px;
  display: grid;
  align-content: center;
  gap: 3px;
  border: 1px solid var(--fssb-accent);
  clip-path: polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%);
}
.fssb__mark i { display: block; height: 2px; background: var(--fssb-accent); }
.fssb__mark i:nth-child(2) { width: 70%; margin-left: 30%; }
.fssb__mark i:nth-child(3) { width: 42%; margin-left: 58%; }
.fssb__header nav { display: flex; gap: 28px; font: 9px var(--fssb-mono); letter-spacing: .08em; }
.fssb__header nav a { padding-block: 9px; opacity: .72; transition: color .2s ease, opacity .2s ease; }
.fssb__header nav a:hover { color: var(--fssb-accent); opacity: 1; }

.fssb__hero {
  min-height: 900px;
  padding: 154px max(7vw, 52px) 82px;
  display: grid;
  grid-template-columns: minmax(520px, 1.08fr) minmax(430px, .92fr);
  align-items: center;
  color: var(--fssb-white);
  background-color: var(--fssb-deep);
  background-image: linear-gradient(rgba(63,225,189,.052) 1px, transparent 1px), linear-gradient(90deg, rgba(63,225,189,.052) 1px, transparent 1px), radial-gradient(circle at 78% 42%, rgba(40,116,107,.22), transparent 28%);
  background-size: 40px 40px, 40px 40px, auto;
}
.fssb__hero-copy { position: relative; z-index: 2; max-width: 820px; }
.fssb__eyebrow { display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,.53); font: 9px var(--fssb-mono); letter-spacing: .13em; }
.fssb__eyebrow span { width: 44px; height: 1px; background: var(--fssb-accent); }
.fssb__hero h2 { max-width: 880px; margin-top: 25px; font-size: clamp(68px, 6.45vw, 105px); line-height: .88; letter-spacing: -.038em; }
.fssb :where(h2) em { color: var(--fssb-accent); font-style: normal; }
.fssb__lead { max-width: 660px; margin-top: 31px !important; color: rgba(255,255,255,.64); font-size: 16px; line-height: 1.72; }
.fssb__patent { position: relative; max-width: 690px; margin-top: 26px; padding: 18px 20px 18px 18px; display: grid; grid-template-columns: 112px 1fr; gap: 20px; align-items: stretch; border: 1px solid rgba(200,255,50,.78); border-left: 4px solid var(--fssb-accent); background: linear-gradient(100deg, rgba(200,255,50,.10), rgba(7,16,18,.88) 42%); box-shadow: 0 0 0 1px rgba(200,255,50,.06) inset, 0 14px 34px rgba(0,0,0,.20); font-family: var(--fssb-mono); }
.fssb__patent::after { content: "IP / IT"; position: absolute; top: 8px; right: 10px; color: rgba(200,255,50,.48); font: 700 6px var(--fssb-mono); letter-spacing: .14em; }
.fssb__patent-badge { min-height: 78px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: var(--fssb-ink); background: var(--fssb-accent); line-height: 1; text-align: center; clip-path: polygon(0 0,88% 0,100% 16%,100% 100%,12% 100%,0 84%); }
.fssb__patent-badge span { font-size: 9px; font-weight: 700; letter-spacing: .15em; }
.fssb__patent-badge b { margin-top: 7px; font: 900 16px var(--fssb-display); letter-spacing: .055em; }
.fssb__patent-copy { min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.fssb__patent-copy small { color: rgba(255,255,255,.72); font-size: 7px; line-height: 1.4; letter-spacing: .11em; }
.fssb__patent-copy strong { margin-top: 5px; color: var(--fssb-accent); font: 700 19px/1.15 var(--fssb-mono); letter-spacing: .025em; }
.fssb__patent-copy p { margin-top: 6px !important; color: rgba(255,255,255,.82); font-size: 9px; line-height: 1.45; letter-spacing: .025em; }
.fssb__patent-copy p b { color: var(--fssb-white); font-weight: 700; }
.fssb__button { margin-top: 33px; padding: 15px 19px; display: inline-flex; align-items: center; gap: 22px; color: var(--fssb-ink); background: var(--fssb-accent); font: 700 9px var(--fssb-mono); letter-spacing: .06em; text-transform: uppercase; clip-path: polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%); transition: filter .2s ease, transform .2s ease; }
.fssb__button:hover { filter: brightness(1.08); transform: translateY(-2px); }
.fssb__button span { font-size: 17px; }
.fssb__facts { max-width: 690px; margin-top: 55px !important; display: flex; border-top: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); font-family: var(--fssb-mono); }
.fssb__facts div { flex: 1; padding: 16px 20px; border-left: 1px solid rgba(255,255,255,.18); }
.fssb__facts div:last-child { border-right: 1px solid rgba(255,255,255,.18); }
.fssb__facts dt { color: rgba(255,255,255,.42); font-size: 7px; letter-spacing: .09em; }
.fssb__facts dd { margin-top: 6px; font: 700 15px var(--fssb-display); text-transform: uppercase; }

.fssb__hero-unit { position: relative; z-index: 2; height: 620px; display: grid; place-items: center; border-left: 1px solid rgba(63,225,189,.15); }
.fssb__hero-unit::before { content: ""; position: absolute; width: 470px; height: 470px; border: 1px solid rgba(63,225,189,.17); }
.fssb__hero-unit::after { content: ""; position: absolute; width: 380px; height: 380px; border: 1px dashed rgba(63,225,189,.17); transform: rotate(45deg); }
.fssb__axis { position: absolute; z-index: 1; background: rgba(63,225,189,.17); }
.fssb__axis--x { width: 86%; height: 1px; }
.fssb__axis--y { width: 1px; height: 86%; }
.fssb__datum { position: absolute; z-index: 6; color: rgba(255,255,255,.34); font: 7px/1.7 var(--fssb-mono); letter-spacing: .08em; }
.fssb__datum--top { top: 24px; left: 24px; }
.fssb__datum--bottom { right: 24px; bottom: 24px; text-align: right; }
.fssb__tag { position: absolute; z-index: 6; min-width: 128px; padding: 10px 12px; border: 1px solid rgba(63,225,189,.3); border-left: 3px solid var(--fssb-accent); background: rgba(7,15,17,.94); font-family: var(--fssb-mono); }
.fssb__tag small { display: block; color: var(--fssb-accent); font-size: 6px; letter-spacing: .1em; }
.fssb__tag b { display: block; margin-top: 5px; font-size: 8px; letter-spacing: .04em; }
.fssb__tag--left { left: 0; top: 27%; }
.fssb__tag--right { right: 0; top: 20%; }
.fssb__unit { position: relative; z-index: 4; width: 270px; height: 408px; padding: 22px; background: linear-gradient(145deg,#18292c,#091315 65%); box-shadow: 22px 22px 0 rgba(0,0,0,.28), inset 0 0 0 1px rgba(63,225,189,.25); clip-path: polygon(0 0,88% 0,100% 8%,100% 100%,12% 100%,0 92%); }
.fssb__unit-status { color: rgba(255,255,255,.54); font: 7px var(--fssb-mono); letter-spacing: .11em; }
.fssb__unit-status > i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--fssb-accent); box-shadow: 0 0 10px var(--fssb-accent); }
.fssb__unit-status span { margin-left: 18px; color: rgba(255,255,255,.28); }
.fssb__display { height: 116px; margin-top: 20px; padding: 14px 16px; display: flex; flex-direction: column; color: var(--fssb-accent); background: #0a1819; border: 1px solid rgba(63,225,189,.55); box-shadow: inset 0 0 28px rgba(63,225,189,.07); font-family: var(--fssb-mono); }
.fssb__display small { opacity: .62; font-size: 7px; letter-spacing: .12em; }
.fssb__display strong { margin-top: 6px; font-size: 28px; letter-spacing: -.04em; }
.fssb__display strong i { opacity: .5; font-size: 9px; font-style: normal; }
.fssb__display > b { align-self: flex-start; margin-top: auto; padding: 4px 6px; color: var(--fssb-ink); background: var(--fssb-accent); font-size: 6px; letter-spacing: .08em; }
.fssb__slot { height: 62px; margin-top: 22px; display: grid; place-items: center; background: #020708; border: 1px solid rgba(255,255,255,.12); box-shadow: inset 0 9px 17px rgba(0,0,0,.8); }
.fssb__slot i { width: 160px; height: 5px; background: #0c2529; }
.fssb__signal { margin-top: 25px; display: flex; align-items: end; justify-content: center; gap: 5px; }
.fssb__signal i { width: 4px; background: var(--fssb-mint); opacity: .55; }
.fssb__signal i:nth-child(1) { height: 12px; }.fssb__signal i:nth-child(2) { height: 21px; }.fssb__signal i:nth-child(3) { height: 15px; }
.fssb__unit-name { position: absolute; left: 0; right: 0; bottom: 24px; text-align: center; color: rgba(255,255,255,.58); font: 8px var(--fssb-mono); letter-spacing: .16em; }
.fssb__unit-name b { color: var(--fssb-accent); }.fssb__unit-name small { display: block; margin-top: 6px; color: rgba(255,255,255,.28); font-size: 5px; }
.fssb__reward { position: absolute; z-index: 7; right: 1%; bottom: 68px; min-width: 278px; padding: 14px 16px; display: flex; align-items: center; gap: 12px; color: var(--fssb-white); background: #0c1719; border: 1px solid var(--fssb-accent); box-shadow: 10px 10px 0 rgba(0,0,0,.28); font-family: var(--fssb-mono); clip-path: polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%); }
.fssb__reward > span { width: 42px; height: 42px; display: grid; place-items: center; color: var(--fssb-ink); background: var(--fssb-accent); font-size: 18px; }
.fssb__reward > div { display: flex; flex-direction: column; }.fssb__reward small { opacity: .55; font-size: 6px; }.fssb__reward strong { margin-top: 4px; font-size: 17px; }.fssb__reward strong i { opacity: .5; font-size: 7px; font-style: normal; }
.fssb__reward > b { margin-left: auto; padding: 8px; color: var(--fssb-accent); background: rgba(200,255,50,.13); font-size: 7px; }

.fssb__topology { min-height: 145px; display: grid; grid-template-columns: 230px 1fr; background: #dce3df; border-bottom: 1px solid var(--fssb-line); }
.fssb__topology-label { padding: 28px 24px; color: #40514f; border-right: 1px solid var(--fssb-line); font: 8px var(--fssb-mono); letter-spacing: .08em; }
.fssb__topology-flow { display: flex; align-items: stretch; overflow-x: auto; }
.fssb__topology-flow > div { min-width: 180px; flex: 1; padding: 28px 24px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--fssb-line); }
.fssb__topology-flow span { color: #338677; font: 7px var(--fssb-mono); }.fssb__topology-flow b { margin-top: 8px; font: 700 17px var(--fssb-display); }.fssb__topology-flow small { margin-top: 7px; color: #667370; font: 7px var(--fssb-mono); letter-spacing: .05em; }
.fssb__topology-flow > i { width: 34px; min-width: 34px; display: grid; place-items: center; color: #3f6e66; background: rgba(245,248,243,.45); border-right: 1px solid var(--fssb-line); font: 14px var(--fssb-mono); font-style: normal; }

.fssb__section, .fssb__outcomes { width: min(1320px, calc(100% - 72px)); margin-inline: auto; padding-block: 115px 130px; }
.fssb__kicker { padding-bottom: 13px; color: #536261; border-bottom: 1px solid var(--fssb-line); font: 8px var(--fssb-mono); letter-spacing: .11em; }
.fssb__kicker::before { content: "[ "; color: #1d8b79; }.fssb__kicker::after { content: " ]"; color: #1d8b79; }
.fssb__section-heading { margin-top: 50px; display: flex; align-items: end; justify-content: space-between; gap: 70px; }
.fssb__section-heading h2 { font-size: clamp(48px,5.2vw,78px); line-height: .94; letter-spacing: -.025em; }
.fssb__section-heading > p { max-width: 390px; color: var(--fssb-muted); font-size: 14px; line-height: 1.75; }

.fssb__process { width: 100%; max-width: none; padding-inline: max(6vw,36px); color: var(--fssb-white); background-color: #071012; background-image: linear-gradient(rgba(63,225,189,.035) 1px,transparent 1px), linear-gradient(90deg,rgba(63,225,189,.035) 1px,transparent 1px); background-size: 32px 32px; }
.fssb__process .fssb__kicker { color: rgba(255,255,255,.42); border-color: rgba(63,225,189,.18); }
.fssb__process .fssb__section-heading > p { color: rgba(255,255,255,.48); }
.fssb__tabs { margin-top: 65px; display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid rgba(63,225,189,.28); border-bottom: 0; }
.fssb__tabs button { min-height: 61px; padding: 18px 20px; display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,.45); background: transparent; border: 0; border-right: 1px solid rgba(63,225,189,.18); cursor: pointer; font-family: var(--fssb-mono); text-transform: uppercase; }
.fssb__tabs button:last-child { border-right: 0; }.fssb__tabs button span { font-size: 7px; }.fssb__tabs button b { font-size: 9px; letter-spacing: .05em; }.fssb__tabs button[aria-selected="true"] { color: var(--fssb-ink); background: var(--fssb-accent); }
.fssb__panels { border: 1px solid rgba(63,225,189,.28); }
.fssb__panel { position: relative; min-height: 395px; padding: 64px 58px; display: grid; grid-template-columns: 90px minmax(280px,560px) 1fr; align-items: center; gap: 30px; overflow: hidden; }
.fssb__panel::after { content: "PROCESS_STATE / INSPECTION VIEW"; position: absolute; left: 24px; bottom: 20px; color: rgba(255,255,255,.22); font: 7px var(--fssb-mono); letter-spacing: .1em; }
.fssb__panel-index { align-self: start; color: var(--fssb-accent); font: 16px var(--fssb-mono); }
.fssb__panel > div:nth-child(2) small { color: var(--fssb-mint); font: 8px var(--fssb-mono); letter-spacing: .12em; }.fssb__panel h3 { margin-top: 12px; font-size: 55px; }.fssb__panel p { max-width: 540px; margin-top: 16px !important; color: rgba(255,255,255,.58); line-height: 1.7; }
.fssb__panel-symbol { justify-self: center; position: relative; width: 145px; height: 145px; display: grid; place-items: center; border: 1px solid rgba(63,225,189,.5); transform: rotate(45deg); }.fssb__panel-symbol::before { content: ""; position: absolute; inset: 18px; border: 1px dashed rgba(63,225,189,.24); }.fssb__panel-symbol b { color: var(--fssb-accent); font: 34px var(--fssb-mono); transform: rotate(-45deg); }.fssb__panel-symbol i { position: absolute; width: 6px; height: 6px; background: var(--fssb-mint); box-shadow: 0 0 10px var(--fssb-mint); }.fssb__panel-symbol i:first-child { top: 10px; }.fssb__panel-symbol i:nth-child(2) { right: 10px; bottom: 20px; }

.fssb__modules { margin-top: 65px; display: grid; grid-template-columns: 1.1fr .9fr; grid-template-rows: 390px 390px 280px; gap: 8px; }
.fssb__module { position: relative; padding: 27px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(9,18,20,.3); background-color: rgba(245,248,243,.44); background-image: linear-gradient(rgba(9,18,20,.04) 1px,transparent 1px), linear-gradient(90deg,rgba(9,18,20,.04) 1px,transparent 1px); background-size: 24px 24px; }
.fssb__module:first-child { grid-row: span 2; }.fssb__module:last-child { grid-column: 1/3; }
.fssb__module > span { color: #53625f; font: 7px var(--fssb-mono); letter-spacing: .11em; }.fssb__module h3 { margin-top: auto; font-size: 27px; }.fssb__module > p { max-width: 520px; margin-top: 12px !important; color: var(--fssb-muted); font-size: 13px; line-height: 1.65; }
.fssb__module--dark { color: var(--fssb-white); background-color: #091315; background-image: linear-gradient(rgba(63,225,189,.04) 1px,transparent 1px), linear-gradient(90deg,rgba(63,225,189,.04) 1px,transparent 1px); }.fssb__module--dark > span { color: rgba(255,255,255,.43); }.fssb__module--dark > p { color: rgba(255,255,255,.52); }
.fssb__module--accent { background-color: var(--fssb-accent); }.fssb__module--accent > p { max-width: 55%; }
.fssb__module-visual { position: absolute; top: 120px; left: 50%; width: 310px; height: 310px; transform: translateX(-50%) rotate(45deg); display: grid; place-items: center; border: 1px solid rgba(63,225,189,.24); }.fssb__module-visual::before { content: ""; position: absolute; inset: 48px; border: 1px dashed rgba(63,225,189,.24); }.fssb__module-visual b { width: 120px; height: 120px; display: grid; place-items: center; color: var(--fssb-ink); background: var(--fssb-accent); transform: rotate(-45deg); font: 700 20px var(--fssb-mono); clip-path: polygon(0 0,80% 0,100% 20%,100% 100%,20% 100%,0 80%); }.fssb__module-visual i { position: absolute; padding: 6px 9px; color: var(--fssb-mint); background: #0a1719; border: 1px solid rgba(63,225,189,.3); font: 7px var(--fssb-mono); font-style: normal; transform: rotate(-45deg); }.fssb__module-visual i:nth-of-type(1) { left: 12px; top: 28px; }.fssb__module-visual i:nth-of-type(2) { right: 10px; top: 96px; }.fssb__module-visual i:nth-of-type(3) { left: 30px; bottom: 20px; }
.fssb__signal-map { position: absolute; right: 50px; top: 78px; width: 160px; height: 160px; display: grid; place-items: center; }.fssb__signal-map i { position: absolute; border: 1px solid #3f746a; border-left-color: transparent; border-bottom-color: transparent; border-radius: 50%; transform: rotate(-45deg); }.fssb__signal-map i:nth-child(1) { width: 150px; height: 150px; opacity: .28; }.fssb__signal-map i:nth-child(2) { width: 100px; height: 100px; opacity: .5; }.fssb__signal-map i:nth-child(3) { width: 55px; height: 55px; opacity: .75; }.fssb__signal-map b { width: 46px; height: 46px; display: grid; place-items: center; color: var(--fssb-accent); background: var(--fssb-ink); font: 7px var(--fssb-mono); }
.fssb__blocks { position: absolute; right: 45px; top: 100px; display: flex; }.fssb__blocks i { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid #697572; font: 8px var(--fssb-mono); font-style: normal; }.fssb__blocks i + i { margin-left: 12px; }.fssb__blocks i:last-child { color: var(--fssb-accent); background: var(--fssb-ink); }
.fssb__wallet { position: absolute; top: 72px; right: 70px; width: 320px; padding: 24px 27px; display: flex; align-items: center; gap: 22px; background: rgba(255,255,255,.32); border: 1px solid rgba(9,18,20,.28); box-shadow: 10px 10px 0 rgba(9,18,20,.12); font-family: var(--fssb-mono); }.fssb__wallet > b { width: 72px; height: 72px; display: grid; place-items: center; color: var(--fssb-accent); background: var(--fssb-ink); font-size: 25px; }.fssb__wallet span { font-size: 7px; letter-spacing: .1em; }.fssb__wallet strong { display: block; margin-top: 8px; font-size: 25px; letter-spacing: -.04em; }

.fssb__outcomes { width: 100%; max-width: none; padding-inline: max(6vw,36px); background-color: #dfe6e2; background-image: linear-gradient(rgba(9,18,20,.03) 1px,transparent 1px), linear-gradient(90deg,rgba(9,18,20,.03) 1px,transparent 1px); background-size: 32px 32px; }
.fssb__outcome-list { margin-top: 65px; border-top: 1px solid var(--fssb-line); }.fssb__outcome-list article { padding: 36px 0; display: grid; grid-template-columns: 70px 160px 1fr minmax(240px,.6fr); align-items: center; gap: 28px; border-bottom: 1px solid var(--fssb-line); }.fssb__outcome-list article > span { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #879995; font: 12px var(--fssb-mono); }.fssb__outcome-list small { color: #61736f; font: 7px var(--fssb-mono); letter-spacing: .1em; }.fssb__outcome-list h3 { font-size: 26px; }.fssb__outcome-list p { color: #5c6b68; font-size: 13px; line-height: 1.65; }

.fssb__deployment-grid { margin-top: 65px; display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }.fssb__deployment-grid article { min-height: 410px; padding: 25px; display: flex; flex-direction: column; border: 1px solid var(--fssb-line); background: rgba(245,248,243,.48); }.fssb__deployment-grid article > span { align-self: flex-start; padding: 5px 7px; border: 1px solid var(--fssb-line); color: #5c6966; font: 7px var(--fssb-mono); }.fssb__deployment-grid h3 { margin-top: auto; font-size: 21px; }.fssb__deployment-grid p { margin-top: 11px !important; color: var(--fssb-muted); font-size: 12px; line-height: 1.65; }
.fssb__mini-diagram { height: 155px; margin-top: 35px; display: flex; align-items: end; justify-content: center; gap: 6px; border-bottom: 1px solid #778682; background-image: linear-gradient(rgba(9,18,20,.045) 1px,transparent 1px), linear-gradient(90deg,rgba(9,18,20,.045) 1px,transparent 1px); background-size: 16px 16px; }.fssb__mini-diagram i { display: block; width: 42px; height: 65px; background: var(--fssb-ink); }.fssb__mini-diagram i:nth-child(2) { width: 62px; height: 112px; background: #316e64; }.fssb__mini-diagram i:nth-child(3) { height: 82px; }.fssb__mini-diagram--center i:first-child { width: 130px; height: 76px; background: #316e64; }.fssb__mini-diagram--center i:last-child { position: absolute; width: 55px; height: 106px; background: transparent; border: 7px solid var(--fssb-ink); border-bottom: 0; }.fssb__mini-diagram--campus i:first-child,.fssb__mini-diagram--campus i:last-child { height: 60px; }.fssb__mini-diagram--campus i:nth-child(2) { width: 92px; height: 98px; }.fssb__mini-diagram--mobile i:first-child { width: 88px; height: 108px; background: #316e64; }.fssb__mini-diagram--mobile i:last-child { width: 50px; height: 72px; }

.fssb__cta { position: relative; min-height: 650px; padding: 110px max(8vw,70px); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; color: var(--fssb-white); background-color: #071012; background-image: linear-gradient(rgba(63,225,189,.045) 1px,transparent 1px), linear-gradient(90deg,rgba(63,225,189,.045) 1px,transparent 1px); background-size: 32px 32px; overflow: hidden; }.fssb__cta-grid { position: absolute; right: -70px; width: 580px; height: 580px; border: 1px solid rgba(63,225,189,.14); transform: rotate(45deg); }.fssb__cta-grid::before,.fssb__cta-grid::after { content: ""; position: absolute; border: 1px dashed rgba(63,225,189,.13); }.fssb__cta-grid::before { inset: 80px; }.fssb__cta-grid::after { inset: 170px; }.fssb__cta > *:not(.fssb__cta-grid) { position: relative; z-index: 2; }.fssb__cta h2 { max-width: 940px; margin-top: 20px; font-size: clamp(58px,7vw,104px); line-height: .91; letter-spacing: -.03em; }.fssb__cta > p:not(.fssb__eyebrow) { max-width: 550px; margin-top: 27px !important; color: rgba(255,255,255,.57); font-size: 15px; line-height: 1.7; }
.fssb__footer { padding: 37px max(5vw,30px); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; color: rgba(255,255,255,.46); background: #040b0d; border-top: 1px solid rgba(255,255,255,.12); font: 7px var(--fssb-mono); letter-spacing: .1em; }.fssb__footer > span { color: var(--fssb-white); }.fssb__footer small { font: inherit; }.fssb__footer a { justify-self: end; color: var(--fssb-accent); }

@media (max-width: 1050px) {
  .fssb__hero { grid-template-columns: 1fr; padding-top: 140px; }
  .fssb__hero-unit { margin-top: 30px; border-left: 0; border-top: 1px solid rgba(63,225,189,.15); }
  .fssb__topology { grid-template-columns: 1fr; }
  .fssb__topology-label { padding: 17px 22px; border-right: 0; border-bottom: 1px solid var(--fssb-line); }
  .fssb__section-heading { display: block; }
  .fssb__section-heading > p { margin-top: 25px; }
  .fssb__panel { grid-template-columns: 60px 1fr 210px; }
  .fssb__modules { grid-template-columns: 1fr 1fr; grid-template-rows: 620px 360px 280px; }
  .fssb__module:first-child { grid-column: 1/3; grid-row: auto; }
  .fssb__module:last-child { grid-column: 1/3; }
  .fssb__module:nth-child(2), .fssb__module:nth-child(3) { grid-row: 2; }
  .fssb__deployment-grid { grid-template-columns: repeat(2,1fr); }
  .fssb__outcome-list article { grid-template-columns: 60px 140px 1fr; }
  .fssb__outcome-list article p { grid-column: 3; }
  .fssb__cta-grid { right: -270px; opacity: .55; }
}

@media (max-width: 720px) {
  .fssb { font-size: 15px; }
  .fssb__header { width: calc(100% - 32px); height: 70px; }
  .fssb__header nav { display: none; }
  .fssb__brand b { font-size: 12px; }.fssb__brand small { font-size: 6px; }
  .fssb__hero { min-height: auto; padding: 115px 20px 75px; }
  .fssb__hero h2 { font-size: clamp(48px,13vw,65px); line-height: .9; }
  .fssb__lead { font-size: 14px; }
  .fssb__facts { display: grid; grid-template-columns: 1fr; }
  .fssb__facts div { border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.12); }.fssb__facts div:last-child { border-bottom: 0; }
  .fssb__hero-unit { height: 530px; margin-inline: -22px; transform: scale(.86); }
  .fssb__datum { display: none; }.fssb__hero-unit::before { width: 430px; height: 430px; }.fssb__hero-unit::after { width: 330px; height: 330px; }.fssb__tag--left { left: -8px; }.fssb__tag--right { right: -8px; }.fssb__reward { right: -5px; min-width: 258px; }
  .fssb__topology-flow > div { min-width: 175px; padding: 22px 18px; }.fssb__topology-flow > i { min-width: 28px; width: 28px; }
  .fssb__section, .fssb__outcomes { width: calc(100% - 32px); padding-block: 82px 92px; }
  .fssb__process, .fssb__outcomes { width: 100%; padding-inline: 16px; }
  .fssb__section-heading { margin-top: 40px; }.fssb__section-heading h2 { font-size: 42px; }
  .fssb__tabs { margin-top: 45px; display: flex; overflow-x: auto; }.fssb__tabs button { min-width: 128px; }
  .fssb__panel { min-height: 470px; padding: 34px 25px; grid-template-columns: 42px 1fr; align-items: start; }.fssb__panel > div:nth-child(2) { grid-column: 2; }.fssb__panel h3 { font-size: 40px; }.fssb__panel-symbol { grid-column: 2; justify-self: start; width: 110px; height: 110px; margin-top: 15px; }
  .fssb__modules { display: flex; flex-direction: column; }.fssb__module { min-height: 390px; }.fssb__module:first-child { min-height: 590px; }.fssb__module--accent > p { max-width: 72%; }.fssb__module-visual { width: 285px; height: 285px; }.fssb__signal-map { right: 10px; }.fssb__blocks { right: 10px; }.fssb__wallet { right: -35px; transform: scale(.66); transform-origin: top right; }
  .fssb__outcome-list article { grid-template-columns: 48px 1fr; gap: 15px; }.fssb__outcome-list article small,.fssb__outcome-list article h3,.fssb__outcome-list article p { grid-column: 2; }.fssb__outcome-list article h3 { font-size: 22px; }
  .fssb__deployment-grid { grid-template-columns: 1fr; }.fssb__deployment-grid article { min-height: 390px; }
  .fssb__cta { min-height: 610px; padding: 85px 22px; }.fssb__cta h2 { font-size: 50px; }.fssb__cta-grid { right: -350px; }
  .fssb__footer { display: flex; flex-direction: column; align-items: flex-start; gap: 15px; }.fssb__footer a { align-self: flex-end; }
}

@media (max-width: 680px) {
  .fssb__patent { grid-template-columns: 90px 1fr; gap: 12px; padding: 14px; }
  .fssb__patent-badge { min-height: 68px; }
  .fssb__patent-badge b { font-size: 13px; }
  .fssb__patent-copy strong { font-size: 14px; overflow-wrap: anywhere; }
  .fssb__patent-copy p { font-size: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .fssb *, .fssb *::before, .fssb *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}


/* v1.1.6 - bundled FREE SEAS logo */
.fssb__brand { flex: 0 0 auto; }
.fssb__site-logo {
  display: block !important;
  width: 185px !important;
  max-width: 185px !important;
  height: auto !important;
  max-height: 58px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
@media (max-width: 767px) {
  .fssb__site-logo { width: 135px !important; max-width: 135px !important; max-height: 48px !important; }
}

/* v1.2.0 — RAEE Circular Value Simulator */
.fssb__raee-simulator{padding-top:110px;padding-bottom:120px;background:#eef2ef}
.fssb__sim-disclaimer{margin:48px 0 30px;padding:18px 20px;display:grid;grid-template-columns:190px 1fr;gap:24px;border-left:3px solid var(--fssb-accent);background:rgba(255,255,255,.55)}
.fssb__sim-disclaimer strong{font:8px var(--fssb-mono);letter-spacing:.12em;color:var(--fssb-ink)}
.fssb__sim-disclaimer span{font-size:12px;line-height:1.65;color:var(--fssb-muted)}
.fssb__sim-grid{display:grid;grid-template-columns:.72fr 1.28fr;border:1px solid var(--fssb-line);background:#f7f9f6}
.fssb__sim-controls{padding:34px;background:#dfe6e2;border-right:1px solid var(--fssb-line)}
.fssb__sim-field{display:block;margin-bottom:28px}
.fssb__sim-field>span{display:block;margin-bottom:9px;font:8px var(--fssb-mono);letter-spacing:.11em;color:#36534c}
.fssb__sim-field select,.fssb__sim-field input{width:100%;min-height:52px;padding:13px 14px;border:1px solid #758681;background:#f8faf7;color:var(--fssb-ink);font:600 14px var(--fssb-sans);outline:none}
.fssb__sim-field select:focus,.fssb__sim-field input:focus{border-color:var(--fssb-accent);box-shadow:0 0 0 2px rgba(63,225,189,.16)}
.fssb__sim-field small{display:block;margin-top:8px;font-size:10px;line-height:1.55;color:#657570}
.fssb__sim-weight{display:grid;grid-template-columns:1fr 48px}.fssb__sim-weight b{display:grid;place-items:center;border:1px solid #758681;border-left:0;background:#071012;color:#fff;font:8px var(--fssb-mono)}
.fssb__sim-run{border:0;cursor:pointer}.fssb__sim-run:disabled{opacity:.58;cursor:wait}
.fssb__sim-state{margin:16px 0 0!important;font:8px var(--fssb-mono);line-height:1.5;color:#557069;letter-spacing:.04em}
.fssb__sim-results{padding:34px;background:#071f25;color:#fff;background-image:linear-gradient(rgba(63,225,189,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(63,225,189,.045) 1px,transparent 1px);background-size:32px 32px}
.fssb__sim-result-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.14)}
.fssb__sim-result-head span{font:8px var(--fssb-mono);letter-spacing:.13em;color:var(--fssb-accent)}
.fssb__sim-result-head b{font:10px var(--fssb-mono);letter-spacing:.08em;color:#fff;text-align:right}
.fssb__sim-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0 30px;border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}
.fssb__sim-metrics article{min-height:145px;padding:20px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.fssb__sim-metrics small{display:block;font:7px var(--fssb-mono);letter-spacing:.09em;color:#8eb3aa}
.fssb__sim-metrics strong{display:block;margin-top:19px;font-size:27px;line-height:1;color:#b8ff66;letter-spacing:-.04em}
.fssb__sim-metrics span{display:block;margin-top:9px;font-size:9px;color:rgba(255,255,255,.48);line-height:1.45}
.fssb__materials{padding-top:5px}.fssb__materials-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.fssb__materials-head span{font:7px var(--fssb-mono);letter-spacing:.12em;color:var(--fssb-accent)}.fssb__materials-head b{font-size:13px;color:#fff}
.fssb__materials-list{display:grid;gap:12px}.fssb__material-row{padding:12px 0;border-top:1px solid rgba(255,255,255,.11)}
.fssb__material-meta{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;margin-bottom:8px}.fssb__material-meta b{font-size:12px;color:#fff}.fssb__material-meta span{font:8px var(--fssb-mono);color:#8eb3aa}.fssb__material-meta em{font-style:normal;font-size:11px;color:#b8ff66}
.fssb__material-track{height:7px;background:rgba(255,255,255,.09);overflow:hidden}.fssb__material-track i{display:block;height:100%;background:linear-gradient(90deg,var(--fssb-accent),#b8ff66);transition:width .45s ease}
.fssb__sim-method{display:grid;grid-template-columns:repeat(4,1fr);margin-top:26px;border-top:1px solid var(--fssb-line);border-left:1px solid var(--fssb-line)}
.fssb__sim-method>div{min-height:175px;padding:22px;border-right:1px solid var(--fssb-line);border-bottom:1px solid var(--fssb-line);background:rgba(255,255,255,.42)}
.fssb__sim-method span{font:8px var(--fssb-mono);color:#2d7164}.fssb__sim-method b{display:block;margin-top:23px;font-size:16px}.fssb__sim-method p{margin-top:9px!important;font-size:10px;line-height:1.6;color:var(--fssb-muted)}
@media(max-width:1050px){.fssb__sim-grid{grid-template-columns:1fr}.fssb__sim-controls{border-right:0;border-bottom:1px solid var(--fssb-line)}.fssb__sim-method{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.fssb__raee-simulator{width:100%!important;padding-inline:16px!important}.fssb__sim-disclaimer{grid-template-columns:1fr;gap:8px}.fssb__sim-controls,.fssb__sim-results{padding:22px}.fssb__sim-metrics{grid-template-columns:1fr 1fr}.fssb__material-meta{grid-template-columns:1fr auto}.fssb__material-meta span{grid-column:1}.fssb__sim-method{grid-template-columns:1fr}.fssb__sim-result-head{align-items:flex-start;flex-direction:column}.fssb__sim-result-head b{text-align:left}}
@media(max-width:480px){.fssb__sim-metrics{grid-template-columns:1fr}.fssb__material-meta{grid-template-columns:1fr}.fssb__material-meta span{grid-column:auto}.fssb__material-meta em{justify-self:start}}


/* v1.2.1 — simulatore anticipato e testi metodologia più leggibili */
.fssb__raee-simulator{padding-top:90px;padding-bottom:100px}
.fssb__sim-method>div{padding:34px 28px 36px}
.fssb__sim-method>div>span{font-size:12px}
.fssb__sim-method>div>b{font-size:20px;line-height:1.2;margin-top:34px}
.fssb__sim-method>div>p{font-size:15px;line-height:1.65;margin-top:14px;max-width:330px}
@media(max-width:980px){.fssb__sim-method{grid-template-columns:1fr 1fr}.fssb__sim-method>div{min-height:220px}}
@media(max-width:720px){.fssb__sim-method{grid-template-columns:1fr}.fssb__sim-method>div{min-height:0;padding:26px 22px}.fssb__sim-method>div>b{font-size:18px;margin-top:20px}.fssb__sim-method>div>p{font-size:15px}}


/* v1.2.2 — tokenizzazione nel simulatore */
.fssb__token-demo{margin-top:34px;padding:26px;background:#082d38;color:#fff;border:1px solid rgba(255,255,255,.12)}
.fssb__token-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.15)}
.fssb__token-head>div>span{display:block;font-size:10px;letter-spacing:.14em;color:#7ddbd4;font-weight:800;margin-bottom:7px}.fssb__token-head b{font-size:18px;line-height:1.35;color:#fff}
.fssb__token-status{padding:7px 10px;border:1px solid rgba(125,219,212,.45);color:#7ddbd4;font-size:9px;letter-spacing:.1em;font-weight:800;white-space:nowrap}
.fssb__token-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:20px 0}.fssb__token-flow span{padding:7px 9px;border:1px solid rgba(255,255,255,.18);font-size:10px;color:rgba(255,255,255,.72)}.fssb__token-flow span.is-token{border-color:#7ddbd4;color:#7ddbd4}.fssb__token-flow i{font-style:normal;color:#ff8a1f}
.fssb__token-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}.fssb__token-metrics article{padding:16px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.fssb__token-metrics small{display:block;font-size:9px;letter-spacing:.09em;color:rgba(255,255,255,.55);margin-bottom:9px}.fssb__token-metrics strong{display:block;font-size:18px;color:#fff;margin-bottom:5px}.fssb__token-metrics span{font-size:9px;color:rgba(255,255,255,.58);line-height:1.45}
.fssb__token-note{margin:18px 0 0;font-size:12px;line-height:1.65;color:rgba(255,255,255,.7)}
.fssb__sim-method{grid-template-columns:repeat(5,1fr)}
@media(max-width:980px){.fssb__token-metrics{grid-template-columns:1fr 1fr}.fssb__sim-method{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.fssb__token-head{flex-direction:column}.fssb__token-metrics{grid-template-columns:1fr}.fssb__sim-method{grid-template-columns:1fr}}


/* v1.2.3 — CfER branding nella tokenizzazione RAEE */
.fssb__token-brand{display:flex;align-items:center;gap:15px}.fssb__token-brand>img{width:58px;height:58px;object-fit:cover;border-radius:12px;background:#000;border:1px solid rgba(255,138,31,.45);box-shadow:0 8px 18px rgba(0,0,0,.2)}
.fssb__wallet-logo{overflow:hidden;padding:0!important;background:#000!important}.fssb__wallet-logo img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:720px){.fssb__token-brand{align-items:flex-start}.fssb__token-brand>img{width:48px;height:48px;border-radius:10px}}


/* v1.2.9 — separazione corretta titolo/token claim CfER */
.fssb__token-brand>div>span{display:block!important;font-size:10px;letter-spacing:.14em;color:#7ddbd4;font-weight:800;margin:0 0 7px!important;line-height:1.3}
.fssb__token-brand>div>b{display:block!important;font-size:18px;line-height:1.35;color:#fff}