:root {
    --gss-public-bg-abyss: rgb(1 5 14);
    --gss-public-bg-deep: rgb(2 8 22);
    --gss-public-bg: rgb(4 14 32);
    --gss-public-bg-panel: rgb(7 20 43);
    --gss-public-surface: rgb(8 22 46 / 76%);
    --gss-public-surface-raised: rgb(13 33 68 / 78%);
    --gss-public-surface-glass: rgb(246 251 255 / 7%);
    --gss-public-surface-frost: rgb(12 32 64 / 52%);
    --gss-public-border: rgb(82 190 255 / 18%);
    --gss-public-border-strong: rgb(103 215 255 / 42%);
    --gss-public-border-soft: rgb(255 255 255 / 8%);
    --gss-public-text: rgb(248 252 255);
    --gss-public-text-soft: rgb(220 236 255);
    --gss-public-muted: rgb(146 169 196);
    --gss-public-muted-deep: rgb(92 120 154);
    --gss-public-cyan: rgb(70 198 255);
    --gss-public-cyan-bright: rgb(144 238 255);
    --gss-public-blue: rgb(36 119 255);
    --gss-public-blue-deep: rgb(19 64 168);
    --gss-public-indigo: rgb(84 76 255);
    --gss-public-violet: rgb(156 105 255);
    --gss-public-green: rgb(91 241 184);
    --gss-public-amber: rgb(255 190 92);
    --gss-public-pink: rgb(255 105 188);
    --gss-public-glow-cyan: rgb(70 198 255 / 26%);
    --gss-public-glow-blue: rgb(36 119 255 / 38%);
    --gss-public-glow-violet: rgb(156 105 255 / 24%);
    --gss-public-shadow-cinematic: 0 34px 110px rgb(0 0 0 / 54%);
    --gss-public-shadow-raised: 0 22px 62px rgb(0 0 0 / 38%);
    --gss-public-shadow-card: 0 18px 52px rgb(0 0 0 / 34%);
    --gss-public-ring: 0 0 0 1px rgb(255 255 255 / 8%), 0 0 0 5px rgb(70 198 255 / 10%);
    --gss-public-radius-premium: .5rem;
    --gss-public-radius-control: .375rem;
    --gss-color-background: var(--gss-public-bg-abyss);
    --gss-color-surface: var(--gss-public-surface);
    --gss-color-surface-elevated: var(--gss-public-surface-raised);
    --gss-color-border: var(--gss-public-border);
    --gss-color-text-primary: var(--gss-public-text);
    --gss-color-text-secondary: var(--gss-public-muted);
    --gss-color-action-primary: var(--gss-public-cyan);
    --gss-color-action-primary-hover: var(--gss-public-cyan-bright);
    --gss-color-action-on-primary: var(--gss-public-bg-abyss);
    --gss-shadow-raised: var(--gss-public-shadow-raised);
}

.gss-page-grid {
    display: grid;
    gap: var(--gss-space-lg);
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    margin-top: var(--gss-space-xl);
}

.gss-public-foundation {
    background:
        radial-gradient(ellipse at 68% 4%, rgb(70 198 255 / 24%), transparent 36rem),
        radial-gradient(ellipse at 18% 14%, rgb(36 119 255 / 22%), transparent 34rem),
        radial-gradient(ellipse at 78% 36%, rgb(156 105 255 / 14%), transparent 32rem),
        linear-gradient(180deg, rgb(2 8 22), rgb(1 5 14) 46rem, rgb(3 10 24) 100%),
        var(--gss-public-bg-abyss);
    color: var(--gss-color-text-primary);
    isolation: isolate;
    min-height: 100vh;
    overflow-x: clip;
    position: relative;
}

.gss-public-foundation::before,
.gss-public-foundation::after {
    content: "";
    inset: 0;
    pointer-events: none;
    position: fixed;
    z-index: -1;
}

.gss-public-foundation::before {
    background:
        linear-gradient(90deg, rgb(70 198 255 / 5%) 1px, transparent 1px),
        linear-gradient(rgb(70 198 255 / 4%) 1px, transparent 1px),
        radial-gradient(circle at 50% 0%, rgb(255 255 255 / 10%), transparent 28rem);
    background-size: 4rem 4rem, 4rem 4rem, 100% 100%;
    mask-image: linear-gradient(180deg, black, transparent 78rem);
    opacity: .72;
}

.gss-public-foundation::after {
    background:
        linear-gradient(115deg, transparent 0 22%, rgb(70 198 255 / 6%) 22.15% 22.35%, transparent 22.5% 100%),
        linear-gradient(72deg, transparent 0 58%, rgb(36 119 255 / 7%) 58.1% 58.3%, transparent 58.45% 100%);
    mix-blend-mode: screen;
    opacity: .84;
}

.gss-public-foundation__main {
    min-width: 0;
    position: relative;
    z-index: 1;
}

.gss-public-site-header {
    align-items: center;
    backdrop-filter: blur(22px);
    background: linear-gradient(180deg, rgb(1 5 14 / 88%), rgb(1 5 14 / 72%));
    border-bottom: 1px solid var(--gss-public-border-soft);
    box-shadow: 0 1px 0 rgb(255 255 255 / 5%), 0 18px 50px rgb(0 0 0 / 38%);
    display: grid;
    gap: var(--gss-space-md);
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--gss-space-md) clamp(var(--gss-space-md), 4vw, var(--gss-space-xl));
    position: sticky;
    top: 0;
    z-index: 10;
}

.gss-public-brand {
    align-items: center;
    color: var(--gss-public-text);
    display: inline-flex;
    font: var(--gss-font-label);
    gap: var(--gss-space-xs);
    min-width: 0;
    text-decoration: none;
}

.gss-public-brand img {
    height: 2.5rem;
    filter: drop-shadow(0 0 16px rgb(70 198 255 / 26%));
    width: auto;
}

.gss-public-brand span span,
.gss-public-site-footer h2 span {
    color: var(--gss-public-cyan-bright);
}

.gss-public-nav,
.gss-public-language {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gss-space-xs);
    justify-content: center;
}

.gss-public-nav a,
.gss-public-language a {
    border: 1px solid transparent;
    border-radius: var(--gss-public-radius-control);
    color: var(--gss-public-muted);
    font: var(--gss-font-body-sm);
    padding: var(--gss-space-xs) var(--gss-space-sm);
    position: relative;
    text-decoration: none;
    transition: background .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease, transform .22s ease;
}

.gss-public-nav a:hover,
.gss-public-nav a:focus-visible,
.gss-public-language a:hover,
.gss-public-language a:focus-visible {
    background: rgb(70 198 255 / 8%);
    border-color: var(--gss-public-border);
    box-shadow: var(--gss-public-ring);
    color: var(--gss-public-text);
    transform: translateY(-1px);
}

.gss-public-nav__client,
.gss-public-button--primary {
    background:
        linear-gradient(135deg, rgb(144 238 255 / 96%), rgb(36 119 255 / 98%) 58%, rgb(84 76 255 / 92%));
    border-color: rgb(144 238 255 / 56%);
    box-shadow: 0 16px 42px var(--gss-public-glow-blue), 0 0 28px rgb(70 198 255 / 20%);
    color: var(--gss-color-action-on-primary);
}

.gss-public-nav__client:hover,
.gss-public-nav__client:focus-visible,
.gss-public-button--primary:hover,
.gss-public-button--primary:focus-visible {
    background:
        linear-gradient(135deg, rgb(213 249 255), rgb(70 198 255) 44%, rgb(36 119 255));
    box-shadow: 0 20px 54px rgb(36 119 255 / 48%), 0 0 46px rgb(70 198 255 / 34%);
    color: var(--gss-color-action-on-primary);
}

.gss-public-nav-toggle,
.gss-public-nav-button {
    display: none;
}

.gss-public-nav-button {
    align-items: center;
    background: rgb(255 255 255 / 6%);
    border: 1px solid var(--gss-public-border);
    border-radius: var(--gss-public-radius-control);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%);
    cursor: pointer;
    flex-direction: column;
    gap: .2rem;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.gss-public-nav-button span {
    background: var(--gss-public-text);
    border-radius: var(--gss-public-radius-control);
    height: 2px;
    width: 1.1rem;
}

