*{box-sizing:border-box} :root{--bg:#080910;--panel:#10121d;--line:rgba(255,255,255,.09);--text:#f5f6ff;--muted:#9b9db3;--purple:#8b5cf6;--blue:#4f8cff}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to bottom,black,transparent 80%)}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.ambient{position:absolute;width:400px;height:400px;filter:blur(120px);opacity:.2;border-radius:50%;pointer-events:none}.ambient-a{top:30px;left:-170px;background:#6d28d9}.ambient-b{top:240px;right:-180px;background:#2563eb}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font:700 17px "Space Grotesk";letter-spacing:1.8px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#a78bfa,#4f46e5);box-shadow:0 0 28px #7c3aed55;font-size:23px;color:white}.brand-dot{color:#a78bfa}.nav-links{display:flex;gap:30px;color:#b6b7c9;font-size:13px}.nav-links a:hover,.footer a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 20px;border-radius:12px;font-size:13px;font-weight:700;transition:.2s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button-small{padding:11px 15px}.button-primary{background:linear-gradient(110deg,#8b5cf6,#5865f2);box-shadow:0 8px 35px #6d28d933}.button-outline{border-color:var(--line);background:#ffffff06}.button-outline:hover{border-color:#a78bfa77;background:#8b5cf61a}.menu-toggle{display:none;background:none;color:white;border:0;font-size:24px}.hero{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:50px;padding-top:95px;padding-bottom:80px;position:relative}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;color:#b6a2ff;display:flex;align-items:center;gap:10px}.pulse,.status-dot{width:7px;height:7px;border-radius:50%;background:#62e6a5;box-shadow:0 0 13px #62e6a588}.hero h1,.section h2,.commands-layout h2,.faq-layout h2,.cta-box h2{font:700 clamp(44px,6vw,72px)/1.04 "Space Grotesk";letter-spacing:-3.4px;margin:24px 0}.gradient-text{background:linear-gradient(100deg,#c4b5fd 0%,#8b5cf6 43%,#65a7ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lede,.section-heading>p,.commands-layout>div>p,.cta-box>p{color:var(--muted);line-height:1.8;font-size:15px;max-width:490px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust-row{display:flex;align-items:center;gap:13px;color:#898ba1;font-size:11px;margin-top:33px}.avatar-stack{display:flex;padding-left:5px}.avatar-stack i{font-style:normal;display:grid;place-items:center;width:27px;height:27px;margin-left:-5px;border:2px solid var(--bg);border-radius:50%;background:#29223f;color:#dcd1ff;font-size:10px}.avatar-stack i:nth-child(2){background:#1c3152}.avatar-stack i:nth-child(3){background:#243d35}.hero-visual{height:400px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #9b87ff22;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:450px;height:300px}.orbit-two{width:380px;height:410px;transform:rotate(42deg)}.shield-card{position:relative;z-index:1;width:min(370px,90%);padding:25px;border:1px solid #ffffff19;border-radius:23px;background:linear-gradient(145deg,#171827eF,#0d0f19ed);box-shadow:0 30px 100px #0009,0 0 60px #6d28d922;backdrop-filter:blur(20px)}.shield-icon{width:57px;height:57px;border-radius:18px;display:grid;place-items:center;font:700 32px "Space Grotesk";background:linear-gradient(135deg,#8b5cf6,#4657d9);box-shadow:0 8px 30px #7c3aed55;margin-bottom:23px}.shield-status{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.4px;color:#b6b7cc;margin-bottom:20px}.shield-line{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid var(--line);padding:14px 0;font-size:11px;color:#d6d7e5}.tag-on{font-size:8px;color:#74e9b2;background:#1d5c463b;padding:5px 7px;border-radius:5px;letter-spacing:.4px}.card-bottom{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#7f829b}.mini-bars{display:flex;align-items:end;gap:3px;height:18px}.mini-bars i{width:4px;background:#8b5cf6;border-radius:3px}.mini-bars i:nth-child(1){height:6px}.mini-bars i:nth-child(2){height:10px}.mini-bars i:nth-child(3){height:8px}.mini-bars i:nth-child(4){height:15px}.mini-bars i:nth-child(5){height:12px}.mini-bars i:nth-child(6){height:17px}.mini-bars i:nth-child(7){height:10px}.mini-bars i:nth-child(8){height:15px}.float-chip{position:absolute;z-index:2;border:1px solid #ffffff19;background:#171827eF;padding:12px 15px;border-radius:11px;font-size:10px;box-shadow:0 10px 30px #0007;display:flex;align-items:center;gap:9px}.float-chip span:first-child{color:#c4b5fd}.chip-top{top:30px;right:-5px}.chip-bottom{bottom:29px;left:-14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.stats>div{display:flex;flex-direction:column;gap:7px;padding-left:25px;border-left:1px solid var(--line)}.stats>div:first-child{border-left:0;padding-left:0}.stats strong{font:600 24px "Space Grotesk"}.stats span{color:var(--muted);font-size:11px}.section{padding-top:115px;padding-bottom:115px}.section-heading{max-width:600px;margin-bottom:38px}.section h2,.commands-layout h2,.faq-layout h2,.cta-box h2{font-size:48px;letter-spacing:-2.3px;margin:17px 0}.section-heading>p{font-size:13px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-card{border:1px solid var(--line);background:linear-gradient(140deg,#121421,#0d0e17);border-radius:19px;padding:27px;min-height:250px;transition:.25s}.feature-card:hover{border-color:#a78bfa55;transform:translateY(-3px)}.feature-large{grid-row:span 2}.feature-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:21px;margin-bottom:26px}.purple{background:#8b5cf622;color:#bba5ff}.blue{background:#3b82f622;color:#7db5ff}.pink{background:#ec489922;color:#f5a1d0}.green{background:#10b98122;color:#6ee7b7}.feature-label{font-size:9px;letter-spacing:1.7px;color:#8588a4;font-weight:700}.feature-card h3{font:600 22px "Space Grotesk";margin:12px 0}.feature-card p{font-size:12px;color:var(--muted);line-height:1.8;max-width:430px}.fake-terminal{border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-top:28px;background:#090a11;padding:0 15px 12px;font:10px ui-monospace,monospace;color:#bfc1d2}.terminal-top{height:37px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:5px;margin-bottom:15px}.terminal-top i{width:6px;height:6px;border-radius:50%;background:#f87171}.terminal-top i:nth-child(2){background:#fbbf24}.terminal-top i:nth-child(3){background:#4ade80}.terminal-top span{margin-left:auto;color:#777b95}.fake-terminal p{line-height:1.7}.fake-terminal b{color:#a78bfa}.terminal-success{color:#6ee7b7}.feature-link{display:inline-flex;gap:15px;color:#c3b3ff;font-size:10px;margin-top:14px}.disclaimer{font-size:10px;color:#777b91;line-height:1.7;margin-top:18px}.commands-section{background:linear-gradient(110deg,#0d0e18,#111225 55%,#0a0b13);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:95px 0}.commands-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.commands-layout h2{font-size:52px}.commands-layout>div>p{font-size:13px;margin-bottom:28px}.command-panel{border:1px solid #ffffff14;background:#0a0b13;border-radius:17px;overflow:hidden;box-shadow:0 20px 70px #0004}.command-head{display:flex;align-items:center;gap:10px;padding:19px 21px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700}.command-dot{width:8px;height:8px;background:#8b5cf6;border-radius:50%;box-shadow:0 0 12px #8b5cf6}.slash{margin-left:auto;color:#777b93}.command-row{display:grid;grid-template-columns:1fr 1.1fr;gap:12px;padding:14px 21px;border-bottom:1px solid #ffffff08;align-items:center}.command-row:last-child{border:0}.command-row code{color:#c7b6ff;font-size:11px}.command-row span{color:#8588a0;font-size:10px}.centered{text-align:center;margin:0 auto 42px}.centered>p{margin:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps article{padding:26px;border:1px solid var(--line);border-radius:16px;background:#ffffff03}.steps article>span{font:600 12px "Space Grotesk";color:#a78bfa}.steps h3{font:600 18px "Space Grotesk"}.steps p{font-size:12px;line-height:1.8;color:var(--muted)}.faq-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:90px 0;background:#0b0c14}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list summary{cursor:pointer;list-style:none;font-size:13px;font-weight:600;display:flex;justify-content:space-between;gap:15px}.faq-list summary:after{content:"+";color:#a78bfa;font-size:20px;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--muted);font-size:12px;line-height:1.8;max-width:650px}.faq-list code{color:#c4b5fd}.final-cta{padding-top:90px;padding-bottom:90px}.cta-box{position:relative;overflow:hidden;text-align:center;border:1px solid #a78bfa33;border-radius:24px;padding:62px 20px;background:linear-gradient(135deg,#171329,#11172b 70%,#11111d)}.cta-glow{position:absolute;width:350px;height:200px;top:-160px;left:calc(50% - 175px);background:#8b5cf6;filter:blur(100px);opacity:.55}.cta-box>*:not(.cta-glow){position:relative}.cta-box .eyebrow{justify-content:center}.cta-box h2{font-size:49px}.cta-box>p{margin:0 auto 24px;font-size:13px}.footer{border-top:1px solid var(--line);padding:27px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#777b91;font-size:10px}.footer .brand{color:white;font-size:14px}.footer .brand-mark{width:29px;height:29px;font-size:18px;border-radius:9px}.footer>div{display:flex;gap:18px}.footer a{color:#a5a7ba}
@media(max-width:800px){.nav{height:74px}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;padding:18px;background:#10111bf5;border:1px solid var(--line);border-radius:13px;flex-direction:column;gap:18px}.nav-links.open{display:flex}.menu-toggle{display:block;margin-left:auto;margin-right:15px}.nav>.button{font-size:11px}.hero{grid-template-columns:1fr;padding-top:65px;gap:20px}.hero h1{font-size:56px}.hero-visual{height:360px}.chip-top{right:0}.chip-bottom{left:0}.stats{grid-template-columns:1fr 1fr;gap:22px}.stats>div:nth-child(3){border-left:0;padding-left:0}.section{padding-top:80px;padding-bottom:80px}.commands-layout,.faq-layout{grid-template-columns:1fr;gap:32px}.commands-section{padding:75px 0}.steps{grid-template-columns:1fr}.faq-section{padding:75px 0}.footer{flex-wrap:wrap}.footer>span{order:3;width:100%}}
@media(max-width:500px){.wrap{width:calc(100% - 32px)}.nav-links{left:0;right:0}.nav>.button{padding:10px 11px}.brand{font-size:14px;gap:8px}.brand-mark{width:31px;height:31px}.hero h1{font-size:47px;letter-spacing:-2.6px}.hero-lede{font-size:13px}.hero-actions .button{width:100%}.hero-visual{height:325px}.orbit-one{width:320px;height:260px}.orbit-two{width:300px;height:330px}.shield-card{padding:20px}.float-chip{font-size:9px;padding:10px}.chip-top{top:4px}.chip-bottom{bottom:5px}.stats strong{font-size:20px}.stats span{font-size:10px}.section h2,.commands-layout h2,.faq-layout h2,.cta-box h2{font-size:39px}.feature-grid{grid-template-columns:1fr}.feature-large{grid-row:auto}.command-row{grid-template-columns:1fr;gap:5px}.command-row span{padding-left:0}.cta-box{padding:48px 18px}.footer{align-items:flex-start}.footer>div{margin-left:auto}}

/* Zypher brand assets and legal footer */
.brand-logo{width:38px;height:38px;object-fit:contain;border-radius:10px;background:#050505;display:block}.shield-icon{overflow:hidden;padding:0;background:#050505}.shield-icon img{width:100%;height:100%;object-fit:contain}.avatar-stack img{position:relative;width:27px;height:27px;object-fit:contain;background:#050505;border:2px solid var(--bg);border-radius:50%;margin-left:-5px}.footer>div{flex-wrap:wrap;justify-content:flex-end}.footer .brand-logo{width:29px;height:29px;border-radius:9px}@media(max-width:500px){.brand-logo{width:31px;height:31px}.footer{flex-wrap:wrap}.footer>div{gap:12px}}


/* BLACK THEME: solid black surfaces, monochrome accents */
:root{--bg:#000000;--panel:#080808;--line:rgba(255,255,255,.12);--text:#f7f7f7;--muted:#a1a1a1;--purple:#ffffff;--blue:#d4d4d4}
body{background:#000;color:#f7f7f7}
body:before{opacity:.035}
.ambient-a,.ambient-b{background:#fff;opacity:.025;filter:blur(150px)}
.brand-dot,.eyebrow,.gradient-text,.feature-link,.feature-card .feature-label,.steps article>span,.faq-list summary:after,.faq-list code,.fake-terminal b,.command-row code,.button-outline:hover{color:#fff}
.gradient-text{-webkit-text-fill-color:#fff;background:none}
.brand-mark,.button-primary,.shield-icon,.command-dot{background:#fff;color:#000;box-shadow:none}
.button-primary{background:#fff;color:#000}
.button-outline:hover{border-color:#fff;background:#ffffff0d}
.shield-card,.float-chip,.feature-card,.command-panel,.steps article,.faq-section,.commands-section,.cta-box{background:#080808;box-shadow:none}
.commands-section{background:#030303}
.faq-section{background:#050505}
.feature-card:hover{border-color:#777}
.orbit{border-color:#ffffff12}
.shield-icon{background:#000;border:1px solid #333}
.shield-icon img{background:#000}
.mini-bars i{background:#d4d4d4}
.command-dot{background:#fff;box-shadow:none}
.cta-box{border-color:#333;background:#050505}
.cta-glow{background:#fff;opacity:.06}
.purple,.blue,.pink,.green,.avatar-stack i,.avatar-stack i:nth-child(2),.avatar-stack i:nth-child(3){background:#111;color:#eee}
.tag-on{color:#ddd;background:#171717}
.fake-terminal{background:#000}
.nav-links{color:#c5c5c5}
@media(max-width:800px){.nav-links{background:#050505}}
