{} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } .global-style-nK2AH4UiC { cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } @media (max-width: 639px) { .global-style-nK2AH4UiC { font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } } @media (max-width: 767px) and (min-width: 640px) { .global-style-nK2AH4UiC { font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } } @media (max-width: 991px) and (min-width: 768px) { .global-style-nK2AH4UiC { font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } } @media (max-width: 1199px) and (min-width: 992px) { .global-style-nK2AH4UiC { font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } } @media (min-width: 1200px) { .global-style-nK2AH4UiC { font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } } .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: transparent; } @media (max-width: 639px) { .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: rgb(240, 149, 88); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover { background-color: rgb(89, 198, 152); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active { background-color: rgb(32, 45, 60); } } @media (max-width: 767px) and (min-width: 640px) { .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: rgb(240, 149, 88); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover { background-color: rgb(89, 198, 152); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active { background-color: rgb(32, 45, 60); } } @media (max-width: 991px) and (min-width: 768px) { .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: rgb(240, 149, 88); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover { background-color: rgb(89, 198, 152); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active { background-color: rgb(32, 45, 60); } } @media (max-width: 1199px) and (min-width: 992px) { .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: rgb(240, 149, 88); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover { background-color: rgb(89, 198, 152); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active { background-color: rgb(32, 45, 60); } } @media (min-width: 1200px) { .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: rgb(240, 149, 88); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover { background-color: rgb(89, 198, 152); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active { background-color: rgb(32, 45, 60); } } @media (max-width: 639px) { .gp-component-id-lKw2iYl2hT[data-gp-component] { padding-top: 0px;padding-bottom: 0px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-lKw2iYl2hT[data-gp-component] { padding-top: 0px;padding-bottom: 0px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-lKw2iYl2hT[data-gp-component] { padding-top: 0px;padding-bottom: 0px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-lKw2iYl2hT[data-gp-component] { padding-top: 0px;padding-bottom: 0px;z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-lKw2iYl2hT[data-gp-component] { padding-top: 0px;padding-bottom: 0px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 639px) { .gp-component-id-YySGqakUw6[data-gp-component] { padding-left: 0px;padding-right: 0px;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-YySGqakUw6[data-gp-component] { padding-left: 0px;padding-right: 0px;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-YySGqakUw6[data-gp-component] { padding-left: 0px;padding-right: 0px;width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-YySGqakUw6[data-gp-component] { padding-left: 0px;padding-right: 0px;width: 100%; } } @media (min-width: 1200px) { .gp-component-id-YySGqakUw6[data-gp-component] { padding-left: 0px;padding-right: 0px;width: 100%; } } @media (max-width: 639px) { .gp-component-id-rmTr6TYgx_[data-gp-component] { margin-left: auto;margin-right: auto;width: 100%;max-width: 100%;position: relative;z-index: 15; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-rmTr6TYgx_[data-gp-component] { margin-left: auto;margin-right: auto;width: 100%;max-width: 100%;position: relative;z-index: 15; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-rmTr6TYgx_[data-gp-component] { margin-left: auto;margin-right: auto;width: 100%;max-width: 100%;position: relative;z-index: 15; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-rmTr6TYgx_[data-gp-component] { margin-left: auto;margin-right: auto;width: 100%;max-width: 100%;position: relative;z-index: 15; } } @media (min-width: 1200px) { .gp-component-id-rmTr6TYgx_[data-gp-component] { margin-left: auto;margin-right: auto;width: 100%;max-width: 100%;position: relative;z-index: 15; } } .gp-component-id-fGudvSSbr { width: 100%;overflow-wrap: break-word; } @media (max-width: 639px) { .gp-component-id-fGudvSSbr { width: 100%;overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-fGudvSSbr { width: 100%;overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-fGudvSSbr { width: 100%;overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-fGudvSSbr { width: 100%;overflow-wrap: break-word; } } @media (min-width: 1200px) { .gp-component-id-fGudvSSbr { width: 100%;overflow-wrap: break-word; } }
#spc-page, #spc-page * { box-sizing:border-box; }
#spc-page { --pai-cyan:#01B9D5; --pai-cyan-hover:#0197AE; --pai-cyan-ink:#00778A; --pai-cyan-tint:#F0F9FB; --pai-green:#8BC242; --pai-green-ink:#4C7419; --pai-green-tint:#F8FCF4; --pai-green-soft:#EEF6E1; --pai-ink:#2A2A2A; --pai-body:#4B4B4B; --pai-meta:#6B6B6B; --pai-line:#E8E8E8; --pai-cream:#FBF6EC; --pai-ease:cubic-bezier(.22,1,.36,1); width:100%; margin:0; color:var(--pai-body); background:#fff; font-family:'DM Sans',Arial,sans-serif; font-size:17px; line-height:1.65;
}
#spc-page h1, #spc-page h2, #spc-page h3, #spc-page h4, #spc-page .pai-btn, #spc-page .pai-pill, #spc-page .pai-kicker, #spc-page summary, #spc-page .pai-num, #spc-page .spc-option, #spc-page .pai-strap { font-family:'Plus Jakarta Sans',Arial,sans-serif; }
#spc-page h1, #spc-page h2, #spc-page h3, #spc-page h4 { margin:0; color:var(--pai-ink); font-weight:800; letter-spacing:-.025em; line-height:1.12; text-wrap:balance; }
#spc-page h1 { font-size:clamp(36px,5.2vw,62px); line-height:1.05; letter-spacing:-.035em; }
#spc-page h2 { font-size:clamp(26px,3.4vw,40px); }
#spc-page h3 { font-size:19px; line-height:1.25; }
#spc-page p { margin:0; text-wrap:pretty; }
#spc-page img { max-width:100%; height:auto; display:block; }
#spc-page a { color:var(--pai-cyan-ink); }
#spc-page a:hover { color:var(--pai-ink); }
#spc-page button { font:inherit; }
#spc-page button, #spc-page a { -webkit-tap-highlight-color:transparent; }
#spc-page :focus-visible { outline:3px solid var(--pai-cyan); outline-offset:3px; }
#spc-page [tabindex="-1"]:focus { outline:none; }
#spc-page ul, #spc-page ol { margin:0; }
#spc-page figure { margin:0; }
#spc-page .pai-hidden { display:none !important; }
/* Bands */
#spc-page .pai-band { width:100%; padding:80px 0; }
#spc-page .pai-inner { width:100%; max-width:1200px; margin:0 auto; padding:0 32px; }
#spc-page .pai-band-hero { background:var(--pai-cream); padding:72px 0 80px; }
#spc-page .pai-band-tool { background:#fff; }
#spc-page .pai-band-how { background:var(--pai-green-tint); }
#spc-page .pai-band-routes { background:#E3F5F9; }
#spc-page .pai-band-faq { background:#fff; }
#spc-page .pai-head-center { max-width:760px; margin:0 auto; text-align:center; }
#spc-page .pai-kicker { margin-bottom:12px; color:var(--pai-green-ink); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
#spc-page .pai-kicker-light { color:var(--pai-cyan-ink); }
#spc-page .pai-section-intro { max-width:620px; margin-top:16px; font-size:18px; }
/* Hero */
#spc-page .pai-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); gap:56px; align-items:center; }
#spc-page .pai-hero-copy, #spc-page .pai-hero-art { min-width:0; }
#spc-page .pai-pill { display:inline-block; margin-bottom:18px; padding:8px 16px; color:var(--pai-ink); background:var(--pai-cyan); border-radius:100px; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
#spc-page .pai-strap { margin-bottom:10px; color:var(--pai-ink); font-size:clamp(19px,2vw,24px); font-weight:800; letter-spacing:-.015em; }
#spc-page .pai-strap span { color:var(--pai-green-ink); }
#spc-page .pai-lede { max-width:600px; margin-top:20px; font-size:19px; line-height:1.6; }
#spc-page .pai-points { display:grid; gap:10px; margin-top:24px; padding:0; list-style:none; }
#spc-page .pai-points li { display:flex; align-items:flex-start; gap:11px; color:var(--pai-ink); font-weight:500; }
#spc-page .pai-points svg { flex:0 0 22px; width:22px; height:22px; margin-top:2px; fill:none; stroke:var(--pai-green); stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; }
#spc-page .pai-hero-action { display:flex; flex-wrap:wrap; align-items:center; gap:14px 20px; margin-top:30px; }
#spc-page .pai-hero-note { color:var(--pai-meta); font-size:14px; }
#spc-page .pai-hero-art { justify-self:center; width:min(100%,480px); }
#spc-page .pai-hero-art img { width:100%; border-radius:22px; box-shadow:0 18px 44px rgba(42,42,42,.14); }
/* Buttons */
#spc-page .pai-btn { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 28px; border:0; border-radius:100px; font-size:16px; font-weight:700; line-height:1.2; text-decoration:none; cursor:pointer; transition:background-color .18s var(--pai-ease), transform .18s var(--pai-ease); }
#spc-page .pai-btn:active { transform:scale(.98); }
#spc-page .pai-btn-lg { min-height:58px; padding:16px 34px; font-size:17px; }
#spc-page .pai-btn-primary { color:var(--pai-ink); background:var(--pai-cyan); }
#spc-page .pai-btn-primary:hover { color:#fff; background:var(--pai-cyan-hover); }
#spc-page .pai-btn-green { color:var(--pai-ink); background:var(--pai-green); }
#spc-page .pai-btn-green:hover { color:var(--pai-ink); background:#76AA33; }
/* Tool */
#spc-page .pai-tool { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center; }
#spc-page .pai-tool-step2 { margin-top:80px; }
#spc-page .pai-tool-intro > p { margin-top:16px; font-size:18px; }
#spc-page .pai-tool-intro > p.pai-tool-cue { display:flex; gap:10px; margin-top:24px; color:var(--pai-ink); font-weight:500; }
#spc-page .pai-tool-cue span { color:var(--pai-cyan-ink); font-weight:800; }
#spc-page .spc-explain-svg { display:block; width:100%; max-width:540px; height:auto; margin-top:28px; overflow:visible; }
#spc-page .spc-explain-svg-sm { max-width:500px; }
#spc-page .spc-explain-svg text { font-family:'Plus Jakarta Sans',Arial,sans-serif; font-weight:700; }
#spc-page .spc-svg-day { font-size:12px; fill:#4B4B4B; }
#spc-page .spc-svg-label { font-size:13px; fill:#2A2A2A; }
#spc-page .spc-svg-big { font-size:20px; font-weight:800; fill:#2A2A2A; }
#spc-page .spc-svg-small, #spc-page .spc-svg-pill { font-size:13px; fill:#2A2A2A; }
#spc-page .spc-svg-pill { font-size:14px; font-weight:800; }
#spc-page .spc-svg-q { font-size:32px; font-weight:800; fill:#4C7419; }
#spc-page .spc-svg-num { font-size:17px; font-weight:800; fill:#2A2A2A; }
#spc-page .spc-svg-letter { font-size:13px; font-weight:800; fill:#2A2A2A; }
#spc-page .spc-svg-flow path { stroke-dasharray:4 6; animation:spc-jobflow 1.6s linear infinite; }
@keyframes spc-jobflow { to { stroke-dashoffset:-20; } }
#spc-page .pai-card { padding:clamp(24px,3.4vw,40px); background:#fff; border:1px solid var(--pai-line); border-radius:22px; box-shadow:0 14px 44px rgba(42,42,42,.09); }
#spc-page .pai-start-card { border:2px solid var(--pai-cyan); }
#spc-page .pai-start-flag { display:inline-block; margin-bottom:12px; padding:6px 14px; color:var(--pai-ink); background:var(--pai-green); border-radius:100px; font-family:'Plus Jakarta Sans',Arial,sans-serif; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
#spc-page .pai-start-title { margin-bottom:8px; font-size:clamp(22px,2.4vw,28px); }
/* Checklist */
#spc-page .spc-check-panel { margin-top:16px; }
#spc-page .spc-group { margin-bottom:8px; color:var(--pai-meta); font-family:'Plus Jakarta Sans',Arial,sans-serif; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
#spc-page .spc-real-checklist { display:grid; gap:8px; }
#spc-page .spc-check-row { display:flex; align-items:flex-start; gap:12px; margin:0; padding:12px 14px; background:#FAFAFA; border:1px solid var(--pai-line); border-radius:12px; cursor:pointer; }
#spc-page .spc-check-row input { appearance:none; -webkit-appearance:none; position:relative; flex:0 0 20px; width:20px; height:20px; margin:2px 0 0; background:#fff; border:2px solid var(--pai-green); border-radius:5px; cursor:pointer; }
#spc-page .spc-check-row input:checked { background:var(--pai-green); }
#spc-page .spc-check-row input:checked:after { content:''; position:absolute; left:5px; top:1px; width:5px; height:10px; border:solid var(--pai-ink); border-width:0 2.5px 2.5px 0; transform:rotate(45deg); }
#spc-page .spc-check-text { color:var(--pai-ink); font-size:15.5px; line-height:1.45; font-weight:500; }
#spc-page .spc-check-row input:checked + .spc-check-text { color:var(--pai-meta); }
#spc-page .spc-check-foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 16px; margin-top:22px; }
#spc-page .spc-check-count { color:var(--pai-ink); font-family:'Plus Jakarta Sans',Arial,sans-serif; font-weight:800; }
/* Quiz */
#spc-page .spc-quiz-card { min-height:520px; scroll-margin-top:24px; }
#spc-page .spc-start-banner { display:inline-block; margin-bottom:16px; padding:6px 14px; color:var(--pai-ink); background:#E1F5F9; border-radius:100px; font-family:'Plus Jakarta Sans',Arial,sans-serif; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
#spc-page .spc-step { color:var(--pai-meta); font-family:'Plus Jakarta Sans',Arial,sans-serif; font-size:13px; font-weight:700; letter-spacing:.06em; }
#spc-page .spc-progress { height:8px; margin:10px 0 26px; overflow:hidden; background:#EDEDED; border-radius:100px; }
#spc-page .spc-progress-bar { width:33%; height:100%; background:var(--pai-cyan); border-radius:inherit; transition:width .25s var(--pai-ease); }
#spc-page .spc-question { display:none; }
#spc-page .spc-question.active { display:block; }
#spc-page .spc-question h3 { font-size:clamp(22px,2.4vw,28px); }
#spc-page .spc-options { display:grid; gap:12px; margin-top:24px; }
#spc-page .spc-option { width:100%; padding:17px 18px; color:var(--pai-ink); text-align:left; background:#fff; border:1.5px solid var(--pai-line); border-radius:14px; font-size:16px; line-height:1.4; font-weight:700; cursor:pointer; transition:border-color .18s var(--pai-ease), background-color .18s var(--pai-ease); }
#spc-page .spc-option:hover { border-color:var(--pai-cyan); background:var(--pai-cyan-tint); }
#spc-page .spc-form-stage { display:none; }
#spc-page .spc-form-stage.active { display:block; }
#spc-page .spc-form-stage > h3 { font-size:clamp(22px,2.4vw,28px); }
#spc-page .spc-gate { margin-top:12px; }
#spc-page .spc-gate > p:first-child { font-size:16px; }
#spc-page .spc-form-wrap { margin-top:16px; }
#spc-page .spc-form-note { margin-top:8px; color:var(--pai-meta); font-size:13px; }
/* Steps and routes */
#spc-page .pai-num { display:grid; place-items:center; width:42px; height:42px; margin-bottom:16px; color:var(--pai-ink); background:var(--pai-green); border-radius:50%; font-size:17px; font-weight:800; }
#spc-page .spc-ba { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; max-width:960px; margin:40px auto 0; }
#spc-page .spc-ba-card { padding:28px 26px; background:#fff; border-radius:18px; }
#spc-page .spc-ba-before { border:1px solid var(--pai-line); }
#spc-page .spc-ba-after { border:2px solid var(--pai-cyan); }
#spc-page .spc-ba-label { display:inline-block; margin-bottom:12px; padding:5px 12px; color:var(--pai-ink); background:#EDEDED; border-radius:100px; font-family:'Plus Jakarta Sans',Arial,sans-serif; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
#spc-page .spc-ba-after .spc-ba-label { background:var(--pai-cyan); }
#spc-page .spc-ba ul { display:grid; gap:12px; margin-top:16px; padding:0; list-style:none; }
#spc-page .spc-ba li { display:flex; align-items:flex-start; gap:11px; color:var(--pai-ink); }
#spc-page .spc-ba svg { flex:0 0 22px; width:22px; height:22px; margin-top:2px; fill:none; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; }
#spc-page .spc-ba-before svg { stroke:#9A9A9A; }
#spc-page .spc-ba-after svg { stroke:var(--pai-green); }
@media (max-width:900px) { #spc-page .spc-ba { grid-template-columns:1fr; } }
#spc-page .pai-routes-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:center; }
#spc-page .pai-diagram svg { width:100%; height:auto; display:block; }
#spc-page .pai-routes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin-top:44px; padding:0; list-style:none; }
#spc-page .pai-route { position:relative; padding:24px 20px; background:#fff; border-radius:16px; box-shadow:0 8px 24px rgba(0,119,138,.08); }
#spc-page .pai-route:not(:last-child):after { content:''; position:absolute; top:42px; right:-22px; width:16px; height:16px; border-top:3px solid var(--pai-cyan); border-right:3px solid var(--pai-cyan); transform:rotate(45deg); }
#spc-page .pai-route .pai-num { background:var(--pai-cyan); }
#spc-page .pai-route h3 { font-size:17.5px; }
#spc-page .pai-route p { margin-top:8px; font-size:15.5px; line-height:1.55; }
@keyframes spc-rise { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
@keyframes spc-pop { from { opacity:0; transform:scale(.85); } to { opacity:1; transform:none; } }
@keyframes spc-flow { to { stroke-dashoffset:-28; } }
#spc-page .pai-dg-node { transform-box:fill-box; transform-origin:center; }
#spc-page.pai-anim .pai-dg-node, #spc-page.pai-anim .pai-route, #spc-page.pai-anim .pai-dg-links { opacity:0; }
#spc-page.pai-anim .pai-in .pai-dg-node { animation:spc-pop .5s var(--pai-ease) var(--d,0s) both; }
#spc-page.pai-anim .pai-in .pai-dg-links { animation:spc-rise .4s ease .3s both; }
#spc-page.pai-anim .pai-in .pai-dg-links path { animation:spc-flow 1.1s linear infinite; }
#spc-page.pai-anim .pai-in .pai-route { animation:spc-rise .55s var(--pai-ease) var(--d,0s) both; }
/* FAQ */
#spc-page .pai-faq { display:grid; gap:10px; max-width:860px; margin:40px auto 0; }
#spc-page .pai-faq details { background:#fff; border:1px solid var(--pai-line); border-radius:14px; }
#spc-page .pai-faq details[open] { border-color:#BDE6EE; background:var(--pai-cyan-tint); }
#spc-page .pai-faq summary { position:relative; padding:20px 56px 20px 22px; color:var(--pai-ink); font-size:17px; font-weight:700; cursor:pointer; list-style:none; }
#spc-page .pai-faq summary::-webkit-details-marker { display:none; }
#spc-page .pai-faq summary:after { content:'+'; position:absolute; right:22px; top:50%; transform:translateY(-50%); color:var(--pai-cyan-ink); font-size:26px; font-weight:600; line-height:1; }
#spc-page .pai-faq details[open] summary:after { content:'\2212'; }
#spc-page .pai-faq details p { padding:0 22px 22px; font-size:16.5px; }
/* Dark closing band */
#spc-page .pai-band-dark { background:var(--pai-ink); }
#spc-page .pai-band-dark h2 { color:#fff; font-size:clamp(24px,2.8vw,34px); }
#spc-page .pai-band-dark p, #spc-page .pai-band-dark li { color:#DADADA; }
#spc-page .pai-band-dark .pai-kicker { color:#BFE38A; }
#spc-page .spc-offer-default { max-width:720px; margin:0 auto; text-align:center; }
#spc-page .spc-offer-default > p:not(.pai-kicker) { margin-top:14px; font-size:18px; }
#spc-page .pai-offer-card { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:56px; align-items:center; }
#spc-page .pai-offer-card > div > p { margin-top:12px; }
#spc-page .pai-offer-list { display:grid; gap:10px; margin-top:18px; padding:0; list-style:none; }
#spc-page .pai-offer-list li { position:relative; margin:0; padding-left:30px; }
#spc-page .pai-offer-list li::before { content:'✓'; position:absolute; left:0; top:-1px; width:20px; height:20px; display:grid; place-items:center; color:var(--pai-ink); background:var(--pai-green); border-radius:50%; font-family:'Plus Jakarta Sans',Arial,sans-serif; font-size:13px; font-weight:800; line-height:1;
}
#spc-page .pai-offer-art { min-width:0; }
#spc-page .pai-offer-art a { display:block; max-width:460px; margin:0 auto; border-radius:16px; }
#spc-page .pai-offer-img { width:100%; border-radius:16px; box-shadow:0 18px 44px rgba(0,0,0,.45); }
#spc-page .pai-offer-cta { margin-top:26px; }
#spc-page .pai-band-dark .pai-offer-note { margin-top:10px; color:#B5B5B5; font-size:13px; }
/* Method and footer */
#spc-page .pai-method { max-width:820px; margin:32px auto 0; color:var(--pai-meta); font-size:14px; }
#spc-page .pai-method summary { font-weight:700; cursor:pointer; }
#spc-page .pai-method p { margin-top:8px; }
#spc-page .pai-footer { max-width:900px; margin:0 auto; padding:24px 32px 40px; color:var(--pai-meta); text-align:center; font-size:13px; }
@media (max-width:1080px) { #spc-page .pai-routes { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } #spc-page .pai-route:not(:last-child):after { display:none; }
}
@media (max-width:900px) { #spc-page .pai-band { padding:56px 0; } #spc-page .pai-band-hero { padding:44px 0 52px; } #spc-page .pai-hero, #spc-page .pai-tool, #spc-page .pai-routes-head, #spc-page .pai-offer-card { grid-template-columns:1fr; gap:32px; } #spc-page .pai-tool-step2 { margin-top:56px; } #spc-page .pai-hero-art { width:min(100%,360px); } #spc-page .pai-offer-art a { max-width:380px; } #spc-page .spc-quiz-card { min-height:0; }
}
@media (max-width:640px) { #spc-page { font-size:16.5px; } #spc-page .pai-inner { padding:0 18px; } #spc-page h1 { font-size:36px; } #spc-page .pai-lede, #spc-page .pai-tool-intro > p, #spc-page .pai-section-intro { font-size:17px; } #spc-page .pai-hero-action { flex-direction:column; align-items:stretch; } #spc-page .pai-hero-note { text-align:center; } #spc-page .pai-hero-art { width:min(100%,300px); } #spc-page .spc-explain-svg { display:block; width:100%; max-width:540px; height:auto; margin-top:28px; overflow:visible; }
#spc-page .spc-explain-svg-sm { max-width:500px; }
#spc-page .spc-explain-svg text { font-family:'Plus Jakarta Sans',Arial,sans-serif; font-weight:700; }
#spc-page .spc-svg-day { font-size:12px; fill:#4B4B4B; }
#spc-page .spc-svg-label { font-size:13px; fill:#2A2A2A; }
#spc-page .spc-svg-big { font-size:20px; font-weight:800; fill:#2A2A2A; }
#spc-page .spc-svg-small, #spc-page .spc-svg-pill { font-size:13px; fill:#2A2A2A; }
#spc-page .spc-svg-pill { font-size:14px; font-weight:800; }
#spc-page .spc-svg-q { font-size:32px; font-weight:800; fill:#4C7419; }
#spc-page .spc-svg-num { font-size:17px; font-weight:800; fill:#2A2A2A; }
#spc-page .spc-svg-letter { font-size:13px; font-weight:800; fill:#2A2A2A; }
#spc-page .spc-svg-flow path { stroke-dasharray:4 6; animation:spc-jobflow 1.6s linear infinite; }
@keyframes spc-jobflow { to { stroke-dashoffset:-20; } }
#spc-page .pai-card { padding:22px 16px; border-radius:18px; } #spc-page .pai-btn-lg, #spc-page .spc-check-foot .pai-btn { width:100%; } #spc-page .pai-routes { grid-template-columns:1fr; } #spc-page .pai-faq summary { font-size:16px; padding:18px 50px 18px 18px; }
}
@media (prefers-reduced-motion:reduce) { #spc-page *, #spc-page *:before, #spc-page *:after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } #spc-page.pai-anim .pai-dg-node, #spc-page.pai-anim .pai-route, #spc-page.pai-anim .pai-dg-links { opacity:1 !important; } } .noam-light-footer { width: 100%; background: #F8FAF7; border-top: 1px solid #E3E8E1; font-family: 'Plus Jakarta Sans', 'DM Sans', Arial, sans-serif; color: #4B4B4B; } .noam-light-footer__inner { width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 18px 0; display: grid; grid-template-columns: minmax(220px, 1fr) auto; gap: 14px 30px; align-items: center; } .noam-light-footer__brand { min-width: 0; } .noam-light-footer__logo { display: block; width: 120px; max-width: 100%; height: auto; } .noam-light-footer__promise { margin: 7px 0 0; color: #6F787D; font-size: 12px; line-height: 1.5; } .noam-light-footer__links { display: flex; align-items: center; justify-content: flex-end; gap: 10px 22px; flex-wrap: wrap; } .noam-light-footer__links a { position: relative; color: #01B9D5; font-size: 13px; font-weight: 700; line-height: 1.4; text-decoration: none; transition: color 0.18s ease; } .noam-light-footer__links a:hover, .noam-light-footer__links a:focus-visible { color: #009DB6; text-decoration: underline; text-underline-offset: 3px; } .noam-light-footer__copyright { grid-column: 1 / -1; padding-top: 12px; border-top: 1px solid #E5EAE3; color: #8A9398; font-size: 11px; line-height: 1.5; text-align: center; } @media (max-width: 700px) { .noam-light-footer__inner { grid-template-columns: 1fr; padding: 18px 0; text-align: center; } .noam-light-footer__logo { width: 100px; margin: 0 auto; } .noam-light-footer__links { justify-content: center; } } @media (max-width: 420px) { .noam-light-footer__inner { width: min(100% - 24px, 1180px); } .noam-light-footer__links { gap: 9px 16px; } .noam-light-footer__promise { font-size: 12px; } } .gp-component-id-mCybikSvNW { width: 100%; } @media (max-width: 639px) { .gp-component-id-mCybikSvNW { width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-mCybikSvNW { width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-mCybikSvNW { width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-mCybikSvNW { width: 100%; } } @media (min-width: 1200px) { .gp-component-id-mCybikSvNW { width: 100%; } } .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } @media (max-width: 639px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (min-width: 1200px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } @media (max-width: 639px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (min-width: 1200px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (max-width: 639px) { .gp-component-id-cgUG1Nv5ic[data-gp-component] { width: 100%;max-width: 100%;overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-cgUG1Nv5ic[data-gp-component] { width: 100%;max-width: 100%;overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-cgUG1Nv5ic[data-gp-component] { width: 100%;max-width: 100%;overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-cgUG1Nv5ic[data-gp-component] { width: 100%;max-width: 100%;overflow-wrap: break-word; } } @media (min-width: 1200px) { .gp-component-id-cgUG1Nv5ic[data-gp-component] { width: 100%;max-width: 100%;overflow-wrap: break-word; } } @media (max-width: 639px) { .gp-component-id-bKA1C0jPBD[data-gp-component] { margin-left: auto;margin-right: auto;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;width: 100%;max-width: 100%;z-index: 15;position: relative; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-bKA1C0jPBD[data-gp-component] { margin-left: auto;margin-right: auto;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;width: 100%;max-width: 100%;z-index: 15;position: relative; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-bKA1C0jPBD[data-gp-component] { margin-left: auto;margin-right: auto;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;width: 100%;max-width: 100%;flex-direction: column;display: flex;z-index: 15;position: relative; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-bKA1C0jPBD[data-gp-component] { margin-left: auto;margin-right: auto;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;width: 100%;max-width: 100%;flex-direction: row;align-items: center;display: flex;z-index: 15;position: relative; } } @media (min-width: 1200px) { .gp-component-id-bKA1C0jPBD[data-gp-component] { margin-left: auto;margin-right: auto;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;width: 100%;max-width: 100%;flex-direction: row;justify-content: center;align-items: center;display: flex;z-index: 15;position: relative; } } .gp-component-id-D3yCpb4d7J { background-color: transparent;cursor: pointer;text-decoration-line: none;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: inherit;z-index: 15;position: relative; } @media (max-width: 639px) { .gp-component-id-D3yCpb4d7J { background-color: transparent;cursor: pointer;text-decoration-line: none;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: inherit;z-index: 15;position: relative; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-D3yCpb4d7J { background-color: transparent;cursor: pointer;text-decoration-line: none;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: inherit;z-index: 15;position: relative; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-D3yCpb4d7J { background-color: transparent;cursor: pointer;text-decoration-line: none;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: inherit;z-index: 15;position: relative; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-D3yCpb4d7J { background-color: transparent;cursor: pointer;text-decoration-line: none;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: inherit;z-index: 15;position: relative; } } @media (min-width: 1200px) { .gp-component-id-D3yCpb4d7J { background-color: transparent;cursor: pointer;text-decoration-line: none;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: inherit;z-index: 15;position: relative; } } @media (max-width: 639px) { .gp-component-id-ZAJDZjzma[data-gp-component] { padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;z-index: auto !important;min-height: 50px;position: relative; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-ZAJDZjzma[data-gp-component] { padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;z-index: auto !important;min-height: 50px;position: relative; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-ZAJDZjzma[data-gp-component] { padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;z-index: auto !important;min-height: 50px;position: relative; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-ZAJDZjzma[data-gp-component] { padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;z-index: auto !important;min-height: 50px;position: relative; } } @media (min-width: 1200px) { .gp-component-id-ZAJDZjzma[data-gp-component] { padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;z-index: auto !important;min-height: 50px;position: relative; } } .gp-component-id-ZAJDZjzma.gp-component > [data-section-overlay] { position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } @media (max-width: 639px) { .gp-component-id-ZAJDZjzma.gp-component > [data-section-overlay] { background-color: rgba(255, 255, 255, 0);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-ZAJDZjzma.gp-component > [data-section-overlay] { background-color: rgba(255, 255, 255, 0);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-ZAJDZjzma.gp-component > [data-section-overlay] { background-color: rgba(255, 255, 255, 0);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-ZAJDZjzma.gp-component > [data-section-overlay] { background-color: rgba(255, 255, 255, 0);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (min-width: 1200px) { .gp-component-id-ZAJDZjzma.gp-component > [data-section-overlay] { background-color: rgba(255, 255, 255, 0);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } }