:root {
    --primary:#076bff;
    --ink:#0b1032;
    --muted:#7781a4;
    --line:#e8effa;
    --purple:#7c3dff;
}
* {
    box-sizing:border-box;
}
html {
    scroll-behavior:smooth;
    scroll-padding-top:24px;
}
body.homepage {
    margin:0;
    color:var(--ink);
    background:radial-gradient(ellipse at 85% 16%,#e7f3ff 0,transparent 32%),linear-gradient(#fff,#f5faff 48%,#f0f8ff 90%,#fff);
    font-family:Manrope,system-ui,sans-serif;
    font-size:14px;
    line-height:1.55;
}
.homepage a {
    color:inherit;
    text-decoration:none;
}
.homepage button {
    font:inherit;
}
.homepage svg {
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    flex-shrink:0;
}
.homepage .icon-library {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
}

.btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:48px;
    padding:0 24px;
    border-radius:15px;
    font-size:12px;
    font-weight:800;
    line-height:1.3;
    white-space:nowrap;
    transition:transform .2s,box-shadow .2s;
    border:1px solid transparent;
}
.btn svg {
    width:17px;
    height:17px;
}
.btn:hover {
    transform:translateY(-2px);
}
.homepage .btn-primary {
    color:#fff;
    background:linear-gradient(135deg,#1585ff,#0062ff);
    box-shadow:0 7px 18px #086bff23;
}
.btn-ghost {
    background:#ffffffd9;
    border-color:#e0eafa;
    box-shadow:0 4px 12px #305fa005;
}
.homepage .btn-white {
    background:white;
    color:var(--primary);
    border-radius:24px;
}
.button-row {
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}
.surface {
    border:1px solid #fff;
    border-radius:24px;
    background:#ffffffde;
    box-shadow:0 6px 30px #5693cd05;
}
.hero {
    display:grid;
    grid-template-columns:.96fr 1.13fr;
    align-items:start;
    gap:20px;
    min-height:470px;
    padding:0 0 28px;
    position:relative;
}
.hero:before {
    content:'';
    position:absolute;
    z-index:-1;
    inset:10% -16px -10%;
    background:radial-gradient(ellipse at 80% 70%,#baddff70,transparent 60%);
    border-radius:45%;
}
.eyebrow {
    display:inline-flex;
    padding:6px 16px;
    border-radius:30px;
    background:#e9f3ff;
    color:#0874ff;
    font-size:11px;
    font-weight:800;
}
.hero h1 {
    font-size:clamp(36px,3.7vw,52px);
    letter-spacing:-2.3px;
    line-height:1.07;
    margin:15px 0 14px;
    font-weight:800;
}
.hero h1 span {
    color:var(--primary);
}
.hero-copy>p {
    max-width:520px;
    margin:0 0 25px;
    font-size:18px;
    color:var(--muted);
    line-height:1.5;
}
.hero-proofs {
    display:flex;
    gap:22px;
    flex-wrap:wrap;
    font-size:12px;
    color:var(--muted);
    margin-top:23px;
}
.hero-proofs span:before {
    content:'✓';
    font-size:16px;
    color:var(--primary);
    font-weight:800;
    margin-right:8px;
}
.hero-art {
    position:relative;
    min-width:0;
    padding-top:0;
}
.hero-window>img {
    display:block;
    width:104%;
    max-width:none;
    margin-left:0;
    height:116%;
    filter:none;
    object-fit:cover;
    transform:translate(-2%,-7%);
}
.screenshot-label {
    position:absolute;
    bottom:-23px;
    right:20px;
    display:flex;
    align-items:center;
    gap:6px;
    color:#8b98b1;
    font-size:10px;
}
.screenshot-label>span {
    width:5px;
    height:5px;
    border-radius:50%;
    background:#45b99a;
}
h2 {
    font-size:clamp(27px,2.7vw,38px);
    line-height:1.18;
    letter-spacing:-1px;
    font-weight:800;
    margin:0;
}
p {
    color:var(--muted);
}
.module-section {
    display:grid;
    grid-template-columns:32% 68%;
    overflow:hidden;
    margin-bottom:18px;
    min-height:286px;
}
.module-intro {
    position:relative;
    padding:20px 22px;
    overflow:hidden;
}
.module-intro h2 {
    font-size:34px;
    line-height:1.04;
    position:relative;
    z-index:1;
    letter-spacing:-1.4px;
}
.module-intro p {
    max-width:215px;
    font-size:15px;
    line-height:1.45;
    margin:13px 0 0;
    position:relative;
    z-index:1;
}
.growth-bars {
    position:absolute;
    right:10px;
    bottom:21px;
    display:flex;
    gap:7px;
    align-items:flex-end;
    transform:skewY(-14deg);
    filter:drop-shadow(0 15px 12px #1292ff35);
}
.growth-bars i {
    width:24px;
    height:60px;
    background:linear-gradient(90deg,#9cddff,#1389ff);
    border:1px solid #b8e7ff;
    box-shadow:7px -5px 0 #c3eaff;
}
.growth-bars i:nth-child(2) {
    height:90px;
}
.growth-bars i:nth-child(3) {
    height:128px;
}
.growth-bars i:nth-child(4) {
    height:168px;
    background:linear-gradient(90deg,#bcddff,#6154fa);
}
.module-content {
    min-width:0;
    display:flex;
    flex-direction:column;
}
.module-banner {
    position:relative;
    isolation:isolate;
    min-height:170px;
    padding:24px 42px;
    color:white;
    display:flex;
    align-items:center;
    gap:30px;
    background:linear-gradient(110deg,#0789ff 5%,#379fff 48%,#9d73ff);
    border-radius:55px 20px 0 0;
    overflow:hidden;
}
.module-banner strong {
    font-size:62px;
    line-height:1.1;
    letter-spacing:-1.7px;
    white-space:nowrap;
}
.module-banner p {
    color:white;
    margin:8px 0 0;
    font-size:17px;
    line-height:1.35;
}
.module-banner .btn {
    position:relative;
    z-index:2;
    align-self:flex-end;
    font-size:13px;
    padding:0 24px;
    min-height:46px;
}
.module-cubes {
    position:absolute;
    right:22px;
    top:25px;
    z-index:-1;
    opacity:.7;
}
.module-cubes i {
    display:block;
    position:absolute;
    width:68px;
    height:68px;
    right:45px;
    top:5px;
    transform:rotate(-20deg) skew(8deg,8deg);
    background:linear-gradient(145deg,#d4f4ffb0,#3d5aff);
    border:1px solid #e5f5ff;
    box-shadow:10px 10px 0 #5042e94d;
}
.module-cubes i:nth-child(2) {
    width:38px;
    height:38px;
    right:-5px;
    top:70px;
}
.module-cubes i:nth-child(3) {
    width:42px;
    height:42px;
    right:142px;
    top:0;
}
.module-categories {
    flex:1;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    padding:17px 12px;
    gap:4px;
    background:linear-gradient(100deg,#eff9ff,#f7f2ff);
    border-radius:18px 0 0;
}
.module-categories>a {
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 9px;
    border-right:1px solid #dce6fc;
}
.module-categories>a:last-child {
    border:0;
}
.tile-icon {
    width:45px;
    height:45px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    border-radius:12px;
    color:var(--primary);
    background:#eaf3ff;
}
.tile-icon svg {
    width:25px;
    height:25px;
}
.module-categories .tile-icon {
    background:linear-gradient(145deg,#20b4ff,#0570ff);
    color:#fff;
    box-shadow:0 5px 12px #4c9aff26;
}
.module-categories>a:nth-child(n+2) .tile-icon {
    background:linear-gradient(145deg,#aa61ff,#6632ff);
}
.module-categories b,.capability-item b {
    display:block;
    font-size:15px;
    font-weight:800;
}
.module-categories small,.capability-item small {
    display:block;
    color:var(--muted);
    font-size:13px;
    line-height:1.4;
    margin-top:5px;
}
.capabilities {
    padding:18px 22px 16px;
    margin-bottom:15px;
}
.section-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:14px;
}
.section-heading p {
    margin:5px 0 0;
    font-size:17px;
}
.section-heading>.btn {
    min-height:43px;
    padding:0 20px;
}
.capability-grid {
    display:grid;
    grid-template-columns:1.65fr 1fr;
    gap:26px;
}
.product-preview {
    border:1px solid #dfebfc;
    border-radius:16px;
    background:linear-gradient(140deg,#fff,#f2f8ff);
    overflow:hidden;
    min-width:0;
    position:relative;
    display:flex;
    align-items:center;
    padding:10px;
}
.preview-browser {
    display:none;
    align-items:center;
    gap:5px;
    height:28px;
    padding:0 12px;
    background:#f5f8ff;
    border-bottom:1px solid #e6edfa;
}
.preview-browser>span {
    display:block;
    width:5px;
    height:5px;
    background:#cbd8ef;
    border-radius:50%;
}
.preview-browser small {
    margin:auto;
    font-size:8px;
    color:#9da8bc;
}
.product-preview>img {
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:2.15;
    object-fit:cover;
    object-position:top;
    border-radius:10px;
}
.preview-caption {
    padding:0;
    background:linear-gradient(90deg,#fff,#f5f9ff);
    position:absolute;
    width:1px;
    height:1px;
    clip-path:inset(50%);
    overflow:hidden;
}
.preview-caption b {
    font-size:12px;
}
.preview-caption p {
    font-size:10px;
    margin:4px 0 0;
    line-height:1.5;
}
.capability-list {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:0;
}
.capability-item {
    width:100%;
    text-align:left;
    display:flex;
    align-items:center;
    gap:13px;
    background:transparent;
    border:1px solid transparent;
    border-radius:10px;
    padding:6px 9px;
    cursor:pointer;
    color:var(--ink);
    transition:background .2s,border-color .2s;
    border-bottom:1px solid #eef3fb;
}
.capability-item:hover,.capability-item.is-active {
    background:#f8fbff;
    border-color:#eef3fb;
}
.capability-item .tile-icon {
    width:44px;
    height:44px;
    border-radius:10px;
}
.capability-item .tile-icon svg {
    width:23px;
    height:23px;
}
.capability-item b {
    font-size:18px;
}
.capability-item small {
    margin-top:2px;
    font-size:13px;
}
.icon-tasks,.icon-finance {
    background:#f2ebff;
    color:#7a32ff;
}
.icon-inventory {
    background:#fff3e4;
    color:#ff9b1a;
}
.chevron {
    margin-left:auto;
    font-size:26px;
    color:#364b87;
}
.facts {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin-bottom:18px;
}
.fact {
    position:relative;
    overflow:hidden;
    min-height:130px;
    border:1px solid #e5effb;
    border-radius:19px;
    padding:19px 25px;
    background:linear-gradient(120deg,#f7fbff,#eaf4ff);
}
.fact strong {
    font-size:34px;
    letter-spacing:-1px;
    line-height:1.15;
}
.fact p {
    font-size:15px;
    line-height:1.4;
    margin:6px 0 0;
}
.fact>svg {
    position:absolute;
    right:20px;
    bottom:30px;
    width:45px;
    height:45px;
    color:#57a3ff;
    opacity:.7;
}
.fact-blue,.fact-purple {
    color:white;
    background:linear-gradient(110deg,#229cff,#0771ff);
    border-color:transparent;
}
.fact-purple {
    background:linear-gradient(120deg,#a14dff,#7036ff);
}
.fact-blue p,.fact-purple p {
    color:#fffffff0;
}
.fact-blue>svg,.fact-purple>svg {
    color:#d2eaff;
}
.business {
    display:grid;
    grid-template-columns:1.35fr 1fr;
    align-items:center;
    padding:22px;
    margin-bottom:18px;
    overflow:hidden;
    background:radial-gradient(ellipse at 85% 100%,#e5f2ff 0,transparent 60%),#ffffffdb;
}
.business h2 {
    font-size:36px;
}
.business-copy>p {
    max-width:625px;
    font-size:16px;
    line-height:1.55;
    margin:12px 0;
}
.business ul {
    padding:0;
    margin:12px 0 17px;
    list-style:none;
    color:var(--muted);
    font-size:14px;
}
.business li {
    display:flex;
    align-items:center;
    gap:10px;
    margin:9px 0;
}
.business li:before {
    content:'✓';
    display:grid;
    place-content:center;
    background:#0c79ff;
    border-radius:50%;
    color:white;
    flex-shrink:0;
    width:18px;
    height:18px;
    font-size:11px;
    font-weight:800;
}
.business .btn {
    min-height:43px;
    padding:0 22px;
}
.business-signature {
    display:block;
    margin-top:12px;
    color:#94a1b9;
    font-size:9px;
    position:absolute;
    width:1px;
    height:1px;
    clip-path:inset(50%);
    overflow:hidden;
}
.business-orbit {
    position:relative;
    min-height:275px;
    isolation:isolate;
}
.orbit-ring {
    width:240px;
    height:240px;
    position:absolute;
    border:1px dashed #6aaaff;
    border-radius:50%;
    inset:50% auto auto 50%;
    transform:translate(-50%,-50%);
}
.orbit-ring:before,.orbit-ring:after {
    content:'';
    position:absolute;
    inset:18px;
    border:17px solid #e3f1ff;
    border-radius:50%;
    box-shadow:0 0 0 12px #edf6ff;
}
.orbit-ring:after {
    inset:0;
    border:0;
    box-shadow:none;
    background:radial-gradient(circle at 50% 0,#1687ff 2px,transparent 3px);
}
.orbit-center {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:138px;
    height:138px;
    background:white;
    border-radius:50%;
    box-shadow:0 7px 24px #4399ed21;
}
.orbit-center img {
    object-fit:contain;
}
.orbit-center strong {
    font-size:17px;
    margin-top:3px;
}
.orbit-item {
    position:absolute;
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px 14px;
    background:#fff;
    border:1px solid #edf3ff;
    border-radius:14px;
    box-shadow:0 7px 20px #4f90d30b;
    width:174px;
    font-size:14px;
}
.orbit-item .tile-icon {
    width:35px;
    height:35px;
    border-radius:8px;
}
.orbit-item svg {
    width:21px;
    height:21px;
}
.orbit-item-0 {
    left:0;
    top:20px;
}
.orbit-item-1 {
    right:0;
    top:10px;
}
.orbit-item-2 {
    left:-15px;
    top:115px;
}
.orbit-item-3 {
    right:-10px;
    top:115px;
}
.orbit-item-4 {
    left:10px;
    bottom:0;
}
.orbit-item-5 {
    right:10px;
    bottom:10px;
}
.orbit-item-1 .tile-icon,.orbit-item-3 .tile-icon {
    background:#f3ecff;
    color:#7936ff;
}
.orbit-item-4 .tile-icon {
    background:#fff5e5;
    color:#ff9f1e;
}
.editorial-grid {
    display:grid;
    grid-template-columns:1.15fr 1fr;
    gap:14px;
    margin-bottom:16px;
}
.news,.resources {
    padding:17px;
}
.editorial-grid h2 {
    font-size:clamp(24px, 2.2vw, 28px);
    letter-spacing:-.8px;
}
.editorial-grid .section-heading {
    margin-bottom:12px;
}
.small-link {
    border:1px solid #e3ecfb;
    white-space:nowrap;
    border-radius:15px;
    padding:5px 13px;
    font-size:13px;
    font-weight:800;
}
.small-link span {
    color:var(--primary);
    margin-left:7px;
}
.news-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
}
.news-card {
    display:block;
    border:1px solid #edf1fa;
    border-radius:12px;
    padding:10px;
    transition:background .2s;
}
.news-card:hover {
    background:#f7faff;
}
.news-cover {
    height:65px;
    background:linear-gradient(120deg,#fff,#e1efff);
    border-radius:7px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:9px;
    color:#7d8db3;
}
.news-cover>span {
    font-size:12px;
}
.news-cover>svg {
    width:44px;
    height:44px;
    color:#448bff;
    stroke-width:2.5;
    filter:drop-shadow(3px 6px 1px #5a91ff20);
}
.news-cover-1 {
    background:linear-gradient(120deg,#f5edff,#ebe4ff);
}
.news-cover-1>svg {
    color:#8d53ff;
}
.news-card h3 {
    font-size:16px;
    line-height:1.4;
    margin:10px 0 5px;
    letter-spacing:-.2px;
}
.news-card p {
    font-size:14px;
    line-height:1.5;
    margin:0;
}
.resource-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.resource-card {
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid #edf1fa;
    padding:13px 10px;
    border-radius:12px;
}
.resource-card b {
    display:block;
    font-size:15px;
    line-height:1.4;
}
.resource-card small {
    display:block;
    font-size:13px;
    margin-top:3px;
    color:var(--muted);
}
.resource-card:nth-child(even) .tile-icon {
    color:#823eff;
    background:#f4edff;
}
.resource-card .tile-icon {
    width:42px;
    height:42px;
}
.resource-card:hover {
    background:#f7faff;
}
.faq {
    display:grid;
    grid-template-columns:.85fr 1.7fr .8fr;
    gap:28px;
    align-items:start;
    padding:21px;
    margin-bottom:18px;
}
.faq h2 {
    font-size:clamp(24px, 2.2vw, 28px);
}
.faq>div>p {
    font-size:15px;
    margin:8px 0;
}
.faq-questions {
    border:1px solid #e4ecfa;
    border-radius:13px;
    overflow:hidden;
}
.faq details+details {
    border-top:1px solid #e7eefb;
}
.faq summary {
    display:flex;
    justify-content:space-between;
    gap:15px;
    cursor:pointer;
    list-style:none;
    padding:9px 16px;
    font-size:15px;
    color:#657399;
    line-height:1.45;
}
.faq summary::-webkit-details-marker {
    display:none;
}
.faq summary>span {
    color:#7186b1;
}
.faq details[open] summary {
    color:var(--primary);
    font-weight:700;
}
.faq details[open] summary>span {
    transform:rotate(180deg);
}
.faq details>p {
    font-size:14px;
    padding:0 16px 12px;
    margin:0;
    line-height:1.7;
}
.faq details a {
    color:var(--primary);
    white-space:nowrap;
}
.faq-actions {
    display:flex;
    flex-direction:column;
    gap:10px;
}
.faq-actions .btn {
    width:100%;
    min-height:44px;
    font-size:14px;
}









.homepage :is(a,button,summary):focus-visible {
    outline:3px solid #78adff;
    outline-offset:4px;
}
.capability-panel {
    outline:0;
}

@media(max-width:1100px) {
    .hero h1 {
        font-size:39px;
    }
    .hero-copy>p {
        font-size:13px;
    }
    .module-banner {
        padding:24px;
    }
    .module-banner strong {
        font-size:40px;
    }
    .module-banner .btn {
        padding:0 14px;
    }
    .module-categories {
        padding:14px 4px;
    }
    .module-categories>a {
        padding:0 7px;
        gap:7px;
    }
    .module-categories .tile-icon {
        width:35px;
        height:35px;
    }
    .module-categories b {
        font-size:10px;
    }
    .module-categories small {
        font-size:10px;
    }
    .capability-grid {
        gap:12px;
    }
    .fact {
        padding:20px 16px;
    }
    .fact strong {
        font-size:24px;
    }
    .fact>svg {
        right:14px;
        width:35px;
        height:35px;
        opacity:.3;
    }
    .business {
        grid-template-columns:1.3fr 1fr;
        gap:10px;
    }
    .business h2 {
        font-size:26px;
    }
    .orbit-item {
        width:145px;
        padding:9px;
        gap:6px;
        font-size:12px;
    }
    .editorial-grid {
        grid-template-columns:1fr;
    }
    .editorial-grid h2 {
        font-size:clamp(24px, 2.2vw, 28px);
    }
    .resource-grid {
        gap:10px;
    }
    .resource-card {
        padding:12px 8px;
    }
    .resource-card .tile-icon {
        width:32px;
        height:35px;
    }
    .faq {
        gap:18px;
        grid-template-columns:.8fr 1.6fr .8fr;
    }
    .growth-bars {
        opacity:.55;
        right:0;
    }
    .module-intro p {
        max-width:170px;
    }
}
@media(max-width:800px) {

    .hero {
        grid-template-columns:1fr;
        gap:8px;
        padding-top:10px;
    }
    .hero-copy {
        max-width:600px;
    }
    .hero h1 {
        font-size:46px;
    }
    .hero-copy>p {
        font-size:15px;
        max-width:570px;
    }
    .hero-art {
        width:min(100%,620px);
        margin:auto;
    }
    .hero-window>img {
        width:100%;
        margin:0;
    }
    .hero-proofs {
        font-size:11px;
    }
    .module-section {
        grid-template-columns:1fr;
    }
    .module-intro {
        padding:20px 24px;
    }
    .module-intro h2 {
        font-size:27px;
        max-width:400px;
    }
    .module-intro h2 br {
        display:none;
    }
    .module-intro p {
        max-width:65%;
        margin-top:10px;
    }
    .growth-bars {
        right:30px;
        bottom:12px;
        transform:scale(.7) skewY(-14deg);
        transform-origin:bottom right;
        opacity:.6;
    }
    .module-banner {
        border-radius:25px 25px 0 0;
    }
    .module-categories {
        min-height:95px;
    }
    .module-categories b {
        font-size:12px;
    }
    .module-categories small {
        font-size:11px;
    }
    .module-categories .tile-icon {
        width:39px;
        height:39px;
    }
    .capability-grid {
        grid-template-columns:1fr;
    }
    .capability-list {
        grid-row:1;
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:6px;
    }
    .capability-item {
        padding:8px;
        gap:7px;
    }
    .capability-item b {
        font-size:12px;
    }
    .capability-item small,.capability-item .chevron {
        display:none;
    }
    .capability-item .tile-icon {
        width:32px;
        height:32px;
    }
    .facts {
        grid-template-columns:1fr 1fr;
        gap:10px;
    }
    .fact {
        min-height:110px;
    }
    .fact strong {
        font-size:28px;
    }
    .fact p {
        font-size:12px;
    }
    .fact>svg {
        opacity:.6;
        width:42px;
        height:42px;
    }
    .business {
        grid-template-columns:1fr;
    }
    .business-orbit {
        width:min(100%,450px);
        margin:10px auto 0;
        min-height:280px;
    }
    .business h2 {
        font-size:28px;
    }
    .business-copy>p {
        font-size:14px;
    }
    .business ul {
        font-size:13px;
    }
    .orbit-item {
        width:164px;
        font-size:14px;
    }
    .editorial-grid {
        grid-template-columns:1fr;
    }
    .editorial-grid h2 {
        font-size:clamp(24px, 2.2vw, 28px);
    }
    .news-card h3 {
        font-size:16px;
    }
    .news-card p {
        font-size:14px;
    }
    .resource-card b {
        font-size:15px;
    }
    .resource-card small {
        font-size:13px;
    }
    .resource-card .tile-icon {
        width:42px;
        height:42px;
    }
    .faq {
        grid-template-columns:1fr 1fr;
    }
    .faq-questions {
        grid-column:1/-1;
        grid-row:2;
    }
    .faq-actions {
        grid-column:2;
        grid-row:1;
    }
    .faq summary {
        font-size:15px;
    }







}
@media(max-width:480px) {
    .hero h1 {
        font-size:35px;
        letter-spacing:-1.5px;
    }
    .eyebrow {
        font-size:10px;
    }
    .hero-copy>p {
        font-size:13px;
    }
    .button-row {
        gap:9px;
    }
    .btn {
        padding:0 17px;
        font-size:11px;
        min-height:46px;
        border-radius:12px;
    }
    .hero-proofs {
        gap:10px;
        font-size:9px;
        margin-top:17px;
    }
    .hero-proofs span:before {
        margin-right:4px;
    }
    .hero-art {
        margin-top:8px;
    }
    .screenshot-label {
        bottom:-2px;
        font-size:8px;
        right:10px;
    }
    .module-intro {
        padding:20px;
    }
    .module-intro h2 {
        font-size:25px;
        max-width:250px;
    }
    .module-intro p {
        font-size:11px;
        max-width:67%;
    }
    .growth-bars {
        right:15px;
        transform:scale(.55) skewY(-14deg);
    }
    .module-banner {
        flex-direction:column;
        align-items:flex-start;
        gap:18px;
        padding:22px;
        min-height:200px;
    }
    .module-banner strong {
        font-size:41px;
    }
    .module-banner p {
        font-size:13px;
    }
    .module-banner .btn {
        align-self:flex-start;
    }
    .module-cubes {
        top:55px;
        right:5px;
    }
    .module-categories {
        grid-template-columns:1fr;
        gap:0;
        padding:5px 16px;
    }
    .module-categories>a {
        padding:12px 0;
        border-right:0;
        border-bottom:1px solid #e0eafa;
    }
    .module-categories>a:last-child {
        border-bottom:0;
    }
    .module-categories small {
        margin-top:2px;
    }
    .capabilities {
        padding:16px 12px;
    }
    .section-heading {
        gap:9px;
        align-items:flex-start;
    }
    .section-heading h2 {
        font-size:24px;
        letter-spacing:-.8px;
    }
    .section-heading p {
        font-size:11px;
        max-width:220px;
    }
    .section-heading>.btn {
        font-size:10px;
        padding:0 11px;
        min-height:37px;
    }
    .capability-list {
        gap:4px;
    }
    .capability-item {
        gap:5px;
        padding:6px 4px;
        flex-direction:column;
        justify-content:center;
    }
    .capability-item b {
        font-size:10px;
    }
    .capability-item .tile-icon {
        width:31px;
        height:31px;
    }
    .product-preview>img {
        aspect-ratio:1.4;
        object-position:left top;
    }
    .preview-caption {
        padding:11px;
    }
    .preview-caption p {
        font-size:10px;
    }
    .fact {
        padding:17px 14px;
        border-radius:17px;
        min-height:110px;
    }
    .fact strong {
        font-size:21px;
        letter-spacing:-.8px;
    }
    .fact p {
        font-size:10px;
    }
    .fact>svg {
        width:30px;
        height:30px;
        bottom:18px;
        right:12px;
        opacity:.3;
    }
    .business {
        padding:20px 16px;
    }
    .business h2 {
        font-size:26px;
    }
    .business-copy>p {
        font-size:12px;
    }
    .business ul {
        font-size:11px;
    }
    .business .btn {
        padding:0 14px;
        font-size:10px;
    }
    .business-orbit {
        min-height:270px;
        margin-top:18px;
    }
    .orbit-item {
        width:134px;
        font-size:12px;
        padding:8px 7px;
        gap:6px;
    }
    .orbit-item .tile-icon {
        width:27px;
        height:29px;
    }
    .orbit-item svg {
        width:18px;
        height:18px;
    }
    .orbit-item-2 {
        left:0;
    }
    .orbit-item-3 {
        right:0;
    }
    .orbit-ring {
        width:210px;
        height:210px;
    }
    .orbit-center {
        width:113px;
        height:113px;
    }
    .orbit-center img {
        width:45px;
        height:45px;
    }
    .orbit-center strong {
        font-size:14px;
    }
    .editorial-grid h2 {
        font-size:clamp(24px, 2.2vw, 28px);
    }
    .news,.resources {
        padding:15px 12px;
    }
    .small-link {
        font-size:13px;
        padding:5px 9px;
    }
    .news-grid {
        grid-template-columns:1fr;
        gap:10px;
    }
    .news-card {
        padding:7px;
    }
    .news-cover {
        height:70px;
        padding:10px;
    }
    .news-cover>span {
        font-size:12px;
    }
    .news-cover>svg {
        width:30px;
        height:30px;
        align-self:flex-end;
    }
    .news-card h3 {
        font-size:16px;
    }
    .news-card p {
        font-size:14px;
    }
    .resource-grid {
        grid-template-columns:1fr;
        gap:10px;
    }
    .resource-card {
        align-items:flex-start;
        padding:10px 7px;
        gap:6px;
    }
    .resource-card b {
        font-size:15px;
    }
    .resource-card small {
        font-size:13px;
    }
    .resource-card .tile-icon {
        width:29px;
        height:34px;
    }
    .resource-card svg {
        width:20px;
        height:20px;
    }
    .faq {
        grid-template-columns:1fr;
        padding:18px 15px;
        gap:15px;
    }
    .faq-actions {
        grid-row:3;
        grid-column:1;
        flex-direction:row;
    }
    .faq-actions .btn {
        padding:0 13px;
        font-size:14px;
    }
    .faq-questions {
        grid-row:2;
    }
    .faq summary {
        font-size:15px;
        padding:11px 12px;
    }
    .faq h2 {
        font-size:clamp(24px, 2.2vw, 28px);
    }
    .faq>div>p br {
        display:none;
    }







}
@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto;
    }
    *,*:before,*:after {
        transition:none!important;
        animation:none!important;
    }
}

.hero-window { overflow: hidden; aspect-ratio: 1.64; border-radius: 28px; box-shadow: 0 16px 45px #2389f51a; }





.orbit-center img { filter: brightness(0); }
@media (max-width: 1100px) and (min-width: 801px) {
    .hero-copy > p { font-size: 15px; }
    .hero-proofs { font-size: 10px; gap: 12px; }
    .module-intro h2 { font-size: 29px; }
    .module-intro p { font-size: 13px; max-width: 180px; }
    .module-banner strong { font-size: 48px; }
    .module-banner p { font-size: 14px; }
    .module-banner .btn { font-size: 11px; padding: 0 14px; }
    .capability-item b { font-size: 16px; }
    .capability-item small { font-size: 11px; }
    .business h2 { font-size: 30px; }
    .business-copy > p { font-size: 14px; }
    .fact strong { font-size: 28px; }
    .fact p { font-size: 12px; }
}
@media (max-width: 800px) {
    .hero { min-height: 0; padding: 10px 0 38px; }
    .hero-art { margin-top: 20px; }
    .hero-window { border-radius: 18px; }
    .product-preview { min-height: 0; padding: 7px; }
    .product-preview > img { aspect-ratio: 1.9; }
    .capability-item { border: 1px solid transparent; }
    .capability-item b { font-size: 12px; }
    .capability-item .tile-icon { width: 32px; height: 32px; }


}
@media (max-width: 480px) {
    .module-intro h2 { font-size: 25px; }
    .module-intro p { font-size: 12px; }
    .hero-copy > p { font-size: 13px; }
    .hero-proofs { font-size: 9px; gap: 10px; }
    .screenshot-label { font-size: 8px; bottom: -19px; }
    .capability-item b { font-size: 10px; }
    .capability-item .tile-icon { width: 31px; height: 31px; }
    .product-preview > img { aspect-ratio: 1.55; object-fit: cover; object-position: left top; }
    .fact strong { font-size: 21px; }
    .fact p { font-size: 10px; }
    .resource-card b { font-size:15px; }
    .resource-card small { font-size:13px; }
    .news-card h3 { font-size:16px; }
    .news-card p { font-size:14px; }
    .faq summary { font-size:15px; }
}
@media (min-width: 801px) {
    .hero { min-height: clamp(310px, 32.65vw, 470px); }
    .hero h1 { font-size: clamp(29px, 3.65vw, 52px); }
    .hero-copy > p { font-size: clamp(12px, 1.3vw, 18px); }
    .hero-proofs { font-size: clamp(9px, .83vw, 12px); }
}
@media (min-width: 801px) and (max-width: 1100px) {
    .hero .btn { padding: 0 18px; font-size: 11px; min-height: 44px; }
    .hero .button-row { gap: 12px; }
}
/* Glass illustrations follow the supplied visual reference. */
.growth-bars {
    display: block;
    width: 185px;
    height: 270px;
    right: -7px;
    bottom: -15px;
    transform: none;
    background: url('/images/homepage/growth-glass.webp') center bottom / contain no-repeat;
    filter: none;
}
.growth-bars i, .module-cubes i { display: none; }
.module-cubes {
    width: 330px;
    height: 215px;
    right: -12px;
    top: -15px;
    opacity: 1;
    background: url('/images/homepage/module-cubes.webp') center / contain no-repeat;
}
.module-banner > div:first-child { position: relative; z-index: 1; }
.news-cover-0 { background: #f0f7ff url('/images/homepage/growth-glass.webp') right 3px center / 75px auto no-repeat; }
.news-cover-2 { background: #f0f5ff url('/images/homepage/module-cubes.webp') right center / 105px auto no-repeat; }
.news-cover-0 > svg, .news-cover-2 > svg { visibility: hidden; }
.news-cover-1 > svg { color: white; padding: 7px; border-radius: 9px; background: linear-gradient(135deg,#aa84ff,#7051ff); }
.hero-window > img { width: 100%; height: 100%; transform: none; object-fit: cover; }
@media (max-width: 1100px) and (min-width: 801px) {
    .growth-bars { width: 155px; height: 235px; right: -12px; }
    .module-cubes { width: 255px; right: -15px; top: -15px; }
}
@media (max-width: 800px) {
    .growth-bars { width: 145px; height: 190px; right: 14px; bottom: -13px; transform: none; }
    .module-cubes { width: 230px; height: 175px; right: 0; top: -12px; }
}
@media (max-width: 480px) {
    .growth-bars { width: 110px; height: 170px; right: -4px; bottom: -10px; }
    .module-cubes { width: 195px; height: 175px; right: -8px; top: 35px; }
}
/* Preserve the reference's desktop composition on smaller laptops. */
@media (min-width: 900px) and (max-width: 1180px) {

    .hero { padding-bottom: 20px; }
    .hero .eyebrow { padding: 4px 12px; font-size: 9px; }
    .hero h1 { margin: 12px 0 10px; }
    .hero-copy > p { margin-bottom: 18px; }
    .hero .btn { min-height: 36px; font-size: 10px; padding: 0 16px; }
    .hero-proofs { margin-top: 18px; gap: 16px; }
    .module-section { min-height: 196px; }
    .module-intro { padding: 15px 18px; }
    .module-intro h2 { font-size: 24px; line-height: 1; letter-spacing: -1px; }
    .module-intro p { font-size: 11px; line-height: 1.4; max-width: 175px; margin-top: 10px; }
    .module-banner { min-height: 116px; padding: 18px 32px; }
    .module-banner strong { font-size: 44px; }
    .module-banner p { font-size: 13px; margin-top: 5px; }
    .module-banner .btn { min-height: 35px; font-size: 10px; padding: 0 17px; }
    .module-categories { padding: 12px 6px; }
    .module-categories b { font-size: 11px; }
    .module-categories small { font-size: 10px; }
    .module-categories .tile-icon { width: 36px; height: 36px; }
    .growth-bars { width: 135px; height: 190px; }
    .module-cubes { width: 235px; height: 140px; top: -7px; }
    .capabilities { padding: 14px 16px; }
    .capabilities .section-heading { margin-bottom: 8px; }
    .capabilities .section-heading p { font-size: 13px; margin-top: 0; }
    .capability-item { padding: 4px 8px; }
    .capability-item .tile-icon { width: 32px; height: 32px; }
    .capability-item b { font-size: 14px; line-height: 1.1; }
    .capability-item small { font-size: 10px; line-height: 1.2; }
    .fact { min-height: 90px; padding: 16px 20px; }
    .fact strong { font-size: 28px; }
    .fact p { font-size: 11px; }
    .fact > svg { width: 35px; height: 35px; bottom: 22px; }
    .business { padding: 16px; }
    .business h2 { font-size: 27px; }
    .business-copy > p { font-size: 12px; line-height: 1.5; margin: 9px 0; }
    .business ul { font-size: 11px; margin: 10px 0 14px; }
    .business li { margin: 7px 0; }
    .business .btn { min-height: 35px; padding: 0 16px; font-size: 10px; }
    .business-orbit { min-height: 210px; }
    .orbit-ring { width: 200px; height: 200px; }
    .orbit-center { width: 110px; height: 110px; }
    .orbit-center img { width: 42px; height: 42px; }
    .orbit-center strong { font-size: 14px; }
    .orbit-item { width: 140px; padding: 7px; font-size: 12px; gap: 6px; }
    .orbit-item .tile-icon { width: 28px; height: 30px; }
    .orbit-item-2, .orbit-item-3 { top: 90px; }
}
/* The hero introduces the modules; detailed previews keep the compact rail. */
.hero-window.is-expanded > img {
    width: 104%;
    height: 116%;
    transform: translate(-2%, -7%);
}