:root{--ink:#0b1020;--muted:#66748a;--blue:#2563eb;--blue2:#1d4ed8;--sky:#eaf2ff;--line:#e6ebf2;--page:#f8fafc;--green:#07865a;--r:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--page);font:16px/1.5 "DM Sans",system-ui,sans-serif}button,input,select{font:inherit}a{text-decoration:none;color:inherit}.site-header{height:76px;max-width:1240px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font:800 21px "Manrope",sans-serif;letter-spacing:-1px}.brand>span{color:var(--blue)}.mark{display:flex;align-items:flex-end;gap:3px;width:25px;height:25px}.mark b{width:6px;background:var(--blue);border-radius:4px}.mark b:nth-child(1){height:10px}.mark b:nth-child(2){height:17px}.mark b:nth-child(3){height:25px}nav{display:flex;align-items:center;gap:23px;color:#526078;font-size:14px;font-weight:700}nav a:hover,.text-tab:hover{color:var(--blue)}.tab{border:0;background:#10182b;color:#fff;padding:10px 15px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}.text-tab{background:transparent;color:inherit;padding:0}.hero{max-width:1240px;min-height:570px;margin:auto;padding:77px 30px 84px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px}.eyebrow,.intro>p,.dash-heading p{margin:0 0 15px;color:var(--blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.eyebrow{display:flex;gap:8px;align-items:center;font-size:14px;letter-spacing:0;text-transform:none}.eyebrow i{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px #dcfce7}.hero h1,.intro h2{font-family:"Manrope",sans-serif;letter-spacing:-.06em;margin:0;line-height:1.08}.hero h1{font-size:clamp(42px,5vw,64px)}.hero h1 span{color:var(--blue)}.lead{max-width:530px;margin:24px 0 30px;color:var(--muted);font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:17px;font-weight:800;cursor:pointer;transition:.2s}.primary{background:var(--blue);color:#fff;box-shadow:0 10px 20px #2563eb2e}.primary:hover{background:var(--blue2);transform:translateY(-1px)}.secondary{background:#fff;border-color:var(--line);color:#344158}.trust{margin:30px 0 0;color:#64748b;font-size:13px}.hero-visual{height:400px;position:relative;overflow:hidden;border-radius:30px;background:radial-gradient(circle at 80% 0,#cbdcff,transparent 35%),radial-gradient(circle at 10% 100%,#e1d4ff,transparent 32%),#eff5ff}.ticket-preview{position:absolute;top:45px;left:50%;width:298px;padding:24px;transform:translateX(-50%);border-radius:19px;background:#fff;box-shadow:0 23px 45px #35508c33}.preview-top{display:flex;justify-content:space-between}.preview-top b{font:800 14px "Manrope",sans-serif}.preview-top b span,.ticket-preview strong span{color:var(--blue)}.preview-top em,.ticket-top em{padding:4px 8px;border-radius:99px;background:#dcfce7;color:var(--green);font-size:10px;font-style:normal;font-weight:800}.ticket-preview small,.ticket-card>small{display:block;margin:25px 0 2px;color:#7c899e;font-size:10px;font-weight:800;letter-spacing:.09em}.ticket-preview strong{display:block;font:800 62px/1 "Manrope",sans-serif;letter-spacing:-4px}.stats,.ticket-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.stats p{margin:0;padding:10px;border-radius:10px;background:#f6f8fc;color:#7b879b;font-size:10px}.stats b,.ticket-stats b{display:block;color:var(--ink);font-size:17px}.progress{height:7px;margin:20px 0 10px;border-radius:20px;background:#e8edf5}.progress i{display:block;width:70%;height:100%;border-radius:inherit;background:var(--blue)}.green,.status{margin:0;color:var(--green);font-size:11px;font-weight:700}.float-card{position:absolute;display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:13px;background:#fff;box-shadow:0 12px 28px #26427d26;color:var(--green);font-size:18px}.float-card span{color:var(--ink);font-size:12px}.float-card span b,.float-card small{display:block}.float-card small{color:#758197;font-size:11px}.one{bottom:39px;left:25px}.two{top:30px;right:21px;color:var(--blue)}.shell{max-width:1240px;margin:auto;padding:85px 30px}.view{display:none}.view.active{display:block;animation:in .35s ease}@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1}}.intro{max-width:610px}.intro h2{font-size:38px}.intro>span{color:var(--muted);font-size:16px}.grid{display:grid;gap:20px;align-items:start;margin-top:35px}.customer-grid{grid-template-columns:1.05fr .95fr .68fr}.staff-grid{grid-template-columns:.95fr 1.1fr .65fr}.card{padding:27px;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:0 5px 15px #293c5908}.card-title{display:flex;gap:13px;align-items:flex-start}.card-title>b,.ticket-top>b{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:10px;background:var(--sky);color:var(--blue);font-size:12px}.card h3{margin:0;font:700 20px/1.2 "Manrope",sans-serif;letter-spacing:-.03em}.card-title p{margin:5px 0 0;color:#77849a;font-size:13px}label{display:block;margin:22px 0 7px;color:#3d4a61;font-size:13px;font-weight:800}label span{color:#8995a8;font-weight:500}input,select{width:100%;height:47px;padding:0 13px;border:1px solid #d8e0eb;border-radius:9px;color:#1e293b;background:#fff;outline:0}input:focus,select:focus{border-color:#729ff5;box-shadow:0 0 0 4px #eaf2ff}.wide{width:100%;margin-top:25px}.message{min-height:18px;margin:10px 0 0;color:#c2410c;font-size:13px}.ticket-card{min-height:340px}.ticket-top{display:flex;align-items:center;justify-content:space-between}.token{font:800 70px/1 "Manrope",sans-serif;color:var(--blue);letter-spacing:-.08em}.ticket-card hr{margin:23px 0 17px;border:0;border-top:1px solid var(--line)}.ticket-stats{margin:0}.ticket-stats p{margin:0;color:#78859b;font-size:12px}.ticket-stats b{font:700 20px "Manrope",sans-serif}.status{margin-top:22px;font-size:13px}.link-button{width:auto;margin:16px 0 0;padding:0;border:0;background:none;color:var(--blue);font-size:13px;font-weight:800;cursor:pointer}.link-button:hover{text-decoration:underline}.info{padding:26px;border:1px solid #dce9ff;border-radius:var(--r);background:linear-gradient(150deg,#eff6ff,#f8fbff)}.info>b{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#dceaff;color:var(--blue);font-size:20px}.info h3{margin:17px 0 9px;font:700 18px "Manrope",sans-serif}.info p{margin:0;color:#64748b;font-size:13px}.info a{display:inline-block;margin-top:18px;color:var(--blue);font-size:13px;font-weight:800}.staff-section{border-top:1px solid var(--line)}.password{position:relative}.password input{padding-right:65px}.password button{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:0;background:none;color:var(--blue);font-size:12px;font-weight:800;cursor:pointer}.dash-heading{display:flex;justify-content:space-between}.dash-heading p{margin:0}.dashboard h3{margin:3px 0 0}.dash-heading .link-button{margin:4px 0}.serving{margin:21px 0;padding:16px;border:1px solid #dbe7ff;border-radius:12px;background:#f4f8ff}.serving small{display:flex;justify-content:space-between;color:#63718a;font-size:12px}.serving small i{color:#22c55e;font-style:normal}.serving>b{display:block;margin-top:8px;color:#1e40af}.list-title{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.list-title h4{margin:0;font-size:14px}.list-title span{color:#7e8ba1;font-size:12px}ol{list-style:none;padding:0;margin:9px 0 0}ol li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf0f5;color:#44516a;font-size:13px}ol li span:first-child{color:var(--blue);font-weight:800}.plain{background:#fff;border-color:var(--line)}.how{padding-top:30px}.center{text-align:center;margin:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:38px}.steps article{padding:25px;border:1px solid var(--line);border-radius:var(--r);background:#fff}.steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sky);color:var(--blue);font-size:13px}.steps h3{margin:18px 0 8px;font:700 18px "Manrope",sans-serif}.steps p,.why p{margin:0;color:var(--muted);font-size:14px}.why{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-top:80px;padding-bottom:95px}.why p+p{margin-top:15px}.why strong{display:block;margin-top:26px;font:700 19px "Manrope",sans-serif}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px max(30px,calc((100vw - 1180px)/2));border-top:1px solid var(--line);background:#fff;color:#7b879b;font-size:13px}footer p{margin:0}@media(max-width:920px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-visual{max-width:590px;width:100%}.customer-grid,.staff-grid{grid-template-columns:1fr 1fr}.info{grid-column:1/-1}.why{gap:35px}nav{gap:14px}nav a{display:none}}@media(max-width:620px){.site-header{height:68px;padding:0 20px}nav{gap:8px;font-size:12px}.tab{padding:8px 10px}.text-tab{padding:0}.hero,.shell{padding-left:20px;padding-right:20px}.hero{padding-top:37px;padding-bottom:58px}.hero h1{font-size:42px}.lead{font-size:16px}.actions .button{width:100%}.hero-visual{height:330px}.ticket-preview{top:28px;width:267px;padding:19px}.ticket-preview strong{font-size:54px}.float-card{transform:scale(.84)}.one{left:-7px;bottom:16px}.two{right:-13px;top:12px}.shell{padding-top:60px;padding-bottom:60px}.intro h2{font-size:31px}.customer-grid,.staff-grid,.steps,.why{grid-template-columns:1fr}.card{padding:22px}.why{gap:20px;padding-top:60px;padding-bottom:60px}footer{flex-direction:column;align-items:flex-start;padding:25px 20px}}