:root {
    --home-bg: #080b13;
    --home-panel: rgba(16, 21, 35, .78);
    --home-line: rgba(171, 188, 236, .16);
    --home-line-hot: rgba(166, 145, 255, .48);
    --home-text: #f3f5ff;
    --home-muted: #929db5;
    --home-violet: #9271ff;
    --home-blue: #75b7ff;
    --home-green: #42d7ad;
    --home-gutter: clamp(18px, 4.5vw, 76px);
    --home-content: 1380px;
    --home-head-gap: 82px;
    --home-radius: 24px;
}


html:has(body.is-home) {
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: clip !important;
    overflow-y: auto !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: y mandatory !important;
    scroll-snap-stop:always;scroll-padding: 0 !important;
    background: var(--home-bg) !important;
}

body.is-home {
    min-width: 320px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: clip !important;
    background: var(--home-bg) !important;
    color: var(--home-text);
    overscroll-behavior-y: none;
}

body.is-home main {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: visible !important;
}

body.is-home main > section, body.is-home main > section.snap-page, body.is-home main > section.news-section, body.is-home > footer#site-footer {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100vh !important;
    height: 100svh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: calc(var(--home-head-gap) + 14px) var(--home-gutter) 34px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    isolation: isolate;
    scroll-snap-align: start !important;
    scroll-snap-stop:always !important;scroll-margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: var(--home-bg);
}

body.is-home main > section + section {
    margin-block-start:0 !important;}

body.is-home main > section::selection {
    background: rgba(139,112,255,.32);
}

body.is-home main > section > *, body.is-home > footer#site-footer > * {
    position: relative;
    z-index: 1;
}

body.is-home main > section::before, body.is-home main > section::after, body.is-home > footer#site-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

body.is-home main > section::before, body.is-home > footer#site-footer::before {
    opacity: .9;
    background: radial-gradient(ellipse at 75% 20%, rgba(105, 91, 255, .11), transparent 36%), radial-gradient(ellipse at 18% 78%, rgba(50, 133, 255, .07), transparent 34%);
}

body.is-home main > section::after {
    opacity: .38;
    background: linear-gradient(115deg, transparent 25%, rgba(145, 124, 255, .035) 48%, transparent 70%);
}

body.is-home main > section.section-entering > * {
    animation: home-panel-arrive .62s cubic-bezier(.2,.7,.2,1) both;
}

@keyframes home-panel-arrive {
    from {
        opacity: .55;
        transform: translateY(9px);
    }

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

body.is-home .site-header {
    position: fixed !important;
    z-index: 1000 !important;
    top: 9px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: max-content !important;
    max-width: calc(100vw - 28px) !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 4px 8px 4px 10px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(220,228,255,.16) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(24,30,47,.88), rgba(13,17,30,.82) 56%, rgba(66,51,110,.4)) !important;
    -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
    backdrop-filter: blur(24px) saturate(160%) !important;
    box-shadow: 0 9px 35px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.09), 0 0 22px rgba(115,94,255,.06) !important;
    transition: opacity .25s ease, top .25s ease, background .25s ease !important;
}

body.is-home .site-header::before {
    border-radius: inherit;
    pointer-events: none;
}

body.is-home .site-header .brand {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    min-width: max-content !important;
    gap: 7px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
}

body.is-home .site-header .brand-mark {
    display: grid !important;
    flex: 0 0 29px !important;
    width: 29px !important;
    height: 29px !important;
    place-items: center !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    box-shadow: 0 0 19px rgba(139,112,255,.22);
}

body.is-home .site-header .brand small {
    display: block;
    margin-top: 3px !important;
    font-size: 5px !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
}

body.is-home .site-header .nav {
    display: flex !important;
    position: static !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    gap: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.is-home .site-header .nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 30px !important;
    padding: 0 7px !important;
    gap: 5px !important;
    border-radius: 999px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    color: #aeb8d0 !important;
    transition: color .2s ease, background .2s ease, box-shadow .2s ease !important;
}

body.is-home .site-header .nav a i {
    font-size: 7px !important;
}

body.is-home .site-header .nav a:hover, body.is-home .site-header .nav a:focus-visible {
    color: #fff !important;
    background: rgba(148,119,255,.13) !important;
    box-shadow: inset 0 0 0 1px rgba(156,139,255,.17);
}

body.is-home .site-header .nav-actions {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 5px !important;
}

body.is-home .site-header .nav-login, body.is-home .site-header .nav-user {
    padding: 6px 7px !important;
    font-size: 8px !important;
    white-space: nowrap !important;
}

body.is-home .site-header .nav-actions .btn {
    min-height: 29px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    font-size: 8px !important;
    white-space: nowrap !important;
}

body.is-home .site-header .mobile-menu {
    display: none !important;
    font-size: 15px !important;
}

body.is-home .site-header.is-hidden {
    top: -58px !important;
    opacity: .12 !important;
}

body.is-home #top {
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: clamp(24px, 4.4vw, 76px) !important;
    padding-top: 86px !important;
    padding-bottom: 46px !important;
    background: #080b13 !important;
}

body.is-home #top::before {
    opacity: 1;
    background: linear-gradient(90deg, rgba(5,8,14,.86), rgba(5,8,14,.67) 43%, rgba(5,8,14,.53) 72%, rgba(5,8,14,.8)), linear-gradient(0deg, #080b13 0%, rgba(8,11,19,.08) 38%, rgba(8,11,19,.25) 100%), url('../images/rp-scene-criminal.webp') center 42% / cover no-repeat;
    filter: saturate(.85);
}

body.is-home #top::after {
    opacity: 1;
    background: radial-gradient(ellipse at 74% 48%, rgba(117,94,255,.16), transparent 28%), linear-gradient(90deg, transparent, rgba(5,8,14,.06));
}

body.is-home .hero-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-self: start !important;
    width: 100% !important;
    max-width: 610px !important;
    margin: 0 !important;
    text-align: left !important;
}

body.is-home .hero-copy .eyebrow, body.is-home .hero-copy h1, body.is-home .hero-copy p {
    text-align: left !important;
}

body.is-home .eyebrow {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #b2a5ff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .17em;
    line-height: 1.5;
}

body.is-home .hero-copy .eyebrow {
    margin-bottom: 15px !important;
}

body.is-home .hero-copy h1 {
    margin: 0 0 19px !important;
    color: #f4f5ff !important;
    font-size: clamp(43px, 5.1vw, 78px) !important;
    line-height: .98 !important;
    letter-spacing: -.071em !important;
    font-weight: 800 !important;
    text-wrap: balance;
}

body.is-home .hero-copy h1 span, body.is-home .section-heading h2 span, body.is-home .news-head h2 span, body.is-home .workflow-copy h2 span, body.is-home .cta-section h2 span {
    color: transparent !important;
    background: linear-gradient(100deg, #ab8cff 0%, #7c9bff 55%, #77c6ff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

body.is-home .hero-lead {
    max-width: 480px !important;
    margin: 0 !important;
    color: #a5b0c8 !important;
    font-size: clamp(12px, .95vw, 14px) !important;
    line-height: 1.8 !important;
}

body.is-home .hero-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 23px 0 21px !important;
}

body.is-home .hero-actions .btn {
    min-height: 41px !important;
    padding: 11px 16px !important;
    border-radius: 12px !important;
    font-size: 10px !important;
    box-shadow: 0 8px 28px rgba(103,85,255,.14);
}

body.is-home .hero-actions .btn-primary, body.is-home .product-feature-copy .btn-primary {
    box-shadow: 0 7px 25px rgba(117,91,255,.27), inset 0 1px 0 rgba(255,255,255,.19);
}

body.is-home .hero-proof {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    margin-top: 0 !important;
}

body.is-home .hero-proof > span {
    display: grid;
    gap: 4px;
    color: #dce3f7;
    font-size: 10px;
}

body.is-home .hero-proof small {
    color: #7e8ba5;
    font-size: 9px;
}

body.is-home .avatar-stack {
    display: flex;
    align-items: center;
}

body.is-home .avatar-stack i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    margin-left: -4px;
    border: 2px solid #0b1020;
    border-radius: 50%;
    background: linear-gradient(145deg,#9474ff,#29234a);
    color: #fff;
    font-size: 9px;
    font-style: normal;
}

body.is-home .avatar-stack i:first-child {
    margin-left: 0;
}

body.is-home .avatar-stack i:nth-child(2) {
    background: linear-gradient(145deg,#4697ff,#192d52);
}

body.is-home .avatar-stack i:nth-child(3) {
    background: linear-gradient(145deg,#39cfa6,#17453f);
}

body.is-home .hero-visual {
    position: relative;
    width: 100% !important;
    max-width: 780px !important;
    min-width: 0 !important;
    justify-self: end !important;
    padding: 12px 0 25px !important;
    perspective: 1500px;
}

body.is-home .product-hero-visual .product-preview-tilt {
    display: block !important;
    position: relative;
    z-index: 2;
    width: 100% !important;
    overflow: hidden !important;
    border: 1px solid rgba(174,191,255,.23) !important;
    border-radius: 20px !important;
    background: rgba(8,12,24,.6) !important;
    box-shadow: 0 35px 90px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.025), 0 0 50px rgba(114,91,255,.14) !important;
    transform: perspective(1500px) rotateY(-9deg) rotateX(2deg) rotateZ(-.5deg) !important;
    transition: transform .55s cubic-bezier(.2,.75,.2,1), box-shadow .55s ease, border-color .3s ease !important;
}

body.is-home .product-hero-visual .product-preview-tilt:hover, body.is-home .product-hero-visual .product-preview-tilt:focus-visible {
    transform: perspective(1500px) rotateY(1deg) rotateX(-1deg) translateY(-6px) scale(1.012) !important;
    border-color: rgba(166,145,255,.6) !important;
    box-shadow: 0 42px 100px rgba(0,0,0,.55), 0 0 55px rgba(114,91,255,.23) !important;
    outline: none;
}

body.is-home .product-preview-tilt img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

body.is-home .product-preview-caption {
    position: absolute;
    inset: auto 0 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 13px !important;
    background: linear-gradient(0deg, rgba(6,9,17,.95), rgba(6,9,17,.05));
    color: #dfe6fa;
    font-size: 8px !important;
    letter-spacing: .1em;
}

body.is-home .product-caption-spacer {
    flex: 1;
}

body.is-home .product-caption-cta {
    font-size: 10px !important; 
    letter-spacing: 0.3px !important; 
    color: #fff !important;
    -webkit-font-smoothing: antialiased !important; 
    -moz-osx-font-smoothing: grayscale !important;  
    text-rendering: optimizeLegibility !important;
    font-weight: 600 !important; 
}

body.is-home .product-caption-cta {
    transform: none !important; 
}

body.is-home .product-glow {
    position: absolute;
    inset: 13% 3% 18%;
    z-index: 0;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(117,96,255,.27), transparent 67%);
    filter: blur(38px);
}

body.is-home .visual-caption {
    position: absolute;
    right: 3px;
    bottom: 3px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #7f8aa4;
    font-size: 8px !important;
    letter-spacing: .1em;
}

body.is-home .visual-caption b {
    color: #a898ff;
    font-weight: 700;
}

body.is-home .caption-line {
    width: 28px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #9986ff);
}

body.is-home .scroll-cue {
    position: absolute !important;
    z-index: 4;
    left: 50% !important;
    right: auto !important;
    bottom: 13px !important;
    top: auto !important;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 7px 11px;
    border: 1px solid rgba(175,190,235,.17);
    border-radius: 999px;
    background: rgba(11,15,27,.54);
    color: #8f9bb6;
    font-size: 8px;
    letter-spacing: .07em;
    transform: translateX(-50%);
    transition: color .2s, border-color .2s, background .2s;
    white-space: nowrap;
}

body.is-home .scroll-cue:hover {
    color: #e9e6ff;
    border-color: rgba(169,151,255,.5);
    background: rgba(25,24,48,.86);
}

body.is-home .scroll-mouse {
    position: relative;
    width: 10px;
    height: 15px;
    border: 1px solid #8794b2;
    border-radius: 7px;
}

body.is-home .scroll-mouse::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 4px;
    width: 1px;
    height: 4px;
    border-radius: 2px;
    background: #b3a3ff;
    animation: homeScrollHint 1.5s ease-in-out infinite;
}

