/* Shared navigation for the local multipage edition. */
.site-navigation { position: relative; z-index: 20; }
.site-navigation .nav a { min-height: 44px; display: inline-flex; align-items: center; }
.site-navigation .nav a[aria-current="page"] { opacity: 1; color: #e6d0aa; }
.mobile-navigation { display: none; }
.footer-multipage { align-items: start; padding-block: 2.5rem; opacity: 1; color: #aca5bd; border-top: 1px solid #ffffff12; }
.footer-multipage .footer-brand { text-decoration: none; font-weight: 650; color: #e1d9eb; }
.footer-multipage nav { display: flex; flex-wrap: wrap; justify-content: center; gap: .9rem 1.5rem; }
.footer-multipage a { text-decoration: none; font-size: .76rem; min-height: 32px; display: inline-flex; align-items: center; }
.footer-multipage a:hover { color: #fff2dc; }
.text-link { display: inline-flex; align-items: center; gap: .9rem; min-height: 44px; color: #d3bee8; font-weight: 550; font-size: .9rem; text-decoration: none; border-bottom: 1px solid #c8b3e64d; transition: color .2s, border-color .2s; }
.text-link:hover { color: #f0d6af; border-color: #d5bd95; }

/* Home: promise, demonstration, reassurance, availability. */
.home-page .hero { padding-bottom: 6rem; }
.home-page .duo-section { padding-top: 5.5rem; }
.home-page .duo-heading h2 { font-size: clamp(3rem, 5vw, 4.7rem); }
.home-page .phone-journey { max-width: 740px; }
.home-page .phone-journey button { padding: 1.1rem 1.3rem; }
.home-page .phone-journey .journey-number { margin-bottom: .65rem; }
.demo-more { text-align: center; margin: 2.5rem 0 0; }
.privacy-summary { border-block: 1px solid #ffffff12; padding: 6rem 0; background: linear-gradient(115deg,#1e1d35,#17182c); }
.privacy-summary-grid { display: grid; grid-template-columns: 1.4fr .6fr; gap: 6%; align-items: center; }
.privacy-summary .eyebrow { color: #e2c797; }
.privacy-summary h2 { font-size: clamp(2.8rem,4.8vw,4.7rem); }
.privacy-summary .lede { color: #c5bdd4; max-width: 570px; }
.privacy-facts { color: #c8b5df; font-size: .78rem; line-height: 1.8; margin: 1.3rem 0 1.7rem; }
.privacy-facts span { color: #7f6c93; padding: 0 .65rem; }
.privacy-emblem { width: min(100%,255px); aspect-ratio: 1; justify-self: center; border-radius: 50%; border: 1px solid #c9afd226; display: grid; place-items: center; background: radial-gradient(circle,#79628314,transparent 70%); box-shadow: 0 0 0 25px #c9afd204,0 0 0 55px #c9afd202; }
.privacy-emblem svg { width: 30%; overflow: visible; fill: none; stroke: #d5bd9a; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; opacity: .8; }
.home-page .closing { padding-block: 6rem; }
.home-page .closing .text-link { margin-top: 1rem; }
.home-page .closing h2 { font-size: clamp(3rem,6vw,5.5rem); max-width: 780px; }

/* Detail pages keep a quieter introduction and link onward. */
.subpage { background: #111227; }
.breadcrumb { display: flex; align-items: center; gap: .7rem; padding-top: 1.8rem; color: #8e849f; font-size: .7rem; }
.breadcrumb a { display: inline-flex; min-height: 32px; align-items: center; color: #c4b4d7; text-decoration: none; }
.breadcrumb [aria-current] { color: #a79ab9; }
.subpage-hero { padding-block: 4.5rem 5.5rem; }
.subpage-hero .eyebrow { color: #e2c797; }
.subpage-hero h1 { font-size: clamp(3.6rem,6.6vw,6rem); max-width: 920px; margin: 1rem 0 1.7rem; line-height: 1.03; }
.subpage-hero .lede { color: #bfb5d1; max-width: 600px; }
.subpage-hero .text-link { margin-top: .7rem; }
.experience-page .features { padding-block: 5.5rem; }
.experience-page .meaning, .experience-page .perspective { padding-block: 6rem; }
.next-pages { padding-block: 3rem 4rem; border-top: 1px solid #d1bfe21c; }
.next-pages .eyebrow { color: #9f8ab6; font-size: .62rem; }
.next-pages > div { display: flex; flex-wrap: wrap; gap: 1rem 2.5rem; margin-top: 1rem; }
.next-pages .text-link { font-family: Georgia,serif; font-size: 1.5rem; font-weight: 400; }
.sky-page { background: radial-gradient(ellipse at 30% 35%,#302a4b 0,#1b1a32 42%,#111227 74%); }
.sky-page .inner-sky { padding-top: 3rem; padding-bottom: 2rem; }
.sky-page .sky-heading { max-width: 850px; }
.sky-page .sky-heading h1 { font-size: clamp(3rem,5.4vw,5rem); margin: 1rem auto 1.5rem; line-height: 1.07; }
.sky-page .sky-heading > p:last-child { max-width: 530px; }
.sky-explainer { padding-block: 2.5rem 5rem; }
.sky-principles { display: grid; grid-template-columns: repeat(3,1fr); gap: 3rem; border-top: 1px solid #e8cfee24; padding-top: 2.5rem; }
.principle-number { color: #a48aba; font: .9rem Georgia,serif; }
.sky-principles h2 { font-size: 1.8rem; margin: 1rem 0; line-height: 1.15; }
.sky-principles p { font-size: .85rem; line-height: 1.75; color: #b7adc8; }
.sky-explainer .access-note { max-width: 620px; color: #a398b5; margin-top: 2.5rem; font-size: .75rem; }
.privacy-page .security { padding-block: 4.5rem 5rem; border-top: 0; background: radial-gradient(ellipse at 80% 40%,#33305330,transparent 60%); }
.privacy-page .security .section-heading h1 { font-size: clamp(3.2rem,5.3vw,5.4rem); line-height: 1.05; margin: 1rem 0 1.5rem; }
.privacy-questions { display: grid; grid-template-columns: .9fr 1.1fr; gap: 8%; padding-block: 5rem 6rem; }
.privacy-questions .eyebrow { color: #b69ac9; }
.privacy-questions h2 { font-size: clamp(2.5rem,3.6vw,3.7rem); }
.question-list details { border-top: 1px solid #b9a0d12c; }
.question-list details:last-of-type { border-bottom: 1px solid #b9a0d12c; }
.question-list summary { list-style: none; display: flex; gap: 1.5rem; align-items: center; justify-content: space-between; cursor: pointer; font-size: .95rem; line-height: 1.5; padding: 1.4rem 0; color: #e5dced; }
.question-list summary::-webkit-details-marker { display: none; }
.question-list summary > span { color: #b59dce; transition: transform .2s; }
.question-list details[open] summary > span { transform: rotate(45deg); }
.question-list details p { margin: 0 0 1.5rem; font-size: .86rem; line-height: 1.8; color: #b7adc8; max-width: 530px; }
.question-list .text-link { margin-top: 1.5rem; font-size: .78rem; }
@media (max-width: 1000px) {
  .footer-multipage { flex-direction: column; gap: .7rem; }
  .footer-multipage nav { justify-content: flex-start; }
}
@media (max-width: 850px) {
  .site-navigation .nav-extra { display: none !important; }
  .site-navigation .nav { gap: .7rem; }
  .mobile-navigation { display: block; }
  .mobile-navigation summary { display: inline-flex; gap: .5rem; align-items: center; border: 1px solid #b9a9df50; border-radius: 30px; padding: .5rem .7rem; cursor: pointer; min-height: 44px; color: #d9cfe7; font-size: .72rem; list-style: none; }
  .mobile-navigation summary::-webkit-details-marker { display: none; }
  .mobile-navigation summary svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.3; }
  .mobile-navigation[open] summary { border-color: #c5abd8; background: #ffffff0b; }
  .mobile-navigation-links { position: absolute; z-index: 50; top: calc(100% - .4rem); right: 0; width: min(320px,calc(100vw - 2rem)); padding: .7rem; border: 1px solid #b9a9df3d; border-radius: 18px; background: #232037; box-shadow: 0 15px 45px #080a1c99; }
  .mobile-navigation-links a { display: flex !important; padding: .8rem 1rem; border-radius: 10px; min-height: 48px; font-size: .88rem; opacity: 1 !important; }
  .mobile-navigation-links a[aria-current="page"] { background: #d0ade914; }
  .privacy-summary-grid { grid-template-columns: 1fr .5fr; }
  .sky-principles { gap: 1.5rem; }
  .privacy-questions { grid-template-columns: 1fr; gap: 2rem; }
}
@media (max-width: 650px) {
  .site-navigation .brand { gap: .5rem; }
  .site-navigation .language-link { padding: .4rem .6rem; font-size: .72rem; }
  .home-page .hero { padding-bottom: 3.8rem; }
  .home-page .hero .actions { flex-direction: column; }
  .home-page .duo-section { padding-top: 3.7rem; padding-bottom: 3rem; }
  .home-page .duo-heading h2 { font-size: 2.6rem; }
  .home-page .duo-heading .lede { font-size: .9rem; }
  .home-page .phone-journey button { padding: 1rem .35rem; }
  .home-page .phone-journey strong { font-size: .72rem; }
  .demo-more { margin-top: 1.8rem; }
  .demo-more .text-link { font-size: .8rem; }
  .privacy-summary { padding-block: 4rem; }
  .privacy-summary-grid { grid-template-columns: 1fr; }
  .privacy-summary h2 { font-size: 2.8rem; }
  .privacy-summary .lede { font-size: .94rem; }
  .privacy-emblem { display: none; }
  .home-page .closing { padding-block: 4rem; }
  .home-page .closing h2 { font-size: 3rem; }
  .home-page .closing > p:last-of-type { font-size: .85rem; }
  .footer-multipage nav { gap: .4rem 1.1rem; }
  .footer-multipage a { font-size: .7rem; }
  .breadcrumb { padding-top: 1rem; }
  .subpage-hero { padding-block: 2.8rem 3.5rem; }
  .subpage-hero h1 { font-size: 3.2rem; }
  .subpage-hero .lede { font-size: .95rem; }
  .experience-page .features { padding-block: 3.5rem; }
  .experience-page .meaning,.experience-page .perspective { padding-block: 4rem; }
  .sky-page .inner-sky { padding-top: 2.5rem; }
  .sky-page .sky-heading h1 { font-size: 2.65rem; }
  .sky-principles { grid-template-columns: 1fr; gap: 1.7rem; }
  .sky-principles article { padding-bottom: 1rem; border-bottom: 1px solid #ffffff0c; }
  .sky-principles h2 { font-size: 1.9rem; margin: .7rem 0; }
  .sky-explainer { padding-block: 1.5rem 3rem; }
  .privacy-page .security { padding-block: 3rem; }
  .privacy-page .security .section-heading h1 { font-size: 3.1rem; }
  .privacy-page .security-visual img { max-height: 420px; }
  .privacy-questions { padding-block: 3rem 4rem; }
  .next-pages { padding-block: 2.5rem 3rem; }
  .next-pages .text-link { font-size: 1.3rem; }
}

.home-page .hero .lede strong { color: #e0cdef; font-weight: 600; }

/* A quiet, growing constellation between the phones and privacy. */
.home-sky { padding-block: 4.5rem 5.5rem; overflow: hidden; background: radial-gradient(ellipse at 75% 45%,#36304c70,transparent 57%); }
.home-sky-layout { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 3%; }
.home-sky-copy { padding-block: 2rem; }
.home-sky-copy .eyebrow { color: #d9bc97; }
.home-sky-copy h2 { font-size: clamp(2.8rem,4.5vw,4.4rem); margin-bottom: 1.5rem; }
.home-sky-copy .lede { max-width: 405px; color: #bbb2cb; font-size: 1rem; line-height: 1.85; }
.home-sky-invitation { margin: 1.7rem 0 1rem; color: #dcd1e5; font-size: .86rem; }
.home-sky-copy .button { font-size: .85rem; gap: 1.3rem; }
.home-sky-visual { margin: 0; min-width: 0; }
.home-sky-visual svg { display: block; width: 100%; overflow: visible; }
.home-sky-dust { fill: #d8c6e8; opacity: .35; }
.home-sky-links { fill: none; stroke: #cbb7df; stroke-width: .9; stroke-linecap: round; opacity: .55; }
.home-sky-links path { stroke-dasharray: 1; }
.home-sky-links .home-sky-new-link { stroke: #eed2a5; stroke-width: 1.15; }
.home-sky-halo { fill: #ebd5b312; }
.home-sky-core { fill: #f2dfbd; }
.home-sky-new-star .home-sky-halo { fill: #f2d3a327; }
.home-sky-star text { fill: #aea0bf; font: 10px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing: .2px; }
.home-sky-new-star text { fill: #e1c5a2; }
.home-sky-visual figcaption { text-align: center; color: #9385a6; font-size: .68rem; letter-spacing: .025em; margin-top: .3rem; }
.home-sky-visual figcaption span { color: #d6bd9c; padding-right: .55rem; }
@media (max-width: 850px) {
  .home-sky-layout { grid-template-columns: 1fr 1fr; gap: 1%; }
  .home-sky-star text { font-size: 11px; }
}
@media (max-width: 650px) {
  .home-sky { padding-block: 2rem 3.5rem; }
  .home-sky-layout { grid-template-columns: 1fr; }
  .home-sky-copy { padding-bottom: 1rem; }
  .home-sky-copy h2 { font-size: 2.8rem; }
  .home-sky-copy .lede { font-size: .94rem; }
  .home-sky-invitation { margin-top: 1.2rem; }
  .home-sky-visual { margin-top: .5rem; }
  .home-sky-star text { font-size: 12px; }
}