/* Circle's existing paper, painted artwork and terracotta reading palette. */
.why-apps-page { background:#fbf6eb; color:#343443; }
.why-apps-page main { max-width:1240px; margin:auto; }
.why-hero { position:relative; isolation:isolate; overflow:hidden; min-height:560px; background:#fbf1db; }
.why-hero picture { position:absolute; inset:0; z-index:-1; }
.why-hero picture::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(251,246,235,.96) 0%,rgba(251,246,235,.94) 32%,rgba(251,246,235,.82) 44%,transparent 60%); }
.why-hero picture img { width:100%; height:100%; object-fit:cover; object-position:center; }
.why-hero-copy { padding:52px 44px 56px; max-width:48%; }
.why-apps-page .eyebrow { color:#9b492e; font-size:12px; letter-spacing:.1em; line-height:1.5; }
.why-hero h1 { margin:14px 0 22px; max-width:12ch; font-size:clamp(38px,4.5vw,62px); line-height:1.03; letter-spacing:-.045em; color:#32384a; overflow-wrap:break-word; }
.why-hero-copy > p:not(.eyebrow) { max-width:35ch; font-size:18px; line-height:1.6; color:#41414a; }
.why-apps-page .why-primary { display:inline-flex; align-items:center; gap:8px; min-height:46px; max-width:100%; margin-top:18px; padding:12px 19px; border-radius:7px; color:#fff; background:#984323; font-size:15px; font-weight:650; line-height:1.4; text-decoration:none; }
.why-apps-page .why-primary:hover { background:#77351e; }
.why-apps-page a:focus-visible,.why-apps-page button:focus-visible { outline:3px solid #1d6c7b; outline-offset:4px; }
.why-contents { display:flex; flex-wrap:wrap; gap:14px 28px; padding:22px 44px; border-bottom:1px solid #dccdb6; }
.why-apps-page .why-contents a { font-size:14px; color:#713e2c; text-decoration:underline; text-underline-offset:4px; }
.why-reading { max-width:960px; margin:0 auto; padding:0 44px 60px; }
.why-reading p,.why-reading li { font-size:18px; line-height:1.75; color:#48464b; }
.why-reading p { margin:16px 0; }
.why-intro { padding:28px 0 15px; max-width:72ch; }
.why-reading > section { padding:38px 0; border-bottom:1px solid #dccdb6; scroll-margin-top:100px; }
.why-reading h2 { margin:0 0 24px; font-size:clamp(27px,3vw,38px); line-height:1.18; letter-spacing:-.025em; color:#35394b; }
.why-reading h3 { margin:0; font-size:21px; line-height:1.35; color:#6f3b2b; }
.why-reading a:not(.why-primary) { color:#824127; text-underline-offset:4px; }
.why-steps { padding-left:28px; }
.why-steps li { padding-left:9px; margin:0 0 22px; }
.why-steps li::marker { color:#9b492e; font-weight:700; }
.why-reasons { display:grid; grid-template-columns:1fr 1fr; gap:27px 44px; }
.why-reason p { margin:9px 0 0; }
.why-illustrated { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:36px; align-items:center; }
.why-illustrated img { display:block; width:100%; height:auto; border-radius:48% 48% 44% 44%; }
.why-reading .why-philosophy { border:0; padding-bottom:10px; }
.why-philosophy > p:not(.eyebrow) { max-width:28ch; font-size:clamp(25px,3vw,35px); line-height:1.4; color:#35394b; }
.why-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; }
.why-actions button { margin-top:18px; padding:12px; border:0; background:transparent; color:#824127; font:inherit; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
@media(max-width:1000px) {
 .why-hero { display:flex; flex-direction:column; min-height:0; }
 .why-hero-copy { max-width:100%; padding:36px 32px 22px; }
 .why-hero h1 { max-width:22ch; font-size:clamp(36px,6.8vw,56px); }
 .why-hero-copy > p:not(.eyebrow) { max-width:58ch; }
 .why-hero picture { position:static; order:2; }
 .why-hero picture::after { display:none; }
 .why-hero picture img { display:block; height:auto; aspect-ratio:2 / 1; object-fit:contain; }
 .why-illustrated { grid-template-columns:minmax(0,1fr) 200px; gap:25px; }
}
@media(max-width:600px) {
 .why-hero-copy { padding:28px 22px 20px; }
 .why-hero h1 { max-width:16ch; font-size:38px; }
 .why-hero-copy > p:not(.eyebrow) { font-size:17px; }
 .why-contents { padding:20px 22px; gap:12px 20px; }
 .why-reading { padding:0 22px 30px; }
 .why-reading p,.why-reading li { font-size:17px; line-height:1.7; }
 .why-reading > section { padding:30px 0; }
 .why-reasons { grid-template-columns:1fr; gap:25px; }
 .why-illustrated { grid-template-columns:1fr; gap:12px; }
 .why-illustrated img { width:min(100%,280px); margin:0 auto; }
}

.why-device-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:10px; max-width:450px; }
.why-device-actions .why-primary { padding:12px 10px; gap:6px; justify-content:center; text-align:center; }
.why-apps-page .why-android { background:#275e64; }
.why-apps-page .why-android:hover { background:#1b454a; }