@keyframes homeScrollHint {
    0%,100% {
        transform: translateY(0);
        opacity: .55;
    }

    55% {
        transform: translateY(4px);
        opacity: 1;
    }
}

body.is-home .news-section, body.is-home .benefits-section, body.is-home .suite-section, body.is-home .workflow-section, body.is-home .pricing-teaser, body.is-home .cta-section {
    gap: clamp(14px, 2.3vh, 25px) !important;
}

body.is-home #news {
    background: radial-gradient(ellipse at 85% 12%, rgba(72,101,191,.17), transparent 38%), #080b13 !important;
}

body.is-home #benefits {
    background: radial-gradient(ellipse at 6% 78%, rgba(117,78,220,.16), transparent 36%), #090c15 !important;
}

body.is-home #ecosystem {
    background: radial-gradient(ellipse at 88% 45%, rgba(61,116,207,.15), transparent 40%), #080b13 !important;
}

body.is-home #workflow {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,.9fr) !important;
    align-items: center !important;
    gap: clamp(30px,6vw,100px) !important;
    background: radial-gradient(ellipse at 74% 45%, rgba(121,84,230,.17), transparent 38%), #090c15 !important;
}

body.is-home #plans {
    background: radial-gradient(ellipse at 50% 4%, rgba(118,83,231,.17), transparent 45%), #080b13 !important;
}

body.is-home #start {
    align-items: center !important;
    text-align: center !important;
    background: radial-gradient(ellipse at 50% 42%, rgba(109,78,223,.18), transparent 47%), #090c15 !important;
}

body.is-home .news-head, body.is-home .news-track, body.is-home .section-heading, body.is-home .benefit-grid, body.is-home .suite-section .product-feature-card, body.is-home .workflow-copy, body.is-home .workflow-visual, body.is-home .pricing-teaser .pricing-grid, body.is-home .pricing-teaser .pricing-bottom, body.is-home .section-footer {
    width: 100% !important;
    max-width: var(--home-content) !important;
    margin-inline:auto !important;}

body.is-home .news-head {
    display: flex !important;
    align-items: end !important;
    justify-content: space-between !important;
    gap: 24px !important;
}

body.is-home .news-head .eyebrow, body.is-home .section-heading .eyebrow {
    margin-bottom: 9px !important;
}

body.is-home .news-head h2, body.is-home .section-heading h2, body.is-home .workflow-copy h2, body.is-home .cta-section h2 {
    margin: 0 0 12px !important;
    color: #f0f2ff !important;
    font-size: clamp(31px, 3.4vw, 51px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.06em !important;
    font-weight: 800 !important;
    text-wrap: balance;
}

body.is-home .news-head p, body.is-home .section-heading > p, body.is-home .workflow-copy > p {
    max-width: 680px !important;
    margin: 0 !important;
    color: #929db4 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
}

body.is-home .carousel-controls {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: 7px !important;
}

body.is-home .carousel-controls .text-link {
    margin-right: 5px;
    font-size: 9px;
}

body.is-home .carousel-controls > button {
    display: grid;
    place-items: center;
    width: 33px;
    height: 33px;
    border: 1px solid rgba(175,190,235,.17);
    border-radius: 11px;
    color: #dbe2f6;
    background: linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
    cursor: pointer;
    transition: transform .2s, background .2s, border-color .2s, box-shadow .2s;
}

body.is-home .carousel-controls > button:hover {
    transform: translateY(-2px);
    background: rgba(139,112,255,.16);
    border-color: rgba(169,151,255,.48);
    box-shadow: 0 0 22px rgba(139,112,255,.13);
}

body.is-home .carousel-controls > button:focus-visible {
    outline: 2px solid #a898ff;
    outline-offset: 3px;
}

body.is-home .news-track {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0,1fr) !important;
    gap: clamp(12px,1.3vw,18px) !important;
    align-items: stretch !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 4px 2px 14px !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
}

body.is-home .news-track::-webkit-scrollbar {
    display: none;
}

body.is-home .news-card, body.is-home .benefit-card, body.is-home .price-card, body.is-home .product-feature-card {
    position: relative !important;
    min-width: 0 !important;
    border: 1px solid var(--home-glass-border) !important;
    border-radius: var(--home-radius) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018) 48%, rgba(67,77,117,.07)) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.055) !important;
    -webkit-backdrop-filter: blur(18px) saturate(125%);
    backdrop-filter: blur(18px) saturate(125%);
    isolation: isolate;
}

body.is-home .news-card::after, body.is-home .benefit-card::after, body.is-home .price-card::after, body.is-home .product-feature-card::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(220px circle at var(--spot-x,50%) var(--spot-y,50%), rgba(141,119,255,.19), transparent 70%);
    transition: opacity .25s ease;
}

body.is-home .news-card.spotlight-active::after, body.is-home .benefit-card.spotlight-active::after, body.is-home .price-card.spotlight-active::after, body.is-home .product-feature-card.spotlight-active::after {
    opacity: 1;
}

body.is-home .news-card > *, body.is-home .benefit-card > *, body.is-home .price-card > *, body.is-home .product-feature-card > * {
    position: relative;
    z-index: 1;
}

body.is-home .news-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: clamp(325px, 41vh, 410px) !important;
    overflow: hidden !important;
    scroll-snap-align: start;
    transition: transform .28s ease, border-color .25s ease, box-shadow .28s ease !important;
}

body.is-home .news-card > a {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
}

body.is-home .news-card img, body.is-home .news-card .news-cover {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: clamp(135px, 19vh, 190px) !important;
    max-height: 190px !important;
    object-fit: cover !important;
    overflow: hidden !important;
}

body.is-home .news-card img {
    display: block !important;
}

body.is-home .news-card .news-cover {
    position: relative;
    flex-direction: column;
    gap: 7px;
}

body.is-home .news-card .news-cover::before, body.is-home .news-card .news-cover::after {
    content: '';
    position: absolute;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    width: 150px;
    height: 150px;
}

body.is-home .news-card .news-cover::after {
    width: 105px;
    height: 105px;
}

body.is-home .news-card .news-cover i {
    z-index: 1;
    font-size: clamp(28px,3vw,40px);
    text-shadow: 0 8px 25px rgba(0,0,0,.25);
}

body.is-home .news-card .news-cover > span {
    z-index: 1;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .16em;
}

