:root {
            --primary: #a94af7;
            --bg: #ffffff;
            --text: #1a1a1a;
            --gray: #f4f4f4;
            --accent: #7a28c2;
        }
        * { box-sizing: border-box; margin: 0; padding: 0; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; line-height: 1.6; color: var(--text); background: var(--bg); }
        
        /* Layout Structure */
        .realm { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        
        /* Navigation */
        .groop { display: flex; align-items: center; justify-content: space-between; padding: 20px; border-bottom: 1px solid var(--gray); }
        .logoz { width: 120px; }
        .logoz img { width: 100%; height: auto; }
        .voxly { display: flex; gap: 20px; }
        .linx { text-decoration: none; color: var(--text); font-weight: 500; padding: 8px 12px; border-radius: 6px; transition: 0.25s; }
        .linx:hover { background: var(--gray); }
        .linx.active { color: var(--primary); background: #f3e5ff; }

        /* Hero */
        .focuz { position: relative; width: 100%; height: 60vh; background-size: cover; background-position: center; display: flex; align-items: flex-end; padding: 40px; border-radius: 15px; overflow: hidden; margin-top: 20px; }
        .focuz::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); }
        .focuz .unit { position: relative; z-index: 1; color: white; max-width: 800px; }
        .capz { font-size: 3rem; margin-bottom: 1rem; }
        .tailz { font-size: 1.25rem; margin-bottom: 2rem; opacity: 0.9; }
        .trigg { display: inline-block; padding: 12px 30px; background: var(--primary); color: white; text-decoration: none; border-radius: 30px; font-weight: bold; transition: 0.25s; }
        .trigg:hover { background: var(--accent); transform: translateY(-2px); }

        /* Capability Grid */
        .scope { padding: 80px 0; display: flex; flex-wrap: wrap; gap: 30px; }
        .pict { flex: 1 1 100%; text-align: center; margin-bottom: 40px; }
        .bubbl { flex: 1 1 calc(33.333% - 20px); min-width: 280px; padding: 30px; border: 1px solid #eee; border-radius: 12px; transition: 0.25s; }
        .bubbl:hover { border-color: var(--primary); transform: translateY(-5px); }
        .ikons { width: 50px; height: 50px; background: #f3e5ff; fill: var(--primary); border-radius: 10px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; }

        /* Security Bento */
        .holdz { padding: 80px 0; background: var(--gray); border-radius: 20px; margin: 40px 0; }
        .bound { display: flex; flex-wrap: wrap; align-items: center; gap: 40px; }
        .lixt { flex: 1 1 400px; }
        .lixt img { width: 100%; border-radius: 15px; }
        .unit { flex: 1 1 400px; padding: 0 20px; }
        .nodez { display: flex; gap: 15px; margin-top: 20px; }
        .nodez span { padding: 8px 16px; background: white; border-radius: 20px; border: 1px solid #ddd; }

        /* CTA Article */
        .vivid { padding: 80px 20px; text-align: center; }
        
        /* Footer */
        .strix { padding: 40px 20px; text-align: center; color: #666; border-top: 1px solid var(--gray); }

        @media (max-width: 768px) {
            .focuz { height: 40vh; }
            .capz { font-size: 2rem; }
            .bubbl { flex: 1 1 100%; }
        }

.voxly-groop {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    line-height: 1.6;
    color: var(--text);
}
.voxly-groop,
.voxly-groop *,
.voxly-groop *::before,
.voxly-groop *::after {
    box-sizing: border-box;
}

.voxly-groop nav,
.voxly-groop div,
.voxly-groop section,
.voxly-groop article,
.voxly-groop aside,
.voxly-groop p,
.voxly-groop h1,
.voxly-groop h2,
.voxly-groop h3,
.voxly-groop h4,
.voxly-groop h5,
.voxly-groop h6,
.voxly-groop a {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    line-height: inherit;
}

.voxly-groop p,
.voxly-groop h1,
.voxly-groop h2,
.voxly-groop h3,
.voxly-groop h4,
.voxly-groop h5,
.voxly-groop h6 {
    text-decoration: none;
}

.voxly-groop img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
}

.voxly-groop {
    box-shadow: none;
    filter: none;
    text-shadow: none;
    background-image: none;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
}

.voxly-groop a.voxly-linx {
    --aisite-shell-nav-padding: 8px 12px;
    --aisite-shell-nav-margin: 0;
    --aisite-shell-nav-line-height: normal;
    --aisite-shell-nav-display: inline;
    --aisite-shell-nav-height: auto;
    --aisite-shell-nav-min-height: auto;
}

.voxly-groop a.voxly-linx,
.voxly-groop a.voxly-linx:hover,
.voxly-groop a.voxly-linx:focus,
.voxly-groop a.voxly-linx:active,
.voxly-groop a.voxly-linx.active,
.voxly-groop a.voxly-linx[aria-current="page"] {
    background: transparent;
    border: none;
    border-bottom: none;
    box-shadow: none;
    outline: none;
    text-decoration: none;
    padding: var(--aisite-shell-nav-padding, 0);
    margin: var(--aisite-shell-nav-margin, 0);
    line-height: var(--aisite-shell-nav-line-height, normal);
    display: var(--aisite-shell-nav-display, inline);
    height: var(--aisite-shell-nav-height, auto);
    min-height: var(--aisite-shell-nav-min-height, auto);
}

.voxly-groop{ display: flex; align-items: center; justify-content: space-between; padding: 20px; border-bottom: 1px solid #f4f4f4; }

.voxly-groop .voxly-logoz{ width: 120px; }

.voxly-groop .voxly-logoz img{ width: 100%; height: auto; }

.voxly-groop .voxly-voxly{ display: flex; gap: 20px; }

.voxly-groop .voxly-linx{ text-decoration: none; color: #1a1a1a; font-weight: 500; padding: 8px 12px; border-radius: 6px; transition: 0.25s; }

.voxly-groop .voxly-linx:hover{ background: #f4f4f4; }

.voxly-groop .voxly-linx.active{ color: #a94af7; background: #f3e5ff; }

.anchr-strix {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    line-height: 1.6;
    color: var(--text);
}
.anchr-strix,
.anchr-strix *,
.anchr-strix *::before,
.anchr-strix *::after {
    box-sizing: border-box;
}

.anchr-strix nav,
.anchr-strix div,
.anchr-strix section,
.anchr-strix article,
.anchr-strix aside,
.anchr-strix p,
.anchr-strix h1,
.anchr-strix h2,
.anchr-strix h3,
.anchr-strix h4,
.anchr-strix h5,
.anchr-strix h6,
.anchr-strix a {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    line-height: inherit;
}

.anchr-strix p,
.anchr-strix h1,
.anchr-strix h2,
.anchr-strix h3,
.anchr-strix h4,
.anchr-strix h5,
.anchr-strix h6 {
    text-decoration: none;
}

.anchr-strix img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
}

.anchr-strix {
    box-shadow: none;
    filter: none;
    text-shadow: none;
    background-image: none;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
}

.anchr-strix a,
.anchr-strix a:hover,
.anchr-strix a:focus,
.anchr-strix a:active {
    background: transparent;
    box-shadow: none;
    outline: none;
    text-decoration: none;
}

.anchr-strix .anchr-linx{ text-decoration: none; color: #1a1a1a; font-weight: 500; padding: 8px 12px; border-radius: 6px; transition: 0.25s; }

.anchr-strix .anchr-linx:hover{ background: #f4f4f4; }

.anchr-strix .anchr-linx.active{ color: #a94af7; background: #f3e5ff; }

.anchr-strix{ padding: 40px 20px; text-align: center; color: #666; border-top: 1px solid #f4f4f4; }