:root {
    --simple-ink: #07150f;
    --simple-muted: #5c6962;
    --simple-paper: #f6f7f1;
    --simple-card: #ffffff;
    --simple-line: rgba(7, 21, 15, 0.12);
    --simple-pea: #c7f43d;
    --simple-pea-deep: #94c900;
    --simple-radius: 28px;
    --simple-width: 1180px;
}

html {
    background: var(--simple-paper);
}

body.simple-site {
    background: var(--simple-paper);
    color: var(--simple-ink);
    font-family: "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
    font-size: 17px;
    line-height: 1.55;
    letter-spacing: -0.01em;
}

body.simple-site > header {
    background: rgba(7, 21, 15, 0.96);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: none;
    min-height: 64px;
}

body.simple-site > header a {
    color: rgba(255, 255, 255, 0.78);
}

body.simple-site > header a:hover,
body.simple-site > header a:focus-visible,
body.simple-site > header a[aria-current="page"] {
    color: #fff;
}

body.simple-site > header a[href="/#why"],
body.simple-site > header a[href="/#locations"] {
    display: none !important;
}

body.simple-site h1,
body.simple-site h2,
body.simple-site h3,
body.simple-site h4 {
    color: var(--simple-ink);
    font-family: "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
    letter-spacing: -0.045em;
    line-height: 1.04;
}

body.simple-site p {
    text-wrap: pretty;
}

body.simple-site :focus-visible {
    outline: 3px solid var(--simple-pea-deep);
    outline-offset: 3px;
}

.simple-main {
    margin: 0 auto;
    max-width: var(--simple-width);
    padding: 0 28px 110px;
}

.simple-main section {
    margin-top: 112px;
}

.simple-hero {
    align-items: center;
    display: grid;
    gap: clamp(44px, 8vw, 110px);
    grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr);
    min-height: 680px;
    padding-top: 42px;
}

.simple-copy {
    max-width: 650px;
}

.simple-eyebrow {
    color: #506059;
    font-size: 0.76rem;
    font-weight: 750;
    letter-spacing: 0.17em;
    margin: 0 0 24px;
    text-transform: uppercase;
}

.simple-copy h1,
.simple-page-heading h1 {
    font-size: clamp(3.5rem, 7vw, 6.6rem);
    font-weight: 650;
    margin: 0;
}

.simple-copy > p:not(.simple-eyebrow),
.simple-page-heading > p:not(.simple-eyebrow) {
    color: var(--simple-muted);
    font-size: clamp(1.12rem, 2vw, 1.36rem);
    line-height: 1.55;
    margin: 28px 0 0;
    max-width: 580px;
}

.simple-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 14px 22px;
    margin-top: 38px;
}

.simple-button,
.simple-button:visited {
    align-items: center;
    background: var(--simple-ink);
    border: 1px solid var(--simple-ink);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 0.94rem;
    font-weight: 720;
    justify-content: center;
    min-height: 54px;
    padding: 0 26px;
    text-decoration: none;
    transition: transform 180ms ease, background 180ms ease;
}

.simple-button:hover {
    background: #193125;
    color: #fff;
    transform: translateY(-1px);
}

.simple-link,
.simple-link:visited {
    color: var(--simple-ink);
    font-weight: 680;
    text-decoration-color: rgba(7, 21, 15, 0.25);
    text-underline-offset: 5px;
}

.simple-link:hover {
    text-decoration-color: var(--simple-ink);
}

.simple-product {
    background: #0a1812;
    border-radius: 44px;
    box-shadow: 0 30px 80px rgba(7, 21, 15, 0.16);
    color: #fff;
    min-height: 510px;
    overflow: hidden;
    padding: 32px;
    position: relative;
}

.simple-product::after {
    background: radial-gradient(circle, rgba(199, 244, 61, 0.34), transparent 68%);
    content: "";
    height: 440px;
    position: absolute;
    right: -160px;
    top: -150px;
    width: 440px;
}