body.is-home .cover-purple {
    background: radial-gradient(circle at 50% 35%, #8267ff, #30255b 55%, #141528) !important;
}

body.is-home .cover-blue {
    background: radial-gradient(circle at 50% 35%, #4c9dff, #1b3b64 55%, #111b2c) !important;
}

body.is-home .cover-green {
    background: radial-gradient(circle at 50% 35%, #45cba0, #194d49 55%, #101c28) !important;
}

body.is-home .news-card-copy {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-width: 0 !important;
    padding: clamp(14px,1.3vw,20px) !important;
}

body.is-home .news-card-copy time {
    margin: 0 0 7px !important;
    color: #a898ff !important;
    font-size: 8px !important;
}

body.is-home .news-card-copy h3 {
    margin: 0 0 8px !important;
    color: #f1f4ff !important;
    font-size: clamp(14px,1.1vw,17px) !important;
    line-height: 1.32 !important;
    letter-spacing: -.025em !important;
    text-wrap: balance;
}

body.is-home .news-card-copy p {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 0 !important;
    margin: 0 0 12px !important;
    color: #8f9bb5 !important;
    font-size: 10px !important;
    line-height: 1.6 !important;
}

body.is-home .news-read {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto !important;
    padding-top: 2px;
    color: #c4b8ff !important;
    font-size: 9px !important;
    font-weight: 700;
    text-decoration: none !important;
}

body.is-home .news-read b {
    transition: transform .2s ease;
}

body.is-home .news-card a:hover .news-read b, body.is-home .news-read:hover b {
    transform: translate(2px,-2px);
}

body.is-home .news-card:hover, body.is-home .news-card:focus-within {
    transform: translateY(-4px);
    border-color: rgba(169,151,255,.43) !important;
    box-shadow: 0 25px 55px rgba(0,0,0,.28), 0 0 28px rgba(115,90,235,.1) !important;
}

body.is-home .section-heading {
    margin: 0 auto 0 !important;
}

body.is-home .benefit-grid {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: clamp(12px,1.5vw,20px) !important;
    align-items: stretch !important;
}

body.is-home .benefit-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: clamp(235px, 32vh, 300px) !important;
    padding: clamp(17px,1.7vw,25px) !important;
    border-radius: 21px !important;
    overflow: hidden !important;
    transition: transform .28s ease, border-color .25s ease, box-shadow .28s ease !important;
}

body.is-home .benefit-card:hover {
    transform: translateY(-5px);
    border-color: var(--home-line-hot) !important;
    box-shadow: 0 26px 55px rgba(0,0,0,.27), 0 0 28px rgba(132,101,255,.1) !important;
}

body.is-home .benefit-icon {
    display: grid !important;
    flex: 0 0 43px !important;
    width: 43px !important;
    height: 43px !important;
    place-items: center !important;
    margin-bottom: 13px !important;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px !important;
    font-size: 21px !important;
    background: rgba(139,112,255,.13);
    box-shadow: 0 0 23px rgba(139,112,255,.12), inset 0 1px 0 rgba(255,255,255,.08);
}

body.is-home .purple-icon {
    color: #c1adff !important;
    background: linear-gradient(140deg,rgba(133,103,255,.24),rgba(50,38,93,.22)) !important;
}

body.is-home .blue-icon {
    color: #93ccff !important;
    background: linear-gradient(140deg,rgba(61,150,255,.22),rgba(30,61,104,.22)) !important;
}

body.is-home .green-icon {
    color: #63e3bf !important;
    background: linear-gradient(140deg,rgba(45,203,157,.18),rgba(25,77,68,.22)) !important;
}

body.is-home .orange-icon {
    color: #ffc38a !important;
    background: linear-gradient(140deg,rgba(255,164,92,.16),rgba(94,51,37,.22)) !important;
}

body.is-home .card-index {
    margin-bottom: 8px !important;
    color: #777f9e !important;
    font-size: 7px !important;
    line-height: 1.4 !important;
    font-weight: 800;
    letter-spacing: .14em;
}

body.is-home .benefit-card h3 {
    margin: 0 0 9px !important;
    color: #eff2ff !important;
    font-size: clamp(14px,1.15vw,17px) !important;
    line-height: 1.3 !important;
    letter-spacing: -.025em !important;
}

body.is-home .benefit-card p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin: 0 0 12px !important;
    color: #929db4 !important;
    font-size: 10px !important;
    line-height: 1.65 !important;
}

body.is-home .benefit-card > a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: auto !important;
    color: #b8a8ff !important;
    font-size: 9px !important;
    font-weight: 700;
    text-decoration: none !important;
}

body.is-home .benefit-card > a b {
    transition: transform .2s;
}

body.is-home .benefit-card > a:hover b {
    transform: translate(2px,-2px);
}

body.is-home .section-footer, body.is-home .pricing-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    color: #7e8aa4 !important;
    font-size: 8px !important;
    letter-spacing: .08em !important;
}

body.is-home .text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #bfb2ff !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap;
}

body.is-home .text-link b {
    transition: transform .2s ease;
}

body.is-home .text-link:hover b {
    transform: translateX(4px);
}

body.is-home .suite-section .product-feature-card {
    display: grid !important;
    grid-template-columns: minmax(0,1.35fr) minmax(290px,.75fr) !important;
    align-items: center !important;
    gap: clamp(22px,3.5vw,54px) !important;
    max-height: 54vh !important;
    padding: clamp(16px,2vw,26px) !important;
    overflow: hidden !important;
    border-radius: 24px !important;
}

body.is-home .product-feature-image {
    min-width: 0;
    perspective: 1300px;
}

body.is-home .product-feature-image img {
    display: block;
    width: 100%;
    max-height: 43vh;
    height: auto;
    object-fit: contain;
    border: 1px solid rgba(173,190,255,.17);
    border-radius: 15px;
    background: #070a12;
    box-shadow: 0 24px 65px rgba(0,0,0,.33), 0 0 32px rgba(102,100,255,.1);
    transform: perspective(1200px) rotateY(-4deg);
    transition: transform .45s ease, box-shadow .45s ease;
}

body.is-home .product-feature-image:hover img {
    transform: perspective(1200px) rotateY(1deg) translateY(-3px);
    box-shadow: 0 30px 75px rgba(0,0,0,.42), 0 0 34px rgba(102,100,255,.16);
}

body.is-home .product-feature-copy {
    min-width: 0;
}

body.is-home .status-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 9px;
    border: 1px solid rgba(115,215,188,.22);
    border-radius: 999px;
    background: rgba(52,197,156,.08);
    color: #77e5c3;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .12em;
}

body.is-home .status-pill::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #54dfb5;
    box-shadow: 0 0 9px rgba(84,223,181,.55);
}

body.is-home .product-feature-copy h3 {
    margin: 15px 0 9px !important;
    color: #f1f3ff !important;
    font-size: clamp(30px,3vw,44px) !important;
    line-height: 1 !important;
    letter-spacing: -.06em !important;
}

body.is-home .product-feature-copy > p {
    margin: 0 !important;
    color: #949fb8 !important;
    font-size: 11px !important;
    line-height: 1.75 !important;
}

body.is-home .product-feature-copy ul {
    display: grid;
    gap: 9px;
    margin: 16px 0 20px !important;
    padding: 0 !important;
    list-style: none !important;
    color: #cbd4e9 !important;
    font-size: 10px !important;
}

body.is-home .product-feature-copy li::before {
    content: '✓';
    display: inline-grid;
    place-items: center;
    width: 17px;
    height: 17px;
    margin-right: 8px;
    border-radius: 50%;
    background: rgba(58,213,174,.11);
    color: #54dfb5;
    font-size: 9px;
    font-weight: 900;
}

body.is-home .product-feature-copy .btn {
    min-height: 38px !important;
    padding: 10px 14px !important;
    border-radius: 11px !important;
    font-size: 9px !important;
}

body.is-home .suite-section .section-footer {
    margin-top: 0 !important;
}

body.is-home .workflow-copy {
    justify-self: start;
    max-width: 660px;
    margin-inline:0 !important;}

body.is-home .workflow-copy .eyebrow {
    margin-bottom: 12px;
}

body.is-home .workflow-copy h2 {
    font-size: clamp(36px,4.2vw,60px) !important;
}

body.is-home .workflow-copy > p {
    max-width: 540px !important;
}

body.is-home .workflow-copy > .btn {
    display: inline-flex;
    margin-top: 19px;
    min-height: 40px;
    padding: 10px 15px;
    border-radius: 11px;
    font-size: 10px;
}

body.is-home .steps {
    display: grid;
    gap: 8px;
    margin-top: 21px;
}

body.is-home .step {
    display: grid !important;
    grid-template-columns: 32px minmax(0,1fr) 23px !important;
    align-items: center !important;
    gap: 11px !important;
    padding: 11px 13px !important;
    border: 1px solid rgba(171,188,236,.13) !important;
    border-radius: 14px !important;
    background: linear-gradient(110deg,rgba(255,255,255,.055),rgba(255,255,255,.012)) !important;
    transition: transform .23s ease, border-color .23s ease, background .23s ease !important;
}

body.is-home .step:hover {
    transform: translateX(4px);
    border-color: rgba(166,145,255,.4) !important;
    background: rgba(118,94,255,.065) !important;
}

body.is-home .step > span {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border-radius: 10px;
    background: rgba(139,112,255,.13);
    color: #b7a8ff;
    font-size: 9px;
    font-weight: 800;
}

body.is-home .step b {
    display: block;
    color: #e8edfb;
    font-size: 10px;
}

body.is-home .step p {
    margin: 4px 0 0 !important;
    color: #818da6 !important;
    font-size: 9px !important;
    line-height: 1.45 !important;
}

body.is-home .step > i {
    display: grid;
    width: 21px;
    height: 21px;
    place-items: center;
    border: 1px solid rgba(63,212,173,.24);
    border-radius: 50%;
    color: #5addb7;
    font-size: 9px;
    font-style: normal;
}

body.is-home .workflow-visual {
    position: relative;
    display: grid !important;
    width: min(100%,560px) !important;
    min-height: min(57vh, 520px) !important;
    place-items: center !important;
    justify-self: end;
    margin-inline:0 !important;overflow: hidden;
    border: 1px solid rgba(171,188,236,.12);
    border-radius: 28px;
    background: radial-gradient(ellipse at center, rgba(113,94,255,.12), rgba(12,16,28,.24) 54%, rgba(7,10,18,.04) 75%);
}

body.is-home .orbit {
    position: absolute;
    width: 66%;
    aspect-ratio: 1;
    border: 1px solid rgba(156,141,255,.24);
    border-radius: 50%;
    box-shadow: 0 0 35px rgba(126,103,255,.06), inset 0 0 24px rgba(126,103,255,.04);
    animation: homeOrbit 24s linear infinite;
}

body.is-home .orbit-a {
    transform: rotate(20deg) scaleY(.47);
}

body.is-home .orbit-b {
    width: 83%;
    transform: rotate(-45deg) scaleY(.55);
    border-color: rgba(105,162,255,.22);
    animation-direction: reverse;
    animation-duration: 31s;
}

body.is-home .workflow-logo {
    position: relative;
    z-index: 3;
    display: grid;
    width: 112px;
    height: 112px;
    place-items: center;
    border: 1px solid rgba(186,169,255,.39);
    border-radius: 34px;
    background: linear-gradient(145deg,rgba(144,113,255,.28),rgba(26,34,68,.74));
    box-shadow: 0 0 65px rgba(125,101,255,.27), inset 0 1px 0 rgba(255,255,255,.17);
    color: #f7f5ff;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.08em;
    transform: rotate(-7deg);
}