.gss-prontox-shell {
    --prontox-bg: rgb(0 4 18);
    --prontox-surface: rgb(5 13 34 / 74%);
    --prontox-surface-strong: rgb(8 17 43 / 88%);
    --prontox-border: rgb(28 163 255 / 54%);
    --prontox-border-soft: rgb(91 218 255 / 22%);
    --prontox-text: rgb(249 252 255);
    --prontox-muted: rgb(197 211 232);
    --prontox-cyan: rgb(0 224 214);
    --prontox-blue: rgb(25 145 255);
    --prontox-violet: rgb(126 70 255);
    --prontox-green: rgb(39 222 177);
    --prontox-amber: rgb(255 178 39);
    --prontox-bg-image: image-set(
        url("assets/prontox/prontox-prelaunch-background.avif") type("image/avif"),
        url("assets/prontox/prontox-prelaunch-background.webp") type("image/webp"),
        url("assets/prontox/prontox-prelaunch-background.png") type("image/png")
    );
    background: var(--prontox-bg);
    color: var(--prontox-text);
    min-height: 100vh;
    overflow-x: clip;
}

.gss-prontox-page {
    --prontox-cyan: var(--preflight-primary, rgb(0 224 214));
    --prontox-blue: var(--preflight-primary, rgb(25 145 255));
    --prontox-violet: var(--preflight-secondary, rgb(126 70 255));
    --prontox-border: var(--preflight-glow, rgb(28 163 255 / 54%));
    --prontox-surface: var(--preflight-panel, rgb(5 13 34 / 74%));
    background:
        linear-gradient(180deg, rgb(0 4 18 / 42%), rgb(0 4 18 / 82%) 68%, rgb(0 4 18)),
        var(--prontox-bg-image) center top / min(118rem, 150vw) auto no-repeat,
        radial-gradient(ellipse at 70% 0%, rgb(28 163 255 / 20%), transparent 42rem),
        var(--prontox-bg);
    display: grid;
    gap: clamp(1rem, 2vw, 1.6rem);
    min-height: 100vh;
    padding: clamp(1rem, 2.6vw, 2rem) clamp(1rem, 4vw, 3.8rem) 2rem;
}

.gss-prontox-header,
.gss-prontox-hero,
.gss-prontox-early-strip,
.gss-prontox-metrics,
.gss-prontox-audiences,
.gss-prontox-trust,
.gss-prontox-form {
    margin-inline: auto;
    max-width: 112rem;
    width: 100%;
}

.gss-prontox-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: 4.5rem;
}

.gss-prontox-brand {
    align-items: center;
    color: var(--prontox-text);
    display: inline-flex;
    gap: .9rem;
    text-decoration: none;
}

.gss-prontox-brand img {
    filter: drop-shadow(0 0 1.2rem rgb(25 145 255 / 50%));
    height: clamp(3.2rem, 5vw, 4.7rem);
    width: auto;
}

.gss-prontox-brand strong {
    display: block;
    font-size: clamp(1.2rem, 2.1vw, 1.9rem);
    line-height: 1;
}

.gss-prontox-brand strong span,
.gss-prontox-trust p span {
    color: var(--prontox-cyan);
}

.gss-prontox-brand small {
    color: white;
    display: block;
    font-size: clamp(.58rem, .82vw, .82rem);
    font-weight: 700;
    margin-top: .35rem;
}

