@import url("./footer.css");

/* Public-only tokens and source measurements. No document or app theme writes. */

[data-approved-public]{--qm-h:178;color-scheme:light;
--bg:oklch(0.995 0.002 250);--nav-bg:oklch(0.995 0.002 250 / 0.85);
--surface:#fff;--surface-2:oklch(0.97 0.014 245);--surface-3:oklch(0.965 0.005 250);--surface-4:oklch(0.985 0.004 250);
--line:oklch(0.91 0.006 250);--line-2:oklch(0.94 0.006 250);--faint:oklch(0.85 0.01 255);
--text:oklch(0.18 0.014 250);--text-2:oklch(0.3 0.014 250);--text-3:oklch(0.46 0.012 255);--text-4:oklch(0.57 0.016 255);--text-5:oklch(0.65 0.012 255);--text-6:oklch(0.74 0.012 255);
--store-bg:#000;--store-bg-h:#222;
--acc:oklch(0.55 0.12 var(--qm-h));--acc-hover:oklch(0.48 0.12 var(--qm-h));--acc-mid:oklch(0.5 0.12 var(--qm-h));--acc-on:oklch(0.42 0.11 var(--qm-h));
--acc-s1:oklch(0.94 0.03 var(--qm-h));--acc-s2:oklch(0.96 0.02 var(--qm-h));--acc-s3:oklch(0.9 0.04 var(--qm-h));--acc-s4:oklch(0.97 0.018 var(--qm-h));
--acc-ghost:oklch(0.55 0.14 var(--qm-h) / 0.12);--phone-frame:oklch(0.52 0.17 258);--invert-bg:oklch(0.18 0.014 250);--invert-bg-h:oklch(0.3 0.014 250);--invert-fg:#fff;--logo-filter:none}
[data-approved-public][data-theme="dark"]{color-scheme:dark;--logo-filter:brightness(0) invert(1);
--bg:oklch(0.185 0.017 215);--nav-bg:oklch(0.185 0.017 215 / 0.72);
--surface:oklch(0.252 0.018 215);--surface-2:oklch(0.228 0.017 215);--surface-3:oklch(0.295 0.019 215);--surface-4:oklch(0.272 0.018 215);
--line:oklch(0.352 0.018 215);--line-2:oklch(0.305 0.017 215);--faint:oklch(0.44 0.016 215);
--text:oklch(0.968 0.004 258);--text-2:oklch(0.9 0.008 258);--text-3:oklch(0.765 0.012 258);--text-4:oklch(0.665 0.014 258);--text-5:oklch(0.585 0.014 258);--text-6:oklch(0.505 0.014 258);
--store-bg:oklch(0.3 0.018 215);--store-bg-h:oklch(0.38 0.018 215);
--acc:oklch(0.62 0.13 var(--qm-h));--acc-hover:oklch(0.7 0.13 var(--qm-h));--acc-mid:oklch(0.75 0.13 var(--qm-h));--acc-on:oklch(0.83 0.1 var(--qm-h));
--acc-s1:oklch(0.325 0.055 var(--qm-h));--acc-s2:oklch(0.285 0.045 var(--qm-h));--acc-s3:oklch(0.375 0.065 var(--qm-h));--acc-s4:oklch(0.265 0.04 var(--qm-h));
--acc-ghost:oklch(0.72 0.14 var(--qm-h) / 0.16);--phone-frame:oklch(0.66 0.19 258);--invert-bg:oklch(0.968 0.004 258);--invert-bg-h:oklch(0.88 0.008 258);--invert-fg:oklch(0.18 0.014 250)}
[data-approved-public]{transition:background .3s ease}
[data-approved-public][data-public-initializing]{transition:none}
[data-approved-public]{margin:0;background:var(--bg)}
[data-approved-public] a{color:var(--acc);text-decoration:none}
[data-approved-public] a:hover{color:var(--acc-on)}
@keyframes qpub-pulse{0%{box-shadow:0 0 0 0 oklch(0.55 0.12 var(--qm-h) / 0.35)}70%{box-shadow:0 0 0 10px oklch(0.55 0.12 var(--qm-h) / 0)}100%{box-shadow:0 0 0 0 oklch(0.55 0.12 var(--qm-h) / 0)}}
@keyframes qpub-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes qpub-spin{to{transform:rotate(360deg)}}
@keyframes qpub-ss-pop{0%{opacity:0;transform:translateY(12px) scale(.9)}100%{opacity:1;transform:none}}
@keyframes qpub-ss-split{0%,6%{opacity:1;transform:none}16%,84%{opacity:.28;transform:scale(.96)}94%,100%{opacity:1;transform:none}}
@keyframes qpub-flow{to{stroke-dashoffset:-28}}
@keyframes qpub-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes qpub-pop{0%{transform:scale(.94);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes qpub-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes qpub-flame{0%,100%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.14) rotate(3deg)}}
@keyframes qpub-slidein{from{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}
[data-approved-public] .qm-hero-stack{--zh:1;--zw:1;zoom:min(var(--zh),var(--zw))}
@media (max-width:1520px){[data-approved-public] .qm-hero-stack{--zw:.93}}
@media (max-width:1400px){[data-approved-public] .qm-hero-stack{--zw:.85}}
@media (max-width:1280px){[data-approved-public] .qm-hero-stack{--zw:.76}}
@media (max-width:1150px){[data-approved-public] .qm-hero-stack{--zw:.66}}
@media (max-width:1000px){[data-approved-public] .qm-hero-stack{--zw:.56}}
@media (max-height:1000px){[data-approved-public] .qm-hero-stack{--zh:.78}}
@media (max-height:900px){[data-approved-public] .qm-hero{padding-top:26px !important;padding-bottom:38px !important}[data-approved-public] .qm-hero-stack{--zh:.7}[data-approved-public] .qm-hero h1{font-size:min(3.1vw,50px) !important}}
@media (max-height:800px){[data-approved-public] .qm-hero{padding-top:18px !important;padding-bottom:28px !important}[data-approved-public] .qm-hero-stack{--zh:.6}[data-approved-public] .qm-hero h1{font-size:min(2.9vw,46px) !important}}
@media (max-height:700px){[data-approved-public] .qm-hero-stack{--zh:.5}}
[data-approved-public] .qm-hero-lap{zoom:1}
[data-approved-public] .qm-steps-screen{zoom:1}
[data-approved-public] .qm-dev-stage{zoom:1}
@media (max-width:1180px){[data-approved-public] .qm-dev-stage{zoom:.86}}
@media (max-width:1000px){[data-approved-public] .qm-dev-stage{zoom:.7}}
@media (max-width:700px){[data-approved-public] .qm-dev-stage{zoom:.55}}
@media (max-width:1240px){[data-approved-public] .qm-steps-screen{zoom:.85}}
@media (max-width:1100px){[data-approved-public] .qm-steps-screen{zoom:.72}}
@media (max-width:820px){[data-approved-public] .qm-steps-screen{zoom:.6}}
@media (max-width:640px){[data-approved-public] .qm-steps-screen{zoom:.45}}
@media (max-width:1520px){[data-approved-public] .qm-hero-lap{zoom:.92}}
@media (max-width:1400px){[data-approved-public] .qm-hero-lap{zoom:.85}}
@media (max-width:1280px){[data-approved-public] .qm-hero-lap{zoom:.76}}
@media (max-width:1150px){[data-approved-public] .qm-hero-lap{zoom:.67}}
@media (max-width:1000px){[data-approved-public] .qm-hero-lap{zoom:.57}}
[data-approved-public] .qm-rv{opacity:0;transform:translateY(30px) scale(.985);transition:opacity .72s cubic-bezier(.22,.85,.3,1),transform .72s cubic-bezier(.22,.85,.3,1);will-change:opacity,transform}
[data-approved-public] .qm-rv.qm-in{opacity:1;transform:none}
[data-approved-public] .qm-hv{transition:transform .3s cubic-bezier(.22,.85,.3,1),box-shadow .3s ease,border-color .3s ease}
[data-approved-public] .qm-hv:hover{transform:translateY(-7px)}
[data-approved-public]:not([data-theme="dark"]) .qm-hv:hover{box-shadow:0 28px 54px -26px oklch(0.18 0.014 250 / 0.28);border-color:oklch(0.55 0.12 var(--qm-h) / 0.45)}
[data-approved-public][data-theme="dark"] .qm-hv:hover{box-shadow:0 28px 60px -24px oklch(0.05 0.02 200 / 0.7);border-color:oklch(0.62 0.1 var(--qm-h) / 0.5)}
[data-approved-public] .qm-lift{transition:transform .22s cubic-bezier(.22,.85,.3,1),box-shadow .22s ease,background .18s ease,color .18s ease}
[data-approved-public] .qm-lift:hover{transform:translateY(-2px) scale(1.02)}
[data-approved-public] .qm-lift:active{transform:translateY(0) scale(.985)}
[data-approved-public] .qm-device-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
[data-approved-public] .qm-device-card{box-sizing:border-box;border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:32px;min-height:150px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 44px -40px oklch(0.18 0.014 250 / .32)}
[data-approved-public] .qm-device-built{grid-column:span 3}
[data-approved-public] .qm-device-availability{box-sizing:border-box;grid-column:span 2;min-height:150px;border-radius:20px;background:var(--acc-s1);padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid oklch(0.88 0.035 var(--qm-h) / .52)}
[data-approved-public] .qm-device-platforms{grid-column:span 2}
[data-approved-public] .qm-device-sync{grid-column:span 3}
[data-approved-public] .qm-device-platform-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 34px}
[data-approved-public] .qm-device-platform{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;color:var(--text-2)}
[data-approved-public] .qm-device-card h3{font-family:'Qumely Public Plus Jakarta Sans',sans-serif;font-size:21px;line-height:1.25;font-weight:800;color:var(--text);margin:0 0 10px;letter-spacing:-.01em}
[data-approved-public] .qm-device-card p{font-size:15.5px;line-height:1.65;color:var(--text-3);margin:0;max-width:650px}
[data-approved-public] .qm-do-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:22px}
[data-approved-public] .qm-do-card{display:flex;flex-direction:column;padding:14px 14px 22px;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
[data-approved-public] .qm-do-card:hover{transform:translateY(-3px);border-color:var(--acc);box-shadow:0 18px 38px -26px oklch(0.18 0.014 250 / .45);color:var(--text)}
[data-approved-public] .qm-do-shot{display:block;padding:14px;border-radius:18px;background:linear-gradient(158deg,var(--acc-s2),var(--acc-s1));border:1px solid oklch(0.88 0.035 var(--qm-h) / .4)}
[data-approved-public] .qm-do-win{display:block;position:relative;aspect-ratio:1280 / 800;border-radius:10px;overflow:hidden;background:#f1f5f4;box-shadow:0 14px 30px -18px oklch(0.18 0.014 250 / .5)}
[data-approved-public] .qm-do-win iframe{position:absolute;left:0;top:0;display:block;width:1280px;height:800px;border:none;pointer-events:none;transform-origin:0 0;transform:scale(var(--qm-do-s,.4))}
[data-approved-public] .qm-do-body{padding:20px 12px 0;display:flex;flex-direction:column;flex:1}
[data-approved-public] .qm-do-body h3{font-family:'Qumely Public Plus Jakarta Sans',sans-serif;font-size:21px;font-weight:800;margin:0 0 9px;letter-spacing:-.01em}
[data-approved-public] .qm-do-body p{font-size:15px;line-height:1.55;color:var(--text-3);margin:0 0 20px}
[data-approved-public] .qm-do-body span{margin-top:auto;font-size:13.5px;font-weight:800;color:var(--acc)}
[data-approved-public] .qm-streak-card{--sk-bg:linear-gradient(145deg,oklch(0.205 0.038 var(--qm-h)) 0%,oklch(0.245 0.048 var(--qm-h)) 100%);--sk-border:oklch(0.5 0.07 var(--qm-h) / .18);--sk-shadow:0 36px 74px -48px oklch(0.12 0.035 var(--qm-h) / .78);--sk-eyebrow:oklch(0.75 0.09 var(--qm-h));--sk-fg:#fff;--sk-fg-on:oklch(0.86 0.09 var(--qm-h));--sk-fg-2:oklch(0.83 0.025 var(--qm-h));--sk-fg-3:oklch(0.74 0.03 var(--qm-h));--sk-panel:oklch(1 0 0 / .055);--sk-panel-line:oklch(1 0 0 / .09);--sk-row-line:oklch(1 0 0 / .08);--sk-divider:oklch(1 0 0 / .12);--sk-chip:oklch(1 0 0 / .1);--sk-chip-fg:oklch(0.82 0.04 var(--qm-h));--sk-on:oklch(0.7 0.14 var(--qm-h));--sk-on-fg:oklch(0.16 0.03 var(--qm-h));--sk-ring:oklch(1 0 0 / .22);--sk-day-line:oklch(0.42 0.03 var(--qm-h));--sk-day-fg:oklch(0.72 0.03 var(--qm-h));--sk-flame-bg:oklch(0.7 0.14 55 / .2);--sk-flame-fg:oklch(0.86 0.11 65);--sk-btn-line:oklch(1 0 0 / .24);--sk-btn-fg:#fff;--sk-btn-on-bg:oklch(1 0 0 / .16);--sk-btn-on-fg:oklch(0.82 0.05 var(--qm-h))}
[data-approved-public]:not([data-theme="dark"]) .qm-streak-card{--sk-bg:linear-gradient(152deg,var(--surface) 0%,var(--acc-s2) 100%);--sk-border:var(--line);--sk-shadow:0 30px 64px -46px oklch(0.18 0.014 250 / .55);--sk-eyebrow:var(--acc-on);--sk-fg:var(--text);--sk-fg-on:var(--acc-on);--sk-fg-2:var(--text-3);--sk-fg-3:var(--text-4);--sk-panel:var(--surface);--sk-panel-line:var(--line);--sk-row-line:var(--line-2);--sk-divider:var(--line-2);--sk-chip:var(--surface-3);--sk-chip-fg:var(--text-4);--sk-on:var(--acc);--sk-on-fg:#fff;--sk-ring:var(--faint);--sk-day-line:var(--line);--sk-day-fg:var(--text-4);--sk-flame-bg:oklch(0.95 0.05 68);--sk-flame-fg:oklch(0.5 0.13 58);--sk-btn-line:var(--line);--sk-btn-fg:var(--text-2);--sk-btn-on-bg:var(--acc-s1);--sk-btn-on-fg:var(--acc-on)}
[data-approved-public] .qm-streak-card{background:var(--sk-bg);border-radius:28px;padding:50px 48px 44px;box-shadow:var(--sk-shadow);border:1px solid var(--sk-border)}
[data-approved-public] .qm-streak-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:62px;align-items:center}
[data-approved-public] .qm-streak-meter{display:flex;flex-direction:column;align-items:center;gap:22px;min-width:430px}
[data-approved-public] .qm-streak-days{display:flex;gap:10px}
[data-approved-public] .qm-streak-divider{height:1px;background:var(--sk-divider);margin:34px 0 24px}
[data-approved-public] .qm-streak-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
[data-approved-public] .qm-streak-benefit{display:flex;gap:13px;align-items:flex-start;padding:17px 16px;border-radius:16px;background:oklch(1 0 0 / .055);border:1px solid oklch(1 0 0 / .09)}
[data-approved-public] .qm-streak-benefit-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:oklch(0.68 0.14 var(--qm-h));color:oklch(0.2 0.03 var(--qm-h));font-size:15px;font-weight:900}
[data-approved-public] .qm-streak-benefit strong{display:block;font-family:'Qumely Public Plus Jakarta Sans',sans-serif;font-size:14px;line-height:1.35;color:#fff;margin-bottom:4px}
[data-approved-public] .qm-streak-benefit span{display:block;font-size:12.5px;line-height:1.5;color:oklch(0.8 0.025 var(--qm-h))}
[data-approved-public] .qm-streak-lower{display:grid;grid-template-columns:1.08fr 1fr;gap:18px;align-items:start;margin-top:28px;padding-top:26px;border-top:1px solid var(--sk-divider)}
[data-approved-public] .qm-streak-panel{background:var(--sk-panel);border:1px solid var(--sk-panel-line);border-radius:18px;padding:17px 18px 10px}
[data-approved-public] .qm-panel-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
[data-approved-public] .qm-panel-h h3{font-family:'Qumely Public Plus Jakarta Sans',sans-serif;font-size:14.5px;font-weight:800;color:var(--sk-fg);margin:0;letter-spacing:-.01em}
[data-approved-public] .qm-panel-note{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--sk-eyebrow)}
[data-approved-public] .qm-earn-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 2px;background:none;border:none;border-top:1px solid var(--sk-row-line);cursor:pointer;font-family:inherit;text-align:left}
[data-approved-public] .qm-earn-row:first-of-type{border-top:none}
[data-approved-public] .qm-earn-ico{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
[data-approved-public] .qm-earn-sub{display:block;font-size:11.5px;font-weight:700;color:var(--sk-fg-3);margin-top:2px}
[data-approved-public] .qm-checkin{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:12px 0 8px;padding:14px 18px;border:none;border-radius:14px;cursor:pointer;font-family:'Qumely Public Plus Jakarta Sans',sans-serif;font-size:14.5px;font-weight:800;letter-spacing:-.01em;transition:transform .16s,box-shadow .16s,background .16s}
[data-approved-public] .qm-checkin:hover{transform:translateY(-2px)}
[data-approved-public] .qm-checkin-shot{background:oklch(0.66 0.19 42);color:#fff;box-shadow:0 16px 30px -18px oklch(0.66 0.19 42 / .85)}
[data-approved-public] .qm-checkin-done{background:var(--sk-flame-bg);color:var(--sk-flame-fg);box-shadow:none}
[data-approved-public] .qm-friend{display:flex;align-items:center;gap:11px;padding:10px 2px;border-top:1px solid var(--sk-row-line)}
[data-approved-public] .qm-friend:first-of-type{border-top:none}
[data-approved-public] .qm-av{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:900;color:var(--sk-on-fg);background:var(--sk-on);flex-shrink:0}
[data-approved-public] .qm-friend-name{display:block;font-family:'Qumely Public Plus Jakarta Sans',sans-serif;font-size:13.5px;font-weight:800;color:var(--sk-fg);line-height:1.2}
[data-approved-public] .qm-friend-sub{display:block;font-size:11.5px;font-weight:700;color:var(--sk-fg-3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-approved-public] .qpub-flame{display:flex;align-items:center;gap:5px;flex-shrink:0;font-size:12px;font-weight:900;padding:4px 9px;border-radius:20px;background:var(--sk-flame-bg);color:var(--sk-flame-fg)}
@media (max-width:900px){[data-approved-public] .qm-streak-lower{grid-template-columns:1fr}}
[data-approved-public] .qm-streak-cta{display:inline-flex;align-items:center;justify-content:center;padding:15px 28px;border-radius:12px;background:var(--acc);color:#fff;font-family:'Qumely Public Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:800;box-shadow:0 18px 34px -20px oklch(0.3 0.12 var(--qm-h) / .7);transition:background .18s,transform .18s,box-shadow .18s}
[data-approved-public] .qm-streak-cta:hover{background:var(--acc-hover);color:#fff;box-shadow:0 22px 40px -20px oklch(0.3 0.12 var(--qm-h) / .75)}
@media (max-width:900px){
  [data-approved-public] .qm-device-grid{grid-template-columns:1fr}
  [data-approved-public] .qm-device-built,[data-approved-public] .qm-device-availability,[data-approved-public] .qm-device-platforms,[data-approved-public] .qm-device-sync{grid-column:auto}
  [data-approved-public] .qm-streak-main{grid-template-columns:1fr;gap:36px}
  [data-approved-public] .qm-streak-meter{align-items:flex-start;min-width:0}
  [data-approved-public] .qm-streak-benefits{grid-template-columns:1fr}
}
@media (max-width:600px){
  [data-approved-public] .qm-device-card,[data-approved-public] .qm-device-availability{padding:24px}
  [data-approved-public] .qm-device-platform-list{grid-template-columns:1fr;gap:16px}
  [data-approved-public] .qm-streak-card{padding:36px 24px 26px}
  [data-approved-public] .qm-streak-days{gap:7px;flex-wrap:wrap}
  [data-approved-public] .qm-streak-benefits{gap:10px}
}
@media (prefers-reduced-motion:reduce){[data-approved-public] .qm-rv{opacity:1 !important;transform:none !important;transition:none}[data-approved-public] .qm-hv:hover,[data-approved-public] .qm-lift:hover{transform:none}}
[data-approved-public] .qm-hl{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:1;transition:opacity .5s ease;z-index:0}
[data-approved-public][data-theme="dark"] .qm-hl{opacity:0}
[data-approved-public] .qm-hl b{position:absolute;display:block;border-radius:50%;background:radial-gradient(closest-side,oklch(0.78 0.1 178 / 0.34),transparent 74%)}
[data-approved-public] .qm-b1{width:180px;height:180px;left:6%;top:100%;animation:qpub-rise 15s linear infinite,qpub-sway 5s ease-in-out infinite}
[data-approved-public] .qm-b2{width:110px;height:110px;left:30%;top:100%;background:radial-gradient(closest-side,oklch(0.8 0.08 205 / 0.3),transparent 74%) !important;animation:qpub-rise 11s linear 1.5s infinite,qpub-sway 3.6s ease-in-out infinite}
[data-approved-public] .qm-b3{width:74px;height:74px;left:52%;top:100%;animation:qpub-rise 8.5s linear .6s infinite,qpub-sway 2.8s ease-in-out infinite reverse}
[data-approved-public] .qm-b4{width:140px;height:140px;left:80%;top:100%;background:radial-gradient(closest-side,oklch(0.82 0.07 168 / 0.3),transparent 74%) !important;animation:qpub-rise 13s linear 3s infinite,qpub-sway 4.4s ease-in-out infinite reverse}
@keyframes qpub-rise{0%{transform:translate3d(0,0,0) scale(.7);opacity:0}12%{opacity:1}80%{opacity:1}100%{transform:translate3d(0,-125vh,0) scale(1.15);opacity:0}}
@keyframes qpub-sway{0%,100%{margin-left:0}50%{margin-left:34px}}
[data-approved-public] .qm-hs{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .5s ease;z-index:0}
[data-approved-public][data-theme="dark"] .qm-hs{opacity:1}
[data-approved-public] .qm-hs i{position:absolute;left:0;right:0;height:200%;top:0;display:block;background-repeat:repeat}
[data-approved-public] .qm-hs-1{background-image:radial-gradient(1.6px 1.6px at 8% 4%,oklch(0.97 0.02 195 / .9),transparent 100%),radial-gradient(1.3px 1.3px at 26% 12%,oklch(0.9 0.03 190 / .6),transparent 100%),radial-gradient(2px 2px at 44% 7%,oklch(0.98 0.02 195 / .85),transparent 100%),radial-gradient(1.4px 1.4px at 62% 15%,oklch(0.92 0.03 190 / .7),transparent 100%),radial-gradient(1.7px 1.7px at 80% 5%,oklch(0.97 0.02 195 / .8),transparent 100%),radial-gradient(1.2px 1.2px at 94% 18%,oklch(0.9 0.03 190 / .6),transparent 100%),radial-gradient(1.5px 1.5px at 16% 30%,oklch(0.96 0.02 195 / .75),transparent 100%),radial-gradient(1.3px 1.3px at 52% 34%,oklch(0.9 0.03 190 / .55),transparent 100%),radial-gradient(1.8px 1.8px at 72% 27%,oklch(0.97 0.02 195 / .8),transparent 100%),radial-gradient(1.2px 1.2px at 34% 44%,oklch(0.9 0.03 190 / .5),transparent 100%);background-size:100% 50%;animation:qpub-hs-up 60s linear infinite,qpub-twinkle 6s ease-in-out infinite}
[data-approved-public] .qm-hs-2{background-image:radial-gradient(1.1px 1.1px at 12% 9%,oklch(0.85 0.04 188 / .55),transparent 100%),radial-gradient(1px 1px at 38% 21%,oklch(0.8 0.05 185 / .45),transparent 100%),radial-gradient(1.2px 1.2px at 58% 6%,oklch(0.85 0.04 188 / .5),transparent 100%),radial-gradient(1px 1px at 88% 26%,oklch(0.8 0.05 185 / .4),transparent 100%),radial-gradient(1.1px 1.1px at 68% 40%,oklch(0.85 0.04 188 / .45),transparent 100%),radial-gradient(1px 1px at 22% 47%,oklch(0.8 0.05 185 / .38),transparent 100%);background-size:100% 50%;animation:qpub-hs-up 95s linear infinite}
@keyframes qpub-hs-up{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
[data-approved-public] .qpub-shoot{position:absolute;width:110px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,transparent,oklch(0.92 0.03 190 / .5));opacity:0;transform:rotate(18deg)}
[data-approved-public] .qpub-shoot-1{top:9%;left:-14%;animation:qpub-shoot 20s linear 0s infinite}
[data-approved-public] .qpub-shoot-2{top:26%;left:-14%;animation:qpub-shoot 26s linear 4s infinite}
[data-approved-public] .qpub-shoot-3{top:44%;left:-14%;width:80px;animation:qpub-shoot 23s linear 9s infinite}
[data-approved-public] .qpub-shoot-4{top:60%;left:-14%;width:140px;animation:qpub-shoot 30s linear 2s infinite}
[data-approved-public] .qpub-shoot-5{top:74%;left:-14%;width:95px;animation:qpub-shoot 25s linear 13s infinite}
[data-approved-public] .qpub-shoot-6{top:34%;left:-14%;width:120px;animation:qpub-shoot 34s linear 7s infinite}
@keyframes qpub-shoot{0%{opacity:0;transform:translate3d(0,0,0) rotate(18deg)}8%{opacity:.9}88%{opacity:.9}100%{opacity:0;transform:translate3d(100vw,34vh,0) rotate(18deg)}}
[data-approved-public] .qm-atmo{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:1;transition:opacity .45s ease;overflow:hidden}
[data-approved-public][data-theme="dark"] .qm-stars{opacity:1}
[data-approved-public] .qm-stars{opacity:0;transition:opacity .45s ease}
[data-approved-public] .qm-mesh{position:absolute;inset:0;background-image:linear-gradient(oklch(0.55 0.12 178 / 0.055) 1px,transparent 1px),linear-gradient(90deg,oklch(0.55 0.12 178 / 0.055) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(120% 90% at 50% 0%,#000 0%,transparent 72%);-webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 0%,transparent 72%);animation:qpub-mesh-drift 40s linear infinite}
[data-approved-public][data-theme="dark"] .qm-mesh{background-image:linear-gradient(oklch(0.75 0.1 185 / 0.06) 1px,transparent 1px),linear-gradient(90deg,oklch(0.75 0.1 185 / 0.06) 1px,transparent 1px)}
@keyframes qpub-mesh-drift{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-64px,-64px,0)}}
[data-approved-public][data-theme="light"] .qm-glow-a,[data-approved-public]:not([data-theme="dark"]) .qm-glow-a{background:radial-gradient(closest-side,oklch(0.82 0.09 178 / 0.42),oklch(0.86 0.06 200 / 0.18) 55%,transparent 78%)}
[data-approved-public][data-theme="light"] .qm-glow-b,[data-approved-public]:not([data-theme="dark"]) .qm-glow-b{background:radial-gradient(closest-side,oklch(0.87 0.07 205 / 0.34),transparent 72%)}
[data-approved-public][data-theme="light"] .qm-glow-c,[data-approved-public]:not([data-theme="dark"]) .qm-glow-c{background:radial-gradient(closest-side,oklch(0.88 0.06 165 / 0.3),transparent 74%)}
[data-approved-public] .qm-atmo span{position:absolute;display:block;border-radius:50%}
[data-approved-public] .qm-glow-a{left:50%;bottom:-46vh;width:150vw;height:96vh;margin-left:-75vw;background:radial-gradient(closest-side,oklch(0.66 0.14 178 / 0.34),oklch(0.5 0.12 195 / 0.12) 55%,transparent 78%);animation:qpub-atmo-a 11s ease-in-out infinite}
[data-approved-public] .qm-glow-b{right:-24vw;top:-30vh;width:88vw;height:78vh;background:radial-gradient(closest-side,oklch(0.6 0.12 205 / 0.24),transparent 72%);animation:qpub-atmo-b 14s ease-in-out infinite}
[data-approved-public] .qm-glow-c{left:-18vw;top:38vh;width:60vw;height:56vh;background:radial-gradient(closest-side,oklch(0.62 0.1 168 / 0.14),transparent 74%);animation:qpub-atmo-c 12s ease-in-out infinite}
[data-approved-public] .qm-stars{position:absolute;inset:0;border-radius:0;background-image:radial-gradient(1.5px 1.5px at 12% 16%,oklch(0.95 0.02 200 / .55),transparent 100%),radial-gradient(1.2px 1.2px at 28% 62%,oklch(0.9 0.02 200 / .4),transparent 100%),radial-gradient(1.6px 1.6px at 44% 24%,oklch(0.95 0.02 200 / .45),transparent 100%),radial-gradient(1.1px 1.1px at 62% 74%,oklch(0.9 0.02 200 / .35),transparent 100%),radial-gradient(1.5px 1.5px at 78% 34%,oklch(0.95 0.02 200 / .5),transparent 100%),radial-gradient(1.2px 1.2px at 88% 66%,oklch(0.9 0.02 200 / .38),transparent 100%),radial-gradient(1.3px 1.3px at 56% 8%,oklch(0.95 0.02 200 / .4),transparent 100%),radial-gradient(1.1px 1.1px at 8% 84%,oklch(0.9 0.02 200 / .3),transparent 100%);animation:qpub-twinkle 3.4s ease-in-out infinite}
@keyframes qpub-atmo-a{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-4vw,-4vh,0) scale(1.08)}}
@keyframes qpub-atmo-b{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-6vw,5vh,0) scale(1.12)}}
@keyframes qpub-atmo-c{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(5vw,-6vh,0) scale(1.1)}}
@keyframes qpub-twinkle{0%,100%{opacity:.5}50%{opacity:.95}}
[data-approved-public] input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:60px;height:100%}
[data-approved-public][data-theme="dark"] .qm-uni-chip{background:oklch(0.96 0.006 250 / 0.94) !important;box-shadow:0 10px 26px -14px #000}

[data-approved-public]{font-family:'Qumely Public Karla',system-ui,sans-serif;color:var(--text);background:var(--bg);min-height:100vh;isolation:isolate;overflow-x:clip}
[data-approved-public] [hidden]{display:none!important}
[data-approved-public] button,[data-approved-public] input,[data-approved-public] select,[data-approved-public] textarea{font-family:inherit}
[data-approved-public] :focus-visible{outline:3px solid var(--acc);outline-offset:4px}
[data-approved-public] a{color:var(--acc);text-decoration:none}
[data-approved-public] a:hover{color:var(--acc-on)}
[data-approved-public] .approved-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 4.444444vw;background:var(--nav-bg);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);gap:24px}
[data-approved-public] .approved-logo{display:flex;align-items:center;gap:10px;flex:none}
[data-approved-public] .approved-logo img{height:40px;width:auto;display:block;filter:var(--logo-filter,none)}
[data-approved-public] .approved-nav-links{display:flex;align-items:center;gap:32px}
[data-approved-public] .approved-nav a,[data-approved-public] .approved-nav summary{font-size:14px;font-weight:600;color:var(--text)}
[data-approved-public] .approved-nav a[aria-current=page]{font-weight:700;color:var(--acc)}
[data-approved-public] .approved-nav summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:5px}
[data-approved-public] .approved-nav summary::-webkit-details-marker{display:none}
[data-approved-public] .qm-feature-nav{position:relative}
[data-approved-public] .approved-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);width:440px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 64px -22px oklch(0.18 .014 250 / .32)}
[data-approved-public] .approved-menu a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;transition:transform .18s,background .18s;font-weight:700}
[data-approved-public] .approved-menu a:hover{background:var(--acc-s2);transform:translateY(-2px)}
[data-approved-public] .approved-menu-icon{width:32px;height:32px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--acc-s1);color:var(--acc)}
[data-approved-public] .approved-account{display:flex;gap:16px;align-items:center}
[data-approved-public] .approved-theme{box-sizing:border-box;width:56px;height:30px;border-radius:999px;padding:3px;cursor:pointer;display:flex;align-items:center;border:1px solid var(--line);background:var(--surface-3);flex:none}
[data-approved-public] .approved-theme span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#fff;font-size:12px;line-height:1}
[data-approved-public][data-theme=dark] .approved-theme{justify-content:flex-end}
[data-approved-public] .approved-nav .approved-signup{padding:10px 20px;background:var(--invert-bg);color:var(--invert-fg);border-radius:10px;font-weight:700}
[data-approved-public] .approved-progress{position:absolute;left:0;bottom:-1px;width:100%;height:3px;pointer-events:none}
[data-approved-public] .approved-progress span{display:block;background:var(--acc);height:3px;width:0}
[data-approved-public] .qm-mobile-nav{display:none}
[data-approved-public] .approved-faq-list{display:flex;flex-direction:column;gap:12px}
[data-approved-public] .approved-faq{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
[data-approved-public] .approved-faq[open]{background:var(--acc-s1);border-color:oklch(.55 .12 178 / .5);box-shadow:0 18px 40px -28px oklch(.18 .014 250 / .45)}
[data-approved-public] .approved-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;list-style:none;cursor:pointer;font-size:15px;font-weight:700;color:var(--text)}
[data-approved-public] .approved-faq summary::-webkit-details-marker{display:none}
[data-approved-public] .approved-faq summary:after{content:'';width:10px;height:10px;border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);transform:rotate(45deg);flex:none}
[data-approved-public] .approved-faq[open] summary:after{transform:rotate(225deg)}
[data-approved-public] .approved-faq p{margin:0;padding:0 22px 20px;font-size:14px;line-height:1.6;color:var(--text-3)}
[data-approved-public] video,[data-approved-public] [data-static-demo]{display:block;width:100%;height:100%;object-fit:contain}
[data-approved-public] .demo-playback{position:absolute;right:10px;bottom:10px;z-index:3;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);padding:5px 10px;font-size:11px;cursor:pointer;opacity:0;transition:opacity .18s}
[data-approved-public] :hover>.demo-playback,[data-approved-public] .demo-playback:focus-visible,[data-approved-public] .demo-playback[aria-pressed=true]{opacity:1}
[data-approved-public] .approved-back-top{position:fixed;right:24px;bottom:24px;width:40px;height:40px;z-index:5;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer}
@media (min-width:601px) and (max-width:700px){
 [data-approved-public] .approved-nav{padding:14px 20px;gap:12px}
 [data-approved-public] .approved-logo img{height:32px}
 [data-approved-public] .approved-nav-links,[data-approved-public] .approved-account>a{display:none}
 [data-approved-public] .approved-account{margin-left:auto}
 [data-approved-public] .qm-mobile-nav{display:block}
 [data-approved-public] .qm-mobile-nav>summary{font-size:23px;width:28px;justify-content:center}
 [data-approved-public] .approved-mobile-panel{box-sizing:border-box;position:absolute;left:12px;right:12px;top:calc(100% + 8px);display:flex;flex-direction:column;gap:18px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 25px 55px -20px #0004;max-height:calc(100svh - 100px);overflow:auto}
 [data-approved-public] .approved-mobile-panel .approved-menu{position:static;transform:none;width:auto;box-shadow:none;padding:8px 0 0;border:0;gap:2px}
 [data-approved-public] .approved-mobile-panel .approved-menu a{padding:8px 4px;font-size:13px;gap:8px}
 [data-approved-public] .approved-mobile-auth{display:flex;gap:16px;padding-top:12px;border-top:1px solid var(--line)}
}
@media(prefers-reduced-motion:reduce){[data-approved-public] *,[data-approved-public] *::before,[data-approved-public] *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Preserve the accepted intermediate navigation between phone and desktop. */
@media (min-width: 601px) and (max-width: 700px) {
 [data-approved-public] .approved-nav{padding:10px 16px;gap:12px}
 [data-approved-public] .approved-logo img{height:30px}
 [data-approved-public] .qm-mobile-nav>summary{width:44px;min-height:44px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
 [data-approved-public] .approved-theme{min-width:44px;min-height:44px}
 [data-approved-public] .approved-mobile-panel{left:12px;right:12px;padding:16px;gap:4px}
 [data-approved-public] .approved-mobile-panel>a,[data-approved-public] .qm-mobile-features>summary{min-height:44px;display:flex;align-items:center;padding:4px 8px;font-size:16px}
 [data-approved-public] .approved-mobile-panel .approved-menu{grid-template-columns:minmax(0,1fr)}
 [data-approved-public] .approved-mobile-panel .approved-menu a{min-height:44px;font-size:15px;padding:4px 8px}
 [data-approved-public] .approved-mobile-auth>a{display:flex;align-items:center;justify-content:center;min-height:48px;flex:1;border-radius:12px;background:var(--acc-s1)}
 [data-approved-public] .approved-mobile-auth>a:last-child{background:var(--acc);color:#fff}
 [data-approved-public] .demo-playback{opacity:1;min-height:40px;padding:8px 14px;font-size:12px;box-sizing:border-box}
 [data-approved-public] .qm-atmo{opacity:.45}
}

[data-approved-public] .approved-phone-only,[data-approved-public] .approved-menu-close,[data-approved-public] .approved-menu-phone-icon{display:none}
/* Approved phone chrome; 601–700px retains its existing navigation. */
@media (max-width:600px){
 [data-approved-public] .approved-menu-legacy{display:none}
 [data-approved-public] .approved-menu-phone-icon{display:block}
 [data-approved-public] .approved-nav{box-sizing:border-box;height:calc(57px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;gap:6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
 [data-approved-public] .approved-logo{min-height:44px}
 [data-approved-public] .approved-logo img{height:30px}
 [data-approved-public] .approved-nav-links,[data-approved-public] .approved-account>a{display:none}
 [data-approved-public] .approved-account{margin-left:auto;gap:0}
 [data-approved-public] .approved-theme{width:44px;height:44px;min-width:44px;padding:0;border:0;background:none;justify-content:center}
 [data-approved-public][data-theme=dark] .approved-theme{justify-content:center}
 [data-approved-public] .approved-theme span{box-sizing:border-box;width:36px;height:36px;border:1px solid var(--line);background:var(--surface);color:var(--text-2);font-size:16px}
 [data-approved-public] .qm-mobile-nav{display:block}
 [data-approved-public] .qm-mobile-nav>summary{box-sizing:border-box;justify-content:center;width:44px;height:44px;padding:0;border:0;background:none;font-size:23px;font-weight:400}
 [data-approved-public] .qm-mobile-nav[open] .approved-menu-open{display:none}
 [data-approved-public] .qm-mobile-nav[open] .approved-menu-close{display:block;font-size:28px;line-height:1}
 [data-approved-public] .approved-mobile-panel{box-sizing:border-box;position:absolute;left:0;right:0;top:100%;height:calc(100dvh - 57px - env(safe-area-inset-top));padding:18px 16px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:0;overflow:auto;overscroll-behavior:contain;background:var(--bg);border:0;border-radius:0;box-shadow:none}
 [data-approved-public] .approved-mobile-auth{order:-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line-2)}
 [data-approved-public] .approved-mobile-auth>a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;border:1.5px solid var(--text);font-family:'Qumely Public Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:800;background:transparent;color:var(--text)}
 [data-approved-public] .approved-mobile-auth>a:last-child{background:var(--acc);border-color:var(--acc);color:#fff}
 [data-approved-public] .approved-mobile-panel>a{display:flex;align-items:center;min-height:44px;padding:0 4px;font-family:'Qumely Public Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
 [data-approved-public] .qm-mobile-features{order:1}
 [data-approved-public] .qm-mobile-features>summary{display:none}
 [data-approved-public] .approved-phone-feature-heading{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--text-5);margin:24px 4px 10px}
 [data-approved-public] .approved-mobile-panel .approved-menu{position:static;transform:none;box-sizing:border-box;width:auto;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;background:none;border:0;border-radius:0;box-shadow:none}
 [data-approved-public] .approved-mobile-panel .approved-menu a{box-sizing:border-box;min-height:62px;padding:12px;gap:10px;border:1px solid var(--line-2);border-radius:14px;background:var(--surface);font-size:15px;font-weight:700;line-height:1.2}
 [data-approved-public] .approved-mobile-panel .approved-menu-icon{width:34px;height:34px;border-radius:10px;color:var(--acc-on)}
 [data-approved-public] .approved-mobile-panel .approved-menu a:hover{transform:none;background:var(--acc-s4);border-color:var(--acc)}
 [data-approved-public] .qm-atmo{opacity:.45}
 [data-approved-public] .demo-playback{opacity:1;min-height:40px;padding:8px 14px;font-size:12px;box-sizing:border-box}
 [data-approved-public] .demo-playback::after{content:"";position:absolute;inset:-2px 0;min-height:44px}
}
@media (max-width:600px){
 html:has([data-approved-public]){scrollbar-width:none}
}

/* #132: the supplied demonstration phone frame is decorative and phone-only. */
@media (max-width: 600px) {
  [data-approved-public] {
    --demo-phone-bg: #f1f5f4;
    --demo-phone-screen: oklch(.975 .004 250);
    --demo-phone-bezel: oklch(.16 .02 200);
    --demo-phone-ring: 0 0 0 1.5px oklch(.42 .012 220), 0 0 0 3px oklch(.16 .02 200 / .12);
    --demo-phone-island: #05080a;
  }
  [data-approved-public][data-theme="dark"] {
    --demo-phone-bg: oklch(.17 .012 215);
    --demo-phone-screen: oklch(.17 .012 215);
    --demo-phone-bezel: #06090b;
    --demo-phone-ring: 0 0 0 1.5px oklch(.6 .012 220), 0 0 0 3px oklch(.3 .012 220), 0 0 24px -4px oklch(.75 .1 178 / .25);
    --demo-phone-island: #000;
  }
  [data-approved-home] .qm-steps-screen::before,
  [data-approved-home] .qm-do-win::before,
  [data-approved-public] .feature-static-frame > picture::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 50%;
    top: var(--demo-island-top, 6px);
    width: var(--demo-island-width, 62px);
    height: var(--demo-island-height, 17px);
    transform: translateX(-50%);
    border-radius: 999px;
    background: var(--demo-phone-island);
    pointer-events: none;
  }
}