body.is-home .workflow-logo span {
    color: #80bdff;
}

body.is-home .orbit-center {
    position: absolute;
    left: 50%;
    top: 50%;
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 12px;
    color: #cbbcff;
    background: rgba(130,103,255,.2);
    border: 1px solid rgba(181,160,255,.25);
    font-size: 19px;
    transform: translate(66px,-92px);
}

body.is-home .orbit-label {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid rgba(171,188,236,.16);
    border-radius: 12px;
    background: rgba(13,18,31,.84);
    color: #dbe2f6;
    font-size: 9px;
    box-shadow: 0 12px 35px rgba(0,0,0,.2);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

body.is-home .orbit-label span {
    color: #a898ff;
    font-size: 8px;
    font-weight: 800;
}

body.is-home .label-a {
    left: 8%;
    top: 22%;
}

body.is-home .label-b {
    right: 6%;
    top: 48%;
}

body.is-home .label-c {
    left: 14%;
    bottom: 18%;
}

@keyframes homeOrbit {
    to {
        rotate: 360deg;
    }
}

body.is-home .pricing-teaser .section-heading {
    max-width: 900px !important;
    text-align: center !important;
}

body.is-home .pricing-teaser .section-heading .eyebrow {
    justify-content: center;
}

body.is-home .pricing-teaser .section-heading h2 {
    margin-bottom: 10px !important;
    font-size: clamp(34px,3.7vw,52px) !important;
}

body.is-home .pricing-teaser .section-heading > p {
    margin-inline:auto !important;}

body.is-home .pricing-teaser .pricing-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    align-items: stretch !important;
    gap: clamp(13px,1.5vw,21px) !important;
}

body.is-home .pricing-teaser .price-card {
    display: flex !important;
    flex-direction: column !important;
    height: clamp(310px, 39vh, 390px) !important;
    min-height: 0 !important;
    padding: clamp(18px,1.8vw,27px) !important;
    border-radius: 25px !important;
    overflow: hidden !important;
    transition: transform .27s ease, border-color .25s ease, box-shadow .27s ease !important;
}

body.is-home .pricing-teaser .price-card:hover {
    transform: translateY(-5px);
    border-color: rgba(166,145,255,.35) !important;
    box-shadow: 0 28px 60px rgba(0,0,0,.3), 0 0 30px rgba(127,94,255,.12) !important;
}

body.is-home .plan-top {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 38px !important;
    margin-bottom: 16px !important;
}

body.is-home .plan-symbol {
    display: grid !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    place-items: center !important;
    border: 1px solid rgba(181,169,255,.28);
    border-radius: 13px !important;
    background: rgba(144,116,255,.14) !important;
    color: #c5b6ff !important;
    font-size: 17px !important;
    box-shadow: 0 0 20px rgba(139,112,255,.12);
}

body.is-home .plan-name {
    color: #aeb8d0 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .13em !important;
}

body.is-home .pricing-teaser .price-card h3 {
    margin: 0 0 7px !important;
    color: #f0f3ff !important;
    font-size: clamp(17px,1.45vw,21px) !important;
    line-height: 1.25 !important;
    letter-spacing: -.04em !important;
}

body.is-home .pricing-teaser .price-card > p {
    min-height: 0 !important;
    margin: 0 0 13px !important;
    color: #929db4 !important;
    font-size: 10px !important;
    line-height: 1.55 !important;
}

body.is-home .price {
    display: flex !important;
    align-items: baseline !important;
    gap: 7px !important;
    margin: 0 0 11px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid rgba(171,188,236,.14) !important;
    color: #f1f3ff !important;
    font-size: clamp(27px,2.35vw,35px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -.055em !important;
}

body.is-home .price small {
    color: #9ba6bf !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

body.is-home .pricing-teaser .price-card ul {
    display: grid !important;
    gap: 9px !important;
    margin: 0 0 15px !important;
    padding: 0 !important;
    list-style: none !important;
    color: #b4bfd5 !important;
    font-size: 10px !important;
}

body.is-home .pricing-teaser .price-card li {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body.is-home .pricing-teaser .price-card li::before {
    content: '✓';
    display: grid;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    place-items: center;
    border-radius: 50%;
    background: rgba(57,211,170,.11);
    color: #5de0b8;
    font-size: 9px;
    font-weight: 900;
}

body.is-home .pricing-teaser .full-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 38px !important;
    margin-top: auto !important;
    padding: 10px 13px !important;
    border-radius: 12px !important;
    font-size: 9px !important;
}

body.is-home .pricing-teaser .featured-price {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
    padding-top: 17px !important;
    border-color: rgba(151,124,255,.38) !important;
    background: radial-gradient(ellipse at 50% 0%,rgba(124,92,255,.35),transparent 43%), linear-gradient(145deg,rgba(101,75,197,.2),rgba(15,19,34,.82) 50%,rgba(49,51,90,.17)) !important;
    box-shadow: 0 24px 60px rgba(0,0,0,.27), 0 0 34px rgba(118,87,255,.13), inset 0 1px 0 rgba(255,255,255,.11) !important;
}

body.is-home .pricing-teaser .featured-price .popular-pill {
    display: inline-flex !important;
    align-items: center !important;
    align-self: flex-start !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: max-content !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 9px !important;
    padding: 5px 8px !important;
    border: 1px solid rgba(215,207,255,.2) !important;
    border-radius: 999px !important;
    background: linear-gradient(100deg,#9875ff,#5969f0) !important;
    color: #fff !important;
    font-size: 7px !important;
    line-height: 1.2 !important;
    letter-spacing: .035em !important;
    box-shadow: 0 5px 18px rgba(119,93,255,.22) !important;
    white-space: nowrap !important;
}

body.is-home .pricing-teaser .featured-price .plan-top {
    margin-bottom: 12px !important;
}

body.is-home .pricing-teaser .featured-price .plan-symbol {
    background: linear-gradient(135deg,rgba(152,119,255,.32),rgba(69,66,162,.26)) !important;
}

body.is-home .pricing-bottom {
    margin-top: 0 !important;
}

body.is-home .cta-section {
    text-align: center !important;
    align-items: center !important;
}

body.is-home .cta-section .eyebrow {
    justify-content: center !important;
    margin-bottom: 11px !important;
}

body.is-home .cta-section h2 {
    max-width: 900px;
    margin: 0 auto 12px !important;
    font-size: clamp(40px,5vw,72px) !important;
}

body.is-home .cta-section > p {
    max-width: 570px;
    margin: 0 auto !important;
    color: #9aa6bf !important;
    font-size: 12px !important;
    line-height: 1.75 !important;
}

body.is-home .cta-section .hero-actions {
    justify-content: center !important;
    margin: 24px 0 !important;
}

body.is-home .cta-orb {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 49%;
    width: min(74vw,750px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(121,92,255,.12),rgba(74,113,255,.04) 40%,transparent 68%);
    transform: translate(-50%,-50%);
    filter: blur(4px);
    animation: homePulse 6s ease-in-out infinite;
}

@keyframes homePulse {
    0%,100% {
        opacity: .65;
        scale: .96;
    }

    50% {
        opacity: 1;
        scale: 1.04;
    }
}

body.is-home .cta-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    color: #7f8ba5;
    font-size: 8px;
    letter-spacing: .13em;
}

body.is-home .cta-meta > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

body.is-home .green-dot, body.is-home .live-dot {
    display: inline-block;
    flex: 0 0 auto;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #57e3b8;
    box-shadow: 0 0 11px rgba(87,227,184,.58);
}

body.is-home > footer#site-footer {
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(20px,4vh,42px) !important;
    text-align: center !important;
    background: radial-gradient(ellipse at 50% 38%,rgba(108,85,255,.15),transparent 46%), #070a12 !important;
}

body.is-home > footer#site-footer .footer-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 13px !important;
}

body.is-home > footer#site-footer .brand-mark {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border-radius: 19px;
    background: linear-gradient(145deg,#a188ff,#4759ca);
    box-shadow: 0 0 35px rgba(127,103,255,.3);
    color: white;
    font-size: 16px;
    font-weight: 900;
}

body.is-home > footer#site-footer .footer-brand > span:last-child {
    display: grid;
    gap: 6px;
    text-align: left;
}

body.is-home > footer#site-footer .footer-brand b {
    color: #f1f4ff;
    font-size: 18px;
    letter-spacing: .1em;
}

body.is-home > footer#site-footer .footer-brand small {
    color: #8793ad;
    font-size: 10px;
}

body.is-home > footer#site-footer .footer-links {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 9px !important;
    max-width: 800px;
}

body.is-home > footer#site-footer .footer-links a {
    display: inline-flex;
    padding: 10px 13px;
    border: 1px solid rgba(171,188,236,.13);
    border-radius: 999px;
    background: rgba(255,255,255,.025);
    color: #aeb9d1;
    font-size: 10px;
    text-decoration: none;
    transition: color .2s, border-color .2s, background .2s, transform .2s;
}

body.is-home > footer#site-footer .footer-links a:hover {
    transform: translateY(-2px);
    color: #f2efff;
    border-color: rgba(166,145,255,.4);
    background: rgba(126,96,255,.09);
}

body.is-home > footer#site-footer > p {
    max-width: 650px;
    margin: 0 !important;
    color: #697792 !important;
    font-size: 9px !important;
    line-height: 1.8 !important;
}

body.is-home > footer#site-footer > span:last-child {
    color: #65718b;
    font-size: 9px;
}

body.is-home .section-nav {
    position: fixed !important;
    z-index: 90 !important;
    right: 13px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 9px 6px !important;
    border: 1px solid rgba(174,189,229,.14) !important;
    border-radius: 999px !important;
    background: rgba(8,11,19,.64) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: 0 10px 30px rgba(0,0,0,.16);
}

body.is-home .section-nav button {
    position: relative;
    display: block;
    width: 5px;
    height: 5px;
    min-width: 5px;
    min-height: 5px;
    padding: 0;
    border: 0;
    border-radius: 9px;
    background: #596780;
    cursor: pointer;
    transition: height .23s ease, background .23s ease, box-shadow .23s ease;
}

