/* generated by _src/tools/mk_closer.py from the homepage's live closer rules: edit there */
.closer :focus-visible { outline-color: rgb(255, 255, 255); }
.closer .btn-e:focus-visible { outline-color: rgb(255, 255, 255); }
.closer .closer-doc .btn-e:focus-visible { outline-color: var(--ink); }
.closer .btn-e { background: linear-gradient(rgb(123, 160, 255), rgb(108, 143, 255) 55%, rgb(91, 130, 255)); color: var(--ink); box-shadow: rgba(91, 130, 255, 0.55) 0px 12px 28px -10px, rgba(255, 255, 255, 0.3) 0px 1px 0px inset; }
.closer .closer-doc .btn-e { background: linear-gradient(rgb(36, 80, 232), rgb(27, 69, 224) 55%, rgb(21, 56, 180)); color: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0px inset, rgba(0, 0, 0, 0.2) 0px -2px 0px inset, rgba(27, 69, 224, 0.62) 0px 12px 28px -10px; }
.closer .closer-doc .btn-e:hover { background: linear-gradient(rgb(27, 69, 224), rgb(15, 46, 158)); box-shadow: var(--glow-royal), inset 0 1px 0 rgba(255,255,255,.28); }
.closer .btn-wa { background: transparent; color: rgb(255, 255, 255); border: 1.5px solid rgba(255, 255, 255, 0.5); box-shadow: none; }
.closer .btn-wa:hover { background: rgba(255, 255, 255, 0.12); border-color: rgb(255, 255, 255); }
.closer .btn-wa svg { fill: var(--wa) !important; }
.closer { position: relative; overflow: clip; background: var(--space-1); color: rgb(255, 255, 255); view-timeline-name: --closer; }
.closer video { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0.42; z-index: 0; }
.closer::after { content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(250,246,241,.95), rgba(226,103,15,.18) 60px, transparent 130px),
             radial-gradient(60% 70% at 50% 0%, rgba(226,103,15,.22), transparent 62%),
             linear-gradient(180deg,rgba(10,17,40,.72),rgba(10,17,40,.94) 78%,var(--space-0)); }