.simple-product-top,
.simple-product-foot {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.simple-product-label {
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.simple-online {
    align-items: center;
    display: inline-flex;
    font-size: 0.84rem;
    gap: 8px;
}

.simple-online::before {
    background: var(--simple-pea);
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(199, 244, 61, 0.12);
    content: "";
    height: 8px;
    width: 8px;
}

.simple-product-centre {
    display: grid;
    min-height: 370px;
    place-items: center;
    position: relative;
    z-index: 1;
}

.simple-connect-orb {
    align-items: center;
    background: var(--simple-pea);
    border: 0;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(7, 21, 15, 0.15), 0 18px 48px rgba(0, 0, 0, 0.28);
    color: var(--simple-ink);
    display: flex;
    font-size: 0.86rem;
    font-weight: 800;
    height: 190px;
    justify-content: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    width: 190px;
}

.simple-product-foot {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.82rem;
    padding-top: 20px;
}

.simple-section-head {
    max-width: 720px;
}

.simple-section-head h2,
.simple-split h2,
.simple-final h2 {
    font-size: clamp(2.35rem, 4.5vw, 4.6rem);
    font-weight: 650;
    margin: 0;
}

.simple-section-head p,
.simple-split-copy > p,
.simple-final > p {
    color: var(--simple-muted);
    font-size: 1.08rem;
    margin: 22px 0 0;
    max-width: 650px;
}

.simple-benefits {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 42px;
}

.simple-benefit,
.simple-step,
.simple-platform,
.simple-status-card {
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid var(--simple-line);
    border-radius: var(--simple-radius);
    box-shadow: none;
    padding: 30px;
}

.simple-benefit-number,
.simple-step-number {
    align-items: center;
    background: var(--simple-pea);
    border-radius: 50%;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 800;
    height: 36px;
    justify-content: center;
    margin-bottom: 48px;
    width: 36px;
}

.simple-benefit h3,
.simple-step h3,
.simple-platform h3 {
    font-size: 1.35rem;
    margin: 0;
}

.simple-benefit p,
.simple-step p,
.simple-platform p {
    color: var(--simple-muted);
    margin: 12px 0 0;
}

.simple-split {
    align-items: center;
    background: #e9ecdf;
    border-radius: 40px;
    display: grid;
    gap: 56px;
    grid-template-columns: minmax(0, 0.95fr) minmax(360px, 1.05fr);
    padding: clamp(34px, 6vw, 76px);
}

.simple-node-list {
    background: var(--simple-card);
    border: 1px solid var(--simple-line);
    border-radius: 28px;
    overflow: hidden;
}

.simple-node-row {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    min-height: 74px;
    padding: 14px 22px;
}

.simple-node-row + .simple-node-row {
    border-top: 1px solid var(--simple-line);
}

.simple-node-name {
    display: block;
    font-weight: 720;
}

.simple-node-country {
    color: var(--simple-muted);
    display: block;
    font-size: 0.82rem;
}

.simple-pill {
    background: #edf4db;
    border-radius: 999px;
    color: #315000;
    font-size: 0.74rem;
    font-weight: 780;
    padding: 7px 11px;
    white-space: nowrap;
}

.simple-pill.is-offline {
    background: #f1ece7;
    color: #765e4f;
}

.simple-price {
    color: var(--simple-ink);
    font-size: 3rem;
    font-weight: 680;
    letter-spacing: -0.05em;
    margin: 28px 0 4px;
}

.simple-price span {
    color: var(--simple-muted);
    font-size: 1rem;
    font-weight: 550;
    letter-spacing: 0;
}

.simple-final {
    align-items: center;
    border-top: 1px solid var(--simple-line);
    display: flex;
    gap: 40px;
    justify-content: space-between;
    padding-top: 74px;
}

.simple-page-heading {
    margin: 0 auto;
    max-width: 850px;
    padding: 130px 0 30px;
    text-align: center;
}

.simple-page-heading > p:not(.simple-eyebrow) {
    margin-left: auto;
    margin-right: auto;
}

.simple-download-card {
    align-items: center;
    background: #0a1812;
    border-radius: 42px;
    color: #fff;
    display: grid;
    gap: 52px;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.75fr);
    overflow: hidden;
    padding: clamp(34px, 6vw, 72px);
    position: relative;
}

.simple-download-card h2 {
    color: #fff;
    font-size: clamp(2.2rem, 4vw, 4.2rem);
    margin: 0;
}

.simple-download-card p {
    color: rgba(255, 255, 255, 0.66);
    margin: 20px 0 0;
    max-width: 560px;
}

.simple-download-card .simple-button {
    background: var(--simple-pea);
    border-color: var(--simple-pea);
    color: var(--simple-ink);
}

.simple-download-card .simple-button:hover {
    background: #dcff78;
    color: var(--simple-ink);
}

.simple-tv {
    aspect-ratio: 16 / 10;
    background: linear-gradient(145deg, #f7f7ef, #dfe7d4);
    border: 8px solid #26352d;
    border-radius: 22px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.28);
    display: grid;
    padding: 24px;
    place-items: center;
    transform: rotate(2deg);
}

.simple-tv-inner {
    color: var(--simple-ink);
    text-align: center;
}

.simple-tv-mark {
    align-items: center;
    background: var(--simple-pea);
    border-radius: 50%;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 820;
    height: 82px;
    justify-content: center;
    letter-spacing: 0.08em;
    width: 82px;
}

.simple-tv-inner strong {
    display: block;
    font-size: 1.1rem;
    margin-top: 14px;
}

.simple-steps,
.simple-platforms,
.simple-status-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 40px;
}

.simple-step-number {
    margin-bottom: 34px;
}

.simple-platform {
    min-height: 190px;
}

.simple-platform-state {
    color: #567100;
    display: block;
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin-bottom: 34px;
    text-transform: uppercase;
}

.simple-platform-state.is-next {
    color: #69746e;
}

.simple-plan-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 880px;
}

.simple-plan {
    background: #fff;
    border: 1px solid var(--simple-line);
    border-radius: 40px;
    display: grid;
    gap: 60px;
    grid-template-columns: minmax(0, 0.95fr) minmax(300px, 1.05fr);
    padding: clamp(34px, 6vw, 72px);
}

.simple-plan h2 {
    font-size: clamp(2.3rem, 4vw, 4rem);
    margin: 0;
}

.simple-plan ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.simple-plan li {
    border-bottom: 1px solid var(--simple-line);
    padding: 15px 0 15px 30px;
    position: relative;
}

.simple-plan li::before {
    color: #648700;
    content: "\2713";
    font-weight: 900;
    left: 0;
    position: absolute;
}

.simple-note {
    background: #edf4db;
    border-radius: 18px;
    color: #405326;
    font-size: 0.9rem;
    margin-top: 24px;
    padding: 16px 18px;
}

.simple-status-summary {
    align-items: center;
    background: #0a1812;
    border-radius: 32px;
    color: #fff;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding: 30px 34px;
}

.simple-status-summary h2 {
    color: #fff;
    font-size: clamp(1.55rem, 3vw, 2.5rem);
    margin: 0;
}

.simple-status-summary p {
    color: rgba(255, 255, 255, 0.62);
    margin: 7px 0 0;
}

.simple-status-dot {
    background: var(--simple-pea);
    border-radius: 50%;
    box-shadow: 0 0 0 9px rgba(199, 244, 61, 0.12);
    flex: 0 0 auto;
    height: 16px;
    width: 16px;
}

.simple-status-card {
    min-height: 170px;
}

.simple-status-card h3 {
    font-size: 1.25rem;
    margin: 0;
}

.simple-status-card p {
    color: var(--simple-muted);
    margin: 12px 0 0;
}

.simple-status-card .simple-pill {
    display: inline-block;
    margin-top: 28px;
}

/* Quiet the existing functional pages without changing their behaviour. */
body.simple-site main:not(.simple-main) {
    padding-bottom: 100px;
}

body.simple-site main:not(.simple-main) h1 {
    font-size: clamp(2.7rem, 6vw, 5.5rem);
    font-weight: 650;
}

body.simple-site input:not([type="checkbox"]):not([type="radio"]),
body.simple-site select,
body.simple-site textarea {
    background: #fff;
    border: 1px solid rgba(7, 21, 15, 0.2);
    border-radius: 14px;
    box-shadow: none;
    color: var(--simple-ink);
    font: inherit;
    min-height: 52px;
}

body.simple-site textarea {
    min-height: 140px;
}

body.simple-site input:not([type="checkbox"]):not([type="radio"]):focus,
body.simple-site select:focus,
body.simple-site textarea:focus {
    border-color: #739900;
    box-shadow: 0 0 0 4px rgba(148, 201, 0, 0.12);
    outline: none;
}

body.simple-site button,
body.simple-site .button,
body.simple-site .btn {
    border-radius: 999px;
    box-shadow: none;
}

body.simple-site .card,
body.simple-site .panel,
body.simple-site .auth-card,
body.simple-site .account-card,
body.simple-site .portal-card,
body.simple-site .support-card,
body.simple-site .ticket-card {
    border: 1px solid var(--simple-line);
    border-radius: 24px;
    box-shadow: none;
}

body.simple-site .orb,
body.simple-site .grain,
body.simple-site .noise,
body.simple-site .marquee,
body.simple-site .ticker {
    display: none !important;
}

body.simple-site > footer {
    background: #07150f;
    color: rgba(255, 255, 255, 0.64);
}

body.simple-site > footer h2,
body.simple-site > footer h3,
body.simple-site > footer strong {
    color: #fff;
}

body.simple-site > footer a {
    color: rgba(255, 255, 255, 0.72);
}

