.cbl{--violet:#8280ff;--violet-deep:#5a4be6;--logo:#5a4ae3;--console:#0e0d1a;--console-2:#17152b;--console-3:#201d38;--line-d:rgba(255,255,255,.09);--signal:#5ad1f0;--ok:#3ed598;--warn:#f5c451;--bad:#fa7a7a;--ink:#15121f;--muted:#6a6780;--muted-d:#a3a0c2;--paper:#f6f5fd;--paper-2:#fff;--line:#e7e5f3;--radius:16px;--wrap:1160px;color:var(--ink);font-family:var(--font-sans),system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}.cbl h1,.cbl h2,.cbl h3{font-family:var(--font-space-grotesk),var(--font-sans),sans-serif;line-height:1.08;letter-spacing:-.01em;margin:0}.cbl a{color:inherit;text-decoration:none}.cbl .wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.cbl .mono{font-family:var(--font-mono),monospace}.cbl .section{padding:72px 0}.cbl .section--tight{padding:40px 0}.cbl section:last-child{padding-top:0}.cbl section{scroll-margin-top:90px}.cbl .console{background:var(--console);color:#eceafc}.cbl .console h2,.cbl .console h3{color:#fff}.cbl .paper{background:var(--paper)}.cbl .kicker{font-family:var(--font-mono),monospace;font-size:13px;color:var(--violet);margin-bottom:14px;display:inline-flex;align-items:center;gap:8px}.cbl .console .kicker{color:var(--signal)}.cbl .kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 18%,transparent)}.cbl .eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:14px}.cbl .console .eyebrow{color:var(--muted-d)}.cbl h2.h{font-size:clamp(28px,4vw,46px);font-weight:700;max-width:20ch}.cbl .lead{font-size:18px;color:var(--muted);max-width:58ch;margin-top:16px}.cbl .console .lead{color:var(--muted-d)}.cbl .btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:13px 22px;border-radius:11px;border:1px solid transparent;cursor:pointer;transition:transform .12s,box-shadow .2s,background .2s}.cbl .btn:active{transform:translateY(1px)}.cbl .btn--primary{background:linear-gradient(135deg,var(--violet),var(--violet-deep));color:#fff;box-shadow:0 8px 24px -8px rgba(90,75,230,.6)}.cbl .btn--primary:hover{box-shadow:0 12px 30px -8px rgba(90,75,230,.75)}.cbl .btn--ghost{background:transparent;border-color:var(--line);color:var(--ink)}.cbl .btn--ghost:hover{border-color:var(--violet);color:var(--violet-deep)}.cbl .console .btn--ghost{border-color:var(--line-d);color:#fff}.cbl .console .btn--ghost:hover{border-color:var(--signal);color:var(--signal)}.cbl .btn--sm{padding:9px 16px;font-size:14px}.cbl .btn--full{width:100%;justify-content:center;margin-top:16px}.cbl .dot-r{background:#ff5f57}.cbl .dot-y{background:#febc2e}.cbl .dot-g{background:#28c840}.cbl .hero{position:relative;overflow:hidden;background-color:#fbfbff;background-image:radial-gradient(900px 400px at 80% -10%,rgba(130,128,255,.16),transparent 60%),radial-gradient(700px 360px at 0 0,rgba(90,209,240,.1),transparent 55%);padding:74px 0 86px}.cbl .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.cbl .hero h1{font-size:clamp(36px,5.4vw,62px);font-weight:700;letter-spacing:-.02em}.cbl .hero h1 .hl{background:linear-gradient(120deg,var(--violet),var(--violet-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.cbl .hero .lead{font-size:19px;color:#4a4862;max-width:54ch}.cbl .hero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.cbl .hero-sub{margin-top:18px;font-size:13.5px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cbl .sep{width:4px;height:4px;border-radius:50%;background:var(--muted);display:inline-block}.cbl .console-card{background:var(--console);border:1px solid var(--line-d);border-radius:18px;box-shadow:0 40px 80px -30px rgba(40,30,90,.5);overflow:hidden}.cbl .win-bar{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#13111f;border-bottom:1px solid var(--line-d)}.cbl .win-dot{width:11px;height:11px;border-radius:50%}.cbl .win-title{margin-left:10px;font-size:12.5px;color:#8e8bb4}.cbl .win-badge,.cbl .win-title{font-family:var(--font-mono),monospace}.cbl .win-badge{margin-left:auto;font-size:11px;color:var(--signal);border:1px solid color-mix(in srgb,var(--signal) 35%,transparent);padding:3px 9px;border-radius:20px;display:flex;align-items:center;gap:6px}.cbl .live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--signal);animation:cbl-pulse 1.8s infinite}@keyframes cbl-pulse{0%{box-shadow:0 0 0 0 rgba(90,209,240,.6)}70%{box-shadow:0 0 0 7px rgba(90,209,240,0)}to{box-shadow:0 0 0 0 rgba(90,209,240,0)}}.cbl .panel-body{display:grid;grid-template-columns:1.5fr 1fr}.cbl .term{padding:16px 16px 18px;font-family:var(--font-mono),monospace;font-size:12.6px;line-height:1.85;color:#c9c6ec;min-height:288px}.cbl .term .p{color:var(--violet)}.cbl .term .c{color:#fff}.cbl .term .o{color:#8e8bb4}.cbl .term .flag{color:var(--ok)}.cbl .cursor{display:inline-block;width:8px;height:15px;background:var(--signal);vertical-align:-2px;animation:cbl-blink 1.1s steps(1) infinite}@keyframes cbl-blink{50%{opacity:0}}.cbl .side{border-left:1px solid var(--line-d);background:#100f1d;padding:16px;display:flex;flex-direction:column;gap:16px}.cbl .side h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7d7aa6;margin:0 0 10px;font-family:var(--font-sans);font-weight:600}.cbl .gauge{display:flex;align-items:center;gap:12px}.cbl .gauge .num{font-family:var(--font-space-grotesk);font-weight:700;font-size:26px;color:#fff;line-height:1}.cbl .gauge .gtier{font-size:12px;color:var(--ok);font-weight:600}.cbl .gauge .gsub{font-size:11px;color:#7d7aa6}.cbl .ai-snip{font-size:12.4px;color:#bfbce4;line-height:1.6}.cbl .ai-snip .tag{display:inline-block;font-size:10.5px;font-weight:700;color:#0c1018;background:var(--ok);padding:2px 8px;border-radius:6px;margin-bottom:8px}.cbl .flags{display:flex;flex-direction:column;gap:7px;margin-top:4px}.cbl .fl{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#9c99c0}.cbl .fl i{width:6px;height:6px;border-radius:50%;background:var(--ok);flex:none}.cbl .fl.warn i{background:var(--warn)}.cbl .trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.cbl .trust .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;flex-wrap:wrap}.cbl .trust .lbl{font-size:12.5px;letter-spacing:.04em;color:var(--muted);font-weight:600;text-transform:uppercase}.cbl .roles{display:flex;gap:10px;flex-wrap:wrap}.cbl .role{font-family:var(--font-mono),monospace;font-size:12.5px;color:#56536f;border:1px solid var(--line);border-radius:8px;padding:6px 12px;background:var(--paper)}.cbl .head-row{margin-bottom:48px}.cbl .cards{display:grid;gap:18px}.cbl .c2{grid-template-columns:repeat(2,1fr)}.cbl .card{border-radius:var(--radius);padding:24px;border:1px solid var(--line);background:#fff;transition:transform .15s,box-shadow .2s,border-color .2s}.cbl .card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(60,40,120,.3);border-color:#d9d6f0}.cbl .card h3{font-size:19px;font-weight:600;margin-bottom:8px}.cbl .card p{color:var(--muted);font-size:14.5px;margin:0}.cbl .card .ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;margin-bottom:16px;background:color-mix(in srgb,var(--violet) 14%,#fff);color:var(--violet-deep);font-size:18px}.cbl .split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.cbl .split.rev .copy{order:2}.cbl .mock{background:var(--console-2);border:1px solid var(--line-d);border-radius:14px;overflow:hidden}.cbl .mock .bar{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line-d);align-items:center}.cbl .mock .bar .t{font-family:var(--font-mono),monospace;font-size:11.5px;color:#7d7aa6;margin-left:6px}.cbl .mock .body{padding:16px}.cbl .envs{display:flex;flex-direction:column;gap:10px}.cbl .env{display:flex;gap:13px;align-items:flex-start;padding:14px;border:1px solid var(--line-d);border-radius:11px;background:#13111f}.cbl .env .e-ic{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--signal) 16%,transparent);color:var(--signal);font-family:var(--font-mono);font-weight:700;font-size:14px}.cbl .env h4{margin:0 0 3px;font-size:14.5px;color:#fff;font-family:var(--font-sans);font-weight:600}.cbl .env p{margin:0;font-size:12.8px;color:var(--muted-d)}.cbl .badge{font-size:11px;font-weight:700;padding:4px 11px;border-radius:7px;background:var(--ok);color:#08110b}.cbl .meter{height:7px;border-radius:5px;background:#262343;overflow:hidden;margin:6px 0 14px}.cbl .meter i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--violet),var(--signal))}.cbl .drawer .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cbl .drawer p{font-size:13px;color:#c4c1e8;line-height:1.62}.cbl .kv{display:flex;gap:18px;margin-top:14px;flex-wrap:wrap}.cbl .kv div{font-size:12px;color:var(--muted-d)}.cbl .kv b{display:block;font-family:var(--font-space-grotesk);font-size:18px;color:#fff;font-weight:600}.cbl .modechip{display:inline-flex;gap:8px;align-items:center;font-size:13px;border:1px solid var(--line-d);border-radius:9px;padding:9px 13px;color:#d7d4f4}.cbl .modechip b{color:#fff}.cbl .modechip.s{border-color:color-mix(in srgb,var(--violet) 45%,transparent)}.cbl .mode-chips{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.cbl .mc{font-size:12.5px;font-weight:600;border:1px solid var(--line);border-radius:8px;padding:7px 13px;color:var(--muted);background:#fff}.cbl .mc.on{background:color-mix(in srgb,var(--violet) 12%,#fff);border-color:var(--violet);color:var(--violet-deep)}.cbl .table{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.cbl .trow{display:grid;grid-template-columns:42px 1.6fr .8fr .8fr 1fr;gap:8px;padding:14px 18px;align-items:center;font-size:14px;border-bottom:1px solid var(--line)}.cbl .trow:last-child{border-bottom:0}.cbl .trow.h{background:var(--paper);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.cbl .rk{font-family:var(--font-space-grotesk);font-weight:700;color:var(--violet-deep)}.cbl .who{display:flex;align-items:center;gap:10px}.cbl .av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#b9b6ff,#8280ff);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}.cbl .pill{font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:6px}.cbl .pill.lo{background:color-mix(in srgb,var(--ok) 16%,#fff);color:#188a5b}.cbl .pill.md{background:color-mix(in srgb,var(--warn) 20%,#fff);color:#9a6b04}.cbl .pill.hard{background:#fde7e7;color:#b4332e}.cbl .pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.cbl .scorebar{display:flex;align-items:center;gap:8px}.cbl .scorebar .b{flex:1;height:6px;border-radius:4px;background:var(--line);overflow:hidden}.cbl .scorebar .b i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--violet-deep))}.cbl .rank-table{width:100%;max-width:1080px;margin:0 auto}.cbl .rank-table .trow{grid-template-columns:46px 1.5fr .8fr .7fr 1fr 1.05fr;padding:15px 22px;font-size:14.5px}.cbl .pill.strong{background:color-mix(in srgb,var(--ok) 16%,#fff);color:#188a5b}.cbl .pill.promising{background:color-mix(in srgb,var(--violet) 15%,#fff);color:var(--violet-deep)}.cbl .pill.borderline{background:color-mix(in srgb,var(--warn) 20%,#fff);color:#9a6b04}.cbl .pill.limited{background:#fde7e7;color:#b4332e}.cbl .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:14px}.cbl .step{padding:22px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}.cbl .step .n{font-family:var(--font-mono);font-size:12px;color:var(--violet);font-weight:500}.cbl .step h4{font-size:15.5px;margin:10px 0 6px;font-family:var(--font-space-grotesk);font-weight:600}.cbl .step p{font-size:13px;color:var(--muted);margin:0}.cbl .toggle{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:12px;padding:5px;gap:4px;margin:18px auto 6px}.cbl .toggle button{border:0;background:transparent;font-family:var(--font-sans);font-weight:600;font-size:14px;color:var(--muted);padding:9px 18px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s,color .15s}.cbl .toggle button.on{background:linear-gradient(135deg,var(--violet),var(--violet-deep));color:#fff}.cbl .save-badge{font-size:11px;font-weight:700;background:color-mix(in srgb,var(--ok) 20%,#fff);color:#188a5b;padding:2px 8px;border-radius:20px}.cbl .toggle button.on .save-badge{background:rgba(255,255,255,.22);color:#fff}.cbl .ex-note{font-size:12.5px;color:var(--muted);margin-top:6px}.cbl .tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px;align-items:stretch}.cbl .tier{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff;display:flex;flex-direction:column;text-align:left}.cbl .tier.pop{border-color:var(--violet);box-shadow:0 18px 40px -24px rgba(90,75,230,.5);position:relative}.cbl .tier.pop:after{content:"Most popular";position:absolute;top:-11px;left:22px;background:linear-gradient(135deg,var(--violet),var(--violet-deep));color:#fff;font-size:11px;font-weight:600;padding:3px 11px;border-radius:20px}.cbl .tier h4{font-size:17px;font-weight:600;text-transform:capitalize}.cbl .tier .pr,.cbl .tier h4{font-family:var(--font-space-grotesk)}.cbl .tier .pr{font-weight:700;font-size:30px;margin:10px 0 0}.cbl .tier .pr .per{font-size:14px;color:var(--muted);font-weight:400}.cbl .tier .pr-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.cbl .tier .save{display:none;font-size:11px;font-weight:700;background:color-mix(in srgb,var(--ok) 18%,#fff);color:#188a5b;padding:3px 9px;border-radius:20px;margin-top:8px;width:fit-content}.cbl .tier ul{list-style:none;padding:0;margin:16px 0 0;font-size:13px;color:#54526a;flex:1}.cbl .tier li{padding:6px 0 6px 22px;position:relative}.cbl .tier li:before{content:"\2713";position:absolute;left:0;color:var(--ok);font-weight:700}.cbl .topup-note{text-align:center;margin-top:24px;font-size:13.5px;color:var(--muted)}.cbl .topup-note b{color:var(--ink)}.cbl .faq{max-width:760px;margin:0 auto}.cbl details{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:10px;overflow:hidden}.cbl summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:600;font-size:15.5px;display:flex;justify-content:space-between;align-items:center}.cbl summary::-webkit-details-marker{display:none}.cbl summary:after{content:"+";font-family:var(--font-mono);color:var(--violet);font-size:20px;transition:transform .2s}.cbl details[open] summary:after{transform:rotate(45deg)}.cbl details .a{padding:0 20px 18px;color:var(--muted);font-size:14.5px;line-height:1.6}.cbl .final{background:radial-gradient(700px 300px at 50% 0,rgba(130,128,255,.25),transparent 60%),var(--console);text-align:center;border-radius:22px;padding:64px 24px;border:1px solid var(--line-d)}.cbl .final h2{font-size:clamp(28px,4vw,44px);color:#fff;font-weight:700}.cbl .final .lead{margin:16px auto 0}.cbl .final .hero-cta{justify-content:center}.cbl .final .btn--ghost,.cbl .final .btn--ghost:hover{border-color:var(--violet);color:#fff}.cbl .final .btn--ghost:hover{background:color-mix(in srgb,var(--violet) 14%,transparent)}@media(max-width:980px){.cbl .hero-grid,.cbl .panel-body,.cbl .split{grid-template-columns:1fr}.cbl .split.rev .copy{order:0}.cbl .tiers{grid-template-columns:1fr 1fr}.cbl .c2{grid-template-columns:1fr}.cbl .foot-grid,.cbl .steps{grid-template-columns:1fr 1fr}.cbl .section{padding:52px 0}.cbl .rank-table .trow{grid-template-columns:26px 1.2fr .65fr .55fr .92fr .92fr;padding:12px;font-size:12px;gap:6px}.cbl .rank-table .av{width:24px;height:24px;font-size:10px}.cbl .side{border-left:0;border-top:1px solid var(--line-d)}}@media(max-width:560px){.cbl .tiers{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.cbl *{animation:none!important;transition:none!important}}