/* /Components/ClientesV2/ClientAreaV2.razor.rz.scp.css */
.portal-v2[b-b9sc46490t] {
    --bg: #050a1c;
    --surface: rgba(9,18,46,.82);
    --surface-strong: rgba(10,20,53,.94);
    --border: rgba(116,154,255,.22);
    --text: #f5f8ff;
    --soft: #c0cae2;
    --muted: #8997b7;
    --cyan: #20d8ff;
    --violet: #7b38ff;
    min-height: 100vh;
    color: var(--text);
    background: radial-gradient(circle at 30% 38%,rgba(14,102,191,.14),transparent 28%),radial-gradient(circle at 75% 85%,rgba(69,36,180,.14),transparent 32%),var(--bg);
    font-family: ui-sans-serif,roboto,Inter,system-ui,sans-serif;
}

    .portal-v2 button[b-b9sc46490t] {
        font: inherit;
    }

.portal-v2-header[b-b9sc46490t] {
    height: 78px;
    display: flex;
    align-items: center;
    padding: 0 34px;
    border-bottom: 1px solid var(--border);
}

.portal-v2-logo img[b-b9sc46490t] {
    display: block;
    width: 130px;
}

.portal-v2-header nav[b-b9sc46490t] {
    display: flex;
    justify-content: center;
    gap: 4.5rem;
    flex: 1;
    height: 100%;
}

    .portal-v2-header nav button[b-b9sc46490t] {
        position: relative;
        border: 0;
        padding: 0;
        color: var(--text);
        background: transparent;
        cursor: pointer;
        font-size: 1.05rem;
    }

        .portal-v2-header nav button.active[b-b9sc46490t]::after {
            position: absolute;
            content: "";
            right: 0;
            bottom: 0;
            left: 0;
            height: 3px;
            border-radius: 3px 3px 0 0;
            background: linear-gradient(90deg,var(--cyan),var(--violet));
        }

.portal-v2-account[b-b9sc46490t] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    color: #e1e7f6;
}

    .portal-v2-account i[b-b9sc46490t] {
        width: 1px;
        height: 22px;
        background: rgba(192,202,226,.45);
    }

    .portal-v2-account a[b-b9sc46490t] {
        color: var(--text);
        text-decoration: none;
    }

.portal-v2-state[b-b9sc46490t] {
    width: min(650px,90vw);
    margin: 12vh auto;
    padding: 2rem;
    color: var(--soft);
    text-align: center;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: var(--surface);
}

.project-workspace[b-b9sc46490t] {
    min-height: calc(100vh - 78px);
    display: grid;
    grid-template-columns: 27% 1fr;
}

.project-rail[b-b9sc46490t] {
    padding: 3rem 32px;
    border-right: 1px solid var(--border);
}

.project-rail-title[b-b9sc46490t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.project-rail h1[b-b9sc46490t] {
    margin: 0;
    font-size: 1.55rem;
}

.project-group-title[b-b9sc46490t] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: 1.7rem 0 .85rem;
    color: var(--soft);
    font-size: .78rem;
    letter-spacing: .04em;
}

    .project-group-title span[b-b9sc46490t] {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #168dff;
    }

    .project-group-title.waiting span[b-b9sc46490t] { background: #f2bc47; }
    .project-group-title.finished span[b-b9sc46490t] { background: #0be987; }
    .project-group-title.cancelled span[b-b9sc46490t] { background: #ef5d75; }

.project-rail > button[b-b9sc46490t] {
    width: 100%;
    display: grid;
    grid-template-columns: 52px 1fr 74px;
    gap: .9rem;
    align-items: center;
    margin: .55rem 0;
    padding: 1rem;
    border: 1px solid rgba(116,154,255,.15);
    border-radius: 10px;
    background: rgba(8,20,54,.26);
    color: var(--text);
    text-align: left;
    cursor: pointer;
}

    .project-rail > button:hover[b-b9sc46490t], .project-rail > button.selected[b-b9sc46490t] {
        border-color: rgba(32,216,255,.82);
        background: linear-gradient(90deg,rgba(8,69,132,.28),rgba(35,16,102,.3));
    }

.project-symbol[b-b9sc46490t], .project-heading-icon[b-b9sc46490t] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(32,216,255,.6);
    border-radius: 9px;
    color: var(--cyan);
    background: rgba(4,39,76,.55);
    font-size: 1.55rem;
}

    .project-symbol.waiting[b-b9sc46490t] {
        color: #f2bc47;
        border-color: rgba(242,188,71,.45);
        background: rgba(95,65,5,.25);
    }

    .project-symbol.finished[b-b9sc46490t] {
        color: #0be987;
        border-color: rgba(11,233,135,.42);
    }

    .project-symbol.cancelled[b-b9sc46490t] {
        color: #ef5d75;
        border-color: rgba(239,93,117,.45);
        background: rgba(101,17,42,.26);
    }

.project-card-copy[b-b9sc46490t] {
    min-width: 0;
}

    .project-card-copy strong[b-b9sc46490t], .project-card-copy small[b-b9sc46490t] {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .project-card-copy small[b-b9sc46490t] {
        margin-top: .3rem;
        color: var(--soft);
        font-size: .78rem;
    }

.project-card-progress[b-b9sc46490t] {
    text-align: right;
}

    .project-card-progress b[b-b9sc46490t] {
        font-size: .9rem;
        font-weight: 500;
    }

    .project-card-progress em[b-b9sc46490t], .metric-progress div[b-b9sc46490t], .progress-line[b-b9sc46490t] {
        display: block;
        height: 4px;
        margin-top: .7rem;
        overflow: hidden;
        border-radius: 99px;
        background: rgba(85,112,180,.22);
    }

        .project-card-progress i[b-b9sc46490t], .metric-progress i[b-b9sc46490t], .progress-line i[b-b9sc46490t] {
            display: block;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg,var(--cyan),#2474ff 58%,var(--violet));
        }

.project-stage[b-b9sc46490t] {
    min-width: 0;
    padding: 2rem 36px 0rem;
}

.project-heading[b-b9sc46490t] {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    margin-bottom: 1.8rem;
}

    .project-heading h1[b-b9sc46490t] {
        margin: 0;
        font-size: 1.65rem;
    }

    .project-heading p[b-b9sc46490t] {
        margin: .35rem 0 0;
        color: var(--soft);
    }

.project-tabs[b-b9sc46490t] {
    display: flex;
    gap: 3rem;
    border-bottom: 1px solid var(--border);
}

    .project-tabs button[b-b9sc46490t] {
        position: relative;
        display: flex;
        align-items: center;
        gap: .7rem;
        padding: 1rem .35rem 1.1rem;
        border: 0;
        color: var(--soft);
        background: transparent;
        cursor: pointer;
    }

        .project-tabs button.active[b-b9sc46490t] {
            color: var(--cyan);
        }

            .project-tabs button.active[b-b9sc46490t]::after {
                content: "";
                position: absolute;
                bottom: -1px;
                left: 0;
                width: 100%;
                height: 3px;
                background: linear-gradient(90deg,var(--cyan),var(--violet));
            }

.project-overview[b-b9sc46490t] {
    display: grid;
    grid-template-columns: 1.15fr .95fr;
    gap: 1.2rem;
    margin-top: 1.6rem;
}

.project-metrics[b-b9sc46490t] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1rem;
}

    .project-metrics article[b-b9sc46490t], .timeline-panel[b-b9sc46490t], .progress-panel[b-b9sc46490t], .specification-panel[b-b9sc46490t], .followup-panel[b-b9sc46490t] {
        border: 1px solid var(--border);
        border-radius: 11px;
        background: linear-gradient(145deg,rgba(8,23,61,.72),rgba(6,16,45,.48));
    }

    .project-metrics article[b-b9sc46490t] {
        min-height: 128px;
        padding: 1.25rem;
    }

    .project-metrics span[b-b9sc46490t] {
        display: block;
        margin-bottom: 1rem;
        color: var(--soft);
    }

    .project-metrics strong[b-b9sc46490t] {
        display: block;
        font-size: 1.35rem;
    }

    .project-metrics .status[b-b9sc46490t] {
        color: #19e98a;
    }

    .project-metrics small[b-b9sc46490t] {
        display: block;
        margin-top: .35rem;
        color: var(--muted);
    }

.metric-progress div[b-b9sc46490t] {
    margin-top: 1.3rem;
}

.timeline-panel[b-b9sc46490t], .progress-panel[b-b9sc46490t] {
    padding: 1.2rem;
}

    .timeline-panel h2[b-b9sc46490t], .progress-panel h2[b-b9sc46490t] {
        margin: 0 0 .8rem;
        font-size: 1.05rem;
    }

        .progress-panel h2 b[b-b9sc46490t] {
            float: right;
            color: var(--cyan);
            font-size: 1rem;
        }

    .progress-panel p[b-b9sc46490t] {
        color: var(--muted);
        line-height: 1.5;
    }

.timeline-item[b-b9sc46490t] {
    display: grid;
    grid-template-columns: 42px 10px minmax(0,1fr) 100px;
    gap: .75rem;
    align-items: start;
    padding: 1rem 0;
    border-top: 1px solid rgba(116,154,255,.15);
}

.timeline-icon[b-b9sc46490t] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 7px;
    color: var(--cyan);
    background: rgba(6,75,146,.35);
}

.timeline-dot[b-b9sc46490t] {
    width: 7px;
    height: 7px;
    margin-top: .85rem;
    border-radius: 50%;
    background: var(--cyan);
}

.timeline-item strong[b-b9sc46490t] {
    font-size: .95rem;
}

.timeline-item p[b-b9sc46490t] {
    margin: .2rem 0 0;
    color: var(--soft);
    font-size: .84rem;
    line-height: 1.4;
}

.timeline-item time[b-b9sc46490t] {
    color: var(--soft);
    font-size: .78rem;
    text-align: right;
}

.specification-panel[b-b9sc46490t] {
    max-height: calc(100vh - 265px);
    margin-top: 1rem;
    padding: 1.8rem 3rem;
    overflow: auto;
    color: var(--soft);
    line-height: 1.65;
}

    .specification-panel h1[b-b9sc46490t], .specification-panel h2[b-b9sc46490t], .specification-panel h3[b-b9sc46490t] {
        color: var(--text);
    }

    .specification-panel hr[b-b9sc46490t] {
        border: 0;
        border-top: 1px solid var(--border);
        margin: 1.4rem 0;
    }

.followup-panel[b-b9sc46490t] {
    margin-top: 1.8rem;
    padding: 1rem 1.4rem;
}

    .followup-panel > h1[b-b9sc46490t] {
        margin: 1rem 0 .35rem;
    }

    .followup-panel > p[b-b9sc46490t] {
        margin: 0 0 1rem;
        color: var(--soft);
    }

.gallery-empty[b-b9sc46490t] {
    margin-top: 2rem;
    padding: 4rem 2rem;
    border: 1px dashed var(--border);
    border-radius: 12px;
    color: var(--soft);
    text-align: center;
}

    .gallery-empty i[b-b9sc46490t] {
        color: var(--cyan);
        font-size: 2.4rem;
    }

.gallery-grid[b-b9sc46490t] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
    gap: 1rem;
    margin-top: 1.6rem;
}

    .gallery-grid figure[b-b9sc46490t] {
        margin: 0;
        overflow: hidden;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: var(--surface);
    }

    .gallery-grid img[b-b9sc46490t] {
        display: block;
        width: 100%;
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }

    .gallery-grid figcaption[b-b9sc46490t] {
        padding: .65rem .8rem;
        color: var(--soft);
        font-size: .85rem;
    }

.ideas-workspace[b-b9sc46490t] {
    min-height: calc(100vh - 78px);
    display: grid;
    grid-template-columns: 23% 1fr;
}

.ideas-filter[b-b9sc46490t] {
    padding: 2.1rem 36px;
    border-right: 1px solid var(--border);
}

    .ideas-filter h2[b-b9sc46490t] {
        margin: 0 0 1rem;
    }

    .ideas-filter h3[b-b9sc46490t] {
        margin: 2.3rem 0 1rem;
        color: var(--soft);
        font-size: .9rem;
        font-weight: 500;
    }

.filter-buttons[b-b9sc46490t] {
    display: flex;
    gap: .45rem;
}

    .filter-buttons button[b-b9sc46490t], .category-filter[b-b9sc46490t] {
        border: 1px solid rgba(116,154,255,.32);
        border-radius: 7px;
        color: var(--soft);
        background: transparent;
        cursor: pointer;
    }

    .filter-buttons button[b-b9sc46490t] {
        padding: .65rem .8rem;
    }

        .filter-buttons button.active[b-b9sc46490t] {
            color: white;
            border-color: transparent;
            background: linear-gradient(100deg,#bf49f5,var(--cyan));
        }

.category-filter[b-b9sc46490t] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: .12rem 0;
    padding: .5rem 0;
    border: 0;
    border-radius: 0;
    text-align: left;
}

    .category-filter b[b-b9sc46490t] {
        font-weight: 400;
    }

.ideas-stage[b-b9sc46490t] {
    padding: 1.7rem 36px 0rem;
}

    .ideas-stage > h1[b-b9sc46490t] {
        margin: 0;
        font-size: 1.6rem;
    }

    .ideas-stage > p[b-b9sc46490t] {
        margin: .25rem 0 1rem;
        color: var(--soft);
    }

.ideas-search[b-b9sc46490t] {
    display: flex;
    align-items: center;
    gap: .7rem;
    width: min(520px,100%);
    margin-bottom: 1.4rem;
    padding: .65rem .9rem;
    border: 1px solid rgba(116,154,255,.34);
    border-radius: 9px;
    color: var(--muted);
}

    .ideas-search input[b-b9sc46490t] {
        width: 100%;
        border: 0;
        outline: 0;
        color: var(--text);
        background: transparent;
        font: inherit;
    }

.idea-group[b-b9sc46490t] {
    margin: 1.3rem 0;
    padding: 0;
    border-radius: 0;
    background: none;
}

    .idea-group h2[b-b9sc46490t] {
        margin: 0 0 .55rem;
        font-size: 1.25rem;
    }

.idea-row[b-b9sc46490t] {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr) auto 22px;
    gap: 1rem;
    align-items: center;
    min-height: 58px;
    margin: .45rem 0;
    padding: .7rem 1rem;
    border: 1px solid rgba(116,154,255,.25);
    border-radius: 9px;
}

    .idea-row.proposal[b-b9sc46490t] {
        border-color: rgba(205,61,255,.1);
        background-color: rgba(205,61,255,.02);
    }

    .idea-row.wish[b-b9sc46490t] {
        border-color: rgba(32,216,255,.1);
        background-color: rgba(32,216,255,.02);
    }

