/* Mobile-first experience layer. Deliberately loaded last. */
:root{
  --brand:#4f46e5;--brand-dark:#252b61;--brand-deep:#111936;--brand-soft:#eef0ff;
  --accent:#f97360;--accent-soft:#fff0ed;--ink:#182033;--muted:#687086;
  --line:#e1e4ec;--line-strong:#cbd0dc;--surface:#fff;--canvas:#f5f6fa;
  --success:#16856b;--shadow:0 10px 30px rgba(24,32,51,.07);--shadow-raised:0 18px 48px rgba(24,32,51,.13)
}
html{background:var(--canvas)}body{background:linear-gradient(180deg,#fafbff,var(--canvas) 32rem);color:var(--ink)}
body:before{background-image:linear-gradient(rgba(79,70,229,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(79,70,229,.018) 1px,transparent 1px)}
::selection{background:#dcd9ff;color:#25215f}a{color:var(--brand)}h1,h2,h3{color:var(--ink)}
.sidebar{background:radial-gradient(circle at 15% 4%,rgba(112,103,255,.34),transparent 15rem),linear-gradient(170deg,#202b59,#111936 68%,#0c122a);box-shadow:12px 0 40px rgba(17,25,54,.18)}
.brand-mark{background:linear-gradient(145deg,#ff9b86,var(--accent));color:#491a14}.brand small{color:#b9c2e3}.nav-label{color:#8996c2}.side-nav a{color:#d4daf0}.side-nav a.active{box-shadow:inset 3px 0 var(--accent),0 7px 18px rgba(0,0,0,.1)}
.nav-icon,.feature-icon{background-color:currentColor!important;background-position:center!important;background-repeat:no-repeat!important;background-size:18px!important;color:#aeb8dd;font-size:0;mask-position:center;mask-repeat:no-repeat;mask-size:18px}
.nav-icon{background:rgba(255,255,255,.07)!important}.active .nav-icon{background-color:rgba(249,115,96,.18)!important;color:#ffad9e}
.nav-icon:after,.feature-icon:after{content:"";display:block;width:100%;height:100%;background:currentColor;mask:var(--icon) center/18px no-repeat}
.icon-dashboard{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E")}
.icon-pos,.icon-add{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.icon-running{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M20 11a8 8 0 1 0-2.3 5.7M20 4v7h-7'/%3E%3C/svg%3E")}
.icon-orders,.icon-kitchen{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M8 4h8M9 2h6v4H9zM6 4H5a2 2 0 0 0-2 2v15h18V6a2 2 0 0 0-2-2h-1M7 11h10M7 15h7'/%3E%3C/svg%3E")}
.icon-inventory{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='m3 7 9-4 9 4-9 4zM3 7v10l9 4 9-4V7M12 11v10'/%3E%3C/svg%3E")}
.icon-menu,.icon-recipes{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 5h16M4 12h16M4 19h10'/%3E%3C/svg%3E")}
.icon-beverage{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M6 3h12l-1 18H7zM7 8h10M18 6h3v5a3 3 0 0 1-3 3'/%3E%3C/svg%3E")}
.icon-purchase{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 5h2l2 11h11l3-8H6M9 21a1 1 0 1 0 0-2 1 1 0 0 0 0 2M18 21a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/svg%3E")}
.icon-expense,.icon-reports{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E")}
.icon-archive{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 7h16v14H4zM2 3h20v4H2zM9 11h6'/%3E%3C/svg%3E")}
.icon-users{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Cpath d='M2 21a7 7 0 0 1 14 0M16 5a4 4 0 0 1 0 7M18 15a6 6 0 0 1 4 6'/%3E%3C/svg%3E")}
.icon-tables{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='4' y='7' width='16' height='8' rx='2'/%3E%3Cpath d='M7 15v6M17 15v6M7 7V3M17 7V3'/%3E%3C/svg%3E")}
.icon-settings{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a2 2 0 0 0 .4 2.2l.1.1-2.6 2.6-.1-.1a2 2 0 0 0-2.2-.4 2 2 0 0 0-1.2 1.8V21h-3.6v-.2A2 2 0 0 0 9 19a2 2 0 0 0-2.2.4l-.1.1-2.6-2.6.1-.1A2 2 0 0 0 4.6 15a2 2 0 0 0-1.8-1.2H2v-3.6h.8A2 2 0 0 0 4.6 9a2 2 0 0 0-.4-2.2l-.1-.1 2.6-2.6.1.1A2 2 0 0 0 9 4.6a2 2 0 0 0 1.2-1.8V2h3.6v.8A2 2 0 0 0 15 4.6a2 2 0 0 0 2.2-.4l.1-.1 2.6 2.6-.1.1a2 2 0 0 0-.4 2.2 2 2 0 0 0 1.8 1.2h.8v3.6h-.8a2 2 0 0 0-1.8 1.2z'/%3E%3C/svg%3E")}
.topbar{border-color:var(--line);box-shadow:0 7px 24px rgba(31,37,73,.04)}.status-dot{background:#6c63ff;box-shadow:0 0 0 4px rgba(108,99,255,.13)}
.page-heading:before{background:linear-gradient(180deg,var(--accent),#ffb1a2)}.eyebrow{color:var(--brand)}
.card,.stats article{border-color:var(--line);box-shadow:var(--shadow)}.card:hover{border-color:#d1d3e4}.stats article:after{background:linear-gradient(90deg,var(--brand),#8b83ff)}
input:focus,select:focus,textarea:focus{border-color:#7168ee;box-shadow:0 0 0 4px rgba(79,70,229,.12)!important}
button,.button{background:linear-gradient(180deg,#6258ed,#4f46e5);box-shadow:0 6px 15px rgba(79,70,229,.2)}button:hover,.button:hover{background:linear-gradient(180deg,#554be3,#4138ce);box-shadow:0 9px 20px rgba(79,70,229,.24)}
.secondary{border-color:#dde0ea;background:#f3f4f8;color:#3f4658}.secondary:hover{background:#e9ebf2;color:#222a3c}
.category-tabs button.active{background:linear-gradient(180deg,#6258ed,#4f46e5);box-shadow:0 7px 16px rgba(79,70,229,.2)}
.menu-card>span{border-color:#dcd9ff;background:var(--brand-soft);color:var(--brand)}.menu-card b,.total strong{color:var(--brand)}.menu-card:hover{border-color:#bcb7ff;box-shadow:0 12px 25px rgba(79,70,229,.12)}
.waiter-flow{border-color:#dcd9ff;background:linear-gradient(90deg,var(--brand-soft),#fafaff);color:#383377}.waiter-flow b,.step-number,.simple-step>b{background:linear-gradient(145deg,#665cef,#463dd0)}
.mobile-bottom-nav a.active{background:var(--brand-soft);color:var(--brand)}.mobile-bottom-nav a.active:before{background:var(--brand)}

/* Public product landing / sign in */
.auth-body{background:#111936}.auth-shell{display:block;min-height:calc(100dvh - 38px);padding:0}.auth-main{min-height:inherit}.auth-footer{height:38px;padding:10px;background:#111936;color:#7f89ad}
.landing{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(430px,.8fr);min-height:calc(100dvh - 38px)}
.landing-story{position:relative;display:flex;overflow:hidden;flex-direction:column;padding:38px clamp(34px,6vw,92px);background:radial-gradient(circle at 78% 22%,rgba(102,92,239,.32),transparent 24rem),radial-gradient(circle at 20% 90%,rgba(249,115,96,.18),transparent 21rem),#111936;color:#fff}
.landing-story:after{content:"";position:absolute;right:-8rem;bottom:-13rem;width:31rem;height:31rem;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 5rem rgba(255,255,255,.018),0 0 0 10rem rgba(255,255,255,.012)}
.landing-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.landing-brand strong,.landing-brand small{display:block}.landing-brand strong{font-size:18px}.landing-brand small{color:#aeb7da;font-size:10px;letter-spacing:.09em;text-transform:uppercase}
.landing-copy{position:relative;z-index:1;max-width:720px;margin:auto 0}.landing-kicker{display:inline-flex;border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:7px 12px;background:rgba(255,255,255,.07);color:#c9cff0;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.landing-copy h1{margin:23px 0 18px;color:#fff;font-size:clamp(42px,5.3vw,76px);line-height:1.02;letter-spacing:-.055em}.landing-copy h1 em{color:#ff9a87;font-style:normal}.landing-copy>p{max-width:590px;margin:0;color:#bbc3df;font-size:clamp(15px,1.4vw,19px);line-height:1.65}
.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:38px}.landing-features article{display:flex;gap:11px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}.landing-features strong,.landing-features small{display:block}.landing-features strong{color:#fff;font-size:12px}.landing-features small{margin-top:3px;color:#929dc5;font-size:10px;line-height:1.45}.feature-icon{flex:0 0 31px;width:31px;height:31px;border-radius:8px;background:rgba(126,117,255,.16)!important;color:#a9a2ff}
.landing-proof{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin:25px 0 0;color:#8f99bd;font-size:10px}.landing-proof span{width:7px;height:7px;border-radius:50%;background:#41c7a5;box-shadow:0 0 0 4px rgba(65,199,165,.12)}
.landing-access{display:grid;place-items:center;padding:42px clamp(24px,5vw,76px);background:#f8f9fc}.landing-access .auth.card{width:100%;max-width:440px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.landing-access .auth.card:before{display:none}.landing-access .auth h2{margin:5px 0 5px;font-size:36px}.landing-access .auth-copy{margin-bottom:30px}.landing-access label{margin-bottom:18px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.landing-access input{min-height:52px;margin-top:3px;padding:13px 14px;font-size:15px;text-transform:none;letter-spacing:normal}.landing-access button{width:100%;min-height:52px;justify-content:space-between;margin-top:3px;padding-inline:18px}.landing-access .security-note{margin-top:20px}.landing-help{align-self:end;color:#8a91a2;text-align:center}

/* Reduce long-page hunting: obvious local actions and safe sticky tools. */
.menu-heading-actions,.waiter-heading-actions,.action-row{display:flex;flex-wrap:wrap;gap:8px}.pos-catalog-toolbar{position:sticky;z-index:11;top:74px;padding-top:8px;background:linear-gradient(var(--canvas) 82%,transparent)}
.table-wrap{max-width:100%;overscroll-behavior-inline:contain}.table-wrap:focus-within{outline:2px solid var(--brand-soft)}

@media(max-width:1000px){.landing{grid-template-columns:1fr 420px}.landing-features{grid-template-columns:1fr}.landing-features article{max-width:500px}.landing-copy h1{font-size:48px}}
@media(max-width:760px){
  .landing{display:block;min-height:auto}.landing-story{min-height:auto;padding:25px 20px 32px}.landing-copy{margin:55px 0 0}.landing-copy h1{font-size:clamp(36px,11vw,52px)}.landing-copy>p{font-size:14px}.landing-features{display:none}.landing-proof{margin-top:35px}.landing-access{padding:34px 20px 46px}.landing-access .auth h2{font-size:30px}.landing-help{display:block;margin-top:26px}.auth-footer{display:none}
  .title-row{align-items:stretch;flex-direction:column}.title-row>.action-row,.menu-heading-actions,.waiter-heading-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.title-row>.action-row>*{min-width:0;width:100%}
  .pos-catalog-toolbar{top:64px;margin:0 -11px;padding:8px 11px 0}.category-tabs{overflow-x:auto;flex-wrap:nowrap}.category-tabs button{flex:0 0 auto;white-space:nowrap}
  .recipe-guide{overflow-x:auto;scroll-snap-type:x mandatory}.recipe-guide>span{min-width:210px;scroll-snap-align:start}
  .action-form{padding:12px}.menu-admin-item>.title-row{gap:8px}.menu-admin-item>.title-row>strong{align-self:flex-start}
  details[open]>.action-form{display:grid;grid-template-columns:1fr}.table-wrap{margin-inline:-16px;border-radius:0}.table-wrap table{min-width:680px}.table-wrap:after{content:"Swipe to see more →";position:sticky;left:16px;display:block;width:max-content;padding:7px 10px;color:var(--muted);font-size:9px}
}
@media(max-width:520px){
  .page-content{overflow-x:hidden}.page-heading h1{overflow-wrap:anywhere}.title-row>.action-row,.menu-heading-actions,.waiter-heading-actions{grid-template-columns:1fr}.menu-heading-actions .button,.menu-heading-actions button,.waiter-heading-actions .button{width:100%}
  .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.menu-card{min-height:158px!important;padding:0 0 10px!important}.menu-card>img{width:100%;aspect-ratio:1.55;object-fit:cover;border-radius:10px 10px 0 0}.menu-card>span,.menu-card>strong,.menu-card>b,.menu-card>small{margin-left:10px;margin-right:10px}.menu-card>span{margin-top:7px}.menu-card>strong{font-size:13px}.menu-card small{width:calc(100% - 20px)}
  .pos-order-fields{grid-template-columns:1fr!important}.cart-row{grid-template-columns:minmax(0,1fr) auto}.cart-row button{min-width:42px;min-height:42px}
  .recipe-progress{grid-template-columns:repeat(3,minmax(0,1fr))}.recipe-progress article{min-width:0}.recipe-progress article span{overflow-wrap:anywhere}.recipe-picker-card,.recipe-editor-card{padding:13px!important}
}
@media(max-width:350px){.menu-grid{grid-template-columns:1fr!important}.landing-copy h1{font-size:33px}}

/* Long-form public landing page */
.auth-body:has(.marketing-page){background:#fff}.auth-body:has(.marketing-page) .auth-shell,.auth-body:has(.marketing-page) .auth-main{min-height:0}.auth-body:has(.marketing-page) .auth-footer{display:none}
.marketing-page{--marketing-width:1240px;background:#fff;color:var(--ink);overflow:hidden}.marketing-page *{scroll-margin-top:90px}.marketing-nav{position:sticky;z-index:50;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;height:82px;padding:0 max(24px,calc((100vw - var(--marketing-width))/2));border-bottom:1px solid rgba(255,255,255,.1);background:rgba(17,25,54,.92);backdrop-filter:blur(18px)}
.marketing-nav .landing-brand{justify-self:start}.marketing-nav nav{display:flex;gap:28px}.marketing-nav nav a{color:#cbd2ea;font-size:12px;font-weight:700;text-decoration:none}.marketing-nav nav a:hover{color:#fff}.marketing-login-link{justify-self:end;display:inline-flex;align-items:center;gap:14px;min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.16);border-radius:9px;color:#fff;text-decoration:none;font-size:12px;font-weight:800}.marketing-login-link span{color:#ff9a87}
.marketing-hero{position:relative;display:grid;grid-template-columns:minmax(430px,.83fr) minmax(540px,1.17fr);align-items:center;min-height:720px;padding:76px max(24px,calc((100vw - var(--marketing-width))/2)) 96px;background:radial-gradient(circle at 12% 50%,rgba(79,70,229,.25),transparent 28rem),#111936;color:#fff}.marketing-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,rgba(3,8,25,.28));pointer-events:none}.marketing-hero-copy{position:relative;z-index:3;padding-right:30px}.marketing-hero h1{margin:24px 0 23px;color:#fff;font-size:clamp(52px,5.3vw,78px);line-height:.98;letter-spacing:-.058em}.marketing-hero h1 em{color:#ff9a87;font-style:normal}.marketing-hero-copy>p{max-width:610px;margin:0;color:#b7c0df;font-size:17px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:32px}.marketing-primary,.marketing-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 19px;border-radius:10px;color:#fff;text-decoration:none;font-size:12px;font-weight:800}.marketing-primary{gap:24px;background:linear-gradient(180deg,#6a60f0,#4f46e5);box-shadow:0 12px 30px rgba(79,70,229,.35)}.marketing-primary span{font-size:18px}.marketing-secondary{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06)}.hero-trust{display:flex;flex-wrap:wrap;gap:17px;margin-top:27px;color:#8e9abb;font-size:10px;font-weight:700}.hero-trust span::first-letter{color:#5dd5b4}
.marketing-hero-visual{position:relative;z-index:2;align-self:stretch;margin-right:min(-7vw,-25px)}.marketing-hero-visual:before{content:"";position:absolute;inset:11% 3% 2% 8%;border-radius:38% 0 0 38%;background:#5046e533;filter:blur(60px)}.marketing-hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% center;mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 100%)}.hero-float-card{position:absolute;z-index:2;left:13%;bottom:4%;display:flex;flex-direction:column;min-width:200px;padding:15px 17px;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(17,25,54,.78);box-shadow:0 20px 50px #05091f80;backdrop-filter:blur(14px)}.hero-float-card span{color:#ff9a87;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.hero-float-card strong{margin:4px 0 2px;color:#fff}.hero-float-card small{color:#929dbf;font-size:10px}
.marketing-proof{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:40px;padding:26px max(24px,calc((100vw - var(--marketing-width))/2));border-bottom:1px solid var(--line);background:#fafaff}.marketing-proof p{margin:0;color:#7a8297;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.marketing-proof>div{display:flex;justify-content:space-between;gap:25px}.marketing-proof span{color:#7a8297;font-size:11px}.marketing-proof strong{display:block;color:var(--ink);font-size:18px}
.marketing-section{max-width:var(--marketing-width);margin:auto;padding:110px 24px}.section-heading{max-width:760px;margin:0 auto 52px;text-align:center}.section-heading>span,.section-tag{color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.section-heading h2,.visual-feature h2,.about-section h2,.access-section h2,.contact-section h2{margin:12px 0 16px;font-size:clamp(36px,4vw,54px);line-height:1.08;letter-spacing:-.045em}.section-heading p,.visual-feature-copy>p,.about-section p,.access-copy>p,.contact-section p{color:var(--muted);font-size:15px;line-height:1.75}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{position:relative;min-height:275px;padding:28px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#fff,#fafaff);box-shadow:0 12px 38px rgba(28,34,68,.055)}.feature-card-large{grid-column:span 2;display:grid;grid-template-columns:auto 1fr;gap:20px;background:radial-gradient(circle at 85% 0,#efedff,transparent 17rem),#fff}.marketing-icon{display:grid;width:46px;height:46px;border-radius:12px;background:var(--brand-soft)!important;color:var(--brand)}.feature-card>small,.feature-card div>small{display:block;margin-top:23px;color:var(--accent);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.feature-card-large div>small{margin-top:0}.feature-card h3{margin:8px 0 12px;font-size:21px}.feature-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.feature-card ul{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 0;padding:0;list-style:none}.feature-card li{border-radius:99px;padding:6px 9px;background:var(--brand-soft);color:#4a438f;font-size:9px;font-weight:700}
.visual-feature{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:68px;max-width:1380px;padding-top:90px;padding-bottom:90px}.visual-feature-reverse{direction:rtl}.visual-feature-reverse>*{direction:ltr}.visual-feature-media{position:relative;min-height:550px}.visual-feature-media:before{content:"";position:absolute;inset:-16px 28px 22px -16px;border-radius:24px;background:var(--brand-soft)}.visual-feature-media img{position:absolute;inset:0;width:100%;height:100%;border-radius:20px;object-fit:cover;box-shadow:0 25px 60px rgba(24,32,51,.16)}.visual-feature-copy{max-width:540px}.numbered-flow{display:grid;gap:2px;margin:28px 0 0;padding:0;list-style:none}.numbered-flow li{display:grid;grid-template-columns:44px 1fr;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.numbered-flow b{color:#b4b0dd;font-size:13px}.numbered-flow strong,.numbered-flow small{display:block}.numbered-flow small{margin-top:4px;color:var(--muted);line-height:1.55}.mini-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:25px}.mini-feature-grid>div{padding:15px;border:1px solid var(--line);border-radius:11px;background:#fafaff}.mini-feature-grid strong,.mini-feature-grid small{display:block}.mini-feature-grid strong{font-size:12px}.mini-feature-grid small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.55}
.roles-section{max-width:none;padding-left:max(24px,calc((100vw - var(--marketing-width))/2));padding-right:max(24px,calc((100vw - var(--marketing-width))/2));background:#f7f7fb}.role-row{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.role-row article{min-height:180px;padding:27px 20px;border-right:1px solid var(--line)}.role-row article:last-child{border:0}.role-row b{display:flex;align-items:center;gap:8px}.role-row b:before{content:"";width:8px;height:8px;border-radius:3px;background:var(--accent)}.role-row p{color:var(--muted);font-size:11px;line-height:1.65}
.about-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.about-section h2{max-width:420px}.about-section p{margin-top:0}.about-section p:first-child{color:#30384c;font-size:19px}
.access-section{display:grid;grid-template-columns:1fr minmax(360px,440px);gap:90px;max-width:none;padding-left:max(24px,calc((100vw - var(--marketing-width))/2));padding-right:max(24px,calc((100vw - var(--marketing-width))/2));background:radial-gradient(circle at 17% 20%,rgba(79,70,229,.27),transparent 25rem),#111936}.access-section h2{color:#fff}.access-copy{align-self:center;max-width:600px}.access-copy>p{color:#adb7d7}.access-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.access-points span{padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:99px;color:#b8c1df;font-size:9px}.access-section .auth.card{margin:0;padding:30px;background:#fff;box-shadow:0 30px 70px rgba(0,0,0,.24)}.access-section .auth.card:before{display:none}.access-section .auth h2{margin:5px 0;color:var(--ink);font-size:30px}.access-section .auth button{width:100%;justify-content:space-between}.access-section input{min-height:50px}
.contact-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.contact-section>div:first-child{max-width:600px}.contact-card{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:25px;border:1px solid var(--line);border-radius:16px;background:#fafaff}.contact-card strong,.contact-card small{display:block}.contact-card small{margin-top:5px;color:var(--muted);line-height:1.55}.contact-card>a{grid-column:2;color:var(--brand);font-size:11px;font-weight:800;text-decoration:none}
.marketing-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:45px max(24px,calc((100vw - var(--marketing-width))/2));background:#0c122a}.marketing-footer>div{display:flex;gap:20px}.marketing-footer a{color:#c1c9e2;text-decoration:none;font-size:10px}.marketing-footer p{justify-self:end;margin:0;color:#7883a9;font-size:10px}
@media(max-width:1050px){.marketing-nav{grid-template-columns:1fr auto}.marketing-nav nav{display:none}.marketing-hero{grid-template-columns:1fr;min-height:auto;padding-top:80px}.marketing-hero-copy{max-width:720px}.marketing-hero-visual{min-height:540px;margin:25px -24px -96px 17%}.marketing-proof{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.visual-feature{gap:38px}.role-row{grid-template-columns:repeat(3,1fr)}.role-row article{border-bottom:1px solid var(--line)}.access-section{gap:45px}}
@media(max-width:760px){.marketing-nav{height:70px;padding-inline:16px}.marketing-nav .landing-brand small{display:none}.marketing-login-link{min-height:38px}.marketing-hero{padding:64px 18px 68px}.marketing-hero h1{font-size:clamp(42px,13vw,62px)}.marketing-hero-copy>p{font-size:14px}.hero-actions>a{width:100%}.hero-trust{gap:9px;flex-direction:column}.marketing-hero-visual{min-height:360px;margin:30px -18px -68px 4%}.marketing-hero-visual img{object-position:52% center}.hero-float-card{display:none}.marketing-proof{padding:23px 18px}.marketing-proof>div{display:grid;grid-template-columns:repeat(2,1fr)}.marketing-section{padding:72px 17px}.section-heading{margin-bottom:34px;text-align:left}.section-heading h2,.visual-feature h2,.about-section h2,.access-section h2,.contact-section h2{font-size:35px}.feature-grid{grid-template-columns:1fr}.feature-card-large{grid-column:auto;grid-template-columns:1fr}.feature-card{min-height:auto;padding:22px}.feature-card>small{margin-top:18px}.visual-feature,.visual-feature-reverse{display:flex;gap:40px;flex-direction:column;direction:ltr}.visual-feature-media{width:100%;min-height:360px}.mini-feature-grid{grid-template-columns:1fr}.roles-section{padding-inline:17px}.role-row{grid-template-columns:1fr}.role-row article{min-height:auto;border-right:0}.about-section,.access-section,.contact-section{grid-template-columns:1fr;gap:35px}.about-section p:first-child{font-size:16px}.access-section{padding-inline:17px}.access-section .auth.card{padding:22px}.marketing-footer{grid-template-columns:1fr;text-align:left}.marketing-footer>div{flex-wrap:wrap}.marketing-footer p{justify-self:start}}
@media(max-width:430px){.marketing-nav .landing-brand strong{font-size:14px}.marketing-nav .brand-mark{width:37px;height:37px}.marketing-login-link{padding-inline:11px}.marketing-hero-visual{min-height:300px}.visual-feature-media{min-height:290px}.marketing-proof>div{gap:18px}}

/* Inventory and reporting story */
.intelligence-feature{max-width:none;padding-left:max(24px,calc((100vw - 1380px)/2));padding-right:max(24px,calc((100vw - 1380px)/2));background:linear-gradient(180deg,#f8f8fc,#fff)}
.outcome-list{display:grid;gap:10px;margin-top:28px}.outcome-list>div{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.outcome-list b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--brand-soft);color:var(--brand);font-size:10px}.outcome-list strong,.outcome-list small{display:block}.outcome-list small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.55}
@media(max-width:760px){.intelligence-feature{padding-inline:17px}}

/* Landing motion system */
html{scroll-behavior:smooth}.marketing-nav,.marketing-hero-copy>*{animation:landing-rise .75s both cubic-bezier(.2,.7,.2,1)}.marketing-nav{animation-duration:.55s}.marketing-hero-copy .landing-kicker{animation-delay:.08s}.marketing-hero-copy h1{animation-delay:.15s}.marketing-hero-copy>p{animation-delay:.23s}.marketing-hero-copy .hero-actions{animation-delay:.31s}.marketing-hero-copy .hero-trust{animation-delay:.39s}.marketing-hero-visual{animation:hero-arrive 1s .18s both cubic-bezier(.16,1,.3,1)}.marketing-hero-visual img{transform:translate3d(0,var(--hero-scroll,0),0) scale(1.035);transition:transform .12s linear}.hero-float-card{animation:float-card 4.8s 1.2s ease-in-out infinite}.marketing-hero:before{content:"";position:absolute;z-index:1;top:15%;left:42%;width:340px;height:340px;border-radius:50%;background:rgba(98,88,237,.14);filter:blur(2px);animation:hero-orbit 12s ease-in-out infinite;pointer-events:none}
.motion-ready .motion-reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .7s var(--reveal-delay,0ms) cubic-bezier(.2,.7,.2,1),transform .7s var(--reveal-delay,0ms) cubic-bezier(.2,.7,.2,1)}.motion-ready .motion-reveal.is-visible{opacity:1;transform:none}.feature-card,.role-row article,.mini-feature-grid>div,.outcome-list>div,.contact-card{transition:border-color .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.2,.7,.2,1)}.feature-card:hover{z-index:2;transform:translateY(-7px);border-color:#c9c5ff;box-shadow:0 22px 48px rgba(39,38,90,.12)}.feature-card:hover .marketing-icon{transform:rotate(-5deg) scale(1.08)}.marketing-icon{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.role-row article:hover,.mini-feature-grid>div:hover,.outcome-list>div:hover{transform:translateY(-4px);border-color:#d1ceff;box-shadow:0 14px 30px rgba(39,38,90,.08)}.visual-feature-media{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.visual-feature-media:hover{transform:translateY(-5px)}.visual-feature-media img{transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease}.visual-feature-media:hover img{transform:scale(1.018);box-shadow:0 32px 72px rgba(24,32,51,.2)}.marketing-primary,.marketing-secondary,.marketing-login-link{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.marketing-primary:hover,.marketing-secondary:hover,.marketing-login-link:hover{transform:translateY(-2px)}.marketing-primary:hover{box-shadow:0 17px 35px rgba(79,70,229,.46)}.marketing-primary span,.marketing-login-link span{transition:transform .25s ease}.marketing-primary:hover span,.marketing-login-link:hover span{transform:translateX(4px)}
@keyframes landing-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes hero-arrive{from{opacity:0;transform:translateX(45px) scale(.97)}to{opacity:1;transform:none}}@keyframes float-card{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes hero-orbit{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(70px,30px,0) scale(1.18)}}
.motion-ready .feature-card.motion-reveal.is-visible:hover{transform:translateY(-7px)}.motion-ready .role-row article.motion-reveal.is-visible:hover,.motion-ready .mini-feature-grid>div.motion-reveal.is-visible:hover,.motion-ready .outcome-list>div.motion-reveal.is-visible:hover{transform:translateY(-4px)}.motion-ready .visual-feature-media.motion-reveal.is-visible:hover{transform:translateY(-5px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marketing-nav,.marketing-hero-copy>*,.marketing-hero-visual,.hero-float-card,.marketing-hero:before{animation:none!important}.motion-ready .motion-reveal{opacity:1;transform:none;transition:none}.marketing-hero-visual img,.visual-feature-media img{transform:none!important;transition:none}.feature-card,.role-row article,.mini-feature-grid>div,.outcome-list>div,.visual-feature-media,.marketing-primary,.marketing-secondary,.marketing-login-link{transition:none}}

/* Keep feature icon tiles upright on hover. */
.feature-card:hover .marketing-icon{transform:scale(1.05)}