:root{--ink:#173532;--green:#144d43;--mint:#dceee3;--cream:#f6f5ef;--orange:#ec733e;--muted:#65736c;--line:#dce2d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.75 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{cursor:pointer}.wrap{max-width:1180px;margin:auto;padding:0 30px}.nav{background:#f6f5eff2;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:9;backdrop-filter:blur(12px)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:80px}.brand{text-decoration:none;font-size:25px;letter-spacing:-1px;font-weight:800;display:flex;align-items:center;gap:10px}.mark{display:grid;place-items:center;background:var(--green);width:34px;height:34px;color:#e5efbf;border-radius:9px;font-size:21px}.navlinks{display:flex;gap:27px;align-items:center;font-size:14px}.navlinks a{text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 24px;background:var(--green);color:white;text-decoration:none;border:1px solid var(--green);border-radius:7px;font-size:15px;font-weight:650;line-height:1.4;transition:transform .2s,background .2s}.btn:hover{background:#0a392f;transform:translateY(-2px)}.btn.light{background:#e5edb9;color:var(--ink);border-color:#e5edb9}.btn.outline{background:transparent;color:var(--ink);border-color:#aab8ac}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-size:12px;font-weight:750;color:var(--green);display:block;margin-bottom:21px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.9vw,67px);letter-spacing:-2.8px;line-height:1.14;margin-bottom:25px;font-weight:650}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}h2{font-size:clamp(32px,3.4vw,46px);line-height:1.25;letter-spacing:-1.5px;margin-bottom:23px;font-weight:650}h3{font-size:22px;line-height:1.35;letter-spacing:-.5px}p{margin-bottom:20px}.lead{font-size:18px;color:var(--muted);max-width:600px}.hero{padding:80px 0 60px;overflow:hidden}.herogrid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.hero .sub{font-size:13px;color:var(--muted);margin:18px 0}.heroactions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.textlink{font-size:14px;text-underline-offset:5px}.screen{background:#fff;border:1px solid #d5ddd2;border-radius:12px;overflow:hidden;box-shadow:0 24px 65px #16393112}.hero .screen{transform:rotate(-2deg);position:relative}.browserbar{height:39px;background:#f4f6f2;border-bottom:1px solid #e6ebe2;display:flex;align-items:center;gap:5px;padding:0 15px;font-size:10px;color:#829186}.dot{width:7px;height:7px;border-radius:50%;background:#c5d0c1}.address{margin:auto}.dash{display:grid;grid-template-columns:105px 1fr;min-height:335px;font-size:11px;line-height:1.5}.sidebar{background:#123d36;color:#bed3c8;padding:21px 13px}.sidebar b{color:white;display:block;margin-bottom:26px;font-size:14px}.sidebar span{display:block;margin:18px 0}.sidebar span.active{background:#ffffff19;padding:8px;border-radius:5px;color:#fff}.dashmain{padding:23px 20px;min-width:0}.dashhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dashhead strong{font-size:16px}.pill{font-size:10px;padding:4px 8px;border:1px solid var(--line);border-radius:30px;color:var(--green)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{padding:11px;background:#f3f7f1;border-radius:6px;color:#728274}.metric b{display:block;font-size:18px;color:var(--ink);margin-top:4px}.chart{height:125px;display:flex;align-items:end;gap:9px;border-bottom:1px solid var(--line);margin-top:30px;padding:0 10px;background:repeating-linear-gradient(to top,transparent 0 30px,#e9eee6 31px 32px)}.chart i{flex:1;background:#6f9e83;border-radius:4px 4px 0 0;height:var(--h)}.chart i:nth-child(3n){background:#cedc9a}.chartlabel{display:flex;justify-content:space-between;margin-top:8px;color:#849080}.caption{font-size:12px;color:var(--muted);margin:20px 0 0;text-align:center}.trustline{display:flex;gap:30px;justify-content:space-between;padding:25px 0;border-top:1px solid var(--line);margin-top:50px;font-size:13px;color:var(--muted)}.trustline b{color:var(--green);margin-right:8px}.section{padding:95px 0}.narrow{max-width:740px;margin:auto}.story{background:#fff}.story .narrow{position:relative}.storyline{font-size:27px;line-height:1.5;font-family:Georgia,serif;border-left:3px solid var(--orange);padding-left:25px;margin:30px 0}.story p{color:#52625b}.story strong{color:var(--ink)}.tag{font-size:11px;letter-spacing:1px;background:#edf1e7;padding:5px 9px;border-radius:4px;display:inline-block;color:var(--green);margin-bottom:18px}.story .sign{color:var(--green);font-weight:650;margin-top:30px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.painlist{counter-reset:rows}.pain{padding:21px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 1fr;gap:12px}.pain:before{counter-increment:rows;content:'0' counter(rows);color:#81917e;font-size:12px;padding-top:4px}.pain h3{font-size:18px;margin-bottom:6px}.pain p{font-size:15px;color:var(--muted);margin:0}.dark{background:#123b34;color:#f0f4e6}.dark .eyebrow{color:#c7d88c}.dark h2 em{color:#d0e19f}.dark p{color:#c0d2c8}.principle{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.principle article{border-top:1px solid #537067;padding-top:25px}.principle span{font-size:13px;color:#c7d88c}.principle h3{margin:17px 0 12px}.principle p{font-size:15px}.sectionhead{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.sectionhead p{max-width:380px;font-size:15px;color:var(--muted)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.tabs button{background:transparent;border:1px solid #bdc9bb;color:var(--ink);border-radius:40px;padding:10px 20px;font-size:14px}.tabs button[aria-selected=true]{background:var(--green);color:white;border-color:var(--green)}.portfolio{display:grid;grid-template-columns:1.3fr 1fr;gap:42px;align-items:center}.portfolio .screen{box-shadow:0 15px 40px #1735320b}.portfolio h3{font-size:28px}.checks{list-style:none;padding:0;font-size:15px}.checks li{padding:8px 0 8px 27px;position:relative}.checks li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:750}.demofoot{font-size:12px;color:var(--muted);margin-top:25px}.table{width:100%;border-collapse:collapse;font-size:11px;margin-top:20px}.table th{text-align:left;color:#768576;font-weight:500}.table td,.table th{padding:10px 4px;border-bottom:1px solid #edf0ea}.badge{background:#e7f2e8;color:#35714a;padding:4px 6px;border-radius:4px;white-space:nowrap}.badge.warn{background:#fff0dc;color:#9a6622}.wordcard{padding:20px;text-align:center;border:1px solid #dce9df;border-radius:9px;margin:10px 0;background:#f5f9f4}.wordcard strong{display:block;font-family:Georgia,serif;font-size:27px;margin:10px}.wordcard p{font-size:12px;color:#637a69;margin-bottom:10px}.mini{background:var(--green);color:white;padding:7px 14px;border:0;border-radius:5px;font-size:11px}.usecases{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);margin-top:45px}.usecase{padding:28px 30px 28px 0;border-bottom:1px solid var(--line)}.usecase span{color:#7a8c78;font-size:12px}.usecase h3{font-size:19px;margin:10px 0}.usecase p{font-size:14px;color:var(--muted);margin:0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.step{border-top:1px solid var(--line);padding-top:25px}.step b{font-size:13px;color:var(--green)}.step h3{font-size:20px;margin:17px 0 12px}.step p{font-size:14px;color:var(--muted)}.offer{background:#e6ecdd}.pricebox{background:#fff;border:1px solid #d5dec9;border-radius:13px;padding:38px}.price{font-size:62px;line-height:1.1;font-weight:650;letter-spacing:-3px;margin:15px 0}.price small{font-size:18px;letter-spacing:0}.muted{font-size:13px;color:var(--muted)}.pricebox .btn{width:100%;margin-top:14px}.costs{border-top:1px solid var(--line);padding-top:20px;font-size:13px;color:var(--muted)}.offerlist{margin-top:30px}.offerlist h3{font-size:18px;margin-bottom:8px}.offerlist p{font-size:15px;color:#607158}.calc{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:40px}.calcbox{padding:28px;border:1px solid var(--line);border-radius:10px}.calcbox label{display:block;font-size:14px;margin-bottom:17px}.calcbox input{width:100%;accent-color:var(--green)}.calcbox output{float:right;font-weight:750}.result{font-size:38px;letter-spacing:-1px;color:var(--green);font-weight:700;margin:15px 0 2px}.faq{background:#fff}.faqgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}details{padding:21px 0;border-bottom:1px solid var(--line)}summary{font-size:17px;font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:30px}summary:after{content:'+';position:absolute;right:3px;font-weight:400;font-size:24px;top:-5px}details[open] summary:after{content:'−'}details p{font-size:15px;color:var(--muted);margin:15px 0 0}.contact{background:#102e2c;color:#f1f4e8}.contact .eyebrow{color:#d1e09c}.contact p{color:#bbcec5}.contact h2{font-size:43px}.form{background:#fff;color:var(--ink);padding:32px;border-radius:12px}.form label{display:block;font-size:13px;font-weight:600;margin-bottom:17px}.form input,.form textarea,.form select{display:block;width:100%;margin-top:6px;border:1px solid #d5ddd2;border-radius:5px;background:#fbfcf9;color:var(--ink);padding:11px 12px;font-size:14px}.form textarea{resize:vertical;min-height:110px}.form .btn{width:100%}.form .muted{color:var(--muted);font-weight:400;margin-top:13px;font-size:12px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}.output{white-space:pre-wrap;font-size:13px;background:#f1f5ed;padding:15px;max-height:240px;overflow:auto;border-radius:6px}.form [hidden]{display:none}.footer{background:#102e2c;color:#c1d1c9;border-top:1px solid #34534a;padding:27px 0;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer .brand{font-size:20px;color:#edf4de}.footer p{margin:0}.mobilecta{display:none} .note{font-size:12px;margin-top:18px;color:var(--muted)}@media(min-width:1400px){.hero{padding-top:105px;padding-bottom:75px}}@media(max-width:900px){.herogrid,.split,.portfolio,.calc,.faqgrid{gap:35px}.wrap{padding:0 23px}h1{letter-spacing:-1.8px}.dash{grid-template-columns:78px 1fr}.sidebar{padding:15px 8px}.dashmain{padding:18px 12px}.navlinks a:not(.btn){display:none}.principle{gap:22px}.process{grid-template-columns:1fr 1fr}.metric b{font-size:15px}}@media(max-width:680px){body{font-size:16px}.nav .wrap{height:66px}.brand{font-size:22px}.navlinks .btn{font-size:12px;padding:10px 13px}.hero{padding:45px 0 20px}.herogrid,.split,.portfolio,.calc,.faqgrid{grid-template-columns:1fr;gap:30px}h1{font-size:43px}.lead{font-size:16px}.hero .screen{transform:none;margin-top:12px}.heroactions{gap:18px}.trustline{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:30px;font-size:11px}.section{padding:62px 0}h2{font-size:34px;letter-spacing:-1px}.sectionhead{display:block}.sectionhead p{max-width:none}.principle{grid-template-columns:1fr;gap:18px}.principle article{padding-top:18px}.principle h3{margin:9px 0}.principle p{margin-bottom:8px}.usecases{grid-template-columns:1fr 1fr;margin-top:25px}.usecase{padding:20px 18px 20px 0}.usecase h3{font-size:17px}.process{gap:20px}.pricebox{padding:26px}.storyline{font-size:24px}.contact h2{font-size:34px}.form{padding:23px}.formrow{grid-template-columns:1fr;gap:0}.footer{padding-bottom:95px}.footer .wrap{align-items:start;flex-direction:column}.mobilecta{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:#f6f5eff5;padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:10;font-size:12px}.mobilecta .btn{padding:11px 18px;font-size:13px}.tabs button{padding:9px 14px;font-size:13px}.caption{text-align:left}.dash{min-height:310px}.portfolio .dash{min-height:300px}.calc{margin-top:25px}.result{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* MạchSốLab identity */
.brand{gap:11px;letter-spacing:-.9px}.brand-symbol{display:block;flex:none;width:42px;height:42px}.brand-symbol img{display:block;width:100%;height:100%}.brand-words{font-size:25px;line-height:1.1;color:var(--ink)}.brand-words>span{font-weight:800}.brand-words>b{color:#50754d;font-weight:500}.brand-words small{font-size:8px;display:block;letter-spacing:2px;font-weight:600;margin-top:6px}.footer .brand-words{color:#f6f5ef}.footer .brand-words>b{color:#d2e1a6}.footer-grid{display:grid!important;grid-template-columns:2fr 1fr 1fr;align-items:start!important;gap:55px!important;padding-top:20px;padding-bottom:35px}.footer h3{font-size:14px;color:#f6f5ef;margin-bottom:18px;letter-spacing:0}.footer-grid>div>a:not(.brand){display:block;margin:9px 0;text-decoration:none;color:#b8ccc1;font-size:13px}.footer-grid>div>a:hover{text-decoration:underline}.footer-brand p{font-size:13px;color:#a6bfb2}.footer-brand .footer-slogan{margin:19px 0 9px;color:#e5edb9;font-size:15px}.footer-bottom{border-top:1px solid #33564a;padding-top:23px;font-size:11px}.honeypot{position:absolute!important;left:-10000px!important;opacity:0!important;height:0!important;overflow:hidden!important}.consent{display:flex!important;align-items:flex-start;gap:10px;font-weight:400!important;font-size:12px!important;line-height:1.65}.form .consent input{width:16px;height:16px;flex:none;margin:3px 0 0;accent-color:var(--green)}.form-status{font-size:14px;line-height:1.6;margin:16px 0 0}.form-status.success{background:#e8f3e7;color:#245c35;padding:14px;border-radius:6px}.form-status.error{color:#ae3b35}.btn:disabled{opacity:.65;cursor:wait;transform:none}.timeline{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:30px;background:#fff}.timeline article{padding:32px;border-right:1px solid var(--line)}.timeline article:last-child{border:0;background:#edf2e4}.time-badge{font-size:10px;letter-spacing:1.5px;color:#55704c;font-weight:750}.timeline h3{font-size:23px;margin:19px 0 13px}.timeline p{font-size:14px;color:var(--muted)}.payment{display:flex;align-items:center;gap:17px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.payment b{font-size:36px;letter-spacing:-1px}.payment span{font-size:12px;line-height:1.7;color:var(--muted)}.schedule-note{margin-top:24px;border-left:3px solid #a4bb76;padding:8px 0 8px 22px}.schedule-note p{font-size:14px;color:var(--muted);margin:7px 0 0}.payment-example{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:27px;font-size:12px;color:var(--muted)}.payment-example b{display:block;color:var(--green);font-size:15px}.demo-tabs{gap:9px}.demo-tabs button{padding:10px 19px}.app-preview{border:1px solid #d5ded4;border-radius:13px;overflow:hidden;box-shadow:0 22px 50px #1639310a;font-size:13px;line-height:1.55;background:#fff}.app-preview h4{font-size:24px;letter-spacing:-.7px;margin:5px 0 0;font-weight:650;line-height:1.3}.app-preview small{font-size:10px}.app-preview nav{display:flex;gap:23px;font-size:12px}.app-preview-caption{display:flex;justify-content:space-between;padding:11px 20px;border-top:1px solid #dddddd66;background:#fafbf8;font-size:10px;color:#798674;gap:15px}.app-preview-caption>span:first-child{color:#61774d;letter-spacing:1px;font-size:9px}.ui-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.ui-head small{letter-spacing:1.2px;font-size:9px;color:#7f8c81}.ui-badge{border:1px solid #d9e1d6;border-radius:30px;padding:6px 10px;font-size:10px;white-space:nowrap}.app-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;padding:36px 4px 0}.app-detail .eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:13px}.app-title{display:flex;gap:18px;align-items:center}.app-title h3{font-size:32px;margin-bottom:10px}.app-title>span{font-size:10px;color:#7a8978;border:1px solid var(--line);padding:3px 8px;border-radius:20px}.app-detail h4{font-size:19px;font-weight:600;line-height:1.6;margin:4px 0 14px}.app-detail p{color:var(--muted);font-size:15px}.app-detail h5{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:4px 0 12px}.app-features{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin-top:0}.app-features li{font-size:13px;padding-top:7px;padding-bottom:7px}.demo-disclosure{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;color:#7d8976}.demo-disclosure p{font-size:11px;line-height:1.8;margin:0}.rest-layout{display:grid;grid-template-columns:170px 1fr;min-height:390px;background:#fcf9f3}.rest-layout aside{background:#292c24;padding:28px 22px;color:#d4d4c8;position:relative}.demo-logo{font-family:Georgia,serif;font-size:27px;color:#f2e4c7}.demo-logo span{display:block;font:8px system-ui;letter-spacing:2px;margin-top:7px}.rest-menu{font-size:11px;line-height:3.3;margin-top:25px;color:#c4c5b5}.rest-staff{position:absolute;bottom:25px;font-size:10px;color:#a7b499}.rest-main{padding:28px 32px}.rest-filters{display:flex;gap:25px;font-size:11px;margin-top:25px;color:#8c8b77}.rest-filters b{color:#a5592f}.tables{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.dining-table{display:grid;grid-template-columns:45px 1fr;grid-template-rows:1fr 1fr;border:1px solid #dce2d3;background:#f2f6ed;border-radius:7px;padding:16px;color:#5b7351}.dining-table>span{grid-row:1/3;font-size:27px;line-height:1.2}.dining-table b{font-size:13px}.dining-table small{font-size:10px}.dining-table.t1{background:#f9eadf;border-color:#ecd6c3;color:#96623f}.dining-table.t2{background:#ede9f2;border-color:#dcd4e4;color:#847197}.rest-order{display:flex;justify-content:space-between;align-items:center;margin-top:24px;border-top:1px solid #e8e1d6;padding-top:17px;font-size:11px}.rest-order b{display:block;font-size:13px}.rest-order small{font-size:8px;color:#92846f;letter-spacing:1px}.rest-order i{font-style:normal;color:#b98145}.spa-app{background:#fdf9f8;color:#613f4b}.spa-app header{display:flex;align-items:center;justify-content:space-between;padding:22px 35px;border-bottom:1px solid #ecdee2}.spa-logo{font:24px Georgia,serif;color:#994e6b}.spa-logo span{display:block;font:7px system-ui;letter-spacing:2px;margin-left:27px;margin-top:4px}.spa-app header>b{background:#f0dce3;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:10px}.spa-app nav span{color:#b398a3}.spa-body{padding:25px 40px}.spa-add{background:#975a73;color:#fff;border-radius:6px;padding:10px 16px;font-size:11px}.spa-days{display:flex;gap:12px;margin:20px 0}.spa-days>div{flex:1;max-width:90px;padding:8px;text-align:center;border:1px solid #ebdfe1;border-radius:7px;background:#fff}.spa-days small,.spa-days b{display:block}.spa-days b{font-size:18px}.spa-days .selected{background:#925872;border-color:#925872;color:#fff}.spa-appointments>div{display:flex;align-items:center;gap:20px;margin-top:11px}.spa-appointments time{color:#9d7a89;font-size:11px;min-width:35px}.spa-appointments article{border-left:3px solid #c18ca5;padding:10px 16px;background:#f4eaf0;flex:1;border-radius:0 6px 6px 0}.spa-appointments b{font-size:12px}.spa-appointments span{display:block;font-size:10px;color:#a28290}.spa-appointments small{font-size:9px}.spa-appointments i{font-size:10px;font-style:normal;background:#eff1df;padding:5px 11px;border-radius:20px;color:#7b8651}.spa-summary{display:flex;gap:55px;margin-top:22px;font-size:10px;color:#a0838e}.spa-summary b{display:inline-block;margin-left:10px;font-size:18px;color:#74465b}.coach-app{background:#f5f7fc;color:#25355e}.coach-app header{padding:20px 28px;display:flex;justify-content:space-between;align-items:center;background:#27375e;color:#fff}.coach-app header>b{font-size:22px;letter-spacing:1px}.coach-app header .ui-badge{font-size:8px;border-color:#6b7692;color:#d3d9e8}.coach-app nav span{color:#afbbd8}.coach-body{padding:26px 30px}.coach-split{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;margin-top:23px}.trip{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:14px 16px;border:1px solid #e1e6f1;border-radius:7px;margin-bottom:12px}.trip b{font-size:21px}.trip span{font-size:13px;display:block;font-weight:600}.trip small{display:block;color:#8f9ab2;margin-top:3px}.trip i{font-size:9px;font-style:normal;color:#607b55;background:#edf3e9;padding:4px 8px;border-radius:20px}.trip.selected{border-left:4px solid #536fbb;background:#eff3ff}.seat-panel{background:#fff;padding:17px;border-radius:8px;border:1px solid #e0e5f0}.seat-panel>b{font-size:12px}.seat-panel>small{display:block;color:#8795b1;margin-top:5px}.seats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:13px 0}.seats span{padding:5px;background:#526eae;color:#fff;border-radius:4px;text-align:center;font-size:9px}.seats span.free{background:#fff;border:1px solid #ccd5e5;color:#7f8cab}.driver-app{background:#102228;color:#d9e8e1}.driver-app header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid #2d4348}.driver-app header>b{font-size:27px;color:#d0ef96;letter-spacing:-1px}.driver-app header>b span{display:block;font-size:7px;letter-spacing:2px;color:#7d989b}.driver-app header>div{font-size:10px;color:#9fb5ad}.driver-app header i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c9ef86;margin-right:5px}.driver-body{display:grid;grid-template-columns:1.2fr 1fr}.dispatch-map{position:relative;overflow:hidden;min-height:330px}.dispatch-map svg{display:block;width:100%;height:100%;object-fit:cover}.dispatch-pulse{position:absolute;bottom:24px;left:26px;background:#102228dd;border:1px solid #48624d;padding:8px 15px;color:#c9ef86;border-radius:6px;font-size:10px}.dispatch-list{padding:25px}.dispatch-list>small{font-size:8px;letter-spacing:1px;color:#89a09f}.dispatch-list h4{margin:5px 0 18px}.dispatch-list article{background:#1b3137;border:1px solid #365056;padding:14px;border-radius:7px;margin-bottom:12px}.dispatch-list article>span{display:flex;justify-content:space-between;font-size:10px;color:#98b2ac}.dispatch-list article i{font-style:normal;color:#d0ef96;font-size:9px}.dispatch-list article>b{font-size:11px;display:block;margin:8px 0 5px}.dispatch-list article p{font-size:10px;color:#839e9e;margin:0}.dispatch-list article>div{border-top:1px solid #355057;padding-top:9px;margin-top:12px;font-size:10px;display:flex;justify-content:space-between}.driver-totals{display:flex;gap:45px;margin-top:18px}.driver-totals b{color:#c9ef86;font-size:23px}.driver-totals small{display:block;font-size:9px;font-weight:400;color:#819b99}.stock-app{background:#f6f8fb;color:#223d67;display:grid;grid-template-columns:155px 1fr}.stock-app aside{padding:28px 18px;border-right:1px solid #dde5f1;background:white}.stock-app aside>b{font-size:20px;display:block;margin-bottom:28px;color:#346ac0}.stock-app aside>span{display:block;padding:10px 12px;font-size:11px;margin-bottom:4px}.stock-app aside>span.on{background:#eaf1ff;border-radius:6px;color:#2d66b7;font-weight:650}.stock-main{padding:27px 32px}.stock-plus{color:#fff;background:#3567b8;padding:9px 14px;border-radius:6px;font-size:10px}.stock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.stock-kpis>div{background:#fff;border:1px solid #e2e7f0;padding:14px;border-radius:6px;font-size:10px;color:#94a0b4}.stock-kpis b{display:block;font-size:25px;color:#365f95;font-weight:650}.stock-kpis .warning b{color:#ca8d43}.stock-search{background:#fff;border:1px solid #e2e7f0;padding:10px 13px;border-radius:5px;font-size:11px;color:#98a4b9;display:flex;justify-content:space-between}.stock-app table{width:100%;border-collapse:collapse;font-size:11px;margin-top:15px;background:#fff}.stock-app th{font-size:8px;letter-spacing:1px;font-weight:500;text-align:left;color:#93a0b6;background:#eef2f8;padding:11px}.stock-app td{padding:12px;border-bottom:1px solid #e8edf4}.stock-app td span{display:block;color:#8b9bb2;font-size:10px}.stock-app td i{font-size:9px;font-style:normal;color:#527b60;background:#ebf4ed;padding:5px 8px;border-radius:4px;white-space:nowrap}.stock-app td i.low{background:#fff1db;color:#ba8643}.account-app{color:#273a56;background:#fff}.account-app header{display:flex;align-items:center;justify-content:space-between;padding:22px 35px;border-bottom:1px solid #e4e8ed}.account-app header>b{font-family:Georgia,serif;font-size:24px;color:#223d63}.account-app header>b span{display:block;font:7px system-ui;letter-spacing:2px;margin-top:4px}.account-app nav{color:#8b99ab;font-size:11px}.account-app header>i{font-size:10px;font-style:normal;border:1px solid #dfe4ec;padding:5px 10px;border-radius:4px}.account-body{padding:26px 35px}.finance-title h4{font-size:25px;font-family:Georgia,serif}.finance-title>small{display:block;color:#8d9baf;margin-top:5px}.finance-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.finance-metrics>div{border-left:3px solid #c7d7ed;padding-left:18px;font-size:10px;color:#8394aa}.finance-metrics>div:last-child{border-color:#6387a5}.finance-metrics b{font-size:32px;display:block;color:#2b4d76;font-weight:550;letter-spacing:-1px}.finance-metrics small{font-size:9px}.finance-bottom{display:grid;grid-template-columns:1.8fr 1fr;gap:35px}.finance-bottom b{font-size:11px}.finance-bottom>div>small{font-size:9px;color:#9aa7b9}.finance-bars{height:100px;border-bottom:1px solid #dce3ec;display:flex;gap:12px;align-items:end;margin-top:18px;background:repeating-linear-gradient(to top,transparent 0 30px,#f0f3f7 31px 32px);padding:0 15px}.finance-bars i{flex:1;border-radius:3px 3px 0 0}.debt{background:#f2f5f9;padding:20px;border-radius:7px}.debt>*{display:block}.debt>b{margin-top:8px;font-size:13px}.debt strong{font-size:29px;font-weight:550;color:#b07749;margin-top:7px}.debt p{font-size:10px;color:#8c9bae;margin:0 0 12px}.debt span{font-size:10px;color:#6c87a7}.vocab-app{background:#f1f7fa;color:#2c5772}.vocab-app header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:22px 35px}.vocab-app header>b{color:#2e7294;font-size:26px;letter-spacing:-1px}.vocab-app header>b span{font-size:12px;letter-spacing:0}.vocab-app nav{font-size:11px;color:#849cae}.vocab-body{padding:40px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;min-height:340px}.vocab-body aside>span{font-size:9px;letter-spacing:1.5px;color:#839caf}.vocab-body aside>h4{font-size:31px;color:#26566c;line-height:1.4;margin:12px 0}.vocab-body aside>p{font-size:12px;color:#829aaa;margin:14px 0}.vocab-stats{display:flex;gap:40px}.vocab-stats b{font-size:24px;color:#3d7c8d}.vocab-stats small{display:block;font-size:9px;font-weight:400;color:#90a6b3}.vocab-card{background:#fff;box-shadow:0 10px 30px #567e9510;border:1px solid #e0ebf0;text-align:center;border-radius:15px;padding:30px 15px;transform:rotate(-2deg)}.vocab-card .ui-badge{font-size:8px;color:#809bb3;border-color:#e2eaf0}.vocab-card>strong{display:block;font-size:34px;font-family:Georgia,serif;color:#235e7b;margin-top:25px}.vocab-card>small{color:#91a5af;font-size:11px}.vocab-card>p{font-size:12px;color:#8198a6;margin:17px 0}.vocab-card button{padding:12px 18px;background:#2f7792;border:0;border-radius:7px;color:white;font-size:11px}.vocab-card button:disabled{background:#8daab4}
@media(max-width:900px){.app-detail{gap:30px}.app-title{flex-wrap:wrap;gap:0 12px}.rest-layout{grid-template-columns:135px 1fr}.rest-main{padding:24px}.stock-app{grid-template-columns:130px 1fr}.stock-main{padding:22px}.app-preview nav{gap:12px}.timeline article{padding:25px}.payment{gap:12px}.payment b{font-size:29px}.spa-body{padding:25px}.app-preview h4{font-size:21px}.vocab-body{padding:28px}.footer-grid{gap:30px!important}}
@media(max-width:680px){.brand-words{font-size:21px}.brand-words small{font-size:6px;letter-spacing:1.3px}.brand-symbol{width:35px;height:35px}.nav .wrap{padding-left:18px;padding-right:18px}.navlinks .btn{padding:10px}.timeline{grid-template-columns:1fr}.timeline article{border-right:0;border-bottom:1px solid var(--line)}.timeline h3{font-size:23px}.payment-example{gap:15px 25px}.payment-example>span{width:calc(50% - 15px)}.footer-grid{grid-template-columns:1fr 1fr!important;gap:30px!important;display:grid!important}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:row!important;align-items:center!important}.footer-bottom p{max-width:220px}.app-preview h4{font-size:17px}.app-detail{grid-template-columns:1fr;gap:25px;padding-top:25px}.app-features{gap:0 16px}.app-features li{font-size:12px;padding-left:20px}.app-title h3{font-size:29px}.app-title>span{font-size:8px}.app-detail h4{font-size:18px}.demo-tabs{gap:7px}.demo-tabs button{font-size:11px;padding:9px 13px}.rest-layout{grid-template-columns:1fr;min-height:0}.rest-layout aside{padding:13px 18px;display:flex;align-items:center;justify-content:space-between}.demo-logo{font-size:23px}.demo-logo span{font-size:6px;letter-spacing:1.5px}.rest-menu{display:none}.rest-staff{position:static;font-size:8px}.rest-main{padding:20px 17px}.rest-filters{font-size:9px;gap:18px;margin-top:18px}.tables{gap:8px;margin-top:13px}.dining-table{padding:12px 9px;grid-template-columns:24px 1fr}.dining-table>span{font-size:21px}.dining-table b{font-size:10px}.dining-table small{font-size:8px}.rest-order{margin-top:18px;font-size:9px}.rest-order b{font-size:11px}.rest-main .ui-badge{font-size:8px;padding:4px 7px}.ui-head{gap:10px}.ui-head small{font-size:7px;letter-spacing:1px}.spa-app header{padding:15px 18px}.spa-logo{font-size:22px}.spa-app nav{display:none}.spa-body{padding:20px 17px}.spa-add{font-size:8px;padding:7px 10px}.spa-days{gap:7px;margin:16px 0}.spa-days>div{padding:5px}.spa-days b{font-size:15px}.spa-appointments>div{gap:8px}.spa-appointments article{padding:9px}.spa-appointments b{font-size:10px}.spa-appointments span{font-size:8px}.spa-appointments small{font-size:8px}.spa-appointments i{font-size:8px;padding:3px 6px}.spa-appointments time{font-size:9px;min-width:29px}.spa-summary{gap:18px;font-size:8px;margin-top:15px}.spa-summary b{font-size:15px;margin-left:5px}.coach-app header{padding:15px 18px}.coach-app header>b{font-size:19px}.coach-app nav{display:none}.coach-app header .ui-badge{font-size:7px}.coach-body{padding:20px 17px}.coach-split{gap:10px;grid-template-columns:1.2fr 1fr;margin-top:16px}.trip{padding:9px;display:block;margin-bottom:8px}.trip b{font-size:18px}.trip span{font-size:10px}.trip small{font-size:8px}.trip i{font-size:7px;display:inline-block;margin-top:6px;padding:2px 6px}.seat-panel{padding:12px 9px}.seat-panel>b{font-size:10px}.seat-panel>small{font-size:8px}.seats{gap:4px;margin:12px 0}.seats span{font-size:7px;padding:5px 3px}.driver-app header{padding:14px 18px}.driver-app header>b{font-size:24px}.driver-app header>div{font-size:8px}.driver-body{grid-template-columns:1fr}.dispatch-map{height:180px;min-height:0}.dispatch-map svg{height:100%;width:100%}.dispatch-pulse{bottom:12px;left:15px;font-size:8px;padding:5px 10px}.dispatch-list{padding:18px}.dispatch-list h4{margin:3px 0 12px}.dispatch-list article{padding:11px}.driver-totals{gap:30px}.driver-totals b{font-size:20px}.driver-totals small{font-size:8px}.stock-app{grid-template-columns:1fr}.stock-app aside{padding:14px 18px;border-bottom:1px solid #dce3ee}.stock-app aside>b{margin:0;font-size:21px}.stock-app aside>span{display:none}.stock-main{padding:20px 16px}.stock-plus{font-size:8px;padding:7px 9px;white-space:nowrap}.stock-kpis{gap:8px;margin:17px 0}.stock-kpis>div{font-size:8px;padding:9px}.stock-kpis b{font-size:20px}.stock-search{font-size:8px;padding:8px}.stock-app th{font-size:7px;padding:8px}.stock-app td{font-size:10px;padding:9px}.stock-app td span{font-size:8px}.stock-app td i{font-size:8px;padding:4px 6px}.account-app header{padding:17px 18px}.account-app header>b{font-size:21px}.account-app nav{display:none}.account-body{padding:20px 18px}.finance-title h4{font-size:22px}.finance-title>small{font-size:8px}.finance-metrics{gap:10px;margin:20px 0}.finance-metrics>div{padding-left:9px;font-size:9px}.finance-metrics b{font-size:27px}.finance-metrics small{font-size:7px}.finance-bottom{gap:15px;grid-template-columns:1.4fr 1fr}.finance-bottom b{font-size:10px}.finance-bars{gap:6px;padding:0 7px;height:95px}.finance-bottom>div>small{font-size:7px}.debt{padding:13px}.debt>b{font-size:11px}.debt strong{font-size:23px}.debt p,.debt span{font-size:8px}.vocab-app header{padding:16px 18px}.vocab-app header>b{font-size:24px}.vocab-app nav{display:none}.vocab-body{padding:22px 18px;gap:17px;grid-template-columns:1fr}.vocab-body aside>h4{font-size:25px;margin:9px 0}.vocab-body aside>h4 br{display:none}.vocab-body aside>p{font-size:11px;margin:8px 0}.vocab-stats{gap:30px}.vocab-stats b{font-size:21px}.vocab-card{transform:none;padding:23px 12px}.vocab-card>strong{margin-top:18px;font-size:31px}.app-preview-caption{font-size:8px;padding:9px 12px}.app-preview-caption>span:first-child{font-size:7px;letter-spacing:.5px}.demos-section .sectionhead p{margin-bottom:24px}.timeline .payment b{font-size:35px}.timeline .payment span{font-size:12px}}