.idea-select[b-b9sc46490t] {
    color: var(--cyan);
    font-size: 1.35rem;
}

    .idea-select input[b-b9sc46490t], .budget-table input[b-b9sc46490t] {
        appearance: none;
        width: 26px;
        height: 26px;
        border: 1px solid #6a789e;
        border-radius: 4px;
        background: transparent;
        cursor: pointer;
    }

        .idea-select input:checked[b-b9sc46490t], .budget-table input:checked[b-b9sc46490t] {
            border-color: var(--cyan);
            background: linear-gradient(135deg,var(--cyan),#2474ff);
        }

            .idea-select input:checked[b-b9sc46490t]::after, .budget-table input:checked[b-b9sc46490t]::after {
                display: block;
                content: "✓";
                color: #06142d;
                font-weight: 900;
                text-align: center;
                line-height: 23px;
            }

.idea-copy strong[b-b9sc46490t] {
    display: block;
}

.idea-copy p[b-b9sc46490t] {
    margin: .25rem 0 0;
    color: var(--soft);
    font-size: .84rem;
}

.idea-tags[b-b9sc46490t] {
    display: flex;
    gap: .45rem;
}

    .idea-tags span[b-b9sc46490t] {
        padding: .28rem .7rem;
        border: 1px solid currentColor;
        border-radius: 4px;
        color: #d86aff;
        font-size: .76rem;
    }

.wish .idea-tags span[b-b9sc46490t] {
    color: var(--cyan);
}

.budget-workspace[b-b9sc46490t] {
    width: min(1525px,92vw);
    margin: 0 auto;
    padding: 2.4rem 0 4rem;
}

    .budget-workspace header[b-b9sc46490t] {
        display: flex;
        align-items: center;
        gap: 1.8rem;
        margin-bottom: 2.2rem;
    }

.budget-icon[b-b9sc46490t] {
    display: grid;
    place-items: center;
    width: 80px;
    height: 80px;
    border: 1px solid var(--cyan);
    border-radius: 14px;
    color: var(--cyan);
    font-size: 2.4rem;
}

.budget-workspace h1[b-b9sc46490t] {
    margin: 0;
    font-size: 2.4rem;
}

.budget-workspace header p[b-b9sc46490t] {
    margin: .55rem 0 0;
    color: var(--soft);
    line-height: 1.55;
}

.budget-table[b-b9sc46490t] {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 13px;
}

    .budget-table-head[b-b9sc46490t], .budget-table article[b-b9sc46490t] {
        display: grid;
        grid-template-columns: 110px 1.15fr 1.55fr 1.05fr .7fr;
        gap: 1rem;
        align-items: center;
    }

.budget-table-head[b-b9sc46490t] {
    min-height: 53px;
    padding: 0 1.8rem;
    color: var(--soft);
    font-size: .76rem;
    letter-spacing: .03em;
}

    .budget-table-head span:last-child[b-b9sc46490t] {
        color: #a076ff;
    }

.budget-table article[b-b9sc46490t] {
    min-height: 93px;
    padding: 1rem 1.8rem;
    border-top: 1px solid rgba(116,154,255,.18);
}

    .budget-table article > strong[b-b9sc46490t] {
        font-size: 1rem;
    }

    .budget-table article p[b-b9sc46490t] {
        color: var(--soft);
        font-size: .87rem;
        line-height: 1.45;
    }

    .budget-table article s[b-b9sc46490t] {
        color: var(--muted);
        text-align: center;
    }

    .budget-table article b[b-b9sc46490t] {
        color: var(--text);
        font-size: 1.25rem;
        text-align: right;
    }

@media (max-width:950px) {
    .portal-v2-header nav[b-b9sc46490t] {
        gap: 1.6rem;
    }

    .project-workspace[b-b9sc46490t], .ideas-workspace[b-b9sc46490t] {
        grid-template-columns: 1fr;
    }

    .project-rail[b-b9sc46490t], .ideas-filter[b-b9sc46490t] {
        border-right: 0;
        border-bottom: 1px solid var(--border);
    }

    .project-rail[b-b9sc46490t] {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: .35rem;
    }

    .project-rail-title[b-b9sc46490t], .project-group-title[b-b9sc46490t] {
        grid-column: 1 / -1;
        margin: 1rem 0 .2rem;
    }

    .project-stage[b-b9sc46490t] {
        padding: 1.6rem;
    }

    .budget-table[b-b9sc46490t] {
        overflow-x: auto;
    }

        .budget-table-head[b-b9sc46490t], .budget-table article[b-b9sc46490t] {
            min-width: 940px;
        }

    .ideas-filter[b-b9sc46490t] {
        padding: 1.5rem;
    }

    .ideas-stage[b-b9sc46490t] {
        padding: 1.5rem;
    }
}

@media (max-width:640px) {
    .portal-v2-header[b-b9sc46490t] {
        height: auto;
        gap: 1rem;
        padding: 1rem;
        flex-wrap: wrap;
    }

    .portal-v2-logo img[b-b9sc46490t] {
        width: 102px;
    }

    .portal-v2-header nav[b-b9sc46490t] {
        order: 3;
        justify-content: flex-start;
        width: 100%;
        height: 40px;
    }

    .portal-v2-account[b-b9sc46490t] {
        margin-left: auto;
    }

        .portal-v2-account span[b-b9sc46490t], .portal-v2-account i[b-b9sc46490t] {
            display: none;
        }

    .project-rail[b-b9sc46490t] {
        grid-template-columns: 1fr;
        padding: 1.25rem;
    }

        .project-rail > button[b-b9sc46490t] {
            grid-template-columns: 45px 1fr 64px;
        }

    .project-tabs[b-b9sc46490t] {
        gap: 1.25rem;
        overflow-x: auto;
    }

        .project-tabs button[b-b9sc46490t] {
            white-space: nowrap;
        }

    .project-metrics[b-b9sc46490t], .project-overview[b-b9sc46490t] {
        grid-template-columns: 1fr;
    }

    .timeline-item[b-b9sc46490t] {
        grid-template-columns: 40px 8px 1fr;
    }

        .timeline-item time[b-b9sc46490t] {
            grid-column: 3;
            text-align: left;
        }

    .idea-row[b-b9sc46490t] {
        grid-template-columns: 30px 1fr 18px;
    }

    .idea-tags[b-b9sc46490t] {
        display: none;
    }

    .budget-workspace[b-b9sc46490t] {
        padding-top: 1.5rem;
    }

        .budget-workspace header[b-b9sc46490t] {
            align-items: flex-start;
        }

    .budget-icon[b-b9sc46490t] {
        width: 55px;
        height: 55px;
        font-size: 1.7rem;
    }

    .budget-workspace h1[b-b9sc46490t] {
        font-size: 1.8rem;
    }
}
/* /Components/ClientesV2/ProjectHeading.razor.rz.scp.css */
.project-heading[b-6uaeprneg0] { display:flex; align-items:center; gap:1.2rem; margin-bottom:1.8rem; }.project-heading-icon[b-6uaeprneg0] { display:grid; place-items:center; width:48px; height:48px; border:1px solid rgba(32,216,255,.6); border-radius:9px; color:#20d8ff; background:rgba(4,39,76,.55); font-size:1.55rem; }.project-heading h1[b-6uaeprneg0] { margin:0; color:#f5f8ff; font-size:1.65rem; }.project-heading p[b-6uaeprneg0] { margin:.35rem 0 0; color:#c0cae2; }
/* /Components/ClientesV2/TimelineItem.razor.rz.scp.css */
.timeline-item[b-99izeystwk] {
    --timeline-color: #20d8ff;
    --timeline-surface: rgba(6,75,146,.35);
    display: grid;
    grid-template-columns: 42px 10px minmax(0,1fr) 100px;
    gap: .75rem;
    align-items: start;
    padding: 1rem 0;
    border-top: 1px solid rgba(116,154,255,.15);
}

.timeline-icon[b-99izeystwk] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 7px;
    color: var(--timeline-color);
    background: var(--timeline-surface);
}

.timeline-dot[b-99izeystwk] {
    width: 7px;
    height: 7px;
    margin-top: .85rem;
    border-radius: 50%;
    background: var(--timeline-color);
}

.timeline-item--deployment[b-99izeystwk] {
    --timeline-color: #a678ff;
    --timeline-surface: rgba(103,56,184,.31);
}

.timeline-item--documentation[b-99izeystwk] {
    --timeline-color: #61b9ff;
    --timeline-surface: rgba(37,100,169,.3);
}

.timeline-item--work[b-99izeystwk] {
    --timeline-color: #17e394;
    --timeline-surface: rgba(13,132,94,.3);
}

.timeline-item--budget[b-99izeystwk] {
    --timeline-color: #ffc94f;
    --timeline-surface: rgba(150,102,18,.28);
}

.timeline-item--gallery[b-99izeystwk] {
    --timeline-color: #ef75df;
    --timeline-surface: rgba(150,42,136,.27);
}

.timeline-item--comment[b-99izeystwk] {
    --timeline-color: #8ca5ff;
    --timeline-surface: rgba(63,83,167,.28);
}

.timeline-item--other[b-99izeystwk] {
    --timeline-color: #b3bdd2;
    --timeline-surface: rgba(104,117,145,.22);
}

.timeline-item strong[b-99izeystwk] {
    color: #f5f8ff;
    font-size: .95rem;
}

.timeline-description[b-99izeystwk] {
    color: #c0cae2;
    font-size: .84rem;
    line-height: 1.4;
}

    .timeline-description p[b-99izeystwk] {
        margin: 0;
    }

    .timeline-description :is(ul, ol)[b-99izeystwk] {
        margin: .2rem 0 0;
    }

    .timeline-description a[b-99izeystwk] {
        color: #20d8ff;
        text-decoration: underline;
        text-underline-offset: 2px;
    }

.timeline-item time[b-99izeystwk] {
    color: #c0cae2;
    font-size: .78rem;
    text-align: right;
}

@media (max-width:640px) {
    .timeline-item[b-99izeystwk] {
        grid-template-columns: 40px 8px 1fr;
    }

        .timeline-item time[b-99izeystwk] {
            grid-column: 3;
            text-align: left;
        }
}
/* /Components/Clientes/Components/ProposalsView.razor.rz.scp.css */
.proposal-board[b-yl2586uawy] {
    --proposal-decision-column: 104px;
    --proposal-gap: 20px;
    display: grid;
    grid-template-columns: var(--proposal-decision-column) minmax(0, 1fr);
    column-gap: var(--proposal-gap);
    row-gap: 14px;
    width: min(100%, 1080px);
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}

.proposal-board-header[b-yl2586uawy] {
    display: contents;
    color: var(--muted);
    font-size: .78rem;
    font-weight: 750;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.proposal-board-header span:first-child[b-yl2586uawy] {
    grid-column: 1;
    text-align: center;
}

.proposal-board-header span:last-child[b-yl2586uawy] {
    grid-column: 2;
}

.proposal-board-row[b-yl2586uawy] {
    display: contents;
}

.proposal-decision-cell[b-yl2586uawy] {
    grid-column: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
}

.proposal-card[b-yl2586uawy] {
    grid-column: 2;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--card-border);
    border-radius: 14px;
    background: var(--card-bg);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .055);
}

.proposal-card-toggle[b-yl2586uawy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    min-height: 64px;
    padding: 18px 20px;
    border: 0;
    background: transparent;
    color: var(--text);
    font: inherit;
    font-size: 1.05rem;
    font-weight: 720;
    text-align: left;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}

.proposal-card-toggle:hover[b-yl2586uawy] {
    background: #f8fafc;
    color: var(--brand);
}

.proposal-card-toggle:focus-visible[b-yl2586uawy] {
    outline: 3px solid rgba(65, 105, 225, .25);
    outline-offset: -3px;
}

.proposal-chevron[b-yl2586uawy] {
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #eff6ff;
    color: var(--brand);
    font-size: .8rem;
}

.proposal-content-body[b-yl2586uawy] {
    padding: 0 20px;
    border-top: 1px solid #eef2f7;
}

.proposal-markdown[b-yl2586uawy] {
    margin-top: 18px;
    color: var(--text);
}

.proposal-markdown > :first-child[b-yl2586uawy] { margin-top: 0; }
.proposal-markdown > :last-child[b-yl2586uawy] { margin-bottom: 0; }

.proposal-notes[b-yl2586uawy] {
    display: block;
    width: calc(100% - 40px);
    min-height: 220px;
    margin: 18px 20px 20px;
    resize: vertical;
}

@media (max-width: 640px) {
    .proposal-board[b-yl2586uawy] {
        --proposal-decision-column: 68px;
        --proposal-gap: 12px;
    }

    .proposal-card-toggle[b-yl2586uawy] { padding: 16px; }
    .proposal-content-body[b-yl2586uawy] { padding: 0 16px; }
    .proposal-notes[b-yl2586uawy] { width: calc(100% - 32px); margin: 16px; min-height: 200px; }
}
/* /Components/Clientes/Components/WishlistView.razor.rz.scp.css */
.wishlist-table[b-4d0zihg4lg] {
    width: 100%;
    table-layout: fixed;
}

.wishlist-checkbox-cell[b-4d0zihg4lg] {
    width: 2.75rem;
    vertical-align: top;
}

.wishlist-actions-cell[b-4d0zihg4lg] {
    width: 7.5rem;
    vertical-align: top;
}

.wishlist-action-buttons[b-4d0zihg4lg] {
    display: flex;
    justify-content: flex-end;
    gap: .25rem;
}

.wishlist-action-button[b-4d0zihg4lg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 0;
    border-radius: .5rem;
    background: transparent;
    color: inherit;
    transition: background-color .15s ease-in-out, color .15s ease-in-out;
}

.wishlist-action-button:hover:not(:disabled)[b-4d0zihg4lg],
.wishlist-action-button:focus-visible:not(:disabled)[b-4d0zihg4lg] {
    background: rgba(13, 110, 253, .12);
    color: #0d6efd;
}

.wishlist-action-button:active:not(:disabled)[b-4d0zihg4lg] {
    background: rgba(13, 110, 253, .2);
}

