@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--bg2:#141720;--bg3:#1a1d28;--surface:#ffffff05;--surface2:#ffffff0d;--teal:#4ecdc4;--teal-dim:#4ecdc417;--teal-border:#4ecdc438;--teal-glow:#4ecdc41f;--white:#fff;--muted:#8b92a9;--dim:#4a5068;--border:#ffffff12;--border-md:#ffffff1f;--font:"Inter", sans-serif;--nav-bg:#0f1117e0;--drop-bg:#fff;--drop-border:#00000014;--drop-shadow:0 20px 60px #00000059;--drop-title:#4ecdc4;--drop-divider:#f0f0f0;--drop-icon-bg:#4ecdc41f;--drop-label:#1a1d28;--drop-hover:#4ecdc417;--mob-bg:#0f1117;--mob-link:#8b92a9;--stat-lbl:#4a5068;--chip-bg:#ffffff0a;--chip-border:#ffffff14;--chip-color:#4a5068;--ham-line:#fff;--logo-color:#fff;--h1-color:#fff;--sub-color:#8b92a9;--cta-ghost-txt:#fff;--cta-ghost-bg:#ffffff0f;--cta-ghost-bdr:#ffffff1f;--btn-ghost-txt:#fff;--btn-ghost-bg:#ffffff12;--btn-ghost-bdr:#ffffff1f;--stats-bg:#ffffff05;--stats-border:#ffffff12;--float-label-bg:#141720eb;--float-label-border:#4ecdc438;--dash-overlay:linear-gradient(180deg, transparent 60%, #0f11178c 100%);--grid-line:#4ecdc40a;--orb-opacity:.22;--dot-color:#4ecdc4;--deco-border:#4ecdc426;--deco-bg:#4ecdc408;--toggle-bg:#ffffff12;--toggle-border:#ffffff26;--toggle-icon:#8b92a9}[data-theme=light]{--bg:#f5f7fa;--bg2:#eef1f6;--bg3:#e8ecf2;--surface:#00000005;--surface2:#0000000a;--teal:#0e9e97;--teal-dim:#0e9e9717;--teal-border:#0e9e9747;--teal-glow:#0e9e971a;--white:#0f1117;--muted:#5a6375;--dim:#8a93a8;--border:#00000014;--border-md:#00000024;--nav-bg:#f5f7faeb;--drop-bg:#fff;--drop-border:#0000001a;--drop-shadow:0 20px 60px #00000024;--drop-title:#0e9e97;--drop-divider:#eef0f4;--drop-icon-bg:#0e9e971a;--drop-label:#1a1d28;--drop-hover:#0e9e9712;--mob-bg:#f5f7fa;--mob-link:#5a6375;--stat-lbl:#8a93a8;--chip-bg:#0000000a;--chip-border:#00000017;--chip-color:#8a93a8;--ham-line:#1a1d28;--logo-color:#1a1d28;--h1-color:#0f1117;--sub-color:#5a6375;--cta-ghost-txt:#1a1d28;--cta-ghost-bg:#0000000d;--cta-ghost-bdr:#00000024;--btn-ghost-txt:#1a1d28;--btn-ghost-bg:#0000000d;--btn-ghost-bdr:#0000001f;--stats-bg:#00000005;--stats-border:#00000014;--float-label-bg:#fffffff2;--float-label-border:#0e9e9740;--dash-overlay:linear-gradient(180deg, transparent 60%, #f5f7fa73 100%);--grid-line:#0e9e970f;--orb-opacity:.14;--dot-color:#0e9e97;--deco-border:#0e9e972e;--deco-bg:#0e9e970a;--toggle-bg:#0000000f;--toggle-border:#00000026;--toggle-icon:#5a6375}html,body{font-family:var(--font);background:var(--bg);color:var(--white);transition:background .35s,color .35s;overflow-x:hidden}.qb-bg-canvas{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.qb-grid-lines{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:60px 60px;animation:36s linear infinite gridDrift;position:absolute;inset:0}@keyframes gridDrift{0%{background-position:0 0}to{background-position:60px 60px}}.qb-orb{filter:blur(90px);opacity:var(--orb-opacity);border-radius:50%;animation:14s ease-in-out infinite orbFloat;position:absolute}.qb-orb-1{background:var(--teal);width:620px;height:520px;animation-duration:14s;top:-120px;right:-80px}.qb-orb-2{background:#2a9d94;width:400px;height:400px;animation-duration:20s;animation-delay:-5s;bottom:80px;left:-70px}.qb-orb-3{opacity:.1;background:#7f5af0;width:280px;height:280px;animation-duration:24s;animation-delay:-10s;top:38%;right:28%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}30%{transform:translate(28px,-38px)scale(1.06)}65%{transform:translate(-22px,22px)scale(.95)}}.qb-particles{position:absolute;inset:0}.qb-dot{background:var(--dot-color);border-radius:50%;width:2px;height:2px;animation:4s ease-in-out infinite dotPulse;position:absolute}@keyframes dotPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.55;transform:scale(2.2)}}.qb-floating-card{border:1px solid var(--deco-border);background:var(--deco-bg);border-radius:8px;animation:8s ease-in-out infinite cardFloat;position:absolute}@keyframes cardFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(1.8deg)}}.qb-nav{z-index:300;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:62px;padding:0 48px;transition:background .35s,border-color .35s;display:flex;position:fixed;top:0;left:0;right:0}.qb-logo{flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:flex}.qb-logo-mark{color:#0f1117;letter-spacing:-.5px;background:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:flex}.qb-logo-text{color:var(--logo-color);letter-spacing:-.02em;font-size:1rem;font-weight:700;transition:color .3s}.qb-logo-text span{color:var(--teal)}.qb-nav-links{align-items:center;gap:2px;display:flex}.qb-nav-link{color:var(--muted);cursor:pointer;font-size:.84rem;font-weight:500;font-family:var(--font);white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:7px 13px;text-decoration:none;transition:color .15s,background .15s;display:flex}.qb-nav-link:hover,.qb-nav-link.active{color:var(--white);background:var(--surface2)}.qb-nav-link svg{flex-shrink:0;width:13px;height:13px;transition:transform .22s}.qb-nav-link.open svg{transform:rotate(180deg)}.qb-nav-right{align-items:center;gap:8px;display:flex}.qb-theme-toggle{background:var(--toggle-bg);border:1px solid var(--toggle-border);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .2s,border-color .2s;display:flex}.qb-theme-toggle:hover{background:var(--surface2)}.qb-btn-ghost{color:var(--btn-ghost-txt);background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-bdr);cursor:pointer;font-size:.84rem;font-weight:500;font-family:var(--font);border-radius:100px;padding:8px 18px;text-decoration:none;transition:background .15s,color .3s}.qb-btn-ghost:hover{background:var(--surface2)}.qb-btn-main{color:#0f1117;background:var(--teal);cursor:pointer;font-size:.84rem;font-weight:600;font-family:var(--font);border:none;border-radius:100px;padding:9px 20px;text-decoration:none;transition:opacity .15s,transform .12s,background .3s}.qb-btn-main:hover{opacity:.88;transform:translateY(-1px)}.qb-drop-wrap{position:relative}.qb-dropdown{background:var(--drop-bg);border:1px solid var(--drop-border);width:660px;box-shadow:var(--drop-shadow);z-index:500;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:4px;padding:20px 18px 16px;transition:background .3s;animation:.18s dropIn;display:grid;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}@keyframes dropIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.qb-drop-title{letter-spacing:.1em;text-transform:uppercase;color:var(--drop-title);border-bottom:1px solid var(--drop-divider);grid-column:1/-1;margin-bottom:6px;padding-bottom:10px;font-size:.62rem;font-weight:700}.qb-drop-item{cursor:pointer;border-radius:9px;align-items:center;gap:9px;padding:9px 10px;text-decoration:none;transition:background .12s;display:flex}.qb-drop-item:hover{background:var(--drop-hover)}.qb-drop-icon{background:var(--drop-icon-bg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;transition:background .15s;display:flex}.qb-drop-item:hover .qb-drop-icon{background:var(--teal-dim)}.qb-drop-label{color:var(--drop-label);font-size:.76rem;font-weight:500;line-height:1.3}.qb-ham{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.qb-ham span{background:var(--ham-line);border-radius:2px;width:21px;height:2px;transition:all .25s;display:block}.qb-ham.open span:first-child{transform:translateY(7px)rotate(45deg)}.qb-ham.open span:nth-child(2){opacity:0}.qb-ham.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.qb-mobile{background:var(--mob-bg);z-index:250;padding:20px 24px 40px;transition:background .35s;display:none;position:fixed;inset:62px 0 0;overflow-y:auto}.qb-mobile.open{display:block}.qb-mob-link{color:var(--mob-link);border-bottom:1px solid var(--border);padding:11px 0;font-size:.92rem;font-weight:500;text-decoration:none;transition:color .15s;display:block}.qb-mob-link:hover{color:var(--white)}.qb-mob-btns{flex-direction:column;gap:10px;margin-top:24px;display:flex}.qb-mob-btn-main{text-align:center;border-radius:10px;padding:13px;font-size:.95rem}.qb-mob-btn-ghost{text-align:center;border-radius:10px;padding:12px;font-size:.95rem}.qb-hero{z-index:1;align-items:center;gap:60px;min-height:100vh;padding:80px 48px 60px;display:flex;position:relative}.qb-hero-left{flex:1;max-width:560px}.qb-hero-right{flex:1;max-width:590px;position:relative}.qb-badge{background:var(--teal-dim);border:1px solid var(--teal-border);color:var(--teal);letter-spacing:.05em;border-radius:100px;align-items:center;gap:7px;margin-bottom:24px;padding:5px 14px;font-size:.69rem;font-weight:600;transition:background .3s,border-color .3s;animation:.6s both fadeUp;display:inline-flex}.qb-badge-dot{background:var(--teal);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.qb-h1{letter-spacing:-.04em;color:var(--h1-color);margin-bottom:18px;font-size:clamp(2rem,4.5vw,3.8rem);font-weight:800;line-height:1.05;transition:color .3s;animation:.6s 80ms both fadeUp}.qb-h1-accent{color:var(--teal);display:block}.qb-h1-small{color:#808a9eb3;letter-spacing:-.01em;margin-top:6px;font-size:38%;font-weight:700;display:block}.qb-sub{color:var(--sub-color);max-width:480px;margin-bottom:32px;font-size:clamp(.88rem,1.5vw,1rem);line-height:1.72;transition:color .3s;animation:.6s .16s both fadeUp}.qb-cta-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:48px;animation:.6s .24s both fadeUp;display:flex}.qb-cta-main{color:#0f1117;background:var(--teal);cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font);border:none;border-radius:100px;padding:12px 28px;text-decoration:none;transition:opacity .15s,transform .12s,background .3s}.qb-cta-main:hover{opacity:.88;transform:translateY(-1px)}.qb-cta-ghost{color:var(--cta-ghost-txt);background:var(--cta-ghost-bg);border:1px solid var(--cta-ghost-bdr);cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font);border-radius:100px;padding:11px 22px;text-decoration:none;transition:background .15s,color .3s,border-color .3s}.qb-cta-ghost:hover{background:var(--surface2)}.qb-stats{border:1px solid var(--stats-border);background:var(--stats-bg);border-radius:12px;flex-wrap:wrap;gap:0;transition:border-color .3s,background .3s;animation:.6s .32s both fadeUp;display:flex;overflow:hidden}.qb-stat{text-align:center;border-right:1px solid var(--stats-border);flex:1;min-width:110px;padding:16px 20px;transition:border-color .3s}.qb-stat:last-child{border-right:none}.qb-stat-val{letter-spacing:-.03em;color:var(--white);font-size:1.45rem;font-weight:800;transition:color .3s}.qb-stat-val span{color:var(--teal)}.qb-stat-lbl{color:var(--stat-lbl);margin-top:3px;font-size:.68rem;font-weight:400;line-height:1.3;transition:color .3s}.qb-trusted{flex-wrap:wrap;align-items:center;gap:6px;margin-top:28px;animation:.6s .38s both fadeUp;display:flex}.qb-trusted-lbl{color:var(--dim);margin-right:4px;font-size:.69rem;font-weight:500;transition:color .3s}.qb-chip{background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--chip-color);letter-spacing:.02em;border-radius:6px;padding:4px 11px;font-size:.69rem;font-weight:500;transition:background .3s,border-color .3s,color .3s}.qb-dash-wrap{border:1px solid var(--teal-border);border-radius:18px;transition:border-color .3s;animation:.8s .3s both fadeUp,4s ease-in-out infinite dashGlow;position:relative;overflow:hidden}@keyframes dashGlow{0%,to{box-shadow:0 0 60px var(--teal-glow)}50%{box-shadow:0 0 110px #4ecdc42e}}.qb-dash-overlay{pointer-events:none;background:var(--dash-overlay);position:absolute;inset:0}.qb-float-label{background:var(--float-label-bg);border:1px solid var(--float-label-border);color:var(--teal);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;border-radius:9px;padding:7px 13px;font-size:.68rem;font-weight:600;transition:background .3s,border-color .3s,color .3s;animation:3s ease-in-out infinite floatLabel;position:absolute}.qb-float-label-2{animation-duration:4.2s;animation-delay:-1.5s}.qb-float-label-3{animation-duration:5.1s;animation-delay:-.8s}@keyframes floatLabel{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.qb-nav{padding:0 20px}.qb-nav-links{display:none}.qb-ham{display:flex}.qb-hero{flex-direction:column;gap:40px;padding:90px 24px 60px}.qb-hero-left{max-width:100%}.qb-hero-right{width:100%;max-width:100%}}@media (max-width:600px){.qb-h1{font-size:2rem}.qb-stats{flex-direction:column}.qb-stat{border-right:none;border-bottom:1px solid var(--stats-border)}.qb-stat:last-child{border-bottom:none}.qb-cta-row{flex-direction:column;width:100%}.qb-cta-main,.qb-cta-ghost{text-align:center;width:100%;padding:13px}.qb-float-label{padding:5px 9px;font-size:.6rem}}