:root { --bg:#08070d; --surface:#12101a; --surface-2:#181421; --text:#f6f1f4; --soft:#c7bec8; --muted:#918895; --rose:#d7a48f; --rose-light:#efc7b5; --purple:#8e5cf6; --border:rgba(255,255,255,.09); --shell:1200px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:90px; background:var(--bg); }
body { margin:0; color:var(--text); background:radial-gradient(circle at 80% 4%,rgba(142,92,246,.14),transparent 28%),var(--bg); font-family:"Inter",Arial,sans-serif; line-height:1.6; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.public-shell { width:min(calc(100% - 48px),var(--shell)); margin-inline:auto; }
.public-nav { position:sticky; top:0; z-index:50; border-bottom:1px solid var(--border); background:rgba(8,7,13,.82); backdrop-filter:blur(20px); }
.public-nav__inner { display:flex; min-height:76px; align-items:center; gap:30px; }
.public-brand { display:flex; align-items:center; gap:10px; font-size:.94rem; font-weight:700; white-space:nowrap; }
.public-brand b { color:var(--rose-light); font-weight:600; }
.public-brand__mark { display:block; width:34px; height:34px; flex:0 0 34px; object-fit:contain; background:transparent; border:0; border-radius:0; box-shadow:none; }
.public-nav__links { display:flex; align-items:center; justify-content:center; gap:26px; margin-left:auto; }
.public-nav__links a { color:var(--soft); font-size:.78rem; font-weight:600; transition:.18s; }
.public-nav__links a:hover { color:var(--rose-light); }
.public-nav__actions,.hero__actions,.final-cta>div:last-child { display:flex; align-items:center; gap:10px; }
.button { display:inline-flex; min-height:40px; align-items:center; justify-content:center; padding:0 15px; border:1px solid var(--border); border-radius:11px; font-size:.75rem; font-weight:700; transition:transform .18s,border-color .18s,box-shadow .18s; }
.button:hover { transform:translateY(-2px); border-color:rgba(215,164,143,.4); }
.button--primary { color:#201419; border-color:transparent; background:linear-gradient(135deg,var(--rose-light),var(--rose)); box-shadow:0 9px 28px rgba(215,164,143,.14); }
.button--ghost { color:var(--text); background:rgba(255,255,255,.025); }
.button--large { min-height:50px; padding:0 21px; border-radius:14px; font-size:.82rem; }
.public-nav__toggle,.public-nav__toggle-label { display:none; }
.hero { display:grid; min-height:690px; grid-template-columns:.95fr 1.05fr; align-items:center; gap:72px; padding-block:80px; }
.eyebrow { display:inline-block; margin-bottom:15px; color:var(--rose); font-size:.7rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.hero h1,.section-intro h2,.ai-layout h2,.final-cta h2 { margin:0; font-size:clamp(2.8rem,5.5vw,5rem); line-height:1.02; letter-spacing:-.06em; }
.hero h1 span,.section-intro h2 span,.ai-layout h2 span { color:var(--rose-light); }
.hero__content>p { max-width:640px; margin:25px 0 30px; color:var(--soft); font-size:1rem; line-height:1.8; }
.hero__proof { display:flex; align-items:center; gap:9px; margin-top:22px; color:var(--muted); font-size:.72rem; }
.hero__proof span { width:7px; height:7px; border-radius:50%; background:#67ce91; box-shadow:0 0 0 5px rgba(103,206,145,.08); }
.product-frame { position:relative; overflow:hidden; border:1px solid rgba(215,164,143,.2); border-radius:22px; background:#0b0910; box-shadow:0 35px 90px rgba(0,0,0,.46),0 0 70px rgba(142,92,246,.1); transform:perspective(1100px) rotateY(-3deg) rotateX(1deg); }
.product-frame__bar { display:flex; height:42px; align-items:center; gap:6px; padding:0 14px; color:#6f6872; border-bottom:1px solid var(--border); font-size:.55rem; }
.product-frame__bar i { width:7px; height:7px; border-radius:50%; background:#3b3540; }.product-frame__bar i:first-child{background:#9e6678}.product-frame__bar span{margin-left:auto}
.product-frame__body { display:grid; min-height:390px; grid-template-columns:62px 1fr; }
.product-frame aside { display:flex; flex-direction:column; align-items:center; gap:24px; padding:22px 0; border-right:1px solid var(--border); background:#0d0a12; }
.product-frame aside b { display:grid; width:28px; height:28px; place-items:center; color:#21151a; border-radius:8px; background:var(--rose); font-size:.65rem; }.product-frame aside span{width:20px;height:4px;border-radius:5px;background:#332c38}
.product-frame__canvas { padding:24px; background:radial-gradient(circle at 80% 0,rgba(142,92,246,.09),transparent 35%),#100d16; }
.product-frame__heading { display:flex; justify-content:space-between; align-items:flex-start; }.product-frame__heading div{display:grid;gap:5px}.product-frame__heading small{color:var(--rose);font-size:.42rem;letter-spacing:.12em}.product-frame__heading strong{font-size:.9rem}.product-frame__heading em{padding:6px 9px;color:#cbbcff;border:1px solid rgba(142,92,246,.2);border-radius:8px;background:rgba(142,92,246,.1);font-size:.48rem;font-style:normal}
.product-frame__metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:23px; }.product-frame__metrics i{height:69px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}.product-frame__metrics i:after{display:block;width:42%;height:5px;margin:42px 10px 0;content:"";border-radius:4px;background:rgba(215,164,143,.45)}
.product-frame__chart { position:relative;height:142px;margin-top:12px;border:1px solid var(--border);border-radius:12px;background:repeating-linear-gradient(0deg,transparent,transparent 34px,rgba(255,255,255,.035) 35px); }.product-frame__chart span{position:absolute;inset:36px 20px 25px;background:linear-gradient(170deg,transparent 48%,rgba(142,92,246,.5) 49%,rgba(215,164,143,.7) 52%,transparent 54%);clip-path:polygon(0 70%,18% 54%,35% 64%,52% 25%,70% 45%,83% 12%,100% 30%,100% 100%,0 100%)}
.product-frame__lower{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-top:12px}.product-frame__lower i{height:62px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.02)}
.product-frame__glow { position:absolute; right:-80px; bottom:-90px; width:220px; height:220px; border-radius:50%; background:rgba(142,92,246,.16); filter:blur(60px); pointer-events:none; }
.stack-strip { border-block:1px solid var(--border); background:rgba(255,255,255,.018); }.stack-strip>div{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:24px;overflow-x:auto}.stack-strip span{color:#8d8491;font-size:.72rem;font-weight:700;white-space:nowrap}
.public-section { padding-block:120px; }.public-section--soft{border-block:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008))}
.section-intro { max-width:720px; margin-bottom:48px; }.section-intro h2,.ai-layout h2{font-size:clamp(2.2rem,4vw,3.8rem)}.section-intro p,.section-copy{max-width:650px;margin:20px 0 0;color:var(--muted);line-height:1.8}.section-intro--row{display:flex;max-width:none;align-items:flex-end;justify-content:space-between;gap:50px}.section-intro--row p{max-width:430px;margin-bottom:5px}.section-intro--center{margin-inline:auto;text-align:center}
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.public-card{min-height:260px;padding:28px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.014)),var(--surface);box-shadow:0 20px 50px rgba(0,0,0,.18)}.public-card--accent{background:radial-gradient(circle at 90% 0,rgba(142,92,246,.16),transparent 48%),var(--surface)}.card-index{color:var(--rose);font-size:.65rem;font-weight:800;letter-spacing:.12em}.public-card h3{margin:55px 0 12px;font-size:1.15rem}.public-card p,.module-grid-public p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.75}
.module-grid-public { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--border); border-left:1px solid var(--border); }.module-grid-public article{min-height:190px;padding:27px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .2s}.module-grid-public article:hover{background:rgba(142,92,246,.055)}.module-grid-public b{display:block;margin-bottom:31px;color:var(--rose-light);font-size:.92rem}
.ai-section { overflow:hidden;background:radial-gradient(circle at 18% 55%,rgba(142,92,246,.13),transparent 33%)}.ai-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.ai-orb{display:flex;align-items:center;gap:16px;margin-top:38px;color:var(--soft);font-size:.78rem}.ai-orb i{display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(215,164,143,.3);border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--rose-light),var(--purple));box-shadow:0 0 35px rgba(142,92,246,.25);font-style:normal;font-weight:800}.chip-cloud{display:flex;flex-wrap:wrap;gap:11px}.chip-cloud span,.tech-badges span{padding:11px 14px;color:var(--soft);border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025);font-size:.72rem}
.pipeline { display:flex;align-items:center;gap:9px;padding:25px;overflow-x:auto;border:1px solid var(--border);border-radius:20px;background:var(--surface);scrollbar-width:thin}.pipeline span{display:grid;min-width:145px;min-height:72px;padding:12px;place-items:center;text-align:center;border:1px solid rgba(215,164,143,.14);border-radius:12px;background:rgba(215,164,143,.04);font-size:.68rem;font-weight:600}.pipeline i{color:var(--rose);font-style:normal}
.architecture-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.architecture-card{padding:34px;border:1px solid var(--border);border-radius:22px;background:var(--surface)}.architecture-card h3{max-width:500px;margin:0 0 30px;font-size:1.55rem;line-height:1.3}.mini-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mini-flow span,.production-flow>span{padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);font-size:.7rem}.mini-flow i,.production-flow i{color:var(--rose);font-style:normal}.architecture-card ul{display:grid;grid-template-columns:1fr 1fr;gap:7px 22px;margin:26px 0 0;padding-left:18px;color:var(--muted);font-size:.72rem}.production-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.production-flow strong{display:flex;gap:7px;flex-basis:100%;margin-top:10px}.production-flow em{padding:11px 13px;color:var(--soft);border-left:2px solid var(--purple);background:rgba(142,92,246,.06);font-size:.68rem;font-style:normal}.tech-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.tech-badges span{padding:7px 10px;font-size:.62rem}

.final-cta{display:flex;min-height:390px;align-items:center;justify-content:space-between;gap:40px;margin-block:90px;padding:55px;border:1px solid rgba(215,164,143,.2);border-radius:26px;background:radial-gradient(circle at 90% 20%,rgba(142,92,246,.18),transparent 36%),linear-gradient(145deg,rgba(215,164,143,.08),transparent),var(--surface)}.final-cta h2{font-size:clamp(2.1rem,4vw,3.6rem)}.final-cta p{color:var(--muted)}
.public-footer{border-top:1px solid var(--border)}.public-footer>div{display:flex;min-height:140px;align-items:center;justify-content:space-between;gap:30px}.public-footer div>div{display:grid;gap:3px}.public-footer b{font-size:.85rem}.public-footer span,.public-footer p,.public-footer a{color:var(--muted);font-size:.67rem}.public-footer nav{display:flex;gap:18px}
@media(max-width:1050px){.public-nav__links{display:none}.public-nav__actions{margin-left:auto}.hero{grid-template-columns:1fr;gap:55px}.product-frame{width:min(100%,750px);margin:auto;transform:none}.feature-grid,.module-grid-public{grid-template-columns:repeat(2,1fr)}.ai-layout{gap:45px}.architecture-grid{grid-template-columns:1fr}}
@media(max-width:720px){.public-shell{width:min(calc(100% - 30px),var(--shell))}.public-nav__actions{display:none}.public-nav__toggle-label{display:grid;width:38px;height:38px;margin-left:auto;padding:10px;align-content:center;gap:4px;border:1px solid var(--border);border-radius:10px}.public-nav__toggle-label span{height:1px;background:var(--soft)}.public-nav__toggle:checked~.public-nav__links{position:absolute;top:76px;right:15px;left:15px;display:grid;gap:0;padding:10px;border:1px solid var(--border);border-radius:14px;background:#100d16;box-shadow:0 20px 45px rgba(0,0,0,.4)}.public-nav__links a{padding:12px}.hero{min-height:auto;padding-block:65px}.hero h1{font-size:clamp(2.55rem,13vw,4rem)}.product-frame__body{min-height:300px;grid-template-columns:46px 1fr}.product-frame__canvas{padding:15px}.product-frame__metrics{grid-template-columns:repeat(2,1fr)}.product-frame__metrics i:nth-child(n+3){display:none}.stack-strip>div{justify-content:flex-start}.public-section{padding-block:80px}.section-intro--row,.ai-layout,.final-cta{display:grid;grid-template-columns:1fr}.feature-grid,.module-grid-public{grid-template-columns:1fr}.module-grid-public article{min-height:160px}.ai-layout{gap:50px}.pipeline{flex-direction:column;overflow:visible}.pipeline span{width:100%;min-width:0}.pipeline i{transform:rotate(90deg)}.architecture-card{padding:25px}.production-flow strong{display:grid}.final-cta{min-height:0;margin-block:55px;padding:32px}.final-cta>div:last-child{align-items:stretch;flex-direction:column}.public-footer>div{align-items:flex-start;flex-direction:column;padding-block:35px}.hero__actions{align-items:stretch;flex-direction:column}.hero__actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Real product screenshots */
.product-frame--real {
    background: #0b0910;
}

.product-frame__image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1897 / 870;
    object-fit: cover;
    object-position: top left;
}


/* Screenshot presentation fixes */
.product-frame--real .product-frame__image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center top;
}


/* Screenshot lightbox */


/* Landing final polish */
.pipeline {
    display: grid;
    grid-template-columns: repeat(6, minmax(120px, 1fr));
    gap: 10px;
    overflow: visible;
}

.pipeline span {
    min-width: 0;
    width: 100%;
}

.pipeline i {
    display: none;
}

@media (max-width: 1050px) {
    .pipeline {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 720px) {
    .pipeline {
        grid-template-columns: 1fr;
    }
}


/* Hero product carousel */
.hero-carousel {
    width: 108%;
    justify-self: center;
}

.hero-carousel__viewport {
    position: relative;
    overflow: hidden;
    background: #0b0910;
}

.hero-carousel__image {
    display: block;
    width: 100%;
    transition:
        opacity .24s ease,
        transform .3s ease;
}

.hero-carousel__image.is-changing {
    opacity: .18;
    transform: scale(.992);
}

.hero-carousel__arrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    display: grid;
    width: 42px;
    height: 42px;
    padding: 0;
    place-items: center;
    color: #fff;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    background: rgba(10, 7, 14, .72);
    box-shadow: 0 8px 28px rgba(0, 0, 0, .3);
    backdrop-filter: blur(10px);
    transform: translateY(-50%);
    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.hero-carousel__arrow:hover {
    border-color: rgba(215, 164, 143, .55);
    background: rgba(38, 25, 35, .9);
}

.hero-carousel__arrow--prev {
    left: 16px;
}

.hero-carousel__arrow--next {
    right: 16px;
}

.hero-carousel__dots {
    position: relative;
    z-index: 4;
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-top: 1px solid var(--border);
    background: rgba(11, 9, 16, .96);
}

.hero-carousel__dot {
    width: 7px;
    height: 7px;
    padding: 0;
    cursor: pointer;
    border: 0;
    border-radius: 999px;
    background: #514852;
    transition:
        width .2s ease,
        background .2s ease;
}

.hero-carousel__dot.is-active {
    width: 22px;
    background: var(--rose);
}

@media (max-width: 1050px) {
    .hero-carousel {
        width: min(100%, 820px);
    }
}

@media (max-width: 720px) {
    .hero-carousel__arrow {
        width: 36px;
        height: 36px;
    }

    .hero-carousel__arrow--prev {
        left: 9px;
    }

    .hero-carousel__arrow--next {
        right: 9px;
    }
}

/* Hero carousel visibility polish */
@media (min-width: 1051px) {
    .hero {
        grid-template-columns: .88fr 1.12fr;
        gap: 56px;
    }

    .hero .hero-carousel {
        width: 116%;
        max-width: 920px;
    }
}

.hero-carousel {
    overflow: hidden;
}

.hero-carousel__viewport {
    position: relative;
}

.hero-carousel .hero-carousel__arrow {
    z-index: 10;
    width: 48px;
    height: 48px;
    color: #1b1117;
    font-size: 20px;
    font-weight: 800;
    border: 1px solid rgba(255,255,255,.3);
    background: rgba(232, 187, 167, .94);
    box-shadow: 0 10px 35px rgba(0,0,0,.42);
    opacity: .95;
}

.hero-carousel .hero-carousel__arrow:hover {
    color: #120b10;
    border-color: rgba(255,255,255,.5);
    background: #f1c6b3;
    transform: translateY(-50%) scale(1.07);
}

.hero-carousel .hero-carousel__arrow--prev {
    left: 18px;
}

.hero-carousel .hero-carousel__arrow--next {
    right: 18px;
}

.hero-carousel .hero-carousel__dots {
    position: absolute;
    z-index: 10;
    bottom: 15px;
    left: 50%;
    display: flex;
    width: auto;
    min-height: 34px;
    padding: 0 13px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    background: rgba(8,6,11,.78);
    box-shadow: 0 8px 30px rgba(0,0,0,.35);
    backdrop-filter: blur(12px);
    transform: translateX(-50%);
}

.hero-carousel .hero-carousel__dot {
    display: block;
    width: 8px;
    height: 8px;
    min-width: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.42);
    box-shadow: none;
    transition:
        width .22s ease,
        background .22s ease,
        transform .22s ease;
}

.hero-carousel .hero-carousel__dot.is-active {
    width: 28px;
    background: #e4ad96;
    transform: scaleY(1.1);
}

@media (max-width: 720px) {
    .hero-carousel .hero-carousel__arrow {
        width: 40px;
        height: 40px;
        font-size: 17px;
    }

    .hero-carousel .hero-carousel__dots {
        bottom: 10px;
    }
}

/* =========================================
   PUBLIC NAV PREFERENCES
   ========================================= */

.public-nav__preferences {
    display: flex;
    align-items: center;
    gap: 8px;
}

.public-language {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 2px;
    padding: 3px;

    border: 1px solid var(--border);
    border-radius: 10px;

    background: rgba(255, 255, 255, 0.025);
}

.public-language > span {
    width: 1px;
    height: 14px;
    background: var(--border);
}

.public-language__button {
    min-width: 31px;
    height: 28px;
    padding: 0 7px;

    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 7px;

    font: inherit;
    font-size: 0.65rem;
    font-weight: 750;

    cursor: pointer;

    transition:
        color 160ms ease,
        background 160ms ease;
}

.public-language__button:hover {
    color: var(--text);
}

.public-language__button.is-active {
    color: var(--text);
    background: rgba(215, 164, 143, 0.14);
}

.public-theme-toggle {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

    padding: 0;

    color: var(--soft);
    background: rgba(255, 255, 255, 0.025);

    border: 1px solid var(--border);
    border-radius: 10px;

    font-size: 0.88rem;

    cursor: pointer;

    transition:
        color 160ms ease,
        border-color 160ms ease,
        background 160ms ease,
        transform 160ms ease;
}

.public-theme-toggle:hover {
    color: var(--rose-light);
    border-color: rgba(215, 164, 143, 0.38);
    transform: translateY(-1px);
}

.public-language__button:focus-visible,
.public-theme-toggle:focus-visible {
    outline: 2px solid var(--rose);
    outline-offset: 2px;
}


/* =========================================
   PUBLIC LIGHT THEME
   ========================================= */

html[data-public-theme="dark"] {
    color-scheme: dark;
}

html[data-public-theme="light"] {
    color-scheme: light;

    --bg: #f8f4f6;
    --surface: #fffafb;
    --surface-2: #f2e9ee;

    --text: #2c2027;
    --soft: #62535c;
    --muted: #7d6e77;

    --rose: #a96f61;
    --rose-light: #925d52;
    --purple: #7450c7;

    --border: rgba(72, 46, 61, 0.13);
}

html[data-public-theme="light"] body {
    background:
        radial-gradient(
            circle at 80% 4%,
            rgba(116, 80, 199, 0.08),
            transparent 28%
        ),
        var(--bg);
}

html[data-public-theme="light"] .public-nav {
    background: rgba(248, 244, 246, 0.88);

    box-shadow:
        0 1px 0 rgba(72, 46, 61, 0.03),
        0 10px 35px rgba(72, 46, 61, 0.04);
}

html[data-public-theme="light"] .button--ghost,
html[data-public-theme="light"] .public-language,
html[data-public-theme="light"] .public-theme-toggle {
    background: rgba(255, 255, 255, 0.72);
}

html[data-public-theme="light"] .stack-strip {
    background: rgba(72, 46, 61, 0.025);
}

html[data-public-theme="light"] .public-section--soft {
    background:
        linear-gradient(
            180deg,
            rgba(72, 46, 61, 0.025),
            rgba(255, 255, 255, 0.18)
        );
}

html[data-public-theme="light"] .public-card {
    box-shadow: 0 20px 50px rgba(72, 46, 61, 0.07);
}

html[data-public-theme="light"] .chip-cloud span,
html[data-public-theme="light"] .tech-badges span {
    background: rgba(72, 46, 61, 0.025);
}

html[data-public-theme="light"] .hero__proof span {
    box-shadow: 0 0 0 5px rgba(103, 180, 128, 0.10);
}


/* =========================================
   PUBLIC NAV MOBILE PREFERENCES
   ========================================= */

@media (max-width: 720px) {
    .public-nav__inner {
        gap: 8px;
    }

    .public-nav__preferences {
        order: 2;
        margin-left: auto;
        gap: 5px;
    }

    .public-nav__toggle-label {
        order: 3;
        margin-left: 0;
    }

    .public-language {
        min-height: 34px;
    }

    .public-language__button {
        min-width: 29px;
        height: 26px;
        padding-inline: 6px;
    }

    .public-theme-toggle {
        width: 34px;
        height: 34px;
    }

    html[data-public-theme="light"]
    .public-nav__toggle:checked ~ .public-nav__links {
        background: #fffafb;

        box-shadow:
            0 20px 45px rgba(72, 46, 61, 0.12);
    }
}

/* =========================================
   PREMIUM LANGUAGE SEGMENTED CONTROL
   ========================================= */

.public-language {
    position: relative;

    display: inline-grid;
    grid-template-columns: repeat(2, minmax(36px, 1fr));
    align-items: center;

    min-height: 40px;
    padding: 4px;
    gap: 3px;

    border: 1px solid rgba(215, 164, 143, 0.22);
    border-radius: 999px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.018)
        );

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

