/* myTool.studio — public homepage 2026.
   Product-only presentation layer: no application/auth rules live here. */
:root{
  --mt-canvas:#f2f0e9;
  --mt-paper:#fbfaf6;
  --mt-ink:#111827;
  --mt-muted:#5f6878;
  --mt-line:#d8d8d2;
  --mt-blue:#3156df;
  --mt-blue-dark:#1e3aa9;
  --mt-blue-soft:#e8edff;
  --mt-orange:#ff6941;
  --mt-event:#415742;
  --mt-event-soft:#e8ede3;
  --mt-menu:#d9583f;
  --mt-menu-deep:#111b2d;
  --mt-booking:#b4772b;
  --mt-booking-soft:#f6ead7;
  --mt-people:#116a70;
  --mt-people-soft:#dff0ee;
  --mt-shell:1240px;
  --mt-gutter:clamp(18px,4vw,58px);
  --mt-radius:22px;
  --mt-shadow:0 24px 70px rgba(20,27,43,.14);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--mt-canvas);color:var(--mt-ink);font-family:'DM Sans',system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
body,button{font-family:'DM Sans',system-ui,sans-serif}
a{color:inherit;text-decoration:none}
button{color:inherit}
img,svg{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
h1,h2,h3,.mt-brand,.mt-button{font-family:'Space Grotesk','DM Sans',sans-serif}
:where(a,button):focus-visible{outline:3px solid var(--mt-orange);outline-offset:4px}
.mt-shell{width:min(100%,var(--mt-shell));margin-inline:auto;padding-inline:var(--mt-gutter)}
.mt-section{padding-block:clamp(76px,10vw,140px)}
.mt-skip{position:fixed;left:16px;top:12px;z-index:200;padding:10px 14px;border-radius:10px;background:var(--mt-ink);color:#fff;transform:translateY(-160%);transition:transform .18s}
.mt-skip:focus{transform:none}

/* Header */
.mt-header{position:sticky;top:0;z-index:90;border-bottom:1px solid transparent;background:color-mix(in srgb,var(--mt-canvas) 84%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .22s,border-color .22s}
.mt-header.is-stuck{border-color:rgba(17,24,39,.12);background:color-mix(in srgb,var(--mt-canvas) 95%,transparent)}
.mt-nav{min-height:74px;display:flex;align-items:center;gap:30px}
.mt-brand{display:inline-flex;align-items:center;gap:10px;margin-right:auto;font-size:20px;font-weight:700;letter-spacing:-.04em;white-space:nowrap}
.mt-brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--mt-blue);color:#fff;font-size:19px;box-shadow:0 8px 18px rgba(49,86,223,.25)}
.mt-brand-name>span{color:var(--mt-blue)}
.mt-nav-links{display:flex;align-items:center;gap:28px;color:#394253;font-size:14px;font-weight:600}
.mt-nav-links a{position:relative;padding-block:8px}
.mt-nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--mt-blue);transition:right .2s}
.mt-nav-links a:hover::after{right:0}
.mt-login{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 17px;border:1px solid rgba(17,24,39,.17);border-radius:999px;background:rgba(255,255,255,.55);font-size:14px;font-weight:700;transition:background .2s,transform .2s}
.mt-login:hover{background:#fff;transform:translateY(-1px)}
.mt-nav-mobile-login{display:none}
.mt-menu-button{display:none;width:44px;height:44px;border:1px solid rgba(17,24,39,.16);border-radius:12px;background:var(--mt-paper);padding:11px;place-items:center;cursor:pointer}
.mt-menu-button span{display:block;width:20px;height:2px;border-radius:2px;background:var(--mt-ink);transition:transform .2s,opacity .2s}
.mt-menu-button span+span{margin-top:4px}
.mt-nav[data-open] .mt-menu-button span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mt-nav[data-open] .mt-menu-button span:nth-child(2){opacity:0}
.mt-nav[data-open] .mt-menu-button span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* Shared typography/actions */
.mt-kicker{display:flex;align-items:center;gap:10px;color:var(--mt-blue-dark);font:700 11px/1.2 'Space Grotesk',sans-serif;letter-spacing:.15em;text-transform:uppercase}
.mt-kicker>span{width:27px;height:2px;background:currentColor}
.mt-button{min-height:54px;padding:0 23px;border:1px solid transparent;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}
.mt-button:hover{transform:translateY(-2px)}
.mt-button-primary{background:var(--mt-blue);color:#fff;box-shadow:0 14px 30px rgba(49,86,223,.24)}
.mt-button-primary:hover{background:var(--mt-blue-dark);box-shadow:0 18px 38px rgba(49,86,223,.3)}
.mt-button-quiet{border-color:rgba(17,24,39,.17);background:rgba(255,255,255,.55)}
.mt-button-quiet:hover{background:#fff}
.mt-button-light{background:#fff;color:var(--mt-ink);box-shadow:0 16px 38px rgba(0,0,0,.18)}
.mt-button-outline{border-color:rgba(255,255,255,.48);color:#fff;background:transparent}

/* Hero */
.mt-hero{position:relative;padding:clamp(48px,7vw,96px) 0 0;background:
  linear-gradient(rgba(17,24,39,.038) 1px,transparent 1px),
  linear-gradient(90deg,rgba(17,24,39,.038) 1px,transparent 1px),var(--mt-canvas);background-size:44px 44px}
.mt-hero::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;left:-260px;top:130px;border:1px solid rgba(49,86,223,.18);box-shadow:0 0 0 70px rgba(49,86,223,.025),0 0 0 140px rgba(49,86,223,.02);pointer-events:none}
.mt-hero-grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(540px,1.17fr);align-items:center;gap:clamp(40px,6vw,82px)}
.mt-hero-copy{position:relative;z-index:2}
.mt-hero h1{margin-top:24px;font-size:clamp(48px,6vw,78px);line-height:.96;letter-spacing:-.058em;text-wrap:balance}
.mt-hero h1 em{position:relative;color:var(--mt-blue);font-style:normal}
.mt-hero h1 em::after{content:"";position:absolute;left:.02em;right:-.02em;bottom:.02em;height:.1em;border-radius:20px;background:var(--mt-orange);transform:rotate(-1.5deg);z-index:-1;opacity:.82}
.mt-hero-lead{max-width:55ch;margin-top:28px;color:#414b5e;font-size:clamp(17px,1.45vw,20px);line-height:1.58}
.mt-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.mt-hero-note{display:flex;align-items:center;gap:9px;margin-top:22px;color:var(--mt-muted);font-size:13px}
.mt-hero-note span{color:#1c9a72;font-size:11px}

/* Hero workbench */
.mt-workbench{position:relative;min-width:0;padding:34px 22px 38px;perspective:1200px;transform:translate3d(var(--stage-x,0),var(--stage-y,0),0)}
.mt-workbench-light{position:absolute;inset:4% 2% 1%;border-radius:50%;background:radial-gradient(circle at 55% 40%,rgba(49,86,223,.2),rgba(255,105,65,.09) 37%,transparent 70%);filter:blur(18px)}
.mt-workbench-window{position:relative;z-index:2;border:1px solid rgba(17,24,39,.18);border-radius:20px;background:rgba(251,250,246,.92);box-shadow:0 35px 90px rgba(17,24,39,.2);transform:rotateY(-4deg) rotateX(1deg);overflow:hidden}
.mt-workbench-bar,.mt-mock-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid rgba(17,24,39,.1);background:#ebeae5;color:var(--mt-muted);font-size:10px}
.mt-window-dots{display:flex;gap:5px}.mt-window-dots i,.mt-mock-bar>i{width:7px;height:7px;border-radius:50%;background:#c0c1be}
.mt-workbench-address{min-width:0;max-width:270px;margin-left:8px;padding:5px 11px;border:1px solid rgba(17,24,39,.08);border-radius:7px;background:#f7f6f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-live-dot{margin-left:auto;color:#187a5c;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.mt-workbench-body{padding:22px;background:linear-gradient(135deg,#fbfaf6,#f0f1f5)}
.mt-workbench-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.mt-workbench-head small,.mt-workbench-head strong{display:block}.mt-workbench-head small{font-size:8px;letter-spacing:.14em;color:var(--mt-muted);font-weight:700}.mt-workbench-head strong{margin-top:3px;font:700 18px 'Space Grotesk',sans-serif}
.mt-workbench-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mt-ink);color:#fff;font-size:10px;font-weight:800}
.mt-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mt-mini-app{position:relative;min-height:142px;padding:13px;border:1px solid rgba(17,24,39,.1);border-radius:13px;background:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:8px;box-shadow:0 6px 20px rgba(17,24,39,.05);transition:transform .2s,box-shadow .2s}
.mt-mini-app:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(17,24,39,.1)}
.mt-mini-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;font:800 12px 'Space Grotesk',sans-serif}
.mt-mini-app small,.mt-mini-app strong{display:block}.mt-mini-app>div>small{font-size:7px;letter-spacing:.1em;color:var(--mt-muted);font-weight:800}.mt-mini-app>div>strong{font-size:11px;margin-top:2px}
.mt-mini-status{padding:4px 6px;border-radius:999px;background:#edf5ef;color:#397357;font-size:7px;font-weight:800;text-transform:uppercase}
.mt-mini-detail{grid-column:1/-1;align-self:end;padding:10px;border-radius:9px;background:#f4f5f7}.mt-mini-detail b,.mt-mini-detail span{display:block}.mt-mini-detail b{font-size:9px}.mt-mini-detail span{color:var(--mt-muted);font-size:8px;margin-top:2px}
.mt-mini-event .mt-mini-icon{background:var(--mt-event)}.mt-mini-menu .mt-mini-icon{background:var(--mt-menu)}.mt-mini-booking .mt-mini-icon{background:var(--mt-booking)}.mt-mini-people .mt-mini-icon{background:var(--mt-people)}
.mt-slot-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mt-slot-lines i{height:27px;border-radius:6px;background:#e8edf9}.mt-slot-lines i:nth-child(2){background:#d9e3ff;border-left:3px solid var(--mt-blue)}
.mt-shift-line{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:6px}.mt-shift-line i{width:7px;height:7px;border-radius:50%;background:var(--mt-people)}.mt-shift-line b{font-size:8px}.mt-shift-line span{margin:0;font-size:8px}
.mt-float-label{position:absolute;z-index:4;padding:9px 12px;border:1px solid rgba(17,24,39,.14);border-radius:999px;background:#fff;font:700 10px 'Space Grotesk',sans-serif;box-shadow:0 12px 30px rgba(17,24,39,.14);animation:mt-drift 5s ease-in-out infinite}
.mt-float-label-a{left:-8px;top:8px;color:var(--mt-blue-dark)}.mt-float-label-b{right:-2px;bottom:7px;animation-delay:-2.2s;color:var(--mt-people)}
@keyframes mt-drift{50%{transform:translateY(-8px) rotate(1deg)}}

.mt-app-rail{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(58px,7vw,95px);border-top:1px solid rgba(17,24,39,.14);border-bottom:1px solid rgba(17,24,39,.14);padding-block:0}
.mt-app-rail a{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:11px;min-height:92px;padding:20px 22px;border-right:1px solid rgba(17,24,39,.12);transition:background .2s}
.mt-app-rail a:first-child{border-left:1px solid rgba(17,24,39,.12)}
.mt-app-rail a:hover{background:rgba(255,255,255,.52)}
.mt-app-rail i{grid-row:1/3;width:10px;height:10px;margin-top:5px;border-radius:50%}.mt-app-rail .is-event{background:var(--mt-event)}.mt-app-rail .is-menu{background:var(--mt-menu)}.mt-app-rail .is-booking{background:var(--mt-booking)}.mt-app-rail .is-people{background:var(--mt-people)}
.mt-app-rail span{font:700 14px 'Space Grotesk',sans-serif}.mt-app-rail small{color:var(--mt-muted);font-size:11px}

/* Platform principles */
.mt-platform{background:var(--mt-ink);color:#fff}
.mt-platform .mt-kicker{color:#aebdff}
.mt-platform-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}
.mt-platform h2,.mt-apps-intro h2,.mt-connection h2{font-size:clamp(38px,5vw,67px);line-height:1;letter-spacing:-.05em}
.mt-platform h2{margin-top:24px;color:#fff}.mt-platform h2 em,.mt-apps-intro h2 em,.mt-connection h2 em{font-style:normal;color:var(--mt-orange)}
.mt-platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}
.mt-principle{min-height:280px;padding:32px;background:var(--mt-ink)}
.mt-principle>span{font:700 11px 'Space Grotesk',sans-serif;color:#96a6e9;letter-spacing:.12em}.mt-principle h3{margin-top:46px;color:#fff;font-size:23px}.mt-principle p{margin-top:14px;color:#aeb5c1;font-size:15px;max-width:34ch}
.mt-publish-line{display:flex;align-items:center;gap:13px;margin-top:42px;color:#fff}
.mt-publish-line>span{padding:7px 10px;border:1px solid rgba(255,255,255,.24);border-radius:7px;font:700 10px 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.08em}.mt-publish-line>i{width:30px;height:1px;background:#4f5968}.mt-publish-line p{margin-left:auto;color:#9ba4b2;font-size:13px}

/* Apps intro */
.mt-apps-intro{background:var(--mt-paper)}
.mt-apps-intro .mt-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.4fr);gap:55px;align-items:end}
.mt-apps-intro .mt-kicker,.mt-apps-intro h2{grid-column:1}.mt-apps-intro h2{margin-top:26px}.mt-apps-intro>div>p:last-child{grid-column:2;grid-row:1/3;align-self:end;color:var(--mt-muted);font-size:17px;line-height:1.6}

/* Product sections */
.mt-product{position:relative;padding-block:clamp(88px,11vw,155px)}
.mt-product-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(530px,1.25fr);gap:clamp(48px,7vw,100px);align-items:center}
.mt-product-grid-reverse{grid-template-columns:minmax(530px,1.25fr) minmax(300px,.75fr)}
.mt-product-grid-reverse>.mt-product-copy{grid-column:2;grid-row:1}.mt-product-grid-reverse>.mt-product-visual{grid-column:1;grid-row:1}
.mt-product-number{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.16em;color:var(--mt-muted)}
.mt-product-title{display:flex;align-items:center;gap:15px;margin-top:24px}.mt-product-symbol{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#fff;font:800 23px 'Space Grotesk',sans-serif}.mt-product-title small{font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.14em;color:var(--mt-muted)}.mt-product-title h2{font-size:clamp(43px,5vw,72px);line-height:.95;letter-spacing:-.055em}
.mt-product-claim{margin-top:26px;font-size:clamp(20px,2vw,27px);line-height:1.32;letter-spacing:-.02em;max-width:29ch}
.mt-feature-list{display:grid;gap:14px;margin:28px 0 0;padding:0;list-style:none;color:#485265}
.mt-feature-list li{position:relative;padding-left:26px;font-size:15px}.mt-feature-list li::before{content:"";position:absolute;left:0;top:.47em;width:10px;height:10px;border:2px solid currentColor;border-radius:50%}
.mt-product-link{display:inline-flex;align-items:center;gap:9px;margin-top:32px;padding-bottom:5px;border-bottom:1px solid currentColor;font:700 14px 'Space Grotesk',sans-serif}.mt-product-link span{transition:transform .2s}.mt-product-link:hover span{transform:translate(3px,-2px)}
.mt-product-visual{position:relative;min-height:610px;transform:translate3d(0,var(--depth-y,0),0)}
.mt-product-event{background:#f0eee7}.mt-product-event .mt-product-symbol{background:var(--mt-event)}.mt-product-event .mt-product-link{color:var(--mt-event)}
.mt-product-menu{background:var(--mt-menu-deep);color:#f7f0e5}.mt-product-menu .mt-product-symbol{background:var(--mt-menu)}.mt-product-menu .mt-product-number,.mt-product-menu .mt-product-title small,.mt-product-menu .mt-feature-list{color:#adb7c8}.mt-product-menu .mt-product-title h2{color:#fff}.mt-product-menu .mt-product-link{color:#f1a18f}
.mt-product-booking{background:#f8f1e6}.mt-product-booking .mt-product-symbol{background:var(--mt-booking)}.mt-product-booking .mt-product-link{color:#8e5c1f}
.mt-product-people{background:#e9f2f0}.mt-product-people .mt-product-symbol{background:var(--mt-people)}.mt-product-people .mt-product-link{color:var(--mt-people)}

/* Shared mock chrome */
.mt-mock-bar>span{margin-left:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-mock-bar-dark{background:#202d42;color:#aab5c5;border-color:#344158}.mt-mock-main{min-width:0}.mt-mock-side{min-width:0}
.mt-ui-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.mt-ui-heading small,.mt-ui-heading strong{display:block}.mt-ui-heading small{font-size:7px;letter-spacing:.12em;color:#7f8998;font-weight:800}.mt-ui-heading strong{font:700 17px 'Space Grotesk',sans-serif;margin-top:3px}.mt-ui-chip{padding:5px 7px;border-radius:999px;background:#e8f1e6;color:#4e6e4d;font-size:7px;font-weight:800}.mt-ui-chip.is-warm{background:#fff2d9;color:#9b671b}

/* Event visual */
.mt-event-site{position:absolute;left:0;top:0;width:82%;aspect-ratio:1.3;border-radius:22px;overflow:hidden;background:#23372a;box-shadow:var(--mt-shadow)}
.mt-event-site::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,31,23,.88),rgba(19,31,23,.25) 62%,rgba(19,31,23,.06))}.mt-event-site img{width:100%;height:100%;object-fit:cover}
.mt-event-site-nav{position:absolute;z-index:2;left:0;right:0;top:0;display:flex;justify-content:space-between;gap:20px;padding:18px 22px;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);font-size:9px}.mt-event-site-nav strong{font-family:Georgia,serif;font-size:13px;font-weight:400}
.mt-event-site-copy{position:absolute;z-index:2;left:30px;top:30%;color:#fff}.mt-event-site-copy>*{display:block}.mt-event-site-copy small{font-size:7px;letter-spacing:.2em}.mt-event-site-copy strong{margin-top:10px;font:400 clamp(35px,4vw,58px)/.88 Georgia,serif;letter-spacing:-.05em}.mt-event-site-copy em{color:#dcebcf;font-style:italic}.mt-event-site-copy span{margin-top:18px;font-size:9px;color:#d9e1d8}
.mt-event-admin{position:absolute;right:0;bottom:0;width:82%;border:1px solid #dfe4da;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 30px 65px rgba(29,43,33,.22)}
.mt-event-admin-body{display:grid;grid-template-columns:132px 1fr;min-height:300px}.mt-event-admin aside{padding:17px 12px;background:#f8f9f5;border-right:1px solid #e2e6de;display:flex;flex-direction:column;gap:5px}.mt-event-admin aside b{margin:0 7px 12px;color:#344d3c;font:700 14px 'Space Grotesk',sans-serif}.mt-event-admin aside span{padding:8px;border-radius:6px;color:#737d74;font-size:8px}.mt-event-admin aside .active{background:#eaf0e4;color:#344d3c;font-weight:800}.mt-event-admin main,.mt-event-admin .mt-mock-main{padding:20px}
.mt-event-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:11px 0;border-top:1px solid #edf0ea}.mt-answer{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf3e8;color:#5f7852;font-size:10px}.mt-answer.wait{background:#f7f0e4;color:#967741}.mt-answer.photo{background:#edf0f7;color:#50628c}.mt-event-row b,.mt-event-row small{display:block}.mt-event-row b{font-size:9px}.mt-event-row small{font-size:7px;color:#899188}.mt-event-row em{font-size:7px;font-style:normal;color:#687e59}

/* Digital Menu visual */
.mt-menu-admin{position:absolute;left:0;top:20px;width:88%;border:1px solid #38465b;border-radius:16px;overflow:hidden;background:#f8f9fb;box-shadow:0 36px 80px rgba(0,0,0,.44)}
.mt-menu-admin-body{display:grid;grid-template-columns:145px 1fr;min-height:390px}.mt-menu-admin aside{padding:18px 13px;background:#172338;color:#b6c0cf;display:flex;flex-direction:column;gap:4px}.mt-menu-admin aside b{display:flex;align-items:center;gap:8px;margin:0 6px 12px;color:#fff;font:700 11px 'Space Grotesk',sans-serif}.mt-menu-admin aside b i{width:25px;height:25px;border-radius:8px;background:var(--mt-menu);display:grid;place-items:center;font-style:normal}.mt-menu-admin aside span{padding:8px;border-radius:7px;font-size:8px}.mt-menu-admin aside .active{background:#283750;color:#fff;font-weight:800}.mt-menu-admin main,.mt-menu-admin .mt-mock-main{padding:20px;background:#f6f7f9;color:#253043}
.mt-menu-product{display:grid;grid-template-columns:43px 1fr auto;gap:10px;align-items:center;margin-top:9px;padding:10px;border:1px solid #e3e6ec;border-radius:10px;background:#fff}.food{width:43px;height:43px;border-radius:9px;display:block;background:radial-gradient(circle at 54% 45%,#f5df91 0 11%,#d85033 12% 38%,#e8b75d 40% 48%,#c88a35 50% 64%,#f1cf83 66%);box-shadow:inset 0 0 0 3px #f5e9ce}.food.two{background:radial-gradient(circle at 35% 35%,#6a9b56 0 10%,transparent 11%),radial-gradient(circle at 65% 57%,#9ec269 0 12%,transparent 13%),radial-gradient(circle at 50% 50%,#df7350 0 40%,#e6c87b 41% 64%,#f2d99c 65%)}.mt-menu-product b,.mt-menu-product small{display:block}.mt-menu-product b{font-size:9px}.mt-menu-product small{font-size:7px;color:#7c8594}.mt-menu-product>strong{font-size:9px}.mt-ui-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:15px}.mt-ui-actions span,.mt-ui-actions b{padding:7px 9px;border:1px solid #dfe3e9;border-radius:7px;font-size:7px}.mt-ui-actions b{background:var(--mt-menu);border-color:var(--mt-menu);color:#fff}
.mt-phone{position:absolute;width:218px;border:7px solid #0c1422;border-radius:32px;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.35);overflow:hidden}.mt-phone-speaker{width:42%;height:17px;margin:0 auto 3px;border-radius:0 0 11px 11px;background:#0c1422}
.mt-menu-phone{right:0;bottom:0;min-height:455px;padding:0 12px 16px;background:#111b2d;color:#f4efe4}.mt-menu-public-head{text-align:center;padding:10px 0}.mt-menu-public-head>*{display:block}.mt-menu-public-head>span{width:42px;height:42px;margin:auto;border-radius:12px;display:grid;place-items:center;background:var(--mt-menu);font-weight:800}.mt-menu-public-head small{margin-top:8px;font-size:7px;letter-spacing:.18em;color:#aab1bd}.mt-menu-public-head strong{font:700 19px 'Space Grotesk',sans-serif}.mt-menu-public-head em{font-size:8px;color:#aab1bd;font-style:normal}.mt-menu-search{padding:7px 9px;border:1px solid #344157;border-radius:9px;color:#9aa5b6;font-size:8px}.mt-menu-pills{display:flex;gap:5px;margin:9px 0}.mt-menu-pills>*{padding:5px 8px;border:1px solid #344157;border-radius:99px;font-size:7px}.mt-menu-pills b{background:#e3a540;color:#171006;border-color:#e3a540}.mt-menu-phone>p{margin:12px 0 5px;font-size:8px;font-weight:800;letter-spacing:.1em}.mt-menu-public-row{display:grid;grid-template-columns:36px 1fr auto;gap:7px;align-items:center;padding:7px 0;border-top:1px solid #2b3749}.mt-menu-public-row .food{width:36px;height:36px}.mt-menu-public-row b,.mt-menu-public-row small,.mt-menu-public-row em{display:block}.mt-menu-public-row b{font-size:8px}.mt-menu-public-row small{font-size:6px;color:#b2b8c2}.mt-menu-public-row em{font-size:6px;color:#dca84e;font-style:normal}.mt-menu-public-row>strong{font-size:8px}

/* Booking visual */
.mt-booking-agenda{position:absolute;left:0;top:30px;width:88%;border:1px solid #e0d7c8;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 30px 70px rgba(87,62,27,.18)}
.mt-booking-head{display:flex;justify-content:space-between;align-items:center;padding:19px 20px}.mt-booking-head small,.mt-booking-head strong{display:block}.mt-booking-head small{font-size:7px;color:#98866c;letter-spacing:.13em}.mt-booking-head strong{font:700 17px 'Space Grotesk',sans-serif}.mt-booking-head>span{padding:7px 9px;border-radius:7px;background:#b77b30;color:#fff;font-size:7px;font-weight:800}
.mt-calendar-head,.mt-calendar-grid{display:grid;grid-template-columns:48px repeat(4,1fr)}.mt-calendar-head{border-block:1px solid #eee6da;background:#fbf8f3}.mt-calendar-head>*{padding:9px 5px;text-align:center;font-size:7px;color:#84745e}.mt-calendar-head b{color:transparent}.mt-calendar-grid{grid-auto-rows:65px;padding-bottom:10px}.mt-calendar-grid>*{border-right:1px solid #f0e9df;border-bottom:1px solid #f0e9df}.mt-calendar-grid>b{padding:7px;color:#9b8d79;font-size:7px;text-align:center}.mt-calendar-grid>i{display:block}.mt-appointment{margin:5px;padding:6px;border-radius:7px;background:#e7eefc;border-left:3px solid #5a78bd;color:#304365;font-size:7px;font-weight:800;line-height:1.3}.mt-appointment small{font-size:6px;font-weight:500}.mt-appointment.b{background:#f7ead8;border-color:#b77b30;color:#78501e}.mt-appointment.c{background:#e7f2ec;border-color:#4f8767;color:#356349}.mt-appointment.d{background:#f1e6f2;border-color:#8f5e91;color:#67436a}
.mt-booking-phone{right:0;bottom:8px;min-height:440px;padding:0 13px 15px;background:#fbf7f0;color:#2b2016}.mt-booking-public-brand{display:flex;align-items:center;gap:9px;padding:10px 0 15px}.mt-booking-public-brand>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#b77b30;color:#fff;font-weight:800}.mt-booking-public-brand b,.mt-booking-public-brand small{display:block}.mt-booking-public-brand b{font-size:10px}.mt-booking-public-brand small{font-size:7px;color:#8e7d65}.mt-booking-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.mt-booking-progress i{height:3px;border-radius:4px;background:#e3d7c5}.mt-booking-progress i:nth-child(-n+3){background:#b77b30}.mt-phone-label{display:block;margin-top:20px;font-size:7px;letter-spacing:.13em;color:#8f806b}.mt-booking-phone-title{display:block;margin-top:5px;font:700 16px 'Space Grotesk',sans-serif}.mt-booking-days{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:15px 0}.mt-booking-days span{padding:8px 4px;border:1px solid #e3d9ca;border-radius:9px;text-align:center;font-size:6px}.mt-booking-days b{display:block;font-size:13px}.mt-booking-days .active{background:#b77b30;color:#fff;border-color:#b77b30}.mt-booking-times{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mt-booking-times span{padding:8px;border:1px solid #e3d9ca;border-radius:7px;text-align:center;font-size:8px}.mt-booking-times .active{border-color:#b77b30;background:#f7ead8;color:#8a5b21;font-weight:800}.mt-booking-phone .mt-fake-button{display:grid;place-items:center;width:100%;margin-top:15px;min-height:34px;border:0;border-radius:8px;background:#b77b30;color:#fff;font-size:8px;font-weight:800}

/* Personnel visual */
.mt-people-admin{position:absolute;right:0;top:20px;width:91%;border:1px solid #cfdedc;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 32px 75px rgba(21,76,79,.2)}
.mt-people-admin-body{display:grid;grid-template-columns:150px 1fr;min-height:400px}.mt-people-admin aside{padding:18px 13px;background:#113f44;color:#bad1d1;display:flex;flex-direction:column;gap:4px}.mt-people-admin aside b{display:flex;align-items:center;gap:8px;margin:0 4px 13px;color:#fff;font:700 10px 'Space Grotesk',sans-serif}.mt-people-admin aside b i{width:26px;height:26px;border-radius:8px;background:#dff0ee;color:#116a70;display:grid;place-items:center;font-style:normal}.mt-people-admin aside span{padding:8px;border-radius:7px;font-size:8px}.mt-people-admin aside .active{background:#23565a;color:#fff}.mt-people-admin main,.mt-people-admin .mt-mock-main{padding:20px}.mt-add-shift{padding:7px 9px;border-radius:7px;background:#116a70;color:#fff;font-size:7px;font-weight:800}
.mt-shift-week{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:24px repeat(2,53px);gap:5px}.mt-shift-week span{font-size:7px;text-align:center;color:#7f8d90;font-weight:800}.mt-shift-week i{grid-row:2/4;margin:0 2px;padding:8px 4px;border-radius:8px;background:#dff0ee;border-top:3px solid #116a70;color:#116a70;font-size:7px;font-style:normal;font-weight:800}.mt-shift-week .s2{grid-column:2;grid-row:2/3;background:#e9edf9;border-color:#506aae;color:#40568e}.mt-shift-week .s3{grid-column:3}.mt-shift-week .s4{grid-column:4;grid-row:2/3}.mt-shift-week .s5{grid-column:5;background:#f6ead7;border-color:#b4772b;color:#81551e}.mt-people-note{display:flex;align-items:center;gap:10px;margin-top:15px;padding:11px;border-radius:10px;background:#f3f7f6}.mt-people-note>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#dff0ee;color:#116a70}.mt-people-note b,.mt-people-note small{display:block}.mt-people-note b{font-size:9px}.mt-people-note small{font-size:7px;color:#758184}
.mt-worker-card{position:absolute;left:0;bottom:0;width:235px;min-height:325px;padding:18px;border:1px solid #d7e4e2;border-radius:21px;background:#fff;box-shadow:0 28px 60px rgba(21,76,79,.22)}.mt-worker-top{display:flex;gap:9px;align-items:center;padding-bottom:15px;border-bottom:1px solid #e5eceb}.mt-worker-top>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#116a70;color:#fff;font-weight:800}.mt-worker-top b,.mt-worker-top small{display:block}.mt-worker-top b{font-size:10px}.mt-worker-top small{font-size:7px;color:#6f8080}.mt-worker-card>p{margin-top:20px;color:#708082;font-size:8px}.mt-worker-card>strong{display:block;margin-top:3px;font:700 21px 'Space Grotesk',sans-serif}.mt-clock-state{display:flex;align-items:center;gap:6px;margin-top:14px;padding:8px;border-radius:8px;background:#edf6f4;color:#216b60;font-size:8px;font-weight:700}.mt-clock-state i{width:7px;height:7px;border-radius:50%;background:#2c9a7d}.mt-worker-card .mt-fake-button{display:grid;place-items:center;width:100%;height:72px;margin-top:13px;border:0;border-radius:50px;background:#116a70;color:#fff;font:800 15px 'Space Grotesk',sans-serif}.mt-worker-card>small{display:block;margin-top:12px;color:#7a8788;font-size:7px;line-height:1.5}

/* Roles and CTA */
.mt-connection{background:var(--mt-paper)}
.mt-connection-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:70px;align-items:center}.mt-connection h2{margin-top:26px}.mt-connection h2 em{color:var(--mt-blue)}
.mt-role-map{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center}.mt-role-map>div{min-height:170px;padding:22px;border:1px solid var(--mt-line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(17,24,39,.06)}.mt-role-map>div:first-child{background:var(--mt-blue);color:#fff;border-color:var(--mt-blue)}.mt-role-map span,.mt-role-map strong,.mt-role-map small{display:block}.mt-role-map span{font:700 8px 'Space Grotesk',sans-serif;letter-spacing:.12em;opacity:.7}.mt-role-map strong{margin-top:20px;font:700 16px 'Space Grotesk',sans-serif;line-height:1.2}.mt-role-map small{margin-top:8px;font-size:10px;opacity:.72}.mt-role-map>i{height:1px;background:var(--mt-line);position:relative}.mt-role-map>i::after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #969dab;border-right:1px solid #969dab;transform:rotate(45deg)}
.mt-contact{padding-block:clamp(84px,10vw,140px);background:var(--mt-blue);color:#fff;position:relative;overflow:hidden}.mt-contact::before{content:"M";position:absolute;right:-.03em;bottom:-.35em;font:800 min(46vw,660px)/1 'Space Grotesk',sans-serif;color:rgba(255,255,255,.055);pointer-events:none}.mt-contact-inner{position:relative;z-index:1;text-align:center}.mt-contact .mt-kicker{justify-content:center;color:#ced7ff}.mt-contact h2{max-width:18ch;margin:28px auto 0;color:#fff;font-size:clamp(40px,6vw,76px);line-height:.98;letter-spacing:-.055em}.mt-contact p:not(.mt-kicker){max-width:52ch;margin:22px auto 0;color:#dbe1ff;font-size:17px}.mt-contact-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin-top:34px}

/* Footer */
.mt-footer{padding:54px 0 28px;background:#0d1422;color:#fff}.mt-footer-main{display:grid;grid-template-columns:auto minmax(220px,.7fr) minmax(360px,1.3fr);gap:45px;align-items:start}.mt-footer .mt-brand{margin:0}.mt-footer .mt-brand-name>span{color:#8fa5ff}.mt-footer-main>p{color:#9fa8b6;max-width:35ch;font-size:14px}.mt-footer nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 22px;color:#d2d6dd;font-size:13px}.mt-footer nav a{padding:6px 0}.mt-footer nav a:hover{color:#fff}.mt-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.13);color:#808a99;font-size:12px}.mt-footer-bottom a:hover{color:#fff}

/* Motion */
.mt-reveal{opacity:0;transform:translateY(28px);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1)}
.mt-reveal[data-delay="1"]{transition-delay:.08s}.mt-reveal[data-delay="2"]{transition-delay:.16s}.mt-reveal.is-visible{opacity:1;transform:none}

/* Tablet */
@media(max-width:1080px){
  .mt-hero-grid{grid-template-columns:1fr;gap:35px}.mt-hero-copy{max-width:820px}.mt-workbench{width:min(760px,100%);margin:auto}.mt-hero h1{max-width:12ch}
  .mt-product-grid,.mt-product-grid-reverse{grid-template-columns:1fr;gap:55px}.mt-product-grid-reverse>.mt-product-copy,.mt-product-grid-reverse>.mt-product-visual{grid-column:auto;grid-row:auto}.mt-product-grid-reverse>.mt-product-copy{order:0}.mt-product-grid-reverse>.mt-product-visual{order:1}.mt-product-copy{max-width:680px}.mt-product-visual{width:min(760px,100%);margin-inline:auto}
  .mt-connection-grid{grid-template-columns:1fr;gap:45px}.mt-role-map{max-width:760px}
  .mt-footer-main{grid-template-columns:auto 1fr}.mt-footer nav{grid-column:1/-1;justify-content:flex-start}
}

@media(max-width:840px){
  .mt-nav-links{position:absolute;left:var(--mt-gutter);right:var(--mt-gutter);top:calc(100% + 8px);display:grid;gap:2px;padding:10px;border:1px solid rgba(17,24,39,.14);border-radius:16px;background:var(--mt-paper);box-shadow:var(--mt-shadow);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}.mt-nav[data-open] .mt-nav-links{opacity:1;visibility:visible;transform:none}.mt-nav-links a{min-height:46px;padding:12px;border-radius:10px}.mt-nav-links a:hover{background:#ececf0}.mt-nav-links a::after{display:none}.mt-nav-mobile-login{display:block;color:var(--mt-blue);font-weight:800}.mt-login{display:none}.mt-menu-button{display:block}
  .mt-app-rail{grid-template-columns:1fr 1fr}.mt-app-rail a:nth-child(odd){border-left:1px solid rgba(17,24,39,.12)}.mt-app-rail a:nth-child(-n+2){border-bottom:1px solid rgba(17,24,39,.12)}
  .mt-platform-heading{display:block}.mt-platform-grid{grid-template-columns:1fr}.mt-principle{min-height:0}.mt-principle h3{margin-top:24px}.mt-publish-line{flex-wrap:wrap}.mt-publish-line p{width:100%;margin:8px 0 0}
  .mt-apps-intro .mt-shell{grid-template-columns:1fr;gap:25px}.mt-apps-intro .mt-kicker,.mt-apps-intro h2,.mt-apps-intro>div>p:last-child{grid-column:auto;grid-row:auto}.mt-apps-intro>div>p:last-child{max-width:52ch}
}

/* Mobile */
@media(max-width:620px){
  :root{--mt-gutter:16px}
  .mt-nav{min-height:66px}.mt-brand{font-size:18px}.mt-brand-mark{width:35px;height:35px}
  .mt-hero{padding-top:38px;background-size:34px 34px}.mt-hero::before{display:none}.mt-hero h1{font-size:clamp(43px,14vw,58px);max-width:none}.mt-hero-lead{font-size:16px;margin-top:22px}.mt-hero-actions{display:grid}.mt-hero-actions .mt-button{width:100%}.mt-hero-note{align-items:flex-start}
  .mt-workbench{padding:24px 0 32px}.mt-workbench-window{transform:none;border-radius:16px}.mt-workbench-body{padding:14px}.mt-app-grid{gap:7px}.mt-mini-app{min-height:131px;padding:10px;grid-template-columns:auto 1fr}.mt-mini-app>.mt-mini-status{display:none}.mt-mini-detail{padding:8px}.mt-workbench-head strong{font-size:15px}.mt-float-label{font-size:8px;padding:7px 9px}.mt-float-label-a{left:-6px}.mt-float-label-b{right:-4px}
  .mt-app-rail a{min-height:83px;padding:16px 12px;column-gap:8px}.mt-app-rail small{font-size:9px}.mt-app-rail span{font-size:12px}
  .mt-section{padding-block:76px}.mt-platform h2,.mt-apps-intro h2,.mt-connection h2{font-size:38px}.mt-platform-grid{margin-top:45px}.mt-principle{padding:25px}.mt-publish-line>i{width:13px}
  .mt-product{padding-block:80px}.mt-product-grid{gap:40px}.mt-product-title{margin-top:18px}.mt-product-symbol{width:46px;height:46px;border-radius:13px;font-size:20px}.mt-product-title h2{font-size:45px}.mt-product-claim{font-size:21px}.mt-feature-list{margin-top:23px}.mt-feature-list li{font-size:14px}.mt-product-visual{min-height:0;display:grid;gap:14px}
  .mt-event-site,.mt-event-admin,.mt-menu-admin,.mt-phone,.mt-booking-agenda,.mt-people-admin,.mt-worker-card{position:relative;inset:auto;width:100%}
  .mt-event-site{aspect-ratio:1.12}.mt-event-site-copy{left:20px}.mt-event-site-nav span{display:none}.mt-event-admin-body{grid-template-columns:88px 1fr;min-height:255px}.mt-event-admin aside{padding:12px 7px}.mt-event-admin aside b{font-size:11px}.mt-event-admin aside span{font-size:6.5px;padding:6px}.mt-event-admin main,.mt-event-admin .mt-mock-main{padding:13px}.mt-event-row{grid-template-columns:25px 1fr}.mt-event-row>em{display:none}
  .mt-menu-admin{order:1}.mt-menu-phone{order:2;width:min(220px,78%);justify-self:center;min-height:440px}.mt-menu-admin-body{grid-template-columns:92px 1fr;min-height:315px}.mt-menu-admin aside{padding:12px 7px}.mt-menu-admin aside b{font-size:8px}.mt-menu-admin aside span{font-size:6.5px;padding:6px}.mt-menu-admin main,.mt-menu-admin .mt-mock-main{padding:13px}.mt-menu-product{grid-template-columns:35px 1fr}.mt-menu-product .food{width:35px;height:35px}.mt-menu-product>strong{display:none}
  .mt-booking-agenda{order:1}.mt-booking-phone{order:2;width:min(220px,78%);justify-self:center;min-height:430px}.mt-calendar-head,.mt-calendar-grid{grid-template-columns:38px repeat(4,1fr)}.mt-calendar-grid{grid-auto-rows:57px}.mt-appointment{font-size:6px;padding:5px;margin:3px}
  .mt-people-admin{order:1}.mt-worker-card{order:2;width:min(250px,86%);justify-self:center;min-height:320px}.mt-people-admin-body{grid-template-columns:95px 1fr;min-height:330px}.mt-people-admin aside{padding:12px 7px}.mt-people-admin aside b{font-size:7px}.mt-people-admin aside span{font-size:6.5px;padding:6px}.mt-people-admin main,.mt-people-admin .mt-mock-main{padding:13px}.mt-shift-week{gap:3px}.mt-shift-week i{font-size:6px;padding-inline:2px}
  .mt-role-map{grid-template-columns:1fr}.mt-role-map>i{width:1px;height:22px;margin:auto}.mt-role-map>i::after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}.mt-role-map>div{min-height:135px}.mt-role-map strong{margin-top:13px}
  .mt-contact h2{font-size:44px}.mt-contact-actions{display:grid}.mt-contact-actions .mt-button{width:100%}
  .mt-footer-main{grid-template-columns:1fr;gap:22px}.mt-footer nav{grid-column:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.mt-footer-bottom{align-items:flex-start;flex-direction:column}
}

@media(max-width:360px){
  .mt-mini-app{grid-template-columns:25px 1fr}.mt-mini-icon{width:25px;height:25px}.mt-mini-app>div>strong{font-size:9px}.mt-mini-detail b{font-size:8px}
  .mt-app-rail a{padding-inline:9px}.mt-app-rail small{display:none}
  .mt-event-admin-body,.mt-menu-admin-body,.mt-people-admin-body{grid-template-columns:76px 1fr}.mt-ui-heading strong{font-size:14px}.mt-ui-chip,.mt-add-shift{display:none}
  .mt-contact h2{font-size:39px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .mt-reveal{opacity:1;transform:none;transition:none}.mt-float-label{animation:none}.mt-product-visual,.mt-workbench{transform:none!important}
}