body.is-home .section-nav button[aria-current="true"] {
    height: 20px;
    background: linear-gradient(#bd9fff,#6a9dff);
    box-shadow: 0 0 13px rgba(145,120,255,.55);
}

body.is-home .section-nav button:focus-visible {
    outline: 2px solid #b5a3ff;
    outline-offset: 4px;
}

body.is-home .section-nav-label {
    position: absolute;
    right: calc(100% + 11px);
    top: 50%;
    transform: translateY(-50%) translateX(4px);
    padding: 6px 9px;
    border: 1px solid rgba(174,189,229,.15);
    border-radius: 8px;
    background: rgba(17,22,37,.95);
    color: #d4dcf1;
    font-size: 9px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s, transform .18s;
}

body.is-home .section-nav button:hover .section-nav-label, body.is-home .section-nav button:focus-visible .section-nav-label {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

@media (max-width: 1100px) {
    :root {
        --home-gutter:clamp(22px,4vw,42px);
        --home-head-gap: 76px;
    }

    body.is-home .site-header {
        gap: 7px !important;
    }

    body.is-home .site-header .nav a {
        padding-inline:5px !important;font-size: 7px !important;
    }

    body.is-home .site-header .nav a i {
        display: none !important;
    }

    body.is-home .site-header .brand {
        font-size: 9px !important;
    }

    body.is-home .site-header .nav-actions .btn {
        padding-inline:8px !important;}

    body.is-home .hero-copy h1 {
        font-size: clamp(40px,5.3vw,62px) !important;
    }

    body.is-home .benefit-card {
        padding: 17px !important;
    }

    body.is-home .suite-section .product-feature-card {
        grid-template-columns: minmax(0,1.1fr) minmax(260px,.9fr) !important;
        gap: 23px !important;
    }

    body.is-home .pricing-teaser .price-card {
        padding: 19px !important;
    }
}

@media (max-width: 900px) {
    :root {
        --home-head-gap:70px;
    }

    body.is-home .site-header {
        width: calc(100vw - 24px) !important;
        max-width: 700px !important;
        justify-content: space-between !important;
    }

    body.is-home .site-header .nav {
        display: none !important;
    }

    body.is-home .site-header .nav.open {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        left: 0 !important;
        right: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 4px !important;
        padding: 9px !important;
        border: 1px solid rgba(220,228,255,.16) !important;
        border-radius: 16px !important;
        background: rgba(9,12,22,.96) !important;
        -webkit-backdrop-filter: blur(22px);
        backdrop-filter: blur(22px);
        box-shadow: 0 18px 45px rgba(0,0,0,.3);
    }

    body.is-home .site-header .nav.open a {
        display: flex !important;
        justify-content: flex-start !important;
        min-height: 37px !important;
        padding: 8px 12px !important;
        font-size: 10px !important;
    }

    body.is-home .site-header .nav.open a i {
        display: inline-block !important;
    }

    body.is-home .site-header .mobile-menu {
        display: grid !important;
        flex: 0 0 30px !important;
        width: 30px !important;
        height: 30px !important;
        place-items: center !important;
        margin-left: 2px !important;
        border: 1px solid rgba(175,190,235,.16) !important;
        border-radius: 50% !important;
        background: rgba(255,255,255,.045) !important;
        color: #dce4f7 !important;
        cursor: pointer;
    }

    body.is-home #top {
        grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr) !important;
        gap: 25px !important;
    }

    body.is-home .hero-visual {
        max-width: 560px !important;
    }

    body.is-home .benefit-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }

    body.is-home .benefit-card {
        height: clamp(160px,22vh,215px) !important;
    }

    body.is-home .benefit-icon {
        width: 35px !important;
        height: 35px !important;
        flex-basis: 35px !important;
        margin-bottom: 8px !important;
        font-size: 17px !important;
    }

    body.is-home .benefit-card p {
        -webkit-line-clamp: 2;
    }

    body.is-home .suite-section .product-feature-card {
        max-height: 58vh !important;
    }

    body.is-home .workflow-section {
        grid-template-columns: minmax(0,1fr) minmax(0,.8fr) !important;
        gap: 20px !important;
    }

    body.is-home .workflow-visual {
        min-height: 43vh !important;
    }

    body.is-home .pricing-teaser .price-card {
        height: clamp(300px,40vh,365px) !important;
    }
}

