/* Costs, registration and questions pages. Loaded after site.css. */
:root{--amber:#c98a22;--amber-d:#8a5a0d;--amber-w:#faefd8;--ruby-w:#f7e6e8;--sap-w:#e4ecf8}

/* Page hero */
.phero{background:radial-gradient(700px 420px at 88% 20%,#d9eee4 0,rgba(217,238,228,0) 70%),linear-gradient(180deg,#f1f8f4 0,#fff 100%);border-bottom:1px solid var(--line)}
.phero .wrap{width:min(100% - 2*var(--pad),1180px);display:grid;gap:28px;padding:30px 0 36px}
.phero h1{font-size:clamp(42px,9vw,72px);line-height:1;letter-spacing:-.03em;margin:0 0 14px}
.phero .lede{font-size:clamp(17.5px,2.4vw,21px);max-width:27em;margin:0 0 18px}
.phero .toc{margin:0}
@media(min-width:900px){.phero .wrap{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;padding:54px 0 60px}}
.page .wrap{padding-top:40px}
.page.wide .wrap{max-width:980px}
.page h2{font-size:clamp(28px,4.4vw,40px);letter-spacing:-.02em;margin:54px 0 12px;line-height:1.08}
.page h2:first-child{margin-top:0}
.page h3{font-size:19px}
.page table{background:#fff}
.page .scroll{border-radius:18px;box-shadow:0 20px 40px -34px rgba(18,24,38,.5)}
.page thead th{background:var(--emerald-w);color:var(--emerald-d)}
.page .callout{border-radius:18px;padding:16px 18px}
.page .calc{border-radius:24px;box-shadow:0 30px 50px -40px rgba(18,24,38,.55)}
.page .result{border-radius:18px}

/* Calculator bar */
.stackbar{display:flex;height:16px;border-radius:99px;overflow:hidden;margin:2px 0 8px;background:var(--sunk)}
.stackbar i{display:block;height:100%;transition:width .5s cubic-bezier(.3,.7,.3,1)}
.stackbar .a{background:var(--emerald)}.stackbar .b{background:var(--sapphire)}.stackbar .c{background:var(--amber)}.stackbar .d{background:var(--ruby)}
.stackkey{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 12px;padding:0;list-style:none;font-size:12.5px;color:var(--ink-3)}
.stackkey li{display:flex;align-items:center;gap:6px;margin:0}
.stackkey li::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--k)}
.stackkey .a{--k:var(--emerald)}.stackkey .b{--k:var(--sapphire)}.stackkey .c{--k:var(--amber)}.stackkey .d{--k:var(--ruby)}

/* Registration timeline */
.gantt{margin:0;background:#fff;border:1px solid var(--line-2);border-radius:26px;padding:22px 22px 18px;box-shadow:0 34px 60px -40px rgba(18,24,38,.6)}
.gantt figcaption{font-family:var(--serif);font-size:24px;margin:0 0 16px}
.g-lane{margin:0 0 18px}
.g-lane>b{display:block;font-size:14px;color:var(--ink-3);margin:0 0 6px}
.g-bars{display:flex;gap:4px}
.g-bars span{flex:0 0 calc(var(--w) - 3px);min-width:0;font-size:12.5px;font-weight:650;line-height:1.25;color:var(--ink)}
.g-bars span::before{content:"";display:block;height:30px;border-radius:9px;background:var(--c);margin-bottom:6px;transform-origin:left;animation:gr 1s cubic-bezier(.3,.8,.3,1) both}
.g-bars small{display:block;font-weight:500;color:var(--ink-3);font-size:11.5px}
.g-bars .s1{--c:#8fb7e8}.g-bars .s2{--c:#e9b96a}.g-bars .s3{--c:var(--emerald)}.g-bars .s4{--c:#e08a95}
.g-bars span:nth-child(2)::before{animation-delay:.25s}.g-bars span:nth-child(3)::before{animation-delay:.5s}
@keyframes gr{from{transform:scaleX(0)}}
.g-end{display:flex;align-items:center;gap:10px;margin:4px 0 0;padding:12px 14px;border-radius:16px;background:var(--emerald-w);color:var(--emerald-d);font-weight:650;font-size:15px}
.g-end svg{flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:var(--emerald);fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.g-note{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:var(--ink-3)}
@media(max-width:480px){.gantt{padding:18px 14px 14px}.g-bars span{font-size:11.5px}.g-bars small{font-size:10.5px}}

/* Checklist */
.page ul.checks{list-style:none;padding:0;display:grid;gap:10px;counter-reset:none}
.page ul.checks li{position:relative;margin:0;background:#fff;border:1px solid var(--line-2);border-radius:16px;padding:13px 16px 13px 52px}
.page ul.checks li::before{content:"";position:absolute;left:15px;top:14px;width:24px;height:24px;border-radius:50%;background:var(--emerald) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.500 4 4L18 8'/%3E%3C/svg%3E") center/14px no-repeat}
@media(min-width:760px){.page ul.checks{grid-template-columns:1fr 1fr}}

/* Steps */
.page .steplist{display:grid;gap:14px}
.page .steplist>li{display:grid;grid-template-columns:48px 1fr;gap:16px;background:#fff;border:1px solid var(--line-2);border-radius:22px;padding:20px 20px 12px;margin:0;box-shadow:0 26px 44px -38px rgba(18,24,38,.55)}
.page .steplist>li:first-child{padding-top:20px;border-top:1px solid var(--line-2)}
.page .steplist .n{width:48px;height:48px;border-radius:15px 15px 11px 11px;background:var(--emerald);color:#fff;font-size:26px}
.page .steplist h3{font-family:var(--serif);font-weight:500;font-size:26px;margin:4px 0 8px}

/* Wording boxes */
.page .copy{border-radius:8px 18px 18px 8px;background:#fff;box-shadow:0 18px 34px -30px rgba(18,24,38,.5)}

/* Questions */
.facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.facts li{background:var(--tw);border-radius:26px 26px 16px 16px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:4px;min-height:132px;justify-content:flex-end;box-shadow:0 24px 40px -34px rgba(18,24,38,.6)}
.facts .ic{width:42px;height:42px;border-radius:13px 13px 9px 9px;background:#fff;display:grid;place-items:center;margin-bottom:auto}
.facts .ic svg{width:22px;height:22px;fill:none;stroke:var(--tc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.facts b{font-family:var(--serif);font-weight:500;font-size:clamp(28px,4vw,40px);line-height:1;letter-spacing:-.02em;color:var(--tc)}
.facts span{font-size:14px;color:var(--ink-2);line-height:1.3}
.t-sap{--tc:#2557a7;--tw:#e4ecf8}.t-ruby{--tc:#a8323f;--tw:#f7e6e8}.t-amb{--tc:#8a5a0d;--tw:#faefd8}.t-em{--tc:#1b5a43;--tw:#dcefe6}
.qfind{margin:0 0 6px;position:relative;max-width:520px}
.qfind input{width:100%;font:inherit;font-size:17px;border:1.5px solid var(--ink-4);border-radius:16px;padding:14px 16px 14px 46px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6678' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.500'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E") 15px center/20px no-repeat}
.qfind input::placeholder{color:var(--ink-4);opacity:1}
.qcount{font-size:13.5px;color:var(--ink-3);margin:8px 2px 0;min-height:1.5em}
.page .wrap.qa{max-width:1120px;padding-top:44px}
.qgrid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.q{background:#fff;border:1px solid var(--line-2);border-radius:22px;padding:20px 20px 4px;box-shadow:0 26px 44px -38px rgba(18,24,38,.55);position:relative}
.q::before{content:"";position:absolute;left:22px;top:-1px;width:46px;height:5px;border-radius:0 0 6px 6px;background:var(--tc)}
.q[hidden]{display:none}
.page .qa .q h2{font-family:var(--serif);font-weight:500;font-size:clamp(21px,2.6vw,25px);line-height:1.15;letter-spacing:-.01em;margin:0 0 10px;padding:0;border:0;display:flex;gap:12px;align-items:flex-start}
.q .qi{flex:none;width:38px;height:38px;border-radius:12px 12px 8px 8px;background:var(--tw);display:grid;place-items:center;margin-top:-2px}
.q .qi svg{width:20px;height:20px;fill:none;stroke:var(--tc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.page .qa .q p{margin:0 0 16px;font-size:16.5px}
@media(min-width:900px){.qgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}}
.qtop{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.qtop a{font-size:13.5px;font-weight:650;border-radius:99px;padding:5px 13px;text-decoration:none;color:var(--tc);background:var(--tw)}