/* Eski separator artık gerekli değil */
.public-language > span {
    display: none;
}

.public-language__button {
    position: relative;

    min-width: 38px;
    height: 30px;
    padding: 0 11px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 0;
    border-radius: 999px;

    color: var(--muted);
    background: transparent;

    font: inherit;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.055em;

    cursor: pointer;

    transition:
        color 180ms ease,
        background 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease;
}

.public-language__button:hover:not(.is-active) {
    color: var(--text);

    background:
        rgba(215, 164, 143, 0.08);

    transform: translateY(-1px);
}

.public-language__button.is-active {
    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--rose-light) 0%,
            var(--rose) 100%
        );

    box-shadow:
        0 7px 18px rgba(169, 111, 97, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.28);

    text-shadow:
        0 1px 2px rgba(52, 28, 37, 0.18);
}

.public-language__button.is-active:hover {
    transform: translateY(-1px);

    box-shadow:
        0 9px 22px rgba(169, 111, 97, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.30);
}


/* LIGHT THEME */

html[data-public-theme="light"] .public-language {
    border-color: rgba(146, 93, 82, 0.18);

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.94),
            rgba(249, 241, 245, 0.84)
        );

    box-shadow:
        0 8px 22px rgba(72, 46, 61, 0.075),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

html[data-public-theme="light"]
.public-language__button {
    color: #7b6871;
}

html[data-public-theme="light"]
.public-language__button:hover:not(.is-active) {
    color: #3d2d35;
    background: rgba(169, 111, 97, 0.08);
}

html[data-public-theme="light"]
.public-language__button.is-active {
    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #bb806a 0%,
            #9e6552 100%
        );

    box-shadow:
        0 7px 18px rgba(158, 101, 82, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.26);
}


/* DARK THEME */

html[data-public-theme="dark"] .public-language {
    border-color: rgba(239, 199, 181, 0.17);

    background:
        linear-gradient(
            145deg,
            rgba(25, 20, 31, 0.88),
            rgba(13, 10, 18, 0.82)
        );

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

html[data-public-theme="dark"]
.public-language__button.is-active {
    color: #24161c;

    background:
        linear-gradient(
            135deg,
            #efc7b5,
            #d7a48f
        );

    box-shadow:
        0 7px 20px rgba(215, 164, 143, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.30);
}


/* ACCESSIBILITY */

.public-language__button:focus-visible {
    outline: 2px solid var(--rose);
    outline-offset: 2px;
}


/* MOBILE */

@media (max-width: 720px) {
    .public-language {
        min-height: 36px;
        padding: 3px;
    }

    .public-language__button {
        min-width: 34px;
        height: 28px;
        padding-inline: 9px;
        font-size: 0.62rem;
    }
}

/* Tighten spacing between preferences and nav actions */
.public-nav__preferences + .public-nav__actions {
    margin-left: -18px;
}

@media (max-width: 1050px) {
    .public-nav__preferences + .public-nav__actions {
        margin-left: -14px;
    }
}

/* =========================================
   HERO PRODUCT EXPLORER
   ========================================= */

.hero-explorer__tabs {
    position: relative;
    z-index: 8;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 6px;
    padding: 8px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.09);

    background:
        linear-gradient(
            180deg,
            rgba(19, 15, 25, 0.98),
            rgba(11, 9, 16, 0.98)
        );
}

.hero-explorer__tab {
    position: relative;

    min-height: 44px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;
    padding: 0 14px;

    border: 1px solid transparent;
    border-radius: 11px;

    color: rgba(229, 216, 224, 0.63);
    background: transparent;

    font: inherit;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.01em;

    cursor: pointer;

    transition:
        color 180ms ease,
        background 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease;
}

.hero-explorer__tab::after {
    position: absolute;

    right: 18px;
    bottom: -9px;
    left: 18px;

    height: 2px;

    content: "";

    border-radius: 999px;

    background: var(--rose);

    opacity: 0;
    transform: scaleX(0.55);

    transition:
        opacity 180ms ease,
        transform 180ms ease;
}

.hero-explorer__tab:hover:not(.is-active) {
    color: #f4e8ed;

    background:
        rgba(215, 164, 143, 0.06);

    transform: translateY(-1px);
}

.hero-explorer__tab.is-active {
    color: #fff8f5;

    border-color:
        rgba(239, 199, 181, 0.22);

    background:
        linear-gradient(
            135deg,
            rgba(181, 120, 97, 0.30),
            rgba(128, 79, 103, 0.22)
        );

    box-shadow:
        inset 0 1px 0
            rgba(255, 255, 255, 0.08),
        0 8px 24px
            rgba(0, 0, 0, 0.16);
}

.hero-explorer__tab.is-active::after {
    opacity: 1;
    transform: scaleX(1);
}

.hero-explorer__tab-icon {
    min-width: 20px;
    height: 20px;

    display: grid;
    place-items: center;

    color: var(--rose-light);

    border: 1px solid
        rgba(215, 164, 143, 0.18);
    border-radius: 6px;

    background:
        rgba(215, 164, 143, 0.07);

    font-size: 0.72rem;
    line-height: 1;
}

.hero-carousel__viewport {
    min-height: 0;
}


/* Light landing */
html[data-public-theme="light"]
.hero-explorer__tabs {
    border-bottom-color:
        rgba(72, 46, 61, 0.10);

    background:
        linear-gradient(
            180deg,
            rgba(255, 252, 253, 0.98),
            rgba(248, 241, 245, 0.98)
        );
}

html[data-public-theme="light"]
.hero-explorer__tab {
    color: #79666f;
}

html[data-public-theme="light"]
.hero-explorer__tab:hover:not(.is-active) {
    color: #35262e;

    background:
        rgba(169, 111, 97, 0.07);
}

html[data-public-theme="light"]
.hero-explorer__tab.is-active {
    color: #ffffff;

    border-color:
        rgba(158, 101, 82, 0.18);

    background:
        linear-gradient(
            135deg,
            #b87c65,
            #9d6555
        );

    box-shadow:
        0 8px 22px
            rgba(125, 79, 65, 0.18),
        inset 0 1px 0
            rgba(255, 255, 255, 0.24);
}

html[data-public-theme="light"]
.hero-explorer__tab.is-active::after {
    background: #8f5949;
}

html[data-public-theme="light"]
.hero-explorer__tab.is-active
.hero-explorer__tab-icon {
    color: #ffffff;

    border-color:
        rgba(255, 255, 255, 0.25);

    background:
        rgba(255, 255, 255, 0.13);
}


/* Keyboard accessibility */
.hero-explorer__tab:focus-visible {
    outline: 2px solid var(--rose);
    outline-offset: 2px;
}


/* Mobile */
@media (max-width: 720px) {
    .hero-explorer__tabs {
        gap: 4px;
        padding: 6px;
    }

    .hero-explorer__tab {
        min-height: 40px;
        gap: 5px;
        padding-inline: 7px;

        font-size: 0.61rem;
    }

    .hero-explorer__tab-icon {
        min-width: 18px;
        height: 18px;

        font-size: 0.64rem;
    }

    .hero-explorer__tab::after {
        right: 10px;
        left: 10px;
        bottom: -7px;
    }
}

/* =========================================
   HERO PRODUCT EXPLORER — SHARPNESS & SCALE
   ========================================= */

.hero .product-frame--real {
    transform: none;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 1051px) {
    .hero {
        grid-template-columns:
            minmax(0, .92fr)
            minmax(0, 1.08fr);
        gap: 64px;
    }

    .hero__content {
        position: relative;
        z-index: 2;
        min-width: 0;
    }

    .hero .hero-carousel {
        width: 100%;
        max-width: 900px;
        min-width: 0;
        justify-self: end;
    }
}

.hero-carousel__image {
    image-rendering: auto;
    transform: translateZ(0);
}

.hero-carousel__image.is-changing {
    opacity: .16;
    transform: scale(.996);
}

/* Final hero product explorer sizing */
@media (min-width: 1051px) {
    .hero .hero-carousel {
        width: 100%;
        max-width: 900px;
        justify-self: end;
    }
}

/* =========================================
   HERO — FULL WIDTH PRODUCT SHOWCASE
   ========================================= */

@media (min-width: 1051px) {
    .hero {
        display: grid;
        grid-template-columns: 1fr;
        min-height: auto;

        gap: 54px;
        padding-top: 82px;
        padding-bottom: 74px;
    }

    .hero__content {
        width: min(760px, 100%);
        margin-inline: auto;

        text-align: center;
    }

    .hero__content > p {
        margin-inline: auto;
        max-width: 680px;
    }

    .hero__actions {
        justify-content: center;
    }

    .hero__proof {
        justify-content: center;
    }

    .hero .hero-carousel {
        width: min(100%, 1180px);
        max-width: none;

        margin-inline: auto;
        justify-self: center;

        transform: none;
    }

    .hero-carousel__viewport {
        width: 100%;
    }

    .hero-carousel__image {
        display: block;
        width: 100%;
        height: auto;

        transform: none;
    }
}

/* =========================================
   CONNECTED WORKFLOW
   ========================================= */

.connected-workflow {
    padding-block: 110px 30px;
}

.connected-workflow__intro {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    align-items: end;
    gap: 70px;
    margin-bottom: 48px;
}

.connected-workflow__intro h2 {
    margin: 0;
    font-size: clamp(2.2rem, 4vw, 3.8rem);
    line-height: 1.03;
    letter-spacing: -.055em;
}

.connected-workflow__intro h2 span {
    color: var(--rose-light);
}

.connected-workflow__intro p {
    max-width: 470px;
    margin: 0 0 5px;
    color: var(--muted);
    line-height: 1.8;
}

