/* Qout draft — a connected, product-first visual system. */
:root{--paper:#f8f8f4;--surface:#fff;--sand:#f0f3eb;--ink:#15241a;--muted:#526159;--line:#dce4dc;--green:#07522f;--green-2:#0a633b;--accent-text:#07522f;--lime:#d8f064}
:root[data-theme="dark"]{--paper:#101813;--surface:#19241d;--sand:#1f2d23;--ink:#f2f6f0;--muted:#c4d1c6;--line:#394c3c;--accent-text:#b8e2bf}
html{scroll-padding-top:82px}body{background:var(--paper);color:var(--ink);line-height:1.65}img{max-width:100%}
.container{width:min(1320px,calc(100% - 64px))}
.draft-bar{display:flex;height:27px;background:#103f29;color:#e3eee4;font-size:12px;font-weight:500;letter-spacing:0}
.site-header{height:78px;position:sticky;top:0;background:#07522f;border:0;box-shadow:0 1px 0 rgba(255,255,255,.12);gap:28px;padding-inline:max(32px,calc((100vw - 1320px)/2));z-index:80}
.brand{position:relative;display:block;flex:none;width:91px;height:68px;overflow:hidden;margin-left:12px}
.brand img{position:absolute;width:160px;height:160px;max-width:none;top:-32px;left:-32px}
.main-nav{gap:26px;font-size:15px;font-weight:600;color:#edf5ef}.main-nav a{padding:27px 0;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a:after{background:var(--lime);bottom:18px}
.header-actions{gap:14px;font-size:14px}.header-link{color:#e7f1e7}.site-header .button-sm{background:var(--lime);border-color:var(--lime);color:#11341e;min-height:42px;padding-inline:22px}
.theme-toggle{border-color:rgba(255,255,255,.35);color:#fff}.theme-toggle:hover{background:rgba(255,255,255,.1)}
.button{border-radius:9px;box-shadow:none;min-height:52px;font-size:16px;padding-inline:26px;transition:background .2s ease,transform .2s ease}.button:hover{box-shadow:none;transform:translateY(-2px)}
.mobile-nav{box-shadow:0 22px 50px rgba(0,0,0,.18);border:0;border-radius:0 0 14px 14px}
.q-label,.eyebrow{font:700 14px/1.4 "IBM Plex Sans Arabic",sans-serif;letter-spacing:0;color:var(--accent-text);margin:0 0 18px}
.q-text-button{font-size:16px;font-weight:700;color:var(--accent-text);display:inline-flex;align-items:center;border-bottom:1px solid currentColor;padding-bottom:3px;white-space:nowrap}
.q-text-button:hover{opacity:.7}
.q-hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:#f3f5ed}
.q-hero-copy{min-width:0;padding:clamp(54px,6vw,100px) max(32px,calc((100vw - 1320px)/2)) 30px 56px;display:flex;flex-direction:column;justify-content:space-between}
.q-hero-content{max-width:630px}.q-hero .q-label{color:#245e39}.q-hero h1{font-size:clamp(56px,5.3vw,90px);line-height:1.13;letter-spacing:-.055em;margin:0 0 24px;font-weight:700;color:#112e1d}
.q-hero h1 em{font-style:normal;color:#0a663a}.q-hero-content>p:not(.q-label){font-size:clamp(17px,1.4vw,21px);line-height:1.85;max-width:570px;color:#35483a;margin:0 0 35px}
.q-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.q-hero .button{background:#07522f;color:#fff}.q-hero-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cad8cb;padding-top:14px;color:#5d6e60;font-size:14px;font-weight:600}
.q-hero-visual{position:relative;min-height:620px;background:#e8ece9;overflow:hidden}
.q-hero-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;animation:q-photo-in .9s ease-out both}
.q-hero-photo-caption{position:absolute;bottom:25px;right:25px;background:rgba(255,255,255,.96);color:#123c24;padding:14px 22px;min-width:180px;box-shadow:0 14px 30px rgba(22,44,29,.13)}
.q-hero-photo-caption span{display:block;font-size:13px}.q-hero-photo-caption strong{font-size:18px}
@keyframes q-photo-in{from{opacity:.2;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
.q-entry{display:grid;grid-template-columns:repeat(3,1fr);padding-block:40px 58px}.q-entry>a{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:18px;padding:25px 23px 25px 27px;border-right:1px solid var(--line);transition:background .2s}.q-entry>a:first-child{border-right:0}.q-entry>a:hover{background:var(--surface)}.q-entry-num{font:700 13px Manrope,sans-serif;color:var(--accent-text);padding-top:5px}.q-entry h2{font-size:25px;line-height:1.3;margin:0 0 5px}.q-entry p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}.q-entry-icon{font-size:22px;color:var(--accent-text)}
.q-menu-section{padding:85px 0 95px;background:var(--surface)}.q-section-head{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:34px}.q-section-head h2{font-size:clamp(36px,3.6vw,58px);line-height:1.2;letter-spacing:-.035em;margin:0}.q-section-head .q-label{margin-bottom:8px}.q-food-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.q-food-card{display:block;min-width:0}.q-food-image{aspect-ratio:1.25;background:#f3f5f3;overflow:hidden}.q-food-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.q-food-card:hover img{transform:scale(1.045)}.q-food-meta{display:flex;justify-content:space-between;gap:10px;margin-top:15px;color:var(--muted);font-size:14px}.q-food-meta span:last-child{color:var(--accent-text);font-weight:700;white-space:nowrap}.q-food-card h3{font-size:23px;margin:4px 0}.q-food-card p{font-size:14px;color:var(--muted);margin:0}.q-data-note{font-size:13px;color:var(--muted);margin:20px 0 0}
.q-story{display:grid;grid-template-columns:1fr 1fr;min-height:600px;background:#07522f}.q-story-image{min-height:600px;overflow:hidden}.q-story-image img{width:100%;height:100%;object-fit:cover}.q-story-copy{display:flex;align-items:center;padding:72px clamp(36px,7vw,120px);color:#fff}.q-story-copy>div{max-width:560px}.q-story .q-label{color:#cdeea8}.q-story h2{font-size:clamp(42px,4vw,68px);line-height:1.2;letter-spacing:-.03em;margin:0 0 25px}.q-story p:not(.q-label){font-size:19px;line-height:1.9;color:#e0eee4;margin-bottom:32px}.q-story .button{background:#fff;color:#07522f;border-color:#fff}
.q-lower{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:18px;padding-block:95px}.q-lower-intro{padding:26px 26px 26px 0}.q-lower-intro h2{font-size:clamp(33px,3.3vw,52px);line-height:1.3;margin:0}.q-lower-card{min-height:300px;padding:30px;display:flex;flex-direction:column;background:#e6efdf;transition:transform .2s,background .2s}.q-lower-card:hover{transform:translateY(-4px);background:#dbeace}.q-lower-app{background:#e8eee9}.q-lower-app:hover{background:#dce7dd}.q-lower-card>span{font-size:13px;font-weight:700;color:#35694a}.q-lower-card h3{font-size:31px;line-height:1.3;margin:42px 0 8px;color:#123a23}.q-lower-card p{font-size:16px;color:#4b6251;margin:0}.q-lower-card strong{margin-top:auto;padding-top:25px;font-size:16px;color:#07522f}
.q-reviews{background:var(--sand);padding:80px 0}.q-review-disclaimer{max-width:330px;color:var(--muted);font-size:14px;margin:0}.q-review-list{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.q-review-list article{flex:0 0 clamp(280px,32%,390px);scroll-snap-align:start;background:var(--surface);padding:27px;min-height:220px}.q-review-list article span{color:#b18414;letter-spacing:3px}.q-review-list blockquote{font-size:19px;font-weight:600;line-height:1.7;margin:24px 0}.q-review-list small{color:var(--muted);font-size:13px}
.q-journal{padding-block:95px}.q-journal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.q-journal-grid a{display:grid;grid-template-columns:42% 58%;background:var(--surface);min-height:240px;overflow:hidden}.q-journal-grid img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.q-journal-grid a:hover img{transform:scale(1.04)}.q-journal-grid a>div{padding:30px;display:flex;flex-direction:column;justify-content:space-between}.q-journal-grid span{font-size:14px;color:var(--accent-text);font-weight:700}.q-journal-grid h3{font-size:24px;line-height:1.5;margin:20px 0 0}
.q-last-cta{background:#07522f;color:#fff;padding:48px 0}.q-last-cta .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.q-last-cta h2{font-size:clamp(30px,3vw,48px);margin:0}.q-last-cta .container>div{display:flex;align-items:center;gap:28px}.q-last-cta .q-text-button{color:#fff}
.footer{background:#062719;padding:68px 0 25px}.footer-grid{gap:42px}.footer-logo{position:relative}.footer-logo img{width:91px;height:76px;object-fit:cover;object-position:center 35%;filter:none;margin-bottom:10px}.footer h4{font-size:17px}.footer nav a{font-size:15px;color:#c2d4c7}.footer-bottom{font-size:13px}
/* Shared page redesign */
.page-hero{background:#edf2e9;padding:74px 0;border:0}.page-hero:before{display:none}.page-hero .display{font-size:clamp(48px,5vw,78px);line-height:1.2}.page-hero .section-lead{font-size:19px}.page-hero-grid{gap:45px}.section-title{font-size:clamp(36px,3.5vw,56px)}.eyebrow{font-size:14px}.section-lead{font-size:18px}.about-story,.values,.process,.plans,.app-intro,.app-features,.branches-page,.blog-listing{padding-top:82px;padding-bottom:88px}
.values,.subscription-how{background:var(--sand)}.value-grid,.process-grid{gap:1px;background:var(--line);border:1px solid var(--line)}.value,.process-step{border:0!important;border-radius:0;background:var(--surface);box-shadow:none}.value:hover,.process-step:hover,.plan:hover,.branch-card:hover{transform:none;box-shadow:none}.value h3,.process-step h3{margin-top:20px}.brand-gallery{background:#07522f}.brand-gallery-grid figure{border-radius:0}.story-image img{border-radius:0}.story-image-brand:before{display:none}.story-stamp{display:none}
.menu-section{padding-top:36px;background:var(--paper)}.menu-tabs{display:flex;gap:8px;background:transparent;border-radius:0;padding:0;margin-bottom:48px;overflow-x:auto}.menu-tab{border:1px solid var(--line);background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:center;flex:none;min-height:52px;padding:10px 19px;border-radius:9px;gap:0}.menu-tab span,.menu-tab small{display:none}.menu-tab b{font-size:16px}.menu-tab.active,.menu-tab.active:hover{background:#07522f;color:#fff;border-color:#07522f}.menu-tab:hover{background:var(--sand);color:var(--ink)}.menu-heading{border-color:var(--line)}.menu-heading h2{font-size:34px}.macro-key{font-size:14px}
.menu-list{grid-template-columns:repeat(3,1fr);gap:15px}.food-item{display:block;min-height:0;border:1px solid var(--line);border-radius:0;background:var(--surface)}.food-item:hover{transform:none;box-shadow:0 12px 28px rgba(5,40,20,.07)}.food-photo{height:220px}.food-photo img{object-fit:cover}.food-body{padding:20px}.food-item h3{font-size:20px}.food-head{min-height:58px}.food-price{font-size:16px}.calories{font-size:15px;margin:7px 0 16px;color:var(--accent-text)}.macro-grid{padding-top:13px}.macro{font-size:13px}.macro b{font-size:16px}.macro-line{display:none}.menu-note{border:0;font-size:14px}
.plan-grid{gap:16px}.plan,.branch-card{border-radius:0}.plan{min-height:400px}.plan h2{font-size:29px}.plan p,.plan li{font-size:16px}.screens-stage{border-radius:0}.blog-card{border-radius:0}.branch-card{padding:28px}.cta:not(.cta-v3){background:#07522f!important}.cta:not(.cta-v3):before{display:none}
:root[data-theme="dark"] .q-hero{background:#192a1d}:root[data-theme="dark"] .q-hero h1,:root[data-theme="dark"] .q-hero h1 em,:root[data-theme="dark"] .q-hero-content>p:not(.q-label),:root[data-theme="dark"] .q-hero .q-label{color:var(--ink)}:root[data-theme="dark"] .q-hero-foot{color:var(--muted);border-color:var(--line)}:root[data-theme="dark"] .q-menu-section{background:var(--surface)}:root[data-theme="dark"] .q-food-image{background:#26352a}:root[data-theme="dark"] .q-lower-card{background:#28442f}:root[data-theme="dark"] .q-lower-app{background:#25382a}:root[data-theme="dark"] .q-lower-card h3,:root[data-theme="dark"] .q-lower-card p,:root[data-theme="dark"] .q-lower-card strong,:root[data-theme="dark"] .q-lower-card>span{color:var(--ink)}:root[data-theme="dark"] .page-hero{background:var(--sand)}:root[data-theme="dark"] .menu-section{background:var(--paper)}:root[data-theme="dark"] .menu-tab{background:var(--surface);color:var(--ink)}:root[data-theme="dark"] .menu-tab.active{background:#07522f;color:#fff}:root[data-theme="dark"] .food-item{background:var(--surface)}
@media(max-width:1150px){.site-header{gap:13px}.main-nav{gap:13px;font-size:14px}.header-link{display:none}.q-hero-copy{padding-right:32px}.q-food-grid{grid-template-columns:repeat(2,1fr)}.q-lower{grid-template-columns:1fr 1fr}.q-lower-intro{grid-column:1/-1}.menu-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.main-nav{display:none}.menu-button{display:block}.mobile-nav{top:78px;right:16px;left:16px;max-height:calc(100vh - 100px);overflow:auto}.site-header{padding-inline:24px}.q-hero{grid-template-columns:1fr}.q-hero-copy{min-height:440px;padding:60px 32px 26px}.q-hero-visual{min-height:450px}.q-entry{grid-template-columns:1fr;padding-block:24px}.q-entry>a{border-right:0;border-bottom:1px solid var(--line);padding-inline:8px}.q-story{grid-template-columns:1fr}.q-story-image{min-height:370px;max-height:440px}.q-story-copy{padding:55px 32px}.q-journal-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.container{width:calc(100% - 36px)}.draft-bar{font-size:11px;text-align:center;padding-inline:8px}.site-header{height:68px;padding-inline:17px}.brand{width:78px;height:60px;margin-left:auto}.brand img{width:145px;height:145px;top:-28px;left:-33px}.site-header .button-sm{display:inline-flex;min-height:38px;padding-inline:14px;font-size:13px}.theme-toggle{width:38px;height:38px}.menu-button{width:38px;height:38px}.mobile-nav{top:68px;right:0;left:0}.q-hero-copy{min-height:0;padding:38px 18px 24px}.q-hero h1{font-size:clamp(44px,11vw,62px);line-height:1.2;margin-bottom:18px}.q-hero-content>p:not(.q-label){font-size:16px;line-height:1.75;margin-bottom:22px}.q-actions{gap:18px}.q-actions .button{min-height:48px}.q-hero-foot{margin-top:37px;font-size:12px}.q-hero-visual{min-height:300px}.q-hero-photo-caption{bottom:12px;right:12px;min-width:0;padding:8px 13px}.q-hero-photo-caption strong{font-size:15px}.q-entry h2{font-size:21px}.q-entry p{font-size:14px}.q-menu-section{padding:58px 0}.q-section-head{align-items:start}.q-section-head h2{font-size:35px}.q-section-head .q-text-button{font-size:14px}.q-food-grid{grid-template-columns:repeat(2,1fr);gap:11px}.q-food-image{aspect-ratio:1}.q-food-card h3{font-size:18px}.q-food-meta{display:block;font-size:12px}.q-food-meta span{display:block}.q-food-card p{font-size:12px}.q-data-note{font-size:12px}.q-story-image{min-height:300px;max-height:300px}.q-story-copy{padding:49px 18px}.q-story h2{font-size:38px}.q-story p:not(.q-label){font-size:16px}.q-lower{grid-template-columns:1fr;padding-block:62px}.q-lower-intro{padding:0}.q-lower-intro h2{font-size:36px}.q-lower-card{min-height:250px;padding:25px}.q-lower-card h3{margin-top:28px;font-size:27px}.q-reviews{padding:60px 0}.q-reviews .q-section-head{display:block}.q-review-disclaimer{margin-top:12px}.q-review-list article{flex-basis:82%;min-height:200px}.q-journal{padding-block:60px}.q-journal-grid a{grid-template-columns:35% 65%;min-height:180px}.q-journal-grid a>div{padding:18px}.q-journal-grid h3{font-size:18px}.q-last-cta{padding:45px 0}.q-last-cta .container{display:block}.q-last-cta .container>div{margin-top:20px}.footer{padding-top:50px}.footer-grid{gap:25px}.footer-logo{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.page-hero{padding:48px 0}.page-hero .display{font-size:46px}.page-hero .section-lead{font-size:16px}.menu-tabs{margin:0 -18px 30px;padding:0 18px 8px;gap:7px}.menu-tab{min-height:44px;padding:8px 13px}.menu-tab b{font-size:14px}.menu-list{grid-template-columns:1fr 1fr;gap:9px}.food-photo{height:145px}.food-body{padding:12px}.food-head{display:block;min-height:0}.food-item h3{font-size:16px;line-height:1.4}.food-item small{display:none}.food-price{font-size:14px;margin-top:4px}.calories{font-size:12px;margin:5px 0 9px}.macro-grid{gap:3px;padding-top:8px}.macro{font-size:10px}.macro b{font-size:12px}.macro-key{font-size:12px}.menu-heading h2{font-size:28px}}
@media(max-width:390px){.q-actions{align-items:flex-start;flex-direction:column}.q-hero-visual{min-height:260px}.q-journal-grid a{grid-template-columns:1fr}.q-journal-grid img{height:150px}.menu-list{grid-template-columns:1fr}.food-item{display:grid;grid-template-columns:130px 1fr}.food-photo{height:100%}}
@media(prefers-reduced-motion:reduce){.q-hero-visual>img{animation:none}.q-food-image img,.q-journal-grid img,.q-lower-card{transition:none}}
@media(max-width:680px){.menu-list{grid-template-columns:1fr;gap:15px}.food-photo{height:220px}.food-body{padding:19px}.food-head{display:flex;min-height:0}.food-item h3{font-size:20px}.food-item small{display:block;font-size:13px}.food-price{font-size:16px}.calories{font-size:15px;margin:9px 0 14px}.macro-grid{gap:8px;padding-top:12px}.macro{font-size:14px}.macro b{font-size:16px}}
@media(max-width:390px){.food-item{display:block}.food-photo{height:210px}}