@media (max-width: 640px) {
    :root {
        --home-gutter:16px;
        --home-head-gap: 62px;
        --home-radius: 19px;
    }

    body.is-home .site-header {
        top: 7px !important;
        width: calc(100vw - 18px) !important;
        max-width: none !important;
        min-height: 43px !important;
        height: 43px !important;
        padding-inline:8px !important;}

    body.is-home .site-header .brand {
        font-size: 9px !important;
    }

    body.is-home .site-header .brand-mark {
        width: 28px !important;
        height: 28px !important;
        flex-basis: 28px !important;
    }

    body.is-home .site-header .brand small {
        font-size: 5px !important;
    }

    body.is-home .site-header .nav-actions {
        margin-left: auto;
    }

    body.is-home .site-header .nav-actions .nav-login {
        display: none !important;
    }

    body.is-home .site-header .nav-actions .btn {
        min-height: 28px !important;
        padding: 6px 9px !important;
        font-size: 8px !important;
    }

    body.is-home main > section, body.is-home main > section.snap-page, body.is-home main > section.news-section, body.is-home > footer#site-footer {
        padding: 68px 16px 22px !important;
    }

    body.is-home #top {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 13px !important;
        padding-top: 70px !important;
        padding-bottom: 37px !important;
    }

    body.is-home .hero-copy {
        align-items: flex-start !important;
        max-width: 100% !important;
    }

    body.is-home .hero-copy .eyebrow {
        margin-bottom: 8px !important;
        font-size: 7px !important;
        letter-spacing: .12em !important;
    }

    body.is-home .hero-copy h1 {
        margin-bottom: 9px !important;
        font-size: clamp(34px,9.5vw,48px) !important;
        line-height: .98 !important;
    }

    body.is-home .hero-lead {
        max-width: 430px !important;
        font-size: 10px !important;
        line-height: 1.55 !important;
    }

    body.is-home .hero-actions {
        flex-wrap: nowrap !important;
        gap: 7px !important;
        margin: 12px 0 0 !important;
    }

    body.is-home .hero-actions .btn {
        min-height: 35px !important;
        padding: 9px 11px !important;
        font-size: 8px !important;
        white-space: nowrap;
    }

    body.is-home .hero-proof {
        display: none !important;
    }

    body.is-home .hero-visual {
        width: min(100%,520px) !important;
        max-width: 520px !important;
        align-self: center !important;
        padding: 0 0 11px !important;
    }

    body.is-home .product-hero-visual .product-preview-tilt {
        transform: none !important;
        border-radius: 13px !important;
    }

    body.is-home .product-hero-visual .product-preview-tilt:hover {
        transform: translateY(-2px) !important;
    }

    body.is-home .product-preview-caption {
        padding: 7px 9px !important;
        font-size: 6px !important;
    }

    body.is-home .product-caption-cta {
        display: none;
    }

    body.is-home .visual-caption {
        right: 2px;
        bottom: -1px;
        font-size: 6px !important;
    }

    body.is-home .scroll-cue {
        bottom: 7px !important;
        font-size: 7px;
    }

    body.is-home .news-section {
        gap: 13px !important;
    }

    body.is-home .news-head {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    body.is-home .news-head h2, body.is-home .section-heading h2, body.is-home .workflow-copy h2 {
        margin-bottom: 8px !important;
        font-size: clamp(27px,7.8vw,36px) !important;
    }

    body.is-home .news-head p, body.is-home .section-heading > p, body.is-home .workflow-copy > p {
        font-size: 9px !important;
        line-height: 1.55 !important;
    }

    body.is-home .carousel-controls {
        gap: 6px !important;
    }

    body.is-home .carousel-controls > button {
        width: 28px;
        height: 28px;
    }

    body.is-home .carousel-controls .text-link {
        font-size: 8px !important;
    }

    body.is-home .news-track {
        grid-auto-columns: minmax(0, 80%) !important;
        gap: 11px !important;
        padding-bottom: 4px !important;
    }

    body.is-home .news-card {
        height: clamp(270px, 39vh, 330px) !important;
        border-radius: 17px !important;
    }

    body.is-home .news-card img, body.is-home .news-card .news-cover {
        height: clamp(112px,17vh,145px) !important;
    }

    body.is-home .news-card-copy {
        padding: 12px !important;
    }

    body.is-home .news-card-copy time {
        margin-bottom: 5px !important;
        font-size: 7px !important;
    }

    body.is-home .news-card-copy h3 {
        font-size: 13px !important;
        margin-bottom: 6px !important;
    }

    body.is-home .news-card-copy p {
        -webkit-line-clamp: 2;
        margin-bottom: 8px !important;
        font-size: 9px !important;
    }

    body.is-home .news-read {
        font-size: 8px !important;
    }

    body.is-home .benefits-section {
        gap: 11px !important;
    }

    body.is-home .benefits-section .section-heading {
        margin-bottom: 0 !important;
    }

    body.is-home .benefit-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 8px !important;
    }

    body.is-home .benefit-card {
        height: clamp(145px,20vh,175px) !important;
        padding: 11px !important;
        border-radius: 15px !important;
    }

    body.is-home .benefit-icon {
        width: 29px !important;
        height: 29px !important;
        flex-basis: 29px !important;
        margin-bottom: 6px !important;
        border-radius: 10px !important;
        font-size: 14px !important;
    }

    body.is-home .card-index {
        margin-bottom: 4px !important;
        font-size: 6px !important;
        letter-spacing: .08em !important;
    }

    body.is-home .benefit-card h3 {
        margin-bottom: 5px !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    body.is-home .benefit-card p {
        -webkit-line-clamp: 2;
        margin-bottom: 6px !important;
        font-size: 8px !important;
        line-height: 1.45 !important;
    }

    body.is-home .benefit-card > a {
        font-size: 8px !important;
    }

    body.is-home .section-footer {
        align-items: center !important;
        gap: 7px !important;
        font-size: 6px !important;
        letter-spacing: .05em !important;
    }

    body.is-home .section-footer .text-link {
        font-size: 8px !important;
    }

    body.is-home .suite-section {
        gap: 11px !important;
    }

    body.is-home .suite-section .product-feature-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        max-height: none !important;
        gap: 10px !important;
        padding: 11px !important;
        border-radius: 17px !important;
    }

    body.is-home .product-feature-image img {
        width: 100%;
        max-height: 21vh !important;
        object-fit: contain;
        border-radius: 10px;
        transform: none !important;
    }

    body.is-home .status-pill {
        padding: 4px 7px;
        font-size: 6px;
    }

    body.is-home .product-feature-copy h3 {
        margin: 8px 0 5px !important;
        font-size: 23px !important;
    }

    body.is-home .product-feature-copy > p {
        font-size: 9px !important;
        line-height: 1.5 !important;
    }

    body.is-home .product-feature-copy ul {
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        margin: 8px 0 10px !important;
        font-size: 8px !important;
    }

    body.is-home .product-feature-copy li::before {
        width: 13px;
        height: 13px;
        margin-right: 5px;
        font-size: 7px;
    }

    body.is-home .product-feature-copy .btn {
        min-height: 31px !important;
        padding: 8px 10px !important;
        font-size: 8px !important;
        align-self: flex-start;
    }

    body.is-home #workflow {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 8px !important;
    }

    body.is-home .workflow-copy {
        max-width: none !important;
    }

    body.is-home .workflow-copy h2 {
        font-size: clamp(30px,8vw,38px) !important;
    }

    body.is-home .workflow-copy > .btn {
        margin-top: 10px;
        min-height: 32px;
        padding: 8px 10px;
        font-size: 8px;
    }

    body.is-home .steps {
        gap: 6px !important;
        margin-top: 10px !important;
    }

    body.is-home .step {
        grid-template-columns: 25px minmax(0,1fr) 19px !important;
        gap: 8px !important;
        padding: 7px 9px !important;
        border-radius: 11px !important;
    }

    body.is-home .step > span {
        width: 24px;
        height: 24px;
        border-radius: 8px;
        font-size: 7px;
    }

    body.is-home .step b {
        font-size: 8px !important;
    }

    body.is-home .step p {
        margin-top: 2px !important;
        font-size: 7px !important;
    }

    body.is-home .step > i {
        width: 17px;
        height: 17px;
        font-size: 7px;
    }

    body.is-home .workflow-visual {
        display: none !important;
    }

    body.is-home .pricing-teaser {
        gap: 10px !important;
    }

    body.is-home .pricing-teaser .section-heading h2 {
        font-size: clamp(30px,8vw,40px) !important;
    }

    body.is-home .pricing-teaser .pricing-grid {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        gap: 7px !important;
    }

    body.is-home .pricing-teaser .price-card {
        height: clamp(245px,35vh,295px) !important;
        padding: 10px !important;
        border-radius: 14px !important;
    }

    body.is-home .plan-top {
        min-height: 26px !important;
        gap: 5px !important;
        margin-bottom: 8px !important;
    }

    body.is-home .plan-symbol {
        flex-basis: 25px !important;
        width: 25px !important;
        height: 25px !important;
        border-radius: 8px !important;
        font-size: 12px !important;
    }

    body.is-home .plan-name {
        font-size: 6px !important;
        letter-spacing: .05em !important;
    }

    body.is-home .pricing-teaser .price-card h3 {
        margin-bottom: 5px !important;
        font-size: 10px !important;
        line-height: 1.25 !important;
    }

    body.is-home .pricing-teaser .price-card > p {
        margin-bottom: 7px !important;
        font-size: 7px !important;
        line-height: 1.4 !important;
    }

    body.is-home .price {
        gap: 3px !important;
        margin-bottom: 7px !important;
        padding-bottom: 7px !important;
        font-size: clamp(15px,4.2vw,20px) !important;
        letter-spacing: -.05em !important;
    }

    body.is-home .price small {
        font-size: 6px !important;
    }

    body.is-home .pricing-teaser .price-card ul {
        gap: 6px !important;
        margin-bottom: 8px !important;
        font-size: 7px !important;
        line-height: 1.35 !important;
    }

    body.is-home .pricing-teaser .price-card li {
        align-items: flex-start !important;
        gap: 4px !important;
    }

    body.is-home .pricing-teaser .price-card li::before {
        flex-basis: 11px;
        width: 11px;
        height: 11px;
        font-size: 6px;
    }

    body.is-home .pricing-teaser .full-btn {
        min-height: 28px !important;
        padding: 6px 4px !important;
        border-radius: 8px !important;
        font-size: 7px !important;
    }

    body.is-home .pricing-teaser .featured-price {
        margin: -3px 0 !important;
        padding: 8px !important;
    }

    body.is-home .pricing-teaser .featured-price .popular-pill {
        margin-bottom: 5px !important;
        padding: 4px 5px !important;
        font-size: 5px !important;
    }

    body.is-home .pricing-teaser .featured-price .plan-top {
        margin-bottom: 7px !important;
    }

    body.is-home .pricing-bottom {
        align-items: center !important;
        gap: 7px !important;
        font-size: 6px !important;
        letter-spacing: 0 !important;
    }

    body.is-home .pricing-bottom .text-link {
        font-size: 8px !important;
    }

    body.is-home .cta-section h2 {
        font-size: clamp(34px,9vw,48px) !important;
    }

    body.is-home .cta-section > p {
        font-size: 10px !important;
    }

    body.is-home .cta-section .hero-actions {
        flex-wrap: wrap !important;
        gap: 8px !important;
        margin: 17px 0 !important;
    }

    body.is-home .cta-meta {
        gap: 10px;
        font-size: 6px;
    }

    body.is-home .section-nav {
        right: 4px !important;
        gap: 6px !important;
        padding: 7px 4px !important;
    }

    body.is-home .section-nav button {
        width: 4px;
        height: 4px;
        min-width: 4px;
        min-height: 4px;
    }

    body.is-home .section-nav button[aria-current="true"] {
        height: 16px;
    }

    body.is-home > footer#site-footer {
        gap: 22px !important;
    }

    body.is-home > footer#site-footer .brand-mark {
        width: 43px;
        height: 43px;
        border-radius: 15px;
        font-size: 13px;
    }

    body.is-home > footer#site-footer .footer-brand b {
        font-size: 14px;
    }

    body.is-home > footer#site-footer .footer-brand small {
        font-size: 8px;
    }

    body.is-home > footer#site-footer .footer-links {
        gap: 6px !important;
    }

    body.is-home > footer#site-footer .footer-links a {
        padding: 8px 10px;
        font-size: 8px;
    }

    body.is-home > footer#site-footer > p {
        font-size: 8px !important;
    }
}

@media (max-height: 720px) and (min-width: 641px) {
    :root {
        --home-head-gap:62px;
    }

    body.is-home main > section, body.is-home main > section.snap-page, body.is-home main > section.news-section, body.is-home > footer#site-footer {
        padding-top: 68px !important;
        padding-bottom: 20px !important;
    }

    body.is-home #top {
        padding-top: 67px !important;
        padding-bottom: 33px !important;
    }

    body.is-home .hero-copy h1 {
        font-size: clamp(39px,4.6vw,59px) !important;
        margin-bottom: 10px !important;
    }

    body.is-home .hero-copy .eyebrow {
        margin-bottom: 8px !important;
    }

    body.is-home .hero-actions {
        margin: 13px 0 !important;
    }

    body.is-home .hero-visual {
        max-width: 620px !important;
        padding-block:0 !important;}

    body.is-home .news-card {
        height: 280px !important;
    }

    body.is-home .news-card img, body.is-home .news-card .news-cover {
        height: 118px !important;
    }

    body.is-home .benefit-card {
        height: 205px !important;
    }

    body.is-home .suite-section .product-feature-card {
        max-height: 53vh !important;
    }

    body.is-home .product-feature-image img {
        max-height: 34vh !important;
    }

    body.is-home .workflow-visual {
        min-height: 42vh !important;
    }

    body.is-home .pricing-teaser .price-card {
        height: 285px !important;
        padding: 16px !important;
    }
}

