/* IQ Order Gastro · owner-approved brand direction · 27 October 2026. */
:root{--bg:#faf6ee;--bg-deep:#eee6d8;--navy:#faf6ee;--deep:#f0e8d9;--surface:#fffdf8;--surface2:#f3eadb;--paper:#fffdf8;--white:#fffdf8;--ink:#352b23;--muted:#716356;--line:#ddd0bc;--mint:#3c5a42;--cyan:#8a5b21;--teal:#3c5a42;--violet:#8a5b21;--purple:#8a5b21;--green:#3c5a42;--lime:#cfa45b;--light:#fffdf8;--pale:#f2eadc;--brand-primary:#3c5a42;--brand-primary-hover:#2d4633;--brand-cyan:#8a5b21;--brand-ink:#352b23;--brand-muted:#716356;--brand-light:#fffdf8;--brand-line:#ddd0bc;--brand-violet-soft:#efe3ce;--brand-gradient:linear-gradient(145deg,#fffdf8,#f1e8d8);--heading:Georgia,'Times New Roman',serif;--serif:Georgia,'Times New Roman',serif;--body:'IQ Order Body','Lato',system-ui,sans-serif;--sans:'Lato',system-ui,sans-serif;--shadow:0 10px 35px #4b32100a;color-scheme:light;font-synthesis:none}
html,body{background:var(--bg);color:var(--ink)}body{font-family:var(--body);font-weight:400}h1,h2,h3,h4{font-family:var(--heading);font-weight:400;letter-spacing:-.035em}p,small,.muted{color:var(--muted)}a,button,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#8a5b21}::selection{background:#ecd5a9;color:#352b23}input,select,textarea{background:#fffdf8;color:#352b23;border-color:#cbbb9e}input::placeholder,textarea::placeholder{color:#786d60}input[type=checkbox],input[type=radio]{accent-color:#3c5a42}.button,.btn,.nav-cta{border-radius:5px}.button-primary,.btn.primary,.nav-cta{background:#3c5a42;color:#fffdf8;border-color:#3c5a42}.button-primary:hover,.btn.primary:hover,.nav-cta:hover{background:#2d4633;color:#fffdf8}.button-secondary{color:#352b23;background:transparent;border-color:#ad9470}.button-secondary:hover{background:#efe3ce;color:#352b23}.eyebrow{color:#8a5b21;letter-spacing:.13em}.text-action,.text-link{color:#79501f}.status-pill{border-radius:4px}.panel,.stat,.food-card,.table-card,.quick-card,.mail-provider,.document-card,.payment-panel,.modal{background:#fffdf8;color:#352b23;border-color:#ddd0bc;box-shadow:none}.topbar,.guest-nav{background:#faf6ee;color:#352b23;border-color:#ddd0bc}.sidebar{background:#2d211a;color:#fff4df;border-color:#4d3c2c}.sidebar p,.sidebar small,.sidebar .muted,.sidebar .nav-demo{color:#d5c4ab}.sidebar .nav button,.sidebar .nav a{color:#efe4d2}.sidebar .nav .active,.sidebar .nav button.active{background:#4c3c29;color:#f4dba5}.brand-lockup{background:#2d211a;border-color:#5c4830;min-height:130px}.logo img,.guest-brand .logo img,.brand-lockup img{width:130px;height:100px;object-fit:contain;aspect-ratio:auto}.guest-brand .logo{width:125px}.guest-intro h1,.page-title h1{font-size:clamp(27px,3.2vw,40px)}.guest-main .food-card,.food-grid .food-card{border-radius:7px;overflow:hidden}.food-body .price{color:#6f461b}.paper-menu,.menu-print-page{color-scheme:light}.connection,.topbar .connection{color:#536b44}.connection.lost{color:#9b491c}.live-qr{background:white;border-color:#ddd0bc}.table-code{background:#f1e7d4;border-color:#cdb58d}.table-code strong{color:#79501f}.filter-pills button.active{background:#3c5a42;color:#fffdf8}.modal-backdrop{background:#241b1599}.counter-display,.pickup-screen{background:#2d211a;color:#fff7e7}.counter-display h1,.counter-display h2{color:#fff7e7}.counter-display .muted{color:#d5c4ab}
/* The public site uses an editorial restaurant composition, shared by all topic pages. */
.marketing-site{font-size:17px;line-height:1.75}.marketing-site .site-header{height:105px;background:#faf6eef5;border-bottom:1px solid #ddceb6;backdrop-filter:blur(12px)}.marketing-site .brand img{width:135px;height:91px;object-fit:contain;object-position:left center}.marketing-site .site-header nav{color:#493a2a}.marketing-site .nav-link,.marketing-site .nav-dropdown>summary{color:#493a2a}.marketing-site .dropdown-panel{background:#fffdf8;color:#352b23;border-color:#ddd0bc;box-shadow:0 20px 40px #4b321018;border-radius:5px}.marketing-site .dropdown-panel a:hover{background:#f2e6d0;color:#6a461e}.marketing-site .menu-toggle,.marketing-site .site-search-open{background:transparent;color:#493a2a;border-color:#bca786}.marketing-site .menu-toggle span{background:#493a2a}.marketing-site h2{font-size:clamp(32px,3.5vw,47px)}.marketing-site h3{font-size:25px}.marketing-site .section{padding-block:92px}.marketing-site .section-deep{background:#efe7d9}.marketing-site .section-surface{background:#f5edde}.marketing-site .section-heading{max-width:790px}.marketing-site .section-heading h2{line-height:1.18}.marketing-site .hero-section{background:#2d211a;--ink:#fff6e7;--muted:#ddcbb5;--cyan:#f2cf8b;--mint:#e8c48a;color:#fff6e7;padding-top:48px}.marketing-site .hero-copy{padding-block:20px}.marketing-site .hero-copy h1{font-size:clamp(46px,5.5vw,74px);line-height:1.08;font-weight:400;letter-spacing:-.045em}.marketing-site .hero-copy h1 span{color:#ebc47c;background:none;-webkit-text-fill-color:currentColor}.marketing-site .hero-section .hero-copy p,.marketing-site .hero-section .hero-description{color:#dfd0bd}.marketing-site .hero-copy .eyebrow{color:#e5c58d}.marketing-site .hero-section .button-primary{background:#e4c18a;color:#302218;border-color:#e4c18a}.marketing-site .hero-section .button-secondary{color:#fff4df;border-color:#a58b66}.marketing-site .hero-section .button-secondary:hover{background:#4c3929}.marketing-site .hero-facts,.marketing-site .hero-pilot{color:#d4c1a9}.marketing-site .hero-bottom{color:#dccbb2;border-color:#73583a;font-size:10px;letter-spacing:.1em}.gastro-hero-art{margin:0;min-width:0}.gastro-hero-art img{width:100%;height:auto;display:block;border-radius:3px}.gastro-hero-art figcaption{color:#cfb28a;font-size:11px;text-align:center;padding-top:14px;letter-spacing:.07em}.gastro-preview{max-width:850px;margin:0 auto 20px;padding:22px 0;border-block:1px solid #cfbea2}.gastro-preview>summary{cursor:pointer;font:400 24px/1.3 var(--heading);color:#79501f}.gastro-preview>p{margin:20px 0}.gastro-preview .hero-product{max-width:700px;margin:35px auto 20px}.gastro-preview .scene-panel{--ink:#352b23;--muted:#716356;--mint:#3c5a42;--cyan:#8a5b21;color:#352b23}.marketing-site .entry-choices{background:#fffdf8}.marketing-site .entry-grid>a,.marketing-site .solution-card,.marketing-site .feature-card,.marketing-site .related-card,.marketing-site .readiness-grid>article,.marketing-site .connection-grid article{background:transparent;border-color:#d7c6aa;border-radius:4px;box-shadow:none}.marketing-site .solution-label{color:#8a5b21}.marketing-site .solution-card:hover,.marketing-site .related-card:hover{background:#eee2ce}.marketing-site .solution-number,.marketing-site .connection-number{color:#8a5b21}.marketing-site .feature-hero{background:#f1e7d6;border-bottom:1px solid #d6c5a9}.marketing-site .breadcrumbs,.marketing-site .update-note{color:#6e5d49}.marketing-site .breadcrumbs a{color:#79501f}.marketing-site .feature-toc{background:#fffdf8;border-color:#cdbb9d;border-radius:4px}.marketing-site .feature-toc a{color:#6d573d}.marketing-site .feature-article>section{border-color:#d8c8af}.marketing-site .feature-article p{color:#665744}.marketing-site .feature-card h3,.marketing-site .feature-card h4{font-family:var(--heading)}.marketing-site .catalog-nav a{border-color:#b7a384;color:#624d32}.marketing-site .catalog-search input,.marketing-site #feature-search{background:#fffdf8;color:#352b23;border-color:#ab9573}.marketing-site .catalog-nav a[aria-current=true]{background:#3c5a42;color:white;border-color:#3c5a42}.marketing-site .price-card{background:#fffdf8;border-color:#ccb692;border-radius:5px}.marketing-site .price-card.featured{background:#ede4d1;border-color:#8a5b21}.marketing-site .price-card .plan-price,.marketing-site .price-card h3{color:#352b23}.marketing-site .price-card ul,.marketing-site .price-description,.marketing-site .price-notice{color:#685744}.marketing-site .config-summary{background:#fffdf8;border-color:#bda37c;border-radius:5px}.marketing-site .config-package{background:#fffdf8;border-color:#cbbb9d}.marketing-site .config-package:has(input:checked){background:#eee6d2;border-color:#8a5b21}.marketing-site .config-package b,.marketing-site .config-totals strong,.marketing-site #product-selection-status{color:#79501f}.marketing-site .config-first-payment{color:#352b23}.marketing-site .config-addon-group{border-color:#cbbb9d;border-radius:5px}.marketing-site .config-addon-group>summary{background:#f1e7d5}.marketing-site .config-addon-stage,.marketing-site .config-addon-stage a{color:#6b573e}.marketing-site .config-breakdown dt{color:#695b48}.marketing-site .config-breakdown dd{color:#352b23}.marketing-site .config-quantity input{color:#352b23;background:#fffdf8;border-color:#ad9675}.marketing-site .config-mobile-total{background:#f2e7d3;border-color:#8a5b21}.marketing-site .config-mobile-total strong,.marketing-site .config-mobile-total span{color:#68421d}.marketing-site .config-totals .config-saving{color:#536b44}.marketing-site .addon-card,.marketing-site .pricing-details article{background:#fffdf8;border-color:#d5c2a3;border-radius:4px}.marketing-site .pricing-example,.marketing-site .pricing-explainer{background:#efe4ce;border-color:#b99a67;color:#5c4223}.marketing-site .pricing-explainer p{color:#5c4223}.marketing-site .feature-decision,.marketing-site .feature-checklist{background:#fffdf8;color:#352b23}.marketing-site table{color:#352b23}.marketing-site .booking-panel{background:#fffdf8;border-color:#cbb795;border-radius:5px}.marketing-site .booking-panel p{color:#6e5c45}.marketing-site .faq-list details{border-color:#cbbb9d}.marketing-site .site-footer{background:#2d211a;color:#fff4df;border-color:#695036;--muted:#d5c4ab;--line:#695036;--cyan:#f0cf96}.marketing-site .site-footer p,.marketing-site .site-footer a,.marketing-site .footer-bottom{color:#d5c4ab}.marketing-site .site-footer h2{color:#fff4df;font-size:16px}.marketing-site .site-footer .brand img{height:115px;width:155px}.marketing-site .iqcharge-companion{background:#efe5d1}.marketing-site .ecosystem-logos,.marketing-site .pickup-device{background:#30271f;border-color:#795e39}.marketing-site .pickup-device-screen{background:#2d211a;color:#fff4df}.marketing-site .pickup-device-screen .pickup-number{color:#f4d49c}.marketing-site .pickup-device-screen .pickup-ready{color:#e8ddc8}.marketing-site .pickup-device-screen img{object-fit:contain;height:90px;width:120px}.marketing-site .feature-toc h2{font-size:21px}.marketing-site .topic-nav a{color:#79501f}
/* Keep operational red/green/yellow semantics separate from decorative brand colours. */
.table-card.free,.mock-table.free{border-color:#507f4b}.table-card.occupied,.mock-table.occupied{border-color:#a74335}.table-card.reserved,.mock-table.reserved{border-color:#b88a27}.pill.green,.status-pill.status-ready{color:#2e6137;background:#e9efdf}.error-box,.notice.error{color:#8d3329;background:#f9e9df}.success-box{color:#2e6137;background:#e9efdf}
@media(max-width:980px){.marketing-site .site-header{height:88px}.marketing-site .brand img{height:78px;width:112px}.marketing-site .site-header nav{top:88px;background:#faf6ee;border-color:#cdbb9d}.marketing-site .section{padding-block:72px}.marketing-site .hero-copy h1{font-size:52px}.marketing-site .hero-layout{gap:25px}.marketing-site .dropdown-panel{box-shadow:none}}
@media(max-width:720px){.marketing-site .site-header{height:84px}.marketing-site .brand img{width:105px;height:74px}.marketing-site .site-header nav{top:84px}.marketing-site .section{padding-block:58px}.marketing-site .hero-section{padding-top:25px}.marketing-site .hero-copy{padding:0}.marketing-site .hero-copy h1{font-size:47px;line-height:1.1}.marketing-site .hero-description{font-size:17px}.marketing-site .hero-layout{gap:30px}.marketing-site .hero-actions .button{padding:14px 15px;font-size:13px}.marketing-site .gastro-hero-art{margin-top:10px}.marketing-site .gastro-hero-art figcaption{font-size:9px}.marketing-site .hero-bottom{font-size:8px;margin-top:25px}.marketing-site .price-card{min-width:260px}.marketing-site .gastro-preview{padding:18px 0}.marketing-site .gastro-preview>summary{font-size:23px}.logo img,.brand-lockup img{width:105px;height:82px}.sidebar .logo img{height:70px}.marketing-site .pickup-device-screen img{width:100px;height:80px}.marketing-site .config-mobile-total{top:90px}}
@media print{body{background:white;color:black}.brand-lockup,.sidebar{display:none}.live-qr{background:white}.paper-menu,.menu-print-page{color-scheme:light}}

.marketing-site .feature-hero .hero-description{color:#665744}

.brand img{object-fit:contain;width:130px;height:90px}.counter-main>header img{width:120px;height:105px;object-fit:contain}
/* Shared demonstration and pickup surfaces: readable on warm paper. */
.pd-disclaimer,.pd-notice{background:#efe5d0;border-color:#c8ad7f;color:#5d4930}.pd-disclaimer strong,.pd-notice strong{color:#6f491f}.pd-steps li,.pd-demo label{color:#665744}.pd-demo input,.pd-demo select{border-color:#bda781}.pd-guest-ticket{background:#f2e9d8;border-color:#bda781}.pd-status{background:#e7eddd;color:#36563b}.pd-screen{background:#2d211a;color:#fff4df}.pd-screen .pd-place,.pd-wait{color:#e2cfaf}.pd-numbers strong{color:#f3d19a}.pd-screen-note{background:#4c3a25;color:#f4d49c}.pd-screen img{width:90px;height:75px;object-fit:contain}.pd-device{background:#bba17b;box-shadow:0 15px 30px #4b321018}.sidebar .nav-label{color:#cbb697}.sidebar .brand-sub{color:#d8be8a}.sidebar .venue small{color:#716356}.sidebar .ecosystem-link{background:#2d211a}.sidebar .ecosystem-link .icon{color:#ead1a1}.sidebar .ecosystem-switch small,.sidebar .ecosystem-switch p,.sidebar .ecosystem-card small,.sidebar .ecosystem-card p{color:#716356}.info-box,.info-banner{background:#efe5d0;border-color:#c8ad7f;color:#5d4930}

/* Employee watch pilot: readable in the public Gastro palette. */
.marketing-site .watch-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,72px);align-items:start}
.marketing-site .watch-steps{min-width:0;padding:clamp(22px,3vw,36px);border:1px solid #d8c5a8;border-radius:24px;background:#fffdf8;color:#2d211a}
.marketing-site .watch-steps h3{margin-top:0;color:#2d211a}
.marketing-site .watch-steps ol{padding-inline-start:1.5em;line-height:1.7;color:#594b3f}
.marketing-site .watch-steps li{padding-inline-start:.4em;margin-block:0 18px}
.marketing-site .watch-steps li::marker{color:#8a5b21;font-weight:700}
.marketing-site .watch-availability{scroll-margin-top:120px}
@media(max-width:760px){.marketing-site .watch-layout{grid-template-columns:1fr}.marketing-site .watch-availability h2{font-size:clamp(30px,8vw,42px)}}

/* Store links keep pilot access distinct from a public download. */
.marketing-site .watch-store-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block:24px}
.marketing-site .watch-store-links>a,.marketing-site .watch-store-pending{max-width:100%;white-space:normal;overflow-wrap:anywhere;min-height:48px}
.marketing-site .watch-store-pending{display:inline-flex;align-items:center;padding:12px 20px;border:1px solid #d8c5a8;border-radius:24px;background:#efe5d3;color:#594b3f;font-size:.9rem;line-height:1.4}

/* Practical guidance follows the light gastro palette in every locale. */
.marketing-site .feature-article .preparation-list{background:var(--surface2);border-color:var(--line);color:var(--ink)}
.marketing-site .preparation-list ul{padding-inline-start:24px;padding-inline-end:0;color:var(--muted)}
.marketing-site .breadcrumbs{flex-wrap:wrap;overflow-wrap:anywhere}

/* Toni: on-demand, first-party film in the established restaurant palette. */
.toni-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,72px);align-items:center;scroll-margin-top:100px}.toni-copy p{max-width:48ch}.toni-signature{color:#426047;font-size:.95rem}.toni-film{margin:0;min-width:0}.toni-film video{display:block;width:100%;height:auto;aspect-ratio:7/4;background:#2d211a;border-radius:24px;box-shadow:0 16px 48px #2d211a20;border:1px solid #d9c5a7}.toni-film figcaption{font-size:.8rem;line-height:1.6;margin-block:14px;color:#655546}.toni-transcript{border-top:1px solid #d9c5a7;padding-block:12px}.toni-transcript summary{cursor:pointer;font-weight:700;color:#38563f}.toni-transcript p{font-size:.94rem;line-height:1.7}.toni-transcript summary:focus-visible{outline:3px solid #426047;outline-offset:4px}@media(max-width:800px){.toni-intro{grid-template-columns:minmax(0,1fr)}.toni-film video{border-radius:16px}}

/* IQ Vallet keeps its own approved product mark inside the IQ Order restaurant design. */
.vallet-heading{max-width:760px;margin-bottom:36px}.vallet-heading>img{width:200px;height:auto;margin-block:8px 20px;padding:14px 20px;background:#0b1b2b;border-radius:14px;box-sizing:content-box}.vallet-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:start}.vallet-points{margin:0 0 28px}.vallet-points>div{padding-block:16px;border-top:1px solid #d9c5a7}.vallet-points dt{font-weight:700;color:#294b3b}.vallet-points dd{margin:8px 0 0;line-height:1.7}.vallet-layout h3{font-size:1.55rem}.vallet-film{margin:0;min-width:0}.vallet-film>video,.vallet-film>img{display:block;width:100%;height:auto;border-radius:20px;background:#122a3d}.vallet-film>video{aspect-ratio:7/4}.vallet-film figcaption,.vallet-film summary{font-size:.85rem;line-height:1.6;margin-block:14px}.vallet-film details{border-block:1px solid #d9c5a7}.vallet-film summary{cursor:pointer;font-weight:700}.vallet-status{font-size:.88rem;line-height:1.7;padding:18px;background:#fffdf8;border-inline-start:3px solid #426047;border-radius:0 12px 12px 0}@media(max-width:800px){.vallet-layout{grid-template-columns:minmax(0,1fr)}}

/* Toni watch-call concept film: first-party, deferred media, explicit pilot scope. */
.watch-call-film{margin-top:48px;max-width:1050px;scroll-margin-top:128px}.watch-call-copy{max-width:760px}.watch-call-copy h3{font-family:var(--heading);font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.2}.watch-call-film video{display:block;width:100%;height:auto;aspect-ratio:7/4;background:#2d211a}.watch-call-film .small-note{margin-top:16px}.watch-call-film .toni-transcript p{max-width:80ch;line-height:1.75}.watch-call-film figure{margin-inline:0}.watch-call-film :is(video,details){max-width:100%}

/* Existing Toni scenes, localized narration and private-data-free public transcripts. */
.visit-films{scroll-margin-top:128px}.visit-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.visit-film-card{min-width:0;background:#fffdf8;border:1px solid #d9c5a7;border-radius:22px;padding:clamp(18px,3vw,30px);scroll-margin-top:128px}.visit-film-card h3{font-family:var(--heading);font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.25}.visit-film-card figure{margin:24px 0}.visit-film-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;background:#2d211a}.visit-film-card .toni-transcript{border-block:1px solid #d9c5a7;margin-block:20px}.visit-film-card summary{padding-block:14px;cursor:pointer;font-weight:700}.visit-film-card .toni-transcript p{line-height:1.75;white-space:pre-line;overflow-wrap:anywhere;max-width:75ch}.visit-film-note{max-width:95ch;margin-top:24px}.visit-films-single .visit-film-grid{grid-template-columns:minmax(0,1fr);max-width:1050px}.visit-films-single .visit-film-card{max-width:100%}@media(max-width:850px){.visit-film-grid{grid-template-columns:minmax(0,1fr)}}

/* First-party watch pages: one primary film, no third-party player before consent. */
.video-library-main{padding-block:32px 72px}.video-library-main>h1{max-width:1000px;margin-block:24px 16px}.video-library-main>.hero-description{max-width:850px}.film-primary{max-width:1000px;margin:24px 0}.film-primary video{display:block;width:100%;height:auto;border-radius:20px;background:#2d211a;aspect-ratio:16/9}.film-primary figcaption{font-size:.9rem;margin-top:10px;color:#6d6155}.film-transcript{max-width:850px;margin-block:44px}.film-transcript p{white-space:pre-line;line-height:1.9}.film-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:36px}.film-library-card{background:#fffdf8;border:1px solid #dacdb9;border-radius:20px;overflow:hidden}.film-library-card>a{display:block;color:inherit;text-decoration:none;padding:16px}.film-library-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.film-library-card :is(h2,h3){font-size:1.45rem;line-height:1.25;margin:12px 0}.film-library-card .eyebrow{display:block;margin-top:14px}.film-page-link{display:block;margin-top:14px}.film-related{margin-top:56px}@media(max-width:850px){.film-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.film-library-grid{grid-template-columns:1fr}.video-library-main{padding-top:24px}.video-library-main>h1{font-size:2rem}.film-primary{margin-inline:0}}