@media (prefers-reduced-motion: no-preference) {
    .simple-main > section {
        animation: simple-rise 600ms ease both;
    }

    .simple-main > section:nth-child(2) {
        animation-delay: 70ms;
    }

    @keyframes simple-rise {
        from {
            opacity: 0;
            transform: translateY(14px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

@media (max-width: 900px) {
    .simple-main {
        padding-left: 22px;
        padding-right: 22px;
    }

    .simple-main section {
        margin-top: 82px;
    }

    .simple-hero,
    .simple-download-card,
    .simple-plan,
    .simple-split {
        grid-template-columns: 1fr;
    }

    .simple-hero {
        gap: 54px;
        min-height: 0;
        padding-top: 96px;
    }

    .simple-benefits,
    .simple-steps,
    .simple-platforms,
    .simple-status-grid {
        grid-template-columns: 1fr;
    }

    .simple-benefit-number {
        margin-bottom: 28px;
    }

    .simple-page-heading {
        padding-top: 110px;
    }
}

@media (max-width: 560px) {
    body.simple-site {
        font-size: 16px;
    }

    .simple-main {
        padding: 0 17px 80px;
    }

    .simple-main section {
        margin-top: 68px;
    }

    .simple-copy h1,
    .simple-page-heading h1 {
        font-size: clamp(3rem, 15vw, 4.5rem);
    }

    .simple-copy > p:not(.simple-eyebrow),
    .simple-page-heading > p:not(.simple-eyebrow) {
        font-size: 1.08rem;
    }

    .simple-actions,
    .simple-final,
    .simple-status-summary {
        align-items: stretch;
        flex-direction: column;
    }

    .simple-button {
        width: 100%;
    }

    .simple-product {
        border-radius: 30px;
        min-height: 440px;
        padding: 24px;
    }

    .simple-product-centre {
        min-height: 310px;
    }

    .simple-connect-orb {
        height: 160px;
        width: 160px;
    }

    .simple-split,
    .simple-download-card,
    .simple-plan {
        border-radius: 28px;
        gap: 38px;
        padding: 28px 22px;
    }

    .simple-benefit,
    .simple-step,
    .simple-platform,
    .simple-status-card {
        padding: 24px;
    }

    .simple-tv {
        padding: 14px;
    }

    .simple-page-heading {
        padding-top: 90px;
    }
}

/* Premium product storytelling. */
.premium-main {
    margin: 0 auto;
    max-width: 1240px;
    overflow: clip;
    padding: 0 30px 120px;
}

.premium-main section {
    margin-top: 120px;
}

.premium-kicker {
    color: #5b6a62;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.17em;
    margin: 0 0 22px;
    text-transform: uppercase;
}

.premium-hero {
    align-items: center;
    display: grid;
    gap: clamp(54px, 7vw, 100px);
    grid-template-columns: minmax(0, 1.02fr) minmax(430px, 0.98fr);
    min-height: 760px;
    padding-top: 34px;
}

.premium-hero-copy h1,
.premium-page-hero h1,
.premium-downloads-hero h1 {
    font-size: clamp(4.3rem, 7.6vw, 7.4rem);
    font-weight: 650;
    letter-spacing: -0.065em;
    line-height: 0.91;
    margin: 0;
}

.premium-hero-copy h1 span,
.premium-page-hero h1 span,
.premium-downloads-hero h1 span,
.premium-suite-heading h2 span {
    color: #719500;
}

.premium-lead,
.premium-page-hero > div > p:not(.premium-kicker),
.premium-downloads-hero > p:not(.premium-kicker) {
    color: var(--simple-muted);
    font-size: clamp(1.15rem, 2vw, 1.38rem);
    line-height: 1.55;
    margin: 30px 0 0;
    max-width: 610px;
}

.premium-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 18px 26px;
    margin-top: 38px;
}

.premium-button,
.premium-button:visited {
    align-items: center;
    background: #07150f;
    border: 1px solid #07150f;
    border-radius: 999px;
    box-shadow: 0 14px 36px rgba(7, 21, 15, 0.2);
    color: #fff;
    display: inline-flex;
    font-size: 0.94rem;
    font-weight: 760;
    justify-content: center;
    min-height: 56px;
    padding: 0 29px;
    text-decoration: none;
    transition: box-shadow 180ms ease, transform 180ms ease;
}

.premium-button:hover {
    box-shadow: 0 18px 42px rgba(7, 21, 15, 0.26), 0 0 0 7px rgba(199, 244, 61, 0.22);
    color: #fff;
    transform: translateY(-2px);
}

.premium-text-link,
.premium-text-link:visited {
    color: var(--simple-ink);
    font-weight: 720;
    text-decoration: none;
}

.premium-text-link span {
    display: inline-block;
    margin-left: 5px;
    transition: transform 180ms ease;
}

.premium-text-link:hover span {
    transform: translateX(4px);
}

.premium-hero-proof {
    border-top: 1px solid var(--simple-line);
    display: flex;
    gap: 25px;
    margin-top: 50px;
    padding-top: 23px;
}

.premium-hero-proof span {
    color: var(--simple-muted);
    font-size: 0.79rem;
}

.premium-hero-proof strong {
    color: var(--simple-ink);
    display: block;
    font-size: 1.34rem;
}

.premium-visual-wrap {
    position: relative;
}

.premium-visual-wrap .simple-product {
    min-height: 570px;
}

.premium-float-chip {
    align-items: center;
    backdrop-filter: blur(15px);
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(7, 21, 15, 0.12);
    border-radius: 999px;
    box-shadow: 0 14px 42px rgba(7, 21, 15, 0.14);
    display: flex;
    font-size: 0.8rem;
    font-weight: 760;
    gap: 8px;
    padding: 11px 15px;
    position: absolute;
    z-index: 3;
}

.premium-float-chip b {
    background: var(--simple-pea);
    border-radius: 999px;
    font-size: 0.62rem;
    padding: 4px 7px;
    text-transform: uppercase;
}

.premium-float-one { left: -35px; top: 92px; }
.premium-float-two { bottom: 70px; right: -34px; }

.premium-platform-band {
    background: #fff;
    border: 1px solid var(--simple-line);
    border-radius: 38px;
    box-shadow: 0 24px 70px rgba(7, 21, 15, 0.08);
    padding: clamp(32px, 5vw, 60px);
}

.premium-platform-intro {
    align-items: end;
    display: flex;
    justify-content: space-between;
}

.premium-platform-intro h2,
.premium-section-heading h2,
.premium-proof-copy h2,
.premium-consistency h2,
.premium-node-section h2 {
    font-size: clamp(2.5rem, 4.8vw, 5rem);
    font-weight: 650;
    letter-spacing: -0.055em;
    margin: 0;
}

.premium-platform-logos {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 42px 0 34px;
}

.premium-platform-logo {
    align-items: center;
    background: #f4f6ef;
    border: 1px solid transparent;
    border-radius: 20px;
    display: flex;
    gap: 13px;
    min-height: 92px;
    padding: 17px;
    transition: border-color 180ms ease, transform 180ms ease;
}

.premium-platform-logo:hover {
    border-color: rgba(113, 149, 0, 0.4);
    transform: translateY(-3px);
}

.premium-platform-logo svg {
    fill: #07150f;
    flex: 0 0 30px;
    height: 30px;
    width: 30px;
}

.premium-platform-logo > span:not(.premium-fire-word) {
    font-size: 0.94rem;
    font-weight: 760;
}

.premium-platform-logo small {
    color: var(--simple-muted);
    display: block;
    font-size: 0.64rem;
    font-weight: 600;
    margin-top: 3px;
}

.premium-fire-word {
    color: #07150f;
    font-size: 1.15rem;
    font-weight: 820;
    letter-spacing: -0.07em;
    line-height: 1;
}

.premium-fire-word span {
    color: #e87017;
    margin-left: 2px;
}

.premium-fire-logo .premium-fire-word {
    flex: 0 0 38px;
    font-size: 0.9rem;
}

.premium-suite {
    background:
        radial-gradient(circle at 90% 6%, rgba(199, 244, 61, 0.22), transparent 28rem),
        #07150f;
    border-radius: 48px;
    color: #fff;
    overflow: hidden;
    padding: clamp(38px, 7vw, 84px);
    position: relative;
}

.premium-suite-heading {
    max-width: 800px;
}

.premium-suite .premium-kicker { color: var(--simple-pea); }

.premium-suite-heading h2 {
    color: #fff;
    font-size: clamp(3.3rem, 6.6vw, 7rem);
    font-weight: 640;
    letter-spacing: -0.065em;
    line-height: 0.94;
    margin: 0;
}

.premium-suite-heading p:last-child {
    color: rgba(255, 255, 255, 0.62);
    font-size: 1.1rem;
    margin: 26px 0 0;
    max-width: 600px;
}

.premium-suite-shell {
    display: grid;
    gap: 55px;
    grid-template-columns: minmax(300px, 0.82fr) minmax(420px, 1.18fr);
    margin-top: 70px;
}

.premium-suite-tabs {
    display: flex;
    flex-direction: column;
}

.premium-suite-tab {
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 0 !important;
    color: rgba(255, 255, 255, 0.48);
    cursor: pointer;
    font-family: inherit;
    padding: 24px 0;
    text-align: left;
    transition: color 180ms ease, padding 180ms ease;
}

.premium-suite-tab.is-active {
    color: #fff;
    padding-left: 15px;
}

.premium-suite-tab > span {
    color: var(--simple-pea);
    display: block;
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.premium-suite-tab strong {
    display: block;
    font-size: 1.35rem;
    margin-top: 9px;
}

.premium-suite-tab small {
    display: block;
    font-size: 0.84rem;
    line-height: 1.5;
    margin-top: 7px;
    max-width: 350px;
}

.premium-suite-screen {
    background: #f5f7f0;
    border: 8px solid #1d3026;
    border-radius: 34px;
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.35);
    color: var(--simple-ink);
    min-height: 550px;
    overflow: hidden;
    transform: rotate(1deg);
}

.premium-suite-bar {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid var(--simple-line);
    display: flex;
    justify-content: space-between;
    padding: 19px 22px;
}

.premium-mini-brand { font-size: 1rem; font-weight: 820; }
.premium-secure-dot { color: #587600; font-size: 0.72rem; font-weight: 760; }
.premium-secure-dot::before { background: var(--simple-pea-deep); border-radius: 50%; content: ""; display: inline-block; height: 7px; margin-right: 7px; width: 7px; }

.premium-suite-panel {
    min-height: 470px;
    padding: 35px;
}

.premium-screen-label {
    color: #66736c;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin: 0;
    text-transform: uppercase;
}

.premium-screen-connect {
    align-items: center;
    background: var(--simple-pea);
    border-radius: 50%;
    box-shadow: 0 0 0 18px rgba(199, 244, 61, 0.2), 0 26px 55px rgba(7, 21, 15, 0.18);
    display: flex;
    flex-direction: column;
    height: 210px;
    justify-content: center;
    margin: 70px auto 48px;
    width: 210px;
}

.premium-screen-connect span { font-size: 1.05rem; font-weight: 820; text-transform: uppercase; }
.premium-screen-connect small { font-size: 0.64rem; margin-top: 7px; opacity: 0.58; }
.premium-suite-panel > p:last-child { color: var(--simple-muted); text-align: center; }

.premium-screen-list,
.premium-device-list {
    margin-top: 35px;
}

.premium-screen-list > div,
.premium-device-list > div {
    align-items: center;
    background: #fff;
    border: 1px solid var(--simple-line);
    border-radius: 18px;
    display: flex;
    gap: 13px;
    justify-content: space-between;
    margin-top: 12px;
    min-height: 76px;
    padding: 14px 17px;
}

.premium-screen-list b,
.premium-device-list b { display: block; }
.premium-screen-list small,
.premium-device-list small { color: var(--simple-muted); display: block; font-size: 0.72rem; }
.premium-screen-list em,
.premium-device-list em { background: #edf6d7; border-radius: 999px; color: #506c00; font-size: 0.68rem; font-style: normal; font-weight: 760; padding: 7px 9px; }
.premium-device-list > p { color: var(--simple-muted); font-size: 0.8rem; margin-top: 20px; text-align: center; }
.premium-device-glyph { align-items: center; background: var(--simple-pea); border-radius: 10px; display: flex; flex: 0 0 38px; font-size: 0.72rem; font-weight: 820; height: 38px; justify-content: center; }

.premium-proof-section {
    align-items: center;
    display: grid;
    gap: 70px;
    grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.95fr);
    padding: 30px 0;
}

.premium-proof-copy > p:not(.premium-kicker) {
    color: var(--simple-muted);
    font-size: 1.08rem;
    max-width: 640px;
}

.premium-node-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.premium-node-chips span { background: #fff; border: 1px solid var(--simple-line); border-radius: 999px; font-size: 0.8rem; font-weight: 700; padding: 10px 13px; }
.premium-node-chips i { background: var(--simple-pea-deep); border-radius: 50%; display: inline-block; height: 7px; margin-right: 8px; width: 7px; }

.premium-proof-numbers {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.premium-proof-numbers article {
    background: #fff;
    border: 1px solid var(--simple-line);
    border-radius: 28px;
    min-height: 170px;
    padding: 25px;
}

.premium-proof-numbers article:first-child { background: var(--simple-pea); grid-column: span 2; }
.premium-proof-numbers strong { display: block; font-size: 3.3rem; letter-spacing: -0.06em; line-height: 1; }
.premium-proof-numbers span { color: #56635c; display: block; font-size: 0.8rem; margin-top: 14px; }

.premium-closing {
    align-items: end;
    background:
        radial-gradient(circle at 82% 14%, rgba(199, 244, 61, 0.28), transparent 24rem),
        #07150f;
    border-radius: 44px;
    color: #fff;
    display: flex;
    gap: 60px;
    justify-content: space-between;
    padding: clamp(38px, 7vw, 78px);
}

.premium-closing .premium-kicker { color: var(--simple-pea); }
.premium-closing h2 { color: #fff; font-size: clamp(3.2rem, 6vw, 6rem); font-weight: 640; letter-spacing: -0.06em; line-height: 0.95; margin: 0; }
.premium-closing p:not(.premium-kicker) { color: rgba(255,255,255,.62); max-width: 590px; }
.premium-closing-actions { align-items: center; display: flex; flex: 0 0 auto; flex-direction: column; gap: 16px; }
.premium-button-light { background: var(--simple-pea); border-color: var(--simple-pea); color: var(--simple-ink) !important; }
.premium-closing-actions > a:not(.premium-button) { color: #fff; font-size: .82rem; font-weight: 700; }

.premium-page-hero {
    align-items: center;
    display: grid;
    gap: 70px;
    grid-template-columns: 1fr 1fr;
    min-height: 700px;
    padding-top: 45px;
}

.premium-device-stage {
    min-height: 530px;
    position: relative;
}

.premium-stage-laptop,
.premium-stage-phone,
.premium-stage-tv {
    background: #0b1a13;
    border: 7px solid #26362d;
    box-shadow: 0 28px 75px rgba(7, 21, 15, .22);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 22px;
    position: absolute;
}

.premium-stage-laptop { border-radius: 20px; height: 270px; left: 0; top: 70px; transform: rotate(-5deg); width: 430px; }
.premium-stage-phone { border-radius: 35px; height: 350px; right: 10px; top: 135px; transform: rotate(7deg); width: 175px; z-index: 2; }
.premium-stage-tv { background: var(--simple-pea); border-radius: 18px; bottom: 22px; color: var(--simple-ink); height: 160px; left: 100px; transform: rotate(2deg); width: 285px; }
.premium-device-stage b { font-size: 1.35rem; }
.premium-stage-phone i { background: var(--simple-pea); border-radius: 50%; height: 70px; margin: auto; width: 70px; }

.premium-section-heading { max-width: 760px; }
.premium-section-heading > p:not(.premium-kicker) { color: var(--simple-muted); font-size: 1.05rem; }

.premium-app-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-top: 48px;
}

.premium-app-card {
    background: #fff;
    border: 1px solid var(--simple-line);
    border-radius: 30px;
    grid-column: span 2;
    min-height: 330px;
    padding: 28px;
    position: relative;
}

.premium-app-card:nth-child(4),
.premium-app-card:nth-child(5) { grid-column: span 3; }
.premium-app-featured { background: linear-gradient(145deg, #efffc5, #fff); }
.premium-app-card svg { fill: var(--simple-ink); height: 52px; margin-top: 50px; width: 52px; }
.premium-app-card .premium-fire-word { font-size: 2rem; margin-top: 60px; }
.premium-app-card h3 { font-size: 1.6rem; margin: 24px 0 0; }
.premium-app-card p { color: var(--simple-muted); }
.premium-app-card a { color: var(--simple-ink); font-size: .82rem; font-weight: 760; text-decoration: none; }
.premium-app-state,
.premium-download-status { background: #dff897; border-radius: 999px; color: #3f5700; display: inline-block; font-size: .65rem; font-weight: 800; letter-spacing: .09em; padding: 7px 10px; text-transform: uppercase; }
.premium-app-state.is-launch,
.premium-download-status.is-soon { background: #eef0eb; color: #66716b; }

.premium-consistency {
    background: linear-gradient(135deg, #e9f5ff, #f5f8ef);
    border-radius: 40px;
    display: grid;
    gap: 60px;
    grid-template-columns: .85fr 1.15fr;
    padding: clamp(35px, 6vw, 70px);
}
.premium-consistency > div > p:not(.premium-kicker) { color: var(--simple-muted); }
.premium-consistency-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, 1fr); }
.premium-consistency-grid article { background: rgba(255,255,255,.78); border: 1px solid rgba(7,21,15,.08); border-radius: 22px; padding: 22px; }
.premium-consistency-grid span { color: #719500; font-size: .68rem; font-weight: 800; }
.premium-consistency-grid h3 { font-size: 1.15rem; margin: 35px 0 0; }
.premium-consistency-grid p { color: var(--simple-muted); font-size: .78rem; }

.premium-node-section,
.premium-manual-setup {
    align-items: start;
    display: grid;
    gap: 70px;
    grid-template-columns: 1fr 1fr;
}

.premium-live-node-list,
.premium-manual-card { background: #fff; border: 1px solid var(--simple-line); border-radius: 30px; box-shadow: 0 20px 60px rgba(7,21,15,.08); padding: 18px; }
.premium-live-node-list > div { align-items: center; display: flex; justify-content: space-between; min-height: 82px; padding: 10px 12px; }
.premium-live-node-list > div + div { border-top: 1px solid var(--simple-line); }
.premium-live-node-list b,.premium-live-node-list small { display: block; }
.premium-live-node-list small { color: var(--simple-muted); font-size: .7rem; }
.premium-live-node-list em { background: #edf6d7; border-radius: 999px; color: #506c00; font-size: .68rem; font-style: normal; font-weight: 760; padding: 7px 9px; }

.premium-downloads-hero { max-width: 900px; padding-top: 130px; }
.premium-download-grid { display: grid; gap: 18px; grid-template-columns: repeat(6, minmax(0,1fr)); }
.premium-download-card { background: #fff; border: 1px solid var(--simple-line); border-radius: 32px; grid-column: span 2; min-height: 390px; padding: 30px; }
.premium-download-card:nth-child(4),.premium-download-card:nth-child(5) { grid-column: span 3; }
.premium-download-card.is-live { background: linear-gradient(145deg,#edffc0,#fff); }
.premium-download-card svg { fill: var(--simple-ink); height: 55px; margin-top: 48px; width: 55px; }
.premium-download-card .premium-fire-word { font-size: 2rem; margin-top: 55px; }
.premium-download-card h2 { font-size: 1.8rem; margin: 22px 0 0; }
.premium-download-card p { color: var(--simple-muted); min-height: 52px; }
.premium-download-card .premium-button { margin-top: 18px; }
.premium-not-yet { color: #78817c; display: block; font-size: .78rem; font-weight: 700; margin-top: 28px; }

.premium-setup-guides { background: #fff; border: 1px solid var(--simple-line); border-radius: 40px; padding: clamp(34px,6vw,70px); }
.premium-guide-list { margin-top: 50px; }
.premium-guide-list details { border-top: 1px solid var(--simple-line); padding: 0; }
.premium-guide-list details:last-child { border-bottom: 1px solid var(--simple-line); }
.premium-guide-list summary { align-items: center; cursor: pointer; display: flex; font-size: 1.15rem; font-weight: 760; justify-content: space-between; list-style: none; padding: 24px 4px; }
.premium-guide-list summary::-webkit-details-marker { display: none; }
.premium-guide-list summary::after { content: "+"; font-size: 1.5rem; font-weight: 500; margin-left: 15px; }
.premium-guide-list details[open] summary::after { content: "-"; }
.premium-guide-list summary em { color: #728078; font-size: .7rem; font-style: normal; font-weight: 700; margin-left: auto; }
.premium-guide-list ol { color: var(--simple-muted); line-height: 1.7; margin: 0 0 28px; max-width: 760px; padding-left: 27px; }

.premium-manual-setup > div:first-child > p:not(.premium-kicker) { color: var(--simple-muted); }
.premium-manual-setup h2 { font-size: clamp(2.8rem,5vw,5rem); margin: 0; }
.premium-manual-card { padding: 34px; }
.premium-manual-card ol { line-height: 1.65; padding-left: 24px; }
.premium-manual-card > p { color: var(--simple-muted); font-size: .85rem; }

@media (prefers-reduced-motion: no-preference) {
    .premium-float-one { animation: premium-float 4s ease-in-out infinite; }
    .premium-float-two { animation: premium-float 4.6s ease-in-out 600ms infinite; }
    .premium-suite-panel:not([hidden]) { animation: premium-panel-in 320ms ease both; }
    @keyframes premium-float { 50% { transform: translateY(-9px); } }
    @keyframes premium-panel-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
}

@media (max-width: 980px) {
    .premium-main { padding-left: 22px; padding-right: 22px; }
    .premium-hero,.premium-page-hero,.premium-suite-shell,.premium-proof-section,.premium-consistency,.premium-node-section,.premium-manual-setup { grid-template-columns: 1fr; }
    .premium-hero { padding-top: 95px; }
    .premium-visual-wrap { margin: 0 auto; max-width: 560px; width: 100%; }
    .premium-platform-logos { grid-template-columns: repeat(2,1fr); }
    .premium-platform-logo:last-child { grid-column: span 2; }
    .premium-suite-screen { transform: none; }
    .premium-proof-section { gap: 42px; }
    .premium-page-hero { padding-top: 100px; }
    .premium-device-stage { margin: 0 auto; max-width: 560px; width: 100%; }
    .premium-app-grid,.premium-download-grid { grid-template-columns: repeat(2,1fr); }
    .premium-app-card,.premium-app-card:nth-child(4),.premium-app-card:nth-child(5),.premium-download-card,.premium-download-card:nth-child(4),.premium-download-card:nth-child(5) { grid-column: span 1; }
    .premium-consistency-grid { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 600px) {
    .premium-main { padding: 0 17px 85px; }
    .premium-main section { margin-top: 82px; }
    .premium-hero { gap: 55px; min-height: 0; padding-top: 88px; }
    .premium-hero-copy h1,.premium-page-hero h1,.premium-downloads-hero h1 { font-size: clamp(3.6rem,17vw,5rem); }
    .premium-actions,.premium-closing,.premium-platform-intro { align-items: stretch; flex-direction: column; }
    .premium-button { width: 100%; }
    .premium-hero-proof { gap: 12px; justify-content: space-between; }
    .premium-float-chip { display: none; }
    .premium-visual-wrap .simple-product { min-height: 460px; }
    .premium-platform-band,.premium-suite,.premium-closing,.premium-setup-guides { border-radius: 28px; padding: 28px 21px; }
    .premium-platform-logos { grid-template-columns: 1fr; }
    .premium-platform-logo:last-child { grid-column: auto; }
    .premium-suite-heading h2 { font-size: 3.6rem; }
    .premium-suite-shell { gap: 35px; margin-top: 48px; }
    .premium-suite-tab { padding: 19px 0; }
    .premium-suite-screen { border-width: 5px; min-height: 485px; }
    .premium-suite-panel { min-height: 410px; padding: 25px 18px; }
    .premium-screen-connect { height: 165px; margin-top: 60px; width: 165px; }
    .premium-proof-numbers { grid-template-columns: 1fr 1fr; }
    .premium-closing { gap: 38px; }
    .premium-closing-actions { width: 100%; }
    .premium-device-stage { min-height: 450px; transform: scale(.86); transform-origin: top center; }
    .premium-stage-laptop { width: 390px; }
    .premium-stage-phone { right: -10px; }
    .premium-stage-tv { left: 55px; }
    .premium-app-grid,.premium-download-grid,.premium-consistency-grid { grid-template-columns: 1fr; }
    .premium-app-card,.premium-download-card { min-height: 310px; }
    .premium-downloads-hero { padding-top: 100px; }
    .premium-guide-list summary { align-items: flex-start; }
    .premium-guide-list summary em { margin-top: 4px; }
}

/* Expressive layer: more product character without restoring page clutter. */
body.simple-site {
    background:
        radial-gradient(circle at 8% 2%, rgba(199, 244, 61, 0.22), transparent 23rem),
        radial-gradient(circle at 92% 28%, rgba(92, 190, 255, 0.13), transparent 28rem),
        var(--simple-paper);
}

.simple-hero {
    position: relative;
}

.simple-hero::before {
    background: linear-gradient(90deg, var(--simple-pea), rgba(199, 244, 61, 0));
    border-radius: 999px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 58px;
    width: 112px;
}

.simple-copy h1,
.simple-page-heading h1 {
    text-wrap: balance;
}

.simple-home .simple-actions .simple-button {
    box-shadow: 0 12px 32px rgba(7, 21, 15, 0.2), 0 0 0 0 rgba(199, 244, 61, 0.28);
}

.simple-home .simple-actions .simple-button:hover {
    box-shadow: 0 14px 36px rgba(7, 21, 15, 0.24), 0 0 0 7px rgba(199, 244, 61, 0.22);
}

.simple-product {
    background:
        radial-gradient(circle at 78% 10%, rgba(199, 244, 61, 0.26), transparent 35%),
        linear-gradient(145deg, #132c20 0%, #07140e 68%);
    isolation: isolate;
    transition: background 500ms ease, box-shadow 500ms ease, transform 300ms ease;
}

.simple-product::before {
    -webkit-mask-image: linear-gradient(to bottom, black, transparent 78%);
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 34px 34px;
    content: "";
    inset: 0;
    mask-image: linear-gradient(to bottom, black, transparent 78%);
    pointer-events: none;
    position: absolute;
    z-index: -1;
}

.simple-product:hover {
    transform: translateY(-4px) rotate(-0.25deg);
}

.simple-product.is-connected {
    background:
        radial-gradient(circle at 50% 48%, rgba(199, 244, 61, 0.24), transparent 38%),
        linear-gradient(145deg, #183925 0%, #07140e 72%);
    box-shadow: 0 36px 90px rgba(7, 21, 15, 0.24), 0 0 0 1px rgba(199, 244, 61, 0.22);
}

.simple-demo-caption {
    color: rgba(255, 255, 255, 0.48);
    display: block;
    font-size: 0.67rem;
    margin-top: 5px;
}

.simple-demo-rings {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.simple-demo-rings span {
    border: 1px solid rgba(199, 244, 61, 0.2);
    border-radius: 50%;
    height: 228px;
    left: 50%;
    opacity: 0.5;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 228px;
}

.simple-demo-rings span:nth-child(2) {
    height: 286px;
    opacity: 0.3;
    width: 286px;
}

.simple-demo-rings span:nth-child(3) {
    height: 346px;
    opacity: 0.16;
    width: 346px;
}

button.simple-connect-orb {
    cursor: pointer;
    flex-direction: column;
    font-family: inherit;
    position: relative;
    transition: background 260ms ease, box-shadow 260ms ease, transform 180ms ease;
    z-index: 2;
}

button.simple-connect-orb:hover {
    background: #dfff7a;
    box-shadow: inset 0 0 0 1px rgba(7, 21, 15, 0.15), 0 24px 58px rgba(0, 0, 0, 0.35);
    transform: scale(1.035);
}

button.simple-connect-orb:active {
    transform: scale(0.98);
}

.simple-connect-orb small {
    font-size: 0.58rem;
    font-weight: 760;
    letter-spacing: 0.16em;
    margin-top: 8px;
    opacity: 0.55;
}

.simple-product.is-connecting .simple-connect-orb {
    cursor: wait;
}

.simple-product.is-connected .simple-connect-orb {
    background: #fff;
    box-shadow: 0 0 0 12px rgba(199, 244, 61, 0.12), 0 24px 58px rgba(0, 0, 0, 0.32);
}

.simple-product-foot span:last-child {
    color: var(--simple-pea);
    font-variant-numeric: tabular-nums;
    font-weight: 760;
}

.simple-benefit {
    transition: transform 220ms ease, box-shadow 220ms ease;
}

.simple-benefit:nth-child(1) {
    background: linear-gradient(145deg, #f3ffd5, #fff);
}

.simple-benefit:nth-child(2) {
    background: linear-gradient(145deg, #e9f5ff, #fff);
    transform: translateY(18px);
}

.simple-benefit:nth-child(3) {
    background: linear-gradient(145deg, #fff0df, #fff);
}

.simple-benefit:hover {
    box-shadow: 0 18px 50px rgba(7, 21, 15, 0.09);
    transform: translateY(-5px);
}

.simple-benefit:nth-child(2):hover {
    transform: translateY(13px);
}

.simple-split {
    background:
        radial-gradient(circle at 12% 8%, rgba(199, 244, 61, 0.52), transparent 17rem),
        linear-gradient(135deg, #edf0e2, #e2eadd);
}

.simple-node-list {
    box-shadow: 0 20px 60px rgba(7, 21, 15, 0.1);
}

.simple-page-heading {
    isolation: isolate;
    position: relative;
}

.simple-page-heading::before {
    background: var(--simple-pea);
    border-radius: 50%;
    content: "";
    height: 76px;
    left: 50%;
    opacity: 0.58;
    position: absolute;
    top: 100px;
    transform: translateX(-50%);
    width: 76px;
    z-index: -1;
}

.simple-download-card {
    isolation: isolate;
}

.simple-download-card::before {
    background: var(--simple-pea);
    border-radius: 50%;
    content: "";
    filter: blur(4px);
    height: 260px;
    opacity: 0.18;
    position: absolute;
    right: -80px;
    top: -110px;
    width: 260px;
    z-index: -1;
}

.simple-plan {
    background:
        radial-gradient(circle at 3% 4%, rgba(199, 244, 61, 0.26), transparent 19rem),
        #fff;
}

.simple-status-summary {
    background: linear-gradient(120deg, #07150f, #173d27);
}

@media (prefers-reduced-motion: no-preference) {
    .simple-product.is-connecting .simple-connect-orb {
        animation: simple-button-breathe 850ms ease-in-out infinite alternate;
    }

    .simple-product.is-connected .simple-demo-rings span {
        animation: simple-ring 2.6s ease-out infinite;
    }

    .simple-product.is-connected .simple-demo-rings span:nth-child(2) {
        animation-delay: 500ms;
    }

    .simple-product.is-connected .simple-demo-rings span:nth-child(3) {
        animation-delay: 1000ms;
    }

    .simple-product.is-connected .simple-online::before {
        animation: simple-status-pulse 1.6s ease infinite;
    }

    @keyframes simple-button-breathe {
        to { transform: scale(1.045); }
    }

    @keyframes simple-ring {
        0% { opacity: 0.5; transform: translate(-50%, -50%) scale(0.78); }
        75%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.18); }
    }

    @keyframes simple-status-pulse {
        50% { box-shadow: 0 0 0 9px rgba(199, 244, 61, 0.04); }
    }
}

@media (max-width: 900px) {
    .simple-benefit:nth-child(2),
    .simple-benefit:nth-child(2):hover {
        transform: none;
    }
}

@media (max-width: 560px) {
    .simple-demo-rings span:nth-child(3) {
        height: 300px;
        width: 300px;
    }

    .simple-product:hover {
        transform: none;
    }
}