:root{--bg: #ffffff;--surface: #fafafa;--surface-2: #f6f6f6;--border: #e7e7e7;--border-dark: #d4d4d4;--text: #111111;--muted: #666666;--muted-light: #999999;--muted-dark: #888888;--accent: #f44848;--accent-dark: #d93636;--accent-soft: #fff0f0;--black: #000000;--white: #ffffff;--content-width: 1120px;--content-gutter: 40px;--container-width: min( var(--content-width), calc(100% - var(--content-gutter)) )}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);font-family:Space Mono,monospace;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent);color:var(--black)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.container{width:var(--container-width);margin-left:auto;margin-right:auto}.nav-wrapper{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#fffffff5;border-bottom:1px solid var(--border);transition:width .35s ease,top .35s ease,left .35s ease,border .35s ease,background .25s ease,box-shadow .25s ease,backdrop-filter .25s ease,-webkit-backdrop-filter .25s ease}.nav-inner{width:var(--container-width);height:76px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:space-between;transition:height .35s ease}.nav-wrapper.scrolled{width:var(--container-width);left:50%;top:14px;transform:translate(-50%);background:#ffffffe0;border:1px solid var(--border);box-shadow:0 12px 40px #00000014;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-wrapper.scrolled .nav-inner{width:100%;height:64px;padding-left:18px;padding-right:18px}.logo{display:flex;align-items:center;flex-shrink:0;transition:opacity .2s ease}.logo:hover{opacity:.8}.logo img{width:200px;height:auto;display:block}.nav-links{display:flex;align-items:center;gap:28px;color:var(--muted);font-size:11px}.nav-links>a{transition:color .2s ease}.nav-links>a:hover{color:var(--text)}.nav-button{padding:9px 14px;border:1px solid var(--border);background:var(--white);color:var(--text)!important;font-family:Space Mono,monospace;font-size:11px;transition:border-color .2s ease,color .2s ease,background .2s ease}.nav-button:hover{border-color:var(--accent);color:var(--accent)!important}.hero{min-height:720px;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:76px}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(17,17,17,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.035) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,black,transparent 88%);-webkit-mask-image:linear-gradient(to bottom,black,transparent 88%);pointer-events:none}.hero:after{content:"";position:absolute;width:500px;height:500px;right:-200px;top:100px;background:var(--accent);opacity:.045;filter:blur(100px);border-radius:50%;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:900px;padding:100px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:28px;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:1px}.status-dot{width:7px;height:7px;flex-shrink:0;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #f4484873}h1{max-width:900px;font-size:clamp(52px,8vw,96px);line-height:.94;letter-spacing:-7px;font-weight:700}h1 span{color:var(--accent)}.hero-description{max-width:690px;margin-top:34px;color:var(--muted);font-size:13px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:10px;margin-top:38px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:1px solid var(--border);font-size:11px;font-family:Space Mono,monospace;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--accent);color:var(--black);border-color:var(--accent);font-weight:700}.button.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.button.secondary:hover{border-color:var(--accent);color:var(--accent)}.manifesto{padding:0 0 110px}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.manifesto-item{padding:34px 0}.manifesto-item:first-child{padding-right:50px;border-right:1px solid var(--border)}.manifesto-item:last-child{padding-left:50px}.manifesto-label{margin-bottom:15px;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:1px}.manifesto-item p{color:var(--muted);font-size:12px;line-height:1.9}.code-section{padding:0 0 120px}.terminal{background:#050505;border:1px solid #1d1d1d;box-shadow:0 30px 90px #00000024}.terminal-header{height:44px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid #202020}.terminal-dot{width:9px;height:9px;background:#333;border-radius:50%}.terminal-title{margin-left:8px;color:#666;font-size:10px}.terminal-body{padding:30px;overflow-x:auto;color:#bdbdbd;font-size:12px;line-height:2}.prompt{color:var(--accent)}.comment{color:#4d4d4d}.keyword{color:#eee;font-weight:700}.string{color:#999}.terminal-result{color:#aaa}.section{padding:120px 0;border-top:1px solid var(--border)}.section-label{margin-bottom:18px;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:1px}.section-title{max-width:780px;font-size:clamp(32px,5vw,54px);line-height:1.08;letter-spacing:-4px}.section-description{max-width:670px;margin-top:22px;color:var(--muted);font-size:12px;line-height:1.9}.features{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid var(--border);border-left:1px solid var(--border)}.feature{min-height:285px;padding:32px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .2s ease,box-shadow .2s ease}.feature:hover{background:var(--surface);box-shadow:inset 0 2px 0 var(--accent)}.feature-number{margin-bottom:60px;color:var(--accent);font-size:10px}.feature h3{margin-bottom:15px;font-size:16px}.feature p{color:var(--muted);font-size:11px;line-height:1.9}.solutions{display:grid;grid-template-columns:1fr 1fr;margin-top:65px;border-top:1px solid var(--border);border-left:1px solid var(--border)}.solution{min-height:230px;padding:30px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .2s ease,box-shadow .2s ease}.solution:hover{background:var(--surface);box-shadow:inset 0 2px 0 var(--accent)}.solution-tag{display:inline-block;margin-bottom:45px;padding:5px 8px;border:1px solid var(--border);color:var(--muted);font-size:9px;text-transform:uppercase}.solution h3{margin-bottom:12px;font-size:15px}.solution p{max-width:430px;color:var(--muted);font-size:11px;line-height:1.9}.workflow{margin-top:65px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border)}.workflow-item{padding:30px 24px;border-right:1px solid var(--border);transition:background .2s ease}.workflow-item:hover{background:var(--surface)}.workflow-item:last-child{border-right:0}.workflow-number{margin-bottom:28px;color:var(--muted-dark);font-size:10px}.workflow-item strong{display:block;margin-bottom:9px;font-size:13px}.workflow-item span{color:var(--muted);font-size:10px;line-height:1.8}.highlight{margin-top:65px;background:var(--accent);color:var(--black);border:1px solid var(--accent)}.highlight-inner{padding:70px 60px}.highlight-label{margin-bottom:25px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.highlight h3{max-width:800px;font-size:clamp(30px,5vw,58px);line-height:1.05;letter-spacing:-4px}.highlight p{max-width:650px;margin-top:25px;font-size:11px;line-height:1.9}.cta{padding:160px 0;border-top:1px solid var(--border);text-align:center}.cta h2{font-size:clamp(42px,7vw,78px);line-height:.95;letter-spacing:-6px}.cta h2 span{color:var(--accent)}.cta p{max-width:570px;margin:25px auto 35px;color:var(--muted);font-size:12px;line-height:1.9}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-top:1px solid var(--border);color:var(--muted-dark);font-size:9px}.footer-links{display:flex;gap:20px}.footer-links a{transition:color .2s ease}.footer-links a:hover{color:var(--text)}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:0;border:1px solid var(--border);background:var(--white);cursor:pointer;transition:border-color .2s ease}.nav-hamburger:hover{border-color:var(--border-dark)}.nav-hamburger span{display:block;width:16px;height:1.5px;background:var(--text);margin-left:auto;margin-right:auto;transition:transform .25s ease,opacity .25s ease}.nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}@media(max-width:850px){.nav-links{display:none}.nav-hamburger{display:flex}.nav-wrapper.scrolled{top:10px}.nav-wrapper.scrolled .nav-inner{padding-left:15px;padding-right:15px}.hero{min-height:650px;padding-top:66px}h1{letter-spacing:-5px}.manifesto-grid{grid-template-columns:1fr}.manifesto-item:first-child{padding-right:0;border-right:0;border-bottom:1px solid var(--border)}.manifesto-item:last-child{padding-left:0}.features,.solutions,.workflow{grid-template-columns:1fr}.workflow-item{border-right:0;border-bottom:1px solid var(--border)}.workflow-item:last-child{border-bottom:0}.highlight-inner{padding:50px 35px}}@media(max-width:500px){:root{--content-gutter: 28px}.nav-wrapper.scrolled{top:8px}.nav-wrapper.scrolled .nav-inner{height:58px;padding-left:12px;padding-right:12px}.logo img{width:150px}.hero{min-height:600px;padding-top:64px}.hero-content{padding:75px 0}h1{font-size:49px;letter-spacing:-4px}.hero-description{font-size:11px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.code-section{padding-bottom:85px}.terminal-body{padding:20px;font-size:10px}.section{padding:85px 0}.section-title{letter-spacing:-3px}.feature,.solution{padding:25px}.highlight-inner{padding:40px 25px}.highlight h3{letter-spacing:-3px}.cta{padding:105px 0}.cta h2{letter-spacing:-4px}footer{align-items:flex-start;flex-direction:column;gap:18px}}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);background:var(--white);color:var(--text);font-family:Space Mono,monospace;font-size:11px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.nav-dropdown-trigger:hover{border-color:var(--border-dark);background:var(--surface)}.nav-user-avatar{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--white);font-size:10px;font-weight:700}.nav-user-name{color:var(--text)}.nav-dropdown-arrow{transition:transform .2s ease;color:var(--muted)}.nav-dropdown-arrow.open{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;width:220px;background:var(--white);border:1px solid var(--border);box-shadow:0 12px 40px #00000014;z-index:100}.nav-dropdown-user{padding:14px 16px}.nav-dropdown-email{color:var(--muted);font-size:10px}.nav-dropdown-divider{height:1px;background:var(--border)}.nav-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;color:var(--text);font-family:Space Mono,monospace;font-size:11px;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.nav-dropdown-item:hover{background:var(--surface);color:var(--accent)}.nav-dropdown-item svg{flex-shrink:0;color:var(--muted)}.nav-dropdown-item:hover svg{color:var(--accent)}.nav-dropdown-item.logout{color:var(--muted)}.nav-dropdown-item.logout:hover{color:var(--accent);background:var(--accent-soft)}.nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:1001;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-overlay.open{opacity:1;pointer-events:auto}.nav-drawer{display:none;position:fixed;top:0;right:0;width:300px;max-width:85vw;height:100%;background:var(--white);border-left:1px solid var(--border);z-index:1002;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.nav-drawer.open{transform:translate(0)}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.nav-drawer-header .logo img{width:140px}.nav-drawer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);background:var(--white);cursor:pointer;color:var(--muted);transition:border-color .2s ease,color .2s ease}.nav-drawer-close:hover{border-color:var(--accent);color:var(--accent)}.nav-drawer-links{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid var(--border)}.nav-drawer-links a{padding:12px 24px;color:var(--text);font-size:12px;transition:background .15s ease,color .15s ease}.nav-drawer-links a:hover{background:var(--surface);color:var(--accent)}.nav-drawer-divider{height:1px;background:var(--border)}.nav-drawer-account{display:flex;flex-direction:column}.nav-drawer-user{display:flex;align-items:center;gap:12px;padding:20px 24px}.nav-drawer-user-name{font-size:12px;font-weight:700}.nav-drawer-user-email{font-size:10px;color:var(--muted);margin-top:2px}.nav-drawer-menu{display:flex;flex-direction:column;padding:0}.nav-drawer-menu a{padding:12px 24px;color:var(--text);font-size:12px;transition:background .15s ease,color .15s ease}.nav-drawer-menu a:hover{background:var(--surface);color:var(--accent)}.nav-drawer-logout{display:block;width:100%;padding:12px 24px;border:none;background:none;color:var(--muted);font-family:Space Mono,monospace;font-size:12px;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.nav-drawer-logout:hover{background:var(--accent-soft);color:var(--accent)}.nav-drawer-actions{padding:20px 24px}.nav-drawer-login{width:100%;text-align:center}.dashboard{padding-top:120px;padding-bottom:80px;min-height:100vh}.dashboard-page{max-width:900px}.dashboard-header{margin-bottom:48px}.dashboard-title{font-size:clamp(28px,4vw,40px);line-height:1.1;letter-spacing:-3px;margin-top:12px}.dashboard-description{color:var(--muted);font-size:12px;line-height:1.8;margin-top:12px}.dashboard-card{border:1px solid var(--border);margin-bottom:24px}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.dashboard-card-header h3{font-size:13px}.dashboard-card-title{padding:20px 24px;border-bottom:1px solid var(--border);font-size:13px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:24px}.dashboard-stat{background:var(--bg);padding:24px}.dashboard-stat-label{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dashboard-stat-value{font-size:24px;font-weight:700;letter-spacing:-1px}.dashboard-stat-sub{color:var(--muted-light);font-size:10px;margin-top:4px}.dashboard-table{display:flex;flex-direction:column}.dashboard-table-row{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.dashboard-table-row:last-child{border-bottom:none}.dashboard-table-cell{display:flex;flex-direction:column;gap:4px}.dashboard-table-cell:last-child{text-align:right}.api-key-name{font-size:12px;font-weight:700}.api-key-value{color:var(--muted);font-size:11px}.api-key-date{color:var(--muted);font-size:10px}.api-key-status{display:inline-block;padding:3px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.api-key-status.active{background:#e6f9ee;color:#1a7f37;border:1px solid #a3d9b1}.order-id{font-size:12px;font-weight:700}.order-product{color:var(--muted);font-size:11px}.order-date{color:var(--muted);font-size:10px}.order-amount{font-size:12px;font-weight:700}.order-status{display:inline-block;padding:3px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.order-status.completed{background:#e6f9ee;color:#1a7f37;border:1px solid #a3d9b1}.order-status.pending{background:#fff8e6;color:#9a6700;border:1px solid #e6d59a}.usage-type{font-size:11px;font-weight:700;text-transform:uppercase}.usage-endpoint{color:var(--muted);font-size:11px;font-family:monospace}.usage-time{color:var(--muted);font-size:10px}.billing-payment{display:flex;align-items:center;gap:16px;padding:24px}.billing-card-icon{width:48px;height:32px;display:flex;align-items:center;justify-content:center;background:#1a1f71;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px}.billing-card-info{display:flex;flex-direction:column;gap:4px}.billing-card-number{font-size:12px}.billing-card-expiry{color:var(--muted);font-size:10px}.login-hint{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);text-align:center}.login-hint span{color:var(--muted-light);font-size:10px}@media(max-width:850px){.nav-overlay,.nav-drawer{display:block}.dashboard-stats{grid-template-columns:1fr}.dashboard-table-row{flex-direction:column;align-items:flex-start;gap:8px}.dashboard-table-cell:last-child{text-align:left}}@media(max-width:500px){.dashboard{padding-top:100px}.dashboard-title{letter-spacing:-2px}.dashboard-card-header{flex-direction:column;align-items:flex-start;gap:12px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(17,17,17,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.035) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,black,transparent 88%);-webkit-mask-image:linear-gradient(to bottom,black,transparent 88%);pointer-events:none}.login-page:after{content:"";position:absolute;width:500px;height:500px;right:-200px;top:100px;background:var(--accent);opacity:.045;filter:blur(100px);border-radius:50%;pointer-events:none}.login-container{position:relative;z-index:1;width:100%;max-width:400px}.login-card{background:var(--bg);border:1px solid var(--border);padding:48px 40px}.login-header{text-align:center;margin-bottom:36px}.login-logo{display:inline-flex;align-items:center;margin-bottom:24px;transition:opacity .2s ease}.login-logo:hover{opacity:.8}.login-logo img{width:160px;height:auto;display:block}.login-subtitle{color:var(--muted);font-size:12px}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{padding:12px 16px;background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-dark);font-size:11px;line-height:1.5}.login-field{display:flex;flex-direction:column;gap:8px}.login-field label{color:var(--text);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.login-field input{width:100%;padding:14px 16px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:Space Mono,monospace;font-size:12px;line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.login-field input::placeholder{color:var(--muted-light)}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.login-forgot{text-align:right;margin-top:-8px}.login-forgot a{color:var(--muted);font-size:11px;transition:color .2s ease}.login-forgot a:hover{color:var(--accent)}.login-submit{width:100%;margin-top:8px;cursor:pointer;font-family:Space Mono,monospace}.login-footer{margin-top:32px;padding-top:24px;border-top:1px solid var(--border);text-align:center;font-size:11px;color:var(--muted)}.login-footer a{color:var(--accent);margin-left:6px;font-weight:700;transition:color .2s ease}.login-footer a:hover{color:var(--accent-dark)}.login-decoration{display:none}@media(max-width:500px){.login-page{padding:100px 28px 28px;align-items:flex-start}.login-card{padding:32px 24px}.login-logo img{width:130px}}