:root { --paper: #f3f3f3; --ink: #252525; --muted: #6c6c6c; --line: #dadada; --green: #d4d4d4; --orange: #6f6f6f; --ease: cubic-bezier(.22,1,.36,1); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0px; background: var(--paper); color: var(--ink); font-family: 'Inter Tight', Arial, sans-serif; font-size: 15px; line-height: 1.75; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button,  input,  select,  textarea { font: inherit; }
button,  a,  input,  select,  textarea { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button:disabled { opacity: 0.4; cursor: not-allowed; }
.icon { width: 22px; height: 22px; flex-shrink: 0; display: inline-block; vertical-align: middle; }
img { max-width: 100%; display: block; }
h1,  h2,  h3,  p { margin: 0px; }
h1,  h2,  h3 { font-weight: 500; line-height: 1.13; letter-spacing: -0.055em; }
h1 { font-size: clamp(58px, 6.5vw, 96px); }
h2 { font-size: clamp(35px, 4vw, 56px); }
h3 { font-size: 24px; letter-spacing: -0.035em; }
p { color: var(--muted); }
p + p { margin-top: 18px; }
.wrap { width: calc(100% - 112px); max-width: 1320px; margin-inline: auto; }
.section { padding-block: 108px; }
.serif { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-style: italic; letter-spacing: -0.06em; color: rgb(106, 106, 106); }
.muted { color: rgb(127, 127, 127); }
.lead { font-size: 17px; line-height: 1.8; max-width: 530px; }
.eyebrow { display: flex; align-items: center; gap: 9px; font-size: 10px; font-weight: 700; letter-spacing: 0.17em; text-transform: uppercase; color: rgb(101, 101, 101); line-height: 1.6; margin-bottom: 24px; }
.eyebrow > span { height: 6px; width: 6px; background: var(--orange); border-radius: 50%; flex-shrink: 0; }
.micro { font-size: 11px; line-height: 1.7; margin-top: 20px; }
.skip-link { position: fixed; top: -100px; left: 20px; background: var(--ink); color: white; z-index: 1000; padding: 12px; }
.skip-link:focus { top: 10px; }
:focus-visible { outline: rgb(104, 104, 104) solid 2px; outline-offset: 6px; }
.site-header { position: sticky; top: 0px; z-index: 50; background: rgba(246, 246, 246, 0.9); backdrop-filter: blur(18px); border-bottom: 1px solid transparent; transition: border-color 0.3s, box-shadow 0.3s; }
.site-header.scrolled { border-color: var(--line); box-shadow: rgba(37, 37, 37, 0.016) 0px 5px 20px; }
.nav-wrap { height: 98px; display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.logo { font-size: 38px; letter-spacing: -0.09em; font-weight: 800; line-height: 1; }
.logo span { color: var(--orange); margin-left: 2px; }
.nav-wrap nav { display: flex; align-items: center; gap: 32px; margin-left: auto; margin-right: 38px; }
.nav-wrap nav a { font-size: 12px; font-weight: 600; position: relative; }
.nav-wrap nav a::after { position: absolute; content: ""; bottom: -8px; height: 1px; width: 0px; background: var(--ink); left: 0px; transition: width 0.3s; }
.nav-wrap nav a:hover::after,  .nav-wrap nav a[aria-current]::after { width: 100%; }
.nav-cta { padding: 12px 20px; background: var(--ink); color: var(--paper); border-radius: 100px; font-size: 12px; display: flex; gap: 20px; align-items: center; transition: background 0.3s, transform 0.3s; }
.nav-cta:hover { background: rgb(71, 71, 71); transform: translateY(-2px); }
.nav-cta .icon { width: 17px; height: 17px; }
 .menu-toggle { display: none !important; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 30px; min-height: 54px; padding: 14px 25px; border: 1px solid var(--ink); border-radius: 100px; background: var(--ink); color: var(--paper); font-size: 12px; font-weight: 600; transition: transform .35s var(--ease),background .3s,box-shadow .3s; }
.button .icon { width: 18px; height: 18px; transition: transform 0.35s; }
.button:hover { background: rgb(71, 71, 71); transform: translateY(-3px); box-shadow: rgba(37, 37, 37, 0.07) 0px 9px 16px; }
.button:hover .icon { transform: translate(2px, -2px); }
.button.secondary { background: transparent; color: var(--ink); border-color: rgb(169, 169, 169); }
.button.secondary:hover { background: rgb(226, 226, 226); }
.text-button { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; background: transparent; border: 0px; color: var(--ink); padding: 8px 0px; }
.text-button .icon { width: 16px; height: 16px; }
.inline-link { display: inline-flex; align-items: center; gap: 16px; font-size: 13px; font-weight: 600; margin-top: 25px; border-bottom: 1px solid rgb(166, 166, 166); padding-bottom: 6px; }
.section-heading { max-width: 830px; margin-bottom: 48px; }
.section-heading h2 { margin-bottom: 24px; }
.section-heading > p:not(.eyebrow) { max-width: 590px; font-size: 15px; }
.founder-section { background: rgb(229, 229, 229); padding: 90px 0px; }
.founder-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.founder-grid h2 { margin-bottom: 25px; }
.founder-grid .lead { font-size: 15px; }
.founder-grid p:not(.eyebrow) { margin-bottom: 24px; }
.founder-visual { height: 440px; background: repeating-radial-gradient(at 55% 40%, transparent 0px, transparent 28px, rgba(159, 159, 159, 0.22) 29px, rgba(159, 159, 159, 0.22) 30px, transparent 31px, transparent 55px) rgb(210, 210, 210); position: relative; display: grid; place-content: center; overflow: hidden; border-radius: 4px; }
.founder-letter { font-size: 190px; font-weight: 800; line-height: 1; letter-spacing: -0.12em; color: rgb(56, 56, 56); }
.founder-letter > span { color: var(--orange); }
.place-label { position: absolute; bottom: 22px; left: 25px; right: 25px; font-size: 9px; display: flex; gap: 10px; align-items: center; letter-spacing: 0.05em; }
.place-label .icon { width: 16px; height: 16px; }
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.feature { padding: 35px; border: 1px solid var(--line); border-radius: 4px; background: rgb(247, 247, 247); transition: transform 0.4s, box-shadow 0.4s; }
.feature:hover { transform: translateY(-5px); box-shadow: rgba(37, 37, 37, 0.027) 0px 18px 30px; }
.icon-box { display: grid; place-content: center; width: 45px; height: 45px; border-radius: 12px; background: rgb(229, 229, 229); color: rgb(103, 103, 103); margin-bottom: 37px; }
.feature h3 { font-size: 22px; margin-bottom: 16px; }
.feature p { font-size: 13px; }
.faq-item { border-bottom: 1px solid rgb(213, 213, 213); padding: 22px 0px; }
.faq-item summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 30px; align-items: center; font-size: 14px; font-weight: 600; line-height: 1.6; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary > span { font-size: 25px; line-height: 1; font-weight: 400; color: rgb(114, 114, 114); transition: transform 0.3s; }
.faq-item[open] summary > span { transform: rotate(45deg); }
.faq-item p { font-size: 13px; line-height: 1.9; padding-top: 18px; max-width: 670px; }
.cta { position: relative; display: flex; justify-content: space-between; gap: 50px; align-items: center; background: rgb(216, 216, 216); padding: 65px 65px 70px; border-radius: 5px; overflow: hidden; margin-bottom: 95px; }
.cta h2 { font-size: 55px; margin-bottom: 22px; position: relative; z-index: 1; }
.cta > .eyebrow,  .cta p { position: relative; z-index: 1; }
.cta > div:last-of-type { display: flex; flex-direction: column; gap: 16px; min-width: 190px; position: relative; z-index: 1; }
.cta p:not(.eyebrow) { font-size: 12px; }
.cta-mark { position: absolute; right: 210px; top: -140px; font-size: 550px; line-height: 1; font-weight: 800; letter-spacing: -0.12em; color: rgba(184, 184, 184, 0.52); pointer-events: none; transform: rotate(-13deg); }
.site-footer { background: rgb(38, 38, 38); color: rgb(229, 229, 229); padding-top: 75px; }
.footer-top { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.3fr; gap: 50px; padding-bottom: 55px; }
.footer-brand .logo { font-size: 48px; }
.footer-brand p { color: rgb(184, 184, 184); font-size: 13px; margin-top: 25px; line-height: 1.8; }
.footer-location { display: flex; gap: 7px; align-items: center; font-size: 10px; color: rgb(143, 143, 143); margin-top: 35px; }
.footer-location .icon { width: 15px; height: 15px; }
.footer-column h3 { font-size: 11px; letter-spacing: 0.02em; font-weight: 700; color: rgb(228, 228, 228); margin: 4px 0px 22px; }
.footer-column a { display: block; font-size: 11px; color: rgb(181, 181, 181); margin-bottom: 10px; width: fit-content; transition: color 0.2s; }
.footer-column a:hover { color: rgb(234, 234, 234); text-decoration: underline; }
.footer-emergency { display: flex; gap: 18px; align-items: center; border-top: 1px solid rgb(72, 72, 72); border-bottom: 1px solid rgb(72, 72, 72); padding: 23px 0px; }
.footer-emergency p { color: rgb(183, 183, 183); font-size: 11px; }
.footer-emergency b { color: rgb(223, 223, 223); font-weight: 500; }
.footer-emergency a { text-decoration: underline; color: rgb(228, 228, 228); }
.footer-emergency .icon { color: rgb(156, 156, 156); width: 18px; height: 18px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 25px; padding: 23px 0px; font-size: 9px; color: rgb(181, 181, 181); }
.footer-bottom button { color: rgb(194, 194, 194); background: none; border: 0px; font-size: 10px; }
.page-intro { padding-top: 80px; padding-bottom: 65px; animation: enter 1s var(--ease); }
.page-intro h1 { font-size: clamp(50px, 6vw, 83px); margin-bottom: 30px; }
.page-intro .lead { max-width: 660px; font-size: 16px; }
.page-intro::after { display: block; content: ""; width: 100%; height: 1px; background: var(--line); margin-top: 65px; }
.about-statement { font-size: clamp(28px, 4vw, 54px); letter-spacing: -0.05em; line-height: 1.35; max-width: 1100px; padding-block: 25px 50px; }
.about-statement > p:first-child { color: var(--ink); }
.two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; }
.two-column h2 { margin-bottom: 24px; }
.prose p { font-size: 15px; }
.safety-note { display: flex; gap: 25px; background: rgb(231, 231, 231); padding: 35px 40px; border: 1px solid rgb(211, 211, 211); margin-bottom: 70px; border-radius: 4px; }
.safety-note > .icon { color: rgb(102, 102, 102); width: 30px; height: 30px; }
.safety-note h3 { font-size: 21px; margin-bottom: 12px; }
.safety-note p { font-size: 13px; }
.safety-note a { display: inline-block; font-size: 12px; font-weight: 700; border-bottom: 1px solid rgb(137, 137, 137); margin-top: 15px; }
.center { text-align: center; }
.center > .eyebrow { justify-content: center; }
.center h2 { margin-bottom: 35px; }
[hidden] { display: none !important; }
.release-panel { padding: 45px; background: rgb(230, 230, 230); display: flex; justify-content: space-between; align-items: center; gap: 50px; margin-bottom: 100px; }
.release-panel h2 { margin-bottom: 20px; font-size: 43px; }
.release-panel p { max-width: 500px; font-size: 13px; }
.partner-grid .card-grid { gap: 20px; }
.partner-process { list-style: none; padding: 0px; margin-top: 35px; counter-reset: partner 0; }
.partner-process li { padding: 20px 0px 20px 45px; border-bottom: 1px solid var(--line); position: relative; counter-increment: partner 1; }
.partner-process li::before { content: "0" counter(partner); position: absolute; left: 0px; top: 23px; font-size: 10px; color: rgb(139, 139, 139); }
.partner-process b { display: block; font-size: 14px; margin-bottom: 7px; }
.partner-process span { font-size: 12px; color: rgb(114, 114, 114); line-height: 1.7; }
.enquiry-form { border: 1px solid var(--line); background: rgb(249, 249, 249); padding: 35px; border-radius: 5px; }
.enquiry-form h2 { font-size: 28px; letter-spacing: -0.04em; margin-bottom: 15px; }
.enquiry-form > p { font-size: 12px; margin-bottom: 25px; }
.enquiry-form label:not(.checkbox) { display: block; font-size: 10px; font-weight: 700; letter-spacing: 0.02em; color: rgb(103, 103, 103); margin-bottom: 20px; }
.enquiry-form input:not([type="checkbox"]),  .enquiry-form textarea,  .enquiry-form select { display: block; width: 100%; border: 1px solid rgb(215, 215, 215); background: rgb(245, 245, 245); border-radius: 4px; padding: 13px 14px; color: var(--ink); margin-top: 8px; font-size: 12px; min-height: 46px; }
.enquiry-form textarea { resize: vertical; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.checkbox { display: flex; gap: 10px; align-items: flex-start; font-size: 10px; color: rgb(108, 108, 108); margin-bottom: 25px; line-height: 1.8; }
.checkbox input { margin: 4px 0px 0px; accent-color: var(--ink); min-width: 15px; min-height: 15px; }
.checkbox a { text-decoration: underline; }
.enquiry-form .micro { font-size: 9px; margin-bottom: 0px; line-height: 1.8; }
.form-status { color: rgb(88, 88, 88); font-size: 12px; }
.contact-layout { display: grid; grid-template-columns: 1fr 1.25fr; gap: 110px; padding-bottom: 90px; }
.contact-info article { border-bottom: 1px solid var(--line); padding: 20px 0px 27px; margin-bottom: 15px; }
.contact-info article > .icon { color: rgb(128, 128, 128); margin-bottom: 16px; }
.contact-info h3 { font-size: 19px; margin-bottom: 11px; }
.contact-info a { font-size: 21px; letter-spacing: -0.04em; }
.contact-info article p { font-size: 12px; line-height: 1.9; margin-top: 7px; }
.contact-info .micro { font-size: 10px; max-width: 380px; }
.faq-page { max-width: 900px; padding-bottom: 100px; }
.faq-search { display: flex; align-items: center; gap: 15px; border: 1px solid rgb(205, 205, 205); background: rgb(248, 248, 248); border-radius: 5px; padding: 16px 22px; }
.faq-search > .icon { color: rgb(133, 133, 133); width: 18px; height: 18px; }
.faq-search input { width: 100%; border: 0px; background: transparent; font-size: 13px; color: var(--ink); padding: 3px; outline: none; }
.faq-search:focus-within { outline: rgb(136, 136, 136) solid 2px; outline-offset: 4px; }
.faq-page .micro { margin: 12px 0px; }
.faq-page .faq-item { padding: 24px 0px; }
.faq-page .faq-item summary { font-size: 16px; }
.faq-page .faq-item p { max-width: 780px; }
.trust-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.trust-summary article { border-top: 1px solid rgb(182, 182, 182); padding-top: 28px; }
.trust-summary .icon { color: rgb(123, 123, 123); margin-bottom: 25px; }
.trust-summary h3 { font-size: 23px; margin-bottom: 16px; }
.trust-summary p { font-size: 13px; }
.legal-card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.legal-card { border: 1px solid var(--line); padding: 28px 30px; display: flex; justify-content: space-between; align-items: center; gap: 25px; border-radius: 4px; transition: background 0.3s, transform 0.3s; }
.legal-card:hover { background: rgb(230, 230, 230); transform: translateY(-3px); }
.legal-card h3 { font-size: 20px; margin-bottom: 11px; }
.legal-card p { font-size: 12px; }
.reference-links { display: flex; flex-direction: column; }
.reference-links > a { display: flex; gap: 25px; justify-content: space-between; border-bottom: 1px solid var(--line); padding: 21px 0px; font-size: 13px; line-height: 1.7; }
.reference-links .icon { width: 18px; height: 18px; color: rgb(133, 133, 133); }
.legal-meta { display: flex; gap: 35px; align-items: center; font-size: 10px; color: rgb(123, 123, 123); margin-top: -35px; margin-bottom: 65px; }
.legal-meta button { margin-left: auto; font-size: 10px; }
.legal-layout { display: grid; grid-template-columns: 250px 1fr; gap: 100px; padding-bottom: 110px; }
.legal-layout aside { align-self: start; position: sticky; top: 130px; }
.legal-layout aside > a { display: block; font-size: 11px; color: rgb(110, 110, 110); padding: 8px 0px; line-height: 1.6; }
.legal-layout aside .eyebrow { margin-bottom: 14px; }
.legal-layout .legal-content { max-width: 750px; }
.legal-content section { margin-bottom: 37px; scroll-margin-top: 130px; }
.legal-content h2 { font-size: 26px; margin-bottom: 16px; letter-spacing: -0.04em; }
.legal-content p { font-size: 13px; line-height: 1.95; }
.legal-layout aside .inline-link { display: inline-block; }
.reveal { opacity: 1; transform: none; }
.js-motion .reveal.pending { opacity: 0; transform: translateY(26px); }
.js-motion .reveal { transition: opacity .9s var(--ease),transform .9s var(--ease); }
.js-motion .reveal:nth-child(2) { transition-delay: 0.08s; }
.js-motion .reveal:nth-child(3) { transition-delay: 0.16s; }
.reduce-motion *,  .reduce-motion ::before,  .reduce-motion ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important; }
.reduce-motion .reveal.pending { opacity: 1; transform: none; }
@keyframes enter { 
  0% { opacity: 0; transform: translateY(28px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes float-phone { 
  0%, 100% { transform: translateY(0px) rotate(-5deg); }
  50% { transform: translateY(-12px) rotate(-3deg); }
}
@keyframes float-chip { 
  0%, 100% { translate: 0px; }
  50% { translate: 0px -9px; }
}
@keyframes orbit-spin { 
  100% { rotate: 360deg; }
}
@keyframes orbit-breathe { 
  50% { scale: 1.06; opacity: 0.6; }
}
@keyframes network-flow { 
  100% { stroke-dashoffset: -220; }
}
@keyframes node-pulse { 
  50% { box-shadow: rgba(152, 152, 152, 0.047) 0px 0px 0px 7px; }
}
@keyframes demo-change { 
  0% { opacity: 0.2; transform: translateY(13px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (max-width: 1100px) {
.wrap { width: calc(100% - 70px); }
.nav-wrap nav { gap: 22px; margin-right: 5px; }
.founder-grid { gap: 60px; }
.feature { padding: 26px; }
.cta { padding: 50px; }
.cta h2 { font-size: 48px; }
.footer-top { gap: 30px; }
.two-column { gap: 50px; }
.legal-layout { gap: 60px; grid-template-columns: 220px 1fr; }
.contact-layout { gap: 60px; }
}
@media (max-width: 800px) {
.wrap { width: calc(100% - 40px); }
.nav-wrap { height: 78px; gap: 18px; }
.logo { font-size: 33px; }
.nav-wrap nav { display: none; position: absolute; top: 78px; left: 0px; width: 100%; padding: 25px 30px; background: var(--paper); border-bottom: 1px solid var(--line); margin: 0px; }
.nav-wrap nav.open { display: flex; flex-direction: column; align-items: flex-start; gap: 25px; }
.nav-wrap nav a { font-size: 15px; }
.menu-toggle { flex-direction: column; gap: 6px; align-items: center; justify-content: center; border: 1px solid rgb(208, 208, 208); width: 40px; height: 40px; background: transparent; border-radius: 50%; display: flex !important; }
.menu-toggle span { width: 16px; height: 1px; background: var(--ink); transition: transform 0.3s; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.nav-cta { margin-left: auto; font-size: 10px; padding: 10px 17px; gap: 12px; }
.nav-cta .icon { width: 15px; height: 15px; }
.section { padding-block: 75px; }
.section-heading h2 { font-size: 43px; }
.section-heading > p:not(.eyebrow) { font-size: 13px; }
.founder-grid { gap: 40px; }
.founder-visual { height: 350px; }
.founder-letter { font-size: 150px; }
.founder-grid h2 { font-size: 38px; }
.founder-grid .lead,  .founder-grid p:not(.eyebrow) { font-size: 12px; }
.place-label { font-size: 7px; left: 18px; }
.card-grid { gap: 15px; }
.feature { padding: 23px; }
.feature h3 { font-size: 19px; }
.feature p { font-size: 11px; }
.icon-box { margin-bottom: 25px; }
.cta { padding: 40px; gap: 35px; margin-bottom: 65px; }
.cta h2 { font-size: 41px; }
.cta .eyebrow { font-size: 8px; }
.cta .button { font-size: 10px; padding: 12px 20px; gap: 17px; }
.cta-mark { right: 80px; }
.footer-top { grid-template-columns: 1.3fr 1fr 1fr; gap: 35px; }
.footer-brand { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.footer-brand p,  .footer-location { margin: 0px; }
.footer-brand .logo { font-size: 40px; }
.page-intro { padding-top: 55px; padding-bottom: 45px; }
.page-intro h1 { font-size: 64px; }
.page-intro .lead { font-size: 14px; }
.page-intro::after { margin-top: 45px; }
.two-column { gap: 40px; }
.two-column h2 { font-size: 38px; }
.prose p { font-size: 13px; }
.release-panel { padding: 30px; gap: 25px; }
.release-panel h2 { font-size: 34px; }
.release-panel .button { font-size: 10px; gap: 15px; }
.enquiry-form { padding: 25px; }
.form-row { grid-template-columns: 1fr; gap: 0px; }
.contact-layout { gap: 40px; grid-template-columns: 1fr 1.2fr; }
.trust-summary { gap: 25px; }
.trust-summary h3 { font-size: 20px; }
.trust-summary p { font-size: 12px; }
.legal-layout { grid-template-columns: 180px 1fr; gap: 40px; }
.legal-meta { font-size: 9px; gap: 20px; }
.legal-card { padding: 25px; }
.legal-card h3 { font-size: 18px; }
.legal-card p { font-size: 11px; }
}
@media (max-width: 600px) {
.wrap { width: calc(100% - 40px); }
.section { padding-block: 65px; }
.eyebrow { font-size: 8px; letter-spacing: 0.15em; margin-bottom: 20px; }
.section-heading { margin-bottom: 32px; }
.section-heading h2 { font-size: 36px; letter-spacing: -0.055em; }
.section-heading > p:not(.eyebrow) { font-size: 12px; }
.founder-section { padding: 55px 0px; }
.founder-grid { grid-template-columns: 1fr; gap: 40px; }
.founder-visual { height: 320px; }
.founder-letter { font-size: 180px; }
.founder-grid h2 { font-size: 37px; }
.founder-grid .lead,  .founder-grid p:not(.eyebrow) { font-size: 13px; }
.place-label { font-size: 8px; }
.card-grid { grid-template-columns: 1fr; gap: 15px; }
.feature { padding: 28px; }
.feature h3 { font-size: 23px; }
.feature p { font-size: 12px; }
.icon-box { margin-bottom: 25px; }
.faq-item summary { font-size: 12px; gap: 25px; }
.faq-item p { font-size: 12px; }
.cta { flex-direction: column; align-items: flex-start; padding: 34px 28px; gap: 35px; margin-bottom: 55px; }
.cta h2 { font-size: 43px; }
.cta > div:last-of-type { flex-flow: wrap; gap: 12px; }
.cta .button { font-size: 10px; padding: 12px 19px; gap: 16px; }
.cta-mark { right: -5px; top: 40px; font-size: 380px; opacity: 0.5; }
.cta p:not(.eyebrow) { font-size: 11px; }
.footer-top { grid-template-columns: 1fr 1fr; gap: 35px; padding-bottom: 35px; }
.footer-brand { display: block; grid-column: 1 / -1; }
.footer-brand p { margin-top: 20px; }
.footer-location { margin-top: 18px; }
.footer-column:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; column-gap: 25px; }
.footer-column:last-child h3 { grid-column: 1 / -1; margin-bottom: 12px; }
.footer-column h3 { font-size: 11px; }
.footer-column a { font-size: 10px; margin-bottom: 12px; }
.site-footer { padding-top: 45px; }
.footer-emergency { gap: 13px; align-items: flex-start; padding-block: 22px; }
.footer-emergency p { font-size: 10px; line-height: 1.9; }
.footer-bottom { flex-wrap: wrap; gap: 12px; font-size: 8px; padding-bottom: 25px; }
.footer-bottom > span:nth-child(2) { order: 3; width: 100%; }
.footer-bottom button { font-size: 9px; margin-left: auto; }
.page-intro { padding-top: 40px; padding-bottom: 35px; }
.page-intro h1 { font-size: 49px; line-height: 1.1; margin-bottom: 25px; }
.page-intro .lead { font-size: 13px; line-height: 1.9; }
.page-intro::after { margin-top: 38px; }
.about-statement { font-size: 31px; padding-block: 10px 30px; line-height: 1.4; }
.two-column { grid-template-columns: 1fr; gap: 35px; }
.two-column h2 { font-size: 37px; }
.prose p { font-size: 13px; }
.safety-note { padding: 25px 22px; gap: 16px; margin-bottom: 45px; }
.safety-note > .icon { width: 22px; height: 22px; }
.safety-note h3 { font-size: 19px; }
.safety-note p { font-size: 11px; }
.safety-note a { font-size: 10px; }
.release-panel { flex-direction: column; align-items: flex-start; padding: 28px; gap: 30px; margin-bottom: 65px; }
.release-panel h2 { font-size: 37px; }
.release-panel p { font-size: 12px; }
.contact-layout { grid-template-columns: 1fr; gap: 35px; padding-bottom: 55px; }
.contact-info { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.contact-info article { padding: 10px 0px 20px; margin: 0px; }
.contact-info article:last-of-type,  .contact-info > .micro { grid-column: 1 / -1; }
.contact-info h3 { font-size: 17px; }
.contact-info a { font-size: 15px; letter-spacing: -0.03em; overflow-wrap: anywhere; }
.contact-info article p { font-size: 11px; }
.enquiry-form { padding: 25px; }
.enquiry-form h2 { font-size: 27px; }
.form-row { grid-template-columns: 1fr; }
.enquiry-form label:not(.checkbox) { font-size: 10px; }
.enquiry-form input:not([type="checkbox"]),  .enquiry-form textarea,  .enquiry-form select { font-size: 16px; }
.checkbox { font-size: 10px; }
.trust-summary { grid-template-columns: 1fr; gap: 30px; }
.trust-summary article { padding-top: 22px; }
.trust-summary .icon { margin-bottom: 17px; }
.trust-summary h3 { font-size: 24px; }
.trust-summary p { font-size: 12px; }
.legal-card-grid { grid-template-columns: 1fr; gap: 13px; }
.legal-card { padding: 23px; }
.legal-card h3 { font-size: 21px; }
.legal-card p { font-size: 11px; }
.reference-links > a { font-size: 12px; }
.legal-meta { flex-wrap: wrap; gap: 12px; margin-top: -8px; margin-bottom: 35px; font-size: 8px; }
.legal-meta button { margin: 0px; font-size: 9px; }
.legal-layout { grid-template-columns: 1fr; gap: 35px; padding-bottom: 60px; }
.legal-layout aside { position: static; padding: 23px; background: rgb(230, 230, 230); }
.legal-layout aside > a { font-size: 11px; padding: 7px 0px; }
.legal-content h2 { font-size: 24px; }
.legal-content p { font-size: 12px; line-height: 2; }
.legal-content section { margin-bottom: 32px; }
}
@media (max-width: 360px) {
.wrap { width: calc(100% - 32px); }
.nav-cta { font-size: 9px; padding: 10px 12px; gap: 9px; }
.nav-wrap { gap: 12px; }
.page-intro h1 { font-size: 43px; }
.contact-info a { font-size: 13px; }
.cta h2 { font-size: 36px; }
.cta > div:last-of-type { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*,  ::before,  ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
.js-motion .reveal.pending { opacity: 1; transform: none; }
}
@media print {
.site-header,  .site-footer,  .legal-layout aside,  .legal-meta button,  .skip-link { display: none !important; }
.wrap { width: 100%; max-width: none; }
.page-intro { padding-top: 0px; }
.page-intro h1 { font-size: 36px; }
.page-intro::after { margin-top: 20px; }
.legal-layout { display: block; padding: 0px; }
.legal-content { max-width: none !important; }
.legal-content section { break-inside: avoid; }
.legal-meta { margin: 0px 0px 25px; }
.reveal { opacity: 1 !important; transform: none !important; }
body { background: white; color: black; }
}
@font-face { font-family: "Inter Tight"; src: url("/assets/inter-tight-variable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("/assets/instrument-serif.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("/assets/instrument-serif-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
:root { --paper: #fefefe; --ink: #333333; --muted: #606060; --line: #e2e2e2; --green: #e6e6e6; --orange: #c6c6c6; --serif: 'Instrument Serif',Georgia,serif; --sans: 'Inter Tight',Arial,sans-serif; }
body { font-family: var(--sans); font-size: 16px; line-height: 1.65; letter-spacing: -0.012em; }
h1,  h2 { font-family: var(--serif); font-weight: 400; letter-spacing: -0.035em; line-height: 1.04; text-wrap: balance; }
h2 { font-size: clamp(46px, 5vw, 76px); }
h3 { font-family: var(--sans); font-weight: 550; letter-spacing: -0.035em; }
.serif,  em { font-family: var(--serif); font-weight: 400; color: inherit; letter-spacing: inherit; }
.wrap { width: calc(100% - 96px); max-width: 1240px; }
.section { padding-block: 90px; }
.lead { font-size: 18px; line-height: 1.75; }
.editorial-label,  .eyebrow { font-size: 10px; letter-spacing: 0.1em; font-weight: 600; color: rgb(95, 95, 95); line-height: 1.6; }
.editorial-label { display: block; }
.eyebrow > span { background: rgb(160, 160, 160); }
 .micro { font-size: 12px; line-height: 1.7; color: rgb(96, 96, 96); }
.muted { color: rgb(114, 114, 114); }
:focus-visible { outline: rgb(129, 129, 129) solid 3px; outline-offset: 5px; }
.mobile-dock { display: none !important; }
.site-header { position: sticky; top: 16px; width: calc(100% - 64px); max-width: 1376px; margin: 16px auto 0px; border: 0px; border-radius: 22px; background: rgb(64, 64, 64); color: rgb(253, 253, 253); box-shadow: rgba(64, 64, 64, 0.047) 0px 8px 24px; backdrop-filter: blur(20px); }
.site-header.scrolled { border: 0px; box-shadow: rgba(64, 64, 64, 0.07) 0px 8px 24px; }
.nav-wrap { height: 76px; width: calc(100% - 44px); max-width: none; gap: 24px; }
.logo { font-size: 34px; letter-spacing: -0.055em; font-weight: 650; }
.logo span { color: rgb(230, 230, 230); }
.nav-wrap nav { gap: 28px; margin-right: 8px; }
.nav-wrap nav a { font-size: 13px; font-weight: 450; }
.nav-wrap nav a::after { background: rgb(234, 234, 234); }
.nav-cta { border-radius: 14px; background: rgb(235, 235, 235); color: rgb(54, 54, 54); min-height: 49px; padding: 9px 17px; font-size: 12px; gap: 26px; font-weight: 550; line-height: 1.2; }
.nav-cta small { display: block; font-size: 9px; margin-top: 4px; color: rgb(80, 80, 80); }
.nav-cta:hover { background: rgb(244, 244, 244); transform: none; }
.menu-toggle { color: inherit; border: 0px; border-radius: 12px; background: rgba(255, 255, 255, 0.07); }
.menu-toggle span { background: currentcolor; }
.button { border-radius: 16px; background: rgb(71, 71, 71); color: rgb(253, 253, 253); border-color: rgb(71, 71, 71); min-height: 52px; font-size: 13px; font-weight: 500; gap: 24px; }
.button:hover { background: rgb(90, 90, 90); box-shadow: none; transform: translateY(-2px); }
.button.secondary { border-color: rgb(166, 166, 166); background: transparent; color: var(--ink); }
.button.secondary:hover { background: rgb(242, 242, 242); }
.editorial-link { display: inline-flex; gap: 16px; align-items: center; font-size: 14px; font-weight: 500; line-height: 1.4; }
.editorial-link { border-bottom: 1px solid rgb(126, 126, 126); padding-bottom: 9px; }
.editorial-link:hover .icon { transform: translate(2px, -2px); }
.editorial-link .icon { width: 18px; height: 18px; transition: transform 0.25s; }
.download-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 60px; padding: 12px 23px; border: 0px; border-radius: 18px; background: rgb(71, 71, 71); color: rgb(253, 253, 253); text-align: left; line-height: 1.25; }
.download-button:disabled { opacity: 1; cursor: default; }
.download-button > span { font-size: 15px; font-weight: 500; }
.download-button small { display: block; font-size: 10px; margin-top: 5px; color: rgb(232, 232, 232); }
.download-button > .icon { width: 21px; height: 21px; }
.download-button > .icon:last-child { width: 15px; height: 15px; margin-left: 12px; }
.store-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.store-buttons button { display: flex; align-items: center; gap: 13px; min-height: 66px; min-width: 185px; text-align: left; background: rgb(71, 71, 71); color: rgb(253, 253, 253); border: 0px; border-radius: 18px; padding: 13px 23px; line-height: 1.3; }
.store-buttons button:disabled { opacity: 1; cursor: default; }
.store-buttons button > span { font-size: 19px; font-weight: 500; }
.store-buttons small { display: block; font-size: 10px; color: rgb(232, 232, 232); margin-bottom: 3px; }
.store-buttons .icon { width: 25px; height: 25px; }
@keyframes soft-float { 
  0%, 100% { translate: 0px; }
  50% { translate: 0px -8px; }
}
.manifesto { padding-block: 110px 100px; text-align: center; }
.manifesto .editorial-label { margin-bottom: 30px; }
.manifesto h2 { font-size: clamp(46px, 4.6vw, 68px); line-height: 1.12; letter-spacing: -0.025em; }
.manifesto h2 em { color: rgb(107, 107, 107); }
.manifesto-bottom { display: flex; align-items: flex-end; justify-content: center; gap: 65px; margin: 30px auto 0px; max-width: 660px; text-align: left; }
.manifesto-bottom p { max-width: 385px; font-size: 16px; line-height: 1.75; }
.manifesto-bottom .editorial-link { white-space: nowrap; }
.purpose-section { padding: 75px; border-radius: 32px; background: rgb(231, 231, 231); }
.purpose-section .editorial-label { margin-bottom: 30px; }
.purpose-section h2 { font-size: clamp(55px, 5.8vw, 85px); color: rgb(66, 66, 66); }
.purpose-section h2 em { color: rgb(104, 104, 104); }
.purpose-bottom { display: flex; gap: 60px; justify-content: space-between; align-items: flex-end; margin-top: 35px; }
.purpose-bottom p { font-size: 16px; line-height: 1.75; max-width: 425px; }
.purpose-bottom .editorial-link { white-space: nowrap; }
.download-section { padding-block: 110px; text-align: center; }
.download-section .editorial-label { margin-bottom: 25px; }
.download-section h2 { font-size: clamp(65px, 7vw, 100px); }
.download-section h2 em { color: rgb(107, 107, 107); }
.download-section > p { font-size: 17px; margin-top: 25px; }
.download-section .store-buttons { margin-top: 32px; }
.download-section > .editorial-link { margin-top: 28px; font-size: 13px; }
.page-intro { padding-block: 65px 45px; }
.page-intro h1 { font-size: clamp(56px, 7vw, 100px); line-height: 1.05; font-weight: 400; margin-bottom: 28px; }
.page-intro h1 .serif { color: rgb(107, 107, 107); }
.page-intro .lead { font-size: 18px; max-width: 720px; }
.page-intro::after { margin-top: 45px; }
.about-statement { font-family: var(--serif); font-size: clamp(38px, 4.5vw, 62px); line-height: 1.2; letter-spacing: -0.025em; }
.about-statement .muted { color: rgb(119, 119, 119); }
.feature { padding: 30px; border: 1px solid rgb(230, 230, 230); border-radius: 25px; background: rgb(247, 247, 247); }
.feature:nth-child(2) { background: rgb(245, 245, 245); border-color: rgb(232, 232, 232); }
.feature:nth-child(3) { background: rgb(242, 242, 242); border-color: rgb(228, 228, 228); }
.feature:hover { box-shadow: none; transform: translateY(-3px); }
.feature h3 { font-size: 24px; font-weight: 550; }
.feature p { font-size: 15px; line-height: 1.75; }
.icon-box { background: rgba(255, 255, 255, 0.73); color: rgb(108, 108, 108); border-radius: 14px; margin-bottom: 25px; }
.founder-section { background: rgb(244, 244, 244); }
.founder-visual { border-radius: 30px; background: none rgb(228, 228, 228); }
.founder-letter { font-family: var(--serif); font-size: 190px; letter-spacing: -0.05em; font-weight: 400; color: rgb(81, 81, 81); }
.founder-letter > span { color: rgb(155, 155, 155); }
.founder-grid p:not(.eyebrow) { font-size: 16px; line-height: 1.8; }
.cta { background: rgb(237, 237, 237); border-radius: 30px; padding: 55px; }
.cta h2 { font-size: 61px; }
.cta p:not(.eyebrow) { font-size: 16px; }
.cta-mark { display: none; }
.release-panel { background: rgb(241, 241, 241); border-radius: 30px; padding: 45px; }
.release-panel h2 { font-size: 52px; }
.release-panel p { font-size: 16px; }
.release-panel > div:last-child { display: flex; flex-direction: column; gap: 20px; }
.contact-info a { font-size: 24px; }
.contact-info article p { font-size: 15px; }
.enquiry-form { background: rgb(246, 246, 246); border-color: rgb(228, 228, 228); border-radius: 28px; padding: 35px; }
.enquiry-form h2 { font-family: var(--serif); font-size: 42px; font-weight: 400; }
.enquiry-form label:not(.checkbox) { font-size: 13px; color: rgb(86, 86, 86); }
.enquiry-form input:not([type="checkbox"]),  .enquiry-form textarea,  .enquiry-form select { border-radius: 13px; background: rgb(254, 254, 254); border-color: rgb(215, 215, 215); color: var(--ink); font-size: 16px; }
.enquiry-form > p { font-size: 15px; }
.checkbox { font-size: 13px; }
.enquiry-form .micro { font-size: 12px; }
.safety-note { background: rgb(244, 244, 244); border-color: rgb(226, 226, 226); border-radius: 24px; }
.safety-note p { font-size: 15px; }
.safety-note > .icon { color: rgb(116, 116, 116); }
.faq-search { background: rgb(247, 247, 247); border-color: rgb(226, 226, 226); border-radius: 18px; }
.faq-search input { font-size: 16px; }
.faq-item { border-color: var(--line); }
.faq-item summary { font-size: 18px; font-weight: 550; }
.faq-item p { font-size: 16px; line-height: 1.85; }
.trust-summary h3 { font-family: var(--serif); font-weight: 400; font-size: 35px; }
.trust-summary p { font-size: 16px; }
.trust-summary .icon { color: rgb(114, 114, 114); }
.legal-card { border-radius: 22px; border-color: rgb(224, 224, 224); background: rgb(249, 249, 249); }
.legal-card h3 { font-family: var(--serif); font-weight: 400; font-size: 30px; }
.legal-card p { font-size: 15px; }
.legal-card:hover { background: rgb(241, 241, 241); }
.legal-meta { font-size: 12px; }
.legal-layout aside > a { font-size: 13px; color: rgb(105, 105, 105); }
.legal-content h2 { font-family: var(--sans); font-size: 25px; font-weight: 550; letter-spacing: -0.025em; line-height: 1.3; }
.legal-content p { font-size: 16px; line-height: 1.85; letter-spacing: 0px; }
.legal-content section { margin-bottom: 42px; }
.reference-links > a { font-size: 15px; }
.prose p,  .two-column p { font-size: 16px; line-height: 1.8; }
.site-footer { background: rgb(62, 62, 62); color: rgb(253, 253, 253); border-radius: 36px 36px 0px 0px; padding-top: 65px; }
.footer-top { grid-template-columns: 1.4fr 1fr 1fr 1.4fr; gap: 40px; }
.footer-brand .logo { font-size: 43px; }
.footer-brand p { font-size: 16px; color: rgb(222, 222, 222); }
.footer-location { font-size: 12px; color: rgb(205, 205, 205); }
.footer-column h3 { font-family: var(--sans); font-size: 13px; font-weight: 550; letter-spacing: 0px; color: rgb(247, 247, 247); }
.footer-column a { font-size: 14px; color: rgb(219, 219, 219); line-height: 1.6; }
.footer-column a:hover { color: rgb(251, 251, 251); }
.footer-wordmark { font-size: clamp(110px, 22vw, 330px); font-weight: 600; letter-spacing: -0.065em; line-height: 0.95; text-align: center; padding: 20px 0px 45px; color: rgb(231, 231, 231); user-select: none; }
.footer-emergency { border-color: rgb(106, 106, 106); }
.footer-emergency p { font-size: 13px; color: rgb(219, 219, 219); }
.footer-emergency b,  .footer-emergency a { color: rgb(247, 247, 247); }
.footer-bottom { font-size: 11px; color: rgb(217, 217, 217); }
.footer-bottom button { font-size: 12px; color: rgb(242, 242, 242); }
.text-button,  .inline-link { font-size: 14px; }
@media (max-width: 1100px) {
.wrap { width: calc(100% - 64px); }
.nav-wrap { width: calc(100% - 40px); }
.nav-wrap nav { gap: 20px; margin-right: 0px; }
.purpose-section { padding: 55px; }
.purpose-bottom { gap: 35px; }
.purpose-bottom .editorial-link { white-space: normal; }
}
@media (max-width: 800px) {
.wrap { width: calc(100% - 40px); }
.site-header { width: calc(100% - 32px); top: 12px; margin-top: 12px; border-radius: 19px; }
.nav-wrap { width: calc(100% - 28px); height: 68px; gap: 14px; }
.logo { font-size: 31px; }
.nav-cta { font-size: 11px; gap: 16px; min-height: 44px; padding: 8px 13px; border-radius: 13px; }
.nav-cta small { font-size: 8px; }
.menu-toggle { width: 40px; height: 40px; }
.nav-wrap nav { top: 76px; left: 0px; width: 100%; border: 1px solid rgb(226, 226, 226); border-radius: 20px; background: rgb(253, 253, 253); color: var(--ink); box-shadow: rgba(64, 64, 64, 0.1) 0px 14px 30px; padding: 25px; }
.nav-wrap nav a { font-size: 16px; }
.manifesto { padding-block: 80px; }
.manifesto h2 { font-size: 52px; }
.manifesto-bottom { gap: 35px; }
.purpose-section { padding: 45px; }
.purpose-section h2 { font-size: 62px; }
.purpose-bottom { display: block; margin-top: 30px; }
.purpose-bottom .editorial-link { margin-top: 25px; }
.download-section { padding-block: 85px; }
.download-section h2 { font-size: 85px; }
.section { padding-block: 75px; }
.page-intro { padding-block: 50px 35px; }
.page-intro h1 { font-size: 72px; }
.two-column,  .founder-grid,  .contact-layout { grid-template-columns: 1fr; gap: 35px; }
.founder-visual { height: 360px; }
.card-grid { gap: 18px; }
.feature { padding: 24px; }
.feature h3 { font-size: 21px; }
.feature p { font-size: 14px; }
.cta { padding: 40px; gap: 25px; }
.cta h2 { font-size: 53px; }
.cta > div:last-of-type { min-width: 175px; }
.release-panel { padding: 35px; flex-wrap: wrap; gap: 30px; }
.release-panel h2 { font-size: 48px; }
.legal-layout { grid-template-columns: 1fr; gap: 35px; }
.legal-layout aside { position: static; padding: 25px; border-radius: 22px; background: rgb(244, 244, 244); }
.footer-top { grid-template-columns: 1fr 1fr; gap: 35px; }
.footer-brand { grid-column: 1 / -1; display: block; }
.footer-brand p { margin-top: 20px; }
.footer-location { margin-top: 20px; }
.footer-column:last-child { grid-column: 1 / -1; columns: 2; column-gap: 25px; }
.footer-column:last-child h3 { column-span: all; }
.footer-wordmark { font-size: 23.5vw; padding: 30px 0px; }
.footer-bottom { flex-wrap: wrap; gap: 15px; }
}
@media (max-width: 600px) {
.download-button { padding: 11px 16px; min-height: 54px; border-radius: 16px; gap: 11px; }
.download-button > span { font-size: 13px; }
.download-button small { font-size: 9px; margin-top: 4px; }
.download-button > .icon { width: 18px; height: 18px; }
.download-button > .icon:last-child { display: none; }
.manifesto { padding-block: 65px; }
.manifesto .editorial-label { font-size: 9px; margin-bottom: 25px; }
.manifesto h2 { font-size: 43px; line-height: 1.1; }
.manifesto h2 br { display: none; }
.manifesto-bottom { display: block; text-align: center; margin-top: 24px; }
.manifesto-bottom p { font-size: 15px; line-height: 1.8; margin: auto; max-width: 330px; }
.manifesto-bottom .editorial-link { margin-top: 24px; font-size: 13px; }
.purpose-section { padding: 32px 28px; border-radius: 28px; }
.purpose-section .editorial-label { font-size: 9px; margin-bottom: 26px; }
.purpose-section h2 { font-size: 46px; line-height: 1.08; }
.purpose-bottom { margin-top: 25px; }
.purpose-bottom p { font-size: 15px; line-height: 1.8; }
.purpose-bottom .editorial-link { font-size: 12px; gap: 12px; }
.download-section { padding-block: 70px; }
.download-section .editorial-label { font-size: 9px; }
.download-section h2 { font-size: 65px; line-height: 1; }
.download-section > p { font-size: 15px; line-height: 1.8; margin-top: 24px; }
.download-section .store-buttons { margin-top: 27px; }
.store-buttons { gap: 10px; }
.store-buttons button { min-width: 145px; min-height: 61px; padding: 12px 15px; border-radius: 16px; gap: 10px; }
.store-buttons button > span { font-size: 16px; }
.store-buttons small { font-size: 9px; }
.store-buttons .icon { width: 21px; height: 21px; }
.download-section > .editorial-link { font-size: 12px; margin-top: 25px; }
.section { padding-block: 60px; }
.page-intro { padding-block: 45px 30px; }
.page-intro h1 { font-size: 51px; line-height: 1.07; letter-spacing: -0.025em; margin-bottom: 25px; }
.page-intro .lead { font-size: 16px; line-height: 1.8; }
.page-intro .eyebrow { font-size: 9px; margin-bottom: 22px; }
.page-intro::after { margin-top: 35px; }
.about-statement { font-size: 37px; line-height: 1.2; }
.two-column h2 { font-size: 46px; }
.prose p,  .two-column p { font-size: 15px; line-height: 1.85; }
.founder-grid h2 { font-size: 55px; }
.founder-grid p:not(.eyebrow) { font-size: 15px; }
.founder-visual { height: 320px; }
.founder-letter { font-size: 160px; }
.feature { padding: 28px; border-radius: 24px; }
.feature h3 { font-size: 24px; }
.feature p { font-size: 15px; }
.cta { padding: 32px 28px; gap: 28px; border-radius: 28px; }
.cta h2 { font-size: 46px; }
.cta p:not(.eyebrow) { font-size: 15px; }
.cta > div:last-of-type { min-width: 0px; flex-flow: wrap; }
.cta .button { font-size: 12px; padding: 12px 17px; gap: 13px; }
.release-panel { padding: 30px 27px; border-radius: 28px; }
.release-panel h2 { font-size: 44px; }
.release-panel p { font-size: 15px; line-height: 1.8; }
.release-panel > div:last-child { width: 100%; }
.release-panel .store-buttons { flex-direction: column; align-items: stretch; }
.contact-info { display: block; }
.contact-info a { font-size: 24px; }
.contact-info article p { font-size: 15px; }
.contact-info .micro { font-size: 12px; }
.enquiry-form { padding: 26px; border-radius: 26px; }
.enquiry-form h2 { font-size: 39px; }
.enquiry-form label:not(.checkbox) { font-size: 13px; }
.enquiry-form > p { font-size: 15px; }
.checkbox { font-size: 12px; }
.enquiry-form .micro { font-size: 11px; line-height: 1.8; }
.safety-note { padding: 25px; gap: 15px; border-radius: 24px; }
.safety-note h3 { font-size: 22px; }
.safety-note p { font-size: 14px; line-height: 1.85; }
.faq-item summary,  .faq-page .faq-item summary { font-size: 17px; }
.faq-item p { font-size: 15px; line-height: 1.85; }
.trust-summary h3 { font-size: 35px; }
.trust-summary p { font-size: 15px; }
.legal-card { padding: 25px; }
.legal-card h3 { font-size: 30px; }
.legal-card p { font-size: 14px; }
.legal-meta { font-size: 11px; gap: 12px; margin-bottom: 30px; }
.legal-meta button { font-size: 12px; }
.legal-layout aside > a { font-size: 13px; }
.legal-content h2 { font-size: 24px; line-height: 1.3; }
.legal-content p { font-size: 15px; line-height: 1.9; }
.reference-links > a { font-size: 14px; }
.site-footer { padding-top: 50px; border-radius: 30px 30px 0px 0px; }
.footer-brand p { font-size: 15px; }
.footer-column h3 { font-size: 13px; }
.footer-column a { font-size: 13px; line-height: 1.7; }
.footer-column:last-child { display: block; }
.footer-wordmark { font-size: 23.5vw; padding: 20px 0px 35px; }
.footer-emergency { padding-block: 23px; gap: 13px; }
.footer-emergency p { font-size: 12px; line-height: 1.85; }
.footer-bottom { font-size: 10px; gap: 12px; padding-block: 24px; }
.footer-bottom button { font-size: 11px; }
}
@media (max-width: 360px) {
.wrap { width: calc(100% - 32px); }
.site-header { width: calc(100% - 24px); }
.nav-wrap { width: calc(100% - 24px); gap: 9px; }
.logo { font-size: 28px; }
.nav-cta { font-size: 10px; gap: 10px; padding: 8px 11px; }
.download-button { padding-inline: 13px; }
.manifesto h2 { font-size: 39px; }
.purpose-section { padding: 30px 24px; }
.purpose-section h2 { font-size: 42px; }
.download-section h2 { font-size: 58px; }
.page-intro h1 { font-size: 45px; }
.store-buttons button { min-width: 132px; padding-inline: 12px; }
.store-buttons button > span { font-size: 15px; }
}
.js-motion .reveal { transition-duration: 0.5s; }
.js-motion .reveal:nth-child(2) { transition-delay: 0.04s; }
.js-motion .reveal:nth-child(3) { transition-delay: 0.08s; }
/* Light surface system: porcelain, silver, graphite and a restrained peach accent. */
:root{--paper:#ffffff;--ink:#1d1d1f;--muted:#626266;--line:#dedddb;--green:#ffe2c4;--orange:#ffb480}
.site-header,.site-header.scrolled{background:rgba(255,255,255,.88);color:var(--ink);box-shadow:0 8px 32px #1d1d1f0a,inset 0 0 0 1px #ffffffa6;backdrop-filter:blur(24px)}
.logo span{color:#db6c46}.nav-wrap nav a::after{background:#b77758}
.nav-cta,.nav-cta:hover,.button,.button:hover,.download-button,.store-buttons button{background:#242426;color:#fff;border-color:#242426}
.nav-cta small,.download-button small,.store-buttons small{color:#dedee0}
.button.secondary{background:transparent;color:var(--ink);border-color:#bdbbbb}.button.secondary:hover{background:#f2f1ef}
.menu-toggle{background:#eeeeee;color:var(--ink)}
:focus-visible{outline-color:#9e6146}
.feature,.legal-card,.contact-info article,.founder-section{background:#f5f4f2}
.feature:nth-child(2),.founder-visual{background:#f1edf5}.feature:nth-child(3){background:#eeedeb}
.founder-letter{color:#29292b}.founder-letter span{color:#b77758}
.cta,.release-panel{background:#f5f3f7}
.site-footer{background:#f5f5f7;color:var(--ink)}
.footer-brand p,.footer-location,.footer-column a,.footer-emergency p,.footer-bottom,.footer-bottom button{color:#626266}
.footer-column h3,.footer-column a:hover,.footer-emergency b,.footer-emergency a{color:var(--ink)}
.footer-wordmark{color:#252527}.footer-emergency{border-color:#d9d8d6}.footer-emergency .icon{color:#9e6146}

/* Approved Urgigo direction: a clean canvas, tactile care artwork and a patient-first card fan. */
:root{--paper:#faf9f7;--ink:#17171b;--muted:#686a73;--line:#e2e0df;--accent:#cb3652;--green:#e4edcf;--orange:#eadff0;--serif:'Inter Tight',Arial,sans-serif;--sans:'Inter Tight',Arial,sans-serif;--ease-out:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);overflow-x:clip;font-family:var(--sans);letter-spacing:-.014em}h1,h2{font-family:var(--sans);font-weight:500;letter-spacing:-.055em}em,.serif{font-family:var(--sans);font-style:normal;font-weight:inherit}.wrap{width:calc(100% - 96px);max-width:1240px}.accent-dot,.logo span{color:var(--accent)}.muted,.micro,.eyebrow,.editorial-label{color:var(--muted)}
.site-header{position:sticky;top:0;width:100%;max-width:1340px;margin:0 auto;border:0;border-radius:0;background:#faf9f7d9;backdrop-filter:blur(20px);color:var(--ink);box-shadow:none;transition:box-shadow .3s,background .3s;z-index:50}.site-header.scrolled{background:#faf9f7ed;box-shadow:0 1px 0 #e3e0e070}.nav-wrap{height:88px;width:calc(100% - 88px);max-width:none;gap:30px}.logo{font-size:35px;letter-spacing:-.065em;font-weight:650}.logo span{margin-left:0}.nav-wrap nav{margin-left:auto;margin-right:0;gap:32px}.nav-wrap nav a{font-size:12px;font-weight:450}.nav-wrap nav a:after{background:var(--ink)}.nav-cta,.nav-cta:hover{min-height:37px;background:#151519;color:#fff;border-radius:100px;font-size:10px;font-weight:450;gap:0;padding:9px 24px}.nav-cta .icon,.nav-cta small{display:none}.menu-toggle{background:none;color:var(--ink);border-radius:0}.menu-toggle span{width:20px;height:1px}.menu-toggle:focus-visible{outline-offset:2px}
.fan-hero{padding:24px 24px 0;text-align:center;isolation:isolate;overflow:clip}.fan-heading{position:relative;z-index:10}.fan-eyebrow{font-size:9px;font-weight:450;letter-spacing:.25em;color:#737680;line-height:1.6}.fan-heading h1{font-size:clamp(48px,5.2vw,76px);line-height:1.02;letter-spacing:-.055em;font-weight:450;margin-top:22px;text-wrap:initial}.fan-heading h1>span{display:block}.fan-heading .accent-dot{display:inline}
.fan-stage{--spread:1;--flow:0;--pointer:0deg;--tile-w:224px;--tile-h:336px;--phone-w:216px;width:100%;max-width:1160px;height:480px;position:relative;perspective:1400px;margin:12px auto 0;isolation:isolate;contain:layout style}
.fan-card{position:absolute;left:50%;top:50%;width:var(--tile-w);height:var(--tile-h);margin-left:calc(var(--tile-w)/-2);margin-top:calc(var(--tile-h)/-2);border-radius:20px;overflow:hidden;background:#e4dfeb;box-shadow:0 28px 30px -25px #2c1f3740,inset 0 0 0 1px #ffffff55;z-index:var(--layer);transform:translate3d(calc(var(--x)*var(--spread) + var(--flow-x)*var(--flow)),calc(var(--y)*var(--spread) + var(--flow-y)*var(--flow)),0) rotateZ(calc(var(--angle)*var(--spread) - 17deg*var(--flow))) rotateY(calc(var(--pointer)*var(--direction))) scale(calc(.91 + .09*var(--spread) - .06*var(--flow)));transform-origin:50% 70%;will-change:transform;backface-visibility:hidden}
.card-art{position:absolute;inset:0;background-image:url('/assets/care-art-atlas.png');background-size:200% 200%;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #ffffff30;border-radius:inherit}.card-stethoscope{--x:-372px;--y:42px;--angle:-16deg;--flow-x:50px;--flow-y:110px;--layer:1;--direction:1;background:#e1e8c8}.card-stethoscope .card-art{background-position:0 0}.card-heart{--x:-188px;--y:0px;--angle:-9deg;--flow-x:95px;--flow-y:30px;--layer:3;--direction:1;background:#e7d9f5}.card-heart .card-art{background-position:100% 0}.card-cross{--x:188px;--y:0px;--angle:9deg;--flow-x:140px;--flow-y:-75px;--layer:3;--direction:-1;background:#b92d47}.card-cross .card-art{background-position:0 100%}.card-medicine{--x:372px;--y:42px;--angle:16deg;--flow-x:185px;--flow-y:-175px;--layer:1;--direction:-1;background:#f8e9b1}.card-medicine .card-art{background-position:100% 100%}.card-signature{position:absolute;bottom:17px;right:23px;font-size:20px;letter-spacing:-.05em;color:#ffffff33;font-weight:350}
.fan-phone{position:absolute;left:50%;top:50%;width:var(--phone-w);margin-left:calc(var(--phone-w)/-2);z-index:8;transform:translate3d(calc(var(--flow)*100px),calc(-50% - var(--flow)*30px),0) rotateZ(calc(-9deg*var(--flow)));will-change:transform}.phone-shell{padding:4px;background:linear-gradient(110deg,#77777b,#17171a 12%,#39393d 45%,#151518 85%,#88888b);border-radius:34px;box-shadow:0 0 0 1px #a6a4a0,0 0 0 3px #d6d3cd,0 28px 35px -20px #30283435;overflow:hidden;position:relative;animation:phone-breathe 7s ease-in-out infinite}.phone-shell:before,.phone-shell:after{content:'';position:absolute;top:75px;width:2px;height:30px;background:#89888c;z-index:5}.phone-shell:before{left:0}.phone-shell:after{right:0;height:44px;top:100px}.phone-status{height:24px;background:#faf9f6;color:#232329;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-radius:28px 28px 0 0;position:relative;font-size:8px;font-weight:600;line-height:1}.phone-island{height:14px;width:56px;position:absolute;left:50%;top:4px;transform:translateX(-50%);border-radius:18px;background:#111114}.phone-signal{font-size:8px;letter-spacing:-.1em}.phone-shell img{width:100%;height:auto;aspect-ratio:390/844;object-fit:contain;display:block;background:#faf9f6}.phone-bottom{height:13px;background:#faf9f6;display:grid;place-items:center;border-radius:0 0 28px 28px}.phone-bottom span{width:65px;height:3px;border-radius:3px;background:#27272a}
.fan-caption{position:relative;z-index:12;margin:8px auto 0}.fan-caption p{font-size:15px;color:#6d717b;line-height:1.6}.fan-download{border:0;background:#131316;color:#fff;border-radius:100px;min-width:194px;height:49px;padding:10px 28px;font-size:15px;font-weight:500;line-height:1.3;display:block;margin:16px auto 0;box-shadow:inset 0 1px 0 #ffffff16,0 4px 10px #17171b06}.fan-download:disabled{opacity:1;cursor:default}.coming-note{display:block;font-size:10px;color:#6e7079;line-height:1.5;margin-top:6px}
.idea-strip{display:grid;grid-template-columns:.85fr 1fr 1.05fr;align-items:center;gap:35px;border-top:1px solid var(--line);padding-block:31px;margin-top:35px}.idea-strip>.fan-eyebrow{font-size:8px;letter-spacing:.24em}.idea-strip h2{font-size:39px;font-weight:450;letter-spacing:-.05em;line-height:1.05;border-inline:1px solid var(--line);padding-inline:40px}.idea-strip>div p{font-size:14px;line-height:1.6;color:#6b6e78}.idea-strip>div>span{display:block;font-size:12px;color:#797c85;margin-top:7px}
.startup-section{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;padding-block:115px 100px;border-top:1px solid var(--line)}.startup-intro h2{font-size:clamp(36px,4vw,57px);font-weight:450;line-height:1.1;margin-top:26px;letter-spacing:-.05em}.startup-copy{max-width:410px;padding-top:25px}.startup-copy p{font-size:16px;line-height:1.85;color:#666974}.quiet-link{display:inline-flex;align-items:center;gap:27px;color:var(--ink);font-size:13px;font-weight:450;line-height:1.5}.quiet-link>span{transition:transform .3s}.quiet-link:hover>span{transform:translate(3px,-3px)}.startup-copy .quiet-link{margin-top:25px}.launch-note{border-top:1px solid var(--line);padding-block:48px 70px;display:flex;justify-content:space-between;align-items:center;gap:40px}.launch-note h2{font-size:clamp(30px,3vw,42px);font-weight:450;margin-top:20px;letter-spacing:-.05em}.launch-note p{font-size:14px;line-height:1.8;margin-top:14px}.launch-note>.quiet-link{flex-shrink:0}
/* The same type and surface system continues through information and legal pages. */
.page-intro h1{font-weight:450;letter-spacing:-.05em}.page-intro h1 .serif{color:#7d7682}.founder-section,.feature,.legal-card,.contact-info article{background:#f3f1f4}.feature:nth-child(2),.founder-visual{background:#ebe5f1}.feature:nth-child(3){background:#f1f2e9}.founder-letter{color:#39313d}.founder-letter span{color:var(--accent)}.eyebrow>span{background:var(--accent)}.cta,.release-panel{background:#eee8f1}.button,.download-button,.store-buttons button{background:#19191d;color:#fff;border-color:#19191d}.button:hover{background:#36343a}.button.secondary{color:var(--ink);background:transparent;border-color:#bdb8c0}.button.secondary:hover{background:#eeebef}:focus-visible{outline-color:#b83450}.site-footer{background:#f2f1f2;border-radius:0;padding-top:55px;color:var(--ink)}.footer-brand p,.footer-location,.footer-column a,.footer-emergency p,.footer-bottom,.footer-bottom button{color:#686a74}.footer-column h3,.footer-column a:hover,.footer-emergency b,.footer-emergency a{color:var(--ink)}.footer-wordmark{font-weight:550;font-size:clamp(110px,19vw,270px);color:#26242a;transform:translateY(var(--footer-rise,0px));padding-block:20px 35px;will-change:transform}.footer-emergency{border-color:#dcd9df}.footer-emergency .icon{color:var(--accent)}.reveal{transition:opacity .8s var(--ease-out),transform 1s var(--ease-out)}.js-motion .reveal.pending{transform:translateY(24px);opacity:0}.motion-paused .phone-shell,.page-hidden .phone-shell{animation-play-state:paused!important}
@keyframes phone-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(min-width:1600px){.fan-heading h1{font-size:80px}.fan-stage{--tile-w:240px;--tile-h:360px;--phone-w:228px;height:515px}.card-stethoscope{--x:-395px}.card-heart{--x:-200px}.card-cross{--x:200px}.card-medicine{--x:395px}}
@media(max-width:1100px){.nav-wrap{width:calc(100% - 64px)}.fan-heading h1{font-size:62px}.fan-stage{--tile-w:185px;--tile-h:277.5px;--phone-w:199px;height:450px}.card-stethoscope{--x:-300px;--y:36px}.card-heart{--x:-152px}.card-cross{--x:152px}.card-medicine{--x:300px;--y:36px}.idea-strip{gap:23px}.idea-strip h2{font-size:33px;padding-inline:25px}.idea-strip>div p{font-size:12px}.idea-strip>div>span{font-size:11px}.startup-section{gap:60px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.nav-wrap{height:76px;width:calc(100% - 48px)}.logo{font-size:33px}.nav-cta{display:none}.menu-toggle{display:flex!important;margin-left:auto;width:34px;height:34px;padding:7px;justify-content:center;gap:6px}.nav-wrap nav{top:68px;left:18px;width:calc(100% - 36px);background:#faf9f7f5;border-radius:18px;border-color:#e2dee4;box-shadow:0 14px 30px #3020390a;padding:25px;gap:20px;margin:0}.nav-wrap nav a{font-size:16px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.fan-hero{padding:28px 18px 0}.fan-heading h1{font-size:clamp(38px,6.5vw,53px);line-height:1.05;margin-top:21px}.fan-stage{--tile-w:190px;--tile-h:285px;--phone-w:199px;height:450px;max-width:620px;margin-top:18px}.card-stethoscope,.card-medicine{display:none}.card-heart{--x:-140px;--angle:-12deg;--y:6px;--flow-x:15px;--flow-y:30px}.card-cross{--x:140px;--angle:12deg;--y:6px;--flow-x:20px;--flow-y:-40px}.fan-caption{margin-top:9px}.fan-caption p{font-size:14px}.idea-strip{grid-template-columns:1fr;text-align:center;gap:25px;margin-top:38px;padding-block:30px}.idea-strip>.fan-eyebrow{display:none}.idea-strip h2{border:0;padding:0;font-size:38px;line-height:1.1}.idea-strip>div p{font-size:14px}.idea-strip>div>span{font-size:12px}.startup-section{grid-template-columns:1fr;gap:25px;padding-block:70px}.startup-copy{padding:0;max-width:550px}.startup-intro h2{font-size:42px}.startup-copy p{font-size:15px}.launch-note{padding-block:38px 55px}.launch-note h2{font-size:33px}.launch-note p{font-size:13px;max-width:350px}.footer-wordmark{font-size:23vw}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.nav-wrap{height:76px;width:calc(100% - 40px)}.logo{font-size:32px}.fan-hero{padding:27px 12px 0}.fan-eyebrow{font-size:7px;letter-spacing:.3em}.fan-heading h1{font-size:clamp(31px,8.4vw,48px);line-height:1.08;font-weight:450;margin-top:20px;letter-spacing:-.052em}.fan-stage{--tile-w:150px;--tile-h:225px;--phone-w:174px;height:410px;width:100%;margin-top:15px;--mobile-flow:1}.fan-card{border-radius:15px}.card-heart{--x:-99px;--y:-1px;--angle:-11deg;--flow-x:10px;--flow-y:38px}.card-cross{--x:99px;--y:-1px;--angle:11deg;--flow-x:15px;--flow-y:-25px}.card-signature{font-size:15px;bottom:12px;right:16px}.phone-shell{border-radius:28px;padding:3px;box-shadow:0 0 0 1px #9c9995,0 0 0 2px #d6d3cd,0 23px 30px -22px #30283460}.phone-status{height:21px;border-radius:24px 24px 0 0;padding-inline:12px;font-size:7px}.phone-island{width:48px;height:12px;top:3px}.phone-bottom{height:11px;border-radius:0 0 24px 24px}.phone-bottom span{width:57px;height:2px}.phone-shell:before,.phone-shell:after{top:70px;height:24px}.fan-caption{margin-top:5px}.fan-caption p{font-size:12px;max-width:295px;line-height:1.6;margin-inline:auto}.fan-download{min-width:182px;height:45px;font-size:14px;margin-top:17px}.coming-note{font-size:9px;margin-top:7px}.idea-strip{margin-top:37px;padding-block:30px 35px;gap:20px}.idea-strip h2{font-size:34px;line-height:1.08;letter-spacing:-.05em}.idea-strip>div p{font-size:13px;line-height:1.8}.idea-strip>div>span{font-size:11px;margin-top:5px}.startup-section{padding-block:60px 55px;gap:25px}.startup-intro h2{font-size:35px;margin-top:20px}.startup-copy p{font-size:14px;line-height:1.85}.launch-note{display:block;padding-block:35px 45px}.launch-note h2{font-size:30px;line-height:1.12;margin-top:18px}.launch-note .quiet-link{margin-top:25px}.site-footer{padding-top:40px}.footer-brand p{font-size:14px}.footer-column a{font-size:12px}.footer-emergency p{font-size:11px;line-height:1.8}.footer-bottom{font-size:9px}.footer-bottom button{font-size:10px}.page-intro h1{font-size:45px;line-height:1.08}.page-intro .lead{font-size:15px}.feature h3{font-size:24px}.feature p{font-size:14px}}
@media(max-width:360px){.nav-wrap{height:70px}.fan-hero{padding-top:25px}.fan-heading h1{font-size:29px}.fan-eyebrow{font-size:6px}.fan-stage{--tile-w:126px;--tile-h:189px;--phone-w:155px;height:365px;margin-top:18px}.card-heart{--x:-80px}.card-cross{--x:80px}.fan-caption p{font-size:11px;max-width:250px}.fan-download{height:43px;min-width:172px}.idea-strip{margin-top:32px}.idea-strip h2{font-size:31px}.startup-intro h2{font-size:31px}.launch-note h2{font-size:28px}.page-intro h1{font-size:39px}}
.reduce-motion{scroll-behavior:auto}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important}.reduce-motion .fan-stage{--spread:1!important;--flow:0!important;--pointer:0deg!important}.reduce-motion .reveal,.reduce-motion .footer-wordmark{transform:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.fan-stage{--spread:1!important;--flow:0!important;--pointer:0deg!important}.reveal,.footer-wordmark{transform:none!important;opacity:1!important}}
/* Homepage chapters: a compact care story, living connection graphic and useful answers. */
.care-focus{padding-block:64px 65px;border-top:1px solid var(--line)}
.home-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:32px}
.home-section-heading h2{font-size:clamp(30px,3.3vw,46px);font-weight:450;line-height:1.1;margin-top:17px;letter-spacing:-.045em}
.home-section-heading>p{max-width:340px;font-size:14px;line-height:1.8;color:#646671;margin:0}
.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.focus-card{position:relative;border-radius:27px;min-height:375px;padding:28px;overflow:hidden;isolation:isolate;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}
.focus-everyday{background:#ede5f6}.focus-urgent{background:#f9e7e9}.focus-people{background:#edf1dd}
.focus-number{position:relative;z-index:2;font-size:8px;letter-spacing:.17em;font-weight:550;color:#4b4455}
.focus-art{position:absolute;right:-9px;top:28px;width:165px;height:247.5px;background-image:url('/assets/care-art-atlas.png');background-size:200% 200%;background-repeat:no-repeat;border-radius:23px;transform:rotate(13deg) translateY(0);box-shadow:0 18px 35px -24px #3b294060;transition:transform .8s var(--ease-out);mask-image:linear-gradient(#000 75%,transparent)}
.focus-heart{background-position:100% 0}.focus-cross{background-position:0 100%;transform:rotate(-11deg)}.focus-stethoscope{background-position:0 0;transform:rotate(12deg)}
.focus-copy{position:relative;z-index:2;padding-top:168px;max-width:260px}
.focus-copy h3{font-family:var(--sans);font-size:30px;line-height:1.04;font-weight:450;letter-spacing:-.045em;margin:0 0 15px;color:#26212c}
.focus-copy p{font-size:13px;line-height:1.75;color:#5d5763;margin:0;max-width:250px}
.focus-footnote{font-size:10px;color:#6c6c76;line-height:1.7;margin-top:17px}
@media(hover:hover){.focus-card:hover{transform:translateY(-7px);box-shadow:0 20px 35px -25px #3b294040}.focus-card:hover .focus-art{transform:rotate(0deg) translateY(-12px)}}
.focus-card:nth-child(2){transition-delay:.07s}.focus-card:nth-child(3){transition-delay:.14s}
.connection-chapter{--connection-turn:0deg;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;padding:60px 65px;background:#eeebf4;border-radius:32px;overflow:hidden;position:relative;isolation:isolate}
.connection-copy{position:relative;z-index:3}.connection-copy h2{font-size:clamp(34px,4vw,58px);font-weight:450;line-height:1.08;letter-spacing:-.05em;margin-top:24px}.connection-copy h2>span{color:#80688e}.connection-copy>p:not(.fan-eyebrow){font-size:14px;line-height:1.85;color:#625c6b;max-width:355px;margin-top:22px}.connection-copy .quiet-link{margin-top:25px}
.connection-art{position:relative;aspect-ratio:1;min-width:0;width:100%;max-width:465px;justify-self:center;transform:rotate(var(--connection-turn));transition:transform .2s linear}
.connection-orbit{position:absolute;border:1px solid #d8d0e1;border-radius:50%;inset:5%;animation:care-orbit 35s linear infinite}.orbit-inner{inset:20%;animation-duration:25s;animation-direction:reverse;border-style:dashed;border-color:#d5cddd}.connection-orbit i{position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:#ba98ce;box-shadow:0 0 0 5px #d7c4e740}.orbit-inner i{background:#c43e59;box-shadow:0 0 0 4px #e4c1cb50}
.connection-centre{position:absolute;inset:34%;border-radius:50%;background:#faf9f7;display:flex;align-items:center;justify-content:center;font-size:clamp(32px,4vw,53px);font-weight:500;letter-spacing:-.06em;box-shadow:0 20px 45px -25px #72598350,inset 0 1px 1px #fff}.connection-centre>span{color:var(--accent)}
.connection-chip{position:absolute;padding:14px 19px;display:flex;align-items:center;gap:9px;border-radius:18px;font-size:12px;color:#37303e;background:#faf9f7;box-shadow:0 12px 24px -18px #44324f60;animation:care-bob 6s ease-in-out infinite;white-space:nowrap}
.connection-chip .icon{width:19px;height:19px;stroke-width:1.5}.chip-care{top:8%;left:14%;background:#f7e2e7;color:#85364a;animation-delay:-1s}.chip-family{right:-1%;top:48%;background:#e3eacb;animation-delay:-3s}.chip-clarity{bottom:7%;left:8%;background:#fff0c9;animation-delay:-4s}.connection-spark{position:absolute;width:7px;height:7px;background:#bea1cd;border-radius:50%;animation:care-pulse 4s ease-in-out infinite}.spark-one{right:18%;top:18%}.spark-two{left:15%;bottom:35%;background:#c64a64;animation-delay:-2s}
@keyframes care-orbit{to{transform:rotate(360deg)}}@keyframes care-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes care-pulse{0%,100%{opacity:.4;box-shadow:0 0 0 0 #bb9bcc00}50%{opacity:1;box-shadow:0 0 0 7px #bb9bcc18}}
.motion-paused .connection-art *,.page-hidden .connection-art *{animation-play-state:paused!important}
.home-faq{border-top:1px solid var(--line);padding-block:60px 65px}.home-faq .home-section-heading{margin-bottom:25px}.home-faq-list{max-width:100%}.home-faq details{border-bottom:1px solid var(--line)}.home-faq summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 0;cursor:pointer;list-style:none;font-size:17px;font-weight:450;letter-spacing:-.02em}.home-faq summary::-webkit-details-marker{display:none}.home-faq summary .icon{width:20px;height:20px;flex-shrink:0;transition:transform .3s}.home-faq details[open] summary .icon{transform:rotate(45deg)}.home-faq .faq-answer{padding:0 45px 25px 0;max-width:720px}.home-faq .faq-answer p{font-size:14px;line-height:1.85;color:#64616c;margin:0}.home-faq .faq-answer a{text-decoration:underline;text-underline-offset:3px;color:#35303c}
@media(max-width:1100px){.focus-card{padding:23px;min-height:365px}.focus-copy h3{font-size:27px}.focus-art{width:145px;height:217.5px}.connection-chapter{padding:45px;gap:20px}.connection-copy h2{font-size:43px}.connection-chip{font-size:10px;padding:12px 15px}}
@media(max-width:800px){.home-section-heading{display:block;margin-bottom:25px}.home-section-heading>p{max-width:480px;margin-top:19px}.home-section-heading>.quiet-link{margin-top:20px}.focus-grid{grid-template-columns:1fr;gap:14px}.focus-card{min-height:245px;padding:27px}.focus-copy{padding-top:40px;max-width:60%}.focus-copy h3{font-size:31px}.focus-copy p{max-width:310px}.focus-art{width:170px;height:255px;right:-5px;top:10px;opacity:.9;mask-image:linear-gradient(#000 80%,transparent)}.connection-chapter{grid-template-columns:1fr;gap:5px;padding:40px}.connection-copy h2{font-size:45px}.connection-art{max-width:375px;width:100%;margin-top:15px}.connection-copy>p:not(.fan-eyebrow){max-width:460px}.connection-chip{font-size:12px;padding:14px 18px}.connection-centre{font-size:46px}.care-focus{padding-block:40px 45px}.startup-section{border-top:0}.home-faq{padding-block:40px 45px}}
@media(max-width:600px){.home-section-heading h2{font-size:33px;margin-top:14px;max-width:300px}.home-section-heading>p{font-size:13px;line-height:1.8}.focus-card{border-radius:23px;padding:23px;min-height:250px}.focus-number{font-size:7px;letter-spacing:.12em}.focus-copy{max-width:64%;padding-top:45px}.focus-copy h3{font-size:28px;margin-bottom:12px}.focus-copy p{font-size:12px;line-height:1.75;max-width:195px}.focus-art{width:125px;height:187.5px;right:-30px;top:30px}.focus-footnote{font-size:9px;max-width:275px}.connection-chapter{border-radius:25px;padding:32px 24px 20px;gap:0}.connection-copy h2{font-size:35px;margin-top:20px}.connection-copy>p:not(.fan-eyebrow){font-size:13px;margin-top:18px}.connection-art{margin-top:24px;max-width:320px}.connection-chip{font-size:10px;padding:11px 13px;border-radius:14px;gap:7px}.connection-chip .icon{width:15px;height:15px}.connection-centre{font-size:37px}.chip-family{right:-1%}.home-faq summary{font-size:15px;line-height:1.5;padding:21px 0;gap:18px}.home-faq .faq-answer{padding:0 10px 23px 0}.home-faq .faq-answer p{font-size:13px}.home-faq .home-section-heading{margin-bottom:18px}}
@media(max-width:360px){.focus-card{padding:20px}.focus-copy{max-width:65%}.focus-copy h3{font-size:25px}.focus-copy p{font-size:11px}.focus-art{width:115px;height:172.5px;right:-30px;top:43px}.connection-chapter{padding:29px 20px 18px}.connection-copy h2{font-size:30px}.connection-chip{font-size:9px;padding:10px}.home-section-heading h2{font-size:29px}}
.reduce-motion .connection-art{transform:none!important}
@media(prefers-reduced-motion:reduce){.connection-art{transform:none!important}}

/* Added motion layers compose with the existing scroll transforms. */
.fan-card{animation:fan-drift 7s ease-in-out infinite}
.card-stethoscope{animation-delay:-2s}.card-heart{animation-delay:-4s;animation-duration:8s}.card-cross{animation-delay:-1s;animation-duration:7.5s}.card-medicine{animation-delay:-5s;animation-duration:9s}
@keyframes fan-drift{0%,100%{translate:0 3px;rotate:-.5deg}50%{translate:0 -11px;rotate:1deg}}
.fan-heading .accent-dot{position:relative}.fan-heading .accent-dot:after{content:'';position:absolute;width:9px;height:9px;right:1px;bottom:12px;border-radius:50%;background:#c5375318;animation:hero-dot 3.6s ease-out infinite;z-index:-1}
@keyframes hero-dot{0%{scale:.5;opacity:0}25%{opacity:1}80%,100%{scale:3.5;opacity:0}}
.focus-card{--art-shift:0px;--art-turn:0deg;--art-angle:13deg;--tilt-x:0deg;--tilt-y:0deg;--card-lift:0px;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--card-lift));transition:opacity .9s var(--ease-out),transform .65s var(--ease-out),box-shadow .5s var(--ease-out)}
.focus-urgent{--art-angle:-11deg}.focus-people{--art-angle:12deg}
.focus-art{transform:translateY(var(--art-shift)) rotate(calc(var(--art-angle) + var(--art-turn)));animation:care-art-float 6s ease-in-out infinite;will-change:transform,translate}
.focus-cross{animation-delay:-2s}.focus-stethoscope{animation-delay:-4s;animation-duration:7s}
@keyframes care-art-float{0%,100%{translate:0 2px}50%{translate:0 -8px}}
.focus-card:nth-child(2){transition-delay:.14s}.focus-card:nth-child(3){transition-delay:.28s}
@media(hover:hover){.focus-card:hover{--card-lift:-7px;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--card-lift))}.focus-card:hover .focus-art{transform:translateY(calc(var(--art-shift) - 9px)) rotate(calc(var(--art-angle)/2 + var(--art-turn)))}}
.connection-centre:before,.connection-centre:after{content:'';position:absolute;inset:-1px;border:1px solid #b9a7ca;border-radius:50%;pointer-events:none;animation:connection-ripple 5s ease-out infinite;z-index:-1}.connection-centre:after{animation-delay:-2.5s}
@keyframes connection-ripple{0%{scale:1;opacity:0}15%{opacity:.45}100%{scale:2.4;opacity:0}}
.connection-centre{isolation:isolate;animation:centre-float 8s ease-in-out infinite}
@keyframes centre-float{0%,100%{translate:0 2px}50%{translate:0 -5px}}
.connection-copy h2>span{position:relative;display:inline-block}.connection-copy h2>span:after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:2px;background:#bca7cf;transform:scaleX(0);transform-origin:0 50%;transition:transform 1.3s var(--ease-out) .5s}.connection-copy.is-revealed h2>span:after{transform:scaleX(1)}
.quiet-link{transition:gap .35s var(--ease-out)}.quiet-link:hover{gap:35px}
.motion-paused .fan-card,.motion-paused .focus-art,.motion-paused .connection-centre,.motion-paused .connection-centre:before,.motion-paused .connection-centre:after,.page-hidden .fan-card,.page-hidden .focus-art,.page-hidden .connection-centre,.page-hidden .connection-centre:before,.page-hidden .connection-centre:after{animation-play-state:paused!important}
@media(max-width:800px){@keyframes fan-drift{0%,100%{translate:0 2px;rotate:-.4deg}50%{translate:0 -6px;rotate:.6deg}}.fan-heading .accent-dot:after{width:5px;height:5px;bottom:6px}.focus-card{--tilt-x:0deg!important;--tilt-y:0deg!important}}
.reduce-motion .focus-card,.reduce-motion .focus-art{transform:none!important;translate:none!important;rotate:none!important}.reduce-motion .connection-copy h2>span:after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.focus-card,.focus-art{transform:none!important;translate:none!important;rotate:none!important}.connection-copy h2>span:after{transform:scaleX(1)}}

.fan-heading.motion-paused .accent-dot:after,.page-hidden .fan-heading .accent-dot:after{animation-play-state:paused!important}
/* Refined device hardware and a staggered, depth-based hero opening. */
.phone-shell{padding:6px;border-radius:36px;background:linear-gradient(115deg,#66666b 0%,#121215 5%,#242427 47%,#0b0b0d 95%,#69696d 100%);overflow:visible;animation:none;box-shadow:0 0 0 1px #54545a,0 0 0 2px #c2beb8,0 25px 45px -22px #24222d55}
.phone-shell:before,.phone-shell:after{content:none}
.phone-screen{position:relative;background:#faf9f7;overflow:hidden;border-radius:29px;isolation:isolate;box-shadow:0 0 0 1px #000}
.phone-status{height:24px;background:#faf9f7;padding:0 14px;border-radius:0;font-size:8px;font-weight:650;letter-spacing:0}
.phone-island{width:62px;height:16px;top:4px;background:#09090b;box-shadow:inset 0 0 0 1px #202024}
.phone-island i{position:absolute;right:8px;top:5px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#5a5668,#14131b 65%);box-shadow:0 0 0 1px #27262f}
.phone-reception{width:27px;height:9px;display:block}
.phone-shell img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:contain;border-radius:0;background:#faf9f7}
.phone-bottom{position:relative;z-index:2;height:16px;margin-top:-8px;background:#faf9f7;border-radius:0}
.phone-bottom span{width:64px;height:3px;background:#1b1b1e}
.phone-side-button{position:absolute;width:2px;background:linear-gradient(#aaa9ae,#4a494e);border-radius:2px;z-index:-1}
.side-volume{left:-3px;top:20%;height:29px;box-shadow:0 36px 0 #78777c}.side-power{right:-3px;top:27%;height:44px}
.fan-stage{transform-style:preserve-3d}
.fan-card{--open:1;opacity:calc(.2 + .8*var(--open));transform:translate3d(calc(var(--x)*var(--open)*(1 + .13*var(--flow))),calc(var(--y)*var(--open) + 32px*var(--flow)),calc(-110px*(1 - var(--open)) - 65px*var(--flow))) rotateZ(calc(var(--angle)*var(--open)*(1 - .25*var(--flow)))) rotateY(calc(var(--direction)*68deg*(1 - var(--open)) + var(--pointer)*var(--direction))) scale(calc(.83 + .17*var(--open) - .035*var(--flow)));transform-origin:50% 65%;animation:fan-breath 9s ease-in-out infinite}
@keyframes fan-breath{0%,100%{translate:0 1px;rotate:0deg}50%{translate:0 -5px;rotate:0deg}}
.fan-phone{transform:translateY(calc(-50% + 8px*var(--flow))) scale(calc(1 - .055*var(--flow)));will-change:auto}
.fan-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffff28 45%,#ffffff00 65%);transform:translateX(-120%);animation:hero-light-sweep 2.8s var(--ease-out) 1 both}
.card-heart:after{animation-delay:.2s}.card-cross:after{animation-delay:.35s}.card-stethoscope:after{animation-delay:.5s}.card-medicine:after{animation-delay:.65s}
@keyframes hero-light-sweep{to{transform:translateX(120%)}}
.hero-scroll-cue{display:inline-flex;align-items:center;gap:9px;font-size:9px;color:#73717b;margin-top:20px;padding:6px 12px;letter-spacing:.02em}.hero-scroll-cue>span{display:inline-block;font-size:14px;animation:scroll-nudge 2.8s ease-in-out infinite}
@keyframes scroll-nudge{0%,100%{translate:0 -2px;opacity:.5}50%{translate:0 3px;opacity:1}}
/* A visual chapter about the product's public design principles. */
.design-chapter{--journey-progress:0;padding:48px;background:#f4f0e5;border-radius:30px;margin-bottom:65px;overflow:hidden}
.design-chapter .home-section-heading h2{font-size:clamp(33px,3.2vw,46px)}.design-chapter .home-section-heading>p{max-width:265px;color:#696459}
.design-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;position:relative;padding-top:15px;margin-top:38px}
.principle-track{position:absolute;left:20px;right:20px;top:36px;height:1px;background:#dcd5c4;overflow:hidden}.principle-track>span{position:absolute;inset:0;background:#b1a381;transform:scaleX(var(--journey-progress));transform-origin:0 50%;transition:transform .2s linear}.principle-track:after{content:'';position:absolute;left:0;top:0;width:20%;height:100%;background:linear-gradient(90deg,transparent,#9f8763,transparent);animation:principle-light 7s ease-in-out infinite}
@keyframes principle-light{0%{translate:-100% 0;opacity:0}20%{opacity:1}80%{opacity:1}100%{translate:600% 0;opacity:0}}
.design-principle{position:relative;z-index:1}.principle-number{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#f4f0e5;border:1px solid #d3c9b4;color:#817256;font-size:12px;font-weight:500;letter-spacing:-.02em}
.design-principle h3{font-family:var(--sans);font-size:29px;font-weight:450;letter-spacing:-.04em;margin-top:30px;line-height:1.15}.design-principle p{font-size:13px;line-height:1.85;color:#696459;max-width:270px;margin-top:16px}.design-principle:nth-of-type(2){transition-delay:.15s}.design-principle:nth-of-type(3){transition-delay:.3s}
.motion-paused .fan-card:after,.motion-paused .hero-scroll-cue>span,.motion-paused .principle-track:after,.page-hidden .fan-card:after,.page-hidden .hero-scroll-cue>span,.page-hidden .principle-track:after{animation-play-state:paused!important}
@media(max-width:800px){.phone-shell{padding:5px;border-radius:32px}.phone-screen{border-radius:27px}.phone-status{height:23px;padding-inline:12px;font-size:7px}.phone-island{width:55px;height:14px;top:4px}.phone-island i{width:4px;height:4px;top:5px;right:7px}.phone-reception{width:24px;height:8px}.phone-bottom{height:14px;margin-top:-7px}.phone-bottom span{width:57px;height:2.5px}.design-chapter{padding:35px;margin-bottom:45px;border-radius:26px}.design-principles{gap:28px;margin-top:30px}.design-principle h3{font-size:25px}.design-principle p{font-size:12px}}
@media(max-width:600px){.phone-shell{border-radius:29px}.phone-screen{border-radius:24px}.phone-status{height:22px;padding-inline:11px}.phone-island{width:49px;height:13px;top:4px}.phone-reception{width:22px;height:7px}.phone-bottom{height:13px}.phone-bottom span{width:52px;height:2px}.phone-side-button{width:1.5px}.side-volume{left:-2px;height:23px;box-shadow:0 28px 0 #78777c}.side-power{right:-2px;height:34px}.hero-scroll-cue{font-size:8px;margin-top:13px}.design-chapter{padding:30px 24px}.design-chapter .home-section-heading h2{font-size:32px}.design-chapter .home-section-heading>p{font-size:13px}.design-principles{grid-template-columns:1fr;gap:28px;margin-top:28px;padding-top:0}.principle-track{top:20px;bottom:20px;left:19px;right:auto;width:1px;height:auto}.principle-track>span{transform:scaleY(var(--journey-progress));transform-origin:50% 0}.principle-track:after{width:100%;height:20%;background:linear-gradient(transparent,#9f8763,transparent);animation-name:principle-light-vertical}.principle-number{width:39px;height:39px;font-size:11px;position:absolute;top:0;left:0}.design-principle{padding-left:61px;min-height:85px}.design-principle h3{font-size:25px;margin-top:5px;line-height:1.2}.design-principle p{font-size:12px;margin-top:11px}.design-chapter .home-section-heading{margin-bottom:0}}
@keyframes principle-light-vertical{0%{translate:0 -100%;opacity:0}20%{opacity:1}80%{opacity:1}100%{translate:0 600%;opacity:0}}
@media(max-width:360px){.phone-shell{padding:4px;border-radius:27px}.phone-screen{border-radius:23px}.phone-status{height:21px;padding-inline:10px;font-size:6.5px}.phone-island{width:43px;height:12px}.phone-reception{width:21px}.phone-bottom{height:12px}.design-chapter{padding:27px 20px}.design-chapter .home-section-heading h2{font-size:28px}.design-principle{padding-left:54px}.design-principle h3{font-size:23px}}
.reduce-motion .fan-card{--open:1!important;translate:none!important;rotate:none!important}.reduce-motion .principle-track>span{transform:none}.reduce-motion .fan-card:after{display:none}
@media(prefers-reduced-motion:reduce){.fan-card{--open:1!important;translate:none!important;rotate:none!important}.principle-track>span{transform:none}.fan-card:after{display:none}}
/* Scroll-driven hero scene. Native document scrolling remains the only timeline. */
.hero-scroll-track{position:relative;--hero-nav:88px}
.fan-hero{--scene-progress:0;--burst:0;--focus:0;--settle:0;--cards-fade:0;--copy-out:0;--scene-message:0;--phone-turn:0deg}
.hero-scene-message{display:none}
.js-motion:not(.reduce-motion) .hero-scroll-track{height:calc(230svh - var(--hero-nav));min-height:1400px}
.js-motion:not(.reduce-motion) .fan-hero{position:sticky;top:var(--hero-nav);height:calc(100svh - var(--hero-nav));min-height:650px;max-height:1000px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:16px 24px 18px;overflow:clip;isolation:isolate;background:#faf9f7}
.js-motion:not(.reduce-motion) .fan-heading{opacity:calc(1 - var(--copy-out));transform:translateY(calc(-40px*var(--copy-out))) scale(calc(1 - .045*var(--copy-out)));transform-origin:50% 0;will-change:transform,opacity;pointer-events:auto}
.js-motion:not(.reduce-motion) .fan-heading h1{font-size:clamp(44px,6.7svh,76px);margin-top:17px;line-height:1.02}
.js-motion:not(.reduce-motion) .fan-stage{height:100%;min-height:0;margin:5px auto;max-width:1160px;overflow:visible}
.js-motion:not(.reduce-motion) .fan-stage:before{content:'';position:absolute;left:50%;top:50%;width:min(68vw,700px);aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,#e9dff066 0%,#f5ecd530 45%,#faf9f700 70%);transform:translate(-50%,-50%) scale(calc(.8 + .8*var(--focus)));opacity:calc(.85*var(--focus));pointer-events:none;z-index:-1}
.js-motion:not(.reduce-motion) .fan-card{--orbit-y:0px;--orbit-angle:0deg;--exit-side:1;opacity:calc((.2 + .8*var(--open))*(1 - .72*var(--cards-fade)));transform:translate3d(calc(var(--x)*var(--open) + var(--exit-side)*210px*var(--burst)),calc(var(--y)*var(--open) + var(--orbit-y)*var(--burst)),calc(-110px*(1 - var(--open)) - 170px*var(--burst))) rotateZ(calc(var(--angle)*var(--open) + var(--orbit-angle)*var(--burst))) rotateY(calc(var(--direction)*68deg*(1 - var(--open)) + var(--exit-side)*28deg*var(--burst) + var(--pointer)*var(--direction))) scale(calc(.83 + .17*var(--open) - .08*var(--burst)))}
.js-motion:not(.reduce-motion) .card-stethoscope{--exit-side:-1;--orbit-y:100px;--orbit-angle:-14deg}.js-motion:not(.reduce-motion) .card-heart{--exit-side:-1;--orbit-y:-65px;--orbit-angle:16deg}.js-motion:not(.reduce-motion) .card-cross{--exit-side:1;--orbit-y:75px;--orbit-angle:-16deg}.js-motion:not(.reduce-motion) .card-medicine{--exit-side:1;--orbit-y:-100px;--orbit-angle:14deg}
.js-motion:not(.reduce-motion) .fan-phone{transform:translateY(-50%) rotateY(var(--phone-turn)) scale(calc(1 + .28*var(--focus) - .09*var(--settle)));transform-origin:50% 50%;z-index:9}
.js-motion:not(.reduce-motion) .fan-caption{margin:0 auto;opacity:calc(1 - var(--copy-out));transform:translateY(calc(18px*var(--copy-out)));will-change:opacity,transform;z-index:12}
.js-motion:not(.reduce-motion) .hero-scroll-cue{margin-top:12px}
.js-motion:not(.reduce-motion) .hero-scene-message{display:block;position:absolute;left:20px;right:20px;bottom:28px;z-index:12;text-align:center;opacity:var(--scene-message);transform:translateY(calc(24px*(1 - var(--scene-message))));pointer-events:none}
.hero-scene-message>p:not(.fan-eyebrow){font-size:clamp(30px,3.3vw,45px);line-height:1.1;letter-spacing:-.05em;font-weight:450;margin-top:12px}.hero-scene-message>p>span{color:#826c91}.hero-scene-message>small{font-size:12px;color:#77717d;display:block;margin-top:10px}
@media(min-width:801px) and (max-height:820px){.js-motion:not(.reduce-motion) .fan-stage{--phone-w:180px;--tile-w:192px;--tile-h:288px}.js-motion:not(.reduce-motion) .fan-heading h1{font-size:49px}.js-motion:not(.reduce-motion) .fan-caption p{font-size:13px}.js-motion:not(.reduce-motion) .fan-download{height:42px;margin-top:10px;font-size:13px}.js-motion:not(.reduce-motion) .hero-scroll-cue{margin-top:7px}.js-motion:not(.reduce-motion) .fan-hero{min-height:570px}}
@media(max-width:800px){.hero-scroll-track{--hero-nav:76px}.js-motion:not(.reduce-motion) .hero-scroll-track{height:calc(200svh - var(--hero-nav));min-height:1280px}.js-motion:not(.reduce-motion) .fan-hero{min-height:610px;padding:23px 12px 20px}.js-motion:not(.reduce-motion) .fan-heading h1{font-size:clamp(31px,8.4vw,48px);line-height:1.08;margin-top:20px}.js-motion:not(.reduce-motion) .fan-stage{margin:6px auto;max-width:620px}.js-motion:not(.reduce-motion) .fan-card{transform:translate3d(calc(var(--x)*var(--open) + var(--exit-side)*118px*var(--burst)),calc(var(--y)*var(--open) + var(--orbit-y)*.65*var(--burst)),calc(-90px*(1 - var(--open)) - 80px*var(--burst))) rotateZ(calc(var(--angle)*var(--open) + var(--orbit-angle)*var(--burst))) rotateY(calc(var(--direction)*68deg*(1 - var(--open)) + var(--exit-side)*22deg*var(--burst))) scale(calc(.83 + .17*var(--open) - .08*var(--burst)))}.js-motion:not(.reduce-motion) .fan-phone{transform:translateY(-50%) rotateY(var(--phone-turn)) scale(calc(1 + .25*var(--focus) - .07*var(--settle)))}.js-motion:not(.reduce-motion) .hero-scene-message{bottom:36px}.hero-scene-message>p:not(.fan-eyebrow){font-size:33px}.hero-scene-message>small{font-size:10px}.js-motion:not(.reduce-motion) .fan-caption{margin:0 auto}}
@media(max-width:360px){.hero-scroll-track{--hero-nav:70px}.js-motion:not(.reduce-motion) .fan-hero{min-height:570px;padding-top:20px}.js-motion:not(.reduce-motion) .fan-heading h1{font-size:29px}.js-motion:not(.reduce-motion) .hero-scene-message{bottom:28px}.hero-scene-message>p:not(.fan-eyebrow){font-size:29px}}
@media(prefers-reduced-motion:reduce){.js-motion .hero-scroll-track{height:auto!important;min-height:0!important}.js-motion .fan-hero{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;max-height:none!important;display:block!important;padding:24px 24px 0!important}.js-motion .fan-heading,.js-motion .fan-caption{opacity:1!important;transform:none!important}.js-motion .fan-stage{height:480px!important;margin:12px auto 0!important}.js-motion .fan-card{transform:translate3d(calc(var(--x)*var(--open)),calc(var(--y)*var(--open)),0) rotateZ(calc(var(--angle)*var(--open)))!important;opacity:1!important}.js-motion .fan-phone{transform:translateY(-50%)!important}.js-motion .hero-scene-message{display:none!important}.js-motion .fan-stage:before{display:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:800px){.js-motion .fan-stage{height:410px!important}.js-motion .fan-hero{padding:27px 12px 0!important}}
@media(prefers-reduced-motion:reduce) and (max-width:360px){.js-motion .fan-stage{height:365px!important}}

@media(min-width:801px){.js-motion:not(.reduce-motion) .fan-phone{transform:translateY(calc(-50% - 40px*var(--scene-message))) rotateY(var(--phone-turn)) scale(calc(1 + .28*var(--focus) - .09*var(--settle)))}}