.wishlist-action-button:disabled[b-4d0zihg4lg] {
    opacity: .35;
    cursor: default;
}
/* /Components/Pages/Access.razor.rz.scp.css */
.client-access-page[b-hpzwkcexxc] { --page-bg:#050a1c; --border:rgba(116,154,255,.28); --text:#f5f8ff; --soft:#c0cae2; --muted:#8997b7; min-height:100vh; overflow:hidden; color:var(--text); background:radial-gradient(circle at 34% 46%,rgba(21,129,224,.18),transparent 26%),radial-gradient(circle at 79% 66%,rgba(123,56,255,.27),transparent 24%),linear-gradient(rgba(64,117,196,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(64,117,196,.075) 1px,transparent 1px),var(--page-bg); background-size:auto,auto,34px 34px,34px 34px; }
.client-access-header[b-hpzwkcexxc] { height:85px; display:flex; align-items:center; gap:3rem; padding:0 34px; border-bottom:1px solid rgba(116,154,255,.14); background:rgba(5,10,28,.72); }.client-access-logo img[b-hpzwkcexxc] { width:112px; display:block; }.client-access-header nav[b-hpzwkcexxc] { display:flex; justify-content:flex-end; flex:1; gap:2.7rem; }.client-access-header nav a[b-hpzwkcexxc] { color:var(--text); text-decoration:none; font-size:.95rem; }.client-access-header nav a:hover[b-hpzwkcexxc],.client-access-header nav a:focus-visible[b-hpzwkcexxc] { color:#20d8ff; }.client-access-header-action[b-hpzwkcexxc] { display:grid; place-items:center; width:42px; height:42px; color:#e8efff; border:1px solid rgba(116,154,255,.27); border-radius:9px; background:linear-gradient(135deg,rgba(42,73,126,.72),rgba(26,40,79,.84)); font-size:1.35rem; }
.client-access-main[b-hpzwkcexxc] { width:min(1100px,90vw); min-height:calc(100vh - 165px); margin:0 auto; display:grid; grid-template-columns:.84fr 1.16fr; align-items:center; gap:7rem; padding:4rem 0 2rem; }.client-access-brand[b-hpzwkcexxc] { margin:0; padding:0; border-radius:0; background:none; }.client-access-brand-mark[b-hpzwkcexxc] { width:160px; max-height:105px; object-fit:contain; object-position:left; margin-bottom:2.3rem; }.client-access-brand h1[b-hpzwkcexxc] { margin:0; max-width:380px; color:var(--text); font-size:clamp(2.1rem,3.4vw,3.6rem); line-height:1.08; letter-spacing:-.055em; }.client-access-brand h1 span[b-hpzwkcexxc],.client-access-card h2 span[b-hpzwkcexxc] { background:linear-gradient(100deg,#20d8ff,#2474ff 45%,#9b59ff); background-clip:text; -webkit-background-clip:text; color:transparent; }.client-access-brand p[b-hpzwkcexxc] { max-width:320px; margin:1.6rem 0 0; color:var(--soft); font-size:1.05rem; line-height:1.7; }
.client-access-card[b-hpzwkcexxc] { width:min(100%,604px); justify-self:end; margin:0; padding:3rem 3.5rem 2.5rem; border:1px solid var(--border); border-radius:27px; background:linear-gradient(145deg,rgba(18,51,91,.93),rgba(9,16,49,.91)); box-shadow:0 24px 68px rgba(0,0,0,.3); }.client-access-card-icon[b-hpzwkcexxc] { display:grid; place-items:center; width:72px; height:72px; margin:0 auto 1.75rem; border:1px solid rgba(32,216,255,.65); border-radius:18px; background:linear-gradient(145deg,rgba(8,30,69,.9),rgba(31,19,76,.9)); color:#25d6ff; font-size:2.25rem; }.client-access-card h2[b-hpzwkcexxc] { margin:0; text-align:center; font-size:clamp(2rem,3vw,2.75rem); letter-spacing:-.05em; }.client-access-lead[b-hpzwkcexxc] { max-width:390px; margin:1rem auto 2.1rem; color:var(--soft); text-align:center; line-height:1.55; }.client-access-card form[b-hpzwkcexxc] { display:grid; gap:.62rem; }.client-access-card label[b-hpzwkcexxc] { margin-top:.45rem; color:var(--text); font-size:.9rem; font-weight:700; }.client-access-input[b-hpzwkcexxc] { display:flex; align-items:center; gap:.7rem; min-height:48px; padding:0 .9rem; border:1px solid rgba(116,154,255,.34); border-radius:10px; background:rgba(4,15,43,.45); color:#8aa1cc; }.client-access-input:focus-within[b-hpzwkcexxc] { border-color:#20d8ff; box-shadow:0 0 0 3px rgba(32,216,255,.13); }.client-access-input input[b-hpzwkcexxc] { width:100%; border:0; outline:0; background:transparent; color:var(--text); font:inherit; }.client-access-input input[b-hpzwkcexxc]::placeholder { color:#7286ac; }.client-access-error[b-hpzwkcexxc] { margin:.45rem 0 0; color:#ffabbc; font-size:.9rem; }.client-access-submit[b-hpzwkcexxc] { display:flex; align-items:center; justify-content:center; gap:.8rem; min-height:54px; margin-top:1.45rem; border:0; border-radius:10px; color:white; background:linear-gradient(100deg,#18caff,#2474ff 48%,#7b38ff); cursor:pointer; font:700 1rem inherit; transition:transform .16s ease,filter .16s ease; }.client-access-submit:hover:not(:disabled)[b-hpzwkcexxc] { filter:brightness(1.1); transform:translateY(-1px); }.client-access-submit:disabled[b-hpzwkcexxc] { opacity:.7; cursor:wait; }.client-access-help[b-hpzwkcexxc] { margin:2rem 0 0; padding-top:1.45rem; border-top:1px dotted rgba(116,154,255,.32); color:var(--muted); text-align:center; font-size:.9rem; }.client-access-help a[b-hpzwkcexxc] { color:#20d8ff; text-decoration:none; }
.client-access-footer[b-hpzwkcexxc] { display:flex; justify-content:center; gap:4.5rem; padding:0 1rem 2.5rem; color:#9db1d5; font-size:.94rem; }.client-access-footer i[b-hpzwkcexxc] { margin-right:.5rem; color:#c4d5fa; font-size:1.2rem; vertical-align:-1px; }
@media (max-width:800px) { .client-access-page[b-hpzwkcexxc] { overflow:auto; }.client-access-header[b-hpzwkcexxc] { height:auto; min-height:70px; padding:1rem 5vw; }.client-access-header nav[b-hpzwkcexxc] { display:none; }.client-access-header-action[b-hpzwkcexxc] { margin-left:auto; }.client-access-main[b-hpzwkcexxc] { min-height:auto; grid-template-columns:1fr; gap:2.5rem; padding:3rem 0; }.client-access-brand[b-hpzwkcexxc] { text-align:center; }.client-access-brand-mark[b-hpzwkcexxc] { width:130px; margin:0 auto 1.25rem; }.client-access-brand h1[b-hpzwkcexxc],.client-access-brand p[b-hpzwkcexxc] { margin-left:auto; margin-right:auto; }.client-access-card[b-hpzwkcexxc] { justify-self:stretch; padding:2rem 1.4rem; border-radius:20px; }.client-access-footer[b-hpzwkcexxc] { flex-direction:column; align-items:center; gap:.75rem; padding-bottom:2rem; } }
@media (prefers-reduced-motion:reduce) { .client-access-submit[b-hpzwkcexxc] { transition:none; } }
/* /Components/Pages/Home.razor.rz.scp.css */
*[b-t1unwhh72n] {
    box-sizing: border-box;
}

.home-page[b-t1unwhh72n] {
    --page-bg: #050a1c;
    --surface: rgba(9, 18, 46, 0.82);
    --surface-strong: rgba(10, 20, 53, 0.94);
    --surface-soft: rgba(14, 28, 66, 0.60);
    --border: rgba(116, 154, 255, 0.22);
    --border-hover: rgba(46, 211, 255, 0.48);
    --text: #f5f8ff;
    --text-soft: #c0cae2;
    --text-muted: #8997b7;
    --cyan: #20d8ff;
    --blue: #2474ff;
    --violet: #7b38ff;
    --magenta: #bb47ff;
    --section-gap: clamp(4.5rem, 7vw, 7rem);
    position: relative;
    left: auto;
    width: 100%;
    min-height: 100vh;
    margin-left: 0;
    overflow: clip;
    isolation: isolate;
    background: #050a1c !important;
}

    .home-page[b-t1unwhh72n]::before {
        position: absolute;
        inset: 0;
        z-index: 0;
        content: "";
        pointer-events: none;
        background-image: linear-gradient(rgba(99, 142, 255, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(99, 142, 255, 0.025) 1px, transparent 1px);
        background-size: 80px 80px;
        mask-image: linear-gradient(to bottom, black, transparent 46%);
    }

.home-content[b-t1unwhh72n],
.home-footer[b-t1unwhh72n] {
    position: relative;
    z-index: 1;
}

.home-notice[b-t1unwhh72n] {
    position: relative;
    z-index: 1;
    display: grid;
    min-height: 8rem;
    place-items: center;
}

    .home-notice img[b-t1unwhh72n] {
        display: block;
        width: auto;
        height: 6.4rem;
        max-width: calc(100vw - 2rem);
        object-fit: contain;
    }

.home-content[b-t1unwhh72n] {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
    padding: 2rem 0 2rem;
}

.hero-section[b-t1unwhh72n],
.content-panel[b-t1unwhh72n] {
    scroll-margin-top: 6rem;
}

/* HERO */

.hero-section[b-t1unwhh72n] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(25rem, 1.1fr);
    align-items: center;
    min-height: clamp(34rem, 66vh, 43rem);
    gap: clamp(2rem, 5vw, 5rem);
    padding: 1.5rem 1rem 3rem;
    margin:0;
}

.hero-copy[b-t1unwhh72n] {
    position: relative;
    z-index: 2;
    max-width: 35rem;
}

.eyebrow[b-t1unwhh72n] {
    margin: 0 0 0.8rem;
    color: var(--cyan);
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.hero-copy h1[b-t1unwhh72n],
.section-heading h2[b-t1unwhh72n],
.panel-copy h2[b-t1unwhh72n],
.contact-copy h2[b-t1unwhh72n] {
    margin: 0;
    color: var(--text);
    font-weight: 680;
    letter-spacing: -0.035em;
}

.hero-copy h1[b-t1unwhh72n] {
    font-size: clamp(2.45rem, 3.4vw, 3.15rem);
    line-height: 1.07;
}

.hero-copy h1 span[b-t1unwhh72n] {
        background: linear-gradient(92deg, #ffffff 0%, #b9eaff 44%, #bca6ff 100%);
        background-clip: text;
        color: transparent;
    }

.hero-lead[b-t1unwhh72n] {
    margin: 1.55rem 0 0;
    color: #e4ebfb;
    font-size: clamp(1.03rem, 1.45vw, 1.16rem);
    line-height: 1.65;
}

.hero-description[b-t1unwhh72n] {
    max-width: 32rem;
    margin: 0.55rem 0 0;
    color: var(--text-soft);
    font-size: 0.98rem;
    line-height: 1.75;
}

.primary-cta[b-t1unwhh72n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 3.1rem;
    margin-top: 1.8rem;
    padding: 0.72rem 1.15rem 0.72rem 1.3rem;
    border: 1px solid rgba(101, 229, 255, 0.38);
    border-radius: 0.75rem;
    color: #fff;
    font-size: 0.92rem;
    font-weight: 680;
    text-decoration: none;
    background: linear-gradient(110deg, rgba(0, 200, 255, 0.98), rgba(42, 104, 255, 0.98) 55%, rgba(116, 45, 255, 0.98));
    box-shadow: 0 1rem 2.8rem rgba(31, 105, 255, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

    .primary-cta svg[b-t1unwhh72n],
    .contact-link svg[b-t1unwhh72n] {
        width: 1.15rem;
        height: 1.15rem;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .primary-cta:hover[b-t1unwhh72n] {
        transform: translateY(-2px);
        border-color: rgba(152, 240, 255, 0.72);
        box-shadow: 0 1.2rem 3.2rem rgba(63, 82, 255, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.34);
    }

    .primary-cta:focus-visible[b-t1unwhh72n],
    .contact-link:focus-visible[b-t1unwhh72n],
    .faq-item summary:focus-visible[b-t1unwhh72n] {
        outline: 2px solid var(--cyan);
        outline-offset: 4px;
    }

/* ILLUSTRATIONS */

.visual-stage[b-t1unwhh72n] {
    position: relative;
    min-width: 0;
    isolation: isolate;
}

.hero-visual[b-t1unwhh72n] {
    min-height: 31rem;
}

.hero-visual--with-disclaimer[b-t1unwhh72n] {
    min-height: 32.75rem;
}

.demo-disclaimer[b-t1unwhh72n] {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.63rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.01em;
}

.hero-visual .demo-disclaimer[b-t1unwhh72n],
.panel-visual .demo-disclaimer[b-t1unwhh72n] {
    position: absolute;
    right: 0;
    bottom: 0.6rem;
    left: 0;
    z-index: 2;
    padding-inline: 0.4rem;
    text-align: center;
}

.hero-app-window[b-t1unwhh72n] {
    position: absolute;
    inset: 50% auto auto 50%;
    display: grid;
    grid-template-columns: 2.65rem minmax(0, 1fr) minmax(9.25rem, 0.36fr);
    width: min(40rem, 112%);
    height: 25rem;
    overflow: hidden;
    border: 1px solid rgba(131, 179, 255, 0.35);
    border-radius: 1rem;
    color: #eaf3ff;
    background: #0b1632;
    box-shadow: 0 2rem 4.8rem rgba(0, 0, 0, 0.42), 0 0 3.5rem rgba(25, 163, 255, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transform: translate(-50%, -50%);
}

.hero-app-nav[b-t1unwhh72n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
    padding: 0.75rem 0.4rem;
    border-right: 1px solid rgba(141, 182, 255, 0.16);
    color: #8198c4;
    background: linear-gradient(180deg, #152c61, #0d1d42 70%);
}

.hero-app-nav > span[b-t1unwhh72n] {
    display: grid;
    width: 1.7rem;
    height: 1.7rem;
    place-items: center;
    border-radius: 0.42rem;
}

.hero-app-nav svg[b-t1unwhh72n] {
    width: 0.92rem;
    height: 0.92rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.hero-app-nav .hero-app-menu[b-t1unwhh72n] { margin-bottom: 0.25rem; color: #b7c9e7; }
.hero-app-nav .hero-app-nav__active[b-t1unwhh72n] { color: #7eebff; background: rgba(38, 213, 255, 0.15); box-shadow: inset 0 0 0 1px rgba(117, 235, 255, 0.18); }
.hero-app-nav .hero-app-nav__bottom[b-t1unwhh72n] { margin-top: auto; }

.hero-app-main[b-t1unwhh72n] {
    min-width: 0;
    background: linear-gradient(150deg, #152a59, #0d1a39 72%);
}

.hero-app-main__header[b-t1unwhh72n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    min-height: 3.45rem;
    padding: 0.65rem 0.9rem;
    border-bottom: 1px solid rgba(145, 181, 248, 0.17);
    background: rgba(23, 50, 105, 0.78);
}

.hero-app-main__header small[b-t1unwhh72n],
.hero-app-main__header strong[b-t1unwhh72n],
.hero-app-main__header span[b-t1unwhh72n],
.hero-app-main__header b[b-t1unwhh72n] { display: block; }
.hero-app-main__header small[b-t1unwhh72n] { margin-bottom: 0.12rem; color: #9bb8e8; font-size: 0.55rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; }
    .hero-app-main__header strong[b-t1unwhh72n] {
        color: #f7fbff;
        font-size: 0.94rem;
        font-weight: 500;
    }
.hero-app-main__actions[b-t1unwhh72n] { display: flex; align-items: center; gap: 0.32rem; font-size: 0.62rem; white-space: nowrap; }
.hero-app-main__actions span[b-t1unwhh72n] { padding: 0.42rem 0.48rem; border: 1px solid rgba(149, 187, 250, 0.25); border-radius: 0.36rem; color: #c8d8f4; }
.hero-app-main__actions b[b-t1unwhh72n] { padding: 0.45rem 0.5rem; border-radius: 0.36rem; font-weight:500; color: #f6fcff; background: linear-gradient(105deg, #1689e8, #5a51dc); }

.hero-app-main__content[b-t1unwhh72n] { padding: 0.78rem 0.72rem; }
.hero-app-main__context[b-t1unwhh72n] { display: flex; align-items: center; gap: 0.32rem; margin: 0 0 0.67rem; color: #bdd0ee; font-size: 0.61rem; }
.hero-app-main__context i[b-t1unwhh72n] { width: 0.32rem; height: 0.32rem; border-radius: 50%; background: #58dc9b; box-shadow: 0 0 0.32rem rgba(88, 220, 155, 0.65); }

.hero-app-board[b-t1unwhh72n] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
.hero-app-board section[b-t1unwhh72n] { min-width: 0; padding: 0.48rem; border: 1px solid rgba(150, 185, 246, 0.14); border-radius: 0.45rem; background: rgba(5, 16, 44, 0.27); }
.hero-app-board h3[b-t1unwhh72n] { display: flex; align-items: center; gap: 0.26rem; margin: 0 0 0.42rem; color: #d7e4f7; font-size: 0.59rem; font-weight: 750; white-space: nowrap; }
.hero-app-board h3 i[b-t1unwhh72n] { width: 0.32rem; height: 0.32rem; border-radius: 50%; background: #ef7e6b; }
.hero-app-board__in-progress h3 i[b-t1unwhh72n] { background: #61c99b; }
.hero-app-board article[b-t1unwhh72n] { display: grid; gap: 0.19rem; min-height: 4.4rem; margin-top: 0.36rem; padding: 0.48rem; border: 1px solid rgba(178, 203, 247, 0.13); border-radius: 0.36rem; background: linear-gradient(150deg, rgba(41, 74, 135, 0.92), rgba(23, 42, 89, 0.92)); box-shadow: 0 0.35rem 0.65rem rgba(0, 0, 0, 0.14); }
.hero-app-board article strong[b-t1unwhh72n] { overflow: hidden; color: #f7fbff; font-size: 0.73rem; font-weight: 500; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.hero-app-board article span[b-t1unwhh72n] { overflow: hidden; color: #c0d0e8; font-size: 0.56rem; text-overflow: ellipsis; white-space: nowrap; }
.hero-app-board article small[b-t1unwhh72n] { align-self: end; color: #ff9a87; font-size: 0.7rem; font-weight: 500; }
.hero-app-board article .hero-app-ok[b-t1unwhh72n] { color: #75d7a3; }

.hero-app-assistant[b-t1unwhh72n] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 0.78rem 0.62rem;
    border-left: 1px solid rgba(145, 181, 248, 0.16);
    background: linear-gradient(165deg, #142442, #0a1329 76%);
}

.hero-app-assistant__header[b-t1unwhh72n] { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; color: #f4f8ff; font-size: 0.72rem; }
.hero-app-assistant__header span[b-t1unwhh72n] { color: #a1b4d0; font-size: 1rem; line-height: 1; }
    .hero-app-assistant__header strong[b-t1unwhh72n] {
        color: #f4f8ff;
        font-size: 0.85rem;
        font-weight: 500;
    }
    .hero-app-assistant > img[b-t1unwhh72n] {
        display: block;
        width: 4.9rem;
        height: 4.9rem;
        margin: 0.25rem auto 0;
        object-fit: contain;
        filter: drop-shadow(0 0.45rem 0.6rem rgba(20, 139, 255, 0.28));
    }
.hero-app-assistant > p[b-t1unwhh72n] { margin: 0.16rem 0 0.55rem; color: #c8d6eb; font-size: 0.56rem; line-height: 1.42; text-align: center; }
.hero-app-suggestion[b-t1unwhh72n] { display: grid; gap: 0.23rem; margin-top: 0.35rem; padding: 0.48rem; border: 1px solid rgba(151, 184, 236, 0.15); border-radius: 0.4rem; background: rgba(255, 255, 255, 0.045); }
    .hero-app-suggestion strong[b-t1unwhh72n] {
        color: #edf7ff;
        font-size: 0.68rem;
        font-weight: 500;
    }
.hero-app-suggestion span[b-t1unwhh72n] { color: #bdcce2; font-size: 0.52rem; line-height: 1.35; }
.hero-app-suggestion b[b-t1unwhh72n] { padding: 0.34rem; border-radius: 0.27rem; color: #ebfbff; font-size: 0.73rem; font-weight:500; text-align: center; background: linear-gradient(105deg, rgba(24, 124, 230, 0.9), rgba(89, 73, 219, 0.92)); }

/* WHAT WE DO: PROJECT CASE */

.case-demo[b-t1unwhh72n] {
    position: absolute;
    inset: 50% auto auto 50%;
    width: min(32rem, 118%);
    height: 23rem;
    overflow: hidden;
    border: 1px solid rgba(137, 186, 255, 0.32);
    border-radius: 0.9rem;
    color: #e9f3ff;
    background: #091633;
    box-shadow: 0 1.4rem 3.5rem rgba(0, 0, 0, 0.34), 0 0 2.8rem rgba(25, 175, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.07);
    transform: translate(-50%, -50%);
}

.case-demo__header[b-t1unwhh72n] {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    min-height: 2.65rem;
    padding: 0 0.72rem;
    border-bottom: 1px solid rgba(145, 184, 245, 0.16);
    background: linear-gradient(100deg, #183a7a, #17346f 65%, #142c60);
}

.case-demo__app-mark[b-t1unwhh72n] {
    padding: 0.28rem 0.4rem;
    border-radius: 0.28rem;
    color: #aeefff;
    font-size: 0.56rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: rgba(31, 215, 255, 0.12);
}

.case-demo__header-title[b-t1unwhh72n] {
    color: #f4f8ff;
    font-size: 0.76rem;
    font-weight: 500;
}

.case-demo__menu[b-t1unwhh72n] {
    margin-left: auto;
    color: #a8bce0;
    font-size: 0.85rem;
    letter-spacing: 0.08em;
}

.case-demo__tabs[b-t1unwhh72n] {
    display: flex;
    gap: 0.25rem;
    padding: 0.43rem 0.62rem 0;
    border-bottom: 1px solid rgba(145, 184, 245, 0.14);
    color: #96acd3;
    font-size: 0.59rem;
}

.case-demo__tab[b-t1unwhh72n] {
    padding: 0.38rem 0.34rem 0.45rem;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
}

.case-demo__tab--active[b-t1unwhh72n] {
    border-bottom-color: #33d9ff;
    color: #eff8ff;
}

.case-demo__body[b-t1unwhh72n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 8.75rem;
    gap: 0.55rem;
    padding: 0.7rem;
}

.case-demo__main[b-t1unwhh72n] { min-width: 0; }
.case-demo__crumb[b-t1unwhh72n] { margin: 0 0 0.52rem; overflow: hidden; color: #9bb2d8; font-size: 0.54rem; text-overflow: ellipsis; white-space: nowrap; }
.case-demo__crumb i[b-t1unwhh72n] { margin-inline: 0.18rem; color: #55dcff; font-style: normal; }
.case-demo__title-row[b-t1unwhh72n] { display: flex; align-items: end; justify-content: space-between; gap: 0.45rem; }
.case-demo__eyebrow[b-t1unwhh72n],
.case-demo__title[b-t1unwhh72n] { display: block; }
.case-demo__eyebrow[b-t1unwhh72n] { margin-bottom: 0.12rem; color: #91acd7; font-size: 0.53rem; }
.case-demo__title[b-t1unwhh72n] { color: #f3f8ff; font-size: 0.92rem; font-weight: 500; }
.case-demo__status[b-t1unwhh72n] { padding: 0.23rem 0.32rem; border: 1px solid rgba(110, 218, 164, 0.2); border-radius: 0.28rem; color: #75dda6; font-size: 0.5rem; white-space: nowrap; background: rgba(76, 200, 139, 0.09); }

.case-demo__details[b-t1unwhh72n] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.3rem; margin-top: 0.64rem; }
.case-demo__details div[b-t1unwhh72n] { min-width: 0; padding: 0.38rem; border: 1px solid rgba(155, 190, 248, 0.13); border-radius: 0.34rem; background: rgba(6, 19, 51, 0.42); }
.case-demo__details span[b-t1unwhh72n],
.case-demo__details b[b-t1unwhh72n] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case-demo__details span[b-t1unwhh72n] { margin-bottom: 0.18rem; color: #91a9d1; font-size: 0.48rem; }
.case-demo__details b[b-t1unwhh72n] { color: #dbe8fb; font-size: 0.54rem; font-weight: 500; }

.case-demo__documents[b-t1unwhh72n] { margin-top: 0.65rem; padding: 0.48rem; border: 1px solid rgba(155, 190, 248, 0.15); border-radius: 0.38rem; background: rgba(8, 23, 59, 0.44); }
.case-demo__documents-heading[b-t1unwhh72n] { display: flex; justify-content: space-between; margin-bottom: 0.38rem; color: #d5e4fa; font-size: 0.59rem; }
.case-demo__documents-heading span:last-child[b-t1unwhh72n] { color: #80a4d8; font-size: 0.51rem; }
.case-demo__document[b-t1unwhh72n] { display: grid; grid-template-columns: 0.8rem minmax(0, 1fr) auto; align-items: center; gap: 0.24rem; padding: 0.3rem 0; border-top: 1px solid rgba(155, 190, 248, 0.1); color: #b6c8e6; font-size: 0.52rem; }
.case-demo__document i[b-t1unwhh72n] { display: grid; width: 0.7rem; height: 0.7rem; place-items: center; border-radius: 50%; color: #85a5d5; font-size: 0.5rem; font-style: normal; background: rgba(116, 148, 200, 0.16); }
.case-demo__document b[b-t1unwhh72n] { color: #96acd0; font-size: 0.48rem; font-weight: 500; }
.case-demo__document--ready i[b-t1unwhh72n] { color: #06251b; background: #69e2a3; box-shadow: 0 0 0.5rem rgba(105, 226, 163, 0.48); }
.case-demo__document--ready b[b-t1unwhh72n] { color: #76dda6; }

.case-demo__next-step[b-t1unwhh72n] { display: flex; flex-direction: column; min-width: 0; align-self: stretch; padding: 0.57rem; border: 1px solid rgba(83, 221, 255, 0.26); border-radius: 0.48rem; background: linear-gradient(155deg, rgba(22, 76, 144, 0.72), rgba(19, 36, 87, 0.8)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 0 1.4rem rgba(32, 216, 255, 0.08); }
.case-demo__next-eyebrow[b-t1unwhh72n] { color: #67e8ff; font-size: 0.52rem; }
.case-demo__next-title[b-t1unwhh72n] { margin-top: 0.36rem; color: #f4fbff; font-size: 0.71rem; font-weight: 500; line-height: 1.2; }
.case-demo__next-step p[b-t1unwhh72n] { margin: 0.38rem 0 0; color: #bfd0ed; font-size: 0.53rem; line-height: 1.35; }
.case-demo__next-action[b-t1unwhh72n] { display: flex; align-items: center; justify-content: space-between; gap: 0.25rem; margin-top: auto; padding: 0.38rem 0.42rem; border-radius: 0.3rem; color: #f4fbff; font-size: 0.55rem; background: linear-gradient(100deg, #168ae9, #5850db); animation: case-demo-action-b-t1unwhh72n 7s ease-in-out infinite; }
.case-demo__next-action i[b-t1unwhh72n] { font-size: 0.72rem; font-style: normal; }

@keyframes case-demo-action-b-t1unwhh72n {
    0%, 23% { opacity: 0.62; transform: translateY(0.18rem); }
    32%, 85% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0.62; transform: translateY(0.18rem); }
}

.case-flow[b-t1unwhh72n] {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) 5.3rem minmax(0, 1.1fr);
    align-items: center;
    height: calc(100% - 2.65rem);
    padding: 0.8rem;
}

.case-flow__request[b-t1unwhh72n],
.case-flow__outcomes[b-t1unwhh72n] {
    min-width: 0;
}

.case-flow__request[b-t1unwhh72n] {
    display: flex;
    min-height: 13rem;
    flex-direction: column;
    justify-content: center;
    padding: 0.82rem;
    border: 1px solid rgba(138, 183, 246, 0.2);
    border-radius: 0.55rem;
    background: linear-gradient(155deg, rgba(24, 57, 117, 0.88), rgba(13, 30, 74, 0.92));
    box-shadow: 0 0.8rem 1.4rem rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.case-flow__label[b-t1unwhh72n] {
    display: block;
    color: #70e5ff;
    font-size: 0.59rem;
    font-weight: 500;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.case-flow__title[b-t1unwhh72n],
.case-flow__client[b-t1unwhh72n] {
    display: block;
}

.case-flow__title[b-t1unwhh72n] {
    margin-top: 0.35rem;
    color: #f6fbff;
    font-size: 1.02rem;
    font-weight: 500;
    line-height: 1.15;
}

.case-flow__client[b-t1unwhh72n] {
    margin-top: 0.24rem;
    color: #bcd7fb;
    font-size: 0.68rem;
}

.case-flow__request p[b-t1unwhh72n] {
    margin: 1rem 0 0;
    color: #d5e3f7;
    font-size: 0.67rem;
    line-height: 1.45;
}

.case-flow__source[b-t1unwhh72n] {
    margin-top: 0.88rem;
    padding-top: 0.52rem;
    border-top: 1px solid rgba(162, 194, 245, 0.14);
    color: #9ab5dd;
    font-size: 0.58rem;
}

.case-flow__source i[b-t1unwhh72n] {
    margin-right: 0.18rem;
    color: #75ddff;
    font-size: 0.75rem;
    font-style: normal;
}

.case-flow__bridge[b-t1unwhh72n] {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 13rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    color: #d6f5ff;
    text-align: center;
}

.case-flow__bridge-label[b-t1unwhh72n] {
    position: absolute;
    top: calc(50% - 2.2rem);
    right: 0;
    left: 0;
    color: #e5fbff;
    font-size: 0.67rem;
    font-weight: 500;
    line-height: 1.3;
}

.case-flow__bridge-line[b-t1unwhh72n] {
    position: absolute;
    top: 50%;
    right: -0.38rem;
    left: -0.38rem;
    z-index: 2;
    display: block;
    height: 3px;
    content: "";
    background: linear-gradient(90deg, #4ce3ff, #67dfff 55%, #816bff);
    box-shadow: 0 0 0.9rem rgba(55, 210, 255, 0.72);
}

.case-flow__bridge-line[b-t1unwhh72n]::after {
    position: absolute;
    top: 50%;
    right: -0.02rem;
    color: #a7eeff;
    content: "→";
    font-size: 1.18rem;
    line-height: 1;
    text-shadow: 0 0 0.8rem rgba(76, 222, 255, 0.78);
    transform: translateY(-51%);
}

.case-flow__outcomes[b-t1unwhh72n] {
    display: grid;
    gap: 0.44rem;
}

.case-flow__outcomes > .case-flow__label[b-t1unwhh72n] {
    margin-bottom: 0.08rem;
}

.case-flow__outcome[b-t1unwhh72n] {
    display: grid;
    grid-template-columns: 1.9rem minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
    min-height: 3.05rem;
    padding: 0.45rem;
    border: 1px solid rgba(140, 188, 248, 0.18);
    border-radius: 0.45rem;
    background: linear-gradient(125deg, rgba(35, 78, 151, 0.78), rgba(19, 39, 91, 0.85));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
    animation: case-flow-outcome-b-t1unwhh72n 8.4s ease-in-out infinite;
}

.case-flow__outcome--tasks[b-t1unwhh72n] { animation-delay: 0.45s; }
.case-flow__outcome--docs[b-t1unwhh72n] { animation-delay: 0.9s; }

.case-flow__icon[b-t1unwhh72n] {
    display: grid;
    width: 1.65rem;
    height: 1.65rem;
    place-items: center;
    border-radius: 0.45rem;
    color: #eafdff;
    font-size: 0.87rem;
    font-weight: 500;
    background: linear-gradient(135deg, #1fbde8, #5355e1);
}

.case-flow__outcome--tasks .case-flow__icon[b-t1unwhh72n] { color: #d7ffe9; background: linear-gradient(135deg, #2fbf8b, #267cb6); }
.case-flow__outcome--docs .case-flow__icon[b-t1unwhh72n] { color: #e9e4ff; background: linear-gradient(135deg, #9271ee, #4766dc); }
.case-flow__outcome b[b-t1unwhh72n],
.case-flow__outcome small[b-t1unwhh72n] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case-flow__outcome b[b-t1unwhh72n] { color: #f3f9ff; font-size: 0.68rem; font-weight: 500; }
.case-flow__outcome small[b-t1unwhh72n] { margin-top: 0.16rem; color: #bbceed; font-size: 0.55rem; }

@keyframes case-flow-outcome-b-t1unwhh72n {
    0%, 12% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045); }
    25%, 84% { box-shadow: 0 0 1.1rem rgba(46, 190, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.075); }
    100% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045); }
}

/* WHAT WE DO: PROJECT WORKSPACE */

.content-panel.content-panel--what[b-t1unwhh72n] {
    grid-template-columns: minmax(0, 1.26fr) minmax(20rem, 0.74fr);
    min-height: 26rem;
    padding: 0;
}

.content-panel--what .panel-visual[b-t1unwhh72n] {
    min-height: 29.5rem;
    margin-right: 0.75rem;
}

.project-demo[b-t1unwhh72n] {
    position: absolute;
    inset: 50% auto auto 50%;
    width: min(38rem, 108%);
    height: 29.25rem;
    overflow: hidden;
    border: 1px solid rgba(137, 186, 255, 0.34);
    border-radius: 0.92rem;
    color: #eaf4ff;
    background: #091633;
    box-shadow: 0 1.5rem 3.6rem rgba(0, 0, 0, 0.36), 0 0 3rem rgba(25, 175, 255, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.07);
    transform: translate(-50%, -50%);
}

.project-demo__header[b-t1unwhh72n] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 3.2rem;
    padding: 0 0.72rem;
    border-bottom: 1px solid rgba(145, 184, 245, 0.16);
    background: linear-gradient(100deg, #1b438a, #17356f 63%, #152d61);
}

.project-demo__mark[b-t1unwhh72n] {
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 0.27rem;
    background: linear-gradient(135deg, #19d5f2, #6659f1);
    box-shadow: 0 0 0.75rem rgba(38, 204, 255, 0.52);
}

.project-demo__brand[b-t1unwhh72n] {
    color: #f4f8ff;
    font-size: 0.95rem;
    font-weight: 500;
}

.project-demo__search[b-t1unwhh72n] {
    margin-left: auto;
    padding: 0.33rem 0.54rem;
    border: 1px solid rgba(152, 192, 248, 0.15);
    border-radius: 0.3rem;
    color: #afc3e4;
    font-size: 0.68rem;
    background: rgba(6, 20, 55, 0.33);
}

.project-demo__add[b-t1unwhh72n] {
    padding: 0.37rem 0.54rem;
    border-radius: 0.3rem;
    color: #f3fbff;
    font-size: 0.7rem;
    font-weight: 500;
    background: linear-gradient(105deg, #158de8, #5d53e4);
}

.project-demo__body[b-t1unwhh72n] {
    padding: 0.9rem 0.95rem 0.95rem;
}

.project-demo__crumb[b-t1unwhh72n] {
    margin: 0;
    overflow: hidden;
    color: #9bb3d9;
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-demo__crumb i[b-t1unwhh72n] {
    margin-inline: 0.18rem;
    color: #58dcff;
    font-style: normal;
}

.project-demo__project-heading[b-t1unwhh72n] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 0.57rem;
}

.project-demo__eyebrow[b-t1unwhh72n],
.project-demo__title[b-t1unwhh72n] {
    display: block;
}

.project-demo__eyebrow[b-t1unwhh72n] {
    margin-bottom: 0.12rem;
    color: #85b6e9;
    font-size: 0.65rem;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.project-demo__title[b-t1unwhh72n] {
    color: #f6faff;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.project-demo__state[b-t1unwhh72n] {
    display: flex;
    align-items: center;
    gap: 0.27rem;
    padding: 0.28rem 0.38rem;
    border: 1px solid rgba(108, 225, 166, 0.19);
    border-radius: 0.3rem;
    color: #7ce0aa;
    font-size: 0.67rem;
    white-space: nowrap;
    background: rgba(76, 200, 139, 0.09);
}

.project-demo__state i[b-t1unwhh72n] {
    display: block;
    width: 0.32rem;
    height: 0.32rem;
    border-radius: 50%;
    background: #62e7a3;
    box-shadow: 0 0 0.48rem rgba(98, 231, 163, 0.85);
}

.project-demo__workspace[b-t1unwhh72n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 9.8rem;
    gap: 0.52rem;
    margin-top: 0.65rem;
}

.project-demo__main[b-t1unwhh72n],
.project-demo__side[b-t1unwhh72n] {
    min-width: 0;
}

.project-demo__metrics[b-t1unwhh72n] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.32rem;
}

.project-demo__metrics > div[b-t1unwhh72n] {
    min-width: 0;
    padding: 0.58rem;
    border: 1px solid rgba(153, 192, 246, 0.14);
    border-radius: 0.38rem;
    background: rgba(7, 24, 61, 0.54);
}

.project-demo__metrics span[b-t1unwhh72n],
.project-demo__metrics b[b-t1unwhh72n],
.project-demo__metrics small[b-t1unwhh72n] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-demo__metrics span[b-t1unwhh72n] {
    color: #91aad2;
    font-size: 0.62rem;
}

.project-demo__metrics b[b-t1unwhh72n] {
    margin-top: 0.2rem;
    color: #e7f2ff;
    font-size: 1rem;
    font-weight: 500;
}

.project-demo__metrics small[b-t1unwhh72n] {
    margin-top: 0.17rem;
    color: #9fc1e9;
    font-size: 0.59rem;
}

.project-demo__plan[b-t1unwhh72n] {
    margin-top: 0.5rem;
    padding: 0.72rem;
    border: 1px solid rgba(148, 188, 246, 0.17);
    border-radius: 0.46rem;
    background: linear-gradient(145deg, rgba(19, 48, 105, 0.67), rgba(8, 23, 57, 0.78));
}

.project-demo__panel-title[b-t1unwhh72n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
}

.project-demo__panel-title span[b-t1unwhh72n] {
    color: #e9f5ff;
    font-size: 0.78rem;
    font-weight: 500;
}

.project-demo__panel-title small[b-t1unwhh72n] {
    color: #7ce2a8;
    font-size: 0.59rem;
}

.project-demo__progress[b-t1unwhh72n] {
    position: relative;
    height: 0.22rem;
    margin: 0.48rem 0 0.42rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(126, 169, 229, 0.16);
}

.project-demo__progress i[b-t1unwhh72n] {
    display: block;
    width: 68%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #12c7e8, #3f9cf0 62%, #7662ee);
}

.project-demo__progress[b-t1unwhh72n]::after {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 34%;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.65), transparent);
    filter: blur(1px);
    animation: project-demo-progress-b-t1unwhh72n 5.8s ease-in-out infinite;
}

.project-demo__timeline[b-t1unwhh72n] {
    display: grid;
    gap: 0.58rem;
}

.project-demo__timeline-item[b-t1unwhh72n] {
    display: grid;
    grid-template-columns: 0.92rem minmax(0, 1fr);
    align-items: center;
    gap: 0.34rem;
}

.project-demo__timeline-item > i[b-t1unwhh72n] {
    display: grid;
    width: 0.84rem;
    height: 0.84rem;
    place-items: center;
    border: 1px solid rgba(143, 183, 238, 0.42);
    border-radius: 50%;
    color: #c9dcf7;
    font-size: 0.55rem;
    font-style: normal;
}

.project-demo__timeline-item--done > i[b-t1unwhh72n] {
    border-color: #69e0a5;
    color: #062a20;
    background: #69e0a5;
}

.project-demo__timeline-item--active > i[b-t1unwhh72n] {
    border-color: #5de6ff;
    background: #5de6ff;
    box-shadow: 0 0 0.48rem rgba(93, 230, 255, 0.7);
}

.project-demo__timeline-item span[b-t1unwhh72n],
.project-demo__timeline-item b[b-t1unwhh72n],
.project-demo__timeline-item small[b-t1unwhh72n] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-demo__timeline-item b[b-t1unwhh72n] {
    color: #e8f3ff;
    font-size: 0.74rem;
    font-weight: 500;
}

.project-demo__timeline-item small[b-t1unwhh72n] {
    margin-top: 0.16rem;
    color: #a7bfdf;
    font-size: 0.59rem;
}

.project-demo__side[b-t1unwhh72n] {
    display: grid;
    gap: 0.46rem;
}

.project-demo__notice[b-t1unwhh72n],
.project-demo__documents[b-t1unwhh72n] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 0.75rem;
    border-radius: 0.46rem;
}

.project-demo__notice[b-t1unwhh72n] {
    border: 1px solid rgba(77, 217, 255, 0.3);
    background: linear-gradient(150deg, rgba(25, 78, 151, 0.9), rgba(26, 45, 108, 0.87));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.065), 0 0 1.2rem rgba(34, 197, 255, 0.08);
}

.project-demo__notice > span[b-t1unwhh72n] {
    color: #69e6ff;
    font-size: 0.62rem;
}

.project-demo__notice b[b-t1unwhh72n] {
    margin-top: 0.34rem;
    color: #f4fbff;
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.25;
}

.project-demo__notice small[b-t1unwhh72n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.3rem;
    margin-top: 0.55rem;
    padding: 0.34rem 0.38rem;
    border-radius: 0.29rem;
    color: #f2f8ff;
    font-size: 0.6rem;
    background: linear-gradient(105deg, #158ce9, #5d53e3);
}

.project-demo__notice small i[b-t1unwhh72n] {
    font-size: 0.72rem;
    font-style: normal;
}

.project-demo__documents[b-t1unwhh72n] {
    border: 1px solid rgba(148, 188, 246, 0.16);
    background: rgba(6, 21, 54, 0.6);
}

.project-demo__documents > span[b-t1unwhh72n] {
    color: #b9ceec;
    font-size: 0.64rem;
}

.project-demo__documents > b[b-t1unwhh72n] {
    margin-top: 0.16rem;
    color: #eff7ff;
    font-size: 0.84rem;
    font-weight: 500;
}

.project-demo__documents small[b-t1unwhh72n] {
    margin-top: 0.34rem;
    overflow: hidden;
    color: #a7c0e3;
    font-size: 0.6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-demo__documents small + small[b-t1unwhh72n] {
    margin-top: 0.25rem;
}

.project-demo__documents small i[b-t1unwhh72n] {
    margin-right: 0.18rem;
    color: #73e1aa;
    font-size: 0.54rem;
    font-style: normal;
}

.project-demo__footer[b-t1unwhh72n] {
    display: grid;
    grid-template-columns: 3.35rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.45rem;
    min-height: 3.35rem;
    margin-top: 0.7rem;
    padding: 0.32rem 0.45rem;
    border: 1px solid rgba(86, 216, 255, 0.21);
    border-radius: 0.48rem;
    background: linear-gradient(100deg, rgba(13, 67, 126, 0.56), rgba(20, 39, 91, 0.68));
}

.project-demo__devito[b-t1unwhh72n] {
    position: relative;
    display: block;
    align-self: stretch;
    overflow: visible;
}

.panel-visual .project-demo__devito img[b-t1unwhh72n] {
    position: absolute;
    bottom: -0.36rem;
    left: 50%;
    width: 3.35rem;
    max-width: none;
    border-radius: 0;
    box-shadow: none;
    transform: translateX(-50%);
    filter: none;
}

.project-demo__footer-copy[b-t1unwhh72n] {
    display: block;
    min-width: 0;
}

.project-demo__footer-copy small[b-t1unwhh72n],
.project-demo__footer-copy b[b-t1unwhh72n] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-demo__footer-copy small[b-t1unwhh72n] {
    margin-bottom: 0.13rem;
    color: #69e5ff;
    font-size: 0.57rem;
}

.project-demo__footer-copy b[b-t1unwhh72n] {
    color: #eef8ff;
    font-size: 0.67rem;
    font-weight: 500;
}

.project-demo__footer-action[b-t1unwhh72n] {
    padding: 0.34rem 0.42rem;
    border-radius: 0.3rem;
    color: #f4f9ff;
    font-size: 0.55rem;
    font-weight: 500;
    white-space: nowrap;
    background: linear-gradient(105deg, #168ce9, #5b53e3);
}

.project-demo__footer-action i[b-t1unwhh72n] {
    margin-left: 0.2rem;
    font-size: 0.7rem;
    font-style: normal;
}

@keyframes project-demo-progress-b-t1unwhh72n {
    0%, 20% { transform: translateX(-120%); opacity: 0; }
    32%, 74% { opacity: 0.75; }
    85%, 100% { transform: translateX(350%); opacity: 0; }
}

.visual-glow[b-t1unwhh72n] {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    filter: blur(58px);
    pointer-events: none;
}

.visual-glow--cyan[b-t1unwhh72n] {
    inset: 23% 45% 22% 7%;
    background: rgba(0, 206, 255, 0.18);
}

.visual-glow--violet[b-t1unwhh72n] {
    inset: 12% 4% 24% 46%;
    background: rgba(125, 53, 255, 0.24);
}

.section-art[b-t1unwhh72n] {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: saturate(1.05) contrast(1.035);
    -webkit-mask-image: radial-gradient( ellipse 78% 73% at 50% 51%, #000 55%, rgb(0 0 0 / 0.96) 67%, rgb(0 0 0 / 0.62) 79%, transparent 97% );
    mask-image: radial-gradient( ellipse 78% 73% at 50% 51%, #000 55%, rgb(0 0 0 / 0.96) 67%, rgb(0 0 0 / 0.62) 79%, transparent 97% );
}

.section-art--hero[b-t1unwhh72n] {
    position: absolute;
    inset: 50% auto auto 50%;
    width: min(42rem, 112%);
    max-width: none;
    transform: translate(-50%, -50%);
    filter: saturate(1.08) contrast(1.04) drop-shadow(0 2rem 3rem rgba(0, 0, 0, 0.35));
    border-radius: 1.15rem;
}

/* SHARED HEADINGS */

.section-heading[b-t1unwhh72n] {
    margin-bottom: 1.8rem;
}

.section-heading--centered[b-t1unwhh72n] {
    max-width: 41rem;
    margin-inline: auto;
    text-align: center;
}

    .section-heading--centered .heading-accent[b-t1unwhh72n] {
        margin-inline: auto;
    }

.section-heading h2[b-t1unwhh72n],
.panel-copy h2[b-t1unwhh72n],
.contact-copy h2[b-t1unwhh72n] {
    font-size: clamp(1.75rem, 2.7vw, 2.45rem);
    line-height: 1.15;
}

.heading-accent[b-t1unwhh72n] {
    display: block;
    width: 2.8rem;
    height: 0.18rem;
    margin-top: 0.75rem;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--cyan), var(--blue), var(--violet));
    box-shadow: 0 0 1rem rgba(32, 216, 255, 0.55);
}

/* CONTENT PANELS */

.content-panel[b-t1unwhh72n] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(20rem, 0.82fr) minmax(0, 1.18fr);
    align-items: center;
    min-height: 32rem;
    margin-top: var(--section-gap);
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 1.15rem;
    background: linear-gradient(145deg, rgba(16, 31, 70, 0.78), rgba(6, 13, 36, 0.92)), radial-gradient(circle at 20% 20%, rgba(32, 216, 255, 0.08), transparent 18rem);
    box-shadow: 0 1.6rem 4rem rgba(0, 0, 0, 0.23), inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

    .content-panel[b-t1unwhh72n]::after {
        position: absolute;
        inset: 0;
        content: "";
        pointer-events: none;
        background: linear-gradient(110deg, rgba(32, 216, 255, 0.045), transparent 24%, transparent 70%, rgba(123, 56, 255, 0.055));
    }

.panel-visual[b-t1unwhh72n],
.panel-copy[b-t1unwhh72n] {
    position: relative;
    z-index: 1;
}

.panel-demo-frame[b-t1unwhh72n] {
    min-width: 0;
}

.panel-demo-frame > .demo-disclaimer[b-t1unwhh72n] {
    margin: 0.7rem auto 0;
    padding-inline: 0.4rem;
    text-align: center;
}

.panel-visual[b-t1unwhh72n] {
    min-height: 29rem;
    margin-right:32px;
    margin-left:32px;
}

.panel-visual--with-disclaimer[b-t1unwhh72n] {
    min-height: 33.25rem;
}

    .panel-visual img[b-t1unwhh72n] {
        border-radius: 24px;
        box-shadow: 2px 4px 2rem 4rem rgba(0, 0, 0, 0.23), inset 0 1px 0 rgba(255, 255, 255, 0.025);
    }

    .panel-visual .section-art[b-t1unwhh72n] {
        position: absolute;
        inset: 50% auto auto 50%;
        width: 112%;
        max-width: none;
        transform: translate(-50%, -50%);
    }

.panel-copy[b-t1unwhh72n] {
    padding: clamp(2rem, 4vw, 4.1rem);
}

.content-panel--deliver[b-t1unwhh72n] {
    grid-template-columns: minmax(0, 1.12fr) minmax(20rem, 0.88fr);
}

    .content-panel--deliver .panel-copy[b-t1unwhh72n] {
        order: 1;
    }

    .content-panel--deliver .panel-visual[b-t1unwhh72n] {
        order: 2;
    }

.accent-list[b-t1unwhh72n] {
    display: grid;
    gap: 0.75rem;
    margin: 1.6rem 0 0;
    padding: 0;
    list-style: none;
}

    .accent-list li[b-t1unwhh72n] {
        position: relative;
        padding-left: 1.35rem;
        color: var(--text-soft);
        font-size: 0.96rem;
        line-height: 1.62;
    }

        .accent-list li[b-t1unwhh72n]::before {
            position: absolute;
            top: 0.68em;
            left: 0;
            width: 0.38rem;
            height: 0.38rem;
            border-radius: 50%;
            content: "";
            background: var(--cyan);
            box-shadow: 0 0 0.85rem rgba(32, 216, 255, 0.62);
        }

.accent-list__lead[b-t1unwhh72n] {
    color: #f3f7ff;
    font-size: 1.02rem;
    font-weight: 500;
}

/* WHAT WE DELIVER: CLIENT WISHLIST */

.content-panel.content-panel--deliver[b-t1unwhh72n] {
    grid-template-columns: minmax(19rem, 0.84fr) minmax(0, 1.16fr);
}

.content-panel--deliver .panel-visual[b-t1unwhh72n] {
    min-height: 30.5rem;
    margin-right: 1.1rem;
    margin-left: 0.5rem;
}

.content-panel--deliver .panel-visual--with-disclaimer[b-t1unwhh72n] {
    min-height: 33.25rem;
}

.content-panel--what .panel-visual .demo-disclaimer[b-t1unwhh72n],
.content-panel--deliver .panel-visual .demo-disclaimer[b-t1unwhh72n],
.content-panel--work .panel-visual .demo-disclaimer[b-t1unwhh72n] {
    bottom: auto;
    line-height: 1.3;
}

.content-panel--what .panel-visual .demo-disclaimer[b-t1unwhh72n] {
    top: calc(50% + 13.15rem);
}

.content-panel--deliver .panel-visual .demo-disclaimer[b-t1unwhh72n] {
    top: calc(50% + 15.15rem);
}

.wishlist-demo[b-t1unwhh72n] {
    position: absolute;
    inset: 50% auto auto 50%;
    display: grid;
    grid-template-columns: 10rem minmax(0, 1fr);
    width: min(42rem, 112%);
    height: 29rem;
    overflow: hidden;
    border: 1px solid rgba(130, 183, 255, 0.3);
    border-radius: 0.9rem;
    color: #eaf3ff;
    background: #091633;
    box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.34), 0 0 2.7rem rgba(26, 175, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transform: translate(-50%, -50%);
}

.wishlist-demo__nav[b-t1unwhh72n] {
    display: flex;
    flex-direction: column;
    gap: 0.26rem;
    padding: 0.9rem 0.5rem;
    border-right: 1px solid rgba(139, 181, 243, 0.16);
    background: linear-gradient(180deg, #101d3c, #08142d 78%);
}

.panel-visual .wishlist-demo__logo img[b-t1unwhh72n] {
    display: block;
    width: 5.5rem;
    height: auto;
    margin: 0.05rem auto 0.82rem;
    border-radius: 0;
    box-shadow: none;
    filter: none;
}

.wishlist-demo__nav > span:not(.wishlist-demo__nav-current)[b-t1unwhh72n] {
    padding: 0.38rem 0.46rem;
    color: #cfdef3;
    font-size: 0.79rem;
    font-weight: 500;
    line-height: 1.25;
}

.wishlist-demo__nav-current[b-t1unwhh72n] {
    padding: 0.47rem 0.5rem;
    border: 1px solid rgba(69, 206, 255, 0.24);
    border-radius: 0.36rem;
    color: #f1fbff;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.25;
    background: linear-gradient(105deg, rgba(18, 124, 196, 0.35), rgba(67, 61, 190, 0.28));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.wishlist-demo__body[b-t1unwhh72n] {
    min-width: 0;
    padding: 1.35rem 1.45rem;
}

.wishlist-demo__title[b-t1unwhh72n],
.wishlist-demo__new-idea[b-t1unwhh72n],
.wishlist-demo__item-title[b-t1unwhh72n],
.wishlist-demo__item-description[b-t1unwhh72n] {
    display: block;
}

.wishlist-demo__title[b-t1unwhh72n] {
    color: #f7fbff;
    font-size: 1.35rem;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.wishlist-demo__new-idea[b-t1unwhh72n] {
    margin-top: 0.62rem;
    color: #62ddff;
    font-size: 0.91rem;
    font-weight: 500;
}

.wishlist-demo__item[b-t1unwhh72n] {
    display: grid;
    grid-template-columns: 1.42rem minmax(0, 1fr);
    gap: 0.58rem;
    margin-top: 1.2rem;
    padding: 1.1rem 0 1.15rem;
    border-top: 1px solid rgba(143, 184, 244, 0.16);
}

.wishlist-demo__check[b-t1unwhh72n] {
    display: grid;
    width: 1.18rem;
    height: 1.18rem;
    place-items: center;
    margin-top: 0.08rem;
    border: 1px solid rgba(154, 190, 241, 0.44);
    border-radius: 0.28rem;
    color: transparent;
    font-size: 0.78rem;
    font-weight: 500;
    background: rgba(11, 31, 70, 0.76);
}

.wishlist-demo__check--selected[b-t1unwhh72n] {
    border-color: #3cd4f5;
    color: #eaffff;
    background: linear-gradient(135deg, #19c8e9, #4c6ce5);
    box-shadow: 0 0 0.75rem rgba(41, 205, 248, 0.34);
}

.wishlist-demo__item-title[b-t1unwhh72n] {
    color: #edf6ff;
    font-size: 0.98rem;
    font-weight: 500;
    line-height: 1.3;
}

.wishlist-demo__item-description[b-t1unwhh72n] {
    margin-top: 0.35rem;
    color: #b9cce8;
    font-size: 0.82rem;
    line-height: 1.5;
}

@media (max-width: 1020px) and (min-width: 901px) {
    .content-panel.content-panel--deliver[b-t1unwhh72n] {
        grid-template-columns: minmax(17rem, 0.88fr) minmax(0, 1.12fr);
    }

    .wishlist-demo[b-t1unwhh72n] {
        grid-template-columns: 9.2rem minmax(0, 1fr);
        width: min(38rem, 110%);
    }
}

@media (max-width: 900px) {
    .content-panel.content-panel--deliver[b-t1unwhh72n] {
        grid-template-columns: 1fr;
    }

    .content-panel--deliver .panel-visual[b-t1unwhh72n] {
        min-height: 29rem;
        margin: 1.25rem 1.25rem 0;
    }

    .wishlist-demo[b-t1unwhh72n] {
        width: min(42rem, 100%);
        height: 27.5rem;
    }
}

@media (max-width: 500px) {
    .content-panel--deliver .panel-visual[b-t1unwhh72n] {
        min-height: 24.5rem;
        margin-inline: 0.7rem;
    }

    .wishlist-demo[b-t1unwhh72n] {
        grid-template-columns: 7.8rem minmax(0, 1fr);
        height: 23.5rem;
        border-radius: 0.68rem;
    }

    .wishlist-demo__nav[b-t1unwhh72n] {
        gap: 0.12rem;
        padding: 0.58rem 0.32rem;
    }

    .panel-visual .wishlist-demo__logo img[b-t1unwhh72n] {
        width: 4.25rem;
        margin-bottom: 0.45rem;
    }

    .wishlist-demo__nav > span:not(.wishlist-demo__nav-current)[b-t1unwhh72n],
    .wishlist-demo__nav-current[b-t1unwhh72n] {
        padding: 0.27rem 0.31rem;
        font-size: 0.59rem;
    }

    .wishlist-demo__body[b-t1unwhh72n] {
        padding: 0.7rem 0.65rem;
    }

    .wishlist-demo__title[b-t1unwhh72n] {
        font-size: 0.92rem;
    }

    .wishlist-demo__new-idea[b-t1unwhh72n] {
        margin-top: 0.38rem;
        font-size: 0.63rem;
    }

    .wishlist-demo__item[b-t1unwhh72n] {
        grid-template-columns: 0.94rem minmax(0, 1fr);
        gap: 0.35rem;
        margin-top: 0.65rem;
        padding: 0.58rem 0 0.62rem;
    }

    .wishlist-demo__check[b-t1unwhh72n] {
        width: 0.78rem;
        height: 0.78rem;
        font-size: 0.5rem;
    }

    .wishlist-demo__item-title[b-t1unwhh72n] {
        font-size: 0.65rem;
    }

    .wishlist-demo__item-description[b-t1unwhh72n] {
        margin-top: 0.18rem;
        font-size: 0.55rem;
        line-height: 1.3;
    }
}

/* FEATURE CARDS */

.features-section[b-t1unwhh72n] {
    margin-top: var(--section-gap);
}

.feature-grid[b-t1unwhh72n] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
}

.feature-card[b-t1unwhh72n] {
    position: relative;
    grid-column: span 3;
    min-height: 19.5rem;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 0 0 1.15rem 0;
    background: linear-gradient(150deg, rgba(18, 36, 80, 0.82), rgba(6, 13, 37, 0.96)), radial-gradient(circle at 50% 0%, rgba(58, 118, 255, 0.11), transparent 12rem);
    box-shadow: 0 1.25rem 2.8rem rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.025);
    transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

    .feature-card:nth-child(5)[b-t1unwhh72n] {
        grid-column: 2 / span 3;
    }

    .feature-card:nth-child(6)[b-t1unwhh72n] {
        grid-column: 5 / span 3;
    }

    .feature-card:nth-child(7)[b-t1unwhh72n] {
        grid-column: 8 / span 3;
    }

    .feature-card[b-t1unwhh72n]::before {
        position: absolute;
        inset: 0;
        content: "";
        pointer-events: none;
        opacity: 0;
        background: linear-gradient(145deg, rgba(32, 216, 255, 0.07), transparent 42%, rgba(123, 56, 255, 0.09));
        transition: opacity 180ms ease;
    }

    .feature-card:hover[b-t1unwhh72n] {
        transform: translateY(-4px);
        border-color: var(--border-hover);
        box-shadow: 0 1.6rem 3.4rem rgba(0, 0, 0, 0.26), 0 0 2.5rem rgba(45, 94, 255, 0.08);
    }

        .feature-card:hover[b-t1unwhh72n]::before {
            opacity: 1;
        }

.feature-card__icon[b-t1unwhh72n] {
    width: 100%;
    height: 12rem;
    overflow: hidden;
    border-radius: 0.75rem 0.75rem 0rem 0rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 0rem 0rem 0rem;
}

    .feature-card__icon[b-t1unwhh72n]::after {
        position: absolute;
        right: 16%;
        bottom: 10%;
        left: 16%;
        height: 2.2rem;
        border-radius: 50%;
        content: "";
        background: rgba(43, 91, 255, 0.27);
        filter: blur(18px);
    }

    .feature-card__icon img[b-t1unwhh72n] {
        z-index: 1;
        display: block;
        width: auto;
        max-width: none;
        height: 100%;
        filter: saturate(1.08) contrast(1.04);
        -webkit-mask-image: radial-gradient(ellipse 70% 65% at 50% 53%, #000 58%, transparent 98%);
        mask-image: radial-gradient(ellipse 70% 65% at 50% 53%, #000 58%, transparent 98%);
    }

.feature-card h3[b-t1unwhh72n] {
    position: relative;
    z-index: 1;
    min-height: 2.8rem;
    margin: 1rem 0 0.2rem 0;
    color: var(--text);
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}

.feature-card p[b-t1unwhh72n] {
    position: relative;
    z-index: 1;
    margin: 0.1rem 0.2rem 0.5rem;
    color: var(--text-muted);
    font-size: 0.88rem;
    line-height: 1.55;
    text-align: center;
}

/* FAQ */

.faq-section[b-t1unwhh72n] {
    margin-top: var(--section-gap);
    scroll-margin-top: 6rem;
    padding: clamp(1.5rem, 3vw, 2.4rem);
    border: 1px solid var(--border);
    border-radius: 1.15rem;
    background: linear-gradient(160deg, rgba(13, 27, 64, 0.78), rgba(6, 14, 37, 0.92));
    box-shadow: 0 1.4rem 3rem rgba(0, 0, 0, 0.18);
}

.faq-list[b-t1unwhh72n] {
    display: grid;
    gap: 0.62rem;
}

.faq-item[b-t1unwhh72n] {
    overflow: hidden;
    border: 1px solid rgba(120, 154, 236, 0.16);
    border-radius: 0.72rem;
    background: rgba(7, 16, 42, 0.7);
    transition: border-color 160ms ease, background-color 160ms ease;
}

    .faq-item:hover[b-t1unwhh72n],
    .faq-item[open][b-t1unwhh72n] {
        border-color: rgba(32, 216, 255, 0.34);
        background: rgba(10, 23, 57, 0.86);
    }

    .faq-item summary[b-t1unwhh72n] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 3.25rem;
        gap: 1rem;
        padding: 0.8rem 1rem;
        color: #ebf1ff;
        font-size: 0.94rem;
        font-weight: 620;
        line-height: 1.4;
        cursor: pointer;
        list-style: none;
    }

        .faq-item summary[b-t1unwhh72n]::-webkit-details-marker {
            display: none;
        }

.faq-icon[b-t1unwhh72n] {
    position: relative;
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
}

    .faq-icon[b-t1unwhh72n]::before,
    .faq-icon[b-t1unwhh72n]::after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0.85rem;
        height: 2px;
        border-radius: 999px;
        content: "";
        background: var(--cyan);
        transform: translate(-50%, -50%);
        transition: transform 180ms ease;
        box-shadow: 0 0 0.7rem rgba(32, 216, 255, 0.55);
    }

    .faq-icon[b-t1unwhh72n]::after {
        transform: translate(-50%, -50%) rotate(90deg);
    }

.faq-item[open] .faq-icon[b-t1unwhh72n]::after {
    transform: translate(-50%, -50%) rotate(0);
}

.faq-answer[b-t1unwhh72n] {
    padding: 0 1rem 1rem;
}

    .faq-answer p[b-t1unwhh72n] {
        margin: 0;
        color: var(--text-soft);
        font-size: 0.92rem;
        line-height: 1.65;
    }

/* CONTACT */

.contact-section[b-t1unwhh72n] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 2rem;
    margin-top: var(--section-gap);
    padding: clamp(1.8rem, 4vw, 3rem);
    overflow: hidden;
    scroll-margin-top: 6rem;
    border: 1px solid rgba(68, 203, 255, 0.26);
    border-radius: 1.15rem;
    background: linear-gradient(120deg, rgba(11, 30, 70, 0.92), rgba(24, 17, 71, 0.78)), rgba(8, 18, 45, 0.9);
    box-shadow: 0 1.6rem 3.5rem rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.contact-glow[b-t1unwhh72n] {
    position: absolute;
    top: -8rem;
    right: -3rem;
    width: 22rem;
    height: 22rem;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle, rgba(115, 54, 255, 0.38), rgba(32, 216, 255, 0.08) 46%, transparent 70%);
    filter: blur(12px);
}

.contact-copy[b-t1unwhh72n],
.contact-link[b-t1unwhh72n] {
    position: relative;
    z-index: 1;
}

    .contact-copy p:last-child[b-t1unwhh72n] {
        max-width: 38rem;
        margin: 0.8rem 0 0;
        color: var(--text-soft);
        line-height: 1.65;
    }

.contact-link[b-t1unwhh72n] {
    display: flex;
    align-items: center;
    min-width: 18.5rem;
    gap: 0.9rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(68, 214, 255, 0.32);
    border-radius: 0.85rem;
    color: #ecf8ff;
    font-size: 0.94rem;
    font-weight: 680;
    text-decoration: none;
    background: rgba(7, 16, 44, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

    .contact-link:hover[b-t1unwhh72n] {
        transform: translateY(-2px);
        border-color: rgba(75, 225, 255, 0.66);
        background: rgba(10, 25, 62, 0.92);
    }

.contact-link__icon[b-t1unwhh72n] {
    display: grid;
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: 0.65rem;
    color: var(--cyan);
    background: linear-gradient(145deg, rgba(32, 216, 255, 0.12), rgba(123, 56, 255, 0.18));
}

    .contact-link__icon svg[b-t1unwhh72n] {
        width: 1.3rem;
        height: 1.3rem;
    }

.contact-link small[b-t1unwhh72n] {
    display: block;
    margin-bottom: 0.12rem;
    color: var(--text-muted);
    font-size: 0.68rem;
    font-weight: 650;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.contact-link__arrow[b-t1unwhh72n] {
    flex: 0 0 auto;
    margin-left: auto;
    color: var(--cyan);
}

.home-footer[b-t1unwhh72n] {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
    padding: 2rem 0 2.6rem;
    color: #7887a8;
    font-size: 0.8rem;
    text-align: center;
}

/* RESPONSIVE */

@media (max-width: 1020px) {
    .hero-section[b-t1unwhh72n] {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    .feature-grid[b-t1unwhh72n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .feature-card[b-t1unwhh72n],
    .feature-card:nth-child(5)[b-t1unwhh72n],
    .feature-card:nth-child(6)[b-t1unwhh72n],
    .feature-card:nth-child(7)[b-t1unwhh72n] {
        grid-column: auto;
    }

    .content-panel[b-t1unwhh72n],
    .content-panel--deliver[b-t1unwhh72n] {
        grid-template-columns: minmax(17rem, 0.8fr) minmax(0, 1.2fr);
    }

    .content-panel.content-panel--what[b-t1unwhh72n] {
        grid-template-columns: minmax(0, 1.08fr) minmax(17rem, 0.92fr);
    }
}

@media (max-width: 900px) {
    .home-notice[b-t1unwhh72n] {
        min-height: 10rem;
    }

    .home-content[b-t1unwhh72n] {
        width: min(100% - 1.25rem, 42rem);
        padding-top: 0;
    }

    .hero-section[b-t1unwhh72n] {
        grid-template-columns: 1fr;
        min-height: auto;
        gap: 1.5rem;
        padding-bottom: 0.5rem;
        padding-inline: 0.6rem;
        text-align: center;
    }

    .hero-copy[b-t1unwhh72n] {
        max-width: 39rem;
        margin-inline: auto;
    }

    .hero-description[b-t1unwhh72n] {
        margin-inline: auto;
    }

    .hero-visual[b-t1unwhh72n] {
        min-height: 27rem;
        margin-top: 1rem;
    }

    .hero-visual--with-disclaimer[b-t1unwhh72n] {
        min-height: 29rem;
    }

    .content-panel[b-t1unwhh72n],
    .content-panel--deliver[b-t1unwhh72n] {
        grid-template-columns: 1fr;
        min-height: auto;
        margin-top: 2rem;
    }

    .content-panel.content-panel--what[b-t1unwhh72n] {
        grid-template-columns: 1fr;
    }

        .content-panel--deliver .panel-copy[b-t1unwhh72n],
        .content-panel--deliver .panel-visual[b-t1unwhh72n] {
            order: initial;
        }

    .panel-copy[b-t1unwhh72n] {
        padding: 1.5rem 1.25rem 2rem;
    }

    .panel-visual[b-t1unwhh72n] {
        min-height: 15rem;
        margin: 1.25rem 1.25rem 0;
    }

    .panel-visual .section-art[b-t1unwhh72n] {
        width: 100%;
    }

    .content-panel--what .panel-visual[b-t1unwhh72n] {
        min-height: 23rem;
    }

    .content-panel--what .panel-visual--with-disclaimer[b-t1unwhh72n] {
        min-height: 25rem;
    }

    .content-panel--deliver .panel-visual--with-disclaimer[b-t1unwhh72n] {
        min-height: 33.25rem;
    }

    .project-demo[b-t1unwhh72n] {
        width: min(38rem, 100%);
        height: 21.5rem;
    }

    .project-demo__timeline[b-t1unwhh72n] {
        gap: 0.34rem;
    }

    .project-demo__footer[b-t1unwhh72n] {
        grid-template-columns: 2.9rem minmax(0, 1fr) auto;
        min-height: 2.9rem;
        margin-top: 0.45rem;
        padding: 0.24rem 0.35rem;
    }

    .project-demo__devito img[b-t1unwhh72n] {
        width: 2.9rem;
    }

    .project-demo__footer-copy small[b-t1unwhh72n] {
        font-size: 0.49rem;
    }

    .project-demo__footer-copy b[b-t1unwhh72n] {
        font-size: 0.58rem;
    }

    .project-demo__footer-action[b-t1unwhh72n] {
        padding: 0.28rem 0.32rem;
        font-size: 0.48rem;
    }

    .content-panel--deliver .panel-copy[b-t1unwhh72n] {
        order: 2;
    }

    .content-panel--deliver .panel-visual[b-t1unwhh72n] {
        order: 1;
    }

    .feature-grid[b-t1unwhh72n] {
        grid-template-columns: 1fr;
    }

    .feature-card[b-t1unwhh72n] {
        min-height: 18rem;
    }

    .contact-section[b-t1unwhh72n] {
        grid-template-columns: 1fr;
    }

    .contact-link[b-t1unwhh72n] {
        min-width: 0;
        width: 100%;
    }
}

/* INTEGRATED INTELLIGENCE */

.ai-section[b-t1unwhh72n] {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(22rem, 1.08fr);
    align-items: center;
    gap: clamp(2.25rem, 6vw, 6rem);
    margin-top: clamp(2rem, 4vw, 4rem);
    padding: clamp(2rem, 4.5vw, 4.5rem);
    scroll-margin-top: 6rem;
    border: 1px solid rgba(61, 215, 255, 0.28);
    border-radius: 1.15rem;
    background:
        radial-gradient(circle at 10% 3%, rgba(32, 216, 255, 0.15), transparent 22rem),
        radial-gradient(circle at 92% 90%, rgba(123, 56, 255, 0.18), transparent 25rem),
        linear-gradient(140deg, rgba(13, 31, 70, 0.94), rgba(6, 13, 38, 0.98));
    box-shadow: 0 1.8rem 4.2rem rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.ai-copy h2[b-t1unwhh72n] {
    max-width: 34rem;
    margin: 0;
    color: var(--text);
    font-size: clamp(1.8rem, 3vw, 2.65rem);
    font-weight: 680;
    line-height: 1.13;
    letter-spacing: -0.04em;
}

    .ai-copy h2 span[b-t1unwhh72n] {
        background: linear-gradient(94deg, #bcf5ff 0%, #81d8ff 45%, #c3a8ff 100%);
        background-clip: text;
        color: transparent;
    }

.ai-intro[b-t1unwhh72n] {
    max-width: 35rem;
    margin: 1.45rem 0 0;
    color: var(--text-soft);
    font-size: 1rem;
    line-height: 1.72;
}

.ai-benefits[b-t1unwhh72n] {
    display: grid;
    gap: 0.85rem;
    margin: 1.6rem 0 0;
    padding: 0;
    list-style: none;
}

    .ai-benefits li[b-t1unwhh72n] {
        padding-left: 1.25rem;
        color: var(--text-soft);
        font-size: 0.92rem;
        line-height: 1.55;
        background: linear-gradient(var(--cyan), var(--violet)) 0 0.48rem / 0.36rem 0.36rem no-repeat;
    }

    .ai-benefits strong[b-t1unwhh72n] {
        color: #f4f8ff;
    }

.ai-demo[b-t1unwhh72n] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(148, 196, 255, 0.28);
    border-radius: 1rem;
    color: #e9f2ff;
    font-size: 0.82rem;
    background: #081432;
    box-shadow: 0 1.5rem 3.8rem rgba(0, 0, 0, 0.3), 0 0 3.5rem rgba(32, 216, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.demo-showcase[b-t1unwhh72n] {
    min-width: 0;
}

.demo-showcase .demo-disclaimer[b-t1unwhh72n] {
    margin-top: 0.65rem;
    padding-inline: 0.35rem;
    text-align: center;
}

.ai-demo__browser-bar[b-t1unwhh72n] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 2.35rem;
    padding: 0 0.72rem 0 0;
    border-bottom: 1px solid rgba(142, 180, 255, 0.16);
    color: #8fa5ce;
    background: linear-gradient(180deg, rgba(28, 49, 97, 0.96), rgba(15, 31, 72, 0.94));
}

.ai-demo__address[b-t1unwhh72n] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: min(11.5rem, 72%);
    max-width: 13.5rem;
    align-self: stretch;
    gap: 0.3rem;
    padding: 0.48rem 0.7rem;
    overflow: hidden;
    border: 1px solid rgba(141, 179, 255, 0.22);
    border-bottom: 0;
    border-radius: 0.95rem 0.42rem 0 0;
    color: #aebfdf;
    font-size: 0.61rem;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: rgba(5, 15, 43, 0.52);
}

    .ai-demo__address svg[b-t1unwhh72n] {
        width: 0.7rem;
        height: 0.7rem;
        flex: 0 0 auto;
        fill: none;
        stroke: #6fe8ff;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.ai-demo__browser-menu[b-t1unwhh72n] {
    margin-left: auto;
    color: #95a6c8;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.ai-demo__new-tab[b-t1unwhh72n] {
    color: #b6c8e6;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1;
}

.ai-demo__app[b-t1unwhh72n] {
    display: flex;
    height: 28rem;
}

.ai-demo__sidebar[b-t1unwhh72n] {
    display: flex;
    width: 3rem;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    gap: 0.45rem;
    padding: 0.68rem 0.42rem;
    border-right: 1px solid rgba(142, 180, 255, 0.15);
    background: linear-gradient(180deg, #102653, #0b1b43);
}

.ai-demo__side-toggle[b-t1unwhh72n],
.ai-demo__side-icon[b-t1unwhh72n] {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: 0.48rem;
}

.ai-demo__side-toggle[b-t1unwhh72n] {
    margin-bottom: 0.35rem;
    color: #b9cdeb;
}

.ai-demo__side-icon[b-t1unwhh72n] {
    color: #8da5cf;
}

.ai-demo__side-toggle svg[b-t1unwhh72n],
.ai-demo__side-icon svg[b-t1unwhh72n] {
        width: 1rem;
        height: 1rem;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.75;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.ai-demo__side-icon--active[b-t1unwhh72n] {
    color: #7cecff;
    background: rgba(46, 199, 255, 0.16);
    box-shadow: inset 0 0 0 1px rgba(97, 226, 255, 0.18);
}

.ai-demo__side-icon--bottom[b-t1unwhh72n] {
    margin-top: auto;
}

.ai-demo__workspace[b-t1unwhh72n] {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

    .ai-demo[b-t1unwhh72n]::before {
        position: absolute;
        inset: 0;
        z-index: 5;
        content: "";
        pointer-events: none;
        background: linear-gradient(115deg, transparent 20%, rgba(255, 255, 255, 0.07) 48%, transparent 67%);
        transform: translateX(-135%);
        animation: ai-demo-glint-b-t1unwhh72n 9s ease-in-out infinite;
    }

.ai-demo__topbar[b-t1unwhh72n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    min-height: 3.1rem;
    padding: 0 1rem;
    border-bottom: 1px solid rgba(142, 180, 255, 0.16);
    color: #dce9ff;
    background: rgba(17, 36, 81, 0.88);
}

.ai-demo__brand[b-t1unwhh72n],
.ai-demo__status[b-t1unwhh72n],
.ai-demo__analysis[b-t1unwhh72n],
.ai-demo__request[b-t1unwhh72n] {
    display: flex;
    align-items: center;
}

.ai-demo__brand[b-t1unwhh72n] {
    gap: 0.55rem;
    font-weight: 700;
}

.ai-demo__mark[b-t1unwhh72n] {
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 0.3rem;
    background: linear-gradient(135deg, var(--cyan), var(--violet));
    box-shadow: 0 0 0.9rem rgba(32, 216, 255, 0.55);
}

.ai-demo__status[b-t1unwhh72n] {
    gap: 0.35rem;
    color: #9fb3d7;
    font-size: 0.68rem;
}

    .ai-demo__status i[b-t1unwhh72n] {
        width: 0.42rem;
        height: 0.42rem;
        border-radius: 50%;
        background: #6df4b5;
        box-shadow: 0 0 0.55rem rgba(109, 244, 181, 0.7);
    }

.ai-demo__body[b-t1unwhh72n] {
    position: relative;
    height: calc(100% - 3.1rem);
    padding: 0.85rem 1rem 1rem;
}

.ai-demo__crumb[b-t1unwhh72n] {
    margin: 0 0 1rem;
    color: #8fa6cf;
    font-size: 0.7rem;
}

    .ai-demo__crumb span[b-t1unwhh72n] {
        margin-inline: 0.25rem;
        color: var(--cyan);
    }

.ai-demo__request[b-t1unwhh72n] {
    justify-content: flex-end;
    gap: 0.5rem;
}

    .ai-demo__request p[b-t1unwhh72n] {
        max-width: 18rem;
        margin: 0;
        padding: 0.65rem 0.75rem;
        border: 1px solid rgba(111, 158, 255, 0.25);
        border-radius: 0.75rem 0.75rem 0.18rem 0.75rem;
        color: #eef4ff;
        line-height: 1.4;
        background: linear-gradient(135deg, rgba(38, 98, 215, 0.84), rgba(86, 53, 190, 0.86));
    }

.ai-demo__avatar[b-t1unwhh72n] {
    display: grid;
    width: 1.65rem;
    height: 1.65rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    color: #bdeeff;
    font-size: 0.48rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    background: #1b3875;
}

.ai-demo__analysis[b-t1unwhh72n] {
    gap: 0.45rem;
    margin: 1rem 0 0.75rem 0.25rem;
    color: #a9c4ed;
    font-size: 0.71rem;
}

.ai-demo__analysis-copy[b-t1unwhh72n] {
    position: relative;
    min-width: 0;
    min-height: 1.1rem;
    flex: 1;
}

.ai-demo__searching[b-t1unwhh72n],
.ai-demo__ready[b-t1unwhh72n] {
    position: absolute;
    inset: 0;
    line-height: 1.35;
}

.ai-demo__searching[b-t1unwhh72n] {
    animation: ai-demo-searching-b-t1unwhh72n 9s ease-in-out infinite;
}

.ai-demo__ready[b-t1unwhh72n] {
    color: #b9efff;
    opacity: 0;
    animation: ai-demo-ready-b-t1unwhh72n 9s ease-in-out infinite;
}

.ai-demo__spark[b-t1unwhh72n] {
    color: var(--cyan);
    font-size: 1rem;
    text-shadow: 0 0 0.8rem rgba(32, 216, 255, 0.85);
}

.ai-demo__dots[b-t1unwhh72n] {
    display: inline-flex;
    gap: 0.16rem;
    animation: ai-demo-searching-b-t1unwhh72n 9s ease-in-out infinite;
}

    .ai-demo__dots i[b-t1unwhh72n] {
        width: 0.2rem;
        height: 0.2rem;
        border-radius: 50%;
        background: var(--cyan);
        animation: ai-demo-dot-b-t1unwhh72n 1.1s ease-in-out infinite;
    }

    .ai-demo__dots i:nth-child(2)[b-t1unwhh72n] { animation-delay: 0.15s; }
    .ai-demo__dots i:nth-child(3)[b-t1unwhh72n] { animation-delay: 0.3s; }

.ai-demo__result[b-t1unwhh72n] {
    position: absolute;
    top: 9.45rem;
    right: 1rem;
    left: 1rem;
    max-height: 0;
    margin-top: 0;
    padding: 0 0.85rem;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 0.75rem;
    background: linear-gradient(145deg, rgba(13, 52, 104, 0.82), rgba(15, 23, 67, 0.92));
    box-shadow: 0 0 1.8rem rgba(32, 216, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.45rem);
    animation: ai-demo-result-b-t1unwhh72n 9s ease-in-out infinite;
}

.ai-demo__result-heading[b-t1unwhh72n] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.45rem;
}

.ai-demo__label[b-t1unwhh72n],
.ai-demo__result-heading strong[b-t1unwhh72n],
.ai-demo__row small[b-t1unwhh72n] {
    display: block;
}

.ai-demo__label[b-t1unwhh72n] {
    margin-bottom: 0.15rem;
    color: var(--cyan);
    font-size: 0.59rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.ai-demo__result-heading strong[b-t1unwhh72n] {
    color: #f5f9ff;
    font-size: 0.88rem;
}

.ai-demo__total[b-t1unwhh72n] {
    color: #bceeff;
    font-size: 0.82rem;
    font-weight: 750;
}

.ai-demo__row[b-t1unwhh72n] {
    display: grid;
    grid-template-columns: minmax(4.45rem, 1fr) minmax(4.2rem, 0.92fr) auto;
    align-items: center;
    gap: 0.5rem;
    padding: 0.34rem 0;
    border-top: 1px solid rgba(160, 197, 255, 0.13);
    color: #dce8fc;
}

    .ai-demo__row small[b-t1unwhh72n] {
        margin-top: 0.12rem;
        color: #9cb2d8;
        font-size: 0.65rem;
    }

.ai-demo__link[b-t1unwhh72n] {
    display: inline-block;
    color: #82eaff;
    font-size: 0.72rem;
    font-weight: 760;
    line-height: 1.3;
    text-decoration: underline;
    text-decoration-color: rgba(116, 234, 255, 0.58);
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18rem;
}

.ai-demo__customer-link[b-t1unwhh72n] {
    color: #a7cfff;
    font-size: 0.67rem;
    font-weight: 650;
    text-decoration-color: rgba(167, 207, 255, 0.52);
}

.ai-demo__amount[b-t1unwhh72n] {
    color: #d6eeff;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

    .ai-demo__row > span:last-child[b-t1unwhh72n] {
        color: #d6eeff;
        font-size: 0.72rem;
        font-weight: 700;
    }

.ai-demo button[b-t1unwhh72n] {
    width: 100%;
    margin-top: 0.45rem;
    padding: 0.46rem 0.7rem;
    border: 1px solid rgba(72, 223, 255, 0.38);
    border-radius: 0.45rem;
    color: #eafbff;
    font: inherit;
    font-weight: 750;
    text-align: left;
    background: linear-gradient(98deg, rgba(17, 142, 220, 0.78), rgba(75, 67, 212, 0.82));
}

    .ai-demo button span[b-t1unwhh72n] {
        float: right;
        color: #fff;
    }

@keyframes ai-demo-glint-b-t1unwhh72n {
    0%, 70%, 100% { transform: translateX(-135%); }
    82% { transform: translateX(135%); }
}

@keyframes ai-demo-searching-b-t1unwhh72n {
    0%, 38% { opacity: 1; }
    45%, 100% { opacity: 0; }
}

@keyframes ai-demo-ready-b-t1unwhh72n {
    0%, 40% { opacity: 0; }
    48%, 84% { opacity: 1; }
    92%, 100% { opacity: 0; }
}

@keyframes ai-demo-result-b-t1unwhh72n {
    0%, 46% { max-height: 0; margin-top: 0; padding-block: 0; border-color: transparent; opacity: 0; visibility: hidden; transform: translateY(0.45rem); }
    47%, 84% { max-height: 24rem; margin-top: 0; padding-block: 0.65rem; border-color: rgba(54, 221, 255, 0.28); opacity: 1; visibility: visible; transform: translateY(0); }
    94%, 100% { max-height: 0; margin-top: 0; padding-block: 0; border-color: transparent; opacity: 0; visibility: hidden; transform: translateY(0.45rem); }
}

@keyframes ai-demo-dot-b-t1unwhh72n {
    0%, 80%, 100% { opacity: 0.3; transform: translateY(0); }
    40% { opacity: 1; transform: translateY(-0.16rem); }
}

@media (max-width: 900px) {
    .ai-section[b-t1unwhh72n] {
        grid-template-columns: 1fr;
        gap: 2rem;
        margin-top: 2rem;
        padding: 1.5rem 1.25rem;
    }

    .ai-demo[b-t1unwhh72n] {
        width: min(100%, 34rem);
        margin-inline: auto;
    }
}

@media (max-width: 700px) {
    .hero-visual[b-t1unwhh72n] {
        min-height: 33rem;
    }

    .hero-visual--with-disclaimer[b-t1unwhh72n] {
        min-height: 35rem;
    }

    .hero-app-window[b-t1unwhh72n] {
        grid-template-columns: 2.4rem minmax(0, 1fr);
        grid-template-rows: 20.5rem 9.5rem;
        width: min(34rem, 100%);
        height: 30rem;
        transform: translate(-50%, -50%);
    }

    .hero-app-nav[b-t1unwhh72n] {
        grid-row: 1 / -1;
    }

    .hero-app-assistant[b-t1unwhh72n] {
        display: grid;
        grid-column: 2;
        grid-template-columns: 4.8rem minmax(0, 1fr);
        grid-template-rows: auto auto minmax(0, 1fr);
        gap: 0.35rem 0.55rem;
        padding: 0.55rem 0.65rem;
        border-top: 1px solid rgba(145, 181, 248, 0.16);
        border-left: 0;
    }

    .hero-app-assistant__header[b-t1unwhh72n] {
        grid-column: 1 / -1;
    }

    .hero-app-assistant > img[b-t1unwhh72n] {
        grid-row: 2 / 4;
        width: 4.4rem;
        height: 4.4rem;
        margin: 0.05rem auto 0;
    }

    .hero-app-assistant > p[b-t1unwhh72n] {
        grid-column: 2;
        grid-row: 2;
        align-self: start;
        margin: 0;
        text-align: left;
    }

    .hero-app-suggestion[b-t1unwhh72n] {
        display: none;
    }

    .hero-app-suggestion--primary[b-t1unwhh72n] {
        display: flex;
        grid-column: 2;
        grid-row: 3;
        align-items: center;
        gap: 0.35rem;
        min-width: 0;
        margin: 0;
        min-height: 1.7rem;
        padding: 0.2rem 0.3rem;
        align-self: start;
    }

    .hero-app-suggestion--primary span[b-t1unwhh72n],
    .hero-app-suggestion--secondary span[b-t1unwhh72n] {
        display: none;
    }

    .hero-app-suggestion--primary strong[b-t1unwhh72n],
    .hero-app-suggestion--secondary strong[b-t1unwhh72n] {
        min-width: 0;
        font-size: 0.48rem;
        line-height: 1.15;
    }

    .hero-app-suggestion--primary b[b-t1unwhh72n],
    .hero-app-suggestion--secondary b[b-t1unwhh72n] {
        flex: 0 0 auto;
        margin-left: auto;
        padding: 0.22rem 0.3rem;
        font-size: 0.48rem;
        white-space: nowrap;
    }

    .hero-app-suggestion--secondary[b-t1unwhh72n] {
        display: flex;
        grid-column: 2;
        grid-row: 3;
        align-self: start;
        align-items: center;
        gap: 0.35rem;
        min-width: 0;
        min-height: 1.7rem;
        margin: 1.95rem 0 0;
        padding: 0.2rem 0.3rem;
    }
}

@media (max-width: 500px) {
    .hero-copy h1[b-t1unwhh72n] {
        font-size: 2.35rem;
    }

    .hero-visual[b-t1unwhh72n] {
        min-height: 31rem;
    }

    .hero-visual--with-disclaimer[b-t1unwhh72n] {
        min-height: 32.5rem;
    }

    .hero-app-window[b-t1unwhh72n] {
        grid-template-rows: 19rem 9rem;
        height: 28rem;
    }

    .hero-app-main__header[b-t1unwhh72n] {
        padding-inline: 0.6rem;
    }

    .hero-app-main__content[b-t1unwhh72n] {
        padding: 0.6rem 0.5rem;
    }

    .hero-app-main__context[b-t1unwhh72n] {
        font-size: 0.46rem;
    }

    .hero-app-board[b-t1unwhh72n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hero-app-board section:nth-child(3)[b-t1unwhh72n] {
        display: none;
    }

    .hero-app-board article[b-t1unwhh72n] {
        min-height: 4rem;
    }

    .content-panel--what .panel-visual[b-t1unwhh72n] {
        min-height: 21rem;
    }

    .content-panel--what .panel-visual--with-disclaimer[b-t1unwhh72n] {
        min-height: 22.5rem;
    }

    .project-demo[b-t1unwhh72n] {
        height: 19.5rem;
    }

    .project-demo__header[b-t1unwhh72n] {
        min-height: 2.42rem;
        padding-inline: 0.5rem;
    }

    .project-demo__search[b-t1unwhh72n] {
        display: none;
    }

    .project-demo__body[b-t1unwhh72n] {
        padding: 0.5rem;
    }

    .project-demo__project-heading[b-t1unwhh72n] {
        margin-top: 0.42rem;
    }

    .project-demo__title[b-t1unwhh72n] {
        font-size: 0.86rem;
    }

    .project-demo__workspace[b-t1unwhh72n] {
        grid-template-columns: minmax(0, 1fr) 7.65rem;
        gap: 0.38rem;
        margin-top: 0.45rem;
    }

    .project-demo__metrics[b-t1unwhh72n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.26rem;
    }

    .project-demo__metrics > div[b-t1unwhh72n] {
        padding: 0.34rem;
    }

    .project-demo__metrics > div:nth-child(3)[b-t1unwhh72n] {
        display: none;
    }

    .project-demo__metrics b[b-t1unwhh72n] {
        font-size: 0.68rem;
    }

    .project-demo__plan[b-t1unwhh72n] {
        margin-top: 0.35rem;
        padding: 0.42rem;
    }

    .project-demo__timeline[b-t1unwhh72n] {
        gap: 0.24rem;
    }

    .project-demo__timeline-item:nth-child(3)[b-t1unwhh72n] {
        display: none;
    }

    .project-demo__notice[b-t1unwhh72n],
    .project-demo__documents[b-t1unwhh72n] {
        padding: 0.42rem;
    }

    .project-demo__notice b[b-t1unwhh72n] {
        margin-top: 0.25rem;
        font-size: 0.58rem;
    }

    .project-demo__notice small[b-t1unwhh72n] {
        margin-top: 0.36rem;
        padding: 0.27rem;
        font-size: 0.43rem;
    }

    .project-demo__documents small[b-t1unwhh72n] {
        font-size: 0.42rem;
    }

    .project-demo__footer[b-t1unwhh72n] {
        grid-template-columns: 2.45rem minmax(0, 1fr) auto;
        min-height: 2.45rem;
        margin-top: 0.34rem;
        padding: 0.18rem 0.25rem;
    }

    .project-demo__devito img[b-t1unwhh72n] {
        bottom: -0.25rem;
        width: 2.45rem;
    }

    .project-demo__footer-copy small[b-t1unwhh72n] {
        margin-bottom: 0.04rem;
        font-size: 0.42rem;
    }

    .project-demo__footer-copy b[b-t1unwhh72n] {
        font-size: 0.5rem;
    }

    .project-demo__footer-action[b-t1unwhh72n] {
        padding: 0.22rem 0.26rem;
        font-size: 0.41rem;
    }

    .case-demo__header[b-t1unwhh72n] {
        min-height: 2.4rem;
        padding-inline: 0.5rem;
    }

    .case-demo__tabs[b-t1unwhh72n] {
        gap: 0.1rem;
        padding-inline: 0.4rem;
        font-size: 0.5rem;
    }

    .case-demo__tab[b-t1unwhh72n] {
        padding-inline: 0.24rem;
    }

    .case-demo__tab:nth-child(3)[b-t1unwhh72n] {
        display: none;
    }

    .case-demo__body[b-t1unwhh72n] {
        grid-template-columns: minmax(0, 1fr) 7.3rem;
        gap: 0.36rem;
        padding: 0.46rem;
    }

    .case-demo__details[b-t1unwhh72n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 0.45rem;
    }

    .case-demo__details div:nth-child(3)[b-t1unwhh72n] {
        display: none;
    }

    .case-demo__documents[b-t1unwhh72n] {
        margin-top: 0.45rem;
        padding: 0.38rem;
    }

    .case-demo__next-step[b-t1unwhh72n] {
        padding: 0.42rem;
    }

    .case-demo__next-step p[b-t1unwhh72n] {
        font-size: 0.48rem;
    }

    .ai-copy h2[b-t1unwhh72n] {
        font-size: 1.72rem;
    }

    .ai-demo__topbar[b-t1unwhh72n],
    .ai-demo__body[b-t1unwhh72n] {
        padding-inline: 0.75rem;
    }

    .ai-demo__status[b-t1unwhh72n] {
        font-size: 0.58rem;
    }

    .ai-demo__app[b-t1unwhh72n] {
        height: 29rem;
    }

    .ai-demo__result[b-t1unwhh72n] {
        top: 9.7rem;
    }

    .panel-visual[b-t1unwhh72n] {
        min-height: 15rem;
    }

    .section-art--hero[b-t1unwhh72n] {
        width: min(22rem, calc(100% - 2rem));
    }

    .panel-visual .section-art[b-t1unwhh72n] {
        width: 100%;
    }

    .feature-card__icon[b-t1unwhh72n] {
        height: 9.5rem;
    }

    .faq-section[b-t1unwhh72n] {
        padding: 1.15rem 0.85rem;
    }

    .faq-item summary[b-t1unwhh72n] {
        padding-inline: 0.85rem;
    }
}

+/* HOW WE WORK: PROJECT DETAIL */

.content-panel.content-panel--work[b-t1unwhh72n] {
    grid-template-columns: minmax(0, 1.16fr) minmax(19rem, 0.84fr);
}

.content-panel--work .panel-visual[b-t1unwhh72n] {
    min-height: 29rem;
    margin-right: 0.75rem;
}

.content-panel--work .panel-visual--with-disclaimer[b-t1unwhh72n] {
    min-height: 32.75rem;
}

.content-panel--work .panel-visual .demo-disclaimer[b-t1unwhh72n] {
    top: calc(50% + 14.4rem);
}

.project-detail-demo[b-t1unwhh72n] {
    position: absolute;
    inset: 50% auto auto 50%;
    display: grid;
    grid-template-columns: 9.65rem minmax(0, 1fr);
    width: min(42rem, 108%);
    height: 27.5rem;
    overflow: hidden;
    border: 1px solid rgba(130, 183, 255, 0.32);
    border-radius: 0.9rem;
    color: #eaf3ff;
    background: #091633;
    box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.34), 0 0 2.7rem rgba(26, 175, 255, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transform: translate(-50%, -50%);
}

.project-detail-demo__nav[b-t1unwhh72n] {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    padding: 0.9rem 0.5rem;
    border-right: 1px solid rgba(139, 181, 243, 0.16);
    background: linear-gradient(180deg, #101d3c, #08142d 78%);
}

.panel-visual .project-detail-demo__logo img[b-t1unwhh72n] {
    display: block;
    width: 5.35rem;
    height: auto;
    margin: 0.05rem auto 0.85rem;
    border-radius: 0;
    box-shadow: none;
    filter: none;
}

.project-detail-demo__nav > span[b-t1unwhh72n] {
    padding: 0.38rem 0.46rem;
    color: #cfdef3;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.24;
}

.project-detail-demo__nav-current[b-t1unwhh72n] {
    border: 1px solid rgba(69, 206, 255, 0.24);
    border-radius: 0.36rem;
    color: #f1fbff !important;
    background: linear-gradient(105deg, rgba(18, 124, 196, 0.35), rgba(67, 61, 190, 0.28));
}

.project-detail-demo__body[b-t1unwhh72n] {
    min-width: 0;
    padding: 1.25rem 1.3rem;
}

.project-detail-demo__heading[b-t1unwhh72n],
.project-detail-demo__progress-copy[b-t1unwhh72n],
.project-detail-demo__update[b-t1unwhh72n] {
    display: flex;
    align-items: center;
}

.project-detail-demo__heading[b-t1unwhh72n] {
    justify-content: space-between;
    gap: 0.8rem;
}

.project-detail-demo__eyebrow[b-t1unwhh72n],
.project-detail-demo__title[b-t1unwhh72n],
.project-detail-demo__description[b-t1unwhh72n],
.project-detail-demo__updated[b-t1unwhh72n],
.project-detail-demo__updates-title[b-t1unwhh72n],
.project-detail-demo__date[b-t1unwhh72n] {
    display: block;
}

.project-detail-demo__eyebrow[b-t1unwhh72n] {
    color: #62ddff;
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.1em;
}

.project-detail-demo__title[b-t1unwhh72n] {
    margin-top: 0.18rem;
    color: #f7fbff;
    font-size: 1.28rem;
    font-weight: 500;
    line-height: 1.15;
}

.project-detail-demo__status[b-t1unwhh72n] {
    flex: 0 0 auto;
    padding: 0.34rem 0.55rem;
    border: 1px solid rgba(75, 239, 174, 0.35);
    border-radius: 0.35rem;
    color: #74f2bc;
    font-size: 0.76rem;
    font-weight: 500;
    background: rgba(16, 107, 80, 0.18);
}

.project-detail-demo__status[b-t1unwhh72n]::before {
    display: inline-block;
    width: 0.38rem;
    height: 0.38rem;
    margin-right: 0.3rem;
    border-radius: 50%;
    content: "";
    background: #50e9aa;
    box-shadow: 0 0 0.55rem rgba(80, 233, 170, 0.7);
}

.project-detail-demo__description[b-t1unwhh72n] {
    max-width: 28rem;
    margin-top: 0.72rem;
    color: #bbceed;
    font-size: 0.84rem;
    font-weight: 500;
    line-height: 1.48;
}

.project-detail-demo__progress[b-t1unwhh72n] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.48rem 0.8rem;
    margin-top: 1.1rem;
    padding: 0.9rem;
    border: 1px solid rgba(143, 184, 244, 0.18);
    border-radius: 0.55rem;
    background: rgba(10, 30, 69, 0.54);
}

.project-detail-demo__progress-copy[b-t1unwhh72n] {
    justify-content: space-between;
    gap: 0.7rem;
    grid-column: 1 / -1;
    color: #e9f4ff;
    font-size: 0.88rem;
    font-weight: 500;
}

.project-detail-demo__progress-copy span:last-child[b-t1unwhh72n] {
    color: #8deaff;
    font-size: 0.98rem;
}

.project-detail-demo__progress-bar[b-t1unwhh72n] {
    display: block;
    grid-column: 1 / -1;
    height: 0.42rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(119, 159, 219, 0.2);
}

.project-detail-demo__progress-bar i[b-t1unwhh72n] {
    display: block;
    width: 68%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #19cdea, #5960ef);
    box-shadow: 0 0 0.72rem rgba(49, 169, 255, 0.45);
}

.project-detail-demo__updated[b-t1unwhh72n] {
    grid-column: 1 / -1;
    color: #69e7bb;
    font-size: 0.74rem;
    font-weight: 500;
}

.project-detail-demo__updates[b-t1unwhh72n] {
    margin-top: 1rem;
}

.project-detail-demo__updates-title[b-t1unwhh72n] {
    color: #f2f7ff;
    font-size: 0.98rem;
    font-weight: 500;
}

.project-detail-demo__update[b-t1unwhh72n] {
    gap: 0.72rem;
    min-height: 2.5rem;
    padding: 0.48rem 0;
    border-bottom: 1px solid rgba(143, 184, 244, 0.15);
    color: #c7d8ef;
    font-size: 0.79rem;
    font-weight: 500;
    line-height: 1.32;
}

.project-detail-demo__date[b-t1unwhh72n] {
    flex: 0 0 2.2rem;
    color: #64dcff;
    font-size: 0.72rem;
}

@media (max-width: 1020px) and (min-width: 901px) {
    .content-panel.content-panel--work[b-t1unwhh72n] {
        grid-template-columns: minmax(0, 1.08fr) minmax(17rem, 0.92fr);
    }

    .project-detail-demo[b-t1unwhh72n] {
        grid-template-columns: 8.65rem minmax(0, 1fr);
        width: min(39rem, 108%);
    }

    .project-detail-demo__nav > span[b-t1unwhh72n] {
        font-size: 0.66rem;
    }
}

@media (max-width: 900px) {
    .content-panel.content-panel--work[b-t1unwhh72n] {
        grid-template-columns: 1fr;
    }

    .content-panel--work .panel-visual[b-t1unwhh72n] {
        min-height: 29rem;
        margin: 1.25rem 1.25rem 0;
    }

    .content-panel--work .panel-visual--with-disclaimer[b-t1unwhh72n] {
        min-height: 31.5rem;
    }

    .project-detail-demo[b-t1unwhh72n] {
        width: min(42rem, 100%);
    }
}

@media (max-width: 500px) {
    .content-panel--work .panel-visual[b-t1unwhh72n] {
        min-height: 24.5rem;
        margin-inline: 0.7rem;
    }

    .content-panel--work .panel-visual--with-disclaimer[b-t1unwhh72n] {
        min-height: 27.25rem;
    }

    .project-detail-demo[b-t1unwhh72n] {
        grid-template-columns: 7.8rem minmax(0, 1fr);
        height: 23.5rem;
        border-radius: 0.68rem;
    }

    .project-detail-demo__nav[b-t1unwhh72n] {
        gap: 0.12rem;
        padding: 0.58rem 0.32rem;
    }

    .panel-visual .project-detail-demo__logo img[b-t1unwhh72n] {
        width: 4.25rem;
        margin-bottom: 0.45rem;
    }

    .project-detail-demo__nav > span[b-t1unwhh72n] {
        padding: 0.27rem 0.31rem;
        font-size: 0.59rem;
    }

    .project-detail-demo__body[b-t1unwhh72n] {
        padding: 0.75rem 0.68rem;
    }

    .project-detail-demo__eyebrow[b-t1unwhh72n] {
        font-size: 0.52rem;
    }

    .project-detail-demo__title[b-t1unwhh72n] {
        font-size: 0.92rem;
    }

    .project-detail-demo__status[b-t1unwhh72n] {
        padding: 0.25rem 0.34rem;
        font-size: 0.57rem;
    }

    .project-detail-demo__status[b-t1unwhh72n]::before {
        width: 0.3rem;
        height: 0.3rem;
        margin-right: 0.18rem;
    }

    .project-detail-demo__description[b-t1unwhh72n] {
        margin-top: 0.45rem;
        font-size: 0.62rem;
    }

    .project-detail-demo__progress[b-t1unwhh72n] {
        gap: 0.32rem;
        margin-top: 0.7rem;
        padding: 0.55rem;
    }

    .project-detail-demo__progress-copy[b-t1unwhh72n] {
        font-size: 0.64rem;
    }

    .project-detail-demo__progress-copy span:last-child[b-t1unwhh72n] {
        font-size: 0.7rem;
    }

    .project-detail-demo__progress-bar[b-t1unwhh72n] {
        height: 0.3rem;
    }

    .project-detail-demo__updated[b-t1unwhh72n] {
        font-size: 0.55rem;
    }

    .project-detail-demo__updates[b-t1unwhh72n] {
        margin-top: 0.65rem;
    }

    .project-detail-demo__updates-title[b-t1unwhh72n] {
        font-size: 0.7rem;
    }

    .project-detail-demo__update[b-t1unwhh72n] {
        gap: 0.4rem;
        min-height: 1.8rem;
        padding: 0.3rem 0;
        font-size: 0.55rem;
    }

    .project-detail-demo__date[b-t1unwhh72n] {
        flex-basis: 1.55rem;
        font-size: 0.52rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .primary-cta[b-t1unwhh72n],
    .feature-card[b-t1unwhh72n],
    .contact-link[b-t1unwhh72n],
    .faq-icon[b-t1unwhh72n]::before,
    .faq-icon[b-t1unwhh72n]::after {
        transition: none;
    }

    .ai-demo[b-t1unwhh72n]::before,
    .ai-demo__result[b-t1unwhh72n],
    .ai-demo__searching[b-t1unwhh72n],
    .ai-demo__ready[b-t1unwhh72n],
    .ai-demo__dots i[b-t1unwhh72n] {
        animation: none;
    }

    .ai-demo__searching[b-t1unwhh72n],
    .ai-demo__dots[b-t1unwhh72n] {
        display: none;
    }

    .ai-demo__ready[b-t1unwhh72n] {
        position: static;
        display: block;
        opacity: 1;
    }

    .ai-demo__result[b-t1unwhh72n] {
        max-height: 24rem;
        padding-block: 0.65rem;
        border-color: rgba(54, 221, 255, 0.28);
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

@media (max-width: 900px) {
    .content-panel--what .panel-visual .demo-disclaimer[b-t1unwhh72n] {
        top: calc(50% + 11.25rem);
    }

    .content-panel--deliver .panel-visual--with-disclaimer[b-t1unwhh72n] {
        min-height: 30rem;
    }

    .content-panel--deliver .panel-visual .demo-disclaimer[b-t1unwhh72n],
    .content-panel--work .panel-visual .demo-disclaimer[b-t1unwhh72n] {
        top: calc(50% + 14.25rem);
    }

    .content-panel--work .panel-visual--with-disclaimer[b-t1unwhh72n] {
        min-height: 32.75rem;
    }
}

@media (max-width: 500px) {
    .content-panel--what .panel-visual .demo-disclaimer[b-t1unwhh72n] {
        top: calc(50% + 10.25rem);
    }

    .content-panel--deliver .panel-visual--with-disclaimer[b-t1unwhh72n] {
        min-height: 26.5rem;
    }

    .content-panel--deliver .panel-visual .demo-disclaimer[b-t1unwhh72n],
    .content-panel--work .panel-visual .demo-disclaimer[b-t1unwhh72n] {
        top: calc(50% + 12.25rem);
    }
}