:root{--ink:#11110f;--muted:#77746c;--paper:#f3f0e8;--line:#d9d3c7;--white:#fffdf8;--black:#0c0c0b;--gold:#a88952}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(#777 .45px,transparent .45px);background-size:7px 7px}a{color:inherit;text-decoration:none}.nav{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(243,240,232,.92);backdrop-filter:blur(14px);z-index:10}.brand{display:flex;gap:11px;align-items:center;font:800 15px "Manrope";letter-spacing:.18em}.mark{font:800 12px "Manrope";border:1px solid currentColor;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;letter-spacing:-.08em}nav{display:flex;gap:30px;font-size:13px;color:#55524b}.nav-cta{font-size:12px;font-weight:700;border-bottom:1px solid #111;padding-bottom:4px}.hero{padding:12vw 9vw 6vw;min-height:86vh;display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.22em;font-weight:800;color:#77746c}.hero h1{font:800 clamp(52px,8vw,126px)/.91 "Manrope";letter-spacing:-.07em;max-width:1100px;margin:26px 0}.hero h1 em{font-style:normal;color:#7a7467}.hero-copy{max-width:680px;font-size:18px;line-height:1.65;color:#625f58}.hero-actions{display:flex;gap:14px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:18px;padding:15px 21px;font-size:12px;font-weight:800;border:1px solid var(--ink);transition:.25s}.button.primary{background:var(--ink);color:var(--white)}.button.primary:hover{transform:translateY(-2px)}.button.ghost{border-color:var(--line)}.hero-line{margin-top:85px;border-top:1px solid var(--line)}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:22px}.hero-meta div{display:flex;flex-direction:column;gap:7px}.hero-meta strong{font-size:10px;letter-spacing:.15em}.hero-meta span{font-size:12px;color:var(--muted)}.section{padding:110px 9vw}.section.dark{background:var(--black);color:#eee9df}.section h2,.cta h2{font:700 clamp(38px,5vw,72px)/.98 "Manrope";letter-spacing:-.05em;margin:18px 0 30px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.lead{font-size:18px;line-height:1.7;color:#625f58}.dark .lead{color:#aaa59b}.narrow{max-width:650px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:45px}.feature-grid article{padding:28px 24px 28px 0;border-bottom:1px solid var(--line)}.feature-grid article:nth-child(odd){border-right:1px solid var(--line);padding-right:28px}.feature-grid article:nth-child(even){padding-left:28px}.feature-grid span{font-size:10px;color:var(--gold)}.feature-grid h3{font:700 20px "Manrope";margin:14px 0 8px}.feature-grid p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.dark .section-kicker{color:#8e897f}.architecture{max-width:920px;margin:55px auto 0;text-align:center}.arch-card{padding:28px 30px;border:1px solid #373632;text-align:left;display:flex;flex-direction:column;gap:8px}.arch-card small{font-size:9px;letter-spacing:.18em;color:#8d897f}.arch-card b{font:700 24px "Manrope"}.arch-card span{font-size:13px;color:#99958b}.arch-card.core{border-color:#8b7650;background:#151512}.connector{height:38px;display:grid;place-items:center;color:#8c877e}.core-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#373632}.core-grid div{background:#11110f;padding:25px;text-align:left;display:flex;flex-direction:column;gap:8px}.core-grid b{font:700 15px "Manrope"}.core-grid span{font-size:11px;color:#8d897f}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.price-card{background:var(--white);border:1px solid var(--line);padding:35px;min-height:380px;position:relative}.price-card.featured{border-color:#8c7957;box-shadow:0 20px 60px rgba(50,45,35,.08)}.tag{position:absolute;right:20px;top:20px;font-size:9px;letter-spacing:.16em;font-weight:800;color:var(--gold)}.price-card small{font-size:10px;letter-spacing:.18em;font-weight:800}.price{font:800 48px "Manrope";letter-spacing:-.06em;margin:25px 0 10px}.price span{font:500 12px "DM Sans";letter-spacing:0;color:var(--muted)}.price-card p{font-size:13px;line-height:1.6;color:var(--muted);min-height:62px}.price-card ul{padding:20px 0 0;margin:0;border-top:1px solid var(--line);list-style:none;font-size:12px;line-height:2.2}.fine{font-size:10px;color:#969187;margin-top:18px}.docs{background:#e8e3d9}.code-window{background:#121210;color:#d7d1c5;padding:0 25px 28px;margin:20px 0 28px;box-shadow:0 25px 60px rgba(0,0,0,.12)}.dots{display:flex;gap:7px;padding:17px 0}.dots i{width:7px;height:7px;border:1px solid #777;border-radius:50%}.code-window pre{margin:15px 0 0;overflow:auto;font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}.small{font-size:14px}.cta{padding:100px 9vw;background:#191815;color:#f4f0e8;display:flex;justify-content:space-between;align-items:end}.cta .section-kicker{color:#99938a}.button.light{background:#f4f0e8;color:#191815;border-color:#f4f0e8}footer{padding:30px 6vw;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#0d0d0c;color:#88837a;font-size:10px}footer .brand{color:#eee9df}@media(max-width:800px){nav{display:none}.nav{padding:0 5vw}.hero{padding:22vw 7vw 10vw}.hero h1{font-size:58px}.hero-meta,.two-col,.pricing{grid-template-columns:1fr}.section{padding:75px 7vw}.feature-grid{grid-template-columns:1fr}.feature-grid article:nth-child(odd){border-right:0;padding-right:0}.feature-grid article:nth-child(even){padding-left:0}.cta{padding:75px 7vw;display:block}.cta .button{margin-top:30px}footer{flex-direction:column;align-items:flex-start}}

/* Demo Player Styles */
.demo-container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    max-width: 1100px;
    margin: 0 auto;
    align-items: start;
}
@media (max-width: 800px) {
    .demo-container {
        grid-template-columns: 1fr;
    }
}
.demo-player-wrapper {
    background: #000;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #373632;
    aspect-ratio: 16/9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.demo-player-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.demo-overlay {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(4px);
    padding: 8px 12px;
    border-radius: 4px;
    display: flex;
    gap: 12px;
    font: 600 11px "ui-monospace", SFMono-Regular, monospace;
    color: #eee9df;
    border: 1px solid rgba(255,255,255,0.1);
}
.live-badge {
    color: #e53935;
    font-weight: 800;
}
.demo-controls {
    background: #151512;
    border: 1px solid #373632;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.demo-tabs {
    display: flex;
    gap: 2px;
    background: #11110f;
    padding: 4px;
    border-radius: 6px;
    border: 1px solid #2a2926;
}
.demo-tab {
    flex: 1;
    background: transparent;
    border: none;
    color: #8d897f;
    padding: 8px;
    font: 700 11px "Manrope";
    cursor: pointer;
    border-radius: 4px;
    transition: 0.2s;
}
.demo-tab:hover {
    color: #eee9df;
}
.demo-tab.active {
    background: #2a2926;
    color: #eee9df;
}
.demo-tab-content {
    display: none;
}
.demo-tab-content.active {
    display: block;
}
.demo-input {
    width: 100%;
    padding: 10px 12px;
    background: #11110f;
    border: 1px solid #373632;
    color: #eee9df;
    font-family: inherit;
    font-size: 13px;
    border-radius: 4px;
    margin-bottom: 8px;
}
.demo-input:focus {
    outline: none;
    border-color: #8b7650;
}
.text-muted {
    color: #8d897f;
    margin-top: 0;
}
.demo-results {
    margin-top: 15px;
    max-height: 150px;
    overflow-y: auto;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.demo-result-item {
    flex-shrink: 0;
    padding: 8px;
    background: #11110f;
    border: 1px solid #2a2926;
    cursor: pointer;
    border-radius: 4px;
    color: #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.demo-result-item:hover {
    border-color: #8b7650;
    color: #fff;
}
.demo-intelligence {
    border-top: 1px solid #2a2926;
    padding-top: 20px;
}
.intel-header {
    font: 800 10px "Manrope";
    letter-spacing: 0.18em;
    color: #8d897f;
    margin-bottom: 12px;
}
.intel-grid {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font: 500 12px "ui-monospace", SFMono-Regular, monospace;
}
.intel-grid > div {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #2a2926;
    padding-bottom: 4px;
}
.intel-grid span:first-child {
    color: #8d897f;
}
.status-dot {
    color: #eee9df;
}
.status-dot.healthy {
    color: #4caf50;
}
.status-dot.anomaly {
    color: #ff9800;
    animation: blink 1s infinite;
}
.status-dot.recovering {
    color: #2196f3;
}
.status-text {
    color: #eee9df;
}
@keyframes blink {
    50% { opacity: 0.4; }
}