/* Responsive */
@media (max-width: 900px) {
    .connected-workflow__intro {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

@media (max-width: 620px) {
    .connected-workflow {
        padding-block: 75px 15px;
    }
}

/* =========================================
   CONNECTED WORKFLOW — PREMIUM FLOW
   ========================================= */

.connected-workflow {
    padding-block: 58px 0;
}

.connected-workflow__intro {
    margin-bottom: 34px;
}

.workflow-surface {
    position: relative;
    overflow: hidden;

    padding: 14px;

    border: 1px solid var(--border);
    border-radius: 26px;

    background:
        radial-gradient(
            circle at 92% 5%,
            rgba(142, 92, 246, .10),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            rgba(215, 164, 143, .035),
            rgba(255, 255, 255, .012)
        ),
        var(--surface);

    box-shadow:
        0 28px 70px rgba(0, 0, 0, .14);
}

.workflow-track {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr) auto
        minmax(0, 1fr) auto
        minmax(0, 1fr) auto
        minmax(0, 1fr) auto
        minmax(0, 1fr);

    align-items: stretch;

    padding: 8px;
}

.workflow-node {
    position: relative;

    min-width: 0;
    min-height: 170px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    padding: 22px;

    border-radius: 17px;

    transition:
        background .2s ease,
        transform .2s ease;
}

.workflow-node:hover {
    transform: translateY(-2px);

    background:
        rgba(215, 164, 143, .045);
}

.workflow-node__number {
    position: absolute;

    top: 18px;
    right: 18px;

    color: var(--muted);

    font-size: .55rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.workflow-node__icon {
    width: 34px;
    height: 34px;

    display: grid;
    place-items: center;

    margin-bottom: 28px;

    color: var(--rose-light);

    border: 1px solid
        rgba(215, 164, 143, .20);

    border-radius: 10px;

    background:
        rgba(215, 164, 143, .055);

    font-size: .78rem;
}

.workflow-node__module {
    margin-bottom: 6px;

    color: var(--rose);

    font-size: .56rem;
    font-weight: 800;
    letter-spacing: .15em;
}

.workflow-node strong {
    max-width: 150px;

    color: var(--text);

    font-size: .88rem;
    line-height: 1.35;
}

.workflow-arrow {
    align-self: center;

    color: rgba(215, 164, 143, .50);

    font-size: 1rem;

    transform: translateY(10px);
}

.workflow-intelligence {
    display: grid;
    grid-template-columns: auto minmax(220px, .8fr) 1.2fr;

    align-items: center;
    gap: 22px;

    margin-top: 5px;
    padding: 22px 25px;

    border: 1px solid
        rgba(215, 164, 143, .16);

    border-radius: 18px;

    background:
        linear-gradient(
            115deg,
            rgba(215, 164, 143, .07),
            rgba(142, 92, 246, .08),
            rgba(255, 255, 255, .012)
        );
}

.workflow-intelligence__orb {
    width: 44px;
    height: 44px;

    display: grid;
    place-items: center;

    color: #fff;

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 32% 28%,
            var(--rose-light),
            var(--purple)
        );

    box-shadow:
        0 0 32px rgba(142, 92, 246, .22);
}

.workflow-intelligence__copy span {
    display: block;

    margin-bottom: 5px;

    color: var(--rose);

    font-size: .56rem;
    font-weight: 800;
    letter-spacing: .15em;
}

.workflow-intelligence__copy strong {
    color: var(--text);

    font-size: .92rem;
    line-height: 1.4;
}

.workflow-intelligence p {
    margin: 0;

    color: var(--muted);

    font-size: .7rem;
    line-height: 1.7;
}


/* Tighten the transition into the final CTA */

.connected-workflow + .final-cta {
    margin-top: 46px;
}

.final-cta {
    margin-bottom: 68px;
}


/* Light theme */

html[data-public-theme="light"]
.workflow-surface {
    background:
        radial-gradient(
            circle at 92% 5%,
            rgba(116, 80, 199, .07),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .96),
            rgba(248, 241, 245, .82)
        );

    box-shadow:
        0 24px 65px
        rgba(72, 46, 61, .07);
}

html[data-public-theme="light"]
.workflow-node:hover {
    background:
        rgba(169, 111, 97, .055);
}

html[data-public-theme="light"]
.workflow-intelligence {
    background:
        linear-gradient(
            115deg,
            rgba(169, 111, 97, .07),
            rgba(116, 80, 199, .07),
            rgba(255, 255, 255, .75)
        );
}


/* Responsive */

@media (max-width: 950px) {
    .workflow-track {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .workflow-node {
        min-height: 110px;

        padding:
            18px 56px
            18px 18px;

        border-bottom:
            1px solid var(--border);
    }

    .workflow-node:last-of-type {
        border-bottom: 0;
    }

    .workflow-node__icon {
        margin-bottom: 14px;
    }

    .workflow-arrow {
        display: none;
    }

    .workflow-intelligence {
        grid-template-columns:
            auto 1fr;
    }

    .workflow-intelligence p {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .connected-workflow {
        padding-top: 42px;
    }

    .workflow-surface {
        padding: 8px;
    }

    .workflow-intelligence {
        padding: 18px;
    }
}

/* =========================================
   CONNECTED WORKFLOW — LUMINOUS RAIL
   ========================================= */

.connected-workflow {
    padding-block: 48px 0;
}

.connected-workflow__intro {
    margin-bottom: 30px;
}


/* Main premium surface */

.workflow-surface {
    position: relative;
    overflow: hidden;

    padding: 12px;

    border: 1px solid rgba(215, 164, 143, .17);
    border-radius: 26px;

    background:
        radial-gradient(
            circle at 82% 0%,
            rgba(142, 92, 246, .12),
            transparent 32%
        ),
        radial-gradient(
            circle at 10% 100%,
            rgba(215, 164, 143, .08),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .035),
            rgba(255, 255, 255, .008)
        ),
        var(--surface);

    box-shadow:
        0 30px 80px rgba(0, 0, 0, .16),
        inset 0 1px 0 rgba(255, 255, 255, .04);
}


/* Five-stage rail */

.connected-workflow .workflow-track {
    position: relative;

    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));

    gap: 8px;

    padding: 30px 22px 22px;
}


/* Actual connected gradient rail */

.connected-workflow .workflow-track::before {
    position: absolute;

    top: 75px;
    right: 9%;
    left: 9%;

    height: 2px;

    content: "";

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            rgba(215, 164, 143, .20),
            rgba(215, 164, 143, .85) 20%,
            rgba(174, 119, 170, .88) 55%,
            rgba(142, 92, 246, .72) 82%,
            rgba(142, 92, 246, .18)
        );

    box-shadow:
        0 0 18px rgba(174, 119, 170, .22);

    pointer-events: none;
}


/* Old arrows are no longer needed */

.connected-workflow .workflow-arrow {
    display: none;
}


/* Individual stages — not cards */

.connected-workflow .workflow-node {
    position: relative;
    z-index: 2;

    min-height: 175px;

    display: flex;
    align-items: center;
    flex-direction: column;

    padding: 0 12px 18px;

    text-align: center;

    border: 0;
    border-radius: 16px;

    background: transparent;

    transition:
        transform .2s ease,
        background .2s ease;
}

.connected-workflow .workflow-node:hover {
    transform: translateY(-3px);

    background:
        linear-gradient(
            180deg,
            rgba(215, 164, 143, .035),
            transparent
        );
}


/* Stage number */

.connected-workflow .workflow-node__number {
    position: static;

    margin-bottom: 12px;

    color: var(--muted);

    font-size: .54rem;
    font-weight: 800;
    letter-spacing: .16em;
}


/* Premium glowing stage node */

.connected-workflow .workflow-node__icon {
    position: relative;
    z-index: 3;

    width: 48px;
    height: 48px;

    display: grid;
    place-items: center;

    margin: 0 0 20px;

    color: var(--rose-light);

    border:
        1px solid
        rgba(215, 164, 143, .30);

    border-radius: 15px;

    background:
        linear-gradient(
            145deg,
            rgba(215, 164, 143, .14),
            rgba(142, 92, 246, .06)
        ),
        var(--surface);

    box-shadow:
        0 0 0 6px rgba(215, 164, 143, .035),
        0 9px 24px rgba(0, 0, 0, .13),
        0 0 22px rgba(215, 164, 143, .10),
        inset 0 1px 0 rgba(255, 255, 255, .09);

    font-size: .9rem;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.connected-workflow .workflow-node:hover
.workflow-node__icon {
    transform: translateY(-2px) scale(1.03);

    border-color:
        rgba(239, 199, 181, .48);

    box-shadow:
        0 0 0 7px rgba(215, 164, 143, .045),
        0 12px 28px rgba(0, 0, 0, .15),
        0 0 30px rgba(215, 164, 143, .17);
}


/* Module + stage copy */

.connected-workflow .workflow-node__module {
    margin-bottom: 7px;

    color: var(--rose);

    font-size: .56rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.connected-workflow .workflow-node strong {
    max-width: 150px;

    color: var(--text);

    font-size: .88rem;
    font-weight: 700;
    line-height: 1.35;
}


/* Make the final finance node transition into AI */

.connected-workflow
.workflow-node:last-of-type
.workflow-node__icon {
    border-color:
        rgba(174, 119, 170, .38);

    background:
        linear-gradient(
            145deg,
            rgba(215, 164, 143, .13),
            rgba(142, 92, 246, .13)
        ),
        var(--surface);

    box-shadow:
        0 0 0 6px rgba(142, 92, 246, .035),
        0 10px 26px rgba(0, 0, 0, .13),
        0 0 26px rgba(142, 92, 246, .12);
}


/* =========================================
   AI INTELLIGENCE LAYER
   ========================================= */

.connected-workflow .workflow-intelligence {
    position: relative;
    overflow: hidden;

    display: grid;
    grid-template-columns:
        auto minmax(250px, .9fr) 1.25fr;

    align-items: center;
    gap: 24px;

    margin: 4px 10px 10px;
    padding: 24px 26px;

    border:
        1px solid
        rgba(174, 119, 170, .20);

    border-radius: 18px;

    background:
        linear-gradient(
            105deg,
            rgba(215, 164, 143, .075),
            rgba(153, 101, 157, .085) 48%,
            rgba(142, 92, 246, .055)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, .045);
}


/* Intelligence band glow */

.connected-workflow
.workflow-intelligence::before {
    position: absolute;

    top: 0;
    right: 8%;
    left: 8%;

    height: 1px;

    content: "";

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(239, 199, 181, .55),
            rgba(142, 92, 246, .55),
            transparent
        );

    box-shadow:
        0 0 18px
        rgba(142, 92, 246, .20);
}


.connected-workflow .workflow-intelligence__orb {
    width: 48px;
    height: 48px;

    display: grid;
    place-items: center;

    color: #fff;

    border:
        1px solid
        rgba(255, 255, 255, .14);

    border-radius: 15px;

    background:
        radial-gradient(
            circle at 30% 25%,
            var(--rose-light),
            #ad719f 48%,
            var(--purple)
        );

    box-shadow:
        0 0 0 6px rgba(142, 92, 246, .04),
        0 10px 28px rgba(91, 51, 113, .20),
        0 0 34px rgba(142, 92, 246, .18);

    font-size: 1rem;
}


.connected-workflow
.workflow-intelligence__copy span {
    display: block;

    margin-bottom: 6px;

    color: var(--rose);

    font-size: .56rem;
    font-weight: 800;
    letter-spacing: .16em;
}


.connected-workflow
.workflow-intelligence__copy strong {
    color: var(--text);

    font-size: .94rem;
    line-height: 1.45;
}


.connected-workflow .workflow-intelligence p {
    margin: 0;

    color: var(--muted);

    font-size: .71rem;
    line-height: 1.75;
}


/* =========================================
   SECTION RHYTHM
   ========================================= */

.connected-workflow + .final-cta {
    margin-top: 38px;
}

.final-cta {
    margin-bottom: 60px;
}


/* =========================================
   LIGHT THEME
   ========================================= */

html[data-public-theme="light"]
.workflow-surface {
    border-color:
        rgba(146, 93, 82, .13);

    background:
        radial-gradient(
            circle at 82% 0%,
            rgba(116, 80, 199, .075),
            transparent 32%
        ),
        radial-gradient(
            circle at 10% 100%,
            rgba(169, 111, 97, .06),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #fffdfd,
            #faf4f7
        );

    box-shadow:
        0 28px 72px
        rgba(72, 46, 61, .075),
        inset 0 1px 0
        rgba(255, 255, 255, .90);
}


html[data-public-theme="light"]
.workflow-node__icon {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .96),
            rgba(247, 236, 241, .93)
        );

    box-shadow:
        0 0 0 6px
        rgba(169, 111, 97, .035),
        0 9px 24px
        rgba(72, 46, 61, .08),
        0 0 22px
        rgba(169, 111, 97, .075);
}


html[data-public-theme="light"]
.workflow-intelligence {
    background:
        linear-gradient(
            105deg,
            rgba(169, 111, 97, .065),
            rgba(116, 80, 199, .065),
            rgba(255, 255, 255, .80)
        );
}


/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 950px) {
    .connected-workflow
    .workflow-track {
        grid-template-columns: 1fr;
        gap: 0;

        padding: 12px;
    }

    .connected-workflow
    .workflow-track::before {
        top: 7%;
        bottom: 7%;
        left: 43px;

        width: 2px;
        height: auto;
        right: auto;

        background:
            linear-gradient(
                180deg,
                rgba(215, 164, 143, .20),
                rgba(215, 164, 143, .80),
                rgba(142, 92, 246, .65),
                rgba(142, 92, 246, .18)
            );
    }

    .connected-workflow
    .workflow-node {
        min-height: 92px;

        display: grid;
        grid-template-columns:
            64px 1fr;

        align-items: center;

        padding: 14px;

        text-align: left;
    }

    .connected-workflow
    .workflow-node__number {
        position: absolute;
        top: 10px;
        right: 14px;

        margin: 0;
    }

    .connected-workflow
    .workflow-node__icon {
        grid-row: 1 / span 2;

        margin: 0;
    }

    .connected-workflow
    .workflow-node__module {
        align-self: end;
        margin-bottom: 3px;
    }

    .connected-workflow
    .workflow-node strong {
        align-self: start;
        max-width: none;
    }

    .connected-workflow
    .workflow-intelligence {
        grid-template-columns:
            auto 1fr;
    }

    .connected-workflow
    .workflow-intelligence p {
        grid-column: 1 / -1;
    }
}


@media (max-width: 620px) {
    .connected-workflow {
        padding-top: 36px;
    }

    .workflow-surface {
        padding: 7px;
    }

    .connected-workflow
    .workflow-intelligence {
        margin-inline: 5px;
        padding: 18px;
    }
}

/* =========================================
   CONNECTED WORKFLOW — FINAL POLISH
   ========================================= */

.connected-workflow__intro {
    margin-bottom: 26px;
}


/* Premium surface depth */

.workflow-surface {
    padding: 16px;

    border-color:
        rgba(183, 125, 109, .18);

    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(215, 164, 143, .075),
            transparent 45%
        ),
        radial-gradient(
            circle at 87% 12%,
            rgba(142, 92, 246, .095),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .04),
            rgba(255, 255, 255, .012)
        ),
        var(--surface);

    box-shadow:
        0 30px 75px rgba(35, 19, 29, .13),
        0 8px 25px rgba(35, 19, 29, .05),
        inset 0 1px 0 rgba(255, 255, 255, .07);
}


/* Tighter workflow composition */

.connected-workflow .workflow-track {
    padding:
        20px
        24px
        17px;

    gap: 10px;
}


/* Premium rail */

.connected-workflow .workflow-track::before {
    top: 67px;

    right: 8.5%;
    left: 8.5%;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            rgba(203, 139, 119, .18),
            #c98f7c 18%,
            #c08485 42%,
            #a878a4 67%,
            #8f6ad2 87%,
            rgba(142, 92, 246, .18)
        );

    box-shadow:
        0 0 10px rgba(200, 137, 127, .20),
        0 0 20px rgba(142, 92, 246, .09);
}


/* Workflow nodes */

.connected-workflow .workflow-node {
    min-height: 158px;

    padding:
        0
        10px
        14px;
}


/* Step numbers */

