@font-face{font-family:Manrope;src:url('/assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}body,button,input{font-family:Manrope,Arial,sans-serif}body{background:#000;color:#f5f5f6}header{height:96px;max-width:1280px;border-bottom:1px solid #292929}header:after{display:none}.brand{position:relative;display:grid;grid-template-columns:44px auto;grid-template-rows:22px 20px;gap:0 12px;font-weight:800;font-size:14px;letter-spacing:.03em}.mascot-logo{grid-row:1/3;display:block;width:42px;height:42px;background:#000;border:1.5px solid #fff;border-radius:50%;padding:0;overflow:hidden}.mascot-logo img{display:block;width:100%;height:100%;object-fit:cover}.brand-sub{grid-column:2;display:block;border:0;padding:0;font-size:10px;letter-spacing:.2em;font-weight:700;color:#eee}.brand{font-size:14px}nav{gap:22px}nav>a{font-size:14px;padding:10px 0;color:#bdbfc4;border-radius:0}nav>a:hover{background:none;color:#fff}nav>.nav-bot{border:1px solid #444;padding:12px 20px;border-radius:999px;background:#000;color:#fff;font-weight:700}main{max-width:1240px}.hero{grid-template-columns:1.15fr 1fr;gap:32px;padding:54px 0 74px;min-height:650px}.hero-copy>.eyebrow{padding:0;border:0;background:none;border-radius:0;letter-spacing:.2em;font-size:12px;font-weight:800;color:#fff;margin-bottom:30px}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(56px,5.2vw,76px);font-weight:750;line-height:1.03;letter-spacing:-.065em;margin-bottom:30px}.hero h1 span{background:none;color:#fff;font-style:italic;font-weight:700}.hero .lead{color:#b5b5b9;font-size:16px;line-height:1.9;max-width:550px;margin-bottom:32px}.button{border-radius:999px;padding:13px 24px;font-size:14px;min-height:48px;gap:18px}.primary{background:#fff;border-color:#fff;color:#000;box-shadow:0 8px 40px #ffffff12}.secondary{background:#000;border-color:#555;color:#eee}.hero-meta{border-top:1px solid #333;padding-top:24px;margin-top:28px;gap:30px;letter-spacing:.08em;font-size:12px}.hero-meta b{font-size:14px}.hero .fine{font-size:13px;color:#999}.mascot-stage{position:relative;width:100%;aspect-ratio:1;min-height:460px;display:grid;place-items:center}.hero-mascot{position:relative;z-index:2;width:min(34vw,420px);aspect-ratio:1;object-fit:cover;border:2px solid #fff;border-radius:50%;background:#000;box-shadow:0 0 0 14px #000,0 0 0 15px #ffffff30,0 30px 100px #ffffff0b;animation:demi-float 6s ease-in-out infinite}.orbit{position:absolute;border-radius:50%;pointer-events:none}.orbit-one{width:94%;aspect-ratio:1;border:1px solid #ffffff13;animation:orbit-breathe 6s ease-in-out infinite}.orbit-two{width:109%;aspect-ratio:1;border:1px dashed #ffffff12}.orbit-three{width:122%;aspect-ratio:1;border:1px solid #ffffff09}.float-badge{position:absolute;z-index:3;border:1px solid #444;background:#090909ef;border-radius:14px;padding:13px 17px;box-shadow:0 10px 35px #0005;min-width:165px;animation:demi-float 6s .6s ease-in-out infinite}.float-badge b{display:block;font-size:14px;font-weight:700}.float-badge span{display:block;font-size:12px;color:#9a9a9a;margin-top:5px}.badge-engine{right:-4px;top:50px}.badge-actions{left:-12px;bottom:90px}.mascot-speech{position:absolute;z-index:3;bottom:14px;margin:0;left:50%;transform:translateX(-50%);border:1px solid #333;background:#080808;border-radius:999px;padding:9px 16px;font-size:12px;white-space:nowrap;color:#aaa}.features{padding:36px 0 70px;gap:0;border-top:1px solid #333;grid-template-columns:repeat(3,1fr)}.features article{border:0;border-right:1px solid #333;background:#000;border-radius:0;padding:8px 34px}.features article:first-child{padding-left:0}.features article:last-child{border-right:0}.number{padding:0;background:none;border:0;color:#aaa;letter-spacing:.12em}.features h3{font-weight:700;font-size:21px}.features p{color:#a3a3a7;font-size:15px;line-height:1.8}.workspace-showcase{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:70px 0 90px;border-top:1px solid #333}.showcase-copy .eyebrow{letter-spacing:.18em;font-size:12px;color:#aaa}.showcase-copy h2{font-size:48px;line-height:1.05;letter-spacing:-.05em;margin:0 0 28px;font-weight:750}.showcase-copy h2 i{font-weight:650}.showcase-copy p:not(.eyebrow){font-size:16px;color:#aaa;line-height:1.9;margin-bottom:30px;max-width:440px}.preview{transform:none;background:#050505;border-color:#393939;border-radius:22px;box-shadow:0 20px 80px #ffffff06}.windowbar{background:#000}.preview-body{background:#070707}.preview-mark{background:#fff;color:#000}.preview h2{font-weight:700;font-size:31px}.demo-tabs,.workspace-tabs{background:#080808;border-color:#393939}.demo-tabs button[aria-selected=true],.workspace-tabs button[aria-selected=true]{background:#fff;color:#000}.demo-field{background:#080808;border-color:#333}.notice{background:#080808;border-color:#3a3a3a;border-radius:16px;color:#aaa}.plans-section{border-top:1px solid #333;padding-bottom:90px}.section-heading h2,.compat h2{font-weight:750;letter-spacing:-.05em}.section-heading .eyebrow,.compat .eyebrow{letter-spacing:.18em;font-size:12px}.plan,.plan.featured{background:#000;color:#f5f5f6;border-radius:22px;border-color:#444;box-shadow:none;padding:28px 24px}.plan.featured{border-color:#eee;background:#080808}.plan.featured .tag,.plan.featured p,.plan.featured .price small{color:#aaa}.plan.featured .button{background:#fff;border-color:#fff;color:#000}.plan.featured .button:hover{background:#ddd;color:#000}.plan .tag{font-size:11px;letter-spacing:.12em}.plan .button{padding-left:15px;padding-right:15px}.price{font-size:48px}.plan:hover{border-color:#aaa;transform:translateY(-5px)}.compat{border-top:1px solid #333}.app-shell>.eyebrow{border:0;background:none;padding:0;letter-spacing:.18em;font-size:12px}.auth-mascot{width:80px;height:80px;border:1.5px solid #fff;border-radius:50%;box-shadow:0 0 0 8px #000,0 0 0 9px #ffffff25;margin:12px 0 32px 8px;overflow:hidden}.auth-mascot img{width:100%;height:100%;object-fit:cover}.app-shell h1{font-weight:750;letter-spacing:-.05em}.license,.panel{background:#050505;border-color:#3b3b3b;border-radius:22px}.license code{background:#000;border-color:#555;border-radius:12px}.license .button{border-radius:999px}.license-head strong:before{background:#fff}.workspace-tabs{border-radius:14px}.workspace-tabs button{border-radius:9px}.plan-edit input,input{background:#000;border-color:#666}.payment-note{background:#000}.steps li{border-color:#333}.steps h3{font-weight:700}.text-link{font-weight:600}.prose h1{font-weight:750}footer{max-width:1240px;border-color:#333;background:#000}#toast{background:#fff;color:#000;border-radius:14px;font-weight:600}.mascot-speech,.float-badge span,.hero-meta,.hero .fine,.brand-sub,.hero-copy>.eyebrow,.showcase-copy .eyebrow,.section-heading .eyebrow,.compat .eyebrow,.app-shell>.eyebrow,.plan .tag{font-size:14px}.brand-sub{font-size:11px}.brand{grid-template-rows:22px 18px}.hero-copy>.eyebrow{letter-spacing:.13em}@keyframes demi-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes orbit-breathe{0%,100%{scale:1;opacity:.7}50%{scale:1.035;opacity:1}}@media(max-width:1000px){.hero{gap:24px}.hero h1{font-size:61px}.hero-mascot{width:min(37vw,390px)}.badge-engine{right:-4px}.badge-actions{left:-8px;bottom:70px}.float-badge{padding:11px 13px}.mascot-speech{font-size:11px}.workspace-showcase{gap:40px}.showcase-copy h2{font-size:42px}}@media(max-width:760px){header{height:86px}.brand{grid-template-columns:36px auto;gap:0 9px}.mascot-logo{width:36px;height:36px}.brand-sub{display:block;font-size:9px}nav{gap:12px}nav>.nav-bot{padding:10px 12px;font-size:12px}nav>a{font-size:13px}.hero{grid-template-columns:1fr;padding:42px 0 58px;gap:34px;min-height:0}.hero h1{font-size:60px}.hero .lead{font-size:16px}.mascot-stage{min-height:360px;max-width:430px;margin:auto}.hero-mascot{width:min(76vw,340px)}.orbit-one{width:88%}.orbit-two{width:99%}.orbit-three{width:111%}.badge-engine{top:35px;right:-2px}.badge-actions{bottom:62px;left:-4px}.mascot-speech{bottom:0}.features{grid-template-columns:1fr;gap:22px;padding:30px 0 48px}.features article,.features article:first-child{padding:0 0 24px;border-right:0;border-bottom:1px solid #333}.features article:last-child{border:0;padding-bottom:0}.workspace-showcase{grid-template-columns:1fr;padding:48px 0 58px;gap:32px}.showcase-copy h2{font-size:39px}.workspace-showcase .preview{max-width:100%;margin:0}.plan,.plan.featured{padding:24px 16px}.plan .button{padding-left:8px;padding-right:8px}.plan .tag{font-size:12px;letter-spacing:.08em}.price{font-size:36px}.app-shell{padding-top:32px}.auth-mascot{width:64px;height:64px;margin-bottom:28px}.app-shell h1{font-size:40px}.mini-plans .plan{padding:26px}}@media(max-width:480px){.brand{font-size:12px;letter-spacing:.015em}.brand-sub{font-size:8px;letter-spacing:.18em}.hero h1{font-size:52px}.hero-copy>.eyebrow{font-size:12px;letter-spacing:.14em}.hero-meta{gap:19px;font-size:12px;letter-spacing:.04em}.hero-meta b{font-size:14px}.float-badge{min-width:140px}.float-badge b{font-size:12px}.float-badge span{font-size:11px}.mascot-speech{max-width:100%;font-size:11px;padding:9px 10px}.hero .fine{font-size:13px}.mascot-stage{min-height:365px}.hero-mascot{width:290px}.badge-engine{right:-1px;top:30px}.badge-actions{left:0;bottom:52px}.section-heading h2,.compat h2{font-size:32px}.plan .tag{min-height:38px;font-size:12px}.plan .button{font-size:13px}.app-shell .workspace-tabs button{font-size:13px}.preview h2{font-size:29px}.brand-sub,.hero-copy>.eyebrow,.hero-meta,.float-badge b,.float-badge span,.mascot-speech,.hero .fine,.plan .tag,.plan .button,.app-shell .workspace-tabs button{font-size:14px}.brand-sub{font-size:9px}.brand{font-size:12px}.float-badge{max-width:170px}.float-badge span{line-height:1.4}.mascot-speech{white-space:normal;text-align:center;width:310px}.mascot-stage{min-height:395px}.badge-actions{bottom:65px}.hero-mascot{width:280px}.orbit-three{width:104%}.orbit-two{width:94%}.orbit-one{width:85%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.hero>*{min-width:0}.hero h1{overflow-wrap:anywhere}@media(max-width:480px){.hero h1{font-size:46px;letter-spacing:-.06em}.mascot-stage{width:100%;max-width:100%}.mascot-speech{width:calc(100% - 16px)}.orbit-three{width:98%}.hero-meta{letter-spacing:0;gap:14px}}
.demo-tabs button{min-height:44px}:focus-visible{outline:2px solid #fff;outline-offset:4px}.plan.featured :focus-visible{outline-color:#ddd}