.closer-in { position: relative; z-index: 2; text-align: center; max-width: 940px; margin-inline: auto; }
.closer h2 { color: rgb(255, 255, 255); }
.closer p { margin: 18px auto 0px; max-width: 54ch; font-size: clamp(16px, 1.55vw, 20px); color: var(--on-d-2); }
.closer-btns { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; margin-top: 30px; max-width: 520px; margin-inline: auto; }
@media (max-width: 560px){.closer-btns { grid-template-columns: 1fr; }}
.closer-btns .btn { font-size: var(--fs-cta); }
.closer-doc { margin: 26px auto 0px; max-width: 620px; background: rgb(255, 253, 248); color: var(--ink); border-radius: 16px; padding: 22px 26px 24px; text-align: start; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 10px, rgba(0, 0, 0, 0.7) 0px 44px 90px -40px; }
.cd-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.cd-head b { font-size: var(--fs-6); font-weight: 800; color: var(--ink); }
.cd-no { font-size: var(--fs-1); font-weight: 700; color: var(--slate); letter-spacing: 0.04em; }
.cd-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 16px 0px 4px; }
.cd-cell { text-align: center; padding: 11px 6px; border-radius: 10px; background: rgb(250, 246, 238); border: 1px solid rgba(10, 17, 40, 0.08); }
.cd-cell b { display: block; font-size: clamp(20px, 2vw, 26px); font-weight: 800; color: var(--royal); font-variant-numeric: tabular-nums; }
.cd-cell span { display: block; margin-top: 3px; font-size: var(--fs-1); font-weight: 700; color: var(--slate); }
.closer-doc .closer-btns { margin-top: 16px; max-width: none; }
.closer-doc .btn-wa { background: var(--wa); color: var(--wa-ink); border: 0px; box-shadow: var(--glow-wa); }
.closer-doc .closer-trust { margin: 14px 0px 0px; max-width: none; text-align: center; font-size: var(--fs-2); color: var(--slate); }
@media (max-width: 560px){.cd-row { grid-template-columns: 1fr; gap: 8px; }}
@media (prefers-reduced-motion: no-preference){.daypad { animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: dpIn; animation-timeline: --closer; animation-range: entry 5% entry 40%; }}
@media (prefers-reduced-motion: no-preference){.dp-tear { animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: dpTear; animation-timeline: --closer; animation-range: entry 15% entry 55%; }}
.daypad { position: relative; width: 96px; height: 112px; margin: 0px auto 26px; }
.dp-bind { position: absolute; top: 0px; inset-inline: 8px; height: 18px; z-index: 3; border-radius: 5px 5px 2px 2px; background: linear-gradient(rgb(58, 66, 88), rgb(35, 42, 62)); display: flex; justify-content: space-around; align-items: center; }
.dp-bind i { width: 14px; height: 5px; border-radius: 3px; background: rgb(14, 21, 38); }
.dp-stub { position: absolute; top: 14px; inset-inline: 4px; height: 14px; background: rgb(237, 233, 224); border-radius: 2px; clip-path: polygon(0px 0px, 100% 0px, 100% 42%, 92% 100%, 84% 48%, 76% 100%, 68% 44%, 60% 100%, 52% 52%, 44% 100%, 36% 46%, 28% 100%, 20% 50%, 12% 100%, 4% 44%, 0px 52%); }
.dp-stub.s2 { top: 17px; inset-inline: 1px; opacity: 0.7; }
.dp-leaf, .dp-tear { position: absolute; top: 16px; inset-inline: 0px; bottom: 0px; z-index: 2; background: rgb(255, 255, 255); border: 1px solid rgba(10, 17, 40, 0.12); border-radius: 6px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; box-shadow: rgba(5, 10, 28, 0.55) 0px 6px 16px -8px; }
.dp-leaf { rotate: -2deg; }
.dp-leaf b, .dp-tear b { font-size: 34px; font-weight: 800; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
.dp-leaf em { font-style: normal; font-size: var(--fs-2); font-weight: 800; color: var(--ember-ink); }
.dp-leaf > span { font-size: var(--fs-1); font-weight: 700; color: var(--slate-2); letter-spacing: 0.08em; }
.dp-tear { z-index: 4; rotate: -2deg; opacity: 0; pointer-events: none; }
@media (prefers-reduced-motion: reduce){.dp-tear { display: none; }}
.closer-trust { margin: 18px 0px 0px; text-align: center; font-size: var(--fs-3); font-weight: 700; color: var(--on-d-2); }
.closer-in p b { color: rgb(255, 255, 255); font-weight: 800; }
@media (max-width: 700px){.daypad { width: 72px; height: 88px; margin-bottom: 20px; }}
@media (max-width: 700px){.dp-leaf b, .dp-tear b { font-size: 26px; }}
@media (max-width: 700px){.closer-btns .btn { width: 100%; }}
.closer { background: rgb(7, 11, 22); isolation: isolate; padding-block: clamp(104px, 14vh, 160px) clamp(170px, 24vh, 260px); }
.closer::after { z-index: 1; background: linear-gradient(rgb(7, 11, 22), rgba(7, 11, 22, 0) 150px), linear-gradient(0deg, rgb(7, 11, 22), rgba(7, 11, 22, 0) 70px); }
.cl-sky { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; z-index: 0; pointer-events: none; }
.closer-in { max-width: 1000px; }
.closer h2 { margin: 0px auto; max-width: 14em; font-size: clamp(40px, 5.6vw, 86px); line-height: 1.02; letter-spacing: -0.04em; text-wrap: balance; text-shadow: rgba(7, 11, 22, 0.55) 0px 2px 40px; }
.closer .daypad { margin-bottom: clamp(22px, 3vh, 32px); }
.closer .closer-doc { position: relative; margin: clamp(30px, 4.6vh, 48px) auto 0px; max-width: 680px; padding: 26px 30px 24px; border-radius: 24px; background: linear-gradient(rgb(255, 255, 255), rgb(251, 248, 242) 70%); box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(255, 255, 255, 0.18) 0px 0px 0px 1px, rgba(0, 0, 0, 0.28) 0px 2px 8px, rgba(0, 0, 0, 0.9) 0px 50px 110px -40px, rgba(242, 118, 27, 0.55) 0px 26px 140px -34px; }
.closer .closer-doc::before { content: ""; position: absolute; top: 0px; left: 34px; right: 34px; height: 2px; border-radius: 0px 0px 2px 2px; pointer-events: none; background: linear-gradient(90deg, rgba(242, 118, 27, 0), rgb(242, 118, 27) 22%, rgb(255, 179, 122) 50%, rgb(242, 118, 27) 78%, rgba(242, 118, 27, 0)); }
.closer .cd-head { padding-bottom: 16px; border-bottom: 1px solid rgba(10, 17, 40, 0.08); }
.closer .cd-head b { display: inline-flex; align-items: center; gap: 10px; font-size: clamp(18px, 1.6vw, 21px); letter-spacing: -0.01em; }
.closer .cd-head b::before { content: ""; flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: rgb(242, 118, 27); box-shadow: rgba(242, 118, 27, 0.16) 0px 0px 0px 4px; }
.closer .cd-no { font-size: 12px; font-variant-numeric: tabular-nums; color: rgb(122, 131, 152); }
.closer .cd-row { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px; padding: 22px 0px 18px; }
.closer .cd-cell { padding: 2px 12px; background: none; border: 0px; border-radius: 0px; }
.closer .cd-cell + .cd-cell { border-inline-start: 1px solid rgba(10, 17, 40, 0.09); }
.closer .cd-cell b { font-size: clamp(26px, 2.9vw, 38px); line-height: 1.1; letter-spacing: -0.035em; color: rgb(10, 17, 40); }
.closer .cd-cell span { margin-top: 6px; font-size: 13px; color: rgb(91, 100, 121); }
.closer .cd-cell s { text-decoration-color: rgba(242, 118, 27, 0.85); text-decoration-thickness: 1.5px; }
.cd-perf { display: block; height: 1px; margin: 0px -30px; background: repeating-linear-gradient(90deg, rgba(10, 17, 40, 0.18) 0px, rgba(10, 17, 40, 0.18) 6px, transparent 6px, transparent 12px); }
.closer .closer-doc .closer-btns { margin-top: 20px; }
.closer .closer-doc .closer-trust { margin-top: 16px; font-size: 13px; font-weight: 700; color: rgb(107, 116, 137); }
@media (max-width: 560px){.closer { padding-block: 88px 120px; }}
@media (max-width: 560px){.closer .closer-doc { padding: 22px 18px 20px; border-radius: 20px; }}
@media (max-width: 560px){.closer .closer-doc::before { left: 22px; right: 22px; }}
@media (max-width: 560px){.cd-perf { margin: 0px -18px; }}
@media (max-width: 560px){.closer .cd-row { grid-template-columns: 1fr; padding: 12px 0px 14px; }}
@media (max-width: 560px){.closer .cd-cell { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 12px 2px; text-align: start; }}
@media (max-width: 560px){.closer .cd-cell + .cd-cell { border-inline-start: 0px; border-top: 1px solid rgba(10, 17, 40, 0.08); }}
@media (max-width: 560px){.closer .cd-cell b { font-size: 26px; }}
@media (max-width: 560px){.closer .cd-cell span { margin: 0px; }}
@keyframes dpIn { 
  0% { transform: translateY(10px) scale(0.96); }
  100% { transform: none; }
}
@keyframes dpTear { 
  0% { opacity: 1; transform: none; }
  55% { opacity: 0; }
  100% { opacity: 0; transform: translate(-70px, 46px) rotate(-24deg); }
}
/* inner pages: the closer sits straight after a section and before the footer */
main > .closer{margin:0}
.closer h2{font-family:inherit;font-weight:800}
.closer .closer-btns .btn{min-height:52px}
.closer-trust .sep{font-style:normal}
@media (max-width:560px){.closer-trust .nw{display:block}.closer-trust .sep{display:none}.closer .closer-doc .closer-trust{line-height:1.7}}