*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d0a13;color:#f5f2f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.site-header{height:78px;display:flex;align-items:center;gap:30px;padding:0 5%;position:sticky;top:0;z-index:20;background:rgba(13,10,19,.92);backdrop-filter:blur(14px);border-bottom:1px solid #292330}.brand img{width:142px;height:42px;object-fit:contain}.site-header nav{display:flex;gap:26px;margin-left:auto}.site-header a{color:#ddd7e6;text-decoration:none;font-size:14px}.nav-cta{padding:11px 17px;border-radius:12px;background:#8b35cf;color:white!important;font-weight:700}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:720px;padding:80px 7%;display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center;background:radial-gradient(circle at 80% 35%,rgba(129,46,191,.23),transparent 35%)}.eyebrow{font-size:12px;letter-spacing:.18em;color:#b98ae2;font-weight:800}.hero h1{font-size:clamp(50px,7vw,88px);line-height:.98;margin:16px 0 24px;letter-spacing:-.05em}.hero h1 span{color:#a73be8}.hero p{max-width:650px;color:#b9b1c2;font-size:19px}.hero-actions{display:flex;gap:14px;margin:32px 0}.button{display:inline-block;padding:14px 22px;border-radius:12px;text-decoration:none;font-weight:800;border:1px solid #54485d;cursor:pointer}.button.primary{background:#8d31d1;color:#fff;border-color:#8d31d1}.button.ghost{color:#eee;background:#17131d}.button.small{padding:10px 16px}.hero-points{display:flex;gap:18px;flex-wrap:wrap;color:#c8c1d0;font-size:13px}.hero-visual{position:relative}.hero-visual img{width:100%;max-height:530px;object-fit:cover;border-radius:24px;border:1px solid #393043;box-shadow:0 30px 100px rgba(121,34,181,.24)}.hero-glow{position:absolute;inset:10% -10% 10% 5%;background:#8c2bd1;filter:blur(100px);opacity:.2}.intro-band{margin:0 7%;padding:22px 28px;border:1px solid #3b3043;border-radius:18px;background:#15111b;display:flex;align-items:center;justify-content:space-between;gap:20px}.intro-band strong{display:block;font-size:18px}.intro-band span{display:block;color:#9e95a9;font-size:13px}.section{padding:110px 7%}.section-heading{max-width:760px;margin-bottom:45px}.section-heading h2{font-size:clamp(34px,5vw,56px);line-height:1.02;margin:10px 0 15px;letter-spacing:-.04em}.section-heading p{color:#a9a1b2;font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-grid article{padding:25px;border:1px solid #302837;border-radius:18px;background:#131018}.feature-grid .icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#392052;color:#c68df0;font-size:20px}.feature-grid h3{margin:17px 0 7px}.feature-grid p{margin:0;color:#9991a2;font-size:14px}.demo-section{background:#100c15;border-top:1px solid #241d2b;border-bottom:1px solid #241d2b}.demo-app{display:grid;grid-template-columns:210px 1fr;min-height:570px;border:1px solid #38303e;border-radius:22px;overflow:hidden;background:#121015;box-shadow:0 25px 80px rgba(0,0,0,.35)}.demo-sidebar{background:#17131c;padding:22px 12px}.demo-brand{font-weight:900;font-size:18px;padding:0 12px 20px}.demo-brand small{color:#a94fe0;font-size:10px;margin-left:5px}.tab{width:100%;padding:13px 12px;margin:3px 0;background:none;border:0;border-radius:11px;color:#b8b0c1;text-align:left;cursor:pointer;font-size:14px}.tab span{margin-left:8px}.tab.active,.tab:hover{background:#352044;color:#fff}.demo-main{padding:28px;overflow:auto}.demo-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#968d9e;font-size:12px}.demo-top strong{font-size:24px;color:#f2edf5}.dash-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.stat,.welcome,.chart,.clock-card,.ticket{background:#1a171d;border:1px solid #39323f;border-radius:16px;padding:22px}.stat small,.stat span{display:block;color:#948b9d}.stat b{display:block;font-size:30px;margin:7px 0}.welcome{grid-column:1/-1;padding:34px}.welcome h3{font-size:24px;margin-top:0}.pos-layout{display:grid;grid-template-columns:1fr 320px;gap:16px}.products{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.product{padding:18px;text-align:left;background:#1a171d;border:1px solid #38313e;border-radius:12px;color:white;cursor:pointer}.product:hover{border-color:#9b3be0}.product strong,.product span{display:block}.product span{color:#aaa0b0;font-size:13px;margin-top:4px}.order{background:#1a171d;border:1px solid #39323f;border-radius:16px;padding:18px}.order h3{margin-top:0}.order-row{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #312b35;font-size:13px}.order-row span{flex:1}.order-row button{background:none;border:0;color:#ff7676;cursor:pointer}.total{display:flex;justify-content:space-between;margin:18px 0;font-size:16px}.total b{font-size:24px}.pay{width:100%;padding:13px;border:0;border-radius:10px;background:#8d31d1;color:white;font-weight:800}.empty{color:#8e8695;padding:25px 5px;text-align:center;font-size:13px}.tables{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.table{height:130px;border-radius:16px;border:1px solid #51495a;background:#1b1820;color:white;cursor:pointer}.table.busy{background:#392118;border-color:#9e5b3d}.table.selected{outline:3px solid #8e37d1}.table span,.table small{display:block}.table small{color:#aaa}.tickets{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ticket b{display:block;color:#b98ae2;margin:8px 0}.ticket button{padding:9px 13px;background:#2c2235;color:#fff;border:1px solid #553d64;border-radius:9px}.charts{display:grid;grid-template-columns:1.5fr .8fr;gap:15px}.chart h3{margin-top:0}.bars{height:270px;display:flex;align-items:end;gap:15px;padding:20px 10px}.bars i{flex:1;display:block;background:#b78ae0;border-radius:7px 7px 2px 2px;position:relative;min-height:20px}.bars i span{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-style:normal;color:#999}.clock-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.clock-actions button{height:100px;border:1px solid #3c3541;border-radius:14px;background:#252127;color:#aaa}.clock-actions .entry{background:#3fae4d;color:white}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{padding:30px;border:1px solid #38303f;border-radius:20px;background:#141118;position:relative}.price-card.featured{border-color:#8e36cf;box-shadow:0 20px 70px rgba(139,49,209,.13)}.price-tag{font-size:11px;letter-spacing:.12em;color:#ba88df;font-weight:900}.price-card h3{font-size:22px}.price{font-size:44px;font-weight:900;letter-spacing:-.04em}.price small{font-size:14px;color:#938b9b;font-weight:500}.equivalent{color:#8f8797;font-size:13px;margin-bottom:20px}.price-card ul{list-style:none;padding:0;margin:0 0 24px}.price-card li{padding:8px 0;border-bottom:1px solid #2b252f;color:#c8c0cc;font-size:14px}.pricing-note{margin-top:18px;color:#77707d;font-size:12px}.dark-section{background:#0b0910}.screens{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.screen-card{margin:0;border:1px solid #302837;background:#141118;border-radius:18px;overflow:hidden}.screen-card.large{grid-column:1/-1}.screen-card img{display:block;width:100%;max-height:520px;object-fit:cover}.screen-card figcaption{padding:15px 18px;display:flex;justify-content:space-between}.screen-card figcaption span{color:#8f8797}.cta-section{padding:100px 7%;display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(100deg,#1d1027,#110c16)}.cta-section h2{font-size:52px;line-height:1;margin:8px 0}.cta-section p{color:#a79eae}footer{padding:40px 7%;border-top:1px solid #27212c;display:flex;justify-content:space-between;align-items:end;gap:20px;color:#817987}footer img{width:120px}.copy{font-size:12px}@media(max-width:1000px){.hero{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.demo-app{grid-template-columns:1fr}.demo-sidebar{display:flex;overflow:auto;gap:5px}.demo-brand{display:none}.tab{min-width:max-content}.screens{grid-template-columns:1fr}.screen-card.large{grid-column:auto}.pos-layout,.charts{grid-template-columns:1fr}.tables{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.site-header{padding:0 20px}.site-header nav,.site-header .nav-cta{display:none}.menu{display:block;margin-left:auto}.site-header nav.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#111;border-bottom:1px solid #292330;padding:18px;flex-direction:column}.hero,.section{padding:70px 20px}.hero h1{font-size:54px}.intro-band{margin:0 20px;display:block}.intro-band .button{margin-top:15px}.feature-grid{grid-template-columns:1fr}.dash-grid,.tickets,.screens{grid-template-columns:1fr}.cta-section{padding:70px 20px;display:block}.cta-section h2{font-size:40px}.hero-points{display:block}.hero-points span{display:block;margin:7px 0}footer{padding:30px 20px;display:block}.copy{margin-top:20px}.price{font-size:40px}}

