:root{--blue:#2458e6;--ink:#15213b;--muted:#72809a;--line:#e6ebf4;--bg:#f6f8fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Inter,system-ui,sans-serif}a{color:var(--blue);text-decoration:none}.topbar{background:#fff;border-bottom:1px solid var(--line);padding:14px max(18px,calc((100% - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand{font-size:20px;font-weight:850;color:var(--ink);display:flex;align-items:center;gap:8px}.brand span{color:var(--blue)}.mark{display:inline-grid;place-items:center;background:linear-gradient(140deg,#3975ff,#2147c6);color:white;width:33px;height:33px;border-radius:10px}nav{display:flex;align-items:center;gap:13px;flex-wrap:wrap}nav a{font-size:11px;font-weight:750;color:#596780}.navbtn{background:#edf2ff;padding:8px 12px;border-radius:8px;color:var(--blue)}.container{max-width:1200px;margin:auto;padding:30px 22px 55px;min-height:calc(100vh - 140px)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:40px 0 60px}.eyebrow{color:var(--blue);letter-spacing:1.5px;font-size:10px;font-weight:850}h1{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-1.4px;margin:12px 0}h1 span{color:var(--blue)}p{color:var(--muted)}.hero p{line-height:1.85}.btn{display:inline-flex;border:0;border-radius:10px;background:linear-gradient(135deg,#3268f2,#2149c9);color:white;padding:12px 16px;font-size:12px;font-weight:800;cursor:pointer}.btn:hover{color:white}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.mock,.panel,.card,.stat,.feature{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:0 12px 35px #203b7a08}.mock h2{margin:5px 0 18px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tiles>div{background:#f7f9ff;border-radius:12px;padding:14px}.tiles small,.stat small{font-size:11px;color:var(--muted)}.tiles h2{font-size:20px;overflow-wrap:anywhere}.bars{height:90px;display:flex;align-items:end;gap:12px;margin-top:20px}.bars i{flex:1;height:var(--h,65%);border-radius:5px 5px 0 0;background:linear-gradient(#6190ff,#2458e6)}.bars i:nth-child(2){height:45%}.bars i:nth-child(3){height:58%}.bars i:nth-child(4){height:76%}.bars i:nth-child(5){height:51%}.bars i:nth-child(6){height:90%}.bars i:nth-child(7){height:67%}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature b{font-size:15px}.feature p{font-size:12px;line-height:1.8}.footer{background:#fff;border-top:1px solid var(--line);padding:20px;text-align:center;font-size:11px;color:#8a95a9}.auth{display:flex;justify-content:center;padding:20px 0}.card{width:100%;max-width:500px;padding:30px}.card h1{font-size:29px}.form{display:grid;gap:13px;margin:18px 0}.form label{display:grid;gap:6px;font-size:12px;font-weight:700}.form input,.form select,.form textarea,.review input{width:100%;padding:11px;border:1px solid #dfe5f0;border-radius:9px;font:inherit;color:var(--ink);background:#fff}.form input:focus,.form select:focus{outline:2px solid #2458e620;border-color:#7896f4}.form .btn{justify-content:center}.muted{color:var(--muted)}.alert{background:#e7f8ef;color:#146f4b;border-radius:10px;padding:12px;margin-bottom:15px;font-size:12px}.alert.error{background:#fff0f0;color:#a52c39}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:5px 0 24px}.heading h1{font-size:30px}.heading p{margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stats.three{grid-template-columns:repeat(3,1fr)}.stat{padding:17px;min-width:0}.stat h2{font-size:23px;margin:8px 0;overflow-wrap:anywhere}.stat .small-date{font-size:13px}.columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:16px}.panel{min-width:0;margin-bottom:18px}.panel h2{font-size:16px;margin:0 0 15px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{font-size:9px;color:#8390a5;text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:11px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:12px 11px;border-bottom:1px solid #eff2f7}tbody tr:last-child td{border-bottom:0}.sub{display:block;color:var(--muted);font-size:9px;white-space:normal;margin-top:3px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qty{width:80px;padding:8px;border:1px solid var(--line);border-radius:7px}.pill{display:inline-block;padding:5px 8px;border-radius:30px;background:#edf2ff;color:var(--blue);font-size:10px;font-weight:800}.pill.warn{background:#fff2d8;color:#97600b}.gap-top{margin-top:20px}.toolbar{display:flex;justify-content:space-between;margin-bottom:16px}.receipt{max-width:850px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px}.receipt-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.receipt h1{font-size:26px}.memo-info{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;padding:18px 0}.memo-info small,.memo-info b{display:block}.memo-info small{color:var(--muted);font-size:10px}.memo-info b{font-size:12px;margin-top:4px}.total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:18px 8px}.total strong{font-size:24px;color:var(--blue)}.qr-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px dashed var(--line);padding:18px 0}.qr-row p{font-size:11px;margin:4px 0}.qr-row small{font-size:9px;overflow-wrap:anywhere}.thanks{text-align:center;font-size:11px;margin-top:20px}.verify{display:grid;gap:13px;margin:20px 0}.verify small,.verify b{display:block}.verify small{font-size:10px;color:var(--muted)}.verify b{font-size:13px}.review{display:grid;gap:6px;min-width:150px}.review input{font-size:10px;padding:7px}.review .small{padding:6px;font-size:10px}.danger{background:#fff0f0;color:#b52e3c}.narrow{max-width:650px}.narrow p{font-size:11px;line-height:1.8}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:25px}.columns{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topbar{padding:13px 15px}.container{padding:22px 13px 40px}nav{gap:10px}nav a{font-size:10px}.hero{padding:15px 0 40px}h1{font-size:34px}.features{grid-template-columns:1fr}.stats,.stats.three{grid-template-columns:1fr 1fr}.stat{padding:13px}.stat h2{font-size:19px}.card{padding:22px 17px}.panel{padding:14px}.twocol{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}.receipt{padding:15px}.memo-info{grid-template-columns:1fr 1fr}.receipt h1{font-size:22px}.toolbar .btn{padding:10px;font-size:10px}}@media print{body{background:white}.topbar,.footer,.toolbar,.alert{display:none!important}.container{padding:0;max-width:none}.receipt{border:0;box-shadow:none;padding:0}.thanks{margin-top:30px}}