@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap";:root{color:#111837;font-synthesis:none;background:#f7f8fb;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,.button{cursor:pointer;color:#111837;background:#fff;border:1px solid #dce0e9;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:wait}button:hover{border-color:#111837}a{color:inherit}.primary{background:#fbf43c;border-color:#fbf43c;padding:14px 21px}.dark{color:#fff;background:#111837;border-color:#111837}.top{color:#fff;background:#111837;align-items:center;gap:26px;height:86px;padding:0 4.5%;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:3px;font-size:28px;text-decoration:none;display:flex}.brand span{color:#fbf43c;font-size:35px;font-weight:500}.brand sup{letter-spacing:0;align-self:flex-start;margin-top:12px;font-size:8px}.product{letter-spacing:2px;color:#bfc5d8;border-left:1px solid #ffffff30;padding-left:25px;font-size:12px}.account{color:#c3c8d9;align-items:center;gap:25px;margin-left:auto;font-size:13px;display:flex}.account a{color:#fff;align-items:center;gap:8px;text-decoration:none;display:flex}main{max-width:1480px;margin:auto;padding:44px 4.5% 0}.heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px;display:flex}.eyebrow{letter-spacing:1.8px;color:#737c92;font-size:11px;font-weight:700}h1{letter-spacing:-1.8px;margin:17px 0;font-size:clamp(32px,3.5vw,50px);line-height:1.08}h2{letter-spacing:-.6px;margin:0 0 8px;font-size:23px}h3{margin:16px 0 9px;font-size:18px}p{color:#737c8e;margin:0;font-size:15px;line-height:1.6}.yellow{color:#b6ad00}.stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:35px;display:grid}.stats>div{background:#fff;border:1px solid #e1e4ec;border-radius:12px;padding:24px 27px;position:relative}.stats span,.analyticsstats span{color:#697387;font-size:14px}.stats strong{letter-spacing:-1px;justify-content:space-between;align-items:center;margin:12px 0;font-size:40px;display:flex}.stats strong svg{color:#8490a8}.stats small{color:#7c8597;font-size:12px}progress{background:#edf0f5;border:0;border-radius:6px;width:100%;height:4px;overflow:hidden}progress::-webkit-progress-bar{background:#edf0f5}progress::-webkit-progress-value{background:#b7b12b}.stats progress{position:absolute;bottom:0;left:0}.navrow{border-bottom:1px solid #dce1ec;justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}nav{gap:28px;display:flex}nav button{color:#7d8596;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:0 0 17px}nav button.active{color:#111837;border-color:#111837}.free{color:#747e91;gap:7px;font-size:12px;display:flex}.sectionhead{justify-content:space-between;align-items:center;gap:20px;margin:25px 0;display:flex}.tools{align-items:center;gap:10px;display:flex}.search{color:#8b94a5;background:#fff;border:1px solid #dce0e9;border-radius:8px;align-items:center;padding:0 12px;display:flex}.search input{border:0;width:185px;padding:12px 7px}.grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.card{background:#fff;border:1px solid #e0e5ef;border-radius:12px;min-width:0;padding:20px}.cardtop{justify-content:space-between;align-items:center;display:flex}.status{color:#316b59;background:#edf5f0;border-radius:5px;padding:5px 9px;font-size:12px}.paused{color:#9f772d;background:#fff4dc}.type{letter-spacing:1.3px;color:#8c95a7;font-size:10px}.qrstage{background:#f7f8fa;border-radius:8px;justify-content:center;align-items:center;height:200px;margin-top:18px;display:flex}.qr{background:#fff;flex-shrink:0;max-width:100%}.qr svg{width:100%;height:100%;display:block}.truncate{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.cardmeta{color:#7c879b;justify-content:space-between;margin:21px 0 15px;font-size:11px;display:flex}.cardactions{border-top:1px solid #edf0f5;gap:5px;padding-top:14px;display:flex}.cardactions button,.cardactions a{border:none;align-items:center;padding:7px 9px;font-size:12px;text-decoration:none;display:flex}.cardactions>:last-child{margin-left:auto}.empty{text-align:center;background:#fff;border:1px dashed #cdd3df;border-radius:12px;flex-direction:column;align-items:center;gap:15px;padding:48px 20px;display:flex}.emptyicon{background:#f7f8dc;border-radius:14px;margin-bottom:4px;padding:20px}.empty h2{margin:0}.empty p{max-width:460px}.empty button{margin-top:6px}.note{background:#edf0f5;border-radius:10px;align-items:flex-start;gap:16px;margin:27px 0;padding:22px 25px;display:flex}.note svg{flex-shrink:0}.note b{font-size:14px}.note p{margin-top:5px;font-size:13px}.foot{color:#8a94a8;border-top:1px solid #e1e5ed;justify-content:space-between;padding:23px 0 30px;font-size:12px;display:flex}.alert,.notice{border-radius:8px;margin:15px 0;padding:15px 20px;font-size:14px}.alert{color:#a42c22;background:#fff0ed}.notice{background:#eef3dd;justify-content:space-between;align-items:center;display:flex}.notice button{background:0 0;border:0;padding:0}.overlay{z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080d24a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:950px;max-height:94dvh;overflow:auto;box-shadow:0 25px 100px #0003}.modalhead{border-bottom:1px solid #e7eaf0;justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.modalhead h2{margin:8px 0 0}.modalhead button{border:0;padding:6px}.editor{grid-template-columns:1.15fr 1fr;gap:35px;padding:28px 30px;display:grid}.fields{flex-direction:column;gap:19px;display:flex}label{flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}input,select,textarea{color:#111837;background:#fff;border:1px solid #d8deea;border-radius:7px;width:100%;min-width:0;padding:12px 13px;font-size:14px}textarea{resize:vertical}input[type=color]{width:90px;height:42px;padding:5px}label small{color:#7a8497;font-size:12px;font-weight:400;line-height:1.5}.upload{border:1px dashed #cbd2e2;border-radius:8px;padding:16px}.upload input{border:0;padding:4px;font-size:12px}.upload span{color:#316b59;font-size:12px}.preview{text-align:center;background:#f4f6fa;border-radius:10px;flex-direction:column;align-self:start;align-items:center;padding:28px 20px;display:flex}.preview .qr{border-radius:9px;margin-top:25px}.preview p{max-width:240px;font-size:13px}.formats{letter-spacing:1px;color:#768096;border-top:1px solid #dce1e9;width:100%;margin-top:30px;padding-top:20px;font-size:11px}.modalfoot{border-top:1px solid #e4e8ef;justify-content:space-between;align-items:center;gap:14px;padding:20px 30px;display:flex}.modalfoot span{color:#78849a;font-size:12px}.compact{max-width:450px}.downloadpreview{text-align:center;flex-direction:column;align-items:center;gap:17px;padding:28px;display:flex}.downloadpreview h3{margin:0}.downloadpreview p{font-size:13px}.downloadpreview label,.downloadpreview button{width:100%}.downloadpreview a{font-size:13px}.pagestage,.pagepreview{color:#fff;text-align:left;background:#111837;border-radius:8px;padding:25px}.pagestage{height:200px;margin-top:18px;overflow:hidden}.pagestage h3{letter-spacing:-1px;margin:20px 0;font-size:25px;line-height:1.1}.pagestage span,.pagepreview>span{color:#111837;background:#fbf43c;border-radius:4px;padding:9px;font-size:11px;display:inline-block}.minibrand{font-size:12px}.pagepreview{overflow-wrap:anywhere;width:100%;margin-top:20px}.pagepreview h2{margin:25px 0 15px;font-size:32px;line-height:1.1}.pagepreview p{color:#bdc4d9;margin-bottom:22px}.pagepreview img{object-fit:contain;width:100%;max-height:160px;margin-bottom:20px}.analyticsstats{background:#fff;border:1px solid #dfe4ef;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:20px;padding:25px;display:grid}.analyticsstats strong{margin-top:10px;font-size:34px;display:block}.analyticsstats small{font-size:20px}.chart{background:#fff;border:1px solid #dfe4ef;border-radius:10px;margin:20px 0;padding:26px}.chart h3{margin:0}.bars{align-items:flex-end;gap:5px;height:160px;margin:28px 0 15px;display:flex}.bars>div{border-radius:3px 3px 0 0;flex:1}.axis{color:#7f899c;justify-content:space-between;font-size:11px;display:flex}.breakdowns{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.breakdowns section{background:#fff;border:1px solid #dfe4ef;border-radius:10px;padding:23px}.breakdowns h3{margin:0 0 25px}.breakrow{grid-template-columns:1fr auto;gap:8px;margin:14px 0;font-size:13px;display:grid}.breakrow progress{grid-column:1/3}.muted{color:#7f899c;font-size:13px}.login{padding-top:100px}.login h1{font-size:64px}.login p{margin:22px 0}.login .button{margin-top:15px}@media (min-width:1450px){.grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.free{display:none}.tools{flex-wrap:wrap;justify-content:flex-end}.breakdowns{grid-template-columns:repeat(2,1fr)}.product{display:none}}@media (max-width:640px){.top{height:72px;padding:0 20px}.brand{font-size:25px}.account>span{display:none}.account a{font-size:12px}.account{gap:0}main{padding:28px 20px 0}.heading{margin-bottom:25px;display:block}.heading h1{font-size:36px}.desktop{display:none}.heading .primary{width:100%;margin-top:22px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stats>div{padding:18px}.stats>div:first-child{grid-column:1/3}.stats>div:first-child strong{margin:8px 0}.stats strong{font-size:32px}.stats span{font-size:12px}.stats small{font-size:11px}.navrow{margin-bottom:23px}nav{justify-content:space-between;gap:18px;width:100%}nav button{white-space:nowrap;gap:5px;font-size:12px}nav button svg{width:15px}.sectionhead{display:block}.sectionhead p{font-size:13px}.tools{justify-content:flex-start;margin-top:18px}.search,.search input{width:100%}.grid{grid-template-columns:1fr}.qrstage{height:210px}.card{padding:22px}.cardactions button{font-size:14px}.empty{padding:35px 18px}.empty h2{font-size:22px}.empty p{font-size:14px}.note{padding:20px 17px}.foot{line-height:2;display:block}.foot span{display:block}.overlay{align-items:stretch;padding:0}.modal{border-radius:0;max-height:100dvh}.modalhead{padding:20px}.editor{grid-template-columns:1fr;gap:24px;padding:20px}.preview{width:100%}.modalfoot{background:#fff;padding:18px 20px;position:sticky;bottom:0}.modalfoot span{max-width:45%}.compact{max-width:100%}.analyticsstats{grid-template-columns:repeat(2,1fr);padding:20px}.analyticsstats span{font-size:12px}.breakdowns{grid-template-columns:1fr}.chart{padding:20px 15px}.axis{font-size:10px}.axis span:nth-child(2){text-align:center;max-width:120px}.tools select{width:auto;max-width:100%}.login{padding-top:60px}.login h1{font-size:44px}.login .button{font-size:13px}}
