:root{
    --forest:#012921;
    --forest-2:#011a15;
    --lime:#7a9e3a;
    --gold:#f0b41e;
    --cream:#fef9f3;
    --paper:#fffcf6;
    --ink:#1a1a14;
    --muted:#8a7e6e;
    --line:#ddd5c8;
    --danger:#a12b2b;
    --earth:#96783c;
    --crayon-pink:#e8635a;
    --crayon-blue:#5a8a7a;
    --crayon-mint:#a8c4a0;
    --crayon-lavender:#c49a7a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
.login-body,
.login-brand,
.login-panel,
.login-card,
.login-hero-card,
.portal-card,
.portal-architecture-card,
.portal-scenario-card,
.portal-action,
.theme-toggle{transition:transform .28s ease,box-shadow .28s ease,background-color .28s ease,border-color .28s ease,color .28s ease,opacity .28s ease}
.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#2a5a3a}
html[data-theme="night"] .eyebrow{color:#e8a830}
.muted{color:var(--muted);line-height:1.65}
.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:16px 5vw;background:rgba(254,249,243,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand b{color:var(--forest)}
.brand-mark{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,var(--gold),var(--forest));display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 12px 30px rgba(1,41,33,.25)}
.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:.8rem}
.topbar nav{display:flex;justify-content:center;gap:26px;font-size:.88rem;font-weight:700}
.user-menu{display:flex;align-items:center;gap:14px;font-size:.85rem}
.user-menu .live-indicator{padding:4px 10px;font-size:.72rem;gap:5px;border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.04)}
.user-menu .live-dot{width:6px;height:6px}
.logout{border:1px solid var(--forest);border-radius:999px;padding:9px 13px;color:var(--forest);font-weight:800}
.cover{min-height:100vh;max-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;position:relative;background:
    radial-gradient(circle at 15% 20%,rgba(90,138,122,.16),transparent 34rem),
    radial-gradient(circle at 88% 20%,rgba(232,99,90,.13),transparent 30rem),
    linear-gradient(125deg,#fffcf6 0 57%,#012921 57% 100%)}
html[data-theme="night"] .cover{background:transparent}
.cover-copy{padding:60px 5vw 40px;display:flex;flex-direction:column;justify-content:center}
.cover h1{font-size:clamp(2.4rem,4.2vw,4.8rem);line-height:.96;letter-spacing:-.055em;max-width:700px;margin:14px 0 18px}
.subtitle{font-size:clamp(.95rem,1.5vw,1.2rem);color:var(--forest);font-weight:700;max-width:580px}
.cover-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 0}
.cover-tags span{background:#f0ebe0;border:1px solid #d0c8b8;color:var(--forest);padding:7px 12px;border-radius:999px;font-size:.72rem;font-weight:800}
.cover-tech-note{margin-top:14px;padding:10px 14px;background:linear-gradient(135deg,rgba(1,41,33,.06),rgba(240,180,30,.08));border:1px solid rgba(1,41,33,.12);border-radius:12px;font-size:.82rem;font-weight:700;color:var(--forest);line-height:1.5}
.cover-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.cover-meta div{background:rgba(255,255,255,.72);border:1px solid var(--line);padding:14px;border-radius:13px}
.cover-meta small{display:block;color:var(--muted);margin-bottom:4px;font-size:.72rem}
.cover-meta strong{font-size:.82rem;line-height:1.4}
.cover-visual{display:grid;place-items:center;padding:30px;position:relative}
.pineapple-orbit{width:min(360px,70vw);aspect-ratio:1;position:relative;display:grid;place-items:center}
.pineapple-orbit::before{content:'';position:absolute;inset:-8px;border:2px dashed rgba(255,255,255,.2);border-radius:50%;animation:orbitSpin 25s linear infinite}
.pineapple-orbit::after{content:'';position:absolute;inset:18px;border:1.5px solid rgba(255,255,255,.15);border-radius:50%;animation:orbitSpin 18s linear infinite reverse}
@keyframes orbitSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.pineapple{width:82%;height:82%;display:grid;place-items:center;filter:drop-shadow(0 20px 20px rgba(0,0,0,.25));animation:pineappleFloat 4s ease-in-out infinite;z-index:2;position:relative}
.pineapple img{width:100%;height:100%;object-fit:contain;border-radius:50%}
@keyframes pineappleFloat{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(2deg)}50%{transform:translateY(-3px) rotate(0deg)}75%{transform:translateY(-10px) rotate(-2deg)}}
.orbit{position:absolute;background:#fff;color:var(--forest);padding:8px 14px;border-radius:999px;font-weight:800;font-size:.72rem;box-shadow:0 10px 28px rgba(0,0,0,.18);z-index:3;animation:orbitPulse 3s ease-in-out infinite}
.orbit.one{top:6%;left:8%;animation-delay:0s}
.orbit.two{top:18%;right:-2%;animation-delay:.7s}
.orbit.three{bottom:14%;right:0%;animation-delay:1.4s}
.orbit.four{bottom:4%;left:6%;animation-delay:2.1s}
@keyframes orbitPulse{0%,100%{transform:scale(1);box-shadow:0 10px 28px rgba(0,0,0,.18)}50%{transform:scale(1.06);box-shadow:0 14px 35px rgba(0,0,0,.22)}}
.section{display:grid;grid-template-columns:120px 1fr;gap:30px;padding:105px 6vw;border-top:1px solid var(--line)}
.section-number{font-weight:900;font-size:1.2rem;color:var(--forest);border-top:4px solid var(--gold);padding-top:12px}
.section-content{max-width:1250px}
.section h2{font-size:clamp(2.5rem,5vw,5.4rem);line-height:1;letter-spacing:-.055em;margin:12px 0 30px;max-width:1000px}
.lead{font-size:1.13rem;line-height:1.85;color:#5a5048;max-width:980px}
.metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:45px 0}
.metric-card{background:#fff;border:1px solid var(--line);padding:24px;border-radius:17px}
.metric-card strong{display:block;color:var(--forest);font-size:2.2rem;margin-bottom:8px}
.metric-card span{color:var(--muted);font-size:.88rem}
blockquote{margin:40px 0 0;background:var(--forest);color:#fff;padding:30px 35px;border-radius:18px;font-size:1.25rem;line-height:1.6;font-weight:700}
.dark{background:#0a1610;color:#fff}.dark .section-number{color:#fff}.dark .eyebrow{color:#e8a830}
html[data-theme="night"] .dark{background:rgba(10,22,16,.82);backdrop-filter:blur(14px)}
html[data-theme="night"] .section:not(.dark){background:rgba(0,18,16,.75);backdrop-filter:blur(10px)}
html[data-theme="night"] .accent-section{background:rgba(10,22,16,.8)}
html[data-theme="night"] footer{background:rgba(0,12,10,.9)}
.ecosystem-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}
.ecosystem-flow article{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);padding:28px;border-radius:18px}
.ecosystem-flow article>span{color:var(--gold);font-weight:900}.ecosystem-flow p{color:#c3d1cc;line-height:1.65}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}
.strategy-card{background:#fff;border:1px solid var(--line);padding:28px;border-radius:18px}
.strategy-card .icon{font-size:2rem}.strategy-card h3{margin:18px 0 10px}.strategy-card p{color:var(--muted);line-height:1.65}
.accent-section{background:#f0ebe0}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:45px}
.timeline article{background:#fff;border:1px solid #d5ccc0;padding:26px;border-radius:17px}
.timeline span{display:inline-block;background:var(--forest);color:#fff;border-radius:999px;padding:7px 10px;font-size:.75rem;font-weight:800}
.timeline p{color:var(--muted);line-height:1.6}
.internal-note{margin-top:30px;background:#1a3028;color:#fff;padding:24px 28px;border-radius:16px}
.internal-note p{color:#c7d7d1;margin-bottom:0;line-height:1.6}
.ops-section .lead{max-width:980px}
.ops-lead{color:#c6d4cf}
.ops-grid,.ops-scenario-grid{display:grid;gap:16px;margin-top:34px}
.ops-grid{grid-template-columns:repeat(2,1fr)}
.ops-card,.ops-scenario-card{position:relative;overflow:hidden;border-radius:20px;padding:26px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px rgba(0,0,0,.14)}
.ops-card::after,.ops-scenario-card::after{content:'';position:absolute;inset:auto -8% -22% auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle, rgba(240,180,30,.16), transparent 70%);pointer-events:none}
.ops-card h3,.ops-scenario-card h4{margin:0 0 10px}
.ops-card p,.ops-scenario-card p{margin:0;color:#c3d1cc;line-height:1.7}
.ops-scenarios{margin-top:38px}
.ops-scenarios-head{max-width:900px}
.ops-scenarios-head h3{font-size:1.7rem;margin:0 0 10px}
.ops-scenarios-head p{margin:0;color:#c3d1cc;line-height:1.7}
.ops-scenario-grid{grid-template-columns:repeat(3,1fr)}
.ops-scenario-top,.ops-scenario-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ops-chip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(240,180,30,.14);border:1px solid rgba(240,180,30,.2);color:#f0b41e;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ops-chip--soft{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#d6e3de}
.ops-scenario-system{margin:10px 0 8px !important;color:#f0b41e !important;font-weight:800}
.ops-scenario-actions{margin-top:18px;justify-content:flex-start}
.ops-section .button-link{display:inline-flex;align-items:center;justify-content:center}
footer{display:flex;justify-content:space-between;padding:28px 6vw;background:#011210;color:#b8c9c3;font-size:.82rem}

/* Demo Embed */
.demo-embed{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:24px;margin-top:34px}
.demo-embed-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.demo-embed-header h3{margin:0;font-size:1.3rem}
.demo-embed-player{min-height:320px;border-radius:14px;overflow:hidden;background:var(--cream);margin-bottom:18px;position:relative;padding:18px}
.demo-embed-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.demo-embed-controls .btn{border:0;background:var(--forest);color:#fff;padding:12px 16px;border-radius:11px;font-weight:900;cursor:pointer;font-size:.85rem}
.demo-embed-controls .btn:disabled{opacity:.4;cursor:default}
.demo-embed-controls .btn.secondary{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}
.demo-embed-controls .btn.secondary:hover:not(:disabled){background:rgba(255,255,255,.18)}
.demo-embed-controls .button-link{margin-left:auto}
.demo-embed-compact{display:grid;grid-template-columns:1fr 260px;gap:16px}
.demo-embed-compact .demo-embed-stages{min-height:260px;background:rgba(255,255,255,.06);border-radius:14px;border:1px solid rgba(255,255,255,.1);padding:16px;overflow-y:auto}
.demo-embed-compact .demo-embed-terminal{background:#0c1d18;border-radius:14px;padding:16px;font-family:'Fira Code',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;color:#c7d7d1;overflow-y:auto;max-height:340px}
.embed-terminal-line{margin-bottom:4px;line-height:1.5;opacity:0;animation:fadeInLine .3s forwards}
.embed-terminal-line.t-system{color:#86b897}.embed-terminal-line.t-info{color:#c7d7d1}.embed-terminal-line.t-note{color:#d4a}.embed-terminal-line.t-user{color:#95b849}
@keyframes fadeInLine{to{opacity:1}}
.embed-stage-label{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}

/* Embed Flow Cards */
.e-flow{display:flex;flex-direction:column;gap:10px}
.e-flow-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.78);border:1px solid var(--line);opacity:0;transform:translateX(-14px);transition:opacity .4s,transform .4s;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.e-flow-item.e-flow-active{opacity:1;transform:none}
.e-flow-item.e-flow-done{opacity:.5;transform:none}
.e-flow-icon{font-size:1.4rem;width:36px;text-align:center;flex-shrink:0}
.e-flow-label{font-weight:700;font-size:.88rem;color:var(--ink)}

/* Embed Simulation */
.e-sim-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.78);border:1px solid var(--line);margin-bottom:8px;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s}
.e-sim-item.e-sim-active{opacity:1;transform:none}
.e-sim-pill{padding:5px 10px;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.e-sim-pill-ok{background:#e6f5e0;color:#2d6a2e;border:1px solid #b8d8b0}
.e-sim-pill-warn{background:#fbe9e9;color:var(--danger);border:1px solid #edb5b5}

/* Embed Report */
.e-report{text-align:center;padding:20px 16px}
.e-report-status{display:inline-block;background:var(--forest);color:#fff;padding:6px 14px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.e-report-title{font-size:1.6rem;font-weight:900;margin:14px 0 4px;color:var(--ink)}
.e-report-meta{font-size:.82rem;color:var(--muted)}
.e-report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.e-report-stat{background:rgba(255,255,255,.78);border:1px solid var(--line);padding:14px 10px;border-radius:12px}
.e-report-stat strong{display:block;font-size:1.4rem;color:var(--forest)}
.e-report-stat span{font-size:.72rem;color:var(--muted)}
.e-report-scenario{font-size:.88rem;color:var(--muted);line-height:1.6;margin-top:14px;text-align:left;background:rgba(255,255,255,.5);padding:14px;border-radius:12px}

/* Aurora Background */
.aurora-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity 1s ease}
html[data-theme="night"] .aurora-container{opacity:1}
.aurora-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:auroraFloat 20s infinite ease-in-out;mix-blend-mode:screen}
.aurora-1{width:600px;height:600px;background:linear-gradient(135deg,var(--gold),#ffd700);top:-20%;left:-10%;animation-delay:0s;animation-duration:25s}
.aurora-2{width:500px;height:500px;background:linear-gradient(135deg,#ffd700,var(--crayon-lavender));top:50%;right:-15%;animation-delay:-5s;animation-duration:30s}
.aurora-3{width:700px;height:700px;background:linear-gradient(135deg,var(--crayon-lavender),var(--gold));bottom:-25%;left:30%;animation-delay:-10s;animation-duration:28s}
.aurora-4{width:450px;height:450px;background:linear-gradient(135deg,var(--gold),var(--crayon-blue));top:30%;left:20%;animation-delay:-15s;animation-duration:32s}
@keyframes auroraFloat{0%,100%{transform:translate(0,0) scale(1) rotate(0)}25%{transform:translate(10%,15%) scale(1.1) rotate(90deg)}50%{transform:translate(-5%,10%) scale(.9) rotate(180deg)}75%{transform:translate(15%,-10%) scale(1.05) rotate(270deg)}}
@media(max-width:768px){.aurora-container{display:none!important}}

/* Gradient Text */
.gradient-text{background:linear-gradient(105deg,#012921 0%,#1d4ed8 38%,#0f766e 72%,#1a1a14 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
html[data-theme="night"] .gradient-text{background:linear-gradient(105deg,#fff 0%,#93c5fd 42%,#5eead4 75%,#fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* Hero Blobs */
.cover-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.cover-blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.18;animation:blobFloat 8s ease-in-out infinite}
.cover-blob-1{width:500px;height:500px;background:var(--crayon-pink);top:0;left:0;animation-delay:0s}
.cover-blob-2{width:600px;height:600px;background:var(--crayon-blue);top:0;right:0;opacity:.14;animation-delay:2s}
.cover-blob-3{width:500px;height:500px;background:var(--crayon-mint);bottom:0;left:50%;transform:translateX(-50%);opacity:.14;animation-delay:4s}
@keyframes blobFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.1)}}
@media(max-width:768px){.cover-blob{animation:none!important}}

/* Login */
.login-body{min-height:100vh;background:var(--forest-2)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}
.login-brand{padding:9vw 8vw;color:#fff;background:
    radial-gradient(circle at 20% 15%,rgba(240,180,30,.22),transparent 25%),
    linear-gradient(145deg,#011a15,#0a2820)}
.hero-float-line{display:inline-flex;align-items:center;gap:10px;margin:28px 0 10px;padding:10px 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.05);color:#d7e4de;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px);animation:portalFloat 5.8s ease-in-out infinite}
.hero-float-line::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 16px rgba(240,180,30,.6)}
.login-brand h1{font-size:clamp(3.4rem,7vw,7.5rem);line-height:.9;letter-spacing:-.07em;margin:28px 0}
.login-copy{max-width:620px;color:#c4d4cf;font-size:1.1rem;line-height:1.75}
.security-strip{display:flex;gap:12px;flex-wrap:wrap;margin-top:45px}.security-strip span{border:1px solid rgba(255,255,255,.2);padding:9px 12px;border-radius:999px;font-size:.76rem}
.live-indicator{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:.78rem;color:#c7d7d1}
.live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.5);animation:livePulse 2s ease-in-out infinite}
@keyframes livePulse{0%,100%{box-shadow:0 0 4px rgba(34,197,94,.3)}50%{box-shadow:0 0 12px rgba(34,197,94,.6)}}
.live-count{font-weight:900;color:#4ade80}
.login-hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}
.login-hero-card{padding:20px 18px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 40px rgba(0,0,0,.16)}
.login-hero-card:hover{transform:translateY(-4px)}
.login-hero-card small{display:block;margin-bottom:8px;color:#e8a830;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.login-hero-card strong{display:block;font-size:.92rem;line-height:1.6}
.login-panel{display:grid;place-items:center;background:var(--cream);padding:45px}
.login-card{width:min(460px,100%);background:#fff;padding:38px;border-radius:24px;box-shadow:0 25px 80px rgba(3,20,15,.22)}
.login-card:hover{transform:translateY(-3px)}
.login-card h2,.setup-card h1{font-size:2.1rem;margin:8px 0}
.login-card form{display:grid;gap:18px;margin-top:28px}
.login-card label{font-size:.85rem;font-weight:800;color:#3a3a30}
.login-card input{width:100%;margin-top:8px;padding:14px 15px;border:1px solid #d0c8b8;border-radius:11px;font:inherit;outline:none}
.login-card input:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(1,41,33,.1)}
.login-card button,.button-link{border:0;background:var(--forest);color:#fff;padding:15px 18px;border-radius:11px;font-weight:900;cursor:pointer;text-align:center}
.alert{background:#fbe9e9;border:1px solid #edb5b5;color:var(--danger);padding:13px 15px;border-radius:10px;font-size:.88rem}
.success{background:#edf5e8;border:1px solid #c7dbba;padding:20px;border-radius:13px}
.success .button-link{display:inline-block;margin-top:12px}
.fine-print{color:#89938f;font-size:.75rem;line-height:1.5;margin-top:24px}
.setup-wrap{min-height:100vh;display:grid;place-items:center;padding:40px}.setup-card{width:min(520px,100%)}
.login-sections{padding:0 6vw 90px;background:linear-gradient(180deg,var(--cream),#f0ebe0)}
.portal-section{padding:38px 0 0}
.portal-section-head{max-width:980px;margin-bottom:24px}
.portal-section-head--tight{max-width:1080px}
.portal-section h2{margin:10px 0 18px;font-size:clamp(2.2rem,4vw,4.3rem);line-height:1;letter-spacing:-.05em}
.portal-lead{max-width:860px;font-size:1.06rem;line-height:1.8;color:#5a5048}
.portal-card-grid,.portal-architecture-grid,.portal-scenario-grid{display:grid;gap:16px}
.portal-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.portal-architecture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.portal-scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.portal-card,.portal-architecture-card,.portal-scenario-card{position:relative;overflow:hidden;background:rgba(255,255,255,.78);border:1px solid rgba(23,33,30,.08);border-radius:24px;padding:24px;box-shadow:0 22px 60px rgba(6,26,20,.08);backdrop-filter:blur(12px)}
.portal-card::before,.portal-architecture-card::before,.portal-scenario-card::before{content:'';position:absolute;inset:-20% auto auto 60%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(149,184,73,.14), transparent 68%);pointer-events:none}
.portal-card:hover,.portal-architecture-card:hover,.portal-scenario-card:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(6,26,20,.12)}
.portal-card-kicker{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--gold),var(--forest));color:#fff;font-size:.78rem;font-weight:900;box-shadow:0 12px 30px rgba(1,41,33,.22)}
.portal-card h3,.portal-architecture-card h3,.portal-scenario-card h3{margin:18px 0 10px;font-size:1.16rem}
.portal-card p,.portal-architecture-card p,.portal-scenario-card p{margin:0;color:var(--muted);line-height:1.7}
.portal-section-architecture{padding:48px 0 8px}
.portal-section-architecture .portal-section-head h2{max-width:1000px}
.portal-architecture-card{background:linear-gradient(145deg,#0a2018,#081a14);border-color:rgba(255,255,255,.08);color:#f3f7f4}
.portal-architecture-card p{color:#c7d3ce}
.portal-scenario-top,.portal-scenario-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.portal-chip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(1,41,33,.08);border:1px solid rgba(1,41,33,.12);color:var(--forest);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.portal-chip--soft{background:rgba(240,180,30,.1);border-color:rgba(240,180,30,.18);color:#c49010}
.portal-scenario-system{margin:10px 0 8px !important;color:var(--forest) !important;font-weight:800}
.portal-scenario-actions{margin-top:18px;justify-content:flex-start}
.portal-action{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px;border-radius:999px;background:var(--forest);color:#fff;font-size:.84rem;font-weight:900;box-shadow:0 12px 28px rgba(1,41,33,.18)}
.portal-action--secondary{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.portal-action:hover{transform:translateY(-2px)}
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
[data-reveal].is-visible{opacity:1;transform:none}
[data-reveal-group] > *{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
[data-reveal-group].is-visible > *:nth-child(1){transition-delay:.04s}
[data-reveal-group].is-visible > *:nth-child(2){transition-delay:.12s}
[data-reveal-group].is-visible > *:nth-child(3){transition-delay:.2s}
[data-reveal-group].is-visible > *{opacity:1;transform:none}
@keyframes portalFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

@media(max-width:980px){
    .topbar{grid-template-columns:1fr auto}.topbar nav{display:none}
    .cover{grid-template-columns:1fr;background:#fffcf6;max-height:none;min-height:auto}
    .cover-copy{padding:50px 5vw 30px}
    .cover-visual{background:var(--forest);padding:40px 20px}
    .pineapple-orbit{width:min(280px,65vw)}
    .cover-meta,.metrics-grid,.ecosystem-flow,.cards-grid,.timeline{grid-template-columns:1fr 1fr}
    .ops-grid,.ops-scenario-grid{grid-template-columns:1fr 1fr}
    .section{grid-template-columns:1fr}.section-number{max-width:110px}
    .login-shell{grid-template-columns:1fr}.login-brand{min-height:52vh}.login-panel{min-height:48vh}
    .login-hero-grid,.portal-card-grid,.portal-scenario-grid,.portal-architecture-grid{grid-template-columns:1fr 1fr}
    .login-sections{padding-inline:5vw}
}
@media(max-width:620px){
    .user-menu span{display:none}
    .cover-copy{padding:40px 5vw 24px}
    .cover h1{font-size:2.2rem;margin:10px 0 14px}
    .cover-meta,.metrics-grid,.ecosystem-flow,.cards-grid,.timeline,.ops-grid,.ops-scenario-grid{grid-template-columns:1fr}
    .section{padding:60px 5vw}.section h2{font-size:2.2rem}
    .pineapple-orbit{width:min(220px,60vw)}
    .orbit{padding:6px 10px;font-size:.65rem}
    .cover-visual{padding:40px 20px}
    footer{display:block}footer span{display:block;margin:5px 0}
    .login-brand{padding:70px 28px}.login-panel{padding:28px 18px}.login-card{padding:28px 22px}
    .login-hero-grid,.portal-card-grid,.portal-scenario-grid,.portal-architecture-grid{grid-template-columns:1fr}
    .login-sections{padding:0 18px 70px}
    .hero-float-line{margin-top:44px;font-size:.74rem}
    .portal-section{padding-top:28px}
}


/* Day / Night theme system */
html{
    color-scheme:light;
}
html[data-theme="night"]{
    color-scheme:dark;
}

.theme-toggle{
    position:fixed;
    top:18px;
    right:18px;
    z-index:100;
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid rgba(1,41,33,.22);
    background:rgba(254,249,243,.92);
    color:var(--forest);
    padding:10px 14px;
    border-radius:999px;
    font:inherit;
    font-size:.8rem;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    backdrop-filter:blur(12px);
}
.theme-toggle:hover{
    transform:translateY(-1px);
}
.theme-toggle.compact{
    position:static;
    box-shadow:none;
    padding:8px 11px;
}
.theme-toggle span:first-child{
    font-size:1rem;
}

/* Night palette */
html[data-theme="night"]{
    --cream:#001210;
    --paper:#071a15;
    --ink:#d8e0d0;
    --muted:#8a9a80;
    --line:#1a2e24;
    --forest:#4a8a6a;
    --forest-2:#000e0b;
    --lime:#7aa840;
    --gold:#d4a040;
    background:#001210;
}
html[data-theme="night"] body{
    background:transparent;
    color:#d8e0d0;
}
html[data-theme="night"] .topbar{
    background:rgba(0,18,16,.94);
    border-color:#1a2e24;
}
html[data-theme="night"] .brand b,
html[data-theme="night"] .logout{
    color:#7aa86a;
}
html[data-theme="night"] .logout{
    border-color:#3a6a50;
}
html[data-theme="night"] .cover{background:transparent}
html[data-theme="night"] .cover-tags span{
    background:#0a1a15;
    border-color:#1a2e24;
    color:#d8e0d0;
}
html[data-theme="night"] .cover-tech-note{
    background:linear-gradient(135deg,rgba(90,138,122,.08),rgba(232,99,90,.06));
    border-color:rgba(90,138,122,.18);
    color:#d8e0d0;
}
html[data-theme="night"] .cover-meta div,
html[data-theme="night"] .metric-card,
html[data-theme="night"] .strategy-card,
html[data-theme="night"] .timeline article,
html[data-theme="night"] .login-card{
    background:#0a1a15;
    border-color:#1a2e24;
    color:#d8e0d0;
}
html[data-theme="night"] .lead,
html[data-theme="night"] .strategy-card p,
html[data-theme="night"] .timeline p,
html[data-theme="night"] .metric-card span,
html[data-theme="night"] .muted{
    color:#8a9a80;
}
html[data-theme="night"] .accent-section{
    background:rgba(10,22,16,.8);
    backdrop-filter:blur(10px);
}
html[data-theme="night"] .login-panel{
    background:#001210;
}
html[data-theme="night"] .login-body{
    background:#001210;
}
html[data-theme="night"] .hero-float-line,
html[data-theme="night"] .login-hero-card{
    background:rgba(255,255,255,.04);
    border-color:rgba(255,255,255,.1);
}
html[data-theme="night"] .login-card input{
    background:#001210;
    color:#d8e0d0;
    border-color:#1a2e24;
}
html[data-theme="night"] .theme-toggle{
    background:rgba(0,18,16,.94);
    color:#d4a040;
    border-color:#1a2e24;
}
html[data-theme="night"] .success{
    background:#0a1a15;
    border-color:#1a2e24;
    color:#d8e0d0;
}
html[data-theme="night"] .alert{
    background:#3a0a0a;
    border-color:#5a1d1d;
    color:#fca5a5;
}
html[data-theme="night"] footer{
    background:#000a08;
}
html[data-theme="night"] .cover-visual{
    background:#001210;
}
html[data-theme="night"] .login-sections{
    background:linear-gradient(18deg,#001210,#0a1a15);
}
html[data-theme="night"] .portal-lead{
    color:#8a9a80;
}
html[data-theme="night"] .portal-card,
html[data-theme="night"] .portal-scenario-card{
    background:rgba(10,26,21,.9);
    border-color:#1a2e24;
    color:#d8e0d0;
}
html[data-theme="night"] .portal-card p,
html[data-theme="night"] .portal-scenario-card p,
html[data-theme="night"] .portal-action--secondary{
    color:#8a9a80;
}
html[data-theme="night"] .portal-chip{
    background:rgba(90,138,122,.08);
    border-color:rgba(90,138,122,.16);
    color:#5a8a7a;
}
html[data-theme="night"] .portal-chip--soft{
    background:rgba(232,99,90,.1);
    border-color:rgba(232,99,90,.18);
    color:#e8635a;
}
html[data-theme="night"] .portal-scenario-system{
    color:#5a8a7a !important;
}
html[data-theme="night"] .portal-action--secondary{
    border-color:#1a2e24;
}

/* Night embed */
html[data-theme="night"] .demo-embed-player{background:#001210}
html[data-theme="night"] .e-flow-item{background:rgba(10,26,21,.9);border-color:#1a2e24;color:#d8e0d0}
html[data-theme="night"] .e-flow-label{color:#d8e0d0}
html[data-theme="night"] .e-sim-item{background:rgba(10,26,21,.9);border-color:#1a2e24;color:#d8e0d0}
html[data-theme="night"] .e-report-title{color:#d8e0d0}
html[data-theme="night"] .e-report-stat{background:rgba(10,26,21,.9);border-color:#1a2e24}
html[data-theme="night"] .e-report-stat span{color:#8a9a80}
html[data-theme="night"] .e-report-scenario{background:rgba(10,26,21,.6);color:#b8c8b0}
html[data-theme="night"] .demo-embed-compact .demo-embed-stages{background:rgba(0,18,16,.6);border-color:#0a1a15}

/* Mynanas Dashboard Revamp */
.mn-dashboard{
    --mn-forest:#052f26;
    --mn-forest-2:#031d18;
    --mn-gold:#d8aa3d;
    --mn-gold-soft:#f1cf79;
    --mn-cream:#f4ecdf;
    --mn-cream-2:#fffaf0;
    --mn-ink:#171613;
    --mn-muted:#72685a;
    --mn-line:rgba(5,47,38,.12);
    --mn-card:rgba(255,250,240,.74);
    --mn-card-dark:rgba(5,47,38,.68);
    --mn-shadow:0 28px 80px rgba(5,22,18,.16);
    background:
        radial-gradient(circle at 10% 10%, rgba(216,170,61,.18), transparent 24rem),
        radial-gradient(circle at 88% 8%, rgba(255,255,255,.52), transparent 18rem),
        linear-gradient(180deg, #fbf5ea 0%, #f3ebdc 48%, #efe3d0 100%);
    color:var(--mn-ink);
    position:relative;
    overflow-x:hidden;
}
.mn-dashboard .topbar{
    background:rgba(8,40,33,.92);
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#f6eedc;
    box-shadow:0 12px 34px rgba(0,0,0,.12);
}
.mn-dashboard .brand b,
.mn-dashboard .logout{color:var(--mn-gold-soft)}
.mn-dashboard .brand-mark{
    background:linear-gradient(145deg,var(--mn-gold-soft),#8a6314 78%);
    color:#0f1a16;
    box-shadow:0 16px 36px rgba(216,170,61,.28);
}
.mn-dashboard .topbar nav a{opacity:.82}
.mn-dashboard .topbar nav a:hover{opacity:1;color:#fff}
.mn-dashboard .logout{border-color:rgba(216,170,61,.3);background:rgba(255,255,255,.04)}
.mn-dashboard .theme-toggle{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#f6eedc}
.mn-dashboard .theme-toggle:hover{transform:translateY(-1px)}
.mn-dashboard .mn-backdrop{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.mn-dashboard .mn-backdrop-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.42;animation:mnOrbFloat 18s ease-in-out infinite}
.mn-dashboard .mn-backdrop-orb-1{width:540px;height:540px;background:rgba(216,170,61,.26);top:-14%;left:-12%}
.mn-dashboard .mn-backdrop-orb-2{width:460px;height:460px;background:rgba(5,47,38,.18);right:-8%;top:8%;animation-duration:24s}
.mn-dashboard .mn-backdrop-orb-3{width:640px;height:640px;background:rgba(255,255,255,.42);left:26%;bottom:-24%;animation-duration:28s}
.mn-dashboard .mn-backdrop-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(5,47,38,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(5,47,38,.05) 1px, transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at center, rgba(0,0,0,.75), transparent 78%);opacity:.48}
.mn-dashboard .mn-main{padding-bottom:72px}
.mn-dashboard .mn-main,
.mn-dashboard .mn-topbar,
.mn-dashboard .mn-footer{position:relative;z-index:1}
.mn-dashboard .mn-section{display:grid;grid-template-columns:minmax(0,120px) minmax(0,1fr);gap:28px;padding:92px 6vw;border-top:1px solid var(--mn-line)}
.mn-dashboard .mn-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:clamp(32px,6vw,100px);min-height:calc(100vh - 86px);align-items:center;border-top:0;padding:72px 6vw}
.mn-dashboard .mn-hero-copy{max-width:620px}
.mn-dashboard .mn-hero-title{
    display:flex;
    flex-direction:column;
    gap:0;
    max-width:10ch;
    margin:14px 0 16px;
    color:var(--mn-forest);
}
.mn-dashboard .mn-hero-title-main{
    font-size:clamp(3rem,6vw,6.2rem);
    line-height:.92;
    letter-spacing:-.065em;
}
.mn-dashboard .mn-hero-badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;padding:8px 12px;border-radius:999px;background:rgba(5,47,38,.08);border:1px solid rgba(5,47,38,.12);color:var(--mn-forest);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.mn-dashboard .subtitle{font-size:clamp(1rem,1.35vw,1.15rem);color:var(--mn-gold);font-weight:800;max-width:22ch;line-height:1.35}
.mn-dashboard .mn-hero-kicker{margin:12px 0 0;max-width:34ch;font-size:.98rem;line-height:1.5;color:var(--mn-muted)}
.mn-dashboard .mn-hero-summary{margin:14px 0 0;max-width:40ch;font-size:1rem;line-height:1.55;color:var(--mn-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mn-dashboard .mn-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.mn-dashboard .mn-actions--bottom{margin-top:24px}
.mn-dashboard .mn-button{border-radius:999px;padding:14px 18px;font-size:.88rem;box-shadow:0 14px 30px rgba(5,22,18,.1)}
.mn-dashboard .mn-button-primary{background:linear-gradient(135deg,var(--mn-forest),#0a4b3b);color:#fff}
.mn-dashboard .mn-button-secondary{background:rgba(255,255,255,.5);border:1px solid rgba(5,47,38,.12);color:var(--mn-forest)}
.mn-dashboard .mn-pill-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.mn-dashboard .mn-pill-list span,
.mn-dashboard .ops-chip{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.mn-dashboard .mn-pill-list span{background:rgba(5,47,38,.05);border:1px solid rgba(5,47,38,.08);color:var(--mn-forest)}
.mn-dashboard .mn-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.mn-dashboard .mn-stat-card,
.mn-dashboard .mn-card,
.mn-dashboard .mn-demo-card,
.mn-dashboard .mn-demo-shell{
    position:relative;overflow:hidden;border-radius:24px;background:var(--mn-card);border:1px solid rgba(5,47,38,.1);box-shadow:var(--mn-shadow);backdrop-filter:blur(14px)
}
.mn-dashboard .mn-stat-card{padding:22px 20px;transform:translateY(0)}
.mn-dashboard .mn-stat-card strong{display:block;color:var(--mn-forest);font-size:2.1rem;line-height:1;margin-bottom:8px}
.mn-dashboard .mn-stat-card span{color:var(--mn-muted);font-size:.86rem;line-height:1.45}
.mn-dashboard .mn-hero-visual{display:grid;place-items:center}
.mn-dashboard .mn-hero-visual{padding-top:8px}
.mn-dashboard .mn-hero-stage{width:min(560px,100%);aspect-ratio:1;position:relative;display:grid;place-items:center}
.mn-dashboard .mn-hero-stage{
    --mn-orbit-distance: 180px;
}
.mn-dashboard .mn-hero-stage::before,
.mn-dashboard .mn-hero-stage::after{content:'';position:absolute;inset:8%;border-radius:50%;pointer-events:none}
.mn-dashboard .mn-hero-stage::before{border:1px solid rgba(216,170,61,.28);box-shadow:inset 0 0 0 16px rgba(5,47,38,.02), 0 0 90px rgba(216,170,61,.12);animation:mnSpin 28s linear infinite}
.mn-dashboard .mn-hero-stage::after{inset:18%;border:1px dashed rgba(5,47,38,.16);animation:mnSpin 16s linear infinite reverse}
.mn-dashboard .mn-stage-ring,
.mn-dashboard .mn-stage-atom,
.mn-dashboard .mn-stage-spark{position:absolute;border-radius:50%;pointer-events:none}
.mn-dashboard .mn-stage-ring{inset:12%;border:1px solid rgba(216,170,61,.24);box-shadow:0 0 70px rgba(216,170,61,.09) inset;animation:mnSpin 22s linear infinite}
.mn-dashboard .mn-stage-ring-b{inset:6%;opacity:.65;animation-duration:32s;animation-direction:reverse}
.mn-dashboard .mn-stage-ring-c{inset:24%;border-style:dashed;opacity:.4;animation-duration:18s}
.mn-dashboard .mn-stage-atom{width:14px;height:14px;background:linear-gradient(145deg,#fff4c4,var(--mn-gold));box-shadow:0 0 24px rgba(216,170,61,.8)}
.mn-dashboard .mn-stage-atom-1{top:16%;left:18%;animation:mnOrbit 12s linear infinite}
.mn-dashboard .mn-stage-atom-2{right:18%;top:18%;animation:mnOrbit 15s linear infinite reverse}
.mn-dashboard .mn-stage-atom-3{left:22%;bottom:18%;animation:mnOrbit 17s linear infinite}
.mn-dashboard .mn-stage-spark{width:7px;height:7px;background:rgba(255,250,240,.9);box-shadow:0 0 18px rgba(255,255,255,.8);animation:mnPulse 3.8s ease-in-out infinite}
.mn-dashboard .mn-stage-spark-1{top:22%;right:24%}
.mn-dashboard .mn-stage-spark-2{bottom:22%;right:18%;animation-delay:1.1s}
.mn-dashboard .mn-stage-spark-3{left:18%;bottom:28%;animation-delay:1.8s}
.mn-dashboard .mn-pineapple-glass{position:relative;width:min(72%,380px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;z-index:3;background:radial-gradient(circle at 50% 38%, rgba(255,255,255,.3), rgba(255,255,255,.06) 52%, rgba(5,47,38,.12) 100%);border:1px solid rgba(216,170,61,.22);box-shadow:0 30px 80px rgba(5,22,18,.2), inset 0 0 45px rgba(255,255,255,.14);backdrop-filter:blur(8px);animation:mnFloat 5.2s ease-in-out infinite}
.mn-dashboard .mn-pineapple-glass::before{content:'';position:absolute;inset:-16px;border-radius:50%;border:1px solid rgba(216,170,61,.14);animation:mnPulse 4.5s ease-in-out infinite}
.mn-dashboard .mn-pineapple-glass picture{display:grid;place-items:center;width:78%;height:78%}
.mn-dashboard .mn-pineapple-glass img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 22px rgba(0,0,0,.22)) saturate(1.06)}
.mn-dashboard .mn-hero-caption{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);padding:9px 14px;border-radius:999px;background:rgba(5,47,38,.82);color:#f8efd8;border:1px solid rgba(216,170,61,.22);font-size:.78rem;font-weight:800;letter-spacing:.04em;backdrop-filter:blur(12px);z-index:4}
.mn-dashboard .mn-section-head{max-width:900px;margin-bottom:28px}
.mn-dashboard .mn-section-head h2{font-size:clamp(2.3rem,4.5vw,4.8rem);line-height:.96;letter-spacing:-.055em;margin:10px 0 16px;color:var(--mn-forest)}
.mn-dashboard .lead{font-size:1.08rem;line-height:1.8;color:var(--mn-muted);max-width:940px}
.mn-dashboard .mn-section-dark{background:linear-gradient(180deg, rgba(5,47,38,.98), rgba(5,32,26,.98));color:#f9f1e4}
.mn-dashboard .mn-section-dark .section-number,
.mn-dashboard .mn-section-dark .mn-section-head h2,
.mn-dashboard .mn-section-dark .lead{color:#f7efde}
.mn-dashboard .mn-section-dark .lead{opacity:.9}
.mn-dashboard .mn-section-dark .mn-card,
.mn-dashboard .mn-section-dark .mn-demo-shell,
.mn-dashboard .mn-section-dark .mn-demo-card{background:var(--mn-card-dark);border-color:rgba(255,255,255,.12);color:#f7efde}
.mn-dashboard .mn-section-dark .mn-card p,
.mn-dashboard .mn-section-dark .mn-demo-card p{color:#c8d4cd}
.mn-dashboard .mn-section-dark .mn-card h3,
.mn-dashboard .mn-section-dark .mn-demo-card h4{color:#fff}
.mn-dashboard .mn-section-dark .mn-card-kicker,
.mn-dashboard .mn-section-dark .ops-chip{background:rgba(216,170,61,.14);border:1px solid rgba(216,170,61,.2);color:var(--mn-gold-soft)}
.mn-dashboard .mn-feature-grid{display:grid;gap:16px}
.mn-dashboard .mn-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mn-dashboard .mn-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mn-dashboard .mn-card{padding:24px 22px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.mn-dashboard .mn-card:hover,
.mn-dashboard .mn-demo-card:hover,
.mn-dashboard .mn-demo-shell:hover{transform:translateY(-5px);border-color:rgba(216,170,61,.28);box-shadow:0 34px 90px rgba(5,22,18,.18)}
.mn-dashboard .mn-card::before,
.mn-dashboard .mn-demo-card::before,
.mn-dashboard .mn-demo-shell::before{content:'';position:absolute;inset:auto -12% -24% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(216,170,61,.16), transparent 68%);pointer-events:none}
.mn-dashboard .mn-card-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg, rgba(216,170,61,.18), rgba(5,47,38,.08));font-size:1.35rem}
.mn-dashboard .mn-card-kicker{background:rgba(5,47,38,.08);color:var(--mn-forest);border:1px solid rgba(5,47,38,.08)}
.mn-dashboard .mn-card-kicker--gold{background:rgba(216,170,61,.16);color:#9a6e17;border-color:rgba(216,170,61,.26)}
.mn-dashboard .mn-card-kicker--soft{background:rgba(5,47,38,.06);color:var(--mn-muted)}
.mn-dashboard .mn-card h3,
.mn-dashboard .mn-demo-card h4{margin:16px 0 10px;font-size:1.15rem;color:var(--mn-forest)}
.mn-dashboard .mn-card p,
.mn-dashboard .mn-demo-card p{margin:0;color:var(--mn-muted);line-height:1.75}
.mn-dashboard .mn-operating-flow{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.5fr);align-items:center;gap:36px;margin-top:24px;padding:32px;border-radius:24px;background:linear-gradient(135deg,var(--mn-forest),#0b4a3a);color:#f8f0df;box-shadow:var(--mn-shadow)}
.mn-dashboard .mn-operating-flow .eyebrow{margin:0;color:var(--mn-gold-soft)}
.mn-dashboard .mn-operating-flow h3{max-width:450px;margin:8px 0 0;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.05;letter-spacing:-.04em}
.mn-dashboard .mn-flow-track{--mn-flow-progress:0%;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.mn-dashboard .mn-flow-track::before{content:'';position:absolute;top:52px;left:12.5%;right:12.5%;height:1px;background:rgba(255,255,255,.18);z-index:0}
.mn-dashboard .mn-flow-track::after{content:'';position:absolute;top:52px;left:12.5%;width:var(--mn-flow-progress);height:1px;background:linear-gradient(90deg,var(--mn-gold-soft),#fff3be);box-shadow:0 0 16px rgba(241,207,121,.8);z-index:1;transition:width .72s cubic-bezier(.22,1,.36,1)}
.mn-dashboard .mn-flow-track li{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:9px;min-height:164px;padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));font-size:.8rem;font-weight:800;transition:transform .45s cubic-bezier(.22,1,.36,1),background .45s ease,border-color .45s ease,box-shadow .45s ease}
.mn-dashboard .mn-flow-number{color:rgba(248,240,222,.56);font-size:.68rem;letter-spacing:.12em}
.mn-dashboard .mn-flow-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--mn-forest-2);border:1px solid rgba(241,207,121,.45);color:var(--mn-gold-soft);transition:transform .45s ease,background .45s ease,color .45s ease,box-shadow .45s ease}
.mn-dashboard .mn-flow-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mn-dashboard .mn-flow-track li.is-complete{border-color:rgba(241,207,121,.32);background:rgba(241,207,121,.08)}
.mn-dashboard .mn-flow-track li.is-complete .mn-flow-icon{background:rgba(241,207,121,.18)}
.mn-dashboard .mn-flow-track li.is-active{transform:translateY(-8px);border-color:var(--mn-gold-soft);background:rgba(241,207,121,.18);box-shadow:0 16px 34px rgba(0,0,0,.22),0 0 28px rgba(241,207,121,.24)}
.mn-dashboard .mn-flow-track li.is-active .mn-flow-icon{transform:scale(1.15);background:var(--mn-gold-soft);color:var(--mn-forest-2);box-shadow:0 0 0 7px rgba(241,207,121,.12),0 0 24px rgba(241,207,121,.8)}
.mn-dashboard .mn-flow-track li strong{align-self:end;font-size:.9rem;line-height:1.2}
.mn-dashboard .mn-flow-track li small{color:#c7d8d0;font-size:.7rem;font-weight:600;line-height:1.3}
.mn-dashboard .mn-flow-status{margin:18px 0 0;color:var(--mn-gold-soft);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.mn-dashboard .mn-demo-note{margin-top:22px;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg, rgba(216,170,61,.12), rgba(5,47,38,.04));border:1px solid rgba(5,47,38,.1);box-shadow:var(--mn-shadow)}
.mn-dashboard .mn-demo-note strong{display:block;font-size:1rem;margin-bottom:6px;color:var(--mn-forest)}
.mn-dashboard .mn-demo-note p{margin:0;color:var(--mn-muted);line-height:1.7}
.mn-dashboard .mn-demo-note--wide{margin-top:24px}
.mn-dashboard .mn-demo-shell{padding:24px}
.mn-dashboard .mn-demo-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.mn-dashboard .mn-demo-header h3{margin:0;font-size:1.35rem;color:#fff}
.mn-dashboard .mn-demo-player{min-height:320px;border-radius:18px;overflow:hidden;background:rgba(255,250,240,.96);margin-bottom:18px;position:relative;padding:18px}
.mn-dashboard .mn-demo-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mn-dashboard .mn-demo-controls .btn{border:0;background:linear-gradient(135deg,var(--mn-forest),#0b4a3a);color:#fff;padding:12px 16px;border-radius:999px;font-weight:900;cursor:pointer;font-size:.85rem;box-shadow:0 14px 30px rgba(5,22,18,.16)}
.mn-dashboard .mn-demo-controls .btn:disabled{opacity:.4;cursor:default}
.mn-dashboard .mn-demo-controls .btn.secondary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.mn-dashboard .mn-demo-controls .button-link{margin-left:auto;background:linear-gradient(135deg,var(--mn-gold),#b07d18)}
.mn-dashboard .mn-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.mn-dashboard .mn-demo-grid--all{margin-top:16px}
.mn-dashboard .mn-demo-card{padding:22px}
.mn-dashboard .mn-demo-card .ops-scenario-top,
.mn-dashboard .mn-demo-card .ops-scenario-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mn-dashboard .ops-chip--soft{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#d5e0da}
.mn-dashboard .ops-scenario-system{margin:10px 0 8px !important;color:var(--mn-gold-soft) !important;font-weight:800}
.mn-dashboard .ops-scenario-actions{margin-top:18px;justify-content:flex-start}
.mn-dashboard .ops-scenario-actions .button-link{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mn-forest),#0a4b3b)}
.mn-dashboard .mn-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mn-dashboard .mn-timeline .mn-card{min-height:100%}
.mn-dashboard .mn-footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:28px 6vw 36px;background:#031d18;color:#c2d2cb;font-size:.82rem;border-top:1px solid rgba(255,255,255,.08)}
.mn-dashboard [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}
.mn-dashboard [data-reveal].is-visible{opacity:1;transform:none}
.mn-dashboard [data-reveal-group] > *{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}
.mn-dashboard [data-reveal-group].is-visible > *{opacity:1;transform:none}
.mn-dashboard [data-reveal-group].is-visible > *:nth-child(1){transition-delay:.04s}
.mn-dashboard [data-reveal-group].is-visible > *:nth-child(2){transition-delay:.1s}
.mn-dashboard [data-reveal-group].is-visible > *:nth-child(3){transition-delay:.16s}
.mn-dashboard [data-reveal-group].is-visible > *:nth-child(4){transition-delay:.22s}
.mn-dashboard [data-reveal-group].is-visible > *:nth-child(5){transition-delay:.28s}
.mn-dashboard [data-reveal-group].is-visible > *:nth-child(6){transition-delay:.34s}

@keyframes mnSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes mnOrbit{from{transform:rotate(0deg) translateX(var(--mn-orbit-distance)) rotate(0deg)}to{transform:rotate(360deg) translateX(var(--mn-orbit-distance)) rotate(-360deg)}}
@keyframes mnFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}
@keyframes mnPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes mnOrbFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}25%{transform:translate3d(8%,10%,0) scale(1.08)}50%{transform:translate3d(-4%,8%,0) scale(.95)}75%{transform:translate3d(10%,-6%,0) scale(1.04)}}

html[data-theme="night"] .mn-dashboard{
    background:
        radial-gradient(circle at 10% 10%, rgba(216,170,61,.16), transparent 24rem),
        radial-gradient(circle at 88% 8%, rgba(255,255,255,.12), transparent 18rem),
        linear-gradient(180deg, #00140f 0%, #021912 48%, #03120f 100%);
    color:#f3ead7;
}
html[data-theme="night"] .mn-dashboard .mn-backdrop-grid{opacity:.22}
html[data-theme="night"] .mn-dashboard .mn-section-head h2,
html[data-theme="night"] .mn-dashboard .section-number,
html[data-theme="night"] .mn-dashboard .mn-hero-title-main{color:#f7efde}
html[data-theme="night"] .mn-dashboard .mn-hero-badge{background:rgba(255,255,255,.05);border-color:rgba(216,170,61,.18);color:var(--mn-gold-soft)}
html[data-theme="night"] .mn-dashboard .subtitle{color:var(--mn-gold-soft)}
html[data-theme="night"] .mn-dashboard .mn-hero-summary,
html[data-theme="night"] .mn-dashboard .lead,
html[data-theme="night"] .mn-dashboard .mn-card p,
html[data-theme="night"] .mn-dashboard .mn-demo-card p,
html[data-theme="night"] .mn-dashboard .mn-demo-note p{color:#b9c6c0}
html[data-theme="night"] .mn-dashboard .mn-hero-kicker{color:#c7d2cc}
html[data-theme="night"] .mn-dashboard .mn-stat-card,
html[data-theme="night"] .mn-dashboard .mn-card,
html[data-theme="night"] .mn-dashboard .mn-demo-card,
html[data-theme="night"] .mn-dashboard .mn-demo-shell{background:rgba(5,23,19,.76);border-color:rgba(255,255,255,.09)}
html[data-theme="night"] .mn-dashboard .mn-button-secondary{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08);color:#f4ead7}
html[data-theme="night"] .mn-dashboard .mn-demo-player{background:#f7f0e1}
html[data-theme="night"] .mn-dashboard .mn-demo-note{background:linear-gradient(135deg, rgba(216,170,61,.08), rgba(255,255,255,.03))}
html[data-theme="night"] body.mn-dashboard .topbar{
    background:rgba(4,25,20,.96);
    border-bottom:1px solid rgba(216,170,61,.12);
    color:#f7efde;
}
html[data-theme="night"] body.mn-dashboard .brand b,
html[data-theme="night"] body.mn-dashboard .logout{
    color:var(--mn-gold-soft);
}
html[data-theme="night"] body.mn-dashboard .logout{
    border-color:rgba(216,170,61,.24);
    background:rgba(255,255,255,.04);
}
html[data-theme="night"] body.mn-dashboard .theme-toggle{
    background:rgba(255,255,255,.05);
    border-color:rgba(216,170,61,.18);
    color:#f7efde;
}
html[data-theme="night"] body.mn-dashboard .live-indicator{
    background:rgba(255,255,255,.04);
    border-color:rgba(255,255,255,.08);
    color:#d7e3dc;
}
html[data-theme="night"] body.mn-dashboard .topbar nav a{
    color:#d7e3dc;
}
html[data-theme="night"] body.mn-dashboard .topbar nav a:hover{
    color:#fff;
}

@media(max-width:980px){
    .mn-dashboard .topbar{grid-template-columns:1fr auto;gap:16px}
    .mn-dashboard .topbar nav{display:none}
    .mn-dashboard .mn-hero,
    .mn-dashboard .mn-section{grid-template-columns:1fr;padding:72px 5vw}
    .mn-dashboard .mn-hero{min-height:auto;padding-top:42px}
    .mn-dashboard .mn-hero{align-items:start}
    .mn-dashboard .mn-hero-stage{width:min(520px,100%);--mn-orbit-distance: 150px}
    .mn-dashboard .mn-grid-3,
    .mn-dashboard .mn-grid-2,
    .mn-dashboard .mn-stat-strip,
    .mn-dashboard .mn-demo-grid,
    .mn-dashboard .mn-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mn-dashboard .mn-operating-flow{grid-template-columns:1fr;gap:26px}
}
@media(max-width:640px){
    .mn-dashboard .user-menu span{display:none}
    .mn-dashboard .mn-hero-title{max-width:none}
    .mn-dashboard .mn-hero-title-main{font-size:clamp(2.6rem,14vw,4rem)}
    .mn-dashboard .subtitle{max-width:none}
    .mn-dashboard .mn-hero-kicker,
    .mn-dashboard .mn-hero-summary{max-width:none}
    .mn-dashboard .mn-hero-stage{width:min(100%,360px);--mn-orbit-distance: 108px}
    .mn-dashboard .mn-grid-3,
    .mn-dashboard .mn-grid-2,
    .mn-dashboard .mn-stat-strip,
    .mn-dashboard .mn-demo-grid,
    .mn-dashboard .mn-timeline{grid-template-columns:1fr}
    .mn-dashboard .mn-operating-flow{padding:22px}
    .mn-dashboard .mn-operating-flow ol{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
    .mn-dashboard .mn-flow-track::before,.mn-dashboard .mn-flow-track::after{display:none}
    .mn-dashboard .mn-flow-track li{min-height:142px}
    .mn-dashboard .mn-actions,
    .mn-dashboard .mn-demo-controls{align-items:flex-start}
    .mn-dashboard .mn-demo-controls .button-link{margin-left:0}
    .mn-dashboard .mn-footer{display:block}
    .mn-dashboard .mn-footer span{display:block;margin:4px 0}
    .mn-dashboard .mn-section{padding:58px 5vw}
    .mn-dashboard .mn-hero-caption{font-size:.7rem;max-width:92%;text-align:center}
}

@media(prefers-reduced-motion:reduce){
    .mn-dashboard *,
    .mn-dashboard *::before,
    .mn-dashboard *::after{
        animation-duration:0.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:0.01ms !important;
        scroll-behavior:auto !important;
    }
    .mn-dashboard .mn-stage-atom,
    .mn-dashboard .mn-stage-spark,
    .mn-dashboard .mn-hero-stage::before,
    .mn-dashboard .mn-hero-stage::after,
    .mn-dashboard .mn-pineapple-glass,
    .mn-dashboard .mn-backdrop-orb{
        animation:none !important;
    }
}

@media(max-width:620px){
    .theme-toggle{
        top:12px;
        right:12px;
        padding:8px 11px;
    }
    .theme-toggle.compact span[data-theme-label]{
        display:none;
    }
}