/* Compact square navigation with restrained color and motion. */
.sp-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:880px;margin-inline:auto;gap:12px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;isolation:auto}
.sp-bar:before{display:none}
.sp-bar .sp-topic{--sp-accent:#c7b4e8;--sp-surface:#211e2e;display:block;position:relative;isolation:isolate;aspect-ratio:1;min-height:0;min-width:0;padding:20px;border:1px solid #76658d40;border-radius:15px;overflow:hidden;background:linear-gradient(145deg,var(--sp-surface),#131b28);color:#eef0f7;box-shadow:inset 0 1px #ffffff05;transform:none;animation:sp-square-arrive .4s both;animation-delay:calc(var(--sp-order)*45ms);transition:transform .35s,border-color .35s,box-shadow .35s}
.sp-bar .sp-topic-safety{--sp-accent:#d9bf95;--sp-surface:#27231f;border-color:#9b866340}
.sp-bar .sp-topic-education{--sp-accent:#9fcac3;--sp-surface:#1b292b;border-color:#64958e40}
.sp-bar .sp-topic-knowledge{--sp-accent:#abc2e2;--sp-surface:#1f2634;border-color:#738ba840}
.sp-bar .sp-topic:before{content:'';position:absolute;inset:-30px -30px auto auto;width:135px;height:135px;border-radius:50%;background:var(--sp-accent);opacity:.035;z-index:-1;pointer-events:none;transform:none;transition:transform .5s,opacity .4s}
.sp-bar .sp-topic:after{display:none}
.sp-topic-icon{position:absolute;top:21px;right:21px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:0;background:none;box-shadow:none;color:var(--sp-accent);transition:transform .35s}
.sp-topic-icon svg{width:36px;height:36px;transition:transform .35s}
.sp-topic-copy{position:absolute;inset:auto 21px 28px 20px;display:block;min-width:0;transition:transform .35s}
.sp-topic-copy strong{display:block;font-size:21px;line-height:1.25;letter-spacing:-.02em;font-weight:600;color:#e8eaf1;text-wrap:balance}
.sp-topic-copy small{position:absolute;top:calc(100% + 11px);right:0;left:0;font-size:12px;line-height:1.5;color:#b5c1d3;opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s}
.sp-bar .sp-arrow{position:absolute;top:23px;left:20px;display:grid;place-items:center;width:23px;height:23px;border:0;border-radius:0;color:#8f9bb0;margin:0;transform:rotate(-40deg);transition:transform .35s,color .35s}
.sp-arrow svg{width:17px;height:17px}
.sp-bar .sp-topic[aria-current]{background:linear-gradient(145deg,var(--sp-surface),#172132);border:1px solid var(--sp-accent);box-shadow:inset 0 -2px var(--sp-accent)}
.sp-bar .sp-topic:focus-visible{outline:2px solid var(--sp-accent);outline-offset:4px}
@media(hover:hover),(min-width:701px){
 .sp-bar .sp-topic:is(:hover,:focus-visible){transform:translateY(-3px);border-color:var(--sp-accent);box-shadow:0 8px 22px #0003}
 .sp-bar .sp-topic:is(:hover,:focus-visible):before{opacity:.1;transform:scale(2.8)}
 .sp-topic:is(:hover,:focus-visible) .sp-topic-icon{transform:translateY(-2px) rotate(-4deg);box-shadow:none}
 .sp-topic:is(:hover,:focus-visible) .sp-topic-icon svg{transform:scale(1.04)}
 .sp-topic:is(:hover,:focus-visible) .sp-topic-copy{transform:translateY(-24px)}
 .sp-topic:is(:hover,:focus-visible) .sp-topic-copy small{opacity:1;transform:none}
 .sp-bar .sp-topic:is(:hover,:focus-visible) .sp-arrow{transform:rotate(0);color:var(--sp-accent);background:none}
}
.sp-bar .sp-topic:active{transform:translateY(0)}
@keyframes sp-square-arrive{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(max-width:900px) and (min-width:701px){.sp-topic-copy strong{font-size:19px}.sp-topic-copy{right:17px;left:15px}.sp-topic-icon{right:17px;top:17px}.sp-topic-icon svg{width:32px;height:32px}.sp-topic-copy small{font-size:11px}.sp-bar .sp-arrow{left:16px;top:19px}}
@media(max-width:700px){.sp-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:380px}.sp-bar .sp-topic{padding:16px;border-radius:13px;min-height:0;aspect-ratio:1}.sp-topic-icon{top:13px;right:16px;width:32px;height:32px}.sp-topic-icon svg{width:29px;height:29px}.sp-topic-copy{right:16px;left:14px;bottom:24px;display:block;min-width:0}.sp-topic-copy strong{font-size:18px}.sp-topic-copy small{font-size:11px}.sp-bar .sp-arrow{top:17px;left:15px;width:19px;height:19px}.sp-arrow svg{width:15px;height:15px}}
@media(hover:none) and (max-width:700px){.sp-topic-copy{bottom:48px}.sp-topic-copy small{opacity:1;transform:none;top:calc(100% + 7px);font-size:10px}.sp-topic-copy strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.sp-bar *,.sp-bar *:before,.sp-bar *:after{animation:none!important;transition:none!important}.sp-bar .sp-topic:is(:hover,:focus-visible),.sp-topic:is(:hover,:focus-visible) .sp-topic-icon,.sp-topic:is(:hover,:focus-visible) .sp-topic-icon svg,.sp-topic:is(:hover,:focus-visible) .sp-topic-copy{transform:none}.sp-topic-copy small{position:static;margin-top:7px;opacity:1;transform:none}}
.sp-menu-intro{max-width:880px;margin:28px auto 25px;text-align:center}
.sp-main .sp-menu-intro h1{font-size:clamp(27px,2.7vw,37px);line-height:1.25;margin:0 0 12px;font-weight:600;letter-spacing:-.025em;text-wrap:balance}
.sp-menu-intro p{font-size:17px;line-height:1.7;color:#b4c0d3;margin:0}
.sp-bar+.sp-cards{margin-top:42px}
@media(max-width:700px){.sp-menu-intro{margin:20px auto 22px;max-width:380px}.sp-main .sp-menu-intro h1{font-size:28px}.sp-menu-intro p{font-size:15px}.sp-bar+.sp-cards{margin-top:30px}}
/* Low, wide navigation tiles. */
.sp-bar{max-width:1120px;gap:12px}
.sp-bar .sp-topic{aspect-ratio:auto;height:126px;min-height:0;border-radius:13px}
.sp-topic-icon{top:38px;right:20px;width:32px;height:32px}
.sp-topic-icon svg{width:31px;height:31px}
.sp-topic-copy{inset:37px 68px auto 17px}
.sp-topic-copy strong{font-size:20px;line-height:1.25}
.sp-topic-copy small{top:calc(100% + 9px);font-size:12px}
.sp-bar .sp-arrow{display:none}
@media(hover:hover),(min-width:701px){.sp-topic:is(:hover,:focus-visible) .sp-topic-copy{transform:translateY(-8px)}}
@media(max-width:1100px) and (min-width:701px){.sp-topic-copy{right:57px;left:13px;top:32px}.sp-topic-copy strong{font-size:18px}.sp-topic-copy small{font-size:11px}.sp-topic-icon{right:16px;top:36px;width:29px;height:29px}.sp-topic-icon svg{width:28px;height:28px}}
@media(max-width:700px){.sp-bar{max-width:100%;gap:10px}.sp-bar .sp-topic{aspect-ratio:auto;height:112px;border-radius:12px}.sp-topic-icon{top:23px;right:12px;width:28px;height:28px}.sp-topic-icon svg{width:26px;height:26px}.sp-topic-copy{inset:22px 48px auto 11px}.sp-topic-copy strong{font-size:17px;line-height:1.25}.sp-topic-copy small{top:calc(100% + 7px);font-size:10px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){.sp-topic-copy small{margin-top:7px}.sp-topic:is(:hover,:focus-visible) .sp-topic-copy{transform:none}}
.sp-selection{max-width:1120px;margin:22px auto 0;min-height:27px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#a8b8cd;font-size:13px}.sp-selection button{border:0;background:none;color:#c8afe6;padding:4px 0;font-size:13px;cursor:pointer}.sp-content-panel{max-width:1120px;margin:auto}.sp-content-enter{animation:sp-content-appear .25s ease-out}.sp-content-panel .sp-hero{padding:25px 0 30px}.sp-content-panel .sp-hero h2{font-size:clamp(28px,3vw,40px);line-height:1.2;margin:12px 0 18px}.sp-overview{padding:27px 0 32px}.sp-overview>div:first-child{max-width:800px}.sp-overview h2{font-size:clamp(27px,2.6vw,36px);margin:10px 0 18px;line-height:1.2}.sp-overview p{font-size:17px;line-height:1.85;color:#bac7da;margin:0}.sp-overview-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:27px;padding-top:23px;border-top:1px solid #344056}.sp-overview-points h3{font-size:20px;margin:0 0 10px}.sp-overview-points p{font-size:15px}
.sp-inquiry{max-width:1120px;margin:20px auto 0;padding:25px 28px;border:1px solid #67557977;border-radius:14px;background:linear-gradient(110deg,#242135,#182334)}.sp-inquiry h2{font-size:25px;line-height:1.3;margin:0 0 8px}.sp-inquiry p{font-size:14px;line-height:1.7;color:#b9c5d7;margin:0}.sp-inquiry-topic{display:block;font-size:12px;color:#d0b7eb;margin-top:8px}.sp-inquiry fieldset{min-width:0;padding:0;border:0;margin:20px 0 0}.sp-inquiry-fields{display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr auto;gap:12px;align-items:end}.sp-inquiry-fields label{display:grid;gap:7px;color:#dce3ee;font-size:13px;min-width:0}.sp-inquiry-fields input{width:100%;min-width:0;border:1px solid #54617a;border-radius:7px;background:#101a29;color:#f1f3fa;font:inherit;padding:10px 11px;min-height:43px}.sp-inquiry-fields button{min-height:43px;border:1px solid #d4bce9;border-radius:7px;padding:10px 20px;background:#d9c2ef;color:#162035;font:inherit;font-size:14px;font-weight:650;cursor:pointer;white-space:nowrap}.sp-inquiry-fields button:disabled{opacity:.6}.sp-inquiry .sp-consent{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:15px;font-size:12px;color:#c0cadd;line-height:1.7}.sp-consent input{width:16px;height:16px;margin-inline-end:4px;accent-color:#aa89cc}.sp-inquiry .sp-consent a{color:#dcc6f6;text-decoration:underline}.sp-inquiry .sp-privacy{font-size:11px;margin-top:5px;color:#9cacbf}.sp-inquiry .sp-form-status{font-size:13px;margin-top:10px;color:#e1d1f4}.sp-form-status:empty{display:none}.sp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes sp-content-appear{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.sp-inquiry-fields{grid-template-columns:1fr 1fr}.sp-inquiry-fields button{grid-column:1/-1}}@media(max-width:700px){.sp-overview-points{grid-template-columns:1fr;gap:22px}.sp-overview p{font-size:16px}.sp-inquiry{padding:22px 18px}.sp-inquiry-fields{grid-template-columns:1fr}.sp-selection{font-size:12px}.sp-inquiry h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.sp-content-enter{animation:none}}
.sp-panorama-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:34px;padding:27px 0 32px}.sp-panorama-hero .sp-hero{display:block;padding:0}.sp-panorama-hero .sp-hero h2{font-size:34px}.sp-panorama{margin:0;border:1px solid #48546a;border-radius:14px;overflow:hidden;background:#142032;min-width:0}.sp-panorama-surface{position:relative;height:300px;background:#152033;isolation:isolate;overflow:hidden}.sp-panorama canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;position:relative;z-index:1}.sp-panorama canvas:active{cursor:grabbing}.sp-panorama canvas:focus-visible{outline:3px solid #c8a9ee;outline-offset:-3px}.sp-panorama-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sp-panorama-badge{position:absolute;z-index:2;top:13px;right:13px;background:#101a29d9;border:1px solid #ffffff40;color:#f5f2ff;border-radius:20px;padding:6px 11px;font-size:12px;pointer-events:none}.sp-panorama-hint{position:absolute;z-index:2;inset:auto 0 0;background:linear-gradient(transparent,#0a1429dd);color:#fff;text-align:center;padding:28px 12px 12px;font-size:13px;pointer-events:none}.sp-panorama-controls{padding:13px 14px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}.sp-panorama-controls p{font-size:12px;line-height:1.7;color:#becadd;margin:0;flex:1 1 220px}.sp-panorama-controls>div{display:flex;gap:6px;direction:ltr}.sp-panorama-controls button{border:1px solid #76658d;background:#252438;color:#e3d3f6;min-height:36px;min-width:36px;border-radius:7px;padding:7px 10px;font:inherit;font-size:12px;cursor:pointer}.sp-panorama-controls button:disabled{opacity:.45;cursor:default}.sp-panorama figcaption{font-size:10px;line-height:1.6;color:#9cabc0;padding:0 14px 10px}
@media(max-width:850px){.sp-panorama-hero{grid-template-columns:1fr;gap:24px}.sp-panorama-surface{height:280px}.sp-panorama-hero .sp-hero h2{font-size:30px}}