@font-face {
  font-family: "Noto Sans Arabic";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/noto-sans-arabic-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: "Noto Sans Arabic";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/noto-sans-arabic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Zain";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Zain-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Zain";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Zain-Bold.ttf") format("truetype");
}

:root {
  --plum-950: #230914;
  --plum-900: #3b1027;
  --plum-800: #571037;
  --berry-700: #7b174d;
  --berry-600: #991f61;
  --rose-300: #ef9abd;
  --rose-100: #f9e4ec;
  --blush-50: #fff8fb;
  --paper: #ffffff;
  --ink: #251a20;
  --muted: #675761;
  --line: rgba(87, 16, 55, 0.16);
  --shadow: 0 28px 80px rgba(59, 16, 39, 0.12);
  --radius-lg: 34px;
  --radius-md: 22px;
  --shell: min(1180px, calc(100% - 40px));
  --font-body: Tahoma, Arial, sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
  --font-ar: "Zain", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  --font-display-ar: var(--font-ar);
  --font-hi: "Kohinoor Devanagari", "Noto Sans Devanagari", "Nirmala UI", Mangal, sans-serif;
  --font-zh: "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", "Heiti SC", sans-serif;
  --font-ur: "Noto Sans Arabic", "Noto Nastaliq Urdu", Tahoma, Arial, sans-serif;
  --font-fa: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  --font-bn: "Noto Sans Bengali", "Bangla Sangam MN", Vrinda, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 94px; }