@media (max-height: 690px) and (max-width: 640px) {
    :root {
        --home-head-gap:53px;
    }

    body.is-home main > section, body.is-home main > section.snap-page, body.is-home main > section.news-section, body.is-home > footer#site-footer {
        padding-top: 57px !important;
        padding-bottom: 15px !important;
    }

    body.is-home #top {
        padding-top: 59px !important;
        padding-bottom: 28px !important;
        gap: 8px !important;
    }

    body.is-home .hero-copy h1 {
        font-size: clamp(30px,8vw,39px) !important;
    }

    body.is-home .hero-lead {
        font-size: 9px !important;
    }

    body.is-home .hero-actions {
        margin-top: 8px !important;
    }

    body.is-home .hero-visual {
        max-width: 420px !important;
    }

    body.is-home .news-card {
        height: 245px !important;
    }

    body.is-home .news-card img, body.is-home .news-card .news-cover {
        height: 95px !important;
    }

    body.is-home .benefit-card {
        height: 130px !important;
    }

    body.is-home .benefit-card p {
        display: none !important;
    }

    body.is-home .suite-section .product-feature-image img {
        max-height: 17vh !important;
    }

    body.is-home .pricing-teaser .price-card {
        height: 225px !important;
        padding: 8px !important;
    }

    body.is-home .pricing-teaser .price-card ul {
        gap: 4px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html:has(body.is-home) {
        scroll-behavior: auto !important;
    }

    body.is-home *, body.is-home *::before, body.is-home *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

html:has(body.is-home):has(main > section.hero-section#top) {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: clip !important;
    overflow-y: auto !important;
    scroll-snap-type: y mandatory !important;
    scroll-padding-block: 0 !important;
    scroll-behavior: smooth !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
    margin: 0 !important;
    padding: 0 !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home main {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: visible !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home main > section[id], html:has(body.is-home):has(main > section.hero-section#top) body.is-home > footer#site-footer {
    display: flex !important;
    position: relative !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    flex: 0 0 100vh !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100vh !important;
    height: 100svh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    min-height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100svh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: clamp(68px, 8vh, 92px) clamp(20px, 4vw, 72px) clamp(22px, 4vh, 42px) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop:always !important;scroll-margin: 0 !important;
    isolation: isolate !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home main > section[id] + section[id] {
    margin-block-start:0 !important;}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home #top, html:has(body.is-home):has(main > section.hero-section#top) body.is-home #news, html:has(body.is-home):has(main > section.hero-section#top) body.is-home #benefits, html:has(body.is-home):has(main > section.hero-section#top) body.is-home #ecosystem, html:has(body.is-home):has(main > section.hero-section#top) body.is-home #workflow, html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans, html:has(body.is-home):has(main > section.hero-section#top) body.is-home #start, html:has(body.is-home):has(main > section.hero-section#top) body.is-home > footer#site-footer {
    background-color: #080b13 !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home #benefits::before {
    background: radial-gradient(ellipse at 15% 45%, rgba(93,111,255,.12), transparent 35%), radial-gradient(ellipse at 88% 70%, rgba(125,88,255,.1), transparent 33%) !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home #ecosystem::before {
    background: radial-gradient(ellipse at 75% 55%, rgba(106,85,255,.13), transparent 40%), radial-gradient(ellipse at 10% 10%, rgba(72,137,255,.07), transparent 32%) !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home #workflow::before {
    background: radial-gradient(ellipse at 72% 50%, rgba(100,88,255,.16), transparent 32%), radial-gradient(ellipse at 20% 80%, rgba(54,141,255,.08), transparent 30%) !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans::before {
    background: radial-gradient(ellipse at 50% 42%, rgba(120,84,255,.14), transparent 44%), radial-gradient(ellipse at 12% 90%, rgba(56,129,255,.07), transparent 28%) !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home #start::before {
    background: radial-gradient(ellipse at 50% 55%, rgba(120,85,255,.2), transparent 38%), linear-gradient(120deg, rgba(65,94,220,.04), transparent 50%, rgba(133,88,255,.08)) !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header {
    position: fixed !important;
    z-index: 1000 !important;
    top: 8px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    width: fit-content !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 4px 6px 4px 8px !important;
    margin: 0 !important;
    overflow: visible !important;
    border: 1px solid rgba(220,228,255,.16) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(24,30,47,.91), rgba(10,14,27,.87) 62%, rgba(66,51,110,.35)) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
    backdrop-filter: blur(24px) saturate(155%) !important;
    box-shadow: 0 8px 30px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.09), 0 0 24px rgba(115,94,255,.07) !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .brand {
    flex: 0 0 auto !important;
    gap: 6px !important;
    font-size: 9px !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .brand-mark {
    flex: 0 0 27px !important;
    width: 27px !important;
    height: 27px !important;
    font-size: 9px !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .brand small {
    font-size: 4.5px !important;
    letter-spacing: .11em !important;
    margin-top: 2px !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav {
    position: static !important;
    flex: 0 1 auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: 0 6px !important;
    gap: 4px !important;
    border-radius: 999px !important;
    font-size: 7px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav a i {
    font-size: 6px !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav-actions {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav-login, html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav-user {
    padding: 5px 6px !important;
    font-size: 7px !important;
    white-space: nowrap !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav-actions .btn {
    min-height: 27px !important;
    padding: 5px 8px !important;
    font-size: 7px !important;
    white-space: nowrap !important;
}

@media (max-width: 980px) {
    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header {
        width:calc(100vw - 24px) !important;
        max-width: 720px !important;
        justify-content: space-between !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav {
        display: none !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav.open {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        left: 0 !important;
        right: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 4px !important;
        padding: 9px !important;
        border: 1px solid rgba(220,228,255,.16) !important;
        border-radius: 16px !important;
        background: rgba(9,12,22,.96) !important;
        -webkit-backdrop-filter: blur(22px) !important;
        backdrop-filter: blur(22px) !important;
        box-shadow: 0 18px 45px rgba(0,0,0,.3) !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav.open a {
        display: flex !important;
        justify-content: flex-start !important;
        min-height: 37px !important;
        padding: 8px 12px !important;
        font-size: 10px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .mobile-menu {
        display: grid !important;
        flex: 0 0 28px !important;
        width: 28px !important;
        height: 28px !important;
        place-items: center !important;
        margin: 0 0 0 3px !important;
        border: 1px solid rgba(175,190,235,.16) !important;
        border-radius: 50% !important;
        background: rgba(255,255,255,.045) !important;
        color: #dce4f7 !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav-actions .nav-login {
        display: none !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .brand {
        font-size: 9px !important;
    }
}

@media (max-width: 760px) {
    html:has(body.is-home):has(main > section.hero-section#top) body.is-home main > section[id], html:has(body.is-home):has(main > section.hero-section#top) body.is-home > footer#site-footer {
        flex-basis:100vh !important;
        height: 100vh !important;
        height: 100svh !important;
        height: 100dvh !important;
        min-height: 100vh !important;
        min-height: 100svh !important;
        min-height: 100dvh !important;
        max-height: 100vh !important;
        max-height: 100svh !important;
        max-height: 100dvh !important;
        padding: 61px 16px 20px !important;
        overflow: hidden !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #top {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 10px !important;
        padding-top: 58px !important;
        padding-bottom: 26px !important;
    }
}

@media (max-width: 400px) {
    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header {
        width:calc(100vw - 16px) !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home main > section[id], html:has(body.is-home):has(main > section.hero-section#top) body.is-home > footer#site-footer {
        padding-inline:13px !important;}
}

@media (prefers-reduced-motion: reduce) {
    html:has(body.is-home):has(main > section.hero-section#top) {
        scroll-behavior: auto !important;
    }
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home #top {
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: clamp(24px, 4.1vw, 68px) !important;
    padding-block:clamp(76px, 8.5vh, 96px) clamp(30px, 4.2vh, 42px) !important;}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home .hero-copy {
    width: 100% !important;
    max-width: 560px !important;
    min-width: 0 !important;
    margin: 0 !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home .hero-copy h1 {
    font-size: clamp(42px, 4.4vw, 68px) !important;
    margin-bottom: 15px !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home .hero-lead {
    font-size: clamp(11px, .9vw, 13px) !important;
    line-height: 1.7 !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home .hero-actions {
    margin-block:18px 17px !important;}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home .hero-visual {
    width: 100% !important;
    max-width: 680px !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    margin: 0 !important;
    padding: 0 0 21px !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home .product-hero-visual .product-preview-tilt {
    width: 100% !important;
    max-height: 60vh !important;
    transform: perspective(1500px) rotateY(-5deg) rotateX(1deg) !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home .product-hero-visual .product-preview-tilt img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 56vh !important;
    object-fit: contain !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home #workflow {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, .92fr) !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: clamp(26px, 5vw, 76px) !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home .workflow-copy {
    width: 100% !important;
    max-width: 610px !important;
    margin: 0 !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home .workflow-visual {
    width: 100% !important;
    max-width: 530px !important;
    min-height: min(47vh, 440px) !important;
    justify-self: end !important;
    margin: 0 !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home main > section[id], html:has(body.is-home):has(main > section.hero-section#top) body.is-home > footer#site-footer {
    margin-block:0 !important;}

@media (max-width: 980px) {
    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header {
        width:fit-content !important;
        max-width: calc(100vw - 24px) !important;
        justify-content: center !important;
    }
}

@media (max-width: 760px) {
    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #top {
        display:flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 11px !important;
        padding-top: 60px !important;
        padding-bottom: 25px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home .hero-copy h1 {
        font-size: clamp(31px, 8.8vw, 48px) !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home .hero-visual {
        width: min(100%, 500px) !important;
        max-width: 500px !important;
        align-self: center !important;
        padding: 0 0 9px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home .product-hero-visual .product-preview-tilt img {
        max-height: 27vh !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #workflow {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 11px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home .workflow-visual {
        display: none !important;
    }
}

@media (min-width: 761px) {
    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans {
        gap:clamp(12px, 1.8vh, 18px) !important;
        padding-block:clamp(66px, 7.5vh, 84px) clamp(20px, 3vh, 28px) !important;}

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .section-heading {
        flex: 0 0 auto !important;
        width: min(100%, 1100px) !important;
        margin: 0 auto !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .pricing-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        gap: clamp(10px, 1.3vw, 17px) !important;
        width: min(100%, 1120px) !important;
        max-width: 1120px !important;
        margin: 0 auto !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card {
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
        width: 100% !important;
        height: clamp(360px, 42vh, 390px) !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 17px 17px 15px !important;
        border-radius: 23px !important;
        box-sizing: border-box !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card .plan-top {
        min-height: 29px !important;
        gap: 7px !important;
        margin: 0 0 10px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card .plan-symbol {
        flex-basis: 31px !important;
        width: 31px !important;
        height: 31px !important;
        border-radius: 10px !important;
        font-size: 14px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card .plan-name {
        font-size: 8px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card h3 {
        margin: 0 0 5px !important;
        font-size: clamp(15px, 1.3vw, 19px) !important;
        line-height: 1.22 !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card > p {
        margin: 0 0 9px !important;
        font-size: 9px !important;
        line-height: 1.45 !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card .price {
        font-size: clamp(24px, 2vw, 31px) !important;
        padding-bottom: 9px !important;
        margin-bottom: 9px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card .price small {
        font-size: 8px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card ul {
        display: grid !important;
        gap: 6px !important;
        margin: 0 0 10px !important;
        font-size: 9px !important;
        line-height: 1.3 !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card li {
        gap: 6px !important;
        align-items: flex-start !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card li::before {
        flex-basis: 13px !important;
        width: 13px !important;
        height: 13px !important;
        font-size: 7px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card .full-btn {
        min-height: 33px !important;
        margin-top: auto !important;
        padding: 8px 9px !important;
        font-size: 8px !important;
        border-radius: 10px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .featured-price {
        padding-top: 15px !important;
        background: radial-gradient(ellipse at 50% 0%, rgba(124,92,255,.3), transparent 46%), linear-gradient(145deg,rgba(101,75,197,.2),rgba(15,19,34,.82) 50%,rgba(49,51,90,.17)) !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .featured-price .popular-pill {
        align-self: flex-start !important;
        width: max-content !important;
        max-width: 100% !important;
        margin: 0 0 7px !important;
        padding: 4px 7px !important;
        font-size: 6px !important;
        line-height: 1.2 !important;
        border-radius: 999px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .featured-price .plan-top {
        margin-bottom: 8px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .pricing-bottom {
        width: min(100%, 1120px) !important;
        flex: 0 0 auto !important;
        margin: 0 auto !important;
        font-size: 8px !important;
    }
}

@media (max-width: 760px) {
    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans {
        align-items:stretch !important;
        gap: 12px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .section-heading {
        flex: 0 0 auto !important;
        margin: 0 auto !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .pricing-grid {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: min(82vw, 310px) !important;
        grid-template-columns: none !important;
        align-items: stretch !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 4px 2px 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-inline: 2px !important;
        scrollbar-width: none !important;
        overscroll-behavior-x: contain !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .pricing-grid::-webkit-scrollbar {
        display: none !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: clamp(285px, 36vh, 320px) !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 13px !important;
        border-radius: 18px !important;
        scroll-snap-align: start !important;
        scroll-snap-stop:always !important;}

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card .plan-top {
        margin-bottom: 7px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card .plan-symbol {
        width: 28px !important;
        height: 28px !important;
        flex-basis: 28px !important;
        border-radius: 9px !important;
        font-size: 13px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card h3 {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card > p {
        font-size: 8px !important;
        margin-bottom: 7px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card .price {
        font-size: 24px !important;
        padding-bottom: 7px !important;
        margin-bottom: 7px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card ul {
        gap: 5px !important;
        margin-bottom: 7px !important;
        font-size: 8px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card .full-btn {
        min-height: 30px !important;
        padding: 7px 8px !important;
        font-size: 8px !important;
        margin-top: auto !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .pricing-bottom {
        flex: 0 0 auto !important;
        font-size: 7px !important;
    }
}

@media (min-width: 761px) {
    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .pricing-grid > .price-card {
        grid-column:auto !important;
        grid-row: auto !important;
    }
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card ul {
    display: grid !important;
    grid-auto-flow: row !important;
    align-content: start !important;
    justify-content: stretch !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    gap: 6px !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card li {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
    list-style: none !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card li::before {
    flex: 0 0 13px !important;
    width: 13px !important;
    height: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card .full-btn {
    position: relative !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
    z-index: 2 !important;
}

@media (max-width: 760px) {
    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card ul {
        gap:5px !important;
        margin-bottom: 7px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #plans .price-card li {
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.3 !important;
    }
}

html:has(body.is-home):has(main > section.hero-section#top) {
    scroll-snap-type: y mandatory !important;
    scroll-padding-block: 0 !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home main > section[id] {
    padding-inline:max(26px, calc((100vw - 1240px) / 2)) !important;}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home main > section[id] > * {
    min-width: 0;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home #top {
    padding-inline:max(30px, calc((100vw - 1240px) / 2)) !important;}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home #top .hero-copy {
    justify-self: start !important;
    align-self: center !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home #top .hero-visual {
    justify-self: end !important;
    align-self: center !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header {
    position: fixed !important;
    z-index: 1000 !important;
    top: 10px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: clamp(660px, 52vw, 860px) !important;
    max-width: calc(100vw - 36px) !important;
    min-width: 0 !important;
    min-height: 54px !important;
    height: 54px !important;
    padding: 6px 11px 6px 13px !important;
    gap: 12px !important;
    justify-content: space-between !important;
    transform: translate3d(-50%, 0, 0) !important;
    opacity: 1 !important;
    border-radius: 999px !important;
    transition: transform .48s cubic-bezier(.2,.75,.2,1), opacity .32s ease, background .25s ease, border-color .25s ease !important;
    will-change: transform, opacity !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .brand {
    gap: 8px !important;
    font-size: 11px !important;
    letter-spacing: .025em !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .brand-mark {
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 11px !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .brand small {
    margin-top: 3px !important;
    font-size: 6px !important;
    letter-spacing: .13em !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav {
    flex: 1 1 auto !important;
    gap: 2px !important;
    min-width: 0 !important;
    justify-content: center !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav a {
    min-height: 34px !important;
    padding-inline:8px !important;gap: 5px !important;
    font-size: 9px !important;
    letter-spacing: 0 !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav a i {
    font-size: 8px !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav-actions {
    gap: 7px !important;
    flex: 0 0 auto !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav-login, html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav-user {
    padding: 8px 8px !important;
    font-size: 9px !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav-actions .btn {
    min-height: 34px !important;
    padding: 8px 12px !important;
    font-size: 9px !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header.is-hidden {
    top: 10px !important;
    transform: translate3d(-50%, calc(-100% - 22px), 0) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home > footer#site-footer {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 21px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 43px max(26px, calc((100vw - 1240px) / 2)) 25px !important;
    overflow: visible !important;
    border-top: 1px solid rgba(171,188,236,.12) !important;
    scroll-snap-align: end !important;
    scroll-snap-stop:normal !important;scroll-margin: 0 !important;
    text-align: center !important;
    background: radial-gradient(ellipse at 50% 0%,rgba(108,85,255,.12),transparent 58%), #070a12 !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home > footer#site-footer .footer-brand .brand-mark {
    width: 43px !important;
    height: 43px !important;
    border-radius: 15px !important;
    font-size: 13px !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home > footer#site-footer .footer-brand b {
    font-size: 14px !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home > footer#site-footer .footer-brand small {
    font-size: 9px !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home > footer#site-footer .footer-links {
    width: min(100%, 1000px) !important;
    max-width: 1000px !important;
    gap: 8px !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home > footer#site-footer .footer-links a {
    padding: 8px 11px !important;
    font-size: 9px !important;
}

html:has(body.is-home):has(main > section.hero-section#top) body.is-home > footer#site-footer > p {
    max-width: 650px !important;
    font-size: 9px !important;
}

body.is-home.home-motion-enabled main > section.section-entering > * {
    animation: none !important;
}

body.is-home.home-motion-enabled .home-reveal {
    opacity: 0;
    transform: translate3d(0, 24px, 0) scale(.988);
    filter: blur(5px);
    transition: opacity .64s cubic-bezier(.2,.7,.2,1), transform .72s cubic-bezier(.16,1,.3,1), filter .64s cubic-bezier(.2,.7,.2,1);
    transition-delay: 0ms;
    will-change: opacity, transform, filter;
}

body.is-home.home-motion-enabled .home-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
    transition-delay: var(--home-reveal-delay, 0ms);
}

body.is-home.home-motion-enabled .news-card.home-reveal.is-visible:hover, body.is-home.home-motion-enabled .benefit-card.home-reveal.is-visible:hover, body.is-home.home-motion-enabled .price-card.home-reveal.is-visible:hover {
    transform: translate3d(0, -5px, 0) scale(1.008);
    filter: blur(0);
}

body.is-home .news-card, body.is-home .benefit-card, body.is-home .price-card, body.is-home .product-feature-card {
    transition: border-color .28s ease, box-shadow .32s ease, background-color .28s ease;
}

body.is-home .news-card:hover, body.is-home .benefit-card:hover, body.is-home .price-card:hover, body.is-home .product-feature-card:hover {
    border-color: rgba(166,145,255,.34);
    box-shadow: 0 20px 55px rgba(0,0,0,.22), 0 0 27px rgba(127,94,255,.11);
}

@media (max-width: 980px) {
    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header {
        width:fit-content !important;
        max-width: calc(100vw - 28px) !important;
        min-height: 52px !important;
        height: 52px !important;
        padding-inline:11px !important;justify-content: space-between !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav {
        display: none !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav.open {
        position: absolute !important;
        top: calc(100% + 9px) !important;
        left: 0 !important;
        right: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 4px !important;
        padding: 10px !important;
        border: 1px solid rgba(220,228,255,.16) !important;
        border-radius: 17px !important;
        background: rgba(9,12,22,.96) !important;
        -webkit-backdrop-filter: blur(24px) !important;
        backdrop-filter: blur(24px) !important;
        box-shadow: 0 18px 45px rgba(0,0,0,.32) !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav.open a {
        justify-content: flex-start !important;
        min-height: 39px !important;
        padding: 9px 12px !important;
        font-size: 10px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .mobile-menu {
        display: grid !important;
        flex: 0 0 34px !important;
        width: 34px !important;
        height: 34px !important;
        place-items: center !important;
        margin: 0 0 0 5px !important;
        border: 1px solid rgba(175,190,235,.18) !important;
        border-radius: 50% !important;
        background: rgba(255,255,255,.05) !important;
        color: #e3eaff !important;
        cursor: pointer !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav-actions .nav-login {
        display: none !important;
    }
}

@media (max-width: 760px) {
    html:has(body.is-home):has(main > section.hero-section#top) body.is-home main > section[id] {
        padding-inline:16px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #top {
        padding-inline:16px !important;}

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header {
        top: 8px !important;
        min-height: 50px !important;
        height: 50px !important;
        max-width: calc(100vw - 24px) !important;
        padding-inline:10px !important;}

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .brand-mark {
        width: 32px !important;
        height: 32px !important;
        flex-basis: 32px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header .nav-actions .btn {
        min-height: 32px !important;
        padding: 7px 10px !important;
        font-size: 9px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home > footer#site-footer {
        padding: 32px 16px 23px !important;
        gap: 17px !important;
    }

    body.is-home .section-nav {
        right: 5px !important;
    }
}

@media (max-width: 400px) {
    html:has(body.is-home):has(main > section.hero-section#top) body.is-home main > section[id] {
        padding-inline:12px !important;
    }

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home #top {
        padding-inline:12px !important;}

    html:has(body.is-home):has(main > section.hero-section#top) body.is-home header.site-header {
        max-width: calc(100vw - 20px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.is-home.home-motion-enabled .home-reveal, body.is-home.home-motion-enabled .home-reveal.is-visible {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
    }
}