@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cairo:wght@400;500;600;700&display=swap');

:root { --info-ink: var(--text-primary); --info-muted: var(--text-secondary); }
* { box-sizing: border-box; }
body.info-page, body:has(.info-shell) {
  margin: 0; background: var(--bg); color: var(--text-primary);
  font-family: 'Cairo', sans-serif; line-height: 1.8;
}
body.info-page h1, body.info-page h2, body.info-page h3,
body:has(.info-shell) h1, body:has(.info-shell) h2, body:has(.info-shell) h3 {
  font-family: 'Amiri', serif; line-height: 1.25;
}
.info-nav { position: sticky; top: 0; z-index: 20; background: rgba(251,241,234,.94); backdrop-filter: blur(14px); border-bottom: 1px solid var(--divider-light); }
.info-nav-inner { max-width: 1180px; min-height: 78px; margin: auto; padding: 0 24px; display: flex; align-items: center; gap: 28px; }
.info-logo { display:flex; align-items:center; margin-inline-end:auto; }
.info-logo img { width: 92px; height:auto; }
.info-links { display:flex; align-items:center; gap: 24px; }
.info-links a { color:var(--text-primary); text-decoration:none; font-size:.92rem; font-weight:600; }
.info-links a:hover { color:var(--brand); }
.info-actions { display:flex; align-items:center; gap:8px; }
.lang-switch-btn, .info-menu { border:1px solid var(--divider-strong); background:transparent; color:var(--text-primary); border-radius:var(--radius-button); padding:9px 13px; cursor:pointer; font-family:inherit; }
.info-menu { display:none; padding:9px; }
.info-btn { border-radius:var(--radius-button); padding:10px 16px; text-decoration:none; font-size:.88rem; font-weight:700; border:1px solid transparent; }
.info-btn.primary { background:var(--brand); color:#fff; }
.info-btn.ghost { color:var(--text-primary); border-color:var(--divider-strong); }
.info-shell { min-height: 100vh; }
.info-hero { position:relative; overflow:hidden; padding: 76px 24px 68px; background:var(--bg); }
.info-hero:after { content:""; position:absolute; width:280px; height:280px; border-radius:50%; background:var(--brand-tint-2); opacity:.55; left:-90px; bottom:-150px; }
.info-hero-inner { max-width:960px; margin:auto; position:relative; z-index:1; }
.eyebrow { color:var(--brand); font-size:.78rem; letter-spacing:.14em; font-weight:700; text-transform:uppercase; }
.info-hero h1 { font-size:clamp(2.6rem, 6vw, 5rem); margin:14px 0 16px; max-width:760px; }
.info-hero p { max-width:650px; color:var(--info-muted); font-size:1.1rem; margin:0; }
.info-main { max-width:1100px; margin:auto; padding:58px 24px 90px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin:0 0 25px; }
.section-heading h2 { font-size:clamp(1.8rem,3vw,2.7rem); margin:0; }
.section-heading p { color:var(--info-muted); margin:0; max-width:460px; }
.info-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.info-card { background:#fffaf7; border:1px solid var(--divider-light); border-radius:var(--radius-card); padding:25px; box-shadow:var(--shadow-card); }
.info-card.accent { background:var(--brand-dark); color:#fff; }
.info-card h3 { font-size:1.45rem; margin:12px 0 8px; }
.info-card p { color:var(--info-muted); margin:0; font-size:.94rem; }
.accent p { color:rgba(255,255,255,.72); }
.icon-bubble { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; color:var(--brand); background:var(--brand-tint-1); }
.accent .icon-bubble { background:var(--brand); color:#fff; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.track { background:#fffaf7; border:1px solid var(--divider-light); border-radius:var(--radius-card); padding:28px; }
.track h2 { margin:0 0 22px; font-size:1.8rem; }
.step { display:flex; align-items:flex-start; gap:14px; padding:15px 0; border-top:1px solid var(--divider-light); }
.step-num { flex:0 0 32px; height:32px; display:grid; place-items:center; border-radius:50%; background:var(--brand); color:#fff; font-weight:700; }
.step h3 { font-family:'Cairo',sans-serif; font-size:1rem; margin:0 0 2px; }
.step p { color:var(--info-muted); margin:0; font-size:.88rem; }
.contact-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:18px; }
.contact-card { background:#fffaf7; border:1px solid var(--divider-light); border-radius:var(--radius-card); padding:28px; }
.contact-card a { color:var(--brand); font-weight:700; }
.app-badge { display:inline-flex; align-items:center; gap:10px; padding:12px 18px; background:var(--brand-dark); color:#fff; border-radius:var(--radius-button); text-decoration:none; margin-top:18px; }
.faq-list { max-width:850px; margin:auto; }
.faq-list details { background:#fffaf7; border:1px solid var(--divider-light); border-radius:var(--radius-card); margin:10px 0; padding:0 20px; }
.faq-list summary { cursor:pointer; list-style:none; font-weight:700; padding:18px 0; display:flex; justify-content:space-between; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary:after { content:"+"; color:var(--brand); font-size:1.4rem; }
.faq-list details[open] summary:after { content:"−"; }
.faq-answer { border-top:1px solid var(--divider-light); padding:14px 0 18px; color:var(--info-muted); }
.legal-wrap { max-width:900px; margin:0 auto; padding:58px 24px 90px; }
.legal-wrap .terms-container, .legal-wrap .container { max-width:none; margin:0; padding:0; background:transparent; }
.terms-container, .privacy-container { box-shadow:none; }
.terms-section, .section { background:#fffaf7; border:1px solid var(--divider-light); border-radius:var(--radius-card); padding:25px; margin-bottom:16px; box-shadow:var(--shadow-small); }
.info-page .section, .info-page .terms-section { background:#fffaf7 !important; border-color:var(--divider-light) !important; color:var(--text-primary); }
.terms-section h2, .section h2 { color:var(--brand-dark); border-bottom:1px solid var(--divider-light); padding-bottom:12px; }
.terms-section p, .terms-section li, .section p, .section li { color:var(--text-secondary); font-family:'Cairo',sans-serif; }
.info-footer { background:var(--brand-dark); color:#fff; padding:48px 24px 24px; }
.footer-inner { max-width:1100px; margin:auto; display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:28px; }
.footer-logo img { width:90px; filter:brightness(0) invert(1); margin-bottom:12px; }
.footer-inner p, .footer-inner a { color:rgba(255,255,255,.7); font-size:.88rem; text-decoration:none; }
.footer-inner h3 { font-family:'Cairo',sans-serif; color:#fff; font-size:1rem; margin:0 0 10px; }
.footer-bottom { max-width:1100px; margin:38px auto 0; border-top:1px solid rgba(255,255,255,.15); padding-top:18px; color:rgba(255,255,255,.55); font-size:.8rem; }
@media (max-width: 820px) {
  .info-links { display:none; position:absolute; top:78px; inset-inline:0; padding:18px 24px; background:var(--bg); flex-direction:column; align-items:flex-start; border-bottom:1px solid var(--divider-light); }
  .info-links.open { display:flex; }
  .info-menu { display:block; }
  .info-actions .info-btn { display:none; }
  .info-grid, .split, .contact-grid { grid-template-columns:1fr; }
  .footer-inner { grid-template-columns:1fr 1fr; }
}
@media (max-width: 480px) {
  .info-nav-inner { padding:0 16px; gap:10px; }
  .info-main { padding-inline:16px; }
  .info-hero { padding:54px 16px; }
  .info-card, .track, .contact-card { padding:20px; }
  .footer-inner { grid-template-columns:1fr; }
}