/* CG171 · motion and the app finish. Loaded last. */
/* cards rise in (the class is only ever set by js/reveal-cg171.js, and never under reduced motion) */
.rv{opacity:0;transform:translateY(24px)}
.rv.rv-in{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}

/* the photograph beside the letter */
.t9-photo{margin:40px 0 0}
.t9-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:24px;box-shadow:0 24px 60px rgba(10,22,51,.14)}
.t9-photo figcaption{margin:12px 0 0;font-size:13px;line-height:1.4;color:#5a6274}

/* straight answers, as an accordion beside Ask the firm */
.t9-faq{margin:32px 0 0;border-top:1px solid var(--t9-line,#e3e7ef)}
.t9-faq details{border-bottom:1px solid var(--t9-line,#e3e7ef)}
.t9-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;list-style:none;font:500 17px/1.35 Rubik,system-ui,sans-serif;color:var(--t9-ink,#0a1633)}
.t9-faq summary::-webkit-details-marker{display:none}
.t9-faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:#eaf0ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231559F5' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 7v10M7 12h10'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .25s}
.t9-faq details[open] summary::after{transform:rotate(45deg)}
.t9-faq summary:focus-visible{outline:2px solid var(--t9-blue,#1559F5);outline-offset:4px;border-radius:4px}
.t9-faq details p{margin:0 0 20px;font-size:17px;line-height:1.6;color:var(--t9-char,#454d5c)}

/* Add to Home Screen, in the More sheet */
.sh-steps{margin:4px 0 0;padding:0;list-style:none;counter-reset:s}
.sh-steps li{position:relative;padding:16px 0 16px 52px;border-bottom:1px solid #e3e7ef;counter-increment:s}
.sh-steps li::before{content:counter(s);position:absolute;left:0;top:14px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1559F5;color:#fff;font:700 17px/1 Rubik,system-ui,sans-serif}
.sh-steps b{display:block;font:600 17px/1.3 Rubik,system-ui,sans-serif;color:#0a1633}
.sh-steps span{display:block;margin-top:4px;font-size:15px;line-height:1.45;color:#454d5c}
.sh-note{margin:16px 0 8px;font-size:15px;color:#5a6274}

@media (width<=760px),(max-height:500px) and (pointer:coarse){
  .t9-photo{margin-top:24px}
  .t9-photo img{border-radius:20px}
}
/* the grounds still alternate with Straight answers folded into Ask the firm */
html body main section.cg-ask:not(#a):not(#b):not(#c){background:#fff}
/* /platform/: the two apps, and Navigator's three screens */
.os-apps{margin:48px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.os-apps a{display:flex;flex-direction:column;gap:12px;height:100%;padding:36px 32px;border-radius:28px;background:linear-gradient(160deg,#1559F5,#0d44d0);color:#fff;text-decoration:none;box-shadow:0 24px 60px rgba(21,89,245,.22);transition:transform .25s}
.os-apps a:hover{transform:translateY(-4px)}
.os-apps a:focus-visible{outline:3px solid #0a1633;outline-offset:3px}
.os-apps .os-ck{margin:0;color:rgba(255,255,255,.8)}
.os-apps b{font:800 32px/1.05 Rubik,system-ui,sans-serif;letter-spacing:-.03em}
.os-apps span{font-size:17px;line-height:1.5;color:rgba(255,255,255,.9)}
.os-apps .t9-tile-go{margin-top:auto;color:#fff;font-weight:500}
.os-navs{margin:56px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.os-navs figure{margin:0}
.os-navs .st-pbezel{max-width:300px;margin:0 auto;padding:9px;border-radius:44px;background:#0d1018;box-shadow:0 30px 80px rgba(10,22,51,.25)}
.os-navs .st-pbezel img{display:block;width:100%;height:auto;border-radius:36px}
.os-navs figcaption{margin:24px auto 0;max-width:300px}
.os-navs figcaption b{display:block;font:700 20px/1.2 Rubik,system-ui,sans-serif;color:var(--t9-ink,#0a1633)}
.os-navs figcaption span{display:block;margin-top:8px;font-size:15px;line-height:1.5;color:var(--t9-char,#454d5c)}
.os-navctas{margin-top:40px!important;justify-content:flex-start!important}
@media (width<=1100px){.os-navs{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media (width<=760px),(max-height:500px) and (pointer:coarse){
  .os-apps{grid-template-columns:1fr;gap:12px;margin-top:32px}
  .os-apps a{padding:24px 20px;border-radius:22px}
  .os-apps b{font-size:24px}
  .os-navs{grid-template-columns:1fr;gap:32px;margin-top:32px}
  .os-navs li{min-width:0}
  .os-navs figure{display:grid;grid-template-columns:44% 1fr;gap:16px;align-items:center}
  .os-navs figcaption{margin:0}
  .os-navs figcaption b{font-size:17px}
  .os-navs .st-pbezel{padding:6px;border-radius:32px}.os-navs .st-pbezel img{border-radius:26px}
  .os-navctas .t9-btn{flex:1 1 140px;justify-content:center}
}
/* the letter: the note under a section added after the recording */
.tg-lnote{font-size:15px!important;color:#5a6274!important;font-style:italic}