html[dir="rtl"] { --font-body: var(--font-ar); font-synthesis: none; }
html[lang="hi"] { --font-body: var(--font-hi); --font-display: var(--font-hi); font-synthesis: none; }
html[lang="zh-Hans"] { --font-body: var(--font-zh); --font-display: var(--font-zh); font-synthesis: none; }
html[lang="ur"] { --font-body: var(--font-ur); --font-display: var(--font-ur); font-synthesis: none; }
html[lang="fa"] { --font-body: var(--font-fa); --font-display: var(--font-fa); font-synthesis: none; }
html[lang="bn"] { --font-body: var(--font-bn); --font-display: var(--font-bn); font-synthesis: none; }
body { margin: 0; overflow-x: hidden; background: var(--blush-50); color: var(--ink); font-family: var(--font-body); font-weight: 400; line-height: 1.8; }
html[dir="rtl"] body { font-synthesis: none; letter-spacing: 0; }
[dir="rtl"] :is(.hero-lead, .heading-split > p, .story-copy > p, .path-card > p:not(.path-label), .availability-section p:not(.eyebrow), .faq-intro > p:not(.eyebrow), .faq-list details p, .contact-copy > p:not(.eyebrow), .privacy-content p, .privacy-content li) { word-spacing: 0; }
body::selection { background: var(--rose-300); color: var(--plum-950); }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .22em; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #f5b800; outline-offset: 4px; border-radius: 7px; }
[hidden] { display: none !important; }
.shell { width: var(--shell); margin-inline: auto; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; inset-block-start: 12px; inset-inline-start: 16px; z-index: 1000; min-height: 44px; padding: 10px 16px; transform: translateY(-180%); border-radius: 10px; background: #fff; color: var(--plum-950); font-weight: 700; }
.skip-link:focus { transform: translateY(0); }

.site-header { position: sticky; inset-block-start: 0; z-index: 100; border-block-end: 1px solid rgba(87, 16, 55, .08); background: rgba(255, 248, 251, .93); backdrop-filter: blur(18px); }
.header-inner { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { width: 116px; min-height: 56px; display: grid; place-items: center; text-decoration: none; }
.brand img { width: 108px; height: auto; }
.site-nav { display: flex; align-items: center; gap: clamp(16px, 2vw, 29px); font-size: 14px; font-weight: 700; }
.site-nav a { position: relative; min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.site-nav > a:not(.nav-cta):not(.language-link)::after { content: ""; position: absolute; inset-inline-start: 0; inset-block-end: 4px; width: 100%; height: 2px; transform: scaleX(0); transform-origin: right; background: var(--berry-600); transition: transform .2s ease; }
[dir="ltr"] .site-nav > a:not(.nav-cta):not(.language-link)::after { transform-origin: left; }
.site-nav > a:hover::after, .site-nav > a:focus-visible::after { transform: scaleX(1); }
.nav-cta { padding-inline: 18px; border-radius: 999px; background: var(--plum-900); color: #fff; }
.language-menu { position: relative; }
.language-menu summary { min-width: 92px; min-height: 44px; padding: 8px 14px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--plum-900); cursor: pointer; font-family: var(--font-body); font-weight: 700; line-height: 1.4; text-align: center; list-style: none; }
.language-menu summary::-webkit-details-marker { display: none; }
.language-menu summary::after { content: "⌄"; color: var(--berry-700); font-size: 13px; }
.language-menu[open] summary::after { transform: rotate(180deg); }
.language-switcher { position: absolute; inset-block-start: calc(100% + 9px); left: 50%; right: auto; z-index: 130; width: 210px; max-width: calc(100vw - 32px); padding: 8px; display: grid; gap: 3px; transform: translateX(-50%); border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow); }
.language-switcher .language-link { width: 100%; min-width: 44px; min-height: 44px; padding: 8px 12px; align-self: stretch; align-items: center; justify-content: center; border: 0; border-radius: 12px; background: transparent; font-size: 14px; font-weight: 700; line-height: 1.45; text-align: center; unicode-bidi: isolate; white-space: nowrap; }
.language-switcher .language-link[lang="ar"] { font-family: var(--font-ar); }
.language-switcher .language-link[lang="en"] { font-family: Tahoma, Arial, sans-serif; }
.language-switcher .language-link[lang="hi"] { font-family: var(--font-hi); }
.language-switcher .language-link[lang="ur"] { font-family: var(--font-ur); }
.language-switcher .language-link[lang="bn"] { font-family: var(--font-bn); }
.language-switcher .language-link[lang="fa"] { font-family: var(--font-fa); }
.language-switcher .language-link[lang="zh-Hans"] { font-family: var(--font-zh); }
.language-switcher .language-link[aria-current="page"] { background: var(--berry-700); color: #fff; }
.menu-toggle { display: none; width: 48px; height: 48px; padding: 11px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.menu-toggle > span:not(.visually-hidden) { display: block; height: 2px; margin: 5px 0; border-radius: 2px; background: var(--plum-900); }

.hero { position: relative; overflow: hidden; background: radial-gradient(circle at 82% 16%, rgba(239, 154, 189, .32), transparent 27%), linear-gradient(135deg, #fff 0%, #fff8fb 58%, #f9e4ec 100%); }
.hero::before { content: ""; position: absolute; width: 420px; height: 420px; inset-inline-start: -210px; inset-block-end: -250px; border: 1px solid rgba(123, 23, 77, .14); border-radius: 50%; box-shadow: 0 0 0 58px rgba(123, 23, 77, .025), 0 0 0 116px rgba(123, 23, 77, .018); }
.hero-grid { position: relative; z-index: 1; min-height: 690px; padding-block: clamp(68px, 8vw, 108px); display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr); align-items: center; gap: clamp(48px, 8vw, 112px); }
.eyebrow { margin: 0 0 17px; color: var(--berry-700); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
[dir="rtl"] .eyebrow { letter-spacing: 0; }
.hero h1, .section h2 { margin: 0; color: var(--plum-950); font-family: var(--font-display); font-weight: 700; letter-spacing: -.035em; line-height: 1.09; text-wrap: balance; }
[dir="rtl"] .hero h1, [dir="rtl"] .section h2 { font-family: var(--font-display-ar); font-weight: 700; letter-spacing: 0; line-height: 1.2; }
.hero h1 { max-width: 700px; font-size: clamp(50px, 5.8vw, 84px); }
html[lang="en"] .hero h1 { font-size: clamp(50px, 5.2vw, 76px); }
[dir="rtl"] .hero h1 { font-size: clamp(44px, 4.8vw, 68px); line-height: 1.2; }
html[lang="hi"] .hero h1 { font-size: clamp(46px, 5vw, 72px); line-height: 1.18; }
html[lang="zh-Hans"] .hero h1 { font-size: clamp(48px, 5.35vw, 78px); line-height: 1.16; letter-spacing: -.02em; }
html[lang="ur"] .hero h1, html[lang="ur"] .section h2 { font-family: var(--font-ur); }
html[lang="fa"] .hero h1, html[lang="fa"] .section h2 { font-family: var(--font-fa); }
html[lang="ur"] .hero h1, html[lang="fa"] .hero h1 { font-size: clamp(44px, 4.8vw, 68px); line-height: 1.24; letter-spacing: 0; }
html[lang="bn"] .hero h1 { font-size: clamp(45px, 4.9vw, 70px); line-height: 1.23; letter-spacing: 0; }
.hero h1 em { color: var(--berry-700); font-style: italic; font-weight: 700; }
[dir="rtl"] .hero h1 em { font-style: normal; font-weight: 700; }
.hero-lead { max-width: 620px; margin: 26px 0 0; color: var(--muted); font-size: clamp(17px, 1.4vw, 20px); font-weight: 400; line-height: 1.9; text-wrap: pretty; }
.hero-actions { margin-block-start: 32px; display: flex; flex-wrap: wrap; gap: 12px; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 22px; border: 1px solid transparent; border-radius: 999px; cursor: pointer; text-decoration: none; font-weight: 700; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--berry-700); color: #fff; box-shadow: 0 14px 30px rgba(123, 23, 77, .2); }
.button-primary:hover { background: var(--berry-600); box-shadow: 0 18px 36px rgba(123, 23, 77, .28); }
.button-quiet { border-color: var(--line); background: rgba(255, 255, 255, .82); color: var(--plum-900); }
.button-light { background: #fff; color: var(--plum-900); }
.button-outline { border-color: rgba(255, 255, 255, .34); color: #fff; }
.hero-points { margin: 38px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 26px; color: var(--muted); font-size: 13px; line-height: 1.55; list-style: none; }
.hero-points li { display: flex; align-items: center; gap: 8px; }
.hero-points li::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--rose-300); box-shadow: 0 0 0 4px rgba(239, 154, 189, .22); }

.care-composition { position: relative; min-height: 500px; display: grid; place-items: center; border: 1px solid rgba(123, 23, 77, .11); border-radius: 48% 48% 38px 38px; background: linear-gradient(160deg, rgba(255, 255, 255, .95), rgba(255, 245, 249, .76)); box-shadow: var(--shadow); }
.care-composition::before { content: ""; position: absolute; inset: 16px; border: 1px solid rgba(123, 23, 77, .07); border-radius: inherit; }
.hero-brand-panel { isolation: isolate; padding: clamp(42px, 6vw, 72px); }
.hero-brand-mark { position: relative; z-index: 1; width: min(78%, 370px); height: auto; filter: drop-shadow(0 18px 28px rgba(59, 16, 39, .1)); }
.care-orbit { position: absolute; width: 310px; height: 310px; border: 1px solid rgba(123, 23, 77, .12); border-radius: 50%; box-shadow: 0 0 0 32px rgba(123, 23, 77, .02), 0 0 0 64px rgba(123, 23, 77, .018); }
.composition-kicker { position: absolute; inset-block-start: 44px; margin: 0; color: var(--berry-700); font-size: 10px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
.composition-card { position: absolute; width: 154px; min-height: 174px; padding: 23px; display: flex; flex-direction: column; justify-content: flex-end; border: 1px solid rgba(123, 23, 77, .11); border-radius: 70px 70px 22px 22px; background: rgba(255, 255, 255, .94); box-shadow: 0 20px 48px rgba(59, 16, 39, .12); }
.composition-card span { margin-block-end: auto; color: var(--berry-600); font-size: 10px; font-weight: 700; letter-spacing: .14em; }
.composition-card strong { color: var(--plum-900); font-size: 22px; }
.composition-card small { color: var(--muted); font-size: 9px; }
.composition-card-one { z-index: 3; transform: translateY(-8px); }
.composition-card-two { z-index: 2; transform: translate(-126px, 56px) rotate(-8deg); background: #fff4f8; }
[dir="rtl"] .composition-card-two { transform: translate(126px, 56px) rotate(8deg); }
.composition-card-three { z-index: 1; transform: translate(126px, 56px) rotate(8deg); background: #f6eef8; }
[dir="rtl"] .composition-card-three { transform: translate(-126px, 56px) rotate(-8deg); }
.composition-note { position: absolute; inset-block-end: 30px; margin: 0; color: var(--muted); font-size: 11px; }

.trust-ribbon { background: var(--plum-900); color: #fff; }
.ribbon-grid { min-height: 78px; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 20px; }
.ribbon-grid p { margin: 0; min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 12px; text-align: center; }
.ribbon-grid p::before { content: ""; width: 6px; height: 6px; border: 1px solid var(--rose-300); transform: rotate(45deg); }

.section { padding-block: clamp(78px, 9vw, 126px); }
.section h2 { font-size: clamp(36px, 4.4vw, 60px); }
[dir="rtl"] .section h2 { font-size: clamp(34px, 3.85vw, 54px); line-height: 1.16; }
.section-heading { margin-block-end: clamp(40px, 5vw, 64px); }
.heading-split { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(300px, .65fr); align-items: end; gap: 70px; }
.heading-split > p { max-width: 48ch; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.85; text-wrap: pretty; }
.centered-heading { max-width: 760px; margin-inline: auto; text-align: center; }

.care-section { background: var(--blush-50); }
.category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.category-card { position: relative; min-height: 360px; padding: 30px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; box-shadow: 0 18px 50px rgba(59, 16, 39, .055); }
.category-card::before { content: ""; position: absolute; width: 230px; height: 230px; inset-inline-end: -72px; inset-block-start: -82px; border-radius: 50%; background: radial-gradient(circle, rgba(239, 154, 189, .28), rgba(239, 154, 189, .04) 58%, transparent 60%); }
.category-hair::before { background: radial-gradient(circle, rgba(199, 170, 219, .30), rgba(199, 170, 219, .04) 58%, transparent 60%); }
.category-baby::before { background: radial-gradient(circle, rgba(247, 196, 162, .30), rgba(247, 196, 162, .04) 58%, transparent 60%); }
.category-card > * { position: relative; z-index: 1; }
.card-index { position: absolute; inset-block-start: 27px; inset-inline-start: 30px; color: var(--berry-700); font-size: 11px; font-weight: 700; letter-spacing: .15em; }
.category-label { margin: 0 0 auto; align-self: flex-end; color: var(--berry-700); font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.category-card h3 { margin: 0 0 10px; color: var(--plum-950); font-size: 27px; }
[dir="rtl"] .category-card h3 { line-height: 1.3; }
.category-card > p:not(.category-label) { min-height: 58px; margin: 0; color: var(--muted); font-size: 14px; }
.category-card a { min-height: 44px; margin-block-start: 17px; display: inline-flex; align-items: center; color: var(--berry-700); font-size: 13px; font-weight: 700; }

.story-section { background: var(--rose-100); }
.story-grid { display: grid; grid-template-columns: minmax(360px, .8fr) minmax(0, 1.2fr); align-items: center; gap: clamp(54px, 9vw, 126px); }
.story-art { min-height: 480px; padding: 46px; display: flex; flex-direction: column; justify-content: space-between; border-radius: var(--radius-lg); background: radial-gradient(circle at 80% 18%, rgba(239, 154, 189, .32), transparent 32%), var(--plum-900); color: #fff; box-shadow: var(--shadow); }
.story-art-index { color: var(--rose-300); font-size: 11px; font-weight: 700; letter-spacing: .17em; }
.story-art p { margin: auto 0 28px; font-family: var(--font-display); font-size: clamp(38px, 4.2vw, 59px); font-weight: 500; letter-spacing: -.035em; line-height: 1.1; text-wrap: balance; }
[dir="rtl"] .story-art p { font-family: var(--font-display-ar); font-weight: 700; letter-spacing: 0; line-height: 1.12; }
html[lang="hi"] .story-art p, html[lang="zh-Hans"] .story-art p { font-weight: 700; letter-spacing: 0; line-height: 1.18; }
html[lang="ur"] .story-art p { font-family: var(--font-ur); font-weight: 700; letter-spacing: 0; line-height: 1.22; }
html[lang="fa"] .story-art p { font-family: var(--font-fa); font-weight: 700; letter-spacing: 0; line-height: 1.22; }
html[lang="bn"] .story-art p { font-weight: 700; letter-spacing: 0; line-height: 1.22; }
.story-art-line { width: 100%; height: 1px; margin-block-end: 20px; background: rgba(255, 255, 255, .23); }
.story-art small { color: rgba(255, 255, 255, .65); font-size: 10px; letter-spacing: .08em; }
.story-copy > p { color: var(--muted); font-size: 16px; }
[dir="rtl"] .story-copy > p { max-width: 62ch; }
.story-copy .lead-paragraph { color: var(--ink); font-size: clamp(18px, 1.9vw, 22px); }
.story-copy blockquote { margin: 28px 0 0; padding-inline-start: 22px; border-inline-start: 3px solid var(--berry-600); color: var(--plum-900); font-weight: 700; }
.principles-grid { margin-block-start: clamp(62px, 8vw, 96px); padding-block-start: 42px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; border-block-start: 1px solid rgba(87, 16, 55, .18); }
.principles-grid article > span { color: var(--berry-700); font-size: 10px; font-weight: 700; letter-spacing: .16em; }
.principles-grid h3 { margin: 26px 0 8px; color: var(--plum-900); font-size: 20px; }
[dir="rtl"] .principles-grid h3 { line-height: 1.35; }
.principles-grid p { margin: 0; color: var(--muted); font-size: 13px; }

.path-section { background: #fff; }
.path-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.path-card { min-height: 380px; padding: clamp(32px, 5vw, 58px); display: flex; flex-direction: column; align-items: flex-start; border-radius: var(--radius-lg); }
.path-consumer { border: 1px solid var(--line); background: var(--blush-50); }
.path-trade { background: linear-gradient(135deg, var(--berry-700), var(--plum-950)); color: #fff; }
.path-label { margin: 0; color: var(--berry-700); font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.path-trade .path-label { color: var(--rose-300); }
.path-card h3 { max-width: 520px; margin: auto 0 14px; color: var(--plum-950); font-size: clamp(28px, 3.2vw, 42px); line-height: 1.2; text-wrap: balance; }
.path-trade h3 { color: #fff; }
.path-card > p:not(.path-label) { margin: 0 0 25px; color: var(--muted); }
.path-trade > p:not(.path-label) { color: rgba(255, 255, 255, .73); }

.availability-section { background: #f8f0f4; }
.availability-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr); align-items: center; gap: clamp(56px, 9vw, 118px); }
.availability-section p:not(.eyebrow) { margin: 24px 0 28px; color: var(--muted); }
.city-list { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; list-style: none; }
.city-list li { min-height: 92px; padding: 20px; display: flex; align-items: center; gap: 17px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255, 255, 255, .78); color: var(--plum-900); font-weight: 700; }
.city-list li:last-child { grid-column: 1 / -1; }
.city-list span { color: var(--berry-600); font-size: 10px; font-weight: 700; letter-spacing: .15em; }

.faq-section { background: #fff; }
.faq-grid { display: grid; grid-template-columns: minmax(280px, .62fr) minmax(0, 1.38fr); align-items: start; gap: clamp(48px, 8vw, 105px); }
.faq-intro { position: sticky; inset-block-start: 116px; }
.faq-intro > p:not(.eyebrow) { color: var(--muted); }
.faq-list { border-block-start: 1px solid rgba(87, 16, 55, .2); }
.faq-list details { border-block-end: 1px solid rgba(87, 16, 55, .2); }
.faq-list summary { min-height: 78px; padding-block: 12px; display: flex; align-items: center; justify-content: space-between; gap: 24px; cursor: pointer; list-style: none; color: var(--plum-900); font-size: 17px; font-weight: 700; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { flex: 0 0 auto; color: var(--berry-600); font-size: 27px; font-weight: 400; transition: transform .2s ease; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { margin: -4px 0 26px; padding-inline-end: 44px; color: var(--muted); }
[dir="rtl"] .faq-list details p { max-width: 62ch; }

.contact-section { background: linear-gradient(135deg, var(--berry-700), var(--plum-950)); color: #fff; }
.contact-grid { display: grid; grid-template-columns: minmax(0, .72fr) minmax(460px, 1.28fr); align-items: start; gap: clamp(56px, 9vw, 118px); }
.contact-section .eyebrow, .contact-section h2 { color: #fff; }
.contact-copy > p:not(.eyebrow) { color: rgba(255, 255, 255, .74); }
.contact-list { margin: 34px 0 0; padding: 0; border-block-start: 1px solid rgba(255, 255, 255, .18); list-style: none; }
.contact-list li { min-height: 64px; padding-block: 12px; display: grid; grid-template-columns: 92px 1fr; align-items: center; gap: 18px; border-block-end: 1px solid rgba(255, 255, 255, .18); }
.contact-list li > span { color: var(--rose-300); font-size: 12px; font-weight: 700; }
.contact-list a { min-height: 44px; display: inline-flex; align-items: center; overflow-wrap: anywhere; }
.social-block { margin-block-start: 28px; }
.social-block h3 { margin: 0 0 12px; color: var(--rose-300); font-size: 12px; }
.social-links { display: flex; flex-wrap: wrap; gap: 8px; }
.social-links a { min-width: 44px; min-height: 44px; padding-inline: 14px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .28); border-radius: 999px; color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; }
.social-links a:hover { border-color: var(--rose-300); background: rgba(255, 255, 255, .06); }
.contact-form { padding: clamp(27px, 4.5vw, 48px); border: 1px solid rgba(255, 255, 255, .18); border-radius: var(--radius-lg); background: rgba(255, 255, 255, .08); backdrop-filter: blur(12px); }
.contact-form label { margin-block-end: 18px; display: grid; gap: 8px; font-size: 13px; font-weight: 700; }
.field-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.contact-form input, .contact-form select, .contact-form textarea { width: 100%; border: 1px solid rgba(255, 255, 255, .31); border-radius: 12px; background: rgba(255, 255, 255, .1); color: #fff; }
.contact-form input, .contact-form select { min-height: 50px; padding-inline: 14px; }
.contact-form textarea { min-height: 132px; padding: 13px 14px; resize: vertical; }
.contact-form option { color: #000; }
.contact-form input:user-invalid, .contact-form select:user-invalid, .contact-form textarea:user-invalid { border-color: #ffbf8f; }
.contact-form .consent { grid-template-columns: 24px 1fr; align-items: start; font-weight: 450; }
.consent input { width: 20px; height: 20px; min-height: 0; margin: 3px 0 0; accent-color: var(--rose-300); }
.form-button { border-color: #fff; background: #fff; color: var(--plum-900); box-shadow: none; }
.form-button:hover { background: var(--rose-100); }
.form-note, .noscript-note { margin: 13px 0 0; color: rgba(255, 255, 255, .62); font-size: 11px; }
.form-result { margin-block-start: 20px; padding: 20px; border-radius: 16px; background: rgba(35, 9, 20, .5); }
.form-result p { margin: 0 0 14px; }

.site-footer { padding-block: 70px 26px; background: #17050f; color: rgba(255, 255, 255, .72); }
.footer-grid { display: grid; grid-template-columns: 1.45fr repeat(3, 1fr); gap: 40px; }
.footer-brand img { width: 142px; height: auto; padding: 13px; border-radius: 14px; background: #fff; }
.footer-brand p { font-size: 13px; }
.footer-grid h2 { margin: 0 0 16px; color: #fff; font-size: 12px; }
.footer-grid > div:not(.footer-brand) { display: flex; flex-direction: column; gap: 4px; }
.footer-grid a { min-height: 44px; display: inline-flex; align-items: center; font-size: 13px; text-decoration: none; }
.footer-grid a:hover { color: #fff; }
.footer-social-label { margin: 12px 0 4px; color: #fff; font-size: 12px; font-weight: 700; }
.footer-social-links { display: flex; flex-wrap: wrap; gap: 0 14px; }
.footer-grid .footer-social-links a { min-width: 44px; flex: 0 0 auto; }
.footer-bottom { margin-block-start: 45px; padding-block-start: 20px; display: flex; justify-content: space-between; gap: 24px; border-block-start: 1px solid rgba(255, 255, 255, .12); font-size: 11px; }
.footer-bottom a { min-height: 44px; display: inline-flex; align-items: center; }

.privacy-main { min-height: 70vh; }
.privacy-hero { padding-block: 88px 54px; background: var(--rose-100); }
.privacy-hero h1 { max-width: 780px; margin: 0; color: var(--plum-950); font-family: var(--font-display); font-size: clamp(42px, 5.4vw, 68px); font-weight: 500; letter-spacing: -.035em; line-height: 1.1; text-wrap: balance; }
[dir="rtl"] .privacy-hero h1 { font-family: var(--font-display-ar); font-size: clamp(40px, 5vw, 62px); font-weight: 700; letter-spacing: 0; line-height: 1.12; }
html[lang="hi"] .privacy-hero h1, html[lang="zh-Hans"] .privacy-hero h1 { font-weight: 700; letter-spacing: 0; line-height: 1.18; }
html[lang="ur"] .privacy-hero h1 { font-family: var(--font-ur); font-weight: 700; letter-spacing: 0; line-height: 1.22; }
html[lang="fa"] .privacy-hero h1 { font-family: var(--font-fa); font-weight: 700; letter-spacing: 0; line-height: 1.22; }
html[lang="bn"] .privacy-hero h1 { font-weight: 700; letter-spacing: 0; line-height: 1.22; }

.saved-language-link { position: fixed; inset-inline-end: 16px; inset-block-end: 16px; z-index: 120; min-height: 44px; padding: 10px 16px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.45); border-radius: 999px; background: var(--plum-900); color: #fff; box-shadow: 0 14px 34px rgba(59,16,39,.22); font-size: 13px; font-weight: 700; text-decoration: none; }
.privacy-body { padding-block: 62px 96px; }
.privacy-content { max-width: 820px; }
.privacy-content h2 { margin: 40px 0 8px; color: var(--plum-900); font-size: 23px; }
.privacy-content p, .privacy-content li { color: var(--muted); }
.privacy-content a { overflow-wrap: anywhere; }
.privacy-content .notice { padding: 20px 22px; border-inline-start: 4px solid var(--berry-700); background: #fff; color: var(--ink); }

[dir="rtl"] :is(.skip-link, .story-copy blockquote, .city-list li, .faq-list summary, .contact-form label) { font-weight: 700; }
[dir="rtl"] :is(.eyebrow, .composition-kicker, .composition-card span, .card-index, .category-label, .category-card a, .story-art-index, .principles-grid article > span, .path-label, .city-list span, .contact-list li > span, .social-block h3, .social-links a, .footer-social-label) { font-weight: 700; }
[dir="rtl"] .contact-form .consent { font-weight: 400; }
[dir="rtl"] .faq-list summary { line-height: 1.45; }

@media (max-width: 1050px) {
  .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(360px, .86fr); gap: 46px; }
  .care-composition { min-height: 470px; }
  .contact-grid { grid-template-columns: minmax(0, .78fr) minmax(400px, 1.22fr); gap: 48px; }
}

@media (max-width: 820px) {
  :root { --shell: min(100% - 32px, 720px); }
  .header-inner { min-height: 72px; }
  .brand { width: 100px; min-height: 48px; }
  .brand img { width: 92px; }
  .menu-toggle { display: block; }
  .site-nav { position: absolute; inset-block-start: calc(100% + 1px); inset-inline: 16px; padding: 16px; display: none; flex-direction: column; align-items: stretch; gap: 3px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: var(--shadow); }
  body[data-menu-open="true"] .site-nav { display: flex; }
  .site-nav.simple-nav { position: static; padding: 0; display: flex; flex-direction: row; align-items: center; gap: 4px; border: 0; background: transparent; box-shadow: none; }
  .site-nav a { min-height: 48px; padding: 10px 12px; }
  .site-nav.simple-nav a { display: inline-flex; }
  .site-nav:not(.simple-nav) .language-menu { width: 100%; margin-block-start: 7px; }
  .site-nav:not(.simple-nav) .language-menu summary { width: 100%; }
  .site-nav:not(.simple-nav) .language-switcher { position: static; left: auto; right: auto; width: 100%; max-width: none; margin-block-start: 6px; transform: none; box-shadow: none; }
  .site-nav:not(.simple-nav) .language-switcher .language-link { min-height: 44px; }
  .site-nav.simple-nav .language-switcher { left: auto; right: auto; inset-inline-end: 0; transform: none; }
  .nav-cta { justify-content: center; }
  .language-link { width: 48px; align-self: flex-start; }
  .hero-grid, .story-grid, .availability-grid, .faq-grid, .contact-grid { grid-template-columns: 1fr; }
  .hero-grid { min-height: auto; padding-block: 64px 78px; }
  .care-composition { width: min(100%, 510px); min-height: 470px; margin-inline: auto; }
  .ribbon-grid { padding-block: 15px; grid-template-columns: 1fr; gap: 2px; }
  .heading-split { grid-template-columns: 1fr; gap: 18px; }
  .category-grid { grid-template-columns: 1fr; }
  .category-card { min-height: 270px; }
  .story-grid { gap: 46px; }
  .story-art { min-height: 380px; }
  .principles-grid { grid-template-columns: 1fr; gap: 30px; }
  .principles-grid h3 { margin-block-start: 14px; }
  .path-grid { grid-template-columns: 1fr; }
  .path-card { min-height: 330px; }
  .faq-intro { position: static; }
  .contact-grid { gap: 42px; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 520px) {
  :root { --shell: calc(100% - 28px); --radius-lg: 26px; }
  .section { padding-block: 70px; }
  .hero h1 { font-size: clamp(42px, 12.5vw, 56px); }
  html[lang="en"] .hero h1 { font-size: clamp(40px, 11.5vw, 50px); }
  [dir="rtl"] .hero h1 { font-size: clamp(42px, 11.8vw, 50px); line-height: 1.15; }
  html[lang="hi"] .hero h1 { font-size: clamp(39px, 10.7vw, 48px); line-height: 1.22; }
  html[lang="zh-Hans"] .hero h1 { font-size: clamp(42px, 12vw, 52px); line-height: 1.18; }
  html[lang="ur"] .hero h1, html[lang="fa"] .hero h1 { font-size: clamp(40px, 11vw, 49px); line-height: 1.25; }
  html[lang="bn"] .hero h1 { font-size: clamp(39px, 10.8vw, 48px); line-height: 1.25; }
  .site-nav.simple-nav > a { display: none; }
  .site-nav.simple-nav .language-menu summary { min-width: 88px; padding-inline: 10px; }
  .site-nav.simple-nav .language-switcher .language-link { min-width: 44px; min-height: 44px; padding-inline: 10px; }
  .saved-language-link { inset-inline: 14px; inset-block-end: 12px; }
  .hero-lead { font-size: 16px; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .button { width: 100%; }
  .hero-points { display: grid; grid-template-columns: 1fr; gap: 8px; }
  .care-composition { min-height: 390px; border-radius: 42% 42% 26px 26px; }
  .hero-brand-panel { padding: 44px 34px; }
  .hero-brand-mark { width: min(82%, 300px); }
  .care-orbit { width: 230px; height: 230px; }
  .composition-card { width: 116px; min-height: 142px; padding: 16px; border-radius: 52px 52px 18px 18px; }
  .composition-card strong { font-size: 18px; }
  .composition-card-two { transform: translate(-92px, 44px) rotate(-8deg); }
  [dir="rtl"] .composition-card-two { transform: translate(92px, 44px) rotate(8deg); }
  .composition-card-three { transform: translate(92px, 44px) rotate(8deg); }
  [dir="rtl"] .composition-card-three { transform: translate(-92px, 44px) rotate(-8deg); }
  .composition-note { inset-block-end: 22px; }
  .category-card { min-height: 250px; padding: 25px; }
  .category-card > p:not(.category-label) { min-height: 0; }
  .story-art { min-height: 330px; padding: 30px; }
  .path-card { min-height: 310px; padding: 28px 24px; }
  .city-list { grid-template-columns: 1fr; }
  .city-list li:last-child { grid-column: auto; }
  .city-list li { min-height: 74px; }
  .faq-list summary { min-height: 72px; font-size: 15px; }
  .faq-list details p { padding-inline-end: 0; font-size: 14px; }
  [dir="rtl"] :is(.story-copy > p, .faq-list details p) { max-width: 100%; }
  .field-row { grid-template-columns: 1fr; gap: 0; }
  .contact-form { padding: 23px 18px; }
  .contact-list li { grid-template-columns: 1fr; gap: 0; }
  .footer-grid { grid-template-columns: 1fr; gap: 24px; }
  .footer-bottom { flex-direction: column; gap: 2px; }
  .privacy-hero { padding-block: 68px 42px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

@media (forced-colors: active) {
  .button, .category-card, .care-composition, .contact-form, .path-card { border: 1px solid CanvasText; }
}