:root{--bg:#101010;--surface:#1c1c1c;--line:#333;--radius:24px}body{background:radial-gradient(ellipse 70% 24% at 65% 8%,#24242466,transparent),#101010}header{position:relative;border:0;height:112px}header:after{content:"";position:absolute;bottom:0;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,#444,transparent)}.brand{letter-spacing:.07em}.logo{border-radius:11px;width:40px;height:40px}.brand-sub{border-left:0;border:1px solid #444;border-radius:6px;padding:3px 7px;font-size:12px}nav{gap:8px}nav>a{border-radius:10px;padding:11px 16px;color:#b8b8b8;transition:background .2s,color .2s}nav>a:hover{background:#272727;text-decoration:none;color:white}.nav-bot{border:1px solid #454545;background:#222;color:#eee}.hero{padding:88px 0 72px;gap:60px;grid-template-columns:1.15fr 1fr}.hero-copy>.eyebrow{display:inline-flex;padding:8px 12px;border:1px solid #444;border-radius:7px;background:#24242455;font-size:11px;letter-spacing:.08em;color:#ccc;margin-bottom:30px}.hero h1{font-size:clamp(48px,5.3vw,76px);letter-spacing:-.055em;line-height:1.04;margin-bottom:28px}.hero h1 span{background:linear-gradient(110deg,#d0d0d0,#777);background-clip:text;-webkit-background-clip:text;color:transparent}.hero .lead{font-size:17px;line-height:1.7;max-width:490px}.button{border-radius:12px;min-height:50px;gap:22px;border-color:#484848;transition:transform .24s cubic-bezier(.2,.8,.2,1),background .2s,border-color .2s,box-shadow .2s}.primary{border-color:#eee;background:#eee;box-shadow:inset 0 1px #fff}.primary:hover{box-shadow:0 6px 24px #ffffff12;transform:translateY(-3px)}.secondary{background:#242424}.hero-meta{display:flex;gap:25px;margin-top:32px;color:#999;font-size:14px}.hero-meta b{font-size:16px;font-weight:600;color:#ddd;margin-right:5px}.preview{border-radius:24px;border-color:#494949;background:linear-gradient(145deg,#272727,#191919 70%);box-shadow:0 24px 90px #0005,inset 0 1px #ffffff09;transform:rotate(-1deg);transition:transform .3s}.preview:hover{transform:rotate(0)}.windowbar{height:62px;background:#18181888;padding:0 24px;border-color:#3a3a3a;gap:12px}.preview-mark{font-size:17px;background:#ddd;color:#111;border-radius:7px;width:28px;height:28px;display:grid;place-items:center;font-weight:700;letter-spacing:-.1em;padding-right:2px}.window-title{font-size:10px;letter-spacing:.06em;margin-left:0;flex:1;color:#aaa}.windowbar .badge{font-size:11px;color:#bbb;border-radius:5px}.preview-body{padding:28px}.preview-heading .eyebrow{font-size:10px;letter-spacing:.09em}.live-dot{height:7px;width:7px;border-radius:50%;background:#ddd;box-shadow:0 0 12px #ffffff33}.preview h2{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:20px 0 24px}.demo-tabs,.workspace-tabs{display:flex;gap:4px;padding:5px;border:1px solid #444;border-radius:12px;background:#151515;max-width:100%}.demo-tabs button,.workspace-tabs button{flex:1;min-height:38px;white-space:nowrap;padding:8px 12px;font:500 14px/1.3 inherit;font-family:inherit;font-size:14px;border:0;border-radius:8px;background:transparent;color:#999;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.demo-tabs button[aria-selected=true],.workspace-tabs button[aria-selected=true]{background:#e6e6e6;color:#111;box-shadow:0 1px 4px #0003}.demo-tabs button:hover:not([aria-selected=true]),.workspace-tabs button:hover:not([aria-selected=true]){background:#2b2b2b;color:#ddd}.demo-panel{min-height:252px;animation:pane-in .3s ease-out}.bind-row{border-color:#393939;padding:16px 0;min-height:82px}.bind-row:first-child{border-top:0}.bind-row strong{font-size:14px}.bind-row small{font-size:13px}.preview-foot{padding-top:20px;font-size:12px}.demo-field{border:1px solid #454545;border-radius:10px;padding:13px 14px;margin-top:16px;background:#202020}.demo-field span{display:block;color:#999;font-size:12px;margin-bottom:5px}.demo-field strong{font-size:14px;font-weight:500}.demo-note{color:#aaa;font-size:14px;line-height:1.6;margin:18px 0 0}.demo-access{padding:20px 0 0;position:relative}.access-symbol{font-size:28px;position:absolute;top:24px;right:8px;color:#aaa}.demo-access h3{font-size:27px;line-height:1.2;margin:0 0 18px;letter-spacing:-.03em}.demo-access p{font-size:14px;color:#aaa;line-height:1.65;max-width:285px;margin:0}.features{border:0;gap:16px;padding-bottom:72px}.features article{border:1px solid #343434;border-radius:20px;background:linear-gradient(140deg,#202020,#181818);padding:28px}.features h3{font-size:21px}.features p{font-size:15px}.number{display:inline-block;background:#2d2d2d;border:1px solid #414141;border-radius:8px;padding:7px 9px;color:#ccc;font-size:12px}.plans-section{border-color:#333;padding:64px 0 80px}.section-heading h2,.compat h2{font-size:42px;letter-spacing:-.045em}.section-heading .eyebrow{font-size:12px}.notice{border-radius:14px;background:#1f1f1f;border-color:#444;padding:18px 20px;color:#bbb}.plan-grid{gap:16px;margin-top:28px}.plan{padding:26px 22px;border-radius:22px;border-color:#3d3d3d;background:linear-gradient(155deg,#222,#181818);transition:transform .25s,border-color .25s}.plan:hover{transform:translateY(-6px);border-color:#888}.plan.featured{color:#111;background:linear-gradient(140deg,#f6f6f6,#d9d9d9);border-color:#eee;box-shadow:0 12px 48px #ffffff0a}.plan.featured .tag,.plan.featured p,.plan.featured .price small{color:#555}.plan.featured .button{background:#171717;border-color:#171717;color:#eee;box-shadow:none}.plan.featured .button:hover{background:#333}.plan .tag{font-size:10px;letter-spacing:.05em;min-height:18px;margin-bottom:24px}.plan h3{font-size:22px}.price{font-size:46px;font-weight:650}.price small{font-size:14px;margin-left:5px}.plan p{font-size:14px;line-height:1.7;margin-bottom:28px}.compat{gap:72px;padding:64px 0 80px}.compat .eyebrow{font-size:11px}.text-link{transition:color .2s}.app-shell{padding-top:48px}.app-shell>.eyebrow{display:inline-block;border:1px solid #444;background:#24242455;border-radius:7px;padding:7px 11px;font-size:11px}.app-shell h1{font-size:52px;letter-spacing:-.045em}.app-shell>.lead{font-size:17px}.app-shell .notice{margin-bottom:28px}.workspace-tabs{margin:26px 0 32px;max-width:600px;padding:6px;border-radius:14px;background:#191919}.workspace-tabs button{min-height:42px;border-radius:9px}.tab-pane{animation:pane-in .3s ease-out}.license{padding:26px;border-radius:22px;background:linear-gradient(150deg,#252525,#1a1a1a);border-color:#454545}.license-head{margin-bottom:22px}.license-head strong{display:flex;align-items:center;gap:8px}.license-head strong:before{content:"";width:7px;height:7px;border-radius:50%;background:#ccc;display:inline-block}.license code{padding:18px;border:1px dashed #555;border-radius:12px;background:#151515;font-size:14px;line-height:1.7}.license .button{margin-top:6px}.wide{margin-top:18px}.account-top{margin-top:8px;margin-bottom:20px}.mt{margin-top:0}.mini-plans{grid-template-columns:repeat(2,1fr)}.mini-plans .plan{padding:24px}.steps{list-style:none;padding:0;margin:28px 0}.steps li{display:flex;gap:20px;padding:22px 0;border-top:1px solid #3b3b3b}.steps li>span{font:14px Consolas,monospace;color:#999;padding-top:5px}.steps h3{font-size:20px;letter-spacing:-.02em;margin:0 0 8px}.steps p{color:#aaa;margin:0;font-size:15px}.admin-shell{max-width:1080px}.panel{border-radius:22px;background:linear-gradient(140deg,#242424,#1b1b1b);border-color:#414141}.panel h2{font-size:26px;margin-bottom:24px}#grantForm{display:grid;grid-template-columns:1fr 1fr auto;column-gap:20px;align-items:end}#grantForm h2{grid-column:1/-1;margin-bottom:8px}#grantForm label{margin-bottom:0}#grantForm>button{min-height:48px;margin-bottom:1px}#grantResult{grid-column:1/-1}.admin-shell .account-top{margin-top:36px}#adminPricing>.panel{padding:28px}#adminPlans{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.plan-edit{padding:24px 0;grid-template-columns:1fr 1fr}.plan-edit strong{font-size:18px;margin-bottom:6px}.plan-edit button{grid-column:1/-1;margin-top:4px}.plan-edit input{background:#151515;border-radius:10px;border-color:#555;padding:12px}.plan-edit .enabled{margin:6px 0;font-size:14px}input{border-radius:10px;background:#151515}.payment-note{margin-top:32px;max-width:740px}.payment-note p{color:#bbb;font-size:16px;line-height:1.8}.prose h1{font-size:48px}.prose{max-width:800px}footer{border-top:1px solid #333}.brand-sub,.window-title,.windowbar .badge,.hero-copy>.eyebrow,.preview-heading .eyebrow,.preview-foot,.demo-field span,.number,.plan .tag,.section-heading .eyebrow,.compat .eyebrow,.app-shell>.eyebrow{font-size:14px}#toast{border-radius:12px;padding:16px 22px;animation:toast-in .2s ease-out}@keyframes pane-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes toast-in{from{opacity:0;bottom:16px}to{opacity:1;bottom:24px}}@media(max-width:1000px){.hero{gap:32px}.hero h1{font-size:60px}.hero-copy>.eyebrow{font-size:12px}.window-title{font-size:12px}.preview-body{padding:24px}.features article{padding:24px}}@media(max-width:760px){header{height:94px}nav>a{padding:10px;font-size:13px}nav>a:first-child{display:none}.hero{grid-template-columns:1fr;padding:52px 0;gap:48px}.hero h1{font-size:64px}.hero .lead{max-width:550px}.preview{max-width:540px;width:100%;margin:auto;transform:none}.features{grid-template-columns:1fr;gap:14px}.features p{max-width:none}.features h3{margin:14px 0 10px}.section-heading h2,.compat h2{font-size:36px}.compat{grid-template-columns:1fr;gap:30px}.plan-grid{grid-template-columns:repeat(2,1fr)}.brand-sub{display:none}.mini-plans{grid-template-columns:1fr 1fr}#grantForm{grid-template-columns:1fr 1fr}#grantForm button{grid-column:1/-1;margin-top:20px}#adminPlans{grid-template-columns:1fr;gap:0}.app-shell h1{font-size:44px}}@media(max-width:480px){header,footer,main{padding-left:20px;padding-right:20px}.hero h1{font-size:52px}.hero-copy>.eyebrow{font-size:11px;letter-spacing:.03em}.hero-meta{gap:20px;font-size:13px}.hero-meta b{font-size:15px}.hero .lead{font-size:16px}.hero .fine{font-size:13px}.preview-body{padding:22px}.windowbar{padding:0 20px;gap:9px}.window-title{font-size:10px;letter-spacing:.02em}.windowbar .badge{font-size:11px}.preview h2{font-size:30px}.preview-heading .eyebrow{font-size:11px}.preview-foot{font-size:12px}.bind-row small{font-size:12px}.demo-tabs button{padding:9px 6px}.demo-panel{min-height:259px}.demo-field span{font-size:12px}.preview .bind-row{gap:5px}.preview kbd{font-size:12px;padding:7px 6px}.features article{padding:26px}.plan{padding:22px 16px;border-radius:20px}.plan .tag{font-size:10px;min-height:30px;line-height:1.5}.plan h3{font-size:20px}.price{font-size:36px}.price small{font-size:13px}.plan .button{font-size:13px;padding:10px}.plan p{font-size:13px}.plan-grid{gap:12px}.section-heading h2,.compat h2{font-size:32px}.notice{font-size:14px;padding:18px}.app-shell{padding-top:36px}.app-shell h1{font-size:40px}.app-shell>.eyebrow{font-size:11px}.workspace-tabs{gap:2px;padding:4px;margin-bottom:28px}.workspace-tabs button{padding:10px 8px;font-size:13px}.license{padding:22px}.license code{padding:14px;font-size:13px}.mini-plans{grid-template-columns:1fr}.mini-plans .plan .tag{min-height:0;font-size:12px}.mini-plans .plan p{font-size:14px}.mini-plans .plan .button{font-size:14px}#grantForm{grid-template-columns:1fr}#grantForm h2{font-size:24px}#grantForm label{margin-top:20px}#adminPricing>.panel{padding:22px}.panel{padding:22px}.prose h1{font-size:40px}.account-top .button{font-size:13px}.hero-meta,.hero .fine,.window-title,.windowbar .badge,.hero-copy>.eyebrow,.preview-heading .eyebrow,.preview-foot,.bind-row small,.demo-field span,.plan .tag,.price small,.plan p,.workspace-tabs button,.license code,.app-shell>.eyebrow{font-size:14px}.window-title{display:none}.hero-meta{gap:14px}.hero-meta b{margin-right:3px}.preview-heading .eyebrow{letter-spacing:.04em}.plan .tag{font-size:13px}.preview kbd{font-size:14px}.brand{font-size:13px}.nav-bot{font-size:12px}nav>a{font-size:14px;padding:10px 8px}.brand{gap:8px}.logo{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.preview{transform:none!important}*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}