.connected-workflow .workflow-node__number {
    margin-bottom: 10px;

    color: rgba(111, 82, 98, .62);

    font-size: .52rem;
}


/* Larger premium stage nodes */

.connected-workflow .workflow-node__icon {
    width: 52px;
    height: 52px;

    margin-bottom: 18px;

    border-radius: 16px;

    border-color:
        rgba(201, 143, 124, .30);

    background:
        linear-gradient(
            145deg,
            rgba(255, 250, 249, .82),
            rgba(205, 147, 128, .075)
        );

    box-shadow:
        0 0 0 6px rgba(199, 137, 117, .035),
        0 10px 24px rgba(80, 43, 58, .085),
        0 0 20px rgba(199, 137, 117, .08),
        inset 0 1px 0 rgba(255, 255, 255, .65);

    font-size: .94rem;
}


/* Slight progression toward AI */

.connected-workflow
.workflow-node:nth-of-type(4)
.workflow-node__icon {
    border-color:
        rgba(182, 123, 151, .28);
}

.connected-workflow
.workflow-node:last-of-type
.workflow-node__icon {
    color: #996482;

    border-color:
        rgba(155, 102, 178, .30);

    background:
        linear-gradient(
            145deg,
            rgba(255, 250, 249, .85),
            rgba(142, 92, 246, .085)
        );

    box-shadow:
        0 0 0 6px rgba(142, 92, 246, .035),
        0 10px 24px rgba(93, 54, 105, .08),
        0 0 22px rgba(142, 92, 246, .10);
}


/* Labels */

.connected-workflow .workflow-node__module {
    margin-bottom: 5px;

    font-size: .55rem;
    letter-spacing: .17em;
}

.connected-workflow .workflow-node strong {
    font-size: .86rem;
    font-weight: 750;
}


/* =========================================
   AI INTELLIGENCE BAND
   ========================================= */

.connected-workflow .workflow-intelligence {
    margin:
        3px
        4px
        4px;

    padding:
        20px
        23px;

    border-color:
        rgba(164, 108, 166, .20);

    border-radius: 17px;

    background:
        radial-gradient(
            circle at 5% 50%,
            rgba(215, 164, 143, .12),
            transparent 25%
        ),
        linear-gradient(
            100deg,
            rgba(183, 122, 111, .07),
            rgba(164, 105, 157, .085) 52%,
            rgba(142, 92, 246, .045)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08);
}


/* Thin premium AI rail */

.connected-workflow
.workflow-intelligence::before {
    right: 4%;
    left: 4%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(215, 164, 143, .58),
            rgba(178, 115, 159, .58),
            rgba(142, 92, 246, .46),
            transparent
        );
}


/* AI orb */

.connected-workflow .workflow-intelligence__orb {
    width: 50px;
    height: 50px;

    border-radius: 16px;

    background:
        radial-gradient(
            circle at 29% 24%,
            #efc7b5,
            #af718f 46%,
            #7653c3
        );

    box-shadow:
        0 0 0 6px rgba(142, 92, 246, .035),
        0 10px 25px rgba(102, 55, 105, .16),
        0 0 30px rgba(142, 92, 246, .17);
}


/* Slightly stronger AI message */

.connected-workflow
.workflow-intelligence__copy strong {
    font-size: .92rem;
    font-weight: 750;
}


/* =========================================
   LIGHT THEME FINAL POLISH
   ========================================= */

html[data-public-theme="light"]
.workflow-surface {
    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(183, 121, 100, .055),
            transparent 45%
        ),
        radial-gradient(
            circle at 87% 12%,
            rgba(116, 80, 199, .06),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            #fffdfd,
            #fbf6f8
        );

    box-shadow:
        0 28px 68px rgba(75, 46, 60, .07),
        0 7px 20px rgba(75, 46, 60, .035),
        inset 0 1px 0 #fff;
}


html[data-public-theme="light"]
.workflow-intelligence {
    background:
        radial-gradient(
            circle at 5% 50%,
            rgba(183, 121, 100, .09),
            transparent 25%
        ),
        linear-gradient(
            100deg,
            rgba(169, 111, 97, .055),
            rgba(116, 80, 199, .055),
            rgba(255, 255, 255, .82)
        );
}

/* Connected workflow rail finishing polish */

/* Rail starts/ends exactly at the center of first/last nodes. */
.connected-workflow .workflow-track::before {
    left: 10%;
    right: 10%;
}

/* Icons fully mask the rail passing underneath them. */
.connected-workflow .workflow-node__icon {
    background:
        linear-gradient(
            145deg,
            #fffaf9,
            #f8edef
        );
}

/* Finance node: opaque premium finish so the rail never shows through. */
.connected-workflow
.workflow-node:last-of-type
.workflow-node__icon {
    background:
        linear-gradient(
            145deg,
            #fffaf9 0%,
            #f5eaf2 55%,
            #eee7fa 100%
        );

    box-shadow:
        0 0 0 7px rgba(255, 250, 249, .92),
        0 10px 24px rgba(93, 54, 105, .08),
        0 0 22px rgba(142, 92, 246, .10);
}


/* Dark mode keeps the same masking behavior. */
html[data-public-theme="dark"]
.connected-workflow
.workflow-node__icon {
    background:
        linear-gradient(
            145deg,
            #18131d,
            #211722
        );
}

html[data-public-theme="dark"]
.connected-workflow
.workflow-node:last-of-type
.workflow-node__icon {
    background:
        linear-gradient(
            145deg,
            #1b141d,
            #25192a
        );

    box-shadow:
        0 0 0 7px rgba(18, 16, 26, .94),
        0 10px 24px rgba(0, 0, 0, .18),
        0 0 24px rgba(142, 92, 246, .14);
}


/* Remove the extra backing ring from the final workflow node */

.connected-workflow
.workflow-node:last-of-type
.workflow-node__icon {
    box-shadow:
        0 10px 24px rgba(93, 54, 105, .08),
        0 0 22px rgba(142, 92, 246, .10),
        inset 0 1px 0 rgba(255, 255, 255, .65);
}

html[data-public-theme="dark"]
.connected-workflow
.workflow-node:last-of-type
.workflow-node__icon {
    box-shadow:
        0 10px 24px rgba(0, 0, 0, .18),
        0 0 24px rgba(142, 92, 246, .14),
        inset 0 1px 0 rgba(255, 255, 255, .06);
}


/* =========================================
   CONNECTED WORKFLOW — ENTERPRISE POLISH
   ========================================= */

/* Daha sakin, daha kurumsal yüzey */
.workflow-surface {
    box-shadow:
        0 24px 58px rgba(0, 0, 0, .13),
        inset 0 1px 0 rgba(255, 255, 255, .04);
}


/* Rail: daha ince, daha fonksiyonel */
.connected-workflow .workflow-track::before {
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(215, 164, 143, .22),
            rgba(204, 143, 123, .72) 24%,
            rgba(171, 116, 158, .72) 62%,
            rgba(142, 92, 246, .48)
        );

    box-shadow:
        0 0 8px rgba(174, 119, 170, .10);
}


/* Node'larda glow azalt */
.connected-workflow .workflow-node__icon {
    box-shadow:
        0 8px 20px rgba(0, 0, 0, .10),
        0 0 12px rgba(215, 164, 143, .07),
        inset 0 1px 0 rgba(255, 255, 255, .07);
}

.connected-workflow .workflow-node:hover
.workflow-node__icon {
    box-shadow:
        0 10px 24px rgba(0, 0, 0, .12),
        0 0 15px rgba(215, 164, 143, .09);
}


/* Finance node da sakin kalsın */
.connected-workflow
.workflow-node:last-of-type
.workflow-node__icon {
    box-shadow:
        0 8px 20px rgba(0, 0, 0, .10),
        0 0 13px rgba(142, 92, 246, .08),
        inset 0 1px 0 rgba(255, 255, 255, .07);
}


/* Okunabilirlik */
.connected-workflow .workflow-node__module {
    font-size: .59rem;
    letter-spacing: .15em;
}

.connected-workflow .workflow-node strong {
    font-size: .91rem;
    line-height: 1.4;
}

.connected-workflow .workflow-node__number {
    font-size: .55rem;
}


/* =========================================
   GLAURIA AI — PLATFORM LAYER
   ========================================= */

.connected-workflow .workflow-intelligence {
    grid-template-columns:
        auto minmax(240px, .9fr) 1.15fr;

    padding: 19px 22px;

    border-color:
        rgba(174, 119, 170, .16);

    background:
        linear-gradient(
            100deg,
            rgba(215, 164, 143, .055),
            rgba(164, 105, 157, .065) 50%,
            rgba(142, 92, 246, .035)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .035);
}


/* AI bandındaki üst çizgiyi daha kontrollü yap */
.connected-workflow
.workflow-intelligence::before {
    opacity: .68;

    box-shadow:
        0 0 8px rgba(142, 92, 246, .10);
}


/* Orb: glow azalt */
.connected-workflow .workflow-intelligence__orb {
    width: 46px;
    height: 46px;

    box-shadow:
        0 8px 22px rgba(91, 51, 113, .15),
        0 0 18px rgba(142, 92, 246, .11);
}


/* AI metni daha enterprise okunur */
.connected-workflow
.workflow-intelligence__copy span {
    font-size: .59rem;
}

.connected-workflow
.workflow-intelligence__copy strong {
    font-size: .94rem;
    line-height: 1.45;
}

.connected-workflow .workflow-intelligence p {
    font-size: .74rem;
    line-height: 1.7;
}


/* =========================================
   LIGHT THEME POLISH
   ========================================= */

