/* Nibblify's editorial design system for product, company, and service pages. */
.premium-site {
  --bg-deep: #f8f6ef; --bg-card: #fffef9; --surface: #e9ecdf; --surface-2: #edf0e5;
  --text-primary: #242920; --text-secondary: #505a47; --text-muted: #626b58;
  --brand-orange: #bc431e; --brand-red: #c54725; --brand-gradient: linear-gradient(120deg,#bc431e,#d54d28);
  --border: #dce0d2; --border-brand: #dcc9b3; --shadow-glow: none;
  --shadow-1: 0 5px 20px #26321c09; --shadow-2: 0 18px 45px #26321c12; --shadow-3: 0 25px 65px #26321c1f;
  font-family: var(--font-body); line-height: 1.7;
}
.premium-site .site-dark, .premium-site .nib-footer {
  --bg-card: #2c3427; --surface: #343e2d; --surface-2: #2f3928; --text-primary: #f5f5eb;
  --text-secondary: #d1d9c5; --text-muted: #b4c0a6; --brand-orange: #ffa682;
  --brand-gradient: linear-gradient(120deg,#ffa682,#ffbc94); --border: #ffffff25; --border-brand: #b0c18e66;
}
.premium-site .site-main { min-height: 45vh; overflow-wrap: anywhere; }
.premium-site .site-main, .premium-site .site-main * { min-width: 0; }
.premium-site .site-main > .nib-glow-divider { display: none; }
.premium-site .nib-aurora, .premium-site .nib-hero-glow, .premium-site .nib-showcase-glow { display: none; }
.premium-site .nib-noise::after, .premium-site .nib-spot::after { display: none; }
.premium-site .nib-section { max-width: 1360px; padding: 88px 64px; }
.premium-site .site-dark { background: #232b1e; color: var(--text-primary); }
.premium-site .nib-section.site-dark { max-width: none; padding-inline: max(64px,calc((100% - 1232px)/2)); }
.premium-site .nib-h1 { font-size: clamp(42px,5.5vw,74px); font-weight: 700; letter-spacing: -3px; }
.premium-site .nib-h2 { font-size: clamp(30px,3.3vw,45px); font-weight: 400; letter-spacing: -1.6px; line-height: 1.12; }
.premium-site .nib-h3 { font-size: 23px; font-weight: 400; letter-spacing: -.5px; line-height: 1.25; }
.premium-site .nib-eyebrow { color: var(--text-muted); font-size: 10px; letter-spacing: 2px; font-weight: 600; }
.premium-site .nib-section-head { max-width: 720px; margin-bottom: 40px; }
.premium-site .nib-section-head.center { margin-inline: auto; }
.premium-site .nib-section-head p { color: var(--text-muted); font-size: 14px; line-height: 1.9; margin-top: 18px; }
.premium-site .nib-section p { line-height: 1.85; }
.premium-site .nib-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 18px; padding: 30px; box-shadow: none; }
.premium-site .nib-card:hover { transform: none; border-color: var(--border-brand); box-shadow: none; }
.premium-site a.nib-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-2); }
.premium-site .nib-card-glow, .premium-site .nib-card-glass, .premium-site .nib-card-premium { background: var(--surface-2); border: 1px solid var(--border); box-shadow: none; }
.premium-site .nib-card-icon { background: var(--surface); color: var(--brand-orange); width: 48px; height: 48px; border-radius: 50%; border: none; margin-bottom: 24px; }
.premium-site .nib-pill { background: #e9eddd; color: #536341; border: 1px solid #dbe1ce; font-size: 11px; box-shadow: none; }
.premium-site .nib-pill-dot { background: #6b7c54; }
.premium-site .nib-btn-primary { background: #cf4321; color: #fff; padding: 16px 25px; line-height: 1.4; font-size: 12px; text-align: center; justify-content: center; box-shadow: none; }
.premium-site .nib-btn-ghost { background: transparent; color: var(--text-primary); border: 1px solid var(--border); padding: 16px 25px; line-height: 1.4; font-size: 12px; text-align: center; justify-content: center; }
.premium-site .nib-btn-ghost:hover { background: var(--surface); }
.premium-site .nib-store-btn { background: #252d20; color: #fffdf2; border: 1px solid #252d20; border-radius: 100px; padding: 12px 22px; text-align: start; box-shadow: none; min-height: 58px; }
.premium-site .nib-store-btn:hover { background: #38492b; }
.premium-site .nib-store-btn .nib-store-btn-sub { color: #dae1cf; font-size: 9px; letter-spacing: .4px; }
.premium-site .nib-store-btn .nib-store-btn-name { color: #fffdf2; font-size: 15px; }
.premium-site .nib-store-btn .nib-icon { color: #d3ddbc; }
.premium-site .nib-screen { background: #242920; border-color: #242920; box-shadow: 0 18px 35px #24292022; }
.premium-site .nib-screen-inner { background: #10120e; }
.premium-site .nib-screen--tilt { transform: rotate(-6deg); }
.premium-site .nib-screen--sm { max-width: 205px; }
.premium-site .nib-gallery-nav { background: #f6f6ea; color: #38482b; border-color: #d3dbc5; box-shadow: none; }
.premium-site .nib-gallery-nav:hover { background: #dce5c9; color: #242920; }
.premium-site .nib-gallery-rail { padding-bottom: 18px; }
.premium-site .nib-shot-num { color: var(--brand-orange); opacity: 1; }
.premium-site .nib-stats-bar { background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; }
.premium-site .nib-stat { padding: 28px 24px; }
.premium-site .nib-stat-value { font-size: 43px; font-weight: 400; letter-spacing: -1.5px; }
.premium-site .nib-stat-label { color: var(--text-muted); font-size: 11px; line-height: 1.6; }
.premium-site .nib-lmi-banner { box-shadow: none; }
.premium-site .site-ink { color: var(--text-primary); }
.premium-site main :is(.text-slate-900,.text-slate-800,.text-slate-700) { color: var(--text-primary); }
.premium-site main :is(.text-slate-600,.text-slate-500,.text-slate-400,.text-slate-300,.text-orange-100) { color: var(--text-muted); }
.premium-site main :is(.text-orange-500,.text-orange-600,.text-green-500,.text-green-600,.text-blue-500,.text-blue-600) { color: var(--brand-orange); }
.premium-site main :is(.bg-slate-50,.bg-slate-100,.bg-slate-800) { background: var(--surface-2); }
.premium-site main .bg-white { background: var(--bg-card); }
.premium-site main .bg-slate-900 { background: #252d20; color: #fffdf2; --text-primary:#fffdf2; --text-secondary:#d7dfcb; --text-muted:#bdc9ab; }
.premium-site main [class*="border-slate-"] { border-color: var(--border); }
.premium-site main [class*="from-slate-"] { background-image: none; background-color: var(--bg-card); }
.premium-site main [class*="from-orange-"] { background-image: none; background-color: #cf4321; color: white; }
.premium-site .nib-timeline { border-color: var(--border); }
.premium-site .nib-tl-item::before { background: #e99a67; border-color: #232b1e; box-shadow: none; }
.premium-site .nib-faq { max-width: 800px; margin-inline: auto; }
.premium-site .nib-faq-item { background: transparent; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; padding: 24px 0; }
.premium-site .nib-faq-item h3 { font-family: var(--font-display); font-size: 21px; font-weight: 400; }
.premium-site .nib-faq-item p { color: var(--text-muted); font-size: 14px; }
.premium-site .nib-footer { line-height: 1.7; }
.premium-site .nib-footer-grid h4 { color: #d6ddc9; }

/* Shared hero composition. */
.site-kicker { display: flex; align-items: center; gap: 10px; color: var(--text-muted); font-size: 10px; font-weight: 600; letter-spacing: 1.7px; text-transform: uppercase; line-height: 1.8; margin-bottom: 27px; }
.site-kicker .nib-icon { color: var(--brand-orange); width: 21px; height: 21px; }
.site-hero { padding: 65px 64px 75px; }
.site-hero-inner { max-width: 1232px; margin-inline: auto; }
.site-hero-split .site-hero-inner { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); align-items: center; gap: 70px; }
.premium-site .site-hero-title { font: 700 clamp(48px,5.1vw,76px)/1.04 var(--font-display); letter-spacing: -.055em; margin: 0 0 26px; text-wrap: balance; overflow-wrap: anywhere; color: var(--text-primary); }
.site-hero-title .nib-gradient-text { font-family: var(--font-editorial); font-style: italic; font-weight: 400; letter-spacing: -.06em; line-height: 1.15; color: #c64d28; background: none; -webkit-text-fill-color: currentColor; }
.site-hero-description { font-size: 15px; line-height: 1.9; max-width: 520px; color: var(--text-muted); margin-bottom: 30px; }
.site-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; }
.site-art { height: 540px; position: relative; border-radius: 200px 200px 22px 22px; isolation: isolate; margin-inline-start: 5px; }
.site-art > img, .site-art > picture, .site-art > picture > img { height: 100%; width: 100%; object-fit: cover; border-radius: inherit; }
.site-art-note { position: absolute; bottom: 30px; inset-inline-start: -22px; max-width: calc(100% + 10px); display: flex; gap: 10px; align-items: center; padding: 17px 21px; border-radius: 14px; background: #fffef5; color: #4b583f; box-shadow: 0 15px 40px #1f301521; font-size: 11px; z-index: 3; line-height: 1.6; }
.site-art-note .nib-icon { width: 21px; height: 21px; color: #c85228; }
.site-device { width: 175px; border: 5px solid #292e25; border-radius: 27px; overflow: hidden; box-shadow: 0 25px 55px #131b0e50; background: #121410; }
.site-device img { width: 100%; height: auto; display: block; }
.site-art .site-device { position: absolute; z-index: 2; bottom: 34px; inset-inline-end: -16px; transform: rotate(8deg); }
.site-food-art > img { object-position: 40% 50%; }
.site-food-art .site-art-note { bottom: 45px; max-width: 255px; }
.site-partner-art { border-radius: 24px 180px 24px 24px; height: 510px; }
.site-partner-art > picture > img { object-position: 54% center; }
.site-partner-art .site-device { inset-inline-end: -18px; bottom: -10px; width: 170px; }
.site-partner-art .site-art-note { bottom: 35px; max-width: 245px; }
.site-driver-art { border-radius: 200px 200px 24px 24px; }
.site-driver-art > img { object-position: center 40%; }
.site-hero-centered { text-align: center; }
.site-hero-centered .site-hero-copy { max-width: 960px; margin-inline: auto; }
.site-hero-centered .site-kicker { justify-content: center; }
.site-hero-centered .site-hero-title { font-size: clamp(48px,5.6vw,80px); max-width: 900px; margin-inline: auto; }
.site-hero-centered .site-hero-description { max-width: 660px; margin-inline: auto; }
.site-hero-centered .site-hero-actions { justify-content: center; }
.site-community-banner { height: 460px; border-radius: 24px; position: relative; margin-top: 50px; }
.site-community-banner > img { width: 100%; height: 100%; object-fit: cover; object-position: center 46%; border-radius: inherit; }
.site-community-banner .site-art-note { inset-inline-start: 25px; }
.site-careers-art { border-radius: 200px 200px 24px 24px; height: 490px; }
.site-careers-art > img { object-position: 43% center; }
.site-career-values { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; padding: 0 30px 40px; }

/* Food feature stories and product-specific sections. */
.premium-site .site-feature-stories { padding-top: 40px; }
.site-feature-row { padding-block: 30px; }
.site-feature-media { position: relative; background: #e9eddc; border-radius: 20px; padding-block: 36px; min-height: 490px; flex-shrink: 0; }
.site-feature-row:nth-child(2) .site-feature-media { background: #e7e3d5; }
.site-feature-row:nth-child(3) .site-feature-media { background: #f0e4d9; }
.site-feature-index { font-family: var(--font-display); position: absolute; top: 0; inset-inline-end: 0; color: #a4b08d; font-size: 50px; font-weight: 400; line-height: 1; }
.site-feature-row .nib-card-icon { position: relative; width: 100%; background: transparent; justify-content: flex-start; border-radius: 0; }
.premium-site .site-feature-row .nib-screen { transform: rotate(-4deg); }
.premium-site .site-feature-row:nth-child(2) .nib-screen { transform: rotate(4deg); }
.premium-site .site-driver-facts { padding-top: 15px; padding-bottom: 65px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 24px; }
.premium-site .site-driver-facts .nib-card { background: #edf0e3; }
.premium-site .site-driver-facts .nib-card .nib-card { padding: 16px 10px; border: 0; background: transparent; }
.premium-site .site-driver-facts .nib-icon { color: #6b7d54; }
.premium-site .site-privacy-band { text-align: center; }
.premium-site .site-privacy-band > .nib-card-glow { max-width: 800px; margin-inline: auto; background: transparent; border: none; }
.premium-site .site-partner-showcase { padding-top: 40px; background: #e8ecdc; max-width: none; }
.premium-site .site-partner-showcase .nib-showcase { max-width: 850px; max-height: 520px; margin: 50px auto 0; }
.premium-site .site-cta { background: #ed592f; --text-primary:#fff9ed; --text-secondary:#2c210f; --text-muted:#2c210f; --brand-orange:#2c210f; --border:#7d352966; text-align: center; max-width: none; padding-inline: max(35px,calc((100% - 1030px)/2)); }
.premium-site .site-cta .nib-h2 { font-size: clamp(35px,4vw,55px); }
.premium-site .site-cta .nib-btn-primary { background: #fff9ed; color: #303c24; }
.premium-site .site-cta .nib-card-glow { background: transparent; border: none; padding: 0; }
.premium-site .site-cta .nib-store-btn { background: #fff9ed; border-color: #fff9ed; }
.premium-site .site-cta .nib-store-btn :is(.nib-store-btn-sub,.nib-store-btn-name,.nib-icon) { color: #303c24; }
.premium-site .site-about-story { padding-top: 15px; }
.premium-site .site-about-story .nib-stat-value { font-size: 78px; line-height: 1; padding-bottom: 15px; }
.premium-site .site-history .nib-tl-item p { color: var(--text-muted); }
.premium-site .site-history .nib-timeline { max-width: 880px; margin-inline: auto; }
.site-founder-monogram { width: 85px; height: 85px; border: 1px solid #d0d8c1; border-radius: 50%; background: #e7eddb; color: #65794d; display: grid; place-items: center; font: 400 32px var(--font-display); margin: 0 auto 28px; }
.premium-site .site-opportunities { padding-top: 40px; }
.premium-site .site-opportunities a.nib-card { background: #fffef8; }
.site-commission { position: relative; padding: 50px 28px 28px; border-radius: 220px 220px 24px 24px; background: #e6ecd7; }
.site-commission-mark { text-align: center; font-size: 54px; color: #7a8f5b; margin-bottom: 22px; line-height: 1; }
.premium-site .site-commission .nib-card-glow { background: transparent; padding: 0; border: none; text-align: center; }
.site-commission .grid { display: flex; flex-wrap: wrap; justify-content: center; }
.site-commission .grid > div:first-child { width: 100%; }
.premium-site .site-commission .grid > div:first-child .nib-stat-value { font-size: 112px; color: #3e512e; background: none; -webkit-text-fill-color: currentColor; letter-spacing: -8px; line-height: 1.1; }
.premium-site .site-commission .grid > div:not(:first-child) { flex: 1; border-top: 1px solid #cdd7bb; padding-top: 24px; margin-top: 14px; }
.premium-site .site-commission .nib-card { background: #f9fbed; margin-top: 25px; border: 0; padding: 22px; }
.site-partnership-art { min-height: 460px; border-radius: 22px; padding: 44px 32px; background: #e8ecdd; text-align: center; display: flex; flex-direction: column; justify-content: center; }
.site-city-label { font-size: 9px; color: #536642; letter-spacing: 3px; }
.site-city-mark { font: italic 86px var(--font-editorial); letter-spacing: -6px; color: #53663d; margin: 16px 0 26px; }
.site-city-mark > span { font: 400 45px var(--font-display); color: #cc693b; margin-inline-start: 10px; }
.site-partnership-art .nib-lmi-banner { border-radius: 12px; width: 100%; }
.site-partnership-tag { display: flex; align-items: center; justify-content: center; gap: 10px; color: #62734d; font-size: 10px; margin-top: 30px; }
.site-partnership-tag .nib-icon { width: 18px; height: 18px; }
.site-system { max-width: 760px; margin: 45px auto 0; }
.site-system-core { width: 180px; margin: 0 auto; padding: 20px; border: 1px solid #7f996055; border-radius: 14px; background: #34472b; display: flex; gap: 13px; align-items: center; justify-content: center; }
.site-system-core strong { font: 700 25px var(--font-display); color: #f3f8e8; }
.site-system-core .nib-icon { color: #d3dfb7; }
.site-system-lines { height: 35px; width: 67%; margin-inline: auto; border: 1px solid #778967; border-bottom: 0; border-radius: 14px 14px 0 0; position: relative; margin-top: 30px; }
.site-system-lines::before { content: ''; position: absolute; height: 65px; width: 1px; background: #778967; top: -31px; left: 50%; }
.site-system-apps { display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; }
.site-system-apps a { padding: 20px 10px; border: 1px solid #ffffff25; border-radius: 14px; display: flex; justify-content: center; align-items: center; gap: 13px; background: #ffffff05; font-size: 12px; transition: background .2s; }
.site-system-apps a:hover { background: #ffffff12; }
.site-system-apps .nib-icon { color: #a9c082; }
.site-dark .site-hero-title .nib-gradient-text { color: #d2dfb8; }

/* Contact and support. */
.site-hero-contact .site-hero-inner { display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.site-hero-contact .site-hero-description { max-width: 630px; margin-bottom: 0; }
.site-contact-art { width: 205px; height: 205px; border-radius: 50%; border: 1px solid #d3dcc6; background: #e6eddb; display: grid; place-items: center; position: relative; flex-shrink: 0; }
.site-contact-art > .nib-icon { width: 78px; height: 78px; color: #728853; transform: rotate(-12deg); stroke-width: 1; }
.site-contact-art > span { position: absolute; bottom: -10px; right: -10px; border-radius: 50%; background: #f5d7c5; color: #b94d26; font-size: 40px; height: 76px; width: 76px; display: grid; place-items: center; border: 5px solid #f8f6ef; }
.premium-site.page-contact main { max-width: 1360px; padding: 0 64px 80px; }
.page-contact main > .site-hero { padding-inline: 0; }
.site-contact-cards > .nib-card { text-align: start; }
.site-contact-cards > .nib-card > div { margin-inline: 0; color: #627c45 !important; background: #e9efdd !important; }
.site-contact-cards a { font-size: 13px; overflow-wrap: anywhere; }
.premium-site .site-contact-form { padding: 38px; background: #edf0e4; }
.premium-site .nib-field { display: flex; flex-direction: column; gap: 8px; }
.premium-site .nib-field label { position: static; transform: none !important; color: var(--text-secondary); font-size: 12px; background: transparent; padding: 0; }
.premium-site .nib-field :is(input,textarea), .premium-site #contact-subject { width: 100%; color: #293321; background: #fffef8 !important; border: 1px solid #ccd4bf !important; border-radius: 10px; padding: 13px 15px; font: inherit; font-size: 14px; box-shadow: none; }
.premium-site .nib-field :is(input,textarea):focus, .premium-site #contact-subject:focus { outline: 2px solid #7a8e5c; outline-offset: 2px; }
.premium-site #contact-form textarea { resize: vertical; min-height: 140px; }
.site-form-note { color: #5f6a52; font-size: 11px; line-height: 1.7; }

/* Reading layouts retain the full legal content and expose a section index. */
.premium-site.site-legal main { max-width: 1360px; padding: 0 64px 80px; margin-inline: auto; }
.premium-site .site-legal-heading { padding: 56px 0 45px !important; text-align: start; border-bottom: 1px solid #dce0d2 !important; background: transparent; }
.premium-site .site-legal-heading > div { max-width: none; padding: 0; text-align: start; }
.premium-site .site-legal-heading .site-hero-title { font-size: clamp(38px,4vw,58px); max-width: 980px; margin-bottom: 20px; }
.premium-site .site-legal-heading p, .premium-site .site-legal-heading [data-i18n$="updated"] { margin-inline: 0; color: var(--text-muted); }
.site-legal-layout { display: grid; grid-template-columns: 235px minmax(0,1fr); gap: 55px; padding-top: 46px; }
.site-toc { align-self: start; position: sticky; top: 112px; font-size: 12px; }
.site-toc details > summary { cursor: pointer; font-size: 11px; color: #39482c; font-weight: 600; text-transform: uppercase; letter-spacing: 1.4px; padding-bottom: 17px; }
.site-toc nav { display: flex; flex-direction: column; gap: 2px; max-height: 65vh; overflow-y: auto; scrollbar-width: thin; }
.site-toc nav a { border-inline-start: 2px solid #dce3cf; padding: 8px 12px; color: #5e6c50; line-height: 1.5; overflow-wrap: anywhere; }
.site-toc nav a:hover, .site-toc nav a[aria-current="location"] { border-color: #c45329; color: #ac431f; background: #eeeede; }
.premium-site .site-legal-article { width: 100%; margin: 0; padding: 38px 42px; background: #fffef9; border: 1px solid #e0e4d6; border-radius: 18px; box-shadow: none; }
.premium-site .site-legal-article h2 { font: 400 28px/1.3 var(--font-display); letter-spacing: -.7px; color: #293421; margin: 38px 0 17px; scroll-margin-top: 120px; }
.premium-site .site-legal-article h2:first-child { margin-top: 0; }
.premium-site .site-legal-article h3 { font: 400 22px/1.4 var(--font-display); color: #293421; margin: 26px 0 12px; }
.premium-site .site-legal-article :is(p,li,ul,ol) { color: #58644d; font-size: 14px; line-height: 1.9; }
.premium-site .site-legal-article :is(ul,ol) { padding-inline-start: 23px; }
.premium-site .site-legal-article strong { color: #36452b; }
.premium-site .site-legal-article a { color: #b24420; text-decoration: underline; text-underline-offset: 3px; }
.premium-site .site-legal-article .legal-lead, .premium-site .site-legal-article .legal-callout { background: #f0f2e7; color: #516144; border-color: #dde4d1; }
.site-table-scroll { overflow-x: auto; max-width: 100%; border-radius: 12px; }
.premium-site .site-legal-article .legal-table th { color: #344229; background: #eaf0df; }
.premium-site .site-legal-article .legal-table td { color: #58644d; }
.premium-site .site-legal-article .legal-table :is(th,td) { text-align: start; font-size: 13px; }
.premium-site .site-legal-article .site-legal-heading { padding-top: 0 !important; }
.page-data-deletion .nib-hero { max-width: 1150px; margin-inline: auto; text-align: center; background: transparent; }
.page-data-deletion main { max-width: 1060px; }
.page-data-deletion .warning-box { border-radius: 15px; padding: 26px; background: #fbeee5; color: #6a3828; }

/* Partner access and store downloads. */
.premium-site .site-partner-access { max-width: 1360px; padding: 75px 64px 95px; margin-inline: auto; }
.site-access-grid { max-width: none; gap: 70px; }
.site-access-grid > div:first-child > p { font-size: 15px; line-height: 1.9; }
.premium-site .site-access-card { padding: 42px; border: 1px solid #d9e1cb; border-radius: 24px; background: #e9efdf; box-shadow: none; }
.site-access-card h2 { font: 400 35px var(--font-display); letter-spacing: -1px; }
.site-access-card .space-y-4 > a { width: 100%; display: flex; justify-content: center; }
.site-access-card .nib-store-btn > span > span { display: block; font-size: 10px; color: #cfdabc; }
.site-access-card .nib-store-btn strong { display: block; font-size: 17px; }
.site-download-art { background: #e2e9d3; border-radius: 180px 180px 24px 24px; height: 500px; display: flex; justify-content: center; align-items: flex-end; position: relative; isolation: isolate; }
.site-download-art .site-device { width: 205px; transform: rotate(-8deg); margin-bottom: -10px; }
.site-download-art .site-art-note { bottom: 42px; inset-inline-start: 16px; }
.site-download-orbit { position: absolute; inset: 65px 25px 25px; border-radius: 50%; border: 1px solid #b5c39c; z-index: -1; }
.site-download-highlights { max-width: 1232px; margin: 0 auto 30px; padding: 25px; border-block: 1px solid #dce2d0; display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
.site-download-highlights > span { display: flex; gap: 10px; align-items: center; font-size: 12px; color: #5d6a4e; }
.site-download-highlights .nib-icon { width: 19px; height: 19px; color: #83995f; }
.site-download-highlights .text-lg { font-size: 12px; }
.premium-site .site-download-section { padding-block: 65px; background: transparent; }
.premium-site .site-download-section.site-dark { background: #232b1e; }
.premium-site .site-download-section > div { max-width: 1232px; padding-inline: 32px; }
.premium-site .site-download-section h2 { font-size: clamp(30px,3.3vw,44px); font-weight: 400; letter-spacing: -1.3px; }
.premium-site .site-platform-card { border: 1px solid #d8dfcd; background: #fffef9; border-radius: 24px; box-shadow: none; }
.premium-site .site-platform-card > div:first-child { border-radius: 50%; background: #e8eddb; }
.premium-site .site-platform-card > div:first-child .nib-icon { color: #627944; }
.premium-site .site-qr-section { background: #edf0e2; }
.site-qr-code { display: block; width: 192px; height: 192px; background: white; }
[dir="rtl"] .premium-site .site-hero-title { letter-spacing: -1px; line-height: 1.4; }
[dir="rtl"] .site-hero-title .nib-gradient-text { font-family: inherit; font-style: normal; letter-spacing: -1px; }
[dir="rtl"] .premium-site .site-hero-centered { text-align: center; }
[dir="rtl"] .premium-site .nib-h2, [dir="rtl"] .premium-site .nib-h3 { letter-spacing: -.4px; line-height: 1.4; }
[dir="rtl"] .premium-site .lg\:text-left { text-align: right; }
@media (max-width:1100px) {
  .premium-site .nib-section { padding: 65px 40px; }
  .premium-site .nib-section.site-dark { padding-inline: 40px; }
  .site-hero { padding: 50px 40px 65px; }
  .site-hero-split .site-hero-inner { gap: 40px; }
  .site-art { height: 460px; }
  .site-device, .site-partner-art .site-device { width: 145px; }
  .site-art-note { font-size: 10px; padding: 14px 16px; max-width: 235px; }
  .site-community-banner { height: 390px; }
  .premium-site .site-hero-title { font-size: 60px; }
  .site-feature-media { min-height: 460px; }
  .site-legal-layout { grid-template-columns: 190px minmax(0,1fr); gap: 28px; }
  .premium-site .site-legal-article { padding: 28px; }
  .premium-site.site-legal main, .premium-site.page-contact main, .premium-site .site-partner-access { padding-inline: 40px; }
  .site-access-grid { gap: 35px; }
  .premium-site .site-access-card { padding: 28px; }
  .site-city-mark { font-size: 66px; }
  .site-partnership-art { padding-inline: 24px; min-height: 410px; }
}
@media (max-width:900px) {
  .site-legal-layout { grid-template-columns: 1fr; gap: 22px; padding-top: 25px; }
  .site-toc { position: static; border: 1px solid #dbe2cf; border-radius: 12px; background: #edf1e3; padding: 18px; }
  .site-toc details > summary { padding: 0; }
  .site-toc details[open] nav { margin-top: 18px; }
  .site-toc nav { max-height: 280px; }
  .site-hero-split .site-hero-inner { gap: 32px; }
  .site-hero-title { overflow-wrap: anywhere; }
  .site-hero-actions { gap: 10px; }
  .premium-site .nib-store-btn { padding: 11px 18px; }
  .site-contact-art { width: 160px; height: 160px; }
  .site-download-highlights { grid-template-columns: repeat(2,1fr); margin-inline: 32px; }
}
@media (max-width:760px) {
  .premium-site .nib-section { padding: 55px 25px; }
  .premium-site .nib-section.site-dark { padding-inline: 25px; }
  .site-hero { padding: 35px 25px 55px; }
  .site-hero-split .site-hero-inner { grid-template-columns: minmax(0,1fr); gap: 35px; }
  .site-hero-copy { text-align: center; }
  .site-kicker { justify-content: center; font-size: 9px; margin-bottom: 22px; }
  .premium-site .site-hero-title, .site-hero-centered .site-hero-title { font-size: clamp(42px,11.7vw,62px); letter-spacing: -.055em; margin-bottom: 22px; }
  .site-hero-description { font-size: 14px; margin-inline: auto; }
  .site-hero-actions { justify-content: center; }
  .premium-site .nib-store-btn { padding: 11px 19px; }
  .premium-site .nib-store-btn .nib-store-btn-name { font-size: 14px; }
  .site-art { height: 425px; max-width: 480px; width: calc(100% - 16px); margin-inline: auto; }
  .site-art .site-device { width: 130px; inset-inline-end: -8px; bottom: 14px; }
  .site-art-note { inset-inline-start: -8px; font-size: 10px; padding: 13px 15px; max-width: 220px; bottom: 32px; }
  .site-partner-art .site-art-note { max-width: 200px; bottom: 25px; }
  .site-community-banner { margin-top: 32px; height: 285px; }
  .site-community-banner .site-art-note { inset-inline-start: 12px; bottom: 15px; }
  .site-careers-art { height: 370px; }
  .site-career-values { gap: 9px; padding-bottom: 15px; }
  .premium-site .nib-h2 { font-size: 33px; letter-spacing: -1.2px; }
  .premium-site .nib-h3 { font-size: 22px; }
  .premium-site .nib-card { padding: 25px; }
  .premium-site .site-feature-stories { padding-top: 0; }
  .site-feature-row { gap: 28px; padding-block: 10px; }
  .site-feature-media { width: 100%; min-height: 440px; }
  .premium-site .site-feature-stories > :not([hidden]) ~ :not([hidden]) { margin-top: 50px; }
  .premium-site .site-feature-row .nib-screen { max-width: 180px; }
  .premium-site .site-driver-facts { display: block; padding-top: 0; }
  .premium-site .site-driver-facts .nib-stat-value { font-size: 28px; letter-spacing: -.7px; }
  .site-driver-facts > .nib-card + .nib-card { margin-top: 18px; }
  .premium-site .site-about-story { padding-top: 0; }
  .premium-site .site-about-story .nib-stat-value { font-size: 60px; }
  .premium-site .site-history .nib-h3 { font-size: 22px; }
  .site-commission { max-width: 450px; width: 100%; margin-inline: auto; padding-top: 45px; }
  .site-partnership-art { min-height: 370px; max-width: 500px; margin-inline: auto; }
  .site-system { margin-top: 32px; }
  .site-system-apps { gap: 9px; }
  .site-system-apps a { flex-direction: column; padding: 16px 6px; font-size: 10px; gap: 8px; }
  .site-system-core { width: 160px; padding: 16px; }
  .site-hero-contact .site-hero-inner { display: block; }
  .site-contact-art { display: none; }
  .premium-site.page-contact main { padding-inline: 25px; padding-bottom: 55px; }
  .site-contact-grid { gap: 40px; }
  .premium-site .site-contact-form { padding: 25px; }
  .site-contact-cards { gap: 16px; margin-bottom: 32px; }
  .site-contact-cards > .nib-card > div { height: 44px; width: 44px; margin-bottom: 16px; }
  .premium-site.site-legal main { padding-inline: 20px; padding-bottom: 55px; }
  .premium-site .site-legal-heading { padding-top: 35px !important; padding-bottom: 28px !important; text-align: start; }
  .premium-site .site-legal-heading .site-kicker { justify-content: flex-start; }
  .premium-site .site-legal-heading .site-hero-title { font-size: 37px; }
  .premium-site .site-legal-article { padding: 25px 20px; }
  .premium-site .site-legal-article h2 { font-size: 25px; }
  .premium-site .site-legal-article :is(p,li,ul,ol) { font-size: 13px; overflow-wrap: anywhere; }
  .premium-site .site-partner-access { padding: 35px 25px 55px; }
  .site-access-grid { grid-template-columns: 1fr; gap: 32px; }
  .site-access-grid .site-hero-title, .site-access-grid > div:first-child > p { text-align: center; }
  .site-access-card h2 { font-size: 30px; }
  .site-download-art { width: 100%; height: 440px; max-width: 480px; margin-inline: auto; }
  .site-download-art .site-device { width: 178px; }
  .site-download-highlights { margin-inline: 25px; gap: 16px; padding-inline: 0; }
  .site-download-highlights .text-lg { font-size: 11px; }
  .premium-site .site-download-section { padding-block: 50px; }
  .premium-site .site-download-section > div { padding-inline: 25px; }
  .premium-site .site-download-section .site-hero-inner { padding-inline: 0; }
  .page-data-deletion .nib-hero { padding-inline: 25px !important; }
  [dir="rtl"] .premium-site .site-hero-title { font-size: 44px; }
}
@media (max-width:370px) {
  .site-art { height: 365px; }
  .site-hero-actions .nib-store-btn { padding: 10px 15px; gap: 8px; }
  .site-hero-actions .nib-store-btn .nib-store-btn-name { font-size: 12px; }
  .site-hero-actions .nib-store-btn .nib-store-btn-sub { font-size: 8px; }
  .site-art .site-device { width: 118px; }
  .site-art-note { max-width: 185px !important; font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .premium-site *, .premium-site *::before, .premium-site *::after { animation: none !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Deep-link handoff: keep its launch behavior, give the utility page a calm shell. */
body.premium-app-link { background: #f8f6ef; color: #293321; min-height: 100dvh; height: auto; padding: 32px 22px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: var(--font-body); }
.premium-app-link .card { width: min(100%,460px); max-width: 460px; background: #fffef9; border: 1px solid #dfe4d5; border-radius: 24px; padding: 40px; box-shadow: 0 25px 70px #2d3b1810; }
.premium-app-link .app-brand { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 32px; }
.premium-app-link .app-brand strong { font: 700 30px var(--font-display); letter-spacing: -1.5px; }
.premium-app-link .app-brand img { border-radius: 12px; mix-blend-mode: multiply; }
.premium-app-link h1 { font: 400 35px/1.15 var(--font-display); letter-spacing: -1px; color: #293321; margin-bottom: 16px; }
.premium-app-link p { opacity: 1; color: #657257; font-size: 14px; line-height: 1.8; margin-bottom: 28px; }
.premium-app-link .spin { width: 29px; height: 29px; border-color: #e4e9d8; border-top-color: #bd5026; border-width: 2px; }
.premium-app-link a.btn { background: #293920; color: #fffdf2; border: 1px solid #293920; border-radius: 100px; padding: 15px 20px; font-size: 13px; }
.premium-app-link a.store { background: transparent; color: #39492d; border-color: #d4ddc6; }
.premium-app-link .app-footer { margin-top: 28px; font-size: 10px; color: #6b775e; }

/* Strategy and business-plan documents retain their own navigation and print layout. */
body.premium-dossier {
  --ink:#f8f6ef; --ink-1:#fffef9; --ink-2:#e8eddf; --white:#263021; --paper:#4d6041;
  --text:#536348; --mute:#637459; --faint:#65785a; --orange:#b74923; --orange-lt:#9c391c;
  --ember:linear-gradient(120deg,#c34a24,#d36236); --ember-ink:linear-gradient(120deg,#b74923,#ca5228);
  --ff-display:var(--font-display); --ff-body:var(--font-body);
  background: #f8f6ef; color: #536348; font-family: var(--font-body);
}
.premium-dossier .hdr { background: #f8f6eff0; height: 78px; box-shadow: none; }
.premium-dossier .brand b { font-size: 25px; letter-spacing: -1px; }
.premium-dossier .brand img { width: 34px; height: 34px; border-radius: 9px; }
.premium-dossier .bg-grid, .premium-dossier .bg-vign, .premium-dossier .bg-grain { display: none; }
.premium-dossier .display { font-weight: 700; letter-spacing: -.055em; }
.premium-dossier .grad { background: none; color: #bf4e27; -webkit-text-fill-color: currentColor; font-family: var(--font-editorial); font-weight: 400; font-style: italic; }
.premium-dossier .h2, .premium-dossier .question { font-weight: 400; letter-spacing: -.035em; }
.premium-dossier .btn { border-radius: 100px; box-shadow: none; }
.premium-dossier .progress { box-shadow: none; background: #c95328; }
.premium-dossier .hdr-chip::before { box-shadow: none; }
.premium-dossier .rail { background: #f8f6efec; border-radius: 12px; padding: 8px; }
.premium-dossier em, .premium-dossier .it { font-family: var(--font-editorial); }
.premium-dossier table { color: #536348; }
@media (max-width:760px) {
  .premium-app-link .card { padding: 28px 22px; }
  .premium-dossier .hdr { height: 68px; }
  .premium-dossier .hdr-in { gap: 12px; }
  .premium-dossier .hdr-right { gap: 10px; }
  .premium-dossier .hdr-ref { display: none; }
}
@media print {
  .premium-site .nib-nav, .premium-site .nib-footer, .premium-site .site-toc { display: none; }
  .premium-site.site-legal main { padding: 0; }
  .premium-site .site-legal-layout { display: block; }
  .premium-site .site-legal-article { padding: 0; border: none; }
}
/* Final contrast and keyboard refinements. */
.site-feature-index { color: #818f6b; }
.site-partnership-tag { color: #586943; }
.premium-site .site-pricing-section .nib-card, .premium-site .site-pricing-section .nib-card-glow { display: flex; flex-direction: column; padding: 30px; }
.premium-site .site-pricing-section .nib-card-glow { background: #3a492d; transform: none !important; border-color: #8eab6355; }
.premium-site .site-pricing-section .grid { max-width: 1232px; }
.premium-site .site-pricing-section ul { flex-grow: 1; }
.premium-site .site-pricing-section .site-plan-badge { background: #cbdbae !important; color: #28391b; }
.premium-site .site-cta .nib-btn-ghost { color: #2c210f; border-color: #77332188; }
.premium-site main .bg-orange-600 { background-color: #ba411d; color: #fffdf5; --text-primary:#fffdf5; }
.premium-site main .bg-orange-600:hover { background-color: #a73717; }
.premium-site main p a { text-decoration: underline; text-underline-offset: 3px; }
.premium-site .warning-box :is(h2,p,ul,span,strong) { color: #8c3825 !important; }
.premium-site .site-access-grid .site-hero-title { font-size: clamp(42px,4.5vw,65px); }
.premium-dossier .qtheme { white-space: normal; overflow-wrap: anywhere; line-height: 1.6; }
.premium-dossier .qtag { flex-wrap: wrap; }

/* Signature lettering and script-aware optical spacing. */
:is(.premium-home, .premium-site) .premium-footer-wordmark > img { width: min(100%,860px); height: auto; }
.premium-dossier :is(.brand,.foot-brand,.lk-co) .nib-signature { width: 112px; height: auto; border-radius: 0; }
.premium-app-link .app-brand .nib-signature { width: 130px; height: auto; border-radius: 0; }
:lang(ar) :is(h1,h2,h3,h4,.premium-title,.site-hero-title,.premium-heading) { letter-spacing: 0 !important; }
:lang(ar) :is(.premium-title,.site-hero-title) { line-height: 1.4; }
:lang(ar) :is(.premium-title em,.premium-heading em,.premium-final h2 em) { font-style: normal; }