.workflow-section{padding:85px 7%;background:#120d18;border-top:1px solid #241d2b;border-bottom:1px solid #241d2b}.workflow-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.workflow-inner h2{font-size:clamp(34px,4.5vw,54px);line-height:1.03;letter-spacing:-.04em;margin:10px 0 16px}.workflow-inner p{color:#a9a1b2;max-width:620px;font-size:17px}.workflow-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workflow-steps>div{padding:22px;border:1px solid #342b3b;background:#17121c;border-radius:16px}.workflow-steps b{display:block;color:#b879df;font-size:12px;letter-spacing:.12em;margin-bottom:16px}.workflow-steps span{display:block;font-weight:800;font-size:17px}.workflow-steps small{display:block;color:#8f8797;margin-top:6px}.included-note{margin-top:24px;padding:17px 19px;border:1px solid #3a3042;border-radius:14px;background:#17121c;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.included-note strong{color:#eee8f2}.included-note span{color:#a99fb0}.demo-toast{margin-top:12px;padding:10px 12px;border-radius:9px;background:#30203a;color:#d8b6ed;font-size:12px;text-align:center}@media(max-width:1000px){.workflow-inner{grid-template-columns:1fr}}@media(max-width:700px){.workflow-section{padding:65px 20px}.workflow-steps{grid-template-columns:1fr}.included-note{align-items:flex-start;flex-direction:column}}