:root{color:#111711;font-synthesis:none;text-rendering:optimizelegibility;background:#f4fff5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,.button{color:#f4fff5;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:#101812;border:1px dashed;border-radius:4px;padding:12px 20px;font-size:13px}button:hover,.button:hover{transform:translateY(-1px)}.primary{color:#101812;background:#f4fff5}.top-nav,.account-header{border-bottom:1px solid #d9ffe440;justify-content:space-between;align-items:center;min-height:68px;padding:0 16px;display:flex}.landing .top-nav,.account-header{z-index:2;color:#f4e9ff;background:#030305eb;border-bottom-color:#00eaff47;position:relative}.brand{letter-spacing:0;text-shadow:2px 2px #ff1bbd,-2px -1px #00eaffbf;align-items:center;gap:10px;font-size:32px;font-weight:800;display:flex}.brand-logo{object-fit:cover;flex:none;width:44px;height:44px;box-shadow:0 0 16px #ff1bbd38}.nav-logo{object-fit:cover;flex:none;width:34px;height:34px;box-shadow:0 0 12px #00eaff33}nav,.account-header div{align-items:center;gap:12px;display:flex}nav a{color:#f4e9ff;text-transform:uppercase;letter-spacing:.08em;border:1px dashed #f4e9ff6b;border-radius:4px;padding:10px 14px;font-size:14px}.discord-link{color:#00eaff;background:#0b0d12ad;border:1px dashed #00eaff80;border-radius:4px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:inline-flex;box-shadow:inset 0 0 0 1px #ff1bbd1f,0 0 14px #00eaff1f}.discord-link svg{fill:currentColor;filter:drop-shadow(1px 1px #ff1bbd);width:20px;height:20px}.landing nav a:hover{color:#00eaff;border-color:#ff1bbdb8}.discord-link:hover{color:#ff1bbd;border-color:#00eaffd9;transform:translateY(-1px)}.landing,.account-page{--coffee-bg:#030305;--coffee-panel:#0b0d12;--coffee-text:#f4e9ff;--coffee-muted:#f4e9ffbd;--coffee-pink:#ff1bbd;--coffee-cyan:#00eaff;--coffee-violet:#8a4dff;min-height:100vh;color:var(--coffee-text);background:radial-gradient(circle at 50% 44%, #00eaff24, transparent 24%), linear-gradient(#f4e9ff0f 1px, transparent 1px), linear-gradient(90deg, #f4e9ff0f 1px, transparent 1px), var(--coffee-bg);background-size:auto,26px 26px,26px 26px,auto}.announce{color:#030305;text-align:center;background:linear-gradient(90deg,#ff1bbd,#8a4dff 50%,#00eaff);border-bottom:1px solid #f4e9ff42;justify-content:center;align-items:center;gap:18px;min-height:40px;padding:8px 18px;font-size:13px;font-weight:800;display:flex}.announce a{text-decoration:underline}.hero{text-align:left;grid-template-columns:minmax(220px,360px) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,84px);min-height:560px;padding:clamp(36px,6vw,76px) clamp(18px,7vw,96px) 36px;display:grid;position:relative;overflow:hidden}.hero-logo{z-index:1;filter:drop-shadow(0 0 28px #ff1bbd40);justify-self:center;width:clamp(220px,28vw,360px);max-width:100%;height:auto;position:relative}.hero h1{z-index:1;letter-spacing:.02em;text-shadow:0 0 10px #ff1bbd94,0 0 26px #00eaff2e;flex-flow:column wrap;justify-content:center;gap:.18em;max-width:980px;margin:0 0 26px;font-size:clamp(34px,5.2vw,76px);line-height:1;display:flex;position:relative}.hero-line{filter:blur(.3px);display:block}.lede{z-index:1;max-width:670px;color:var(--coffee-muted);margin:0 0 34px;font-size:clamp(16px,2vw,20px);line-height:1.45;position:relative}.hero-bullets{z-index:1;max-width:720px;color:var(--coffee-muted);gap:10px;margin:0 0 34px;padding:0;font-size:clamp(15px,1.5vw,18px);line-height:1.35;list-style:none;display:grid;position:relative}.hero-bullets li{padding-left:22px;position:relative}.hero-bullets li:before{content:"";background:#00eaff;width:8px;height:8px;position:absolute;top:.72em;left:0;box-shadow:0 0 12px #00eaff73}.actions{z-index:1;justify-content:flex-start;place-items:flex-start stretch;gap:12px;width:max-content;max-width:100%;display:inline-grid;position:relative}.actions .button{text-align:center}.hero-copy{z-index:1;position:relative}.hero-command{z-index:1;background:#0b0d12d1;border:1px dashed #00eaff7a;justify-content:flex-start;align-items:center;gap:12px;width:min(940px,94vw);margin:0 0 34px;padding:12px;font-size:clamp(10px,1.35vw,13px);display:flex;position:relative;box-shadow:0 0 30px #ff1bbd24,inset 0 0 0 1px #ff1bbd1f}.hero-command code{text-align:left;white-space:nowrap;text-overflow:ellipsis;min-width:0;line-height:1.2;display:block;overflow:hidden}.pill{color:#030305;text-transform:uppercase;background:#00eaff;align-items:center;padding:2px 8px;font-weight:800;display:flex}.eyebrow{text-transform:uppercase;color:#ff1bbd;letter-spacing:.08em;margin:0 0 10px;font-size:12px;font-weight:800}.section-tag{color:#ff1bbd;margin:0 0 16px;font-size:13px}.band{background:radial-gradient(circle at 50% 18%, #00eaff24, transparent 24%), linear-gradient(#f4e9ff0f 1px, transparent 1px), linear-gradient(90deg, #f4e9ff0f 1px, transparent 1px), var(--coffee-bg);color:#f4e9ff;background-size:auto,26px 26px,26px 26px,auto;padding:clamp(24px,4vw,56px) clamp(32px,6vw,78px) clamp(32px,6vw,78px)}.section-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.section-logo{object-fit:cover;flex:none;width:clamp(36px,5vw,56px);height:clamp(36px,5vw,56px);box-shadow:0 0 18px #ff1bbd38}.band h2{letter-spacing:-.01em;max-width:900px;margin:0 0 28px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(36px,7vw,88px);line-height:.96}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature-grid article,.panel,.metric,.auth-panel{background:#fff;border:1px solid #111711;border-radius:4px}.landing .feature-grid article{color:#f4e9ff;background:#030305a3;border-color:#f4e9ff38;box-shadow:inset 0 0 0 1px #ff1bbd1a}.feature-grid article{min-height:210px;padding:22px}.landing .feature-grid article span{color:#00eaff}.landing .feature-grid article p{color:#f4e9ffbd}.landing .primary{color:#030305;background:#f4e9ff;border-color:#ff1bbd;box-shadow:0 0 24px #00eaff2e}.landing .primary:hover{color:#030305;background:#00eaff}.landing .discord-action{color:#f4e9ff;background:#0b0d12b8;border-color:#f4e9ff6b;box-shadow:inset 0 0 0 1px #ff1bbd1a}.landing .discord-action:hover{color:#00eaff;background:#0b0d12e6;border-color:#ff1bbdb8}.auth-panel{width:min(720px,100% - 32px);margin:56px auto;padding:28px}.auth-panel h1{margin:0 0 18px;font-size:48px}form{flex-wrap:wrap;gap:10px;display:flex}input{border:1px solid #bdddc5;border-radius:6px;flex:1;min-width:260px;padding:10px 12px}.note{color:#00eaff}.account-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:clamp(20px,5vw,54px);display:grid}.metric,.panel{padding:20px}.metric p{color:#52715b;margin:0}.metric strong{margin-top:8px;font-size:44px;display:block}.wide{grid-column:span 3}.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.key-box{overflow-wrap:anywhere;background:#edfdf0;border:1px solid #bdddc5;margin:14px 0;padding:14px;display:block}.row,.usage-row{border-top:1px solid #e1f2e5;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.usage-row{grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;font-size:14px}.buy-row{flex-wrap:wrap;gap:10px;display:flex}.account-page{min-height:100vh}.account-page .brand{color:#f4e9ff}.account-header div{color:#f4e9ffd1;min-width:0}.account-header span{text-overflow:ellipsis;overflow:hidden}.account-page .auth-panel,.account-page .panel,.account-page .metric{color:#f4e9ff;background:#030305ad;border-color:#f4e9ff38;box-shadow:inset 0 0 0 1px #ff1bbd1a}.account-page .metric p,.account-page .panel p{color:#f4e9ffb8}.account-page .metric strong{color:#f4e9ff;text-shadow:0 0 14px #00eaff38}.account-page input{color:#f4e9ff;background:#0b0d12e6;border-color:#00eaff61;outline:none}.account-page input:focus{border-color:#00eaff;box-shadow:0 0 0 3px #00eaff1f}.account-page .key-box{color:#00eaff;background:#0b0d12e6;border-color:#ff1bbd5c}.account-page .row,.account-page .usage-row{border-top-color:#f4e9ff29}.account-page button,.account-page .button{color:#f4e9ff;background:#0b0d12e6;border-color:#f4e9ff6b}.account-page button:hover,.account-page .button:hover{color:#00eaff;border-color:#ff1bbdb8}@media (width<=820px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.account-grid,.feature-grid{grid-template-columns:1fr}.landing{width:100%;min-width:0;max-width:100%;overflow-x:hidden}.landing .top-nav,.announce,.hero,.band{width:100%;min-width:0;max-width:100%}.announce{min-width:0;overflow:hidden}.announce span{overflow-wrap:anywhere;white-space:normal;flex:auto;min-width:0;max-width:100%;display:block}.hero{text-align:center;flex-direction:column;place-items:center;gap:24px;min-height:auto;padding:28px 14px;display:flex;overflow:visible}.hero-copy,.hero-logo,.hero-bullets,.hero-command,.actions{max-width:100%}.hero-copy{flex-direction:column;align-items:stretch;width:calc(100vw - 28px);min-width:0;max-width:360px;margin-inline:auto;display:flex}.hero-logo{place-self:center;width:clamp(150px,48vw,210px)}.hero h1{overflow-wrap:anywhere;word-break:normal;text-align:left;width:calc(100vw - 28px);max-width:360px;margin-inline:auto;font-size:clamp(21px,5vw,24px);line-height:1.06;display:block}.hero-line{overflow-wrap:anywhere;width:100%;max-width:100%}.lede{margin-inline:auto}.hero-bullets{text-align:left;overflow-wrap:anywhere;word-break:normal;width:calc(100vw - 28px);max-width:360px;margin-inline:auto;padding-inline:0;font-size:14px}.hero-bullets li{overflow-wrap:anywhere;max-width:100%;padding-left:18px}.wide{grid-column:auto}.brand{font-size:24px}.brand-logo{width:36px;height:36px}.nav-logo{width:30px;height:30px}.hero-command{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:calc(100vw - 28px);min-width:0;max-width:360px;margin-inline:auto}.hero-command code{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;min-width:0}.actions{justify-content:center;width:max-content;max-width:calc(100vw - 28px);margin-inline:auto}.section-heading{align-items:flex-start;gap:16px}.band{padding:24px 14px 44px}.band h2{font-size:clamp(34px,10vw,54px);line-height:1.02}.section-logo{width:44px;height:44px}.usage-row,.row{grid-template-columns:1fr}}@media (width<=560px){body{min-width:0}.top-nav,.account-header{grid-template-columns:auto 1fr;justify-content:space-between;gap:8px;min-height:58px;padding-inline:10px;display:grid}.account-header div{z-index:4;justify-content:flex-end;justify-self:end;width:max-content;min-width:32px;max-width:calc(100vw - 140px);display:flex;position:fixed;top:13px;right:10px}.account-header div .discord-link{flex:0 0 32px}.account-header div>span{display:none}.landing .top-nav{width:100vw;max-width:100vw;position:fixed;top:0;left:0;right:0}.landing .announce{margin-top:58px}.brand{flex:0 auto;gap:6px;min-width:0;font-size:20px}.brand-logo{width:30px;height:30px}.brand span{text-overflow:ellipsis;overflow:hidden}.nav-right{justify-self:end;gap:6px;margin-left:auto}.landing .nav-right{z-index:4;justify-content:flex-end;width:112px;position:fixed;top:13px;left:calc(100vw - 122px);transform:none}.nav-logo{width:26px;height:26px}nav a{white-space:nowrap;padding:8px 9px;font-size:11px}.discord-link{width:32px;height:32px}.discord-link svg{width:18px;height:18px}.announce{font-size:11px;line-height:1.35}.hero{align-items:center;gap:22px;padding:24px 14px 28px}.hero-copy,.hero h1,.hero-bullets,.hero-command{width:calc(100vw - 28px);max-width:360px;margin-inline:auto}.actions{width:max-content;max-width:calc(100vw - 28px);margin-inline:auto}.hero h1{font-size:clamp(20px,6vw,22px)}.hero-logo{align-self:center;width:min(180px,100vw - 28px)}.hero-command{font-size:10px}.hero-bullets{font-size:13px}.actions{justify-content:center}.nav-logo{display:none}}