.chitta-page { --chitta-gold: #f4c28d; --chitta-muted: #aeb2c4; --chitta-line: rgba(233, 218, 207, .13); }
.chitta-page main { overflow: clip; }
.chitta-page section[id] { scroll-margin-top: 110px; }
.chitta-page span.brand-mark { flex: 0 0 auto; display: block; }
.chitta-page span.brand-mark > img { width: 100%; height: 100%; object-fit: contain; }
.chitta-page .motion-toggle { min-height: 44px; }
.chitta-skip { position: absolute; left: 20px; top: -80px; z-index: 100; padding: 12px 18px; background: #f4c28d; color: #11121a; border-radius: 8px; }
.chitta-skip:focus { top: 16px; }
.chitta-hero { position: relative; padding-top: 76px; background: radial-gradient(ellipse at 76% 40%, rgba(153, 92, 59, .10), transparent 45%); }
.chitta-hero-grid { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 16px; min-height: 590px; }
.chitta-hero-copy { position: relative; z-index: 2; padding-bottom: 45px; }
.chitta-product-label { display: flex; align-items: center; gap: 10px; color: var(--chitta-gold); }
.chitta-product-label img { object-fit: contain; }
.chitta-product-label span { color: var(--chitta-muted); font-size: 10px; letter-spacing: .12em; margin-left: 6px; }
.chitta-hero h1 { margin: 27px 0 24px; font-size: 76px; line-height: 1.04; letter-spacing: -.065em; font-weight: 600; color: #f5f3ef; }
.chitta-hero h1 span { color: var(--chitta-gold); }
.chitta-hero-lede { max-width: 510px; margin: 0; font-size: 19px; line-height: 1.75; color: #c4c5d0; }
.chitta-actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 30px; }
.chitta-actions .button { gap: 12px; }
.chitta-hero-note { color: var(--chitta-muted); font-size: 12px; line-height: 1.7; margin: 21px 0 0; }
.chitta-hero-art { position: relative; display: grid; place-items: center; min-width: 0; aspect-ratio: 1; }
.chitta-companion { position: relative; z-index: 1; display: block; width: 117%; max-width: none; height: auto; object-fit: contain; animation: chitta-float 8s ease-in-out infinite; }
.chitta-mandala { position: absolute; inset: 3%; pointer-events: none; }
.chitta-mandala span { position: absolute; inset: 8%; border: 1px solid rgba(236, 181, 130, .16); border-radius: 50%; }
.chitta-mandala span:nth-child(1) { inset: 0; border-style: dashed; animation: chitta-orbit 80s linear infinite; }
.chitta-mandala span:nth-child(2) { inset: 14%; border-radius: 28%; transform: rotate(45deg); }
.chitta-mandala span:nth-child(3) { inset: 30%; border-color: rgba(236, 181, 130, .10); }
.chitta-mandala i { position: absolute; inset: 49% 0 auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(236, 181, 130, .22), transparent); transform: rotate(-45deg); }
.chitta-art-caption { position: absolute; bottom: 0; display: flex; align-items: center; gap: 9px; color: #c1b4a5; font-size: 11px; letter-spacing: .12em; z-index: 2; }
.chitta-art-caption span { width: 5px; height: 5px; border-radius: 50%; background: var(--chitta-gold); box-shadow: 0 0 12px rgba(244, 194, 141, .5); }
.chitta-principles { display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid var(--chitta-line); padding-top: 25px; padding-bottom: 25px; }
.chitta-principles p { margin: 0; color: #e4ded6; font-size: 14px; }
.chitta-principles span { margin-right: 16px; color: var(--chitta-gold); font-size: 10px; font-variant-numeric: tabular-nums; }
.chitta-section { padding-top: 112px; padding-bottom: 112px; }
.chitta-section-intro { max-width: 650px; }
.chitta-page h2.section-heading { display: block; color: #f5f3ef; font-size: 49px; line-height: 1.12; letter-spacing: -.05em; margin: 18px 0 23px; max-width: none; }
.chitta-page .section-copy { color: #b8bbca; font-size: 16px; line-height: 1.8; max-width: 610px; margin: 0; }
.chitta-capabilities { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 45px 70px; margin-top: 55px; }
.chitta-capability { padding-top: 22px; border-top: 1px solid var(--chitta-line); }
.chitta-capability-number { font-size: 10px; font-weight: 600; letter-spacing: .15em; color: var(--chitta-gold); }
.chitta-capability h3 { font-size: 23px; font-weight: 500; letter-spacing: -.025em; margin: 16px 0 12px; }
.chitta-capability p { margin: 0; font-size: 15px; line-height: 1.8; color: #b8bbca; max-width: 430px; }
.chitta-checks-note { display: flex; gap: 16px; align-items: flex-start; margin-top: 58px; padding: 24px 0 0; border-top: 1px solid var(--chitta-line); max-width: 900px; }
.chitta-checks-symbol { flex: 0 0 25px; color: var(--chitta-gold); padding-top: 2px; font-size: 20px; }
.chitta-checks-note p { margin: 0; font-size: 14px; color: var(--chitta-muted); line-height: 1.8; }
.chitta-checks-note strong { font-weight: 500; color: #dedcd9; }
.chitta-specialists-section { padding: 100px 0 65px; border-block: 1px solid var(--chitta-line); background: #0b0d19; }
.chitta-specialists { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; margin-top: 54px; }
.chitta-specialist { min-width: 0; }
.chitta-role-image { display: grid; place-items: center; aspect-ratio: 1.25; margin-bottom: 25px; }
.chitta-role-image img { width: min(100%, 180px); height: auto; object-fit: contain; animation: chitta-float 7s ease-in-out infinite; }
.chitta-specialist:nth-child(2) img { animation-delay: -2s; }
.chitta-specialist:nth-child(3) img { animation-delay: -4s; }
.chitta-specialist:nth-child(4) img { animation-delay: -6s; }
.chitta-role-label { font-size: 10px !important; letter-spacing: .15em; font-weight: 600; color: var(--chitta-gold) !important; }
.chitta-specialist h3 { margin: 11px 0 10px; font-size: 27px; font-weight: 500; letter-spacing: -.035em; }
.chitta-specialist p { margin: 0; font-size: 14px; color: #b8bbca; line-height: 1.75; }
.chitta-specialists-footnote { text-align: center; color: #9195a7; font-size: 12px; line-height: 1.8; margin: 53px 0 0; }
.chitta-usecases-layout { display: grid; grid-template-columns: .85fr 1.35fr; gap: 85px; }
.chitta-usecases { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px; }
.chitta-usecases article { border-top: 1px solid var(--chitta-line); padding-top: 20px; }
.chitta-usecases h3 { font-size: 17px; font-weight: 500; margin: 0 0 11px; }
.chitta-usecases p { margin: 0; font-size: 14px; line-height: 1.8; color: #aeb2c4; }
.chitta-privacy-section { padding: 100px 0; background: linear-gradient(115deg, #10101d, #0c111b); border-block: 1px solid var(--chitta-line); }
.chitta-privacy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: start; }
.chitta-text-link { display: inline-flex; gap: 20px; color: var(--chitta-gold); margin-top: 16px; padding: 8px 0; font-size: 13px; }
.chitta-privacy-facts { padding-top: 14px; }
.chitta-privacy-facts > div { display: flex; gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--chitta-line); }
.chitta-privacy-facts > div:first-child { padding-top: 0; }
.chitta-privacy-facts > div:last-child { border-bottom: 0; padding-bottom: 0; }
.chitta-privacy-facts > div > span { color: var(--chitta-gold); font-size: 11px; padding-top: 4px; }
.chitta-privacy-facts h3 { margin: 0 0 11px; font-size: 17px; font-weight: 500; }
.chitta-privacy-facts p { margin: 0; font-size: 14px; line-height: 1.8; color: #aeb2c4; }
.chitta-future-heading { display: grid; grid-template-columns: 1.3fr 1fr; gap: 100px; align-items: end; }
.chitta-future-heading .section-heading { margin-bottom: 0; }
.chitta-future-heading .section-copy { font-size: 14px; margin: 0; }
.chitta-future-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; margin-top: 50px; }
.chitta-future-list article { border-top: 1px solid var(--chitta-line); padding-top: 20px; }
.chitta-planned-label { font-size: 9px; letter-spacing: .16em; color: #989bb1; }
.chitta-future-list h3 { font-size: 18px; font-weight: 500; margin: 13px 0 12px; line-height: 1.4; }
.chitta-future-list p { font-size: 14px; line-height: 1.8; color: #aeb2c4; margin: 0; }
.chitta-download-section { position: relative; padding: 96px 0 76px; border-top: 1px solid var(--chitta-line); background: radial-gradient(ellipse at 50% 0, rgba(168, 95, 60, .11), transparent 65%); }
.chitta-download-intro { max-width: 640px; margin: 0 auto; text-align: center; }
.chitta-download-intro > img { display: block; margin: 0 auto 28px; object-fit: contain; }
.chitta-download-intro .section-copy { max-width: 510px; margin: 0 auto; }
.chitta-downloads { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 870px; gap: 66px; margin: 56px auto 0; }
.chitta-download-option { border-top: 1px solid var(--chitta-line); padding-top: 24px; }
.chitta-platform-label { color: var(--chitta-gold); font-size: 10px; letter-spacing: .15em; margin: 0 0 15px; }
.chitta-download-option h3 { font-size: 28px; font-weight: 500; letter-spacing: -.035em; margin: 0 0 17px; }
.chitta-download-option > p:not(.chitta-platform-label) { color: #b8bbca; font-size: 14px; line-height: 1.8; }
.chitta-download-option .button { margin: 10px 0 0; font-size: 13px; }
.chitta-download-disabled[aria-disabled="true"] { color: #9d9fae; background: #171a25; cursor: default; border-color: transparent; box-shadow: none; }
.chitta-download-disabled[aria-disabled="true"]:hover { transform: none; background: #171a25; }
.chitta-download-status { font-size: 11px !important; color: #85899c !important; margin-top: 13px; }
.chitta-download-footnote { color: #9195a7; font-size: 12px; text-align: center; margin: 57px 0 0; }
@keyframes chitta-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes chitta-orbit { to { transform: rotate(360deg); } }
@media (max-width: 1100px) {
  .chitta-page h2.section-heading { font-size: 43px; }
  .chitta-hero h1 { font-size: 64px; }
  .chitta-hero-lede { font-size: 17px; }
  .chitta-hero-grid { min-height: 510px; }
  .chitta-usecases-layout { gap: 50px; }
  .chitta-privacy-grid, .chitta-future-heading { gap: 55px; }
  .chitta-specialists { gap: 24px; }
}
@media (max-width: 800px) {
  .chitta-page h2.section-heading { font-size: 38px; }
  .chitta-page .section-copy { font-size: 15px; }
  .chitta-hero { padding-top: 50px; }
  .chitta-hero-grid { grid-template-columns: 1fr 1fr; min-height: 475px; }
  .chitta-hero h1 { font-size: 52px; }
  .chitta-hero-lede { font-size: 16px; line-height: 1.7; }
  .chitta-product-label { font-size: 11px; }
  .chitta-product-label span { display: none; }
  .chitta-art-caption { font-size: 9px; letter-spacing: .05em; }
  .chitta-section { padding-block: 80px; }
  .chitta-specialists-section, .chitta-privacy-section { padding-block: 80px; }
  .chitta-specialists { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 45px; }
  .chitta-role-image { aspect-ratio: 1.5; margin-bottom: 10px; }
  .chitta-usecases-layout, .chitta-privacy-grid { grid-template-columns: 1fr; gap: 46px; }
  .chitta-future-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 35px; }
  .chitta-future-heading { grid-template-columns: 1fr; gap: 25px; }
  .chitta-future-heading .section-copy { max-width: 560px; }
  .chitta-downloads { gap: 35px; }
}
@media (max-width: 580px) {
  .chitta-page h2.section-heading { font-size: 36px; margin-top: 15px; }
  .chitta-page .section-copy { font-size: 14px; }
  .chitta-hero { padding-top: 43px; }
  .chitta-hero-grid { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .chitta-hero-copy { padding-bottom: 0; }
  .chitta-hero h1 { font-size: 52px; margin-top: 22px; margin-bottom: 21px; }
  .chitta-hero-lede { max-width: 430px; }
  .chitta-actions { margin-top: 25px; gap: 8px; }
  .chitta-actions .button { font-size: 12px; }
  .chitta-hero-note { font-size: 11px; }
  .chitta-hero-art { width: min(100%, 380px); margin: 7px auto 27px; aspect-ratio: 1.15; }
  .chitta-companion { width: 110%; }
  .chitta-art-caption { bottom: -6px; font-size: 10px; }
  .chitta-mandala { inset: 3% 7%; }
  .chitta-principles { gap: 12px; padding-block: 21px; }
  .chitta-principles p { font-size: 11px; }
  .chitta-principles span { font-size: 9px; margin-right: 7px; }
  .chitta-section { padding-block: 68px; }
  .chitta-capabilities { grid-template-columns: 1fr; gap: 30px; margin-top: 34px; }
  .chitta-capability h3 { font-size: 21px; }
  .chitta-capability p { font-size: 14px; }
  .chitta-checks-note { margin-top: 35px; gap: 10px; }
  .chitta-checks-note p { font-size: 12px; }
  .chitta-specialists-section, .chitta-privacy-section { padding-block: 65px; }
  .chitta-specialists { margin-top: 30px; gap: 34px 20px; }
  .chitta-role-image { aspect-ratio: 1.2; }
  .chitta-role-image img { max-width: 150px; }
  .chitta-specialist h3 { font-size: 25px; }
  .chitta-specialist p { font-size: 12px; }
  .chitta-role-label { font-size: 8px !important; letter-spacing: .1em; }
  .chitta-specialists-footnote { margin-top: 35px; font-size: 11px; }
  .chitta-usecases { gap: 26px 20px; }
  .chitta-usecases h3 { font-size: 15px; }
  .chitta-usecases p { font-size: 12px; line-height: 1.75; }
  .chitta-privacy-facts { padding-top: 0; }
  .chitta-privacy-facts > div { gap: 17px; }
  .chitta-future-list { gap: 30px 20px; margin-top: 34px; }
  .chitta-future-list h3 { font-size: 16px; }
  .chitta-future-list p { font-size: 12px; }
  .chitta-download-section { padding-top: 70px; padding-bottom: 55px; }
  .chitta-downloads { grid-template-columns: 1fr; gap: 35px; margin-top: 39px; }
  .chitta-download-option h3 { font-size: 25px; }
  .chitta-download-footnote { margin-top: 39px; }
}
@media (max-width: 360px) {
  .chitta-page h2.section-heading { font-size: 32px; }
  .chitta-hero h1 { font-size: 44px; }
  .chitta-actions { align-items: flex-start; flex-direction: column; }
  .chitta-principles { flex-wrap: wrap; }
  .chitta-specialists, .chitta-usecases, .chitta-future-list { grid-template-columns: 1fr; }
  .chitta-specialist { display: grid; grid-template-columns: 90px 1fr; column-gap: 18px; }
  .chitta-role-image { grid-row: 1 / 4; margin: 0; aspect-ratio: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .chitta-companion, .chitta-role-image img, .chitta-mandala span { animation: none; }
  .chitta-page *, .chitta-page *::before, .chitta-page *::after { scroll-behavior: auto; }
}