.gss-prontox-button {
    align-items: center;
    border: 1px solid rgb(255 255 255 / 14%);
    border-radius: .5rem;
    color: var(--prontox-text);
    display: inline-flex;
    font-weight: 800;
    justify-content: center;
    min-height: 3.1rem;
    padding: .8rem 1.25rem;
    text-decoration: none;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.gss-prontox-button:hover,
.gss-prontox-button:focus-visible {
    border-color: rgb(255 255 255 / 56%);
    box-shadow: 0 0 0 .25rem rgb(0 224 214 / 16%);
    transform: translateY(-1px);
}

.gss-prontox-button--primary {
    background: linear-gradient(135deg, var(--prontox-violet), var(--prontox-blue) 48%, var(--prontox-cyan));
    border-color: rgb(0 224 214 / 50%);
    box-shadow: 0 1rem 2.4rem rgb(25 145 255 / 30%);
}

.gss-prontox-button--ghost {
    background: rgb(2 8 25 / 72%);
    border-color: rgb(91 218 255 / 28%);
}

.gss-prontox-hero {
    align-items: center;
    display: grid;
    gap: clamp(1.2rem, 2.4vw, 2rem);
    grid-template-columns: minmax(19rem, .85fr) minmax(20rem, .8fr) minmax(24rem, .95fr);
    min-height: clamp(31rem, 58vh, 39rem);
    position: relative;
}

.gss-prontox-hero__copy {
    display: grid;
    gap: 1.1rem;
    grid-column: 1;
    grid-row: 1;
    position: relative;
    z-index: 2;
}

.gss-prontox-badge {
    align-items: center;
    background: rgb(4 16 42 / 74%);
    border: 1px solid rgb(91 218 255 / 28%);
    border-radius: 999px;
    color: white;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 800;
    gap: .55rem;
    justify-self: start;
    padding: .45rem .9rem;
}

.gss-prontox-badge span {
    background: var(--prontox-green);
    border-radius: 50%;
    box-shadow: 0 0 .8rem var(--prontox-green);
    height: .45rem;
    width: .45rem;
}

.gss-prontox-hero h1 {
    font-size: clamp(2.7rem, 4.15vw, 4.55rem);
    line-height: .98;
    margin: 0;
    max-width: 13ch;
}

.gss-prontox-hero h1:focus {
    outline: 0;
}

.gss-prontox-hero__highlight {
    background: linear-gradient(90deg, var(--prontox-cyan), var(--prontox-blue) 44%, var(--prontox-violet));
    background-clip: text;
    color: transparent;
    font-size: clamp(2.1rem, 3.65vw, 3.85rem);
    font-weight: 900;
    line-height: 1;
    margin: 0;
}

.gss-prontox-hero__lead {
    color: white;
    font-size: clamp(1rem, 1.25vw, 1.35rem);
    line-height: 1.65;
    margin: 0;
    max-width: 40rem;
}

.gss-prontox-actions,
.gss-prontox-benefits {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.gss-prontox-benefits {
    list-style: none;
    margin: .3rem 0 0;
    padding: 0;
}

.gss-prontox-benefits li {
    background: rgb(2 8 25 / 62%);
    border-radius: .5rem;
    min-width: 10rem;
    padding: .9rem 1rem;
}

.gss-prontox-benefits span {
    display: block;
    font-weight: 800;
}

.gss-prontox-benefits small,
.gss-prontox-progress p,
.gss-prontox-early-strip p,
.gss-prontox-metrics p,
.gss-prontox-metrics small,
.gss-prontox-audience p,
.gss-prontox-trust span,
.gss-prontox-form p {
    color: var(--prontox-muted);
}

.gss-prontox-orbit {
    aspect-ratio: 1;
    align-self: center;
    display: grid;
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    min-height: clamp(22rem, 31vw, 34rem);
    place-items: center;
    position: relative;
    transform: translateY(clamp(-1.2rem, -1.6vw, -.4rem));
    width: min(36rem, 100%);
}

.gss-prontox-orbit__ring {
    border: 1px dashed rgb(0 224 214 / 38%);
    border-radius: 50%;
    position: absolute;
}

.gss-prontox-orbit__ring--one {
    height: 92%;
    transform: rotate(-18deg) scaleX(1.45);
    width: 92%;
}

.gss-prontox-orbit__ring--two {
    border-color: rgb(126 70 255 / 45%);
    height: 66%;
    transform: rotate(28deg) scaleX(1.7);
    width: 66%;
}

.gss-prontox-orbit__ring--three {
    border-color: rgb(25 145 255 / 42%);
    height: 46%;
    transform: rotate(82deg) scaleX(1.55);
    width: 46%;
}

.gss-prontox-orbit__node {
    border-radius: 50%;
    height: 1.15rem;
    position: absolute;
    width: 1.15rem;
}

.gss-prontox-orbit__node--cyan {
    background: var(--prontox-cyan);
    box-shadow: 0 0 1.4rem var(--prontox-cyan);
    left: 14%;
    top: 36%;
}

.gss-prontox-orbit__node--violet {
    background: var(--prontox-violet);
    box-shadow: 0 0 1.4rem var(--prontox-violet);
    right: 18%;
    top: 9%;
}

.gss-prontox-orbit__node--green {
    background: var(--prontox-green);
    bottom: 18%;
    box-shadow: 0 0 1.4rem var(--prontox-green);
    right: 11%;
}

.gss-prontox-progress,
.gss-prontox-early-strip,
.gss-prontox-metrics,
.gss-prontox-audience,
.gss-prontox-trust,
.gss-prontox-form {
    backdrop-filter: blur(22px);
    background: linear-gradient(145deg, rgb(4 11 31 / 88%), rgb(2 7 23 / 72%));
    border: 1px solid var(--prontox-border);
    border-radius: .65rem;
    box-shadow: 0 1.5rem 5rem rgb(0 0 0 / 40%), inset 0 1px 0 rgb(255 255 255 / 8%);
}

.gss-prontox-progress {
    grid-column: 3;
    grid-row: 1;
    padding: clamp(1.2rem, 2vw, 2.1rem);
}

.gss-prontox-progress h2,
.gss-prontox-early-strip h2,
.gss-prontox-metrics h2,
.gss-prontox-form h2 {
    margin: 0;
}

.gss-prontox-progress__body {
    align-items: center;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    display: grid;
    gap: 1.4rem;
    grid-template-columns: minmax(9rem, .8fr) 1fr;
    margin-top: 1.3rem;
    padding-bottom: 1.3rem;
}

.gss-prontox-progress__ring {
    align-items: center;
    aspect-ratio: 1;
    background:
        radial-gradient(circle at center, rgb(3 9 32) 55%, transparent 56%),
        conic-gradient(var(--prontox-cyan) 0deg, var(--prontox-violet) var(--prontox-progress), rgb(54 76 117 / 40%) var(--prontox-progress) 360deg);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 9rem;
}

.gss-prontox-progress__ring strong {
    font-size: clamp(1.5rem, 2.25vw, 2.4rem);
    line-height: 1;
    text-align: center;
}

.gss-prontox-progress__ring span,
.gss-prontox-launch small {
    color: white;
    font-size: .85rem;
}

.gss-prontox-milestones {
    display: grid;
    gap: .7rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.gss-prontox-milestones__item {
    align-items: center;
    color: white;
    display: flex;
    gap: .7rem;
}

.gss-prontox-milestones__item span {
    border: 2px solid rgb(118 138 174);
    border-radius: 50%;
    height: 1rem;
    width: 1rem;
}

.gss-prontox-milestones__item--completed span {
    background: rgb(97 219 93);
    border-color: rgb(97 219 93);
}

.gss-prontox-milestones__item--active span {
    border-color: var(--prontox-blue);
    box-shadow: 0 0 .8rem var(--prontox-blue);
}

.gss-prontox-launch {
    align-items: center;
    display: flex;
    gap: 1rem;
    padding-top: 1.2rem;
}

.gss-prontox-launch > span {
    border: 2px solid var(--prontox-violet);
    border-radius: .45rem;
    color: var(--prontox-violet);
    font-size: .72rem;
    font-weight: 900;
    padding: .55rem;
}

.gss-prontox-launch p {
    display: grid;
    gap: .15rem;
    margin: 0;
}

.gss-prontox-launch strong {
    background: linear-gradient(90deg, var(--prontox-blue), var(--prontox-violet));
    background-clip: text;
    color: transparent;
    font-size: clamp(1.15rem, 1.7vw, 1.8rem);
}

.gss-prontox-early-strip {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr auto auto;
    margin-top: -1.2rem;
    padding: 1rem 1.25rem;
}

.gss-preflight-countdown {
    position: absolute;
    overflow: hidden;
    border: 1px solid rgb(0 210 255 / 54%);
    border-radius: .55rem;
    z-index: 3;
    left: 46.5%;
    bottom: clamp(2.4rem, 4.2vw, 4rem);
    transform: translateX(-50%);
    width: min(34.5rem, 100%);
    margin: 0;
    padding: clamp(1rem, 1.7vw, 1.35rem);
    background:
        radial-gradient(circle at 16% 20%, rgb(0 240 212 / 18%), transparent 24%),
        radial-gradient(circle at 84% 76%, rgb(110 77 255 / 20%), transparent 28%),
        linear-gradient(135deg, rgb(3 10 28 / 94%), rgb(1 8 20 / 88%));
    box-shadow: 0 0 46px rgb(0 150 255 / 18%), inset 0 0 34px rgb(0 240 212 / 8%);
}

.gss-preflight-countdown__waves {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse at left center, transparent 40%, rgb(0 210 255 / 24%) 41%, transparent 43%),
        radial-gradient(ellipse at right center, transparent 44%, rgb(0 240 212 / 22%) 45%, transparent 47%),
        linear-gradient(90deg, transparent, rgb(255 255 255 / 5%), transparent);
    opacity: .74;
}

.gss-preflight-countdown__content {
    position: relative;
    display: grid;
    justify-items: center;
    gap: .55rem;
    text-align: center;
}

.gss-preflight-countdown__eyebrow {
    color: var(--prontox-cyan);
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.gss-preflight-countdown h2 {
    margin: 0;
    color: white;
    font-size: clamp(.9rem, 1.25vw, 1.15rem);
    line-height: 1.1;
}

.gss-preflight-countdown p {
    margin: 0;
    max-width: 42rem;
    color: rgb(229 238 255 / 82%);
    font-size: .72rem;
}

.gss-preflight-countdown__segments {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(.35rem, .9vw, .8rem);
    width: min(31rem, 100%);
    margin-top: .25rem;
}

.gss-preflight-countdown__segment {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.gss-preflight-countdown__segment strong {
    color: white;
    font-variant-numeric: tabular-nums;
    font-size: clamp(1.35rem, 2vw, 2rem);
    line-height: .95;
    text-shadow: 0 0 18px rgb(0 210 255 / 34%);
}

.gss-preflight-countdown__segment span {
    color: rgb(255 255 255 / 72%);
    font-size: .46rem;
    font-weight: 800;
    text-transform: uppercase;
}

.gss-preflight-countdown__state {
    display: grid;
    gap: .4rem;
    width: min(34rem, 100%);
    margin-top: .8rem;
    padding: 1.15rem;
    border: 1px solid rgb(0 240 212 / 36%);
    border-radius: 1rem;
    background: rgb(2 18 36 / 70%);
}

.gss-preflight-countdown__state strong {
    color: white;
    font-size: clamp(1.6rem, 4vw, 3rem);
}

.gss-preflight-countdown__state span,
.gss-preflight-countdown__date {
    color: rgb(229 238 255 / 78%);
}

.gss-preflight-countdown__date {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    margin-top: .2rem;
    color: white;
    font-size: .72rem;
}

.gss-preflight-countdown__date span {
    display: inline-grid;
    place-items: center;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid rgb(0 240 212 / 46%);
    border-radius: .65rem;
    color: var(--prontox-cyan);
    font-size: .72rem;
    font-weight: 800;
}

.gss-preflight-countdown__date img {
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    object-fit: contain;
}

.gss-preflight-countdown__sr {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.gss-prontox-early-strip__people {
    display: flex;
}

.gss-prontox-early-strip__people span {
    align-items: center;
    background: linear-gradient(135deg, rgb(25 145 255), rgb(126 70 255));
    border: 2px solid rgb(255 255 255 / 18%);
    border-radius: 50%;
    display: inline-flex;
    font-size: .65rem;
    font-weight: 900;
    height: 2.2rem;
    justify-content: center;
    margin-left: -.45rem;
    width: 2.2rem;
}

.gss-prontox-metrics {
    align-items: stretch;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1.4fr repeat(3, 1fr);
    padding: 1.2rem 1.5rem;
}

.gss-prontox-metrics article {
    border-left: 1px solid rgb(255 255 255 / 10%);
    display: grid;
    gap: .2rem;
    padding-left: 1.2rem;
}

.gss-prontox-metrics article > span {
    color: var(--prontox-cyan);
    font-size: .75rem;
    font-weight: 900;
}

.gss-prontox-metrics strong {
    color: var(--prontox-cyan);
    font-size: clamp(1.2rem, 1.8vw, 2rem);
}

.gss-prontox-audiences {
    display: grid;
    gap: 1.2rem;
    grid-template-columns: repeat(3, 1fr);
}

.gss-prontox-audience {
    min-height: 13.4rem;
    overflow: hidden;
    padding: 1.6rem;
    position: relative;
}

.gss-prontox-audience > div {
    max-width: 70%;
    position: relative;
    z-index: 1;
}

.gss-prontox-audience div > span {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 900;
    height: 3.6rem;
    justify-content: center;
    margin-bottom: .8rem;
    width: 3.6rem;
}

.gss-prontox-audience h3 {
    font-size: 1.45rem;
    margin: 0 0 .7rem;
}

.gss-prontox-audience a {
    color: var(--prontox-cyan);
    font-weight: 800;
    text-decoration: none;
}

.gss-prontox-audience__person {
    background:
        radial-gradient(circle at 50% 20%, rgb(255 255 255 / 72%) 0 12%, transparent 13%),
        linear-gradient(160deg, rgb(255 255 255 / 28%), rgb(25 145 255 / 10));
    border-radius: 999px 999px .5rem .5rem;
    bottom: -1rem;
    height: 12rem;
    position: absolute;
    right: 1.2rem;
    width: 6.2rem;
}

.gss-prontox-audience--worker {
    border-color: rgb(0 224 214 / 62%);
}

.gss-prontox-audience--worker div > span {
    background: rgb(0 224 214 / 16%);
    color: var(--prontox-cyan);
}

.gss-prontox-audience--employer {
    border-color: rgb(126 70 255 / 70%);
}

.gss-prontox-audience--employer div > span,
.gss-prontox-audience--employer a {
    background: rgb(126 70 255 / 18%);
    color: var(--prontox-violet);
}

.gss-prontox-audience--service {
    border-color: rgb(255 178 39 / 70%);
}

.gss-prontox-audience--service div > span,
.gss-prontox-audience--service a {
    background: rgb(255 178 39 / 16%);
    color: var(--prontox-amber);
}

.gss-prontox-trust {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1.2fr repeat(3, 1fr) auto;
    padding: 1.2rem 1.5rem;
}

.gss-prontox-trust p,
.gss-prontox-trust article {
    margin: 0;
}

.gss-prontox-trust article {
    display: grid;
    gap: .25rem;
}

.gss-prontox-form {
    display: grid;
    gap: 1.1rem;
    padding: clamp(1.2rem, 2vw, 1.8rem);
}

.gss-prontox-form__intro span {
    color: var(--prontox-cyan);
    font-size: .8rem;
    font-weight: 900;
    text-transform: uppercase;
}

.gss-prontox-form__grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
}

.gss-prontox-form label {
    color: white;
    display: grid;
    gap: .45rem;
    font-weight: 800;
}

.gss-prontox-form input,
.gss-prontox-form select {
    background: rgb(2 8 25 / 78%);
    border: 1px solid rgb(91 218 255 / 28%);
    border-radius: .45rem;
    color: white;
    min-height: 2.9rem;
    padding: .7rem .85rem;
}

.gss-prontox-form input:focus-visible,
.gss-prontox-form select:focus-visible {
    box-shadow: 0 0 0 .25rem rgb(0 224 214 / 18%);
    outline: 0;
}

.gss-prontox-form label.gss-prontox-form__consent {
    align-items: start;
    display: flex;
}

.gss-prontox-form__consent input {
    min-height: auto;
    margin-top: .3rem;
}

.gss-prontox-form__consent a {
    color: var(--prontox-cyan);
}

.gss-prontox-form__status {
    background: rgb(25 145 255 / 14%);
    border: 1px solid rgb(25 145 255 / 34%);
    border-radius: .45rem;
    padding: .85rem 1rem;
}

.gss-prontox-form__status--success {
    background: rgb(39 222 177 / 12%);
    border-color: rgb(39 222 177 / 36%);
}

.gss-prontox-form__status--error {
    background: rgb(255 92 92 / 12%);
    border-color: rgb(255 92 92 / 36%);
}

.gss-prontox-form__honeypot {
    display: none;
}

.gss-prontox-sr-only {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@media (prefers-reduced-motion: no-preference) {
    .gss-prontox-orbit__ring {
        animation: gss-prontox-orbit 24s linear infinite;
    }

    .gss-prontox-orbit__ring--two {
        animation-duration: 32s;
    }
}

@keyframes gss-prontox-orbit {
    to {
        rotate: 360deg;
    }
}

@media (max-width: 100rem) {
    .gss-prontox-shell {
        --prontox-bg-image: image-set(
            url("assets/prontox/prontox-prelaunch-background-desktop.avif") type("image/avif"),
            url("assets/prontox/prontox-prelaunch-background-desktop.webp") type("image/webp"),
            url("assets/prontox/prontox-prelaunch-background.png") type("image/png")
        );
    }
}

@media (max-width: 78rem) {
    .gss-prontox-shell {
        --prontox-bg-image: image-set(
            url("assets/prontox/prontox-prelaunch-background-tablet.avif") type("image/avif"),
            url("assets/prontox/prontox-prelaunch-background-tablet.webp") type("image/webp"),
            url("assets/prontox/prontox-prelaunch-background.png") type("image/png")
        );
    }

    .gss-prontox-hero {
        grid-template-columns: 1fr 1fr;
    }

    .gss-prontox-hero__copy {
        grid-column: 1;
    }

    .gss-prontox-orbit {
        grid-column: 2;
    }

    .gss-preflight-countdown {
        position: relative;
        left: auto;
        bottom: auto;
        transform: none;
        grid-column: 1 / -1;
        grid-row: auto;
        margin: 0;
        width: min(38rem, 100%);
    }

    .gss-prontox-progress {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .gss-prontox-metrics,
    .gss-prontox-audiences,
    .gss-prontox-trust {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 52rem) {
    .gss-prontox-shell {
        --prontox-bg-image: image-set(
            url("assets/prontox/prontox-prelaunch-background-mobile.avif") type("image/avif"),
            url("assets/prontox/prontox-prelaunch-background-mobile.webp") type("image/webp"),
            url("assets/prontox/prontox-prelaunch-background.png") type("image/png")
        );
    }

    .gss-prontox-page {
        background-size: auto 42rem;
        padding-inline: 1rem;
    }

    .gss-prontox-header,
    .gss-prontox-hero,
    .gss-prontox-early-strip,
    .gss-prontox-metrics,
    .gss-prontox-audiences,
    .gss-prontox-trust,
    .gss-prontox-form,
    .gss-prontox-form__grid,
    .gss-prontox-progress__body {
        grid-template-columns: 1fr;
    }

    .gss-prontox-header,
    .gss-prontox-actions {
        align-items: stretch;
    }

    .gss-prontox-header {
        display: grid;
    }

    .gss-prontox-button {
        width: 100%;
    }

    .gss-preflight-countdown__segments {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .gss-prontox-orbit {
        grid-column: auto;
        min-height: 17rem;
        order: 2;
    }

    .gss-preflight-countdown {
        grid-column: auto;
        order: 3;
    }

    .gss-prontox-progress {
        grid-column: auto;
        order: 4;
    }

    .gss-prontox-metrics article {
        border-left: 0;
        border-top: 1px solid rgb(255 255 255 / 10%);
        padding-left: 0;
        padding-top: 1rem;
    }

    .gss-prontox-audience > div {
        max-width: 76%;
    }
}

@media (max-width: 26rem) {
    .gss-preflight-countdown__segments {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .9rem;
    }

    .gss-prontox-brand {
        align-items: flex-start;
    }

    .gss-prontox-brand img {
        height: 3rem;
    }

    .gss-prontox-hero h1 {
        font-size: 2.35rem;
    }

    .gss-prontox-hero__highlight {
        font-size: 2rem;
    }

    .gss-prontox-audience > div {
        max-width: 100%;
    }

    .gss-prontox-audience__person {
        opacity: .22;
    }
}

.gss-public-section-host {
    display: grid;
}

.gss-public-section {
    padding: clamp(var(--gss-space-xl), 6vw, calc(var(--gss-space-xl) * 1.45)) var(--gss-space-md);
    position: relative;
}

.gss-public-section::before {
    background: linear-gradient(90deg, transparent, rgb(70 198 255 / 20%), transparent);
    content: "";
    height: 1px;
    left: clamp(var(--gss-space-md), 7vw, var(--gss-space-xl));
    opacity: .36;
    position: absolute;
    right: clamp(var(--gss-space-md), 7vw, var(--gss-space-xl));
    top: 0;
}

.gss-public-section--hero {
    overflow: hidden;
}

.gss-public-section--hero::before {
    opacity: 0;
}

.gss-public-section--hero::after {
    background:
        radial-gradient(ellipse at 68% 34%, rgb(70 198 255 / 19%), transparent 28rem),
        linear-gradient(90deg, transparent, rgb(36 119 255 / 12%), transparent);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.gss-public-section--hero .gss-public-section__inner {
    padding-bottom: clamp(var(--gss-space-xl), 7vw, calc(var(--gss-space-xl) * 1.95));
    padding-top: clamp(var(--gss-space-xl), 7vw, calc(var(--gss-space-xl) * 1.95));
    position: relative;
    z-index: 1;
}

.gss-public-section--alternate {
    background:
        radial-gradient(ellipse at 50% 0%, rgb(36 119 255 / 14%), transparent 30rem),
        linear-gradient(180deg, rgb(5 18 42 / 64%), rgb(3 10 24 / 78%));
}

.gss-public-section--cta {
    background:
        radial-gradient(ellipse at 80% 8%, rgb(144 238 255 / 24%), transparent 24rem),
        linear-gradient(120deg, rgb(16 111 255 / 92%), rgb(84 76 255 / 86%) 58%, rgb(26 14 74 / 92%));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 14%), inset 0 -1px 0 rgb(0 0 0 / 28%);
}

.gss-public-section--cta::before {
    background:
        linear-gradient(90deg, rgb(144 238 255 / 8%) 1px, transparent 1px),
        linear-gradient(rgb(144 238 255 / 8%) 1px, transparent 1px);
    background-size: 3.75rem 3.75rem;
    height: auto;
    inset: 0;
    opacity: .45;
}

.gss-public-section__inner {
    display: grid;
    gap: var(--gss-space-lg);
    margin: 0 auto;
    max-width: var(--gss-content-width);
    position: relative;
    z-index: 1;
}

.gss-public-brand-hero,
.gss-public-brand-split {
    align-items: center;
    display: grid;
    gap: clamp(var(--gss-space-lg), 5vw, calc(var(--gss-space-xl) * 1.35));
    grid-template-columns: minmax(0, 1fr) minmax(18rem, .92fr);
}

.gss-public-brand-hero__content {
    display: grid;
    gap: var(--gss-space-lg);
}

.gss-public-section-title {
    display: grid;
    gap: var(--gss-space-xs);
    max-width: 48rem;
}

.gss-public-brand-hero .gss-public-section-title {
    max-width: 62rem;
}

.gss-public-section-title p,
.gss-public-founder-shell > div:first-child p,
.gss-public-legal-shell > p {
    color: var(--gss-public-cyan-bright);
    font: var(--gss-font-label);
    margin: 0;
    text-transform: uppercase;
}

.gss-public-section-title h1,
.gss-public-section-title h2,
.gss-public-founder-shell h2,
.gss-public-legal-shell h1 {
    color: var(--gss-public-text);
    font: var(--gss-font-heading-lg);
    margin: 0;
    text-shadow: 0 0 30px rgb(70 198 255 / 10%);
}

.gss-public-brand-hero .gss-public-section-title h1,
.gss-public-brand-hero .gss-public-section-title h2 {
    font: var(--gss-font-display);
    text-shadow: 0 0 44px rgb(70 198 255 / 16%), 0 18px 60px rgb(0 0 0 / 48%);
}

.gss-public-section-title span,
.gss-public-founder-shell span {
    color: var(--gss-public-muted);
    line-height: 1.72;
}

.gss-public-brand-hero .gss-public-section-title span {
    color: var(--gss-public-text-soft);
    max-width: 44rem;
}

.gss-public-home-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gss-space-sm);
}

.gss-public-button {
    align-items: center;
    border: 1px solid var(--gss-public-border);
    border-radius: var(--gss-public-radius-control);
    cursor: pointer;
    display: inline-flex;
    font: var(--gss-font-label);
    justify-content: center;
    min-height: 2.85rem;
    overflow: hidden;
    padding: var(--gss-space-xs) var(--gss-space-md);
    position: relative;
    text-decoration: none;
    transition: background .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease, transform .22s ease;
    width: fit-content;
}

button.gss-public-button {
    appearance: none;
}

.gss-public-button::before {
    background: linear-gradient(90deg, transparent, rgb(255 255 255 / 34%), transparent);
    content: "";
    inset: 0 auto 0 -70%;
    position: absolute;
    transform: skewX(-16deg);
    transition: left .48s ease;
    width: 52%;
}

.gss-public-button:hover,
.gss-public-button:focus-visible {
    transform: translateY(-2px);
}

.gss-public-button:hover::before,
.gss-public-button:focus-visible::before {
    left: 120%;
}

.gss-public-button:active {
    transform: translateY(0);
}

.gss-public-button--secondary {
    background:
        linear-gradient(180deg, rgb(255 255 255 / 8%), rgb(255 255 255 / 3%));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%), 0 14px 34px rgb(0 0 0 / 22%);
    color: var(--gss-public-text);
}

.gss-public-button--secondary:hover,
.gss-public-button--secondary:focus-visible {
    background: rgb(70 198 255 / 10%);
    border-color: var(--gss-public-border-strong);
    box-shadow: var(--gss-public-ring), 0 0 30px rgb(70 198 255 / 14%);
}

.gss-public-brand-hero-visual,
.gss-public-ecosystem-visual {
    background:
        radial-gradient(circle at 48% 42%, rgb(144 238 255 / 22%), transparent 12rem),
        radial-gradient(circle at 70% 26%, rgb(36 119 255 / 30%), transparent 18rem),
        radial-gradient(circle at 30% 70%, rgb(156 105 255 / 14%), transparent 15rem),
        linear-gradient(145deg, rgb(10 34 72 / 86%), rgb(2 8 22 / 94%));
    border: 1px solid var(--gss-public-border);
    border-radius: var(--gss-public-radius-premium);
    box-shadow: var(--gss-public-shadow-cinematic), inset 0 0 84px rgb(70 198 255 / 10%), inset 0 1px 0 rgb(255 255 255 / 10%);
    display: grid;
    min-height: 26rem;
    overflow: hidden;
    padding: clamp(var(--gss-space-md), 3vw, var(--gss-space-lg));
    position: relative;
}

.gss-public-brand-hero-visual::before,
.gss-public-ecosystem-visual::before {
    background:
        radial-gradient(circle at 50% 44%, transparent 0 22%, rgb(144 238 255 / 22%) 22.2% 22.7%, transparent 23% 31%, rgb(70 198 255 / 14%) 31.2% 31.6%, transparent 32% 100%),
        linear-gradient(90deg, rgb(70 198 255 / 12%) 1px, transparent 1px),
        linear-gradient(rgb(70 198 255 / 8%) 1px, transparent 1px);
    background-size: 100% 100%, 2.8rem 2.8rem, 2.8rem 2.8rem;
    content: "";
    inset: 0;
    opacity: .55;
    position: absolute;
}

.gss-public-brand-hero-visual::after,
.gss-public-ecosystem-visual::after {
    background:
        conic-gradient(from 160deg at 52% 43%, transparent, rgb(70 198 255 / 32%), transparent 32%, rgb(36 119 255 / 28%), transparent 62%),
        radial-gradient(circle at 52% 44%, rgb(255 255 255 / 20%), transparent 1rem);
    border-radius: 50%;
    box-shadow: 0 0 74px rgb(70 198 255 / 28%), inset 0 0 46px rgb(144 238 255 / 16%);
    content: "";
    height: min(62%, 22rem);
    left: 50%;
    position: absolute;
    top: 48%;
    transform: translate(-50%, -50%);
    width: min(62%, 22rem);
}

.gss-public-brand-hero-visual__core,
.gss-public-ecosystem-visual__hub {
    align-self: center;
    background:
        radial-gradient(circle at 50% 0%, rgb(144 238 255 / 18%), transparent 72%),
        rgb(3 12 28 / 80%);
    border: 1px solid rgb(144 238 255 / 58%);
    border-radius: var(--gss-public-radius-premium);
    box-shadow: inset 0 0 56px rgb(70 198 255 / 18%), 0 0 82px rgb(36 119 255 / 32%);
    color: var(--gss-public-text);
    font: var(--gss-font-heading-md);
    justify-self: center;
    min-width: 10rem;
    padding: var(--gss-space-md);
    position: relative;
    text-align: center;
    z-index: 2;
}

.gss-public-brand-hero-visual__mesh,
.gss-public-ecosystem-visual__products {
    align-self: stretch;
    display: grid;
    gap: var(--gss-space-sm);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: relative;
    z-index: 2;
}

.gss-public-brand-hero-visual__mesh span,
.gss-public-ecosystem-visual__products span {
    align-items: center;
    backdrop-filter: blur(12px);
    background:
        linear-gradient(180deg, rgb(255 255 255 / 9%), rgb(255 255 255 / 3%));
    border: 1px solid rgb(70 198 255 / 20%);
    border-radius: var(--gss-public-radius-control);
    box-shadow: 0 12px 30px rgb(0 0 0 / 26%);
    color: var(--gss-public-text-soft);
    display: inline-flex;
    font: var(--gss-font-body-sm);
    padding: var(--gss-space-xs) var(--gss-space-sm);
}

.gss-public-brand-hero-visual__mesh span:nth-child(even),
.gss-public-ecosystem-visual__products span:nth-child(odd) {
    transform: translateY(var(--gss-space-sm));
}

.gss-public-brand-hero-visual__mesh span:hover,
.gss-public-ecosystem-visual__products span:hover {
    border-color: var(--gss-public-border-strong);
    box-shadow: 0 16px 40px rgb(0 0 0 / 30%), 0 0 28px rgb(70 198 255 / 20%);
}

.gss-public-card-grid {
    display: grid;
    gap: var(--gss-space-md);
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.gss-public-product-grid {
    display: grid;
    gap: var(--gss-space-md);
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.gss-public-card,
.gss-public-founder-shell,
.gss-public-legal-shell {
    backdrop-filter: blur(16px);
    background:
        linear-gradient(145deg, rgb(255 255 255 / 8%), rgb(255 255 255 / 2%)),
        linear-gradient(145deg, rgb(15 38 77 / 78%), rgb(4 14 32 / 88%));
    border: 1px solid var(--gss-public-border-soft);
    border-radius: var(--gss-public-radius-premium);
    box-shadow: var(--gss-public-shadow-card), inset 0 1px 0 rgb(255 255 255 / 9%);
    display: grid;
    gap: var(--gss-space-md);
    overflow: hidden;
    padding: var(--gss-space-lg);
    position: relative;
    transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease;
}

.gss-public-card::before,
.gss-public-founder-shell::before,
.gss-public-legal-shell::before {
    background: linear-gradient(90deg, transparent, var(--gss-public-card-accent, rgb(70 198 255 / 72%)), transparent);
    content: "";
    height: 1px;
    left: var(--gss-space-md);
    opacity: .82;
    position: absolute;
    right: var(--gss-space-md);
    top: 0;
}

.gss-public-card::after,
.gss-public-founder-shell::after,
.gss-public-legal-shell::after {
    background: radial-gradient(circle at 80% 0%, var(--gss-public-card-glow, rgb(70 198 255 / 12%)), transparent 12rem);
    content: "";
    inset: 0;
    opacity: .9;
    pointer-events: none;
    position: absolute;
}

.gss-public-card:hover,
.gss-public-founder-shell:hover,
.gss-public-legal-shell:hover {
    border-color: var(--gss-public-border-strong);
    box-shadow: 0 26px 72px rgb(0 0 0 / 42%), 0 0 38px var(--gss-public-card-glow, rgb(70 198 255 / 16%));
    transform: translateY(-4px);
}

.gss-public-card > *,
.gss-public-founder-shell > *,
.gss-public-legal-shell > * {
    position: relative;
    z-index: 1;
}

.gss-public-card > span {
    color: var(--gss-public-card-accent, var(--gss-public-cyan));
    font: var(--gss-font-label);
}

.gss-public-card h3,
.gss-public-card p {
    margin: 0;
}

.gss-public-card h3 {
    color: var(--gss-public-text);
}

.gss-public-card p,
.gss-public-legal-shell__body {
    color: var(--gss-public-muted);
}

.gss-public-product-grid > .gss-public-card {
    min-height: 20rem;
}

.gss-public-product-grid > .gss-public-card h3 {
    align-items: center;
    display: flex;
    gap: var(--gss-space-sm);
}

.gss-public-product-grid > .gss-public-card h3::before {
    align-items: center;
    background:
        radial-gradient(circle at 50% 40%, var(--gss-public-card-accent, var(--gss-public-cyan)), transparent 42%),
        linear-gradient(145deg, rgb(255 255 255 / 12%), rgb(255 255 255 / 3%));
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: var(--gss-public-radius-control);
    box-shadow: 0 0 28px var(--gss-public-card-glow, rgb(70 198 255 / 18%));
    color: var(--gss-public-text);
    content: "X";
    display: inline-flex;
    flex: 0 0 auto;
    font: var(--gss-font-heading-md);
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.gss-public-product-grid > .gss-public-card:nth-child(1) {
    --gss-public-card-accent: rgb(230 236 255);
    --gss-public-card-glow: rgb(130 162 255 / 26%);
}

.gss-public-product-grid > .gss-public-card:nth-child(2) {
    --gss-public-card-accent: rgb(70 198 255);
    --gss-public-card-glow: rgb(70 198 255 / 24%);
}

.gss-public-product-grid > .gss-public-card:nth-child(2) h3::before {
    content: "I";
}

.gss-public-product-grid > .gss-public-card:nth-child(3) {
    --gss-public-card-accent: rgb(156 105 255);
    --gss-public-card-glow: rgb(156 105 255 / 24%);
}

.gss-public-product-grid > .gss-public-card:nth-child(3) h3::before {
    content: "R";
}

.gss-public-product-grid > .gss-public-card:nth-child(4) {
    --gss-public-card-accent: rgb(218 156 255);
    --gss-public-card-glow: rgb(218 156 255 / 22%);
}

.gss-public-product-grid > .gss-public-card:nth-child(4) h3::before {
    content: "A";
}

.gss-public-product-grid > .gss-public-card:nth-child(5) {
    --gss-public-card-accent: rgb(91 241 184);
    --gss-public-card-glow: rgb(91 241 184 / 22%);
}

.gss-public-product-grid > .gss-public-card:nth-child(5) h3::before {
    content: "A";
}

.gss-public-product-grid > .gss-public-card:nth-child(6) {
    --gss-public-card-accent: rgb(255 190 92);
    --gss-public-card-glow: rgb(255 190 92 / 20%);
}

.gss-public-product-grid > .gss-public-card:nth-child(6) h3::before {
    content: "+";
}

.gss-public-product-card {
    display: grid;
    gap: var(--gss-space-md);
}

.gss-public-product-card img {
    aspect-ratio: 16 / 9;
    background:
        radial-gradient(circle at 50% 0%, var(--gss-public-card-glow, rgb(70 198 255 / 16%)), transparent 70%),
        var(--gss-color-surface-elevated);
    border: 1px solid var(--gss-color-border);
    border-radius: var(--gss-public-radius-premium);
    object-fit: cover;
    width: 100%;
}

.gss-public-product-card__meta,
.gss-public-product-card__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gss-space-xs);
}

.gss-public-product-card__meta span {
    background: rgb(255 255 255 / 5%);
    border: 1px solid rgb(255 255 255 / 9%);
    border-radius: var(--gss-public-radius-control);
    color: var(--gss-public-text-soft);
    font: var(--gss-font-body-sm);
    padding: var(--gss-space-xs) var(--gss-space-sm);
}

.gss-public-product-card__meta span:first-child {
    border-color: var(--gss-public-card-accent, var(--gss-public-border));
    color: var(--gss-public-card-accent, var(--gss-public-cyan));
}

.gss-public-trust-strip,
.gss-public-technology-shell {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gss-space-xs);
}

.gss-public-trust-strip span,
.gss-public-technology-shell span {
    align-items: center;
    background: rgb(70 198 255 / 7%);
    border: 1px solid rgb(70 198 255 / 16%);
    border-radius: var(--gss-public-radius-control);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%);
    color: var(--gss-public-text-soft);
    display: inline-flex;
    font: var(--gss-font-body-sm);
    gap: var(--gss-space-xs);
    padding: var(--gss-space-xs) var(--gss-space-sm);
}

.gss-public-trust-strip span::before,
.gss-public-technology-shell span::before {
    background: var(--gss-public-cyan);
    border-radius: 50%;
    box-shadow: 0 0 16px var(--gss-public-glow-cyan);
    content: "";
    height: .45rem;
    width: .45rem;
}

.gss-public-founder-shell {
    grid-template-columns: minmax(0, 1fr) minmax(16rem, .7fr);
}

.gss-public-founder-shell__body {
    display: grid;
    gap: var(--gss-space-sm);
}

.gss-public-site-footer {
    background:
        radial-gradient(ellipse at 18% 0%, rgb(70 198 255 / 13%), transparent 22rem),
        linear-gradient(180deg, rgb(2 8 22), rgb(1 5 14));
    border-top: 1px solid var(--gss-public-border-soft);
    color: var(--gss-public-text);
    display: grid;
    gap: var(--gss-space-lg);
    grid-template-columns: 1.3fr repeat(4, 1fr);
    padding: var(--gss-space-xl) clamp(var(--gss-space-md), 4vw, var(--gss-space-xl));
}

.gss-public-site-footer section,
.gss-public-site-footer nav,
.gss-public-site-footer address {
    display: grid;
    font-style: normal;
    gap: var(--gss-space-xs);
}

.gss-public-site-footer h2,
.gss-public-site-footer p {
    margin: 0;
}

.gss-public-site-footer h2 {
    font: var(--gss-font-heading-md);
}

.gss-public-site-footer a,
.gss-public-site-footer span,
.gss-public-site-footer p {
    color: var(--gss-public-muted);
    font: var(--gss-font-body-sm);
    text-decoration: none;
}

.gss-public-site-footer a:hover,
.gss-public-site-footer a:focus-visible {
    color: var(--gss-public-cyan-bright);
}

.gss-public-site-footer small {
    border-top: 1px solid rgb(70 198 255 / 16%);
    color: rgb(220 236 255 / 72%);
    grid-column: 1 / -1;
    padding-top: var(--gss-space-md);
}

.gss-public-cookie-entry {
    bottom: var(--gss-space-md);
    position: fixed;
    right: var(--gss-space-md);
    z-index: 30;
}

.gss-public-cookie-entry button {
    backdrop-filter: blur(14px);
    background: rgb(3 10 24 / 86%);
    border: 1px solid var(--gss-public-border);
    border-radius: var(--gss-public-radius-control);
    box-shadow: var(--gss-public-shadow-card);
    color: var(--gss-public-text);
    cursor: pointer;
    display: inline-flex;
    font: var(--gss-font-body-sm);
    padding: var(--gss-space-xs) var(--gss-space-sm);
    text-decoration: none;
}

.gss-public-consent[hidden] {
    display: none;
}

.gss-public-consent {
    position: fixed;
    inset: 0;
    z-index: 40;
    display: grid;
    place-items: center;
    padding: clamp(.75rem, 2vw, 1.5rem);
}

.gss-public-consent__backdrop {
    position: absolute;
    inset: 0;
    background: rgb(0 4 18 / 78%);
    backdrop-filter: blur(10px);
}

.gss-public-consent__panel {
    position: relative;
    display: grid;
    gap: 1rem;
    width: min(42rem, 100%);
    max-height: calc(100svh - 1.5rem);
    overflow: auto;
    border: 1px solid rgb(91 218 255 / 32%);
    border-radius: .8rem;
    background:
        radial-gradient(circle at 14% 10%, rgb(0 240 212 / 12%), transparent 18rem),
        linear-gradient(145deg, rgb(3 11 30 / 96%), rgb(1 7 18 / 94%));
    box-shadow: 0 2rem 6rem rgb(0 0 0 / 58%), inset 0 1px 0 rgb(255 255 255 / 10%);
    color: white;
    padding: clamp(1rem, 2.35vw, 1.65rem);
}

.gss-public-consent__header {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: center;
    border-bottom: 1px solid rgb(255 255 255 / 14%);
    padding-bottom: .95rem;
}

.gss-public-consent__header h2 {
    margin: 0 0 .25rem;
    font-size: clamp(1.4rem, 2.6vw, 1.8rem);
}

.gss-public-consent__header p,
.gss-public-consent__item small,
.gss-public-consent__security {
    margin: 0;
    color: rgb(230 239 255 / 82%);
    line-height: 1.42;
}

.gss-public-consent__shield,
.gss-public-consent__icon {
    display: inline-grid;
    place-items: center;
    border: 1px solid rgb(0 180 255 / 42%);
    color: var(--prontox-cyan);
    font-weight: 900;
}

.gss-public-consent__shield {
    width: 3.35rem;
    height: 3.35rem;
    border-radius: .85rem;
    font-size: .9rem;
}

.gss-public-consent__items {
    display: grid;
    gap: .78rem;
}

.gss-public-consent__item {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .85rem;
    align-items: center;
}

.gss-public-consent__item strong {
    display: block;
    margin-bottom: .12rem;
}

.gss-public-consent__item a {
    color: var(--prontox-cyan);
    display: inline-flex;
    margin-top: .22rem;
    text-decoration: none;
}

.gss-public-consent__icon {
    width: 2.45rem;
    height: 2.45rem;
    border-radius: .55rem;
    font-size: .62rem;
}

.gss-public-consent__item input {
    width: 1.45rem;
    height: 1.45rem;
    accent-color: var(--prontox-blue);
}

.gss-public-consent__security {
    border-top: 1px solid rgb(255 255 255 / 14%);
    padding-top: .8rem;
}

.gss-public-consent__actions {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 1rem;
}

.gss-public-consent__actions button {
    min-height: 2.85rem;
    border-radius: .5rem;
    color: white;
    cursor: pointer;
    font-weight: 900;
    padding: .68rem 1rem;
}

.gss-public-consent__secondary {
    border: 1px solid rgb(91 218 255 / 42%);
    background: rgb(4 13 32 / 66%);
}

.gss-public-consent__primary {
    border: 1px solid rgb(0 224 214 / 50%);
    background: linear-gradient(135deg, var(--prontox-violet), var(--prontox-blue) 48%, var(--prontox-cyan));
    box-shadow: 0 1rem 2.4rem rgb(25 145 255 / 30%);
}

.gss-public-consent-open {
    overflow: hidden;
}

@media (min-width: 760px) and (min-height: 760px) {
    .gss-public-consent__panel {
        overflow: visible;
    }
}

.gss-public-investor-section {
    align-items: center;
    background:
        radial-gradient(ellipse at 78% 24%, rgb(91 241 184 / 10%), transparent 24rem),
        radial-gradient(ellipse at 50% 50%, rgb(70 198 255 / 15%), transparent 32rem),
        linear-gradient(135deg, rgb(255 255 255 / 8%), rgb(255 255 255 / 2%));
    border: 1px solid var(--gss-public-border-soft);
    border-radius: var(--gss-public-radius-premium);
    box-shadow: var(--gss-public-shadow-cinematic), inset 0 1px 0 rgb(255 255 255 / 10%);
    display: grid;
    gap: var(--gss-space-xl);
    grid-template-columns: minmax(0, .88fr) minmax(0, 1fr);
    min-height: 26rem;
    overflow: hidden;
    padding: clamp(var(--gss-space-lg), 5vw, calc(var(--gss-space-xl) * 1.35));
    position: relative;
}

.gss-public-investor-section::before {
    background:
        linear-gradient(90deg, transparent, rgb(144 238 255 / 42%), transparent),
        linear-gradient(180deg, transparent, rgb(91 241 184 / 12%), transparent);
    content: "";
    inset: 0;
    opacity: .28;
    pointer-events: none;
    position: absolute;
}

.gss-public-investor-section__content {
    display: grid;
    gap: var(--gss-space-md);
    grid-column: 2;
    position: relative;
    z-index: 2;
}

.gss-public-investor-section__question {
    color: var(--gss-public-text);
    font: var(--gss-font-heading-md);
    margin: 0;
}

.gss-public-investor-legal {
    border-top: 1px solid var(--gss-public-border-soft);
    color: rgb(220 236 255 / 76%);
    font: var(--gss-font-body-sm);
    margin: 0;
    padding-top: var(--gss-space-sm);
}

.gss-public-investor-section__visual,
.gss-public-investor-page-visual {
    align-self: stretch;
    background:
        radial-gradient(circle at 50% 48%, rgb(144 238 255 / 26%), transparent 7rem),
        radial-gradient(circle at 60% 40%, rgb(36 119 255 / 32%), transparent 15rem),
        linear-gradient(90deg, rgb(70 198 255 / 10%) 1px, transparent 1px),
        linear-gradient(rgb(70 198 255 / 7%) 1px, transparent 1px);
    background-size: 100% 100%, 100% 100%, 3rem 3rem, 3rem 3rem;
    border: 1px solid var(--gss-public-border);
    border-radius: var(--gss-public-radius-premium);
    box-shadow: inset 0 0 70px rgb(70 198 255 / 12%), 0 0 72px rgb(36 119 255 / 20%);
    min-height: 18rem;
    overflow: hidden;
    position: relative;
}

.gss-public-investor-section__visual::before,
.gss-public-investor-page-visual::before {
    background:
        conic-gradient(from 120deg at 50% 50%, transparent, rgb(70 198 255 / 42%), transparent 28%, rgb(91 241 184 / 28%), transparent 62%),
        radial-gradient(circle, rgb(248 252 255 / 78%) 0 .18rem, transparent .22rem);
    background-size: 100% 100%, 4.8rem 4.8rem;
    border-radius: 50%;
    content: "";
    height: min(74%, 22rem);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(74%, 22rem);
}

.gss-public-investor-section__visual::after,
.gss-public-investor-page-visual::after {
    background:
        linear-gradient(100deg, transparent 0 34%, rgb(144 238 255 / 50%) 34.2% 34.45%, transparent 34.7% 100%),
        linear-gradient(32deg, transparent 0 56%, rgb(91 241 184 / 32%) 56.2% 56.45%, transparent 56.7% 100%),
        radial-gradient(circle at 50% 50%, rgb(144 238 255 / 36%), transparent 1.5rem);
    content: "";
    inset: 0;
    opacity: .7;
    position: absolute;
}

.gss-public-investor-section__visual span,
.gss-public-investor-page-visual span {
    background: var(--gss-public-cyan-bright);
    border-radius: 50%;
    box-shadow: 0 0 26px var(--gss-public-glow-cyan);
    height: .42rem;
    position: absolute;
    width: .42rem;
}

.gss-public-investor-section__visual span:nth-child(1),
.gss-public-investor-page-visual span:nth-child(1) {
    left: 24%;
    top: 32%;
}

.gss-public-investor-section__visual span:nth-child(2),
.gss-public-investor-page-visual span:nth-child(2) {
    left: 68%;
    top: 24%;
}

.gss-public-investor-section__visual span:nth-child(3),
.gss-public-investor-page-visual span:nth-child(3) {
    left: 76%;
    top: 66%;
}

.gss-public-investor-section__visual span:nth-child(4) {
    left: 38%;
    top: 76%;
}

.gss-public-investor-section__visual span:nth-child(5) {
    left: 50%;
    top: 48%;
}

.gss-public-investor-form {
    backdrop-filter: blur(16px);
    background:
        linear-gradient(145deg, rgb(255 255 255 / 8%), rgb(255 255 255 / 2%)),
        rgb(6 18 39 / 82%);
    border: 1px solid var(--gss-public-border-soft);
    border-radius: var(--gss-public-radius-premium);
    box-shadow: var(--gss-public-shadow-card), inset 0 1px 0 rgb(255 255 255 / 10%);
    display: grid;
    gap: var(--gss-space-md);
    padding: var(--gss-space-lg);
}

.gss-public-investor-form__grid {
    display: grid;
    gap: var(--gss-space-sm);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gss-public-investor-form label,
.gss-public-investor-form__choice {
    border: 0;
    display: grid;
    gap: var(--gss-space-xs);
    margin: 0;
    min-width: 0;
    padding: 0;
}

.gss-public-investor-form label span,
.gss-public-investor-form__choice legend {
    color: var(--gss-public-text-soft);
    font: var(--gss-font-body-sm);
}

.gss-public-investor-form input,
.gss-public-investor-form select,
.gss-public-investor-form textarea {
    background: rgb(1 5 14 / 62%);
    border: 1px solid var(--gss-public-border);
    border-radius: var(--gss-public-radius-control);
    color: var(--gss-public-text);
    font: var(--gss-font-body-sm);
    min-height: 2.75rem;
    padding: var(--gss-space-xs) var(--gss-space-sm);
    width: 100%;
}

.gss-public-investor-form textarea {
    resize: vertical;
}

.gss-public-investor-form input:focus-visible,
.gss-public-investor-form select:focus-visible,
.gss-public-investor-form textarea:focus-visible {
    border-color: var(--gss-public-border-strong);
    box-shadow: var(--gss-public-ring);
    outline: none;
}

.gss-public-investor-form__choice {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gss-public-investor-form__choice legend {
    grid-column: 1 / -1;
}

.gss-public-investor-form__choice label,
.gss-public-investor-form__consent {
    align-items: start;
    display: flex;
}

.gss-public-investor-form__choice input,
.gss-public-investor-form__consent input {
    flex: 0 0 auto;
    height: 1rem;
    margin-top: .2rem;
    min-height: auto;
    width: 1rem;
}

.gss-public-investor-form__honeypot {
    height: 1px;
    left: -100vw;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.gss-public-investor-success,
.gss-public-investor-error {
    background: rgb(70 198 255 / 8%);
    border: 1px solid var(--gss-public-border);
    border-radius: var(--gss-public-radius-premium);
    box-shadow: var(--gss-public-shadow-card);
    display: grid;
    gap: var(--gss-space-sm);
    padding: var(--gss-space-lg);
}

.gss-public-investor-error {
    color: var(--gss-public-text);
}

@media (prefers-reduced-motion: no-preference) {
    .gss-public-brand-hero-visual::after,
    .gss-public-ecosystem-visual::after {
        animation: gss-public-orbit-drift 12s linear infinite;
    }

    .gss-public-brand-hero-visual__core,
    .gss-public-ecosystem-visual__hub {
        animation: gss-public-soft-pulse 6s ease-in-out infinite;
    }

    .gss-public-brand-hero-visual__mesh span,
    .gss-public-ecosystem-visual__products span {
        transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
    }

    .gss-public-card {
        animation: gss-public-card-arrive .55s ease both;
    }

    .gss-public-investor-section {
        animation: gss-public-investor-reveal 1.25s ease both;
        animation-range: entry 8% cover 42%;
        animation-timeline: view();
    }

    .gss-public-investor-section__content > *,
    .gss-public-investor-form > * {
        animation: gss-public-investor-content .9s ease both;
    }

    .gss-public-investor-section__content > *:nth-child(2),
    .gss-public-investor-form > *:nth-child(2) {
        animation-delay: .12s;
    }

    .gss-public-investor-section__content > *:nth-child(3),
    .gss-public-investor-form > *:nth-child(3) {
        animation-delay: .24s;
    }

    .gss-public-investor-section__content > *:nth-child(4),
    .gss-public-investor-form > *:nth-child(4) {
        animation-delay: .36s;
    }

    .gss-public-investor-section__visual::before,
    .gss-public-investor-page-visual::before {
        animation: gss-public-investor-constellation 10s linear infinite;
    }

    .gss-public-investor-section__visual::after,
    .gss-public-investor-page-visual::after {
        animation: gss-public-investor-light-sweep 8s ease-in-out infinite;
    }
}

@keyframes gss-public-soft-pulse {
    0%,
    100% {
        box-shadow: inset 0 0 44px rgb(70 198 255 / 16%), 0 0 62px rgb(36 119 255 / 22%);
    }

    50% {
        box-shadow: inset 0 0 66px rgb(144 238 255 / 24%), 0 0 90px rgb(36 119 255 / 34%);
    }
}

@keyframes gss-public-orbit-drift {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes gss-public-card-arrive {
    from {
        opacity: .01;
        transform: translateY(.75rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes gss-public-investor-reveal {
    from {
        opacity: .01;
        transform: translateY(1.1rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes gss-public-investor-content {
    from {
        filter: blur(.45rem);
        opacity: .01;
        transform: translateY(.7rem);
    }

    to {
        filter: blur(0);
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes gss-public-investor-constellation {
    from {
        transform: translate(-50%, -50%) rotate(0deg) scale(.98);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg) scale(.98);
    }
}

@keyframes gss-public-investor-light-sweep {
    0%,
    100% {
        opacity: .42;
    }

    50% {
        opacity: .86;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gss-public-investor-section,
    .gss-public-investor-section__content > *,
    .gss-public-investor-form > *,
    .gss-public-investor-section__visual::before,
    .gss-public-investor-page-visual::before,
    .gss-public-investor-section__visual::after,
    .gss-public-investor-page-visual::after {
        animation: none;
        filter: none;
        opacity: 1;
        transform: none;
    }
}

.gss-public-motion-paused .gss-public-investor-section,
.gss-public-motion-paused .gss-public-investor-section__content > *,
.gss-public-motion-paused .gss-public-investor-form > *,
.gss-public-motion-paused .gss-public-investor-section__visual::before,
.gss-public-motion-paused .gss-public-investor-page-visual::before,
.gss-public-motion-paused .gss-public-investor-section__visual::after,
.gss-public-motion-paused .gss-public-investor-page-visual::after {
    animation-play-state: paused;
}

@media (max-width: 760px) {
    .gss-public-site-header {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .gss-public-nav-button {
        display: inline-flex;
    }

    .gss-public-nav,
    .gss-public-language {
        display: none;
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .gss-public-nav-toggle:checked ~ .gss-public-nav,
    .gss-public-nav-toggle:checked ~ .gss-public-language {
        display: flex;
    }

    .gss-public-founder-shell,
    .gss-public-brand-hero,
    .gss-public-brand-split,
    .gss-public-investor-section,
    .gss-public-site-footer {
        grid-template-columns: 1fr;
    }

    .gss-public-brand-hero-visual,
    .gss-public-ecosystem-visual,
    .gss-public-investor-section__visual,
    .gss-public-investor-page-visual {
        min-height: 18rem;
    }

    .gss-public-investor-section {
        min-height: 0;
        padding: var(--gss-space-lg);
    }

    .gss-public-investor-section__content {
        grid-column: auto;
    }

    .gss-public-investor-section__visual {
        order: -1;
        opacity: .72;
    }

    .gss-public-investor-form__grid,
    .gss-public-investor-form__choice {
        grid-template-columns: 1fr;
    }

    .gss-public-investor-form .gss-public-button {
        width: 100%;
    }

    .gss-public-section {
        padding-left: var(--gss-space-md);
        padding-right: var(--gss-space-md);
    }

    .gss-public-site-footer small {
        grid-column: auto;
    }

    .gss-public-cookie-entry {
        bottom: var(--gss-space-sm);
        left: var(--gss-space-sm);
        right: var(--gss-space-sm);
    }

    .gss-public-cookie-entry button {
        justify-content: center;
        width: 100%;
    }

    .gss-public-consent {
        align-items: end;
        padding: .75rem;
    }

    .gss-public-consent__panel {
        max-height: calc(100vh - 1.5rem);
        padding: 1.1rem;
    }

    .gss-public-consent__header,
    .gss-public-consent__item,
    .gss-public-consent__actions {
        grid-template-columns: 1fr;
    }

    .gss-public-consent__item input {
        justify-self: start;
    }
}