html[data-public-theme="light"]
.workflow-surface {
    box-shadow:
        0 22px 52px rgba(72, 46, 61, .065),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

html[data-public-theme="light"]
.connected-workflow
.workflow-node__icon {
    box-shadow:
        0 8px 18px rgba(72, 46, 61, .06),
        0 0 10px rgba(169, 111, 97, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

html[data-public-theme="light"]
.connected-workflow
.workflow-intelligence {
    background:
        linear-gradient(
            100deg,
            rgba(169, 111, 97, .045),
            rgba(116, 80, 199, .045),
            rgba(255, 255, 255, .82)
        );
}

/* Connected workflow — restore stronger process continuity */

.connected-workflow .workflow-track::before {
    height: 2px;

    left: 10%;
    right: 10%;

    background:
        linear-gradient(
            90deg,
            rgba(215, 164, 143, .30),
            rgba(215, 164, 143, .88) 22%,
            rgba(191, 128, 143, .88) 48%,
            rgba(166, 111, 174, .82) 72%,
            rgba(142, 92, 246, .64)
        );

    box-shadow:
        0 0 10px rgba(215, 164, 143, .14),
        0 0 16px rgba(142, 92, 246, .10);
}

/* Dark mode: keep the connection clearly visible */
html[data-public-theme="dark"]
.connected-workflow .workflow-track::before {
    background:
        linear-gradient(
            90deg,
            rgba(239, 199, 181, .28),
            rgba(215, 164, 143, .82) 24%,
            rgba(189, 123, 150, .84) 52%,
            rgba(159, 105, 180, .78) 76%,
            rgba(142, 92, 246, .62)
        );

    box-shadow:
        0 0 11px rgba(215, 164, 143, .12),
        0 0 17px rgba(142, 92, 246, .11);
}


/* =========================================
   BUILT FOR EVERY TEAM
   ========================================= */

.team-workspace {
    padding-block: 88px 22px;
}

.team-workspace__intro {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    align-items: end;
    gap: 72px;

    margin-bottom: 34px;
}

.team-workspace__intro h2 {
    margin: 10px 0 0;

    font-size: clamp(2.2rem, 4vw, 3.8rem);
    line-height: 1.03;
    letter-spacing: -.055em;
}

.team-workspace__intro h2 span {
    color: var(--rose-light);
}

.team-workspace__intro > p {
    max-width: 470px;
    margin: 0 0 5px;

    color: var(--muted);

    line-height: 1.8;
}

.team-workspace__surface {
    display: grid;
    grid-template-columns: minmax(280px, .82fr) minmax(0, 1.45fr);

    overflow: hidden;

    border: 1px solid var(--border);
    border-radius: 26px;

    background:
        radial-gradient(
            circle at 8% 12%,
            rgba(215, 164, 143, .075),
            transparent 31%
        ),
        radial-gradient(
            circle at 96% 90%,
            rgba(142, 92, 246, .075),
            transparent 32%
        ),
        var(--surface);

    box-shadow:
        0 26px 60px rgba(0, 0, 0, .12);
}

.team-workspace__context {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;

    min-height: 420px;
    padding: 46px 42px;

    border-right: 1px solid var(--border);
}

.team-workspace__context::before {
    content: "";

    position: absolute;
    top: 38px;
    left: 42px;

    width: 32px;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--rose-light),
            rgba(142, 92, 246, .72)
        );
}

.team-workspace__label {
    margin-top: 26px;

    color: var(--rose-light);

    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.team-workspace__context h3 {
    max-width: 350px;
    margin: 15px 0 14px;

    font-size: clamp(1.55rem, 2.2vw, 2.15rem);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.team-workspace__context p {
    max-width: 390px;
    margin: 0;

    color: var(--muted);

    font-size: .86rem;
    line-height: 1.75;
}

.team-workspace__signals {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin-top: 28px;
}

.team-workspace__signals span {
    padding: 7px 10px;

    border: 1px solid var(--border);
    border-radius: 999px;

    color: var(--muted);

    font-size: .64rem;
}

.team-workspace__departments {
    display: flex;
    flex-direction: column;

    padding: 8px 28px;
}

.team-department {
    display: grid;
    grid-template-columns: 42px minmax(190px, .72fr) minmax(240px, 1fr);
    align-items: center;
    gap: 20px;

    min-height: 82px;
    padding: 13px 8px;

    border-bottom: 1px solid var(--border);

    transition:
        transform .22s ease,
        background .22s ease;
}

.team-department:last-child {
    border-bottom: 0;
}

.team-department:hover {
    transform: translateX(4px);

    background:
        linear-gradient(
            90deg,
            rgba(215, 164, 143, .035),
            rgba(142, 92, 246, .025)
        );
}

.team-department__number {
    color: rgba(215, 164, 143, .54);

    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.team-department > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.team-department__name {
    color: var(--rose-light);

    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.team-department strong {
    color: var(--text);

    font-size: .88rem;
    line-height: 1.35;
}

.team-department p {
    max-width: 420px;
    margin: 0;

    color: var(--muted);

    font-size: .72rem;
    line-height: 1.65;
}


/* Light theme */

html[data-public-theme="light"]
.team-workspace__surface {
    background:
        radial-gradient(
            circle at 8% 12%,
            rgba(169, 111, 97, .055),
            transparent 31%
        ),
        radial-gradient(
            circle at 96% 90%,
            rgba(116, 80, 199, .055),
            transparent 32%
        ),
        #fffafb;

    box-shadow:
        0 24px 54px rgba(72, 46, 61, .06);
}


/* Responsive */

@media (max-width: 900px) {
    .team-workspace__intro {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .team-workspace__surface {
        grid-template-columns: 1fr;
    }

    .team-workspace__context {
        min-height: 0;

        border-right: 0;
        border-bottom: 1px solid var(--border);
    }

    .team-department {
        grid-template-columns: 40px minmax(170px, .75fr) 1fr;
    }
}

@media (max-width: 680px) {
    .team-workspace {
        padding-block: 68px 15px;
    }

    .team-workspace__context {
        padding: 38px 28px;
    }

    .team-workspace__context::before {
        left: 28px;
    }

    .team-workspace__departments {
        padding: 8px 20px;
    }

    .team-department {
        grid-template-columns: 32px 1fr;
        gap: 9px 14px;

        padding-block: 18px;
    }

    .team-department p {
        grid-column: 2;
    }
}

/* =========================================
   AI IN REAL WORKFLOWS
   ========================================= */

.ai-workflows {
    padding-block: 92px 24px;
}

.ai-workflows__intro {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    align-items: end;
    gap: 72px;

    margin-bottom: 34px;
}

.ai-workflows__intro h2 {
    margin: 10px 0 0;

    font-size: clamp(2.2rem, 4vw, 3.8rem);
    line-height: 1.03;
    letter-spacing: -.055em;
}

.ai-workflows__intro h2 span {
    color: var(--rose-light);
}

.ai-workflows__intro > p {
    max-width: 470px;
    margin: 0 0 5px;

    color: var(--muted);
    line-height: 1.8;
}

.ai-workflows__surface {
    overflow: hidden;

    border: 1px solid var(--border);
    border-radius: 26px;

    background:
        radial-gradient(
            circle at 92% 0,
            rgba(142, 92, 246, .11),
            transparent 31%
        ),
        radial-gradient(
            circle at 4% 100%,
            rgba(215, 164, 143, .065),
            transparent 28%
        ),
        var(--surface);

    box-shadow:
        0 26px 62px rgba(0, 0, 0, .13);
}

.ai-workflows__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;

    padding: 22px 26px;

    border-bottom: 1px solid var(--border);
}

.ai-workflows__identity {
    display: flex;
    align-items: center;
    gap: 13px;
}

.ai-workflows__orb {
    display: grid;
    place-items: center;

    width: 42px;
    height: 42px;

    border: 1px solid rgba(215, 164, 143, .3);
    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(215, 164, 143, .9),
            rgba(142, 92, 246, .82)
        );

    color: #fff;

    box-shadow:
        0 8px 22px rgba(142, 92, 246, .14);
}

.ai-workflows__identity > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ai-workflows__identity span {
    color: var(--rose-light);

    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.ai-workflows__identity strong {
    color: var(--text);

    font-size: .88rem;
}

.ai-workflows__status {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: var(--muted);

    font-size: .66rem;
}

.ai-workflows__status i {
    width: 6px;
    height: 6px;

    border-radius: 999px;

    background: var(--rose-light);

    box-shadow:
        0 0 10px rgba(215, 164, 143, .5);
}

.ai-use-cases {
    padding: 4px 28px;
}

.ai-use-case {
    display: grid;
    grid-template-columns:
        42px
        minmax(240px, 1.05fr)
        minmax(180px, .68fr)
        minmax(230px, 1fr);

    align-items: center;
    gap: 24px;

    min-height: 112px;
    padding: 20px 4px;

    border-bottom: 1px solid var(--border);
}

.ai-use-case:last-child {
    border-bottom: 0;
}

.ai-use-case__number {
    color: rgba(215, 164, 143, .5);

    font-size: .57rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.ai-use-case__question,
.ai-use-case__context,
.ai-use-case__result {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.ai-use-case__question > span,
.ai-use-case__context > span,
.ai-use-case__result > span {
    color: var(--rose-light);

    font-size: .55rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.ai-use-case__question strong {
    max-width: 360px;

    color: var(--text);

    font-size: .87rem;
    line-height: 1.45;
}

.ai-use-case__context > div {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.ai-use-case__context b {
    padding: 6px 9px;

    border: 1px solid var(--border);
    border-radius: 999px;

    color: var(--text);

    font-size: .62rem;
    font-weight: 650;
}

.ai-use-case__context i {
    color: var(--muted);
    font-size: .68rem;
    font-style: normal;
}

.ai-use-case__result p {
    max-width: 390px;
    margin: 0;

    color: var(--muted);

    font-size: .7rem;
    line-height: 1.65;
}

.ai-workflows__foundation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;

    padding: 17px 26px;

    border-top: 1px solid var(--border);

    background:
        linear-gradient(
            90deg,
            rgba(215, 164, 143, .035),
            rgba(142, 92, 246, .035)
        );
}

.ai-workflows__foundation > span {
    color: var(--rose-light);

    font-size: .56rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.ai-workflows__foundation > div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.ai-workflows__foundation b {
    color: var(--muted);

    font-size: .64rem;
    font-weight: 650;
}

.ai-workflows__foundation i {
    color: rgba(215, 164, 143, .42);
    font-style: normal;
}


/* Light theme */

html[data-public-theme="light"]
.ai-workflows__surface {
    background:
        radial-gradient(
            circle at 92% 0,
            rgba(116, 80, 199, .065),
            transparent 31%
        ),
        radial-gradient(
            circle at 4% 100%,
            rgba(169, 111, 97, .055),
            transparent 28%
        ),
        #fffafb;

    box-shadow:
        0 24px 56px rgba(72, 46, 61, .06);
}


/* Responsive */

@media (max-width: 980px) {
    .ai-use-case {
        grid-template-columns: 36px 1fr 1fr;
    }

    .ai-use-case__result {
        grid-column: 2 / -1;
    }
}

@media (max-width: 900px) {
    .ai-workflows__intro {
        grid-template-columns: 1fr;
        gap: 22px;
    }
}

@media (max-width: 680px) {
    .ai-workflows {
        padding-block: 68px 15px;
    }

    .ai-workflows__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .ai-use-cases {
        padding-inline: 20px;
    }

    .ai-use-case {
        grid-template-columns: 30px 1fr;
        gap: 12px 14px;

        padding-block: 22px;
    }

    .ai-use-case__context,
    .ai-use-case__result {
        grid-column: 2;
    }

    .ai-workflows__foundation {
        align-items: flex-start;
        flex-direction: column;
    }

    .ai-workflows__foundation > div {
        justify-content: flex-start;
    }
}

/* AI workflows — final readability polish */

.ai-workflows__status {
    font-size: .7rem;
}

.ai-workflows__foundation > span {
    font-size: .6rem;
}

.ai-workflows__foundation b {
    font-size: .68rem;
}

/* =========================================
   WHY GLAURIA
   ========================================= */

.why-glauria {
    padding-block: 92px 24px;
}

.why-glauria__intro {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    align-items: end;
    gap: 72px;

    margin-bottom: 34px;
}

.why-glauria__intro h2 {
    margin: 10px 0 0;

    font-size: clamp(2.2rem, 4vw, 3.8rem);
    line-height: 1.03;
    letter-spacing: -.055em;
}

.why-glauria__intro h2 span {
    color: var(--rose-light);
}

.why-glauria__intro > p {
    max-width: 470px;
    margin: 0 0 5px;

    color: var(--muted);
    line-height: 1.8;
}

.why-glauria__surface {
    overflow: hidden;

    border: 1px solid var(--border);
    border-radius: 26px;

    background:
        linear-gradient(
            135deg,
            rgba(215, 164, 143, .025),
            rgba(142, 92, 246, .025)
        ),
        var(--surface);

    box-shadow:
        0 24px 58px rgba(0, 0, 0, .11);
}

.value-shift {
    display: grid;
    grid-template-columns:
        42px
        minmax(0, 1fr)
        74px
        minmax(0, 1fr);

    align-items: center;
    gap: 24px;

    min-height: 150px;
    padding: 28px 34px;

    border-bottom: 1px solid var(--border);
}

.value-shift:last-child {
    border-bottom: 0;
}

.value-shift__number {
    color: rgba(215, 164, 143, .48);

    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.value-shift__before,
.value-shift__after {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.value-shift__before > span,
.value-shift__after > span {
    font-size: .56rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.value-shift__before > span {
    color: var(--muted);
}

.value-shift__after > span {
    color: var(--rose-light);
}

.value-shift strong {
    color: var(--text);

    font-size: 1rem;
    line-height: 1.35;
}

.value-shift p {
    max-width: 430px;
    margin: 0;

    color: var(--muted);

    font-size: .72rem;
    line-height: 1.7;
}

.value-shift__arrow {
    position: relative;

    display: grid;
    place-items: center;

    width: 48px;
    height: 48px;
    margin-inline: auto;

    border: 1px solid rgba(215, 164, 143, .18);
    border-radius: 50%;

    color: var(--rose-light);

    font-size: 1rem;

    background:
        linear-gradient(
            145deg,
            rgba(215, 164, 143, .055),
            rgba(142, 92, 246, .045)
        );
}

.value-shift__arrow::before,
.value-shift__arrow::after {
    content: "";

    position: absolute;
    top: 50%;

    width: 14px;
    height: 1px;

    background: var(--border);
}

.value-shift__arrow::before {
    right: 100%;
}

.value-shift__arrow::after {
    left: 100%;
}


/* Light theme */

html[data-public-theme="light"]
.why-glauria__surface {
    background:
        linear-gradient(
            135deg,
            rgba(169, 111, 97, .025),
            rgba(116, 80, 199, .025)
        ),
        #fffafb;

    box-shadow:
        0 22px 52px rgba(72, 46, 61, .055);
}


/* Responsive */

@media (max-width: 900px) {
    .why-glauria__intro {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .value-shift {
        grid-template-columns: 36px 1fr;
    }

    .value-shift__arrow {
        grid-column: 2;

        width: 36px;
        height: 36px;

        margin: 3px 0;
    }

    .value-shift__arrow::before,
    .value-shift__arrow::after {
        display: none;
    }

    .value-shift__after {
        grid-column: 2;
    }
}

@media (max-width: 680px) {
    .why-glauria {
        padding-block: 68px 15px;
    }

    .value-shift {
        gap: 10px 14px;
        padding: 24px 22px;
    }
}

/* =========================================
   ENTERPRISE CONTROLS
   ========================================= */

.enterprise-controls {
    padding-block: 82px 20px;
}

.enterprise-controls__header {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    align-items: end;
    gap: 70px;

    margin-bottom: 30px;
}

.enterprise-controls__header h2 {
    max-width: 680px;
    margin: 10px 0 0;

    font-size: clamp(2rem, 3.4vw, 3.2rem);
    line-height: 1.04;
    letter-spacing: -.05em;
}

.enterprise-controls__header h2 span {
    display: block;
    color: var(--rose-light);
}

.enterprise-controls__header > p {
    max-width: 470px;
    margin: 0 0 4px;

    color: var(--muted);
    line-height: 1.8;
}

.enterprise-controls__rail {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    overflow: hidden;

    border: 1px solid var(--border);
    border-radius: 24px;

    background:
        linear-gradient(
            110deg,
            rgba(215, 164, 143, .035),
            rgba(142, 92, 246, .03)
        ),
        var(--surface);

    box-shadow:
        0 22px 50px rgba(0, 0, 0, .09);
}

.enterprise-control {
    position: relative;

    display: flex;
    gap: 15px;

    min-height: 170px;
    padding: 28px 24px;

    border-right: 1px solid var(--border);
}

.enterprise-control:last-child {
    border-right: 0;
}

.enterprise-control__icon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;

    width: 36px;
    height: 36px;

    border: 1px solid rgba(215, 164, 143, .2);
    border-radius: 12px;

    color: var(--rose-light);

    background:
        linear-gradient(
            145deg,
            rgba(215, 164, 143, .06),
            rgba(142, 92, 246, .045)
        );
}

.enterprise-control > div {
    display: flex;
    flex-direction: column;
}

.enterprise-control > div > span {
    margin-bottom: 8px;

    color: rgba(215, 164, 143, .5);

    font-size: .55rem;
    font-weight: 800;
    letter-spacing: .15em;
}

.enterprise-control strong {
    color: var(--text);

    font-size: .87rem;
    line-height: 1.4;
}

.enterprise-control p {
    margin: 9px 0 0;

    color: var(--muted);

    font-size: .69rem;
    line-height: 1.65;
}


/* Light theme */

html[data-public-theme="light"]
.enterprise-controls__rail {
    background:
        linear-gradient(
            110deg,
            rgba(169, 111, 97, .025),
            rgba(116, 80, 199, .025)
        ),
        #fffafb;

    box-shadow:
        0 20px 46px rgba(72, 46, 61, .05);
}


/* Responsive */

@media (max-width: 980px) {
    .enterprise-controls__rail {
        grid-template-columns: repeat(2, 1fr);
    }

    .enterprise-control:nth-child(2) {
        border-right: 0;
    }

    .enterprise-control:nth-child(-n + 2) {
        border-bottom: 1px solid var(--border);
    }
}

@media (max-width: 900px) {
    .enterprise-controls__header {
        grid-template-columns: 1fr;
        gap: 22px;
    }
}

@media (max-width: 620px) {
    .enterprise-controls {
        padding-block: 66px 15px;
    }

    .enterprise-controls__rail {
        grid-template-columns: 1fr;
    }

    .enterprise-control {
        min-height: 0;

        border-right: 0;
        border-bottom: 1px solid var(--border);
    }

    .enterprise-control:nth-child(3) {
        border-bottom: 1px solid var(--border);
    }

    .enterprise-control:last-child {
        border-bottom: 0;
    }
}

/* =========================================
   PLATFORM SIGNALS
   ========================================= */

.platform-signals {
    padding-block: 48px 16px;
}

.platform-signals__rail {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    overflow: hidden;

    border: 1px solid var(--border);
    border-radius: 18px;

    background:
        linear-gradient(
            100deg,
            rgba(215, 164, 143, .025),
            rgba(142, 92, 246, .025)
        ),
        var(--surface);
}

.platform-signal {
    display: flex;
    align-items: center;
    gap: 12px;

    min-height: 76px;
    padding: 16px 20px;

    border-right: 1px solid var(--border);
}

.platform-signal:last-child {
    border-right: 0;
}

.platform-signal__icon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;

    width: 32px;
    height: 32px;

    border: 1px solid rgba(215, 164, 143, .18);
    border-radius: 10px;

    color: var(--rose-light);

    font-size: .62rem;
    font-weight: 800;

    background:
        linear-gradient(
            145deg,
            rgba(215, 164, 143, .045),
            rgba(142, 92, 246, .035)
        );
}

.platform-signal > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.platform-signal > div > span {
    color: var(--muted);

    font-size: .52rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.platform-signal strong {
    color: var(--text);

    font-size: .76rem;
    line-height: 1.35;
}

html[data-public-theme="light"]
.platform-signals__rail {
    background:
        linear-gradient(
            100deg,
            rgba(169, 111, 97, .018),
            rgba(116, 80, 199, .018)
        ),
        #fffafb;
}

@media (max-width: 820px) {
    .platform-signals__rail {
        grid-template-columns: repeat(2, 1fr);
    }

    .platform-signal:nth-child(2) {
        border-right: 0;
    }

    .platform-signal:nth-child(-n + 2) {
        border-bottom: 1px solid var(--border);
    }
}

@media (max-width: 520px) {
    .platform-signals__rail {
        grid-template-columns: 1fr;
    }

    .platform-signal {
        border-right: 0;
        border-bottom: 1px solid var(--border);
    }

    .platform-signal:last-child {
        border-bottom: 0;
    }
}

/* Platform Signals — compact header */

.platform-signals__header {
    display: grid;
    grid-template-columns: 1fr .9fr;
    align-items: end;
    gap: 60px;

    margin-bottom: 20px;
}

.platform-signals__header h3 {
    margin: 8px 0 0;

    color: var(--text);

    font-size: clamp(1.35rem, 2vw, 1.75rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.platform-signals__header > p {
    max-width: 430px;
    margin: 0;

    color: var(--muted);

    font-size: .74rem;
    line-height: 1.7;
}

@media (max-width: 760px) {
    .platform-signals__header {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

/* Platform Signals — compact final header */

.platform-signals {
    padding-block: 38px 16px;
}

.platform-signals__header {
    display: block;
    margin-bottom: 14px;
}

/* Enterprise Controls → Platform Signals spacing polish */

.enterprise-controls {
    padding-bottom: 6px;
}

.platform-signals {
    padding-top: 24px;
    padding-bottom: 16px;
}

.platform-signals__header {
    margin-bottom: 10px;
}

/* Enterprise Controls + Platform Signals — unified final surface */

.enterprise-controls {
    padding-bottom: 0;
}

.enterprise-controls__rail {
    border-radius: 24px 24px 0 0;
}

/* Platform Signals is now a supporting footer rail */
.platform-signals {
    padding-block: 0 18px;
}

.platform-signals__header {
    display: none;
}

.platform-signals__rail {
    margin-top: -1px;

    border-radius: 0 0 24px 24px;

    background:
        linear-gradient(
            90deg,
            rgba(215, 164, 143, .025),
            rgba(142, 92, 246, .025)
        ),
        var(--surface);
}

.platform-signal {
    min-height: 68px;
    padding-block: 13px;
}

html[data-public-theme="light"]
.platform-signals__rail {
    background:
        linear-gradient(
            90deg,
            rgba(169, 111, 97, .018),
            rgba(116, 80, 199, .018)
        ),
        #fffafb;
}

/* =========================================
   FAQ
   ========================================= */

.faq-section {
    padding-block: 96px 28px;
}

.faq-section__intro {
    display: grid;
    grid-template-columns: 1.12fr .88fr;
    align-items: end;
    gap: 72px;

    margin-bottom: 36px;
}

.faq-section__intro h2 {
    margin: 10px 0 0;

    font-size: clamp(2.2rem, 4vw, 3.8rem);
    line-height: 1.03;
    letter-spacing: -.055em;
}

.faq-section__intro h2 span {
    color: var(--rose-light);
}

.faq-section__intro > p {
    max-width: 470px;
    margin: 0 0 5px;

    color: var(--muted);
    line-height: 1.8;
}

.faq-list {
    overflow: hidden;

    border: 1px solid var(--border);
    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            rgba(215, 164, 143, .022),
            rgba(142, 92, 246, .022)
        ),
        var(--surface);

    box-shadow:
        0 22px 54px rgba(0, 0, 0, .09);
}

.faq-item {
    border-bottom: 1px solid var(--border);
}

.faq-item:last-child {
    border-bottom: 0;
}

.faq-item summary {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 18px;

    min-height: 78px;
    padding: 18px 26px;

    cursor: pointer;

    list-style: none;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item__number {
    color: rgba(215, 164, 143, .48);

    font-size: .56rem;
    font-weight: 800;
    letter-spacing: .15em;
}

.faq-item summary strong {
    color: var(--text);

    font-size: .9rem;
    line-height: 1.45;
}

.faq-item__toggle {
    display: grid;
    place-items: center;

    width: 28px;
    height: 28px;

    border: 1px solid var(--border);
    border-radius: 9px;

    color: var(--rose-light);

    font-size: .95rem;

    transition:
        transform .2s ease,
        background .2s ease;
}

.faq-item[open] .faq-item__toggle {
    transform: rotate(45deg);

    background:
        linear-gradient(
            145deg,
            rgba(215, 164, 143, .07),
            rgba(142, 92, 246, .05)
        );
}

.faq-item__answer {
    padding:
        0
        78px
        24px
        86px;
}

.faq-item__answer p {
    max-width: 760px;
    margin: 0;

    color: var(--muted);

    font-size: .76rem;
    line-height: 1.75;
}


/* Light theme */

html[data-public-theme="light"]
.faq-list {
    background:
        linear-gradient(
            135deg,
            rgba(169, 111, 97, .018),
            rgba(116, 80, 199, .018)
        ),
        #fffafb;

    box-shadow:
        0 20px 48px rgba(72, 46, 61, .05);
}


/* Responsive */

@media (max-width: 900px) {
    .faq-section__intro {
        grid-template-columns: 1fr;
        gap: 22px;
    }
}

@media (max-width: 620px) {
    .faq-section {
        padding-block: 70px 20px;
    }

    .faq-item summary {
        grid-template-columns: 30px minmax(0, 1fr) 30px;
        gap: 12px;

        padding-inline: 18px;
    }

    .faq-item__answer {
        padding:
            0
            48px
            22px
            60px;
    }
}

/* FAQ — enterprise accordion final polish */

.faq-item {
    transition:
        background .22s ease,
        box-shadow .22s ease;
}

.faq-item[open] {
    background:
        linear-gradient(
            90deg,
            rgba(215, 164, 143, .035),
            rgba(142, 92, 246, .025)
        );
}

.faq-item[open] summary strong {
    color: var(--rose-light);
}

.faq-item__toggle {
    font-size: 0;
}

.faq-item__toggle::before {
    content: "+";

    font-size: .95rem;
    line-height: 1;
}

.faq-item[open] .faq-item__toggle {
    transform: none;
}

.faq-item[open] .faq-item__toggle::before {
    content: "×";
}

html[data-public-theme="light"] .faq-item[open] {
    background:
        linear-gradient(
            90deg,
            rgba(169, 111, 97, .035),
            rgba(116, 80, 199, .02)
        );
}

/* =========================================
   REQUEST ACCESS
   ========================================= */

.request-access {
    padding-block: 92px 82px;
}

.request-access__surface {
    position: relative;

    display: grid;
    grid-template-columns: .92fr 1.08fr;
    overflow: hidden;

    border: 1px solid rgba(215, 164, 143, .18);
    border-radius: 28px;

    background:
        radial-gradient(
            circle at 5% 5%,
            rgba(215, 164, 143, .09),
            transparent 32%
        ),
        radial-gradient(
            circle at 94% 10%,
            rgba(142, 92, 246, .10),
            transparent 34%
        ),
        var(--surface);

    box-shadow:
        0 30px 75px rgba(0, 0, 0, .15);
}

.request-access__content {
    display: flex;
    flex-direction: column;

    padding: 56px 50px;

    border-right: 1px solid var(--border);
}

.request-access__content h2 {
    margin: 13px 0 18px;

    font-size: clamp(2.25rem, 4vw, 3.7rem);
    line-height: 1.02;
    letter-spacing: -.055em;
}

.request-access__content h2 span {
    display: block;
    color: var(--rose-light);
}

.request-access__content > p {
    max-width: 520px;
    margin: 0;

    color: var(--muted);

    font-size: .82rem;
    line-height: 1.8;
}

.request-access__highlights {
    display: grid;
    gap: 14px;

    margin-top: 34px;
}

.request-access__highlights > div {
    display: flex;
    align-items: center;
    gap: 13px;
}

.request-access__highlights > div > span {
    display: grid;
    place-items: center;
    flex: 0 0 auto;

    width: 34px;
    height: 34px;

    border: 1px solid rgba(215, 164, 143, .18);
    border-radius: 11px;

    color: var(--rose-light);

    background:
        linear-gradient(
            145deg,
            rgba(215, 164, 143, .055),
            rgba(142, 92, 246, .04)
        );
}

.request-access__highlights p {
    display: grid;
    gap: 2px;

    margin: 0;

    color: var(--muted);

    font-size: .68rem;
    line-height: 1.5;
}

.request-access__highlights strong {
    color: var(--text);
    font-size: .76rem;
}

.request-access__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;

    margin-top: auto;
    padding-top: 38px;
}


/* Form panel */

.request-access__form-panel {
    padding: 48px 44px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .018),
            rgba(142, 92, 246, .018)
        );
}

.request-access__form-heading > span {
    color: var(--rose-light);

    font-size: .57rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.request-access__form-heading h3 {
    margin: 7px 0 5px;

    font-size: 1.5rem;
    letter-spacing: -.035em;
}

.request-access__form-heading p {
    margin: 0;

    color: var(--muted);

    font-size: .72rem;
    line-height: 1.6;
}

.request-access__form {
    margin-top: 28px;
}

.request-access__form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.request-access__field {
    display: grid;
    gap: 7px;
}

.request-access__field--wide {
    grid-column: 1 / -1;
}

.request-access__field > span {
    color: var(--muted);

    font-size: .59rem;
    font-weight: 700;
    letter-spacing: .04em;
}

.request-access__field input,
.request-access__field textarea {
    width: 100%;

    border: 1px solid var(--border);
    border-radius: 11px;

    outline: none;

    background: rgba(255, 255, 255, .025);

    color: var(--text);

    font: inherit;
    font-size: .75rem;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.request-access__field input {
    height: 44px;
    padding-inline: 13px;
}

.request-access__field textarea {
    min-height: 120px;
    padding: 12px 13px;

    resize: vertical;
}

.request-access__field input::placeholder,
.request-access__field textarea::placeholder {
    color: var(--muted);
    opacity: .58;
}

.request-access__field input:focus,
.request-access__field textarea:focus {
    border-color: rgba(215, 164, 143, .46);

    background: rgba(215, 164, 143, .025);

    box-shadow:
        0 0 0 3px rgba(215, 164, 143, .07);
}

.request-access__field--error input,
.request-access__field--error textarea {
    border-color: rgba(225, 105, 105, .55);
}

.request-access__field small {
    color: #dc8e8e;

    font-size: .61rem;
}

.request-access__submit {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;

    margin-top: 20px;
}

.request-access__submit small {
    max-width: 420px;

    color: var(--muted);

    font-family: inherit;
    font-size: .66rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
}


/* Messages */

.request-access__messages {
    display: grid;
    gap: 8px;

    margin-top: 20px;
}

.request-access__notice {
    padding: 10px 12px;

    border: 1px solid var(--border);
    border-radius: 10px;

    color: var(--muted);

    font-size: .68rem;
    line-height: 1.55;
}

.request-access__notice--success {
    border-color: rgba(113, 196, 149, .25);
    color: #9bd4b2;

    background: rgba(113, 196, 149, .055);
}

.request-access__notice--error {
    border-color: rgba(225, 105, 105, .25);
    color: #dc9a9a;

    background: rgba(225, 105, 105, .05);
}


/* Honeypot */

.request-access__honeypot-wrap {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    overflow: hidden !important;

    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;

    white-space: nowrap !important;
}


/* Light theme */

html[data-public-theme="light"]
.request-access__surface {
    background:
        radial-gradient(
            circle at 5% 5%,
            rgba(169, 111, 97, .055),
            transparent 32%
        ),
        radial-gradient(
            circle at 94% 10%,
            rgba(116, 80, 199, .055),
            transparent 34%
        ),
        #fffafb;

    box-shadow:
        0 28px 66px rgba(72, 46, 61, .07);
}

html[data-public-theme="light"]
.request-access__form-panel {
    background:
        linear-gradient(
            145deg,
            rgba(169, 111, 97, .018),
            rgba(116, 80, 199, .018)
        );
}

html[data-public-theme="light"]
.request-access__field input,
html[data-public-theme="light"]
.request-access__field textarea {
    background: rgba(255, 255, 255, .78);
}


/* Responsive */

@media (max-width: 920px) {
    .request-access__surface {
        grid-template-columns: 1fr;
    }

    .request-access__content {
        border-right: 0;
        border-bottom: 1px solid var(--border);
    }

    .request-access__actions {
        margin-top: 0;
    }
}

@media (max-width: 620px) {
    .request-access {
        padding-block: 70px 50px;
    }

    .request-access__content,
    .request-access__form-panel {
        padding: 34px 25px;
    }

    .request-access__form-grid {
        grid-template-columns: 1fr;
    }

    .request-access__field--wide {
        grid-column: auto;
    }

    .request-access__submit {
        align-items: stretch;
        flex-direction: column;
    }

    .request-access__submit .button {
        width: 100%;
    }
}\n

/* =========================================
   CONNECTED OPERATIONS — BEFORE / AFTER
   ========================================= */

.operation-shift {
    padding-block: 96px 110px;
}

.operation-shift__intro {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 40px;
    align-items: end;

    margin-bottom: 38px;
}

.operation-shift__intro h2 {
    max-width: 780px;
    margin: 12px 0 0;

    font-size: clamp(2.35rem, 4.6vw, 4.45rem);
    line-height: .98;
    letter-spacing: -.06em;
}

.operation-shift__intro h2 span {
    display: block;
    color: var(--rose-light);
}

.operation-shift__intro > p {
    width: 100%;
    max-width: 420px;
    margin: 0 0 8px;

    color: var(--muted);

    font-size: .78rem;
    line-height: 1.8;
}


/* Main comparison surface */

.operation-shift__surface {
    position: relative;

    display: grid;
    grid-template-columns: minmax(0, 1fr) 66px minmax(0, 1fr);

    overflow: hidden;

    border: 1px solid var(--border);
    border-radius: 26px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, .018),
            rgba(142, 92, 246, .012)
        );

    box-shadow:
        0 28px 74px rgba(0, 0, 0, .12);
}

.operation-shift__side {
    position: relative;

    min-width: 0;
    padding: 40px 38px 34px;
}

.operation-shift__side--before {
    background:
        linear-gradient(
            150deg,
            rgba(255, 255, 255, .018),
            rgba(255, 255, 255, .006)
        );
}

.operation-shift__side--after {
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(142, 92, 246, .10),
            transparent 38%
        ),
        radial-gradient(
            circle at 0 100%,
            rgba(215, 164, 143, .07),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            rgba(215, 164, 143, .025),
            rgba(142, 92, 246, .025)
        );
}


/* Headers */

.operation-shift__side-header {
    min-height: 142px;
    padding-bottom: 28px;

    border-bottom: 1px solid var(--border);
}

.operation-shift__state {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    font-size: .56rem;
    font-weight: 800;
    letter-spacing: .15em;
}

.operation-shift__state i {
    display: block;

    width: 6px;
    height: 6px;

    border-radius: 50%;
}

.operation-shift__state--before {
    color: var(--muted);
}

.operation-shift__state--before i {
    background: currentColor;
    opacity: .55;
}

.operation-shift__state--after {
    color: var(--rose-light);
}

.operation-shift__state--after i {
    background: currentColor;

    box-shadow:
        0 0 0 5px rgba(215, 164, 143, .06),
        0 0 18px rgba(215, 164, 143, .3);
}

.operation-shift__side-header h3 {
    max-width: 440px;

    margin: 13px 0 8px;

    font-size: clamp(1.28rem, 2vw, 1.75rem);
    line-height: 1.12;
    letter-spacing: -.04em;
}

.operation-shift__side-header p {
    max-width: 450px;
    margin: 0;

    color: var(--muted);

    font-size: .69rem;
    line-height: 1.65;
}


/* Individual comparison items */

.operation-shift__items {
    display: grid;
}

.operation-shift__item {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 12px;

    min-height: 86px;
    padding-block: 17px;

    border-bottom: 1px solid var(--border);
}

.operation-shift__item:last-child {
    border-bottom: 0;
}

.operation-shift__item-icon {
    display: grid;
    place-items: center;

    width: 25px;
    height: 25px;
    margin-top: 1px;

    border: 1px solid var(--border);
    border-radius: 8px;

    color: var(--muted);

    font-size: .7rem;
    font-weight: 800;

    background: rgba(255, 255, 255, .018);
}

.operation-shift__side--after
.operation-shift__item-icon {
    border-color: rgba(215, 164, 143, .18);

    color: var(--rose-light);

    background:
        linear-gradient(
            145deg,
            rgba(215, 164, 143, .07),
            rgba(142, 92, 246, .05)
        );
}

.operation-shift__item strong {
    display: block;

    color: var(--text);

    font-size: .72rem;
    font-weight: 700;
    line-height: 1.4;
}

.operation-shift__item p {
    max-width: 430px;

    margin: 4px 0 0;

    color: var(--muted);

    font-size: .64rem;
    line-height: 1.55;
}


/* Center transition */

.operation-shift__bridge {
    position: relative;
    z-index: 2;

    display: grid;
    place-items: center;

    border-inline: 1px solid var(--border);

    background:
        linear-gradient(
            180deg,
            rgba(142, 92, 246, .025),
            rgba(215, 164, 143, .035)
        );
}

.operation-shift__bridge::before {
    content: "";

    position: absolute;
    top: 15%;
    bottom: 15%;
    left: 50%;

    width: 1px;

    background:
        linear-gradient(
            transparent,
            rgba(215, 164, 143, .24),
            transparent
        );
}

.operation-shift__bridge span {
    position: relative;
    z-index: 1;

    display: grid;
    place-items: center;

    width: 38px;
    height: 38px;

    border: 1px solid rgba(215, 164, 143, .2);
    border-radius: 50%;

    color: var(--rose-light);

    background: var(--surface);

    box-shadow:
        0 0 28px rgba(215, 164, 143, .11);
}


/* Bottom connected rail */

.operation-shift__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;

    margin-top: 16px;
    padding: 14px 20px;

    border: 1px solid var(--border);
    border-radius: 14px;

    color: var(--muted);

    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, .012),
            rgba(215, 164, 143, .025),
            rgba(142, 92, 246, .02)
        );

    font-size: .59rem;
}

.operation-shift__footer span {
    font-weight: 700;
}

.operation-shift__footer i {
    color: var(--rose-light);
    font-style: normal;
    opacity: .55;
}

.operation-shift__footer strong {
    margin-left: 12px;

    color: var(--rose-light);

    font-size: .59rem;
    font-weight: 700;
}


/* Light mode */

html[data-public-theme="light"]
.operation-shift__surface {
    background: #fffafb;

    box-shadow:
        0 28px 70px rgba(72, 46, 61, .06);
}

html[data-public-theme="light"]
.operation-shift__side--before {
    background:
        linear-gradient(
            145deg,
            rgba(87, 74, 83, .018),
            rgba(255, 255, 255, .8)
        );
}

html[data-public-theme="light"]
.operation-shift__side--after {
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(116, 80, 199, .055),
            transparent 40%
        ),
        radial-gradient(
            circle at 0 100%,
            rgba(169, 111, 97, .055),
            transparent 38%
        ),
        #fffafb;
}

html[data-public-theme="light"]
.operation-shift__bridge span {
    background: #fffafb;
}


/* Responsive */

@media (max-width: 900px) {
    .operation-shift__intro {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .operation-shift__intro > p {
        margin-left: 0;
    }

    .operation-shift__surface {
        grid-template-columns: 1fr;
    }

    .operation-shift__bridge {
        min-height: 58px;

        border-inline: 0;
        border-block: 1px solid var(--border);
    }

    .operation-shift__bridge::before {
        top: 50%;
        right: 15%;
        bottom: auto;
        left: 15%;

        width: auto;
        height: 1px;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(215, 164, 143, .24),
                transparent
            );
    }

    .operation-shift__bridge span {
        transform: rotate(90deg);
    }

    .operation-shift__side-header {
        min-height: auto;
    }
}

@media (max-width: 620px) {
    .operation-shift {
        padding-block: 72px 82px;
    }

    .operation-shift__side {
        padding: 30px 24px 24px;
    }

    .operation-shift__side-header {
        padding-bottom: 23px;
    }

    .operation-shift__item {
        min-height: auto;
        padding-block: 15px;
    }

    .operation-shift__footer {
        gap: 7px;

        padding-inline: 14px;
    }

    .operation-shift__footer strong {
        width: 100%;
        margin: 3px 0 0;

        text-align: center;
    }
}

/* Space between capability rail and connected operations story */
.stack-strip + .operation-shift {
    margin-top: 34px;
}\n\n

/* =========================================
   ENTERPRISE FOOTER
   ========================================= */

.public-footer {
    margin-top: 72px;

    border-top: 1px solid var(--border);

    background:
        radial-gradient(
            circle at 12% 0,
            rgba(215, 164, 143, .045),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 100%,
            rgba(142, 92, 246, .045),
            transparent 30%
        );
}

.public-footer__inner {
    display: grid !important;
    align-items: start;
    grid-template-columns:
        minmax(280px, 1.6fr)
        repeat(3, minmax(130px, .65fr));

    gap: 60px;

    min-height: 0 !important;

    padding-block: 62px 54px;
}


/* Brand */

.public-footer__brand {
    display: block !important;
}

.public-footer__brand-link {
    display: inline-flex;
    align-items: center;

    gap: 12px;
}

.public-footer__brand-link img {
    display: block;

    width: 34px;
    height: 34px;

    object-fit: contain;
}

.public-footer__brand-link > div {
    display: grid !important;
    gap: 1px !important;
}

.public-footer__brand-link strong {
    color: var(--text);

    font-size: .78rem;
}

.public-footer__brand-link span {
    color: var(--muted);

    font-size: .55rem;
}

.public-footer__brand > p {
    max-width: 390px;

    margin: 22px 0 0;

    color: var(--muted);

    font-size: .67rem;
    line-height: 1.75;
}

.public-footer__status {
    display: flex !important;
    align-items: center;
    gap: 8px;

    margin-top: 24px;

    color: var(--muted);

    font-size: .58rem;
}

.public-footer__status i {
    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #65d193;

    box-shadow:
        0 0 0 4px rgba(101, 209, 147, .07);
}


/* Navigation */

.public-footer__column {
    display: flex !important;
    flex-direction: column;

    gap: 11px;
}

.public-footer__column > strong {
    margin-bottom: 6px;

    color: var(--text);

    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .08em;

    text-transform: uppercase;
}

.public-footer__column a {
    display: inline-flex;
    align-items: center;

    width: fit-content;

    gap: 5px;

    color: var(--muted);

    font-size: .65rem;

    transition:
        color .18s ease,
        transform .18s ease;
}

.public-footer__column a:hover {
    color: var(--rose-light);

    transform: translateX(2px);
}

.public-footer__column a span {
    color: inherit;
}


/* Bottom rail */

.public-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 62px;

    border-top: 1px solid var(--border);
}

.public-footer__bottom span {
    color: var(--muted);

    font-size: .57rem;
}


/* Light theme */

html[data-public-theme="light"]
.public-footer {
    background:
        radial-gradient(
            circle at 12% 0,
            rgba(169, 111, 97, .035),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 100%,
            rgba(116, 80, 199, .035),
            transparent 30%
        ),
        rgba(255, 250, 251, .45);
}


/* Responsive */

@media (max-width: 900px) {
    .public-footer__inner {
        grid-template-columns:
            minmax(240px, 1.25fr)
            repeat(2, 1fr);

        gap: 42px;
    }

    .public-footer__brand {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .public-footer {
        margin-top: 52px;
    }

    .public-footer__inner {
        grid-template-columns: repeat(2, 1fr);

        gap: 36px 28px;

        padding-block: 44px 38px !important;
    }

    .public-footer__brand {
        grid-column: 1 / -1;
    }

    .public-footer__column:last-child {
        grid-column: 1 / -1;
    }

    .public-footer__bottom {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;

        gap: 5px;

        padding-block: 18px;
    }
}


/* Request Access — layered privacy notice */

.request-access__privacy {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);

    gap: 8px;

    margin-top: 17px;
    padding-top: 15px;

    border-top: 1px solid var(--border);
}

.request-access__privacy > span {
    color: var(--rose-light);

    font-size: .65rem;
}

.request-access__privacy p {
    max-width: 520px;

    margin: 0;

    color: var(--muted);

    font-size: .59rem;
    line-height: 1.65;
}

.request-access__privacy a {
    color: var(--rose-light);

    font-weight: 700;

    text-decoration: underline;
    text-decoration-color:
        rgba(215, 164, 143, .28);
    text-underline-offset: 3px;
}

.public-footer__privacy {
    color: var(--muted);

    font-size: .57rem;

    transition: color .18s ease;
}

.public-footer__privacy:hover {
    color: var(--rose-light);
}


/* =========================================================
   PREMIUM MOBILE FOOTER V1
   ========================================================= */

.public-footer-mobile {
    display: none;
}


@media (max-width: 720px) {

    .public-footer--desktop {
        display: none !important;
    }


    .public-footer-mobile {
        display: block;

        position: relative;

        overflow: hidden;

        padding:
            24px
            0
            calc(30px + env(safe-area-inset-bottom));

        color: #f8f1f4;

        border-top:
            1px solid
            rgba(255, 255, 255, .07);

        background:
            radial-gradient(
                circle at 10% 0%,
                rgba(215, 157, 134, .13),
                transparent 32%
            ),
            radial-gradient(
                circle at 100% 24%,
                rgba(122, 83, 165, .10),
                transparent 38%
            ),
            #09080d;
    }


    .public-footer-mobile__inner {
        display: grid;

        gap: 14px;
    }


    /* =====================================================
       BRAND CARD
       ===================================================== */

    .public-footer-mobile__brand-card {
        position: relative;

        overflow: hidden;

        padding: 20px;

        border:
            1px solid
            rgba(224, 171, 150, .14);

        border-radius: 24px;

        background:
            linear-gradient(
                145deg,
                rgba(255, 255, 255, .055),
                rgba(255, 255, 255, .018)
            );

        box-shadow:
            0 24px 60px rgba(0, 0, 0, .22),
            inset 0 1px 0 rgba(255, 255, 255, .045);

        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }


    .public-footer-mobile__brand-card::after {
        content: "";

        position: absolute;

        top: -80px;
        right: -70px;

        width: 170px;
        height: 170px;

        border-radius: 50%;

        pointer-events: none;

        background:
            radial-gradient(
                circle,
                rgba(218, 156, 132, .16),
                transparent 68%
            );
    }


    .public-footer-mobile__brand-row {
        position: relative;
        z-index: 1;

        display: flex;

        align-items: center;

        gap: 13px;
    }


    .public-footer-mobile__mark {
        display: grid;

        width: 54px;
        height: 54px;

        flex: 0 0 54px;

        place-items: center;

        overflow: hidden;

        border:
            1px solid
            rgba(225, 170, 148, .16);

        border-radius: 16px;

        background:
            rgba(255, 255, 255, .045);

        box-shadow:
            inset 0 1px 0
            rgba(255, 255, 255, .055);
    }


    .public-footer-mobile__mark img {
        display: block;

        width: 42px;
        height: 42px;

        object-fit: contain;
    }


    .public-footer-mobile__brand-copy {
        display: grid;

        min-width: 0;

        gap: 3px;
    }


    .public-footer-mobile__brand-copy strong {
        color: #fff8fa;

        font-size: 1.08rem;
        font-weight: 720;

        letter-spacing: -.025em;
    }


    .public-footer-mobile__brand-copy span {
        color:
            rgba(239, 226, 232, .57);

        font-size: .75rem;
        line-height: 1.45;
    }


    .public-footer-mobile__description {
        position: relative;
        z-index: 1;

        margin: 18px 0 0;

        color:
            rgba(239, 228, 233, .70);

        font-size: .88rem;
        line-height: 1.72;
    }


    .public-footer-mobile__status {
        position: relative;
        z-index: 1;

        display: inline-flex;

        width: fit-content;

        min-height: 34px;

        align-items: center;

        gap: 9px;

        margin-top: 17px;
        padding: 0 12px;

        color:
            rgba(240, 231, 235, .70);

        border:
            1px solid
            rgba(255, 255, 255, .07);

        border-radius: 999px;

        background:
            rgba(255, 255, 255, .032);

        font-size: .73rem;
        font-weight: 520;
    }


    .public-footer-mobile__status i {
        display: block;

        width: 7px;
        height: 7px;

        flex: 0 0 7px;

        border-radius: 50%;

        background: #65d69c;

        box-shadow:
            0 0 0 5px
            rgba(101, 214, 156, .08),
            0 0 18px
            rgba(101, 214, 156, .20);
    }


    /* =====================================================
       PRIMARY ACTIONS
       ===================================================== */

    .public-footer-mobile__actions {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);

        gap: 10px;
    }


    .public-footer-mobile__action {
        display: flex;

        min-width: 0;
        min-height: 50px;

        align-items: center;
        justify-content: space-between;

        gap: 9px;

        padding: 0 15px;

        border-radius: 16px;

        font-size: .78rem;
        font-weight: 680;

        text-decoration: none;

        transition:
            transform .18s ease,
            border-color .18s ease,
            background .18s ease;
    }


    .public-footer-mobile__action:active {
        transform: scale(.985);
    }


    .public-footer-mobile__action--primary {
        color: #281b20;

        border:
            1px solid
            rgba(241, 194, 174, .82);

        background:
            linear-gradient(
                135deg,
                #f0c0ad,
                #dba38d
            );

        box-shadow:
            0 12px 30px
            rgba(188, 119, 93, .14);
    }


    .public-footer-mobile__action--secondary {
        color: #f6edf0;

        border:
            1px solid
            rgba(255, 255, 255, .085);

        background:
            rgba(255, 255, 255, .035);
    }


    /* =====================================================
       ACCORDION NAVIGATION
       ===================================================== */

    .public-footer-mobile__nav {
        display: grid;

        gap: 8px;

        margin-top: 7px;
    }


    .public-footer-mobile__group {
        overflow: hidden;

        border:
            1px solid
            rgba(255, 255, 255, .07);

        border-radius: 17px;

        background:
            rgba(255, 255, 255, .022);
    }


    .public-footer-mobile__group summary {
        display: flex;

        min-height: 56px;

        align-items: center;
        justify-content: space-between;

        gap: 16px;

        padding: 0 16px;

        cursor: pointer;

        list-style: none;

        color:
            rgba(255, 248, 250, .90);

        font-size: .76rem;
        font-weight: 760;

        letter-spacing: .075em;

        text-transform: uppercase;

        user-select: none;
    }


    .public-footer-mobile__group
    summary::-webkit-details-marker {
        display: none;
    }


    .public-footer-mobile__toggle {
        display: grid;

        width: 29px;
        height: 29px;

        flex: 0 0 29px;

        place-items: center;

        color:
            rgba(232, 180, 158, .84);

        border:
            1px solid
            rgba(222, 163, 139, .12);

        border-radius: 9px;

        background:
            rgba(220, 158, 133, .055);

        font-size: 1.05rem;
        font-weight: 400;

        transition:
            transform .2s ease,
            background .2s ease;
    }


    .public-footer-mobile__group[open]
    .public-footer-mobile__toggle {
        transform: rotate(45deg);

        background:
            rgba(220, 158, 133, .10);
    }


    .public-footer-mobile__links {
        display: grid;

        padding:
            0
            9px
            9px;
    }


    .public-footer-mobile__links a {
        display: flex;

        min-height: 47px;

        align-items: center;
        justify-content: space-between;

        gap: 14px;

        padding: 0 8px;

        color:
            rgba(239, 227, 232, .65);

        border-top:
            1px solid
            rgba(255, 255, 255, .045);

        font-size: .84rem;

        text-decoration: none;
    }


    .public-footer-mobile__links
    a span:last-child {
        flex: 0 0 auto;

        color:
            rgba(222, 163, 139, .67);

        font-size: .72rem;
    }


    /* =====================================================
       LEGAL / META
       ===================================================== */

    .public-footer-mobile__bottom {
        display: grid;

        gap: 14px;

        margin-top: 9px;
        padding-top: 20px;

        color:
            rgba(232, 220, 225, .48);

        border-top:
            1px solid
            rgba(255, 255, 255, .075);

        font-size: .71rem;
        line-height: 1.5;
    }


    .public-footer-mobile__meta,
    .public-footer-mobile__signature {
        display: flex;

        align-items: center;

        gap: 18px;
    }


    .public-footer-mobile__meta {
        justify-content: space-between;
    }


    .public-footer-mobile__signature {
        justify-content: flex-start;
    }


    .public-footer-mobile__bottom a {
        color:
            rgba(241, 228, 233, .61);

        text-decoration: none;
    }


    /* =====================================================
       LIGHT THEME
       ===================================================== */

    html[data-public-theme="light"]
    .public-footer-mobile {
        color: #382c31;

        border-top-color:
            rgba(122, 85, 98, .10);

        background:
            radial-gradient(
                circle at 10% 0%,
                rgba(208, 150, 127, .13),
                transparent 34%
            ),
            radial-gradient(
                circle at 100% 22%,
                rgba(155, 115, 176, .075),
                transparent 38%
            ),
            #fbf7f8;
    }


    html[data-public-theme="light"]
    .public-footer-mobile__brand-card {
        border-color:
            rgba(168, 107, 89, .14);

        background:
            linear-gradient(
                145deg,
                rgba(255, 255, 255, .97),
                rgba(247, 239, 242, .91)
            );

        box-shadow:
            0 22px 52px
            rgba(80, 51, 61, .07),
            inset 0 1px 0
            rgba(255, 255, 255, .9);
    }


    html[data-public-theme="light"]
    .public-footer-mobile__mark {
        border-color:
            rgba(168, 107, 89, .14);

        background:
            rgba(255, 255, 255, .72);
    }


    html[data-public-theme="light"]
    .public-footer-mobile__brand-copy strong {
        color: #34272c;
    }


    html[data-public-theme="light"]
    .public-footer-mobile__brand-copy span {
        color: #83727a;
    }


    html[data-public-theme="light"]
    .public-footer-mobile__description {
        color: #725f67;
    }


    html[data-public-theme="light"]
    .public-footer-mobile__status {
        color: #705e66;

        border-color:
            rgba(125, 86, 99, .10);

        background:
            rgba(255, 255, 255, .67);
    }


    html[data-public-theme="light"]
    .public-footer-mobile__action--secondary {
        color: #49373e;

        border-color:
            rgba(160, 103, 85, .13);

        background:
            rgba(255, 255, 255, .72);
    }


    html[data-public-theme="light"]
    .public-footer-mobile__group {
        border-color:
            rgba(127, 88, 101, .10);

        background:
            rgba(255, 255, 255, .59);
    }


    html[data-public-theme="light"]
    .public-footer-mobile__group summary {
        color: #4a383f;
    }


    html[data-public-theme="light"]
    .public-footer-mobile__links a {
        color: #78666d;

        border-top-color:
            rgba(127, 88, 101, .075);
    }


    html[data-public-theme="light"]
    .public-footer-mobile__bottom {
        color: #8b7a81;

        border-top-color:
            rgba(127, 88, 101, .10);
    }


    html[data-public-theme="light"]
    .public-footer-mobile__bottom a {
        color: #705d65;
    }


    /* =====================================================
       SMALL PHONES
       ===================================================== */

    @media (max-width: 360px) {

        .public-footer-mobile__actions {
            grid-template-columns: 1fr;
        }


        .public-footer-mobile__meta,
        .public-footer-mobile__signature {
            align-items: flex-start;

            flex-direction: column;

            gap: 7px;
        }
    }

}


@media (prefers-reduced-motion: reduce) {

    .public-footer-mobile__action,
    .public-footer-mobile__toggle {
        transition: none;
    }
}


/* =========================================================
   END PREMIUM MOBILE FOOTER V1
   ========================================================= */


/* =========================================================
   MOBILE NAVIGATION — FINAL
   ========================================================= */

.public-nav__mobile-actions {
    display: none;
}


@media (max-width: 720px) {

    /*
     * Desktop flex alignment'larını tamamen sıfırla.
     * Menü yalnızca içerik kadar yükseklik kullansın.
     */
    .public-nav__toggle:checked ~ .public-nav__links {
        display: grid;

        grid-template-columns: minmax(0, 1fr);
        grid-auto-rows: auto;

        align-items: stretch;
        align-content: start;

        justify-items: stretch;
        justify-content: stretch;

        gap: 3px;

        width: auto;
        max-height: calc(100dvh - 92px);

        padding: 14px;

        overflow-y: auto;
        overscroll-behavior: contain;

        scrollbar-width: thin;
    }


    /*
     * Normal navigation links
     */
    .public-nav__links > a {
        display: flex;

        width: 100%;
        min-height: 44px;

        align-items: center;
        justify-content: center;

        margin: 0;
        padding: 0 14px;

        border-radius: 10px;

        line-height: 1.2;
    }


    /*
     * CTA area
     */
    .public-nav__mobile-actions {
        display: grid;

        width: 100%;

        grid-template-columns: minmax(0, 1fr);

        gap: 9px;

        margin: 7px 0 0;
        padding: 14px 0 0;

        border-top: 1px solid var(--border);
    }


    .public-nav__mobile-actions .button {
        display: flex;

        width: 100%;
        min-width: 0;
        min-height: 48px;

        align-items: center;
        justify-content: space-between;

        margin: 0;
        padding: 0 16px;

        border-radius: 13px;

        font-size: .76rem;
        font-weight: 720;

        text-align: left;
    }


    .public-nav__mobile-actions .button--primary {
        color: #201419;

        border-color: transparent;

        background:
            linear-gradient(
                135deg,
                var(--rose-light),
                var(--rose)
            );

        box-shadow:
            0 10px 28px
            rgba(215, 164, 143, .14);
    }


    .public-nav__mobile-actions .button--ghost {
        color: var(--text);

        border-color: var(--border);

        background:
            rgba(255, 255, 255, .025);
    }


    html[data-public-theme="light"]
    .public-nav__mobile-actions .button--ghost {
        background:
            rgba(255, 255, 255, .72);
    }
}


@media (max-width: 380px) {

    .public-nav__toggle:checked ~ .public-nav__links {
        right: 10px;
        left: 10px;

        padding: 12px;
    }


    .public-nav__links > a {
        min-height: 42px;
    }
}


/* =========================================================
   END MOBILE NAVIGATION — FINAL
   ========================================================= */

/* =========================================================
   BACK TO TOP — FINAL CONSOLIDATED
   ========================================================= */

.public-scroll-rail {
    position: fixed;
    right: 18px;
    bottom: max(
        22px,
        calc(env(safe-area-inset-bottom) + 16px)
    );
    z-index: 80;

    display: flex;

    width: 46px;
    height: 46px;

    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 0;
    padding: 7px;

    opacity: 0;
    pointer-events: none;

    transform: translateY(12px);

    cursor: pointer;

    overflow: hidden;

    border:
        1px solid
        rgba(215, 164, 143, .20);

    border-radius: 15px;

    background:
        linear-gradient(
            155deg,
            rgba(255, 255, 255, .07),
            rgba(255, 255, 255, .018)
        ),
        rgba(13, 10, 17, .84);

    box-shadow:
        0 16px 40px rgba(0, 0, 0, .25),
        0 5px 16px rgba(173, 111, 94, .07),
        inset 0 1px 0 rgba(255, 255, 255, .09),
        inset 0 0 0 1px rgba(255, 255, 255, .018);

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    transition:
        opacity 220ms ease,
        transform 220ms cubic-bezier(.2, .8, .2, 1),
        border-color 220ms ease,
        box-shadow 220ms ease;
}

.public-scroll-rail::before {
    display: none !important;
    content: none !important;
}

.public-scroll-rail.is-visible {
    opacity: 1;
    pointer-events: auto;

    transform: translateY(0);
}

.public-scroll-rail:hover {
    transform: translateY(-3px);

    border-color:
        rgba(211, 153, 132, .38);

    box-shadow:
        0 20px 48px rgba(0, 0, 0, .30),
        0 7px 22px rgba(187, 121, 100, .11),
        inset 0 1px 0 rgba(255, 255, 255, .11);
}

.public-scroll-rail:focus-visible {
    outline: none;

    box-shadow:
        0 0 0 3px rgba(215, 164, 143, .14),
        0 18px 42px rgba(0, 0, 0, .26);
}

.public-scroll-rail__text,
.public-scroll-rail__line {
    display: none !important;
}

.public-scroll-rail__icon {
    display: grid;

    width: 30px;
    height: 30px;

    place-items: center;

    border:
        1px solid
        rgba(211, 153, 132, .20);

    border-radius: 10px;

    background:
        linear-gradient(
            145deg,
            rgba(220, 164, 142, .14),
            rgba(220, 164, 142, .055)
        );

    color: #e8bda9;

    font-size: .95rem;
    font-weight: 500;
    line-height: 1;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .10),
        0 5px 14px rgba(139, 88, 74, .08);

    transition:
        transform 220ms cubic-bezier(.2, .8, .2, 1),
        background 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease;
}

.public-scroll-rail:hover
.public-scroll-rail__icon {
    transform: translateY(-1px);

    background:
        linear-gradient(
            145deg,
            rgba(226, 170, 148, .20),
            rgba(226, 170, 148, .08)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        0 7px 17px rgba(152, 92, 76, .12);
}


/* Light theme */

html[data-public-theme="light"]
.public-scroll-rail {
    border-color:
        rgba(176, 112, 91, .17);

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .99),
            rgba(249, 242, 242, .96)
        );

    box-shadow:
        0 14px 34px rgba(82, 57, 68, .10),
        inset 0 1px 0 rgba(255, 255, 255, .98);
}

html[data-public-theme="light"]
.public-scroll-rail__icon {
    border-color:
        rgba(176, 112, 91, .16);

    background:
        linear-gradient(
            145deg,
            rgba(211, 154, 134, .11),
            rgba(211, 154, 134, .045)
        );

    color: #a86f61;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .9),
        0 5px 13px rgba(112, 72, 82, .055);
}

html[data-public-theme="light"]
.public-scroll-rail:hover {
    border-color:
        rgba(176, 112, 91, .30);

    box-shadow:
        0 20px 44px rgba(80, 53, 65, .13),
        0 6px 18px rgba(176, 112, 91, .075),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}


/* Mobile */

@media (max-width: 640px) {

    .public-scroll-rail {
        right: 12px;

        bottom: max(
            18px,
            calc(env(safe-area-inset-bottom) + 14px)
        );

        width: 42px;
        height: 42px;

        padding: 6px;

        border-radius: 14px;
    }

    .public-scroll-rail__icon {
        width: 28px;
        height: 28px;

        font-size: .9rem;
    }
}


/* =========================================================
   DESKTOP FOOTER — COLUMN TOP ALIGNMENT FINAL
   ========================================================= */

.public-footer > .public-footer__inner > .public-footer__column {
    align-self: start !important;
}


/* =========================================================
   MOBILE FOOTER — GLAURIA G-PORTAL
   ========================================================= */

.public-footer-mobile__action--secondary
.public-footer-mobile__request-icon {
    display: grid;

    width: 36px;
    height: 36px;
    flex: 0 0 36px;

    place-items: center;

    color: var(--rose-light);

    border:
        1px solid
        rgba(215, 164, 143, .18);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(215, 164, 143, .10),
            rgba(142, 92, 246, .045)
        );

    box-shadow:
        0 8px 22px rgba(0, 0, 0, .12),
        inset 0 1px 0 rgba(255, 255, 255, .06);

    transition:
        transform .22s cubic-bezier(.2, .8, .2, 1),
        border-color .22s ease,
        background .22s ease,
        box-shadow .22s ease;
}

.public-footer-mobile__request-icon svg {
    display: block;

    width: 19px;
    height: 19px;

    stroke: currentColor;
    stroke-width: 1.45;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.public-footer-mobile__request-icon
svg path {
    vector-effect: non-scaling-stroke;
}


/* Light theme */

html[data-public-theme="light"]
.public-footer-mobile__action--secondary
.public-footer-mobile__request-icon {
    color: #a66d5d;

    border-color:
        rgba(171, 111, 91, .16);

    background:
        radial-gradient(
            circle at 30% 20%,
            rgba(255, 255, 255, .92),
            transparent 46%
        ),
        linear-gradient(
            145deg,
            rgba(205, 145, 123, .105),
            rgba(255, 255, 255, .58)
        );

    box-shadow:
        0 8px 20px rgba(113, 76, 87, .07),
        inset 0 1px 0 rgba(255, 255, 255, .96);
}


/* Hover-capable devices */

@media (hover: hover) {

    .public-footer-mobile__action--secondary:hover
    .public-footer-mobile__request-icon {
        transform: translateY(-1px);

        border-color:
            rgba(215, 164, 143, .34);

        box-shadow:
            0 11px 25px rgba(0, 0, 0, .16),
            inset 0 1px 0 rgba(255, 255, 255, .10);
    }

    html[data-public-theme="light"]
    .public-footer-mobile__action--secondary:hover
    .public-footer-mobile__request-icon {
        border-color:
            rgba(171, 111, 91, .27);

        box-shadow:
            0 11px 24px rgba(113, 76, 87, .10),
            inset 0 1px 0 rgba(255, 255, 255, .98);
    }
}


/* =========================================================
   MOBILE NAV — PREMIUM GITHUB OCTOCAT
   ========================================================= */

@media (max-width: 720px) {

    .public-nav__mobile-actions
    .public-nav__github-icon {
        display: grid;

        width: 36px;
        height: 36px;
        flex: 0 0 36px;

        place-items: center;

        color: #d6a38f;

        border:
            1px solid
            rgba(215, 164, 143, .22);

        border-radius: 12px;

        background:
            radial-gradient(
                circle at 30% 22%,
                rgba(215, 164, 143, .14),
                transparent 46%
            ),
            linear-gradient(
                145deg,
                rgba(215, 164, 143, .075),
                rgba(142, 92, 246, .035)
            );

        box-shadow:
            0 10px 24px rgba(0, 0, 0, .16),
            inset 0 1px 0 rgba(255, 255, 255, .06);

        transition:
            transform .22s cubic-bezier(.2, .8, .2, 1),
            border-color .22s ease,
            box-shadow .22s ease;
    }

    .public-nav__github-icon svg {
        display: block;

        width: 17px;
        height: 17px;

        fill: currentColor;
    }

    .public-nav__mobile-actions a:hover
    .public-nav__github-icon {
        transform: translateY(-1px);

        border-color:
            rgba(215, 164, 143, .34);

        box-shadow:
            0 13px 28px rgba(0, 0, 0, .20),
            0 0 20px rgba(215, 164, 143, .06),
            inset 0 1px 0 rgba(255, 255, 255, .09);
    }


    /* Light theme */

    html[data-public-theme="light"]
    .public-nav__mobile-actions
    .public-nav__github-icon {
        color: #a56f5e;

        border-color:
            rgba(171, 111, 91, .17);

        background:
            radial-gradient(
                circle at 30% 20%,
                rgba(255, 255, 255, .96),
                transparent 46%
            ),
            linear-gradient(
                145deg,
                rgba(205, 145, 123, .10),
                rgba(255, 255, 255, .66)
            );

        box-shadow:
            0 9px 22px rgba(113, 76, 87, .08),
            inset 0 1px 0 rgba(255, 255, 255, .98);
    }
}


/* =========================================================
   PUBLIC THEME TOGGLE — GLAURIA PREMIUM ICONS
   ========================================================= */

.public-theme-icon {
    display: grid;
    width: 19px;
    height: 19px;
    place-items: center;

    color: var(--soft);
}

.public-theme-icon svg {
    grid-area: 1 / 1;

    display: block;
    width: 18px;
    height: 18px;

    stroke: currentColor;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;

    transition:
        opacity 180ms ease,
        transform 220ms cubic-bezier(.2, .8, .2, 1),
        color 180ms ease,
        filter 180ms ease;
}


/* Dark theme:
   button offers switching TO light mode → show sun */

html[data-public-theme="dark"]
.public-theme-icon__sun {
    opacity: 1;
    transform: scale(1);
    color: #e6bfad;

    filter:
        drop-shadow(0 0 5px rgba(215, 164, 143, .14));
}

html[data-public-theme="dark"]
.public-theme-icon__moon {
    opacity: 0;
    transform: scale(.78) rotate(-10deg);
}


/* Light theme:
   button offers switching TO dark mode → show moon */

html[data-public-theme="light"]
.public-theme-icon__sun {
    opacity: 0;
    transform: scale(.78) rotate(10deg);
}

html[data-public-theme="light"]
.public-theme-icon__moon {
    opacity: 1;
    transform: scale(1);

    color: #685760;
}


/* Subtle interaction */

@media (hover: hover) {

    html[data-public-theme="dark"]
    .public-theme-toggle:hover
    .public-theme-icon__sun {
        color: var(--rose-light);

        filter:
            drop-shadow(0 0 7px rgba(215, 164, 143, .22));
    }

    html[data-public-theme="light"]
    .public-theme-toggle:hover
    .public-theme-icon__moon {
        color: #9b695c;
    }
}


/* =========================================================
   GLAURIA STATUS INDICATOR — SIGNATURE ROSE
   ========================================================= */

.public-footer-mobile__status i,
.public-footer__status i {
    background: #c78f7b !important;

    box-shadow:
        0 0 0 4px rgba(199, 143, 123, .10),
        0 0 14px rgba(199, 143, 123, .16) !important;
}


/* Dark theme */

html[data-public-theme="dark"] .public-footer-mobile__status i,
html[data-public-theme="dark"] .public-footer__status i {
    background: #e1b19d !important;

    box-shadow:
        0 0 0 4px rgba(225, 177, 157, .09),
        0 0 15px rgba(225, 177, 157, .14) !important;
}


/* Light theme */

html[data-public-theme="light"] .public-footer-mobile__status i,
html[data-public-theme="light"] .public-footer__status i {
    background: #bd816d !important;

    box-shadow:
        0 0 0 4px rgba(189, 129, 109, .09),
        0 0 12px rgba(189, 129, 109, .10) !important;
}