.homex-page{
    position:relative;
    min-height:100vh;
    overflow:hidden;
    background: transparent;
}
.homex-bg-orb{
    display:none;
}

.homex-container{max-width:1200px;margin:0 auto;padding:120px 20px 80px;display:grid;gap:34px}

.homex-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:24px;align-items:start}
.homex-hero__left,
.homex-hero__right{min-width:0}
.homex-pill{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid rgba(255,119,0,.35);border-radius:999px;background:rgba(255,119,0,.1);font-weight:700;letter-spacing:.08em;font-size:.72rem;color:#ff9b4d}
.homex-hero h1{margin:14px 0 0;font-size:3rem;line-height:1.05;font-weight:900;color:var(--oopsie-text)}
.homex-hero h1 span{color:#ff8f32}
.homex-hero p{margin:16px 0 0;color:var(--oopsie-muted);font-size:1.06rem;line-height:1.7;max-width:62ch}
.homex-hero__highlights{
    margin-top:16px;
    display:grid;
    gap:9px;
    max-width:62ch;
}
.homex-hero__highlight-item{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:var(--oopsie-text);
    font-size:.98rem;
    line-height:1.45;
}
.homex-hero__highlight-item i{
    color:#ff8f32;
    font-size:.95rem;
    margin-top:3px;
}
.homex-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

.homex-metrics{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.homex-metrics div{
    padding:14px;
    border:1px solid var(--oopsie-border);
    background:rgba(17,19,23,.80);
    border-radius:var(--oopsie-radius);
    box-shadow:var(--oopsie-shadow);
}
.homex-metrics strong{display:block;color:var(--oopsie-text);font-size:1.1rem}
.homex-metrics span{color:var(--oopsie-muted);font-size:.86rem}
.homex-hero__copy-extra{
    margin:18px 0 0;
    color:var(--oopsie-text);
    font-size:1rem;
    line-height:1.65;
    max-width:60ch;
}
.homex-hero__proofs{
    margin-top:16px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.homex-hero__proofs div{
    padding:12px 13px;
    border:1px solid var(--oopsie-border);
    border-radius:16px;
    background:rgba(255,255,255,.02);
    box-shadow:var(--oopsie-shadow);
}
.homex-hero__proofs strong{
    display:block;
    color:var(--oopsie-text);
    font-size:.88rem;
    line-height:1.2;
}
.homex-hero__proofs span{
    display:block;
    margin-top:6px;
    color:var(--oopsie-muted);
    font-size:.78rem;
    line-height:1.45;
}

.homex-demo-panel{
    min-height:100%;
    padding:14px;
    border:1px solid var(--oopsie-border);
    border-radius:18px;
    background:
        linear-gradient(180deg, rgba(17,19,23,.93), rgba(11,13,16,.9)),
        radial-gradient(circle at top right, rgba(255,138,31,.14), transparent 40%);
    box-shadow:var(--oopsie-shadow);
    display:grid;
    gap:12px;
    position:relative;
    overflow:hidden;
}
.homex-demo-stack{
    display:grid;
    gap:12px;
    align-content:start;
}
.homex-demo-panel--banner{
    gap:14px;
    padding:14px;
    border:1px solid var(--oopsie-border);
    background:
        linear-gradient(180deg, rgba(17,19,23,.93), rgba(11,13,16,.9)),
        radial-gradient(circle at top right, rgba(255,138,31,.14), transparent 40%);
    box-shadow:var(--oopsie-shadow);
    overflow:hidden;
}
.homex-demo-panel::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,.03), transparent 38%);
    pointer-events:none;
}
.homex-demo-panel__head--banner{
    padding-bottom:2px;
}
.homex-demo-panel__head--compact{
    margin-bottom:0;
}
.homex-demo-panel.is-performance{
    background:
        linear-gradient(180deg, rgba(17,19,23,.93), rgba(10,12,15,.94)),
        radial-gradient(circle at top center, rgba(255,138,31,.18), transparent 44%);
}
.homex-demo-panel.is-chart{
    background:
        linear-gradient(180deg, rgba(17,19,23,.93), rgba(10,12,15,.94)),
        radial-gradient(circle at bottom right, rgba(37,99,235,.12), transparent 38%);
}
.homex-demo-panel__head{
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}
.homex-demo-kicker{
    display:block;
    color:#ff9b4d;
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
    margin-bottom:4px;
}
.homex-demo-kicker--divider{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    margin-bottom:6px;
    letter-spacing:.14em;
    white-space:nowrap;
}
.homex-demo-kicker--divider::before,
.homex-demo-kicker--divider::after{
    content:"";
    flex:1 1 auto;
    height:1px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(255,138,31,.05), rgba(255,138,31,.38), rgba(255,138,31,.05));
}
.homex-demo-panel__head strong{
    display:block;
    color:var(--oopsie-text);
    font-size:1rem;
    line-height:1.2;
}
.homex-demo-section-copy{
    position:relative;
    z-index:1;
    margin:0;
    color:var(--oopsie-muted);
    font-size:.8rem;
    line-height:1.55;
}
.homex-demo-head-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:5px 8px;
    border-radius:999px;
    border:1px solid rgba(255,138,31,.24);
    background:rgba(255,138,31,.08);
    color:#ff9b4d;
    font-size:.62rem;
    font-weight:800;
    letter-spacing:.08em;
    white-space:nowrap;
}
.homex-demo-head-pill.is-performance{
    color:#7dd3fc;
    border-color:rgba(125,211,252,.24);
    background:rgba(125,211,252,.08);
}
.homex-demo-head-pill.is-replay{
    color:#a5b4fc;
    border-color:rgba(165,180,252,.24);
    background:rgba(165,180,252,.08);
}
.homex-demo-incident-list{
    position:relative;
    z-index:1;
    display:grid;
    gap:10px;
}
.homex-demo-banner{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    align-self:start;
    width:100%;
    border:1px solid var(--oopsie-border);
    border-radius:16px;
    overflow:hidden;
    background:
        linear-gradient(180deg, rgba(17,19,23,.88), rgba(10,12,15,.92)),
        radial-gradient(circle at top right, rgba(255,138,31,.08), transparent 42%);
}
.homex-demo-banner__section{
    position:relative;
    z-index:1;
    min-width:0;
    padding:12px;
    display:grid;
    gap:10px;
    align-content:start;
}
.homex-demo-banner__section + .homex-demo-banner__section{
    border-top:1px solid var(--oopsie-border);
}
.homex-demo-banner__section--errors{
    padding-bottom:14px;
}
.homex-demo-banner__section--performance{
    padding-top:14px;
    padding-bottom:14px;
}
.homex-demo-banner__section--chart{
    padding-top:14px;
}
.homex-demo-incident{
    display:grid;
    gap:8px;
    padding:10px 11px;
    border:1px solid var(--oopsie-border);
    border-radius:14px;
    background:rgba(255,255,255,.02);
}
.homex-demo-incident__main{
    display:grid;
    gap:4px;
    min-width:0;
}
.homex-demo-incident-meta{
    display:block;
    color:rgba(203,213,225,.72);
    font-size:.68rem;
    line-height:1.4;
}
.homex-demo-gauge-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}
.homex-demo-gauge-card{
    display:grid;
    gap:4px;
    justify-items:center;
    padding:6px 5px 7px;
    border:1px solid var(--oopsie-border);
    border-radius:16px;
    background:rgba(255,255,255,.02);
    min-width:0;
}
.homex-demo-gauge-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    width:100%;
}
.homex-demo-gauge-head small{
    color:rgba(226,232,240,.72);
    font-size:.50rem;
    font-weight:800;
    letter-spacing:.08em;
}
.homex-demo-gauge-head span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:28px;
    padding:.10rem .30rem;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.92);
    font-size:.45rem;
    font-weight:800;
    letter-spacing:.04em;
}
.homex-demo-gauge{
    --gauge-size: 90px;
    position:relative;
    width:min(100%, var(--gauge-size));
    aspect-ratio:1 / 1;
    display:flex;
    align-items:center;
    justify-content:center;
    isolation:isolate;
}
.homex-demo-gauge::before{
    content:"";
    position:absolute;
    inset:3%;
    border-radius:50%;
    background:
        linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.03) 18%, rgba(255,255,255,0) 20%),
        radial-gradient(circle at 50% 48%, rgba(46,46,46,.98) 0, rgba(10,10,10,.98) 62%, rgba(0,0,0,1) 100%);
    box-shadow:
        inset 0 2px 10px rgba(255,255,255,.10),
        inset 0 -18px 24px rgba(0,0,0,.45),
        0 0 0 5px rgba(140,140,140,.85),
        0 0 0 11px rgba(67,67,67,.95),
        0 18px 28px rgba(0,0,0,.22),
        0 28px 50px rgba(0,0,0,.28);
    z-index:0;
}
.homex-demo-gauge__svg{
    position:absolute;
    inset:4% 4% 18% 4%;
    z-index:1;
}
.homex-demo-gauge__track,
.homex-demo-gauge__segment{
    fill:none;
    stroke-linecap:butt;
}
.homex-demo-gauge__track{
    stroke:rgba(255,255,255,.06);
    stroke-width:13;
}
.homex-demo-gauge__segment{
    stroke-width:13;
    filter:drop-shadow(0 0 4px rgba(255,255,255,.04));
}
.homex-demo-gauge__needle{
    --gauge-angle: -20deg;
    position:absolute;
    left:50%;
    bottom:50%;
    width:7px;
    height:28%;
    background:linear-gradient(180deg, #ff9b8a 0%, #f34157 45%, #c81124 76%, #8f0816 100%);
    clip-path:polygon(44% 0, 56% 0, 92% 100%, 8% 100%);
    transform-origin:center bottom;
    transform:translateX(-50%) rotate(var(--gauge-angle));
    z-index:3;
}
.homex-demo-gauge__needle::after{
    content:"";
    position:absolute;
    bottom:-52%;
    left:50%;
    width:6px;
    height:50%;
    border-radius:999px 999px 3px 3px;
    background:linear-gradient(180deg, rgba(255,108,128,.6), #6f0814 60%, #52050e 100%);
    transform:translateX(-50%);
}
.homex-demo-gauge__hub{
    position:absolute;
    left:50%;
    top:50%;
    width:14px;
    height:14px;
    transform:translate(-50%, -50%);
    border-radius:50%;
    background:radial-gradient(circle at 35% 35%, rgba(78,78,78,.86), rgba(12,12,12,.98) 60%);
    border:2px solid rgba(220,220,220,.92);
    box-shadow:0 0 0 3px rgba(20,20,20,.92);
    z-index:4;
}
.homex-demo-gauge__brand{
    position:absolute;
    left:50%;
    top:68%;
    color:rgba(255,255,255,.86);
    font-size:6px;
    font-weight:700;
    letter-spacing:.03em;
    text-transform:uppercase;
    text-shadow:0 1px 6px rgba(0,0,0,.35);
    transform:translateX(-50%);
    z-index:2;
    pointer-events:none;
}
.homex-demo-gauge__brand sup{
    font-size:4px;
    top:-.45em;
}
.homex-demo-gauge__labels{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:2;
}
.homex-demo-gauge__labels small{
    position:absolute;
    color:rgba(255,255,255,.9);
    font-size:clamp(6px, .5vw, 9px);
    font-weight:700;
    line-height:1;
    letter-spacing:.01em;
    text-shadow:0 1px 6px rgba(0,0,0,.45);
    transform:translate(-50%, -50%);
    white-space:nowrap;
}
.homex-demo-gauge__labels small:nth-child(1){
    left:10%;
    top:57%;
    transform:translate(0, -50%);
}
.homex-demo-gauge__labels small:nth-child(2){
    left:22%;
    top:40%;
}
.homex-demo-gauge__labels small:nth-child(3){
    left:39%;
    top:24%;
}
.homex-demo-gauge__labels small:nth-child(4){
    left:61%;
    top:24%;
}
.homex-demo-gauge__labels small:nth-child(5){
    left:78%;
    top:40%;
}
.homex-demo-gauge__labels small:nth-child(6){
    left:91%;
    top:57%;
    transform:translate(-100%, -50%);
}
.homex-demo-gauge-card.is-good .homex-demo-gauge__needle{
    --gauge-angle:-30deg;
}
.homex-demo-gauge-card.is-attention .homex-demo-gauge__needle{
    --gauge-angle:-4deg;
}
.homex-demo-gauge-card.is-poor .homex-demo-gauge__needle{
    --gauge-angle:26deg;
}
.homex-demo-replay{
    position:relative;
    z-index:1;
    display:grid;
    gap:10px;
}
.homex-demo-replay__screen{
    border:1px solid var(--oopsie-border);
    border-radius:14px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
        radial-gradient(circle at top right, rgba(125,211,252,.12), transparent 42%);
    padding:12px;
    display:grid;
    gap:10px;
    min-height:180px;
}
.homex-demo-replay__topline{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:12px;
}
.homex-demo-replay__topline span{
    color:var(--oopsie-text);
    font-size:.82rem;
    font-weight:800;
    letter-spacing:.02em;
}
.homex-demo-replay__topline small{
    color:var(--oopsie-muted);
    font-size:.64rem;
}
.homex-demo-replay__viewport{
    position:relative;
    flex:1 1 auto;
    min-height:126px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.06);
    overflow:hidden;
    background:
        linear-gradient(135deg, rgba(13,17,24,.95), rgba(8,10,14,.96)),
        radial-gradient(circle at 20% 20%, rgba(255,138,31,.20), transparent 26%),
        radial-gradient(circle at 75% 30%, rgba(125,211,252,.10), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.03), transparent 30%);
}
.homex-demo-replay__journey{
    position:absolute;
    left:14px;
    right:14px;
    top:12px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    z-index:1;
}
.homex-demo-replay__journey::before{
    content:"";
    position:absolute;
    left:8%;
    right:8%;
    top:20px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(255,155,77,.22), rgba(255,155,77,.55) 35%, rgba(125,211,252,.45) 68%, rgba(239,68,68,.55));
    opacity:.95;
}
.homex-demo-replay__step{
    position:relative;
    padding-top:30px;
    text-align:center;
}
.homex-demo-replay__step span{
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    width:22px;
    height:22px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:.58rem;
    font-weight:900;
    letter-spacing:.04em;
    background:#171a1f;
    color:#f8fafc;
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 0 0 4px rgba(9,11,14,.92);
}
.homex-demo-replay__step strong{
    display:block;
    color:var(--oopsie-text);
    font-size:.74rem;
    line-height:1.15;
    margin-top:2px;
}
.homex-demo-replay__step small{
    display:block;
    margin-top:4px;
    color:var(--oopsie-muted);
    font-size:.58rem;
    line-height:1.2;
}
.homex-demo-replay__step.is-done span{
    background:#18301e;
    border-color:rgba(34,197,94,.35);
    color:#8ef0a4;
}
.homex-demo-replay__step.is-active span{
    background:#272038;
    border-color:rgba(125,211,252,.5);
    color:#bde9ff;
    box-shadow:0 0 0 4px rgba(125,211,252,.10);
}
.homex-demo-replay__step.is-error span{
    background:#30151a;
    border-color:rgba(239,68,68,.5);
    color:#ffb5bc;
}
.homex-demo-replay__scene{
    position:absolute;
    left:14px;
    right:14px;
    top:86px;
    bottom:14px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.07);
    background:
        linear-gradient(180deg, rgba(10,12,16,.66), rgba(8,10,14,.84)),
        radial-gradient(circle at 30% 18%, rgba(255,155,77,.08), transparent 20%),
        radial-gradient(circle at 72% 26%, rgba(125,211,252,.08), transparent 20%);
    overflow:hidden;
}
.homex-demo-replay__scene-card{
    position:absolute;
    top:22px;
    width:72px;
    height:36px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.09);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.68rem;
    font-weight:800;
    color:rgba(255,255,255,.92);
    background:rgba(255,255,255,.04);
}
.homex-demo-replay__scene-card.is-home{left:18px;}
.homex-demo-replay__scene-card.is-search{left:104px;}
.homex-demo-replay__scene-card.is-checkout{left:190px;}
.homex-demo-replay__scene-card.is-error{
    left:276px;
    color:#ffb5bc;
    border-color:rgba(239,68,68,.4);
    background:rgba(239,68,68,.08);
}
.homex-demo-replay__trace{
    position:absolute;
    left:52px;
    right:56px;
    top:44px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(34,197,94,.38), rgba(125,211,252,.38), rgba(255,155,77,.52), rgba(239,68,68,.56));
    opacity:.9;
}
.homex-demo-replay__viewport::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg, rgba(255,255,255,.03), transparent 30%),
        radial-gradient(circle at 22% 75%, rgba(255,255,255,.06), transparent 18%);
    pointer-events:none;
}
.homex-demo-replay__cursor{
    position:absolute;
    left:240px;
    top:47px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#ff9b4d;
    box-shadow:0 0 0 5px rgba(255,155,77,.18), 0 0 18px rgba(255,155,77,.30);
}
.homex-demo-replay__cursor::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:26px;
    height:2px;
    background:linear-gradient(90deg, rgba(255,155,77,0), #ff9b4d 25%, #ff9b4d 75%, rgba(255,155,77,0));
    transform:translate(-50%, -50%) rotate(-16deg);
    transform-origin:center;
}
.homex-demo-replay__summary{
    position:relative;
    z-index:1;
    display:grid;
    gap:4px;
    padding:0 2px;
}
.homex-demo-replay__summary strong{
    display:block;
    color:var(--oopsie-text);
    font-size:.86rem;
    font-weight:800;
}
.homex-demo-replay__summary span{
    display:block;
    color:var(--oopsie-muted);
    font-size:.72rem;
    line-height:1.45;
}
.homex-demo-replay__footer{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:10px;
}
.homex-demo-replay__footer span{
    color:var(--oopsie-text);
    font-size:.82rem;
    font-weight:800;
}
.homex-demo-replay__footer small{
    color:var(--oopsie-muted);
    font-size:.64rem;
    line-height:1.45;
    text-align:right;
    max-width:46ch;
}
@media (max-width: 700px){
    .homex-demo-replay__journey{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .homex-demo-replay__journey::before{
        top:20px;
        left:16%;
        right:16%;
    }
    .homex-demo-replay__scene{
        top:112px;
    }
    .homex-demo-replay__scene-card{
        width:64px;
    }
    .homex-demo-replay__scene-card.is-home{left:12px;}
    .homex-demo-replay__scene-card.is-search{left:84px;}
    .homex-demo-replay__scene-card.is-checkout{left:156px;}
    .homex-demo-replay__scene-card.is-error{left:228px;}
    .homex-demo-replay__cursor{
        left:186px;
        top:46px;
    }
}
.homex-incident-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) 144px 66px;
    align-items:center;
    gap:10px;
}
.homex-incident-main{
    min-width:0;
    display:grid;
    gap:5px;
}
.homex-incident-top{display:flex;align-items:center;gap:6px}
.homex-incident-dot{width:7px;height:7px;border-radius:999px;background:#a855f7;box-shadow:0 0 0 2px rgba(168,85,247,.16)}
.homex-incident-top strong{display:block;margin:0;color:#e9eefb;font-size:.8rem;line-height:1.15}
.homex-incident-meta{
    display:block;
    color:rgba(203,213,225,.72);
    font-size:.68rem;
    line-height:1.4;
    letter-spacing:.01em;
}
.homex-incident-message{
    color:var(--oopsie-muted);
    font-size:.64rem;
    line-height:1.24;
    white-space:normal;
    overflow-wrap:anywhere;
}
.homex-incident-message strong{
    color:#f8fbff;
    font-size:.67rem;
    line-height:1.18;
}
.homex-incident-metrics{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    text-align:center;
}
.homex-incident-metric{
    min-width:42px;
}
.homex-incident-metric small{
    display:block;
    color:rgba(226,232,240,.58);
    font-size:.56rem;
    font-weight:700;
    letter-spacing:.03em;
    white-space:nowrap;
}
.homex-incident-metric strong{
    display:block;
    color:#f8fbff;
    font-size:.86rem;
    font-weight:800;
    line-height:1.05;
}
.homex-incident-last{
    color:rgba(226,232,240,.62);
    font-size:.61rem;
    text-align:right;
    white-space:nowrap;
}
.homex-incident-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:1px}
.homex-incident-tags span:not(.oopsie-badge):not(.oopsie-source-pill):not(.oopsie-replay-pill){
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:14px;
    padding:0 4px;
    border-radius:999px;
    font-size:.42rem;
    font-weight:800;
    letter-spacing:.03em;
    text-transform:uppercase;
}

.homex-incident-tags .oopsie-source-pill,
.homex-incident-tags .oopsie-replay-pill{
    display:inline-flex;
    align-items:center;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.03em;
    padding:1px 5px;
    border-radius:999px;
    border:1px solid transparent;
    white-space:nowrap;
}

.homex-incident-tags .oopsie-source-pill.is-frontend{
    color:#34d399;
    border-color:rgba(52,211,153,.34);
    background:rgba(52,211,153,.10);
}

.homex-incident-tags .oopsie-source-pill.is-backend{
    color:#60a5fa;
    border-color:rgba(96,165,250,.34);
    background:rgba(96,165,250,.10);
}

.homex-incident-tags .oopsie-source-pill.is-performance,
.homex-incident-tags .oopsie-replay-pill{
    color:#7dd3fc;
    border-color:rgba(125,211,252,.36);
    background:rgba(125,211,252,.10);
}

.homex-incident-tags .oopsie-source-pill.is-performance{
    color:#fca5a5;
    border-color:rgba(248,113,113,.36);
    background:rgba(248,113,113,.12);
}

.homex-incident-tags .oopsie-badge::before{
    content:none !important;
}

.homex-section{
    border:1px solid var(--oopsie-border);
    border-radius:var(--oopsie-radius);
    background:rgba(17,19,23,.80);
    box-shadow:var(--oopsie-shadow);
    padding:24px;
}
.homex-section__head h2{margin:0;color:var(--oopsie-text);font-size:1.7rem}
.homex-section__head p{margin:8px 0 0;color:var(--oopsie-muted)}

.homex-modules{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.homex-modules article{
    padding:14px;
    border:1px solid var(--oopsie-border);
    border-radius:12px;
    background:rgba(255,255,255,.02);
}
.homex-modules h3{margin:0;color:#ff9d52;font-size:1rem}
.homex-modules p{margin:7px 0 0;color:var(--oopsie-muted);font-size:.93rem}

.homex-flow__grid{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.homex-flow__grid article{
    padding:14px;
    border:1px solid var(--oopsie-border);
    border-radius:12px;
    background:rgba(255,255,255,.02);
}
.homex-flow__grid span{display:inline-flex;width:30px;height:30px;border-radius:8px;align-items:center;justify-content:center;background:rgba(255,119,0,.16);color:#ff993f;font-weight:800}
.homex-flow__grid h3{margin:10px 0 6px;color:var(--oopsie-text)}
.homex-flow__grid p{margin:0;color:var(--oopsie-muted);font-size:.9rem}

.homex-testimonials{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.homex-testimonials article{
    padding:16px;
    border:1px solid var(--oopsie-border);
    border-radius:12px;
    background:rgba(255,255,255,.02);
}
.homex-testimonials p{margin:0;color:var(--oopsie-text);line-height:1.6}
.homex-testimonials strong{display:block;margin-top:12px;color:#ff9d52}
.homex-testimonials small{color:var(--oopsie-muted)}

.homex-pricing__grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.homex-price-card{
    padding:18px;
    border:1px solid var(--oopsie-border);
    border-radius:var(--oopsie-radius);
    background:rgba(17,19,23,.80);
    box-shadow:var(--oopsie-shadow);
    position:relative;
}
.homex-price-card.is-popular{border-color:rgba(255,119,0,.35);box-shadow:0 12px 30px rgba(255,119,0,.14)}
.homex-popular{position:absolute;top:12px;right:12px;background:#ff7a00;color:#120901;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:800}
.homex-price-card h3{margin:0;color:var(--oopsie-text)}
.homex-price{margin:12px 0 0;font-size:2rem;font-weight:900;color:#fff}
.homex-price small{font-size:1rem;color:var(--oopsie-muted);font-weight:600}
.homex-price-copy{color:var(--oopsie-muted);min-height:46px}

.homex-banner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.homex-banner h2{
    margin:0;
    color:var(--oopsie-text);
    font-size:clamp(1.08rem, 1.28vw, 1.55rem);
    line-height:1.15;
    max-width:none;
    white-space:nowrap;
    flex:1 1 auto;
}
.homex-banner p{margin:8px 0 0;color:var(--oopsie-muted)}
.homex-banner__actions{display:flex;gap:10px;flex-wrap:nowrap;align-items:center}
.homex-banner__actions .btn{
    min-height: 38px;
    padding: 0 16px;
    font-size: .76rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    white-space: nowrap;
}

:root[data-theme="light"] .homex-page{
    background: transparent;
}
:root[data-theme="light"] .homex-section,
:root[data-theme="light"] .homex-price-card,
:root[data-theme="light"] .homex-metrics div{
    background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,251,255,.98));
    border-color:rgba(15,23,42,.12);
}
:root[data-theme="light"] .homex-price{color:#0f172a}
:root[data-theme="light"] .homex-incident-top strong{
    color:#1f2937;
}
:root[data-theme="light"] .homex-incident-meta{
    color:rgba(51,65,85,.68);
}
:root[data-theme="light"] .homex-incident-message{
    color:#475569;
}
:root[data-theme="light"] .homex-incident-message strong{
    color:#0f172a;
}
:root[data-theme="light"] .homex-incident-metric small{
    color:rgba(51,65,85,.72);
}
:root[data-theme="light"] .homex-incident-metric strong{
    color:#0f172a;
}
:root[data-theme="light"] .homex-incident-last{
    color:rgba(51,65,85,.72);
}
:root[data-theme="light"] .homex-modules article{
    border-color: rgba(15,23,42,.14);
    background: rgba(255,255,255,.78);
}
:root[data-theme="light"] .homex-demo-panel{
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.98)),
        radial-gradient(circle at top right, rgba(255,138,31,.12), transparent 40%);
    border-color: rgba(15,23,42,.12);
}
:root[data-theme="light"] .homex-demo-panel--banner{
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.98)),
        radial-gradient(circle at top right, rgba(255,138,31,.12), transparent 40%);
    border-color: rgba(15,23,42,.12);
}
:root[data-theme="light"] .homex-demo-panel::before{
    background:linear-gradient(180deg, rgba(15,23,42,.03), transparent 38%);
}
:root[data-theme="light"] .homex-demo-incident,
:root[data-theme="light"] .homex-demo-gauge-card,
:root[data-theme="light"] .homex-demo-replay__screen{
    border-color: rgba(15,23,42,.10);
    background: rgba(255,255,255,.72);
}
:root[data-theme="light"] .homex-demo-panel__head strong,
:root[data-theme="light"] .homex-demo-gauge-head span,
:root[data-theme="light"] .homex-demo-replay__topline span,
:root[data-theme="light"] .homex-demo-replay__footer span,
:root[data-theme="light"] .homex-demo-replay__summary strong{
    color:#0f172a;
}
:root[data-theme="light"] .homex-demo-section-copy,
:root[data-theme="light"] .homex-incident-meta{
    color:rgba(51,65,85,.72);
}
:root[data-theme="light"] .homex-demo-panel__head{
    color:#475569;
}
:root[data-theme="light"] .homex-demo-gauge-head small,
:root[data-theme="light"] .homex-demo-replay__topline small,
:root[data-theme="light"] .homex-demo-replay__footer small,
:root[data-theme="light"] .homex-demo-replay__summary span{
    color:rgba(51,65,85,.72);
}
@media (max-width: 1100px){
    .homex-hero{
        grid-template-columns:1fr;
    }
    .homex-hero__proofs{
        grid-template-columns:1fr;
    }
}
:root[data-theme="light"] .homex-testimonials article{
    border-color: rgba(15,23,42,.14);
    background: rgba(255,255,255,.78);
}
:root[data-theme="light"] .homex-flow__grid article{
    border-color: rgba(15,23,42,.14);
    background: rgba(255,255,255,.78);
}
:root[data-theme="light"] .homex-pill{
    color:#c45f00;
    border-color:rgba(196,95,0,.35);
    background:rgba(255,140,0,.10);
}
:root[data-theme="light"] .homex-modules h3,
:root[data-theme="light"] .homex-testimonials strong{
    color:#c76700;
}

@media (max-width:1100px){
    .homex-hero{grid-template-columns:1fr}
    .homex-modules,.homex-flow__grid,.homex-testimonials,.homex-pricing__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
    .homex-container{padding:104px 16px 72px}
    .homex-hero h1{font-size:2.15rem}
    .homex-metrics,.homex-modules,.homex-flow__grid,.homex-testimonials,.homex-pricing__grid{grid-template-columns:1fr}
    .homex-banner{flex-direction:column;align-items:flex-start}
    .homex-banner__actions{flex-wrap:wrap}
    .homex-demo-banner__section{
        padding:11px;
    }
    .homex-hero__proofs{
        grid-template-columns:1fr;
    }
    .homex-demo-gauge-grid{
        grid-template-columns:1fr;
    }
}