:root,:root[data-theme=dark]{--bg: #080815;--bg-2: #0D0D20;--card: #0F0F22;--surface: #171732;--text: #F4EDE5;--text-soft: #F4EDE5cc;--text-softer: #F4EDE5bb;--muted: #7878A8;--muted-soft: #7878A880;--muted-faint: #7878A850;--muted-border: #7878A830;--accent: #E8A025;--accent-lt: #FFC050;--accent-tint: #E8A0251a;--accent-border: #E8A02533;--accent-border-strong: #E8A02555;--accent-faint: #E8A02518;--accent-dim: #E8A02570;--accent-glow: #E8A02508;--accent-shadow: #E8A02520;--btn-grad-1: #E8A025;--btn-grad-2: #FFC050;--on-accent: #080815;--red: #CC4444;--green: #7FD344;--green-tint: #7FD3441a;--green-border: #7FD34455;--error: #CC6666;--code-bg: #26264A;--code-border: #3A3A66;--code-text: #FFC050;--mitos: #00FFD0;--clio: #00D4FF;--nav-bg: #080815dd;--menu-bg: #080815f5;--selection-bg: #E8A02540;--selection-text: #F4EDE5}:root[data-theme=light]{--bg: #FAF7F1;--bg-2: #F2EEE4;--card: #FFFFFF;--surface: #E3DDCE;--text: #201F2E;--text-soft: #201F2Ecc;--text-softer: #201F2Ebb;--muted: #5B5977;--muted-soft: #5B5977b3;--muted-faint: #5B597780;--muted-border: #5B597740;--accent: #A16207;--accent-lt: #C7841A;--accent-tint: #E8A02526;--accent-border: #A1620745;--accent-border-strong: #A1620766;--accent-faint: #A1620726;--accent-dim: #A16207b3;--accent-glow: #A162070f;--accent-shadow: #E8A02540;--btn-grad-1: #E8A025;--btn-grad-2: #FFC050;--on-accent: #201500;--red: #B03434;--green: #3F7B1E;--green-tint: #3F7B1E1a;--green-border: #3F7B1E55;--error: #A82F2F;--code-bg: #F1EADB;--code-border: #DCD2B8;--code-text: #8A5405;--mitos: #007A66;--clio: #0A6CA8;--nav-bg: #FAF7F1dd;--menu-bg: #FAF7F1f5;--selection-bg: #E8A02550;--selection-text: #201F2E}:root[data-theme=accessible]{--bg: #FFFFFF;--bg-2: #FFFFFF;--card: #FFFFFF;--surface: #595959;--text: #111111;--text-soft: #111111;--text-softer: #111111;--muted: #2E2E3A;--muted-soft: #2E2E3A;--muted-faint: #2E2E3A;--muted-border: #595959;--accent: #704A00;--accent-lt: #704A00;--accent-tint: #F4E8D0;--accent-border: #704A00;--accent-border-strong: #704A00;--accent-faint: #704A00;--accent-dim: #704A00;--accent-glow: transparent;--accent-shadow: transparent;--btn-grad-1: #704A00;--btn-grad-2: #704A00;--on-accent: #FFFFFF;--red: #841F1F;--green: #205D00;--green-tint: #E9F2E1;--green-border: #205D00;--error: #841F1F;--code-bg: #F2F2F2;--code-border: #595959;--code-text: #5A3C00;--mitos: #005247;--clio: #004B7A;--nav-bg: #FFFFFF;--menu-bg: #FFFFFF;--selection-bg: #111111;--selection-text: #FFFFFF}:root[data-theme=greenscreen]{--bg: #000000;--bg-2: #000000;--card: #000000;--surface: #164016;--text: #33FF33;--text-soft: #2EE62E;--text-softer: #29CC29;--muted: #22AA22;--muted-soft: #22AA22;--muted-faint: #1E8F1E;--muted-border: #33FF3355;--accent: #33FF33;--accent-lt: #66FF66;--accent-tint: #33FF3314;--accent-border: #33FF3366;--accent-border-strong: #33FF3399;--accent-faint: #33FF3333;--accent-dim: #33FF33AA;--accent-glow: #33FF3315;--accent-shadow: #33FF3322;--btn-grad-1: #001900;--btn-grad-2: #002B00;--on-accent: #33FF33;--red: #33FF33;--green: #33FF33;--green-tint: #33FF3314;--green-border: #33FF3366;--error: #FF6666;--code-bg: #001900;--code-border: #33FF3355;--code-text: #66FF66;--mitos: #33FF33;--clio: #33FF33;--nav-bg: #000000e6;--menu-bg: #000000f5;--selection-bg: #33FF33;--selection-text: #000000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);overflow-x:hidden;font-family:DM Sans,sans-serif}::selection{background:var(--selection-bg);color:var(--selection-text)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface);border-radius:3px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes orb1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,15px) scale(.95)}}@keyframes orb2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-25px,25px) scale(.9)}66%{transform:translate(35px,-15px) scale(1.05)}}input:focus,textarea:focus{border-color:var(--accent-border-strong)!important;outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--card);border:1px solid var(--surface);border-radius:16px;transition:border-color .35s ease,transform .35s ease,box-shadow .35s ease}.card:hover{border-color:var(--accent-border);transform:translateY(-4px);box-shadow:0 12px 40px var(--accent-glow)}.btn-gold{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--btn-grad-1),var(--btn-grad-2));color:var(--on-accent);font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;padding:14px 28px;border-radius:10px;border:none;cursor:pointer;text-decoration:none;box-shadow:0 4px 20px var(--accent-shadow);transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-border)}.btn-gold:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.btn-gold:hover:after{left:100%}.btn-gold.sm{font-size:13px;padding:10px 20px}.btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:13px 24px;border-radius:10px;border:1.5px solid var(--muted-border);cursor:pointer;text-decoration:none;transition:border-color .3s ease,background .3s ease}.btn-outline:hover{border-color:var(--accent-border);background:var(--accent-glow)}.btn-outline.sm{font-size:13px;padding:10px 18px}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--surface)}.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:72px}.nav-right{display:flex;align-items:center;gap:8px}:root[data-theme=light] .logo-on-dark,:root[data-theme=accessible] .logo-on-dark{display:none!important}:root[data-theme=light] .logo-on-light,:root[data-theme=accessible] .logo-on-light{display:block!important}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--muted);padding:4px 0;border-bottom:2px solid transparent;transition:color .25s ease,border-color .25s ease}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--accent);border-bottom-color:var(--accent)}.theme-wrap{position:relative;display:flex;align-items:center;margin-left:10px}.theme-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--muted);padding:8px;border-radius:8px;transition:color .25s ease,background .25s ease}.theme-btn:hover{color:var(--text);background:var(--accent-tint)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--text)}.mobile-menu{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:var(--menu-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;align-items:center;justify-content:center;gap:32px}.mobile-menu.open{display:flex}.mobile-menu-link{background:none;border:none;cursor:pointer;font-family:Playfair Display,Georgia,serif;font-size:32px;font-weight:700;color:var(--text);transition:color .2s}.mobile-menu-link:hover{color:var(--accent)}@media(max-width:768px){.nav-links{display:none}.hamburger{display:block}}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.hero-orb-1{width:500px;height:500px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%);top:-10%;left:10%;animation:orb1 12s ease-in-out infinite}.hero-orb-2{width:400px;height:400px;background:radial-gradient(circle,color-mix(in srgb,var(--red) 6%,transparent),transparent 70%);bottom:-10%;right:10%;animation:orb2 15s ease-in-out infinite}.hero-orb-3{width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--green) 3%,transparent),transparent 70%);top:30%;right:25%;animation:orb1 18s ease-in-out infinite reverse}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:linear-gradient(var(--text) 1px,transparent 1px),linear-gradient(90deg,var(--text) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.section{padding:100px 24px;position:relative}.section-inner{max-width:1140px;margin:0 auto}.section-label{font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.section-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(28px,4vw,44px);font-weight:700;color:var(--text);line-height:1.15;margin-bottom:20px}.section-subtitle{font-family:DM Sans,sans-serif;font-size:16px;color:var(--muted);line-height:1.65;max-width:580px}.tag{display:inline-block;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:DM Sans,sans-serif;background:var(--accent-tint);color:var(--accent);border:1px solid var(--accent-border)}.demo-card{background:var(--card);border:1px solid var(--surface);border-radius:16px;padding:0;overflow:hidden;transition:border-color .35s ease,transform .35s ease,box-shadow .35s ease}.demo-card:hover{border-color:var(--green-border);transform:translateY(-4px);box-shadow:0 12px 40px var(--green-tint)}.demo-card-visual{height:200px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.demo-card-body{padding:28px}.terminal{background:#0a0a1a;border:1px solid #171732;border-radius:12px;overflow:hidden;font-family:SF Mono,Fira Code,monospace}.terminal-bar{padding:10px 16px;background:#111128;border-bottom:1px solid #171732;display:flex;align-items:center;gap:8px}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-body{padding:20px;font-size:13px;line-height:1.8;color:#f4ede5cc}.terminal-prompt{color:#7fd344}.terminal-comment{color:#7878a860}.terminal-string{color:#e8a025}.terminal-keyword{color:#c44}.footer{background:var(--card);border-top:1px solid var(--surface);padding:48px 24px 32px}.footer-inner{max-width:1140px;margin:0 auto}@media(max-width:640px){.section{padding:64px 20px}.btn-gold{padding:12px 22px;font-size:14px}.btn-outline{padding:11px 18px;font-size:13px}}:root[data-theme=accessible]{font-size:118%;zoom:1.12;scroll-behavior:auto}:root[data-theme=accessible] body{line-height:1.7}:root[data-theme=accessible] *,:root[data-theme=accessible] *:before,:root[data-theme=accessible] *:after{animation:none!important;transition:none!important}:root[data-theme=accessible] a{text-decoration:underline!important}:root[data-theme=accessible] :focus-visible,:root[data-theme=accessible] :focus{outline:3px solid #0B57D0!important;outline-offset:2px}:root[data-theme=accessible] .hero-orb,:root[data-theme=accessible] .grid-bg{display:none}:root[data-theme=accessible] .card,:root[data-theme=accessible] .demo-card{box-shadow:none!important;transform:none!important}:root[data-theme=accessible] .terminal{background:#fff;border:2px solid #595959}:root[data-theme=accessible] .terminal-bar{background:#f2f2f2;border-bottom:1px solid #595959}:root[data-theme=accessible] .terminal-body{color:#111}:root[data-theme=accessible] .terminal-prompt{color:#205d00}:root[data-theme=accessible] .terminal-comment{color:#2e2e3a}:root[data-theme=accessible] .terminal-string{color:#704a00}:root[data-theme=accessible] .terminal-keyword{color:#841f1f}@keyframes gs-blink{0%,49%{opacity:1}50%,to{opacity:0}}:root[data-theme=greenscreen] body,:root[data-theme=greenscreen] button,:root[data-theme=greenscreen] input,:root[data-theme=greenscreen] textarea,:root[data-theme=greenscreen] h1,:root[data-theme=greenscreen] h2,:root[data-theme=greenscreen] h3,:root[data-theme=greenscreen] h4,:root[data-theme=greenscreen] p,:root[data-theme=greenscreen] a,:root[data-theme=greenscreen] span,:root[data-theme=greenscreen] li,:root[data-theme=greenscreen] div{font-family:ui-monospace,SF Mono,Menlo,Consolas,Liberation Mono,monospace!important}:root[data-theme=greenscreen] body{text-shadow:0 0 6px rgba(51,255,51,.35)}:root[data-theme=greenscreen] body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 60%,rgba(0,40,0,.35) 100%)}:root[data-theme=greenscreen] h1:after,:root[data-theme=greenscreen] .section-title:after{content:"█";margin-left:.18em;color:#3f3;animation:gs-blink 1.06s step-end infinite}:root[data-theme=greenscreen] .card,:root[data-theme=greenscreen] .demo-card,:root[data-theme=greenscreen] .btn-gold,:root[data-theme=greenscreen] .btn-outline,:root[data-theme=greenscreen] .tag,:root[data-theme=greenscreen] .terminal{border-radius:0!important}:root[data-theme=greenscreen] .card,:root[data-theme=greenscreen] .demo-card{background:#000;border:1px dashed #33FF3366}:root[data-theme=greenscreen] .card:hover,:root[data-theme=greenscreen] .demo-card:hover{border-color:#3f3;box-shadow:0 0 18px #33ff3340;transform:none}:root[data-theme=greenscreen] .btn-gold{background:#001900;color:#3f3;border:1px solid #33FF33;box-shadow:0 0 14px #3f33}:root[data-theme=greenscreen] .btn-outline{border-color:#3f39;color:#3f3}:root[data-theme=greenscreen] .btn-gold,:root[data-theme=greenscreen] .btn-outline{text-transform:uppercase;letter-spacing:.08em}:root[data-theme=greenscreen] .btn-gold:before,:root[data-theme=greenscreen] .btn-outline:before{content:"["}:root[data-theme=greenscreen] .btn-gold:after,:root[data-theme=greenscreen] .btn-outline:after{content:"]";position:static;left:auto;top:auto;width:auto;height:auto;background:none;transition:none}:root[data-theme=greenscreen] .btn-gold:hover:after{left:auto}:root[data-theme=greenscreen] .hero-orb{display:none}:root[data-theme=greenscreen] .grid-bg{opacity:.06}:root[data-theme=greenscreen] img,:root[data-theme=greenscreen] svg{filter:grayscale(1) sepia(1) hue-rotate(60deg) saturate(4) brightness(.9) contrast(1.15)}:root[data-theme=greenscreen] .terminal{background:#000;border:1px solid #33FF3366}:root[data-theme=greenscreen] .terminal-bar{background:#001900;border-bottom:1px solid #33FF3355}:root[data-theme=greenscreen] .terminal-body{color:#2ee62e}:root[data-theme=greenscreen] .terminal-prompt{color:#6f6}:root[data-theme=greenscreen] .terminal-comment{color:#1e8f1e}:root[data-theme=greenscreen] .terminal-string{color:#3f3}:root[data-theme=greenscreen] .terminal-keyword{color:#6f6}:root[data-theme=greenscreen] .section-label:before{content:"[ "}:root[data-theme=greenscreen] .section-label:after{content:" ]"}:root[data-theme=greenscreen] .tag{border-style:dashed}:root[data-theme=greenscreen] .nav-link{text-transform:uppercase;letter-spacing:.06em}:root[data-theme=greenscreen] .mobile-menu-link{text-transform:uppercase;font-size:24px}:root[data-theme=greenscreen] .mobile-menu-link:before{content:"> "}:root[data-theme=greenscreen] .ascii-swap svg{display:none!important}:root[data-theme=greenscreen] .ascii-swap:before{content:attr(data-ascii);display:block;white-space:pre;font-size:var(--ascii-size, 11px);line-height:1.2;color:#3f3;text-shadow:0 0 6px rgba(51,255,51,.35)}:root[data-theme=greenscreen] .nav-logo img{display:none!important}:root[data-theme=greenscreen] .nav-logo:before{content:"NAVARRE.AI";display:block;font-size:17px;font-weight:700;letter-spacing:.14em;color:#3f3;text-shadow:0 0 6px rgba(51,255,51,.35)}