:root{--ink: #0e0f0d;--ink-2: #3b3d38;--ink-3: #6e7068;--parchment: #f5f2ea;--parchment-2: #ede9de;--parchment-3: #e3ddd0;--gold: #b5893a;--gold-light: #e8c97a;--gold-dark: #7a5a1e;--rust: #9c3d1e;--forest: #1e4d2e;--midnight: #12161f;--midnight-2: #1c2230;--midnight-3: #28304a;--cream-on-dark: #e8e3d8;--cream-2-on-dark: #b5af9f;--accent: #b5893a;--border: rgba(181, 137, 58, .25);--border-strong: rgba(181, 137, 58, .5);--r: 4px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--midnight);color:var(--cream-on-dark);font-size:16px;line-height:1.7;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 3rem;height:64px;background:#12161fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-logo{font-family:Fraunces,serif;font-size:20px;font-weight:400;color:var(--gold-light);letter-spacing:.02em;text-decoration:none}.nav-logo span{color:var(--cream-2-on-dark);font-size:14px;font-family:DM Mono,monospace;font-weight:300;margin-left:8px}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--cream-2-on-dark);font-size:14px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--gold-light)}.nav-cta{background:var(--gold);color:var(--midnight)!important;padding:8px 20px;border-radius:var(--r);font-weight:500;font-size:14px!important;transition:background .2s!important}.nav-cta:hover{background:var(--gold-light)!important;color:var(--midnight)!important}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 2rem 80px;position:relative;overflow:hidden}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(181,137,58,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(181,137,58,.06) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 40%,transparent 100%)}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#b5893a1f;border:1px solid var(--border-strong);border-radius:999px;padding:6px 16px;font-size:12px;font-family:DM Mono,monospace;color:var(--gold-light);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2.5rem;animation:fadeUp .8s ease both}.hero-badge-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}h1{font-family:Fraunces,serif;font-size:clamp(3rem,7vw,5.5rem);font-weight:300;line-height:1.08;letter-spacing:-.02em;color:#fff;max-width:900px;margin-bottom:1.5rem;animation:fadeUp .8s .1s ease both}h1 em{font-style:italic;color:var(--gold-light)}.hero-sub{font-size:18px;line-height:1.7;color:var(--cream-2-on-dark);max-width:600px;margin-bottom:3rem;font-weight:300;animation:fadeUp .8s .2s ease both}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:fadeUp .8s .3s ease both}.btn-primary{background:var(--gold);color:var(--midnight);padding:14px 32px;border-radius:var(--r);font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,transform .1s;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:none;font-family:inherit}.btn-primary:hover{background:var(--gold-light);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{border:1px solid var(--border-strong);color:var(--cream-on-dark);padding:14px 32px;border-radius:var(--r);font-size:15px;font-weight:400;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:transparent;font-family:inherit}.btn-secondary:hover{border-color:var(--gold);background:#b5893a14}.hero-note{margin-top:1.5rem;font-size:13px;color:var(--cream-2-on-dark);font-family:DM Mono,monospace;animation:fadeUp .8s .4s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.terminal-wrap{width:100%;max-width:700px;margin:4rem auto 0;animation:fadeUp .8s .5s ease both}.terminal{background:#0a0c12;border:1px solid rgba(181,137,58,.3);border-radius:8px;overflow:hidden}.terminal-bar{background:#161a24;padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.06)}.dot{width:10px;height:10px;border-radius:50%}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.terminal-title{font-family:DM Mono,monospace;font-size:12px;color:#666;margin-left:auto;margin-right:auto}.terminal-body{padding:20px 24px;font-family:DM Mono,monospace;font-size:13px;line-height:2}.t-prompt{color:var(--gold)}.t-cmd{color:#e0dbd0}.t-out{color:#7a9c7a}.t-muted{color:#555}.t-key{color:#8ab4d4}section{padding:100px 2rem;position:relative}.section-inner{max-width:1100px;margin:0 auto}.section-label{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}h2{font-family:Fraunces,serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;line-height:1.15;color:#fff;margin-bottom:1.25rem}h2 em{font-style:italic;color:var(--gold-light)}.section-lead{font-size:18px;color:var(--cream-2-on-dark);max-width:580px;line-height:1.7;font-weight:300}.problem{background:var(--midnight-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:3rem}.problem-item{background:#ffffff05;padding:2rem;border:1px solid rgba(255,255,255,.04)}.problem-item:first-child{border-radius:8px 0 0}.problem-item:last-child{border-radius:0 0 8px}.problem-item:nth-child(2){border-radius:0 8px 0 0}.problem-item:nth-child(3){border-radius:0 0 0 8px}.problem-icon{font-size:28px;margin-bottom:1rem;opacity:.7}.problem-item h3{font-size:16px;font-weight:500;color:#fff;margin-bottom:.5rem}.problem-item p{font-size:14px;color:var(--cream-2-on-dark);line-height:1.6}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:4rem}.how-steps{display:flex;flex-direction:column;gap:2rem}.how-step{display:flex;gap:1.25rem;align-items:flex-start}.step-num{width:32px;height:32px;flex-shrink:0;border:1px solid var(--border-strong);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:12px;color:var(--gold);margin-top:2px}.how-step h3{font-size:15px;font-weight:500;color:#fff;margin-bottom:.35rem}.how-step p{font-size:14px;color:var(--cream-2-on-dark);line-height:1.6}.arch-card{background:var(--midnight-2);border:1px solid var(--border);border-radius:8px;padding:2rem;font-family:DM Mono,monospace;font-size:12px;line-height:2.2}.arch-node{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--r);margin-bottom:4px}.arch-node-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.arch-server{background:#b5893a1f}.arch-server .arch-node-dot{background:var(--gold)}.arch-client{background:#8ab4d414}.arch-client .arch-node-dot{background:#8ab4d4}.arch-storage{background:#7a9c7a14}.arch-storage .arch-node-dot{background:#7a9c7a}.arch-label{color:var(--cream-2-on-dark)}.arch-sub{color:#555;font-size:11px;margin-left:auto}.arch-divider{border:none;border-top:1px solid rgba(255,255,255,.06);margin:8px 0}.arch-title{color:#555;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.features{background:var(--midnight-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;margin-top:3.5rem}.feat{padding:2rem 1.75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);position:relative;overflow:hidden;transition:background .2s}.feat:hover{background:#b5893a0a}.feat-icon{width:40px;height:40px;border-radius:var(--r);background:#b5893a1a;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:1.25rem}.feat h3{font-size:15px;font-weight:500;color:#fff;margin-bottom:.5rem}.feat p{font-size:13px;color:var(--cream-2-on-dark);line-height:1.65}.feat-tag{display:inline-block;font-family:DM Mono,monospace;font-size:11px;color:var(--gold);background:#b5893a1a;border:1px solid var(--border);border-radius:3px;padding:2px 7px;margin-top:1rem}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-top:3.5rem}.plan{border:1px solid var(--border);border-radius:8px;padding:2rem;background:#ffffff05;position:relative;display:flex;flex-direction:column;transition:border-color .2s}.plan:hover{border-color:var(--border-strong)}.plan.featured{border-color:var(--gold);background:#b5893a0d}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gold);color:var(--midnight);font-family:DM Mono,monospace;font-size:11px;font-weight:500;padding:4px 14px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.plan-name{font-family:Fraunces,serif;font-size:22px;font-weight:400;color:#fff;margin-bottom:.5rem}.plan-desc{font-size:13px;color:var(--cream-2-on-dark);margin-bottom:1.75rem;line-height:1.5}.plan-price{font-family:DM Mono,monospace;margin-bottom:.35rem}.plan-price .amount{font-size:32px;color:#fff}.plan-price .period{font-size:14px;color:var(--cream-2-on-dark)}.plan-unit{font-size:12px;color:#666;margin-bottom:1.75rem;font-family:DM Mono,monospace}.plan-divider{border:none;border-top:1px solid var(--border);margin:0 0 1.5rem}.plan-features{flex:1;list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.plan-features li{font-size:13px;color:var(--cream-2-on-dark);display:flex;gap:10px;align-items:flex-start}.plan-features li:before{content:"—";color:var(--gold);flex-shrink:0;margin-top:1px}.plan-btn{display:block;text-align:center;text-decoration:none;padding:11px;border-radius:var(--r);font-size:14px;font-weight:500;transition:all .2s;margin-top:auto;cursor:pointer;font-family:inherit;border:none;width:100%}.plan-btn-outline{border:1px solid var(--border-strong);color:var(--cream-on-dark);background:transparent}.plan-btn-outline:hover{border-color:var(--gold);background:#b5893a1a;color:#fff}.plan-btn-solid{background:var(--gold);color:var(--midnight)}.plan-btn-solid:hover{background:var(--gold-light)}.plan-btn:disabled{opacity:.6;cursor:not-allowed}.self-hosted-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.self-hosted ul{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.self-hosted li{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--cream-2-on-dark);line-height:1.6}.sh-icon{width:22px;height:22px;border-radius:50%;background:#b5893a26;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--gold);margin-top:2px}.deploy-card{background:#0a0c12;border:1px solid var(--border);border-radius:8px;overflow:hidden}.deploy-tab-bar{background:var(--midnight-2);display:flex;border-bottom:1px solid var(--border)}.deploy-tab{padding:10px 20px;font-family:DM Mono,monospace;font-size:12px;color:var(--cream-2-on-dark);cursor:pointer;border-bottom:2px solid transparent;transition:color .2s;-webkit-user-select:none;user-select:none}.deploy-tab.active{color:var(--gold-light);border-bottom-color:var(--gold)}.deploy-body{padding:20px 24px;font-family:DM Mono,monospace;font-size:12px;line-height:2}.d-comment{color:#555}.d-cmd{color:#e0dbd0}.d-path{color:#8ab4d4}.d-flag{color:var(--gold)}.d-success{color:#7a9c7a}.oss-banner{background:#b5893a12;border:1px solid var(--border);border-radius:8px;padding:3rem;text-align:center;margin-top:3rem}.oss-banner h3{font-family:Fraunces,serif;font-size:24px;font-weight:300;color:#fff;margin-bottom:1rem}.oss-banner p{color:var(--cream-2-on-dark);font-size:15px;max-width:520px;margin:0 auto 1.75rem}.oss-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.faq-list{max-width:740px;margin-top:3rem}.faq-item{border-top:1px solid var(--border);padding:1.5rem 0;cursor:pointer}.faq-item:last-child{border-bottom:1px solid var(--border)}.faq-q{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#fff;font-weight:400}.faq-q span{font-size:20px;color:var(--gold);transition:transform .2s}.faq-a{font-size:14px;color:var(--cream-2-on-dark);line-height:1.7;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .2s}.faq-item.open .faq-a{max-height:200px;padding-top:1rem}.faq-item.open .faq-q span{transform:rotate(45deg)}.cta-section{text-align:center;background:linear-gradient(to bottom,var(--midnight),var(--midnight-2));border-top:1px solid var(--border)}.cta-section h2{font-size:clamp(2.5rem,5vw,4rem);max-width:700px;margin:0 auto 1.25rem}.cta-section p{font-size:17px;color:var(--cream-2-on-dark);max-width:500px;margin:0 auto 2.5rem;font-weight:300}footer{background:#0a0c12;border-top:1px solid var(--border);padding:3rem 2rem}.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-logo{font-family:Fraunces,serif;font-size:18px;color:var(--gold-light)}.footer-meta{font-family:DM Mono,monospace;font-size:12px;color:#555}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:13px;color:#555;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--cream-2-on-dark)}.contact-page{min-height:100vh;padding:120px 2rem 80px}.contact-form{max-width:680px;margin-top:3rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:13px;font-family:DM Mono,monospace;color:var(--cream-2-on-dark);letter-spacing:.05em;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--r);color:var(--cream-on-dark);font-family:DM Sans,sans-serif;font-size:15px;padding:12px 16px;transition:border-color .2s;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold)}.form-group select option{background:var(--midnight-2)}.form-group textarea{resize:vertical;min-height:120px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-success{background:#7a9c7a1a;border:1px solid rgba(122,156,122,.4);border-radius:8px;padding:2rem;text-align:center;color:#7a9c7a;font-size:15px;margin-top:2rem}.form-error{color:#9c3d1e;font-size:13px;margin-top:.5rem}.checkout-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.checkout-card{background:var(--midnight-2);border:1px solid var(--border);border-radius:12px;padding:3rem;max-width:640px;width:100%;text-align:center}.checkout-card h2{font-size:2rem;margin-bottom:1rem}.checkout-card p{color:var(--cream-2-on-dark);margin-bottom:2rem;font-size:15px}.license-key-box{background:#0a0c12;border:1px solid var(--border-strong);border-radius:8px;padding:1.5rem;margin:2rem 0;text-align:left}.license-key-box .label{font-family:DM Mono,monospace;font-size:11px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}.license-key-box .key{font-family:DM Mono,monospace;font-size:12px;color:var(--cream-on-dark);word-break:break-all;line-height:1.8}.license-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;text-align:left}.license-meta-item .meta-label{font-family:DM Mono,monospace;font-size:11px;color:#555;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem}.license-meta-item .meta-value{font-size:14px;color:var(--cream-on-dark)}.copy-btn{background:#b5893a1f;border:1px solid var(--border);color:var(--gold-light);padding:8px 20px;border-radius:var(--r);font-family:DM Mono,monospace;font-size:12px;cursor:pointer;transition:background .2s;margin-top:1rem}.copy-btn:hover{background:#b5893a33}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:2rem}.modal{background:var(--midnight-2);border:1px solid var(--border-strong);border-radius:12px;padding:2.5rem;max-width:480px;width:100%}.modal h3{font-family:Fraunces,serif;font-size:1.5rem;font-weight:400;color:#fff;margin-bottom:.5rem}.modal .plan-tag{font-family:DM Mono,monospace;font-size:11px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--cream-2-on-dark);cursor:pointer;font-size:20px}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.checkout-result-page{min-height:100vh;padding:120px 2rem 80px;display:flex;flex-direction:column}.checkout-result-card{background:var(--midnight-2);border:1px solid var(--border);border-radius:12px;padding:3rem;max-width:680px}.checkout-result-card h2{font-size:clamp(1.5rem,3vw,2.25rem);margin-bottom:1rem}.checkout-result-card>p{color:var(--cream-2-on-dark);font-size:15px;margin-bottom:2rem}.result-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;margin-bottom:1.5rem}.success-icon{background:#7a9c7a33;color:#7a9c7a;border:1px solid rgba(122,156,122,.4)}.error-icon{background:#9c3d1e33;color:#9c3d1e;border:1px solid rgba(156,61,30,.4)}.cancel-icon{background:#ffffff0d;color:var(--cream-2-on-dark);border:1px solid var(--border)}.spinner{width:40px;height:40px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.license-key-block{background:#0a0c12;border:1px solid var(--border-strong);border-radius:8px;padding:1.5rem;margin:1.5rem 0}.license-key-label{font-family:DM Mono,monospace;font-size:11px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}.license-key-value{font-family:DM Mono,monospace;font-size:11px;color:var(--cream-on-dark);word-break:break-all;line-height:1.8;display:block;margin-bottom:1rem}.license-details{border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:1.5rem 0}.ld-row{display:flex;justify-content:space-between;padding:10px 16px;font-size:13px;border-bottom:1px solid var(--border)}.ld-row:last-child{border-bottom:none}.ld-row span:first-child{color:#555;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.ld-row span:last-child{color:var(--cream-on-dark)}.usage-instructions{background:#0a0c12;border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-top:1.5rem}.usage-instructions h3{font-family:DM Mono,monospace;font-size:11px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}.usage-instructions pre{font-family:DM Mono,monospace;font-size:11px;color:var(--cream-2-on-dark);line-height:2;white-space:pre-wrap;word-break:break-all}.terms-body h2{font-family:Fraunces,serif;font-size:1.15rem;color:var(--gold-light);margin:2rem 0 .5rem;font-weight:600}.terms-body p,.terms-body ul{color:var(--cream-2-on-dark);line-height:1.8;margin-bottom:.75rem}.terms-body ul{padding-left:1.5rem}.terms-body li{margin-bottom:.25rem}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px;z-index:110}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--cream-2-on-dark);border-radius:2px;transition:background .2s}.nav-hamburger:hover span{background:var(--gold-light)}@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){nav{padding:0 1.25rem;position:relative}.nav-hamburger{display:flex}.nav-links{display:none;flex-direction:column;align-items:flex-start;gap:0;position:absolute;top:64px;left:0;right:0;background:#12161ff7;border-bottom:1px solid var(--border);padding:1rem 1.25rem 1.5rem;z-index:99}.nav-links.nav-links--open{display:flex}.nav-links a{padding:.6rem 0;width:100%;font-size:15px;border-bottom:1px solid rgba(181,137,58,.1)}.nav-links a:last-child{border-bottom:none}.nav-cta{margin-top:.5rem;width:100%;text-align:center;display:block;padding:10px 0!important}.problem-grid,.how-grid,.features-grid,.pricing-grid,.self-hosted-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}.form-row,.license-meta{grid-template-columns:1fr}}