/* Silver Ice 1.7.0 — compact banner actions and a clear homepage. */
/* Keep navigation visible without shifting the desktop banner beneath it. */
.wrap > .navigation-strip { position:sticky;top:0;z-index:50;margin-bottom:-44px;background:rgba(8,24,43,.6); }
html { scroll-padding-top:52px; }
@media(max-width:720px) { .wrap > .navigation-strip { margin-bottom:0; }html { scroll-padding-top:84px; } }
.hero-actions { gap:10px; }
.hero-actions .button { min-height:48px;padding:10px 12px;font-size:16px;gap:8px; }
.hero-actions .button span,.hero-actions .button i { font-size:16px; }
.hero .hero-copy { top:auto;bottom:clamp(16px,2cqw,28px); }
/* Original Harbor circle-online medallion; the existing arcane orb sits behind it. */
.hero:has(.harbor-online-stack) { overflow:visible;z-index:2; }
.hero:has(.harbor-online-stack)::after { content:'';position:absolute;left:0;right:0;bottom:-2px;height:4px;background:linear-gradient(to bottom,#75ceff 0%,#d3f4ff 25%,#f5ffff 48%,#98e5ff 72%,#379bdc 100%);border-radius:1px;z-index:1;pointer-events:none; }
.hero .harbor-online-stack { position:absolute;left:50%;right:auto;top:100%;bottom:auto;width:clamp(136px,18cqw,240px);height:clamp(136px,18cqw,240px);max-width:none;max-height:none;margin:0;padding:0;transform:translate(-50%,-50%);display:block;isolation:isolate;text-align:center;z-index:2;background:none;pointer-events:none; }
.hero .harbor-online-stack .online-orb-backdrop { position:absolute;inset:0;width:100%;height:100%;max-width:none;transform:none;object-fit:contain;mix-blend-mode:screen;opacity:.9;mask-image:radial-gradient(circle closest-side,#000 70%,transparent 73%);z-index:0;pointer-events:none; }
.harbor-online-bubble { position:absolute;left:26.75%;top:26.75%;width:46.5%;height:46.5%;display:grid;place-items:center;border-radius:50%;background:rgba(14,20,29,.82);border:1px solid #d7a04a55;box-shadow:inset 0 0 18px #05081180;z-index:1; }
.wrap { container-type:inline-size; }
/* Follow the visible ring's lower edge, leaving a 10px gap before page content. */
.wrap > .hero + .main { padding-top:calc(clamp(136px,18cqw,240px) * .365 + 10px); }
.main .journey { padding-top:0; }
.hero .harbor-online-stack .harbor-online-ornament { position:absolute;left:-42%;top:-64%;width:184%;height:auto;max-width:none;object-fit:contain;mix-blend-mode:normal;mask-image:none;pointer-events:none;z-index:1; }
.harbor-online-value { position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:90%;color:#f1e4cf;text-shadow:0 2px 5px #000; }
.harbor-online-state { display:block;max-width:100%;font:700 clamp(10px,1.05cqw,15px)/1.1 'Segoe UI',sans-serif;letter-spacing:.04em; }
.hero .harbor-online-stack.is-online .harbor-online-state { color:#63e88b; }
.hero .harbor-online-stack.is-offline .harbor-online-state { color:#ff7474; }
.harbor-online-icon { display:block;font-size:clamp(13px,1.45cqw,21px);line-height:1;color:#b7e5ff;filter:drop-shadow(0 0 5px #6abaff99); }
.harbor-online-value strong { display:block;font:700 clamp(14px,1.61cqw,24px)/1 Georgia,serif;color:#fff; }
@media(max-width:720px) { .harbor-online-value { gap:0; }.harbor-online-value strong { font-size:14px; }.hero .hero-copy { position:absolute;left:3%;top:auto;bottom:16px;width:94%;padding:0;background:none; }.hero .hero-actions { column-gap:calc(clamp(136px,18cqw,240px) + 12px); }.hero .hero-actions .button { min-height:48px;font-size:14px;padding:10px 4px;white-space:normal; }.hero .hero-actions .button span,.hero .hero-actions .button i { display:none; } }
body[data-route="home"] .main { display:block;padding:0 30px 30px;background:rgba(245,251,255,.94);border-radius:0 0 18px 18px; }
body[data-route="home"] .main>.sidebar { display:none; }
body[data-route="home"] .content { width:100%;min-width:0; }
.home-hub { color:#294b66; }
.journey { padding:34px 36px 38px; }
.journey>h2 { display:flex;align-items:center;justify-content:center;gap:18px;text-align:center;font-size:22px;text-transform:uppercase;letter-spacing:.035em; }
.journey>h2::before,.journey>h2::after { content:'◆';color:#6997b8;font-size:9px; }
.journey-steps { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;list-style:none;padding:0;margin:38px 0 0; }
.journey-steps li { position:relative;min-width:0; }
.journey-steps li:not(:last-child)::after { content:'›';position:absolute;right:-24px;top:20px;color:#8babbf;font:38px Georgia,serif; }
.journey-steps a { display:flex;align-items:center;gap:18px;color:#294b66; }
.journey-icon { flex:0 0 76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#dcecf8);border:1px solid #d3e1eb;box-shadow:inset 0 0 0 5px #f8fcff,0 3px 8px #547b9410;color:#497fa5;font-size:31px; }
.journey-steps h3 { font-size:21px;text-transform:uppercase;display:flex;align-items:center;gap:12px; }
.journey-steps h3 span { color:#648ca8;font-size:31px; }
.journey-steps p { margin:8px 0 0;font-size:14px;line-height:1.65;color:#526d82; }
.journey-steps a:hover .journey-icon { border-color:#729cbc;background:#dbeefb; }
.home-primary-grid { display:grid;grid-template-columns:1fr 1fr;gap:20px; }
.home-secondary-grid { display:grid;grid-template-columns:.95fr 1.05fr 1fr;gap:20px;margin-top:22px; }
.home-card { display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid #c9d9e5;border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 2px 8px #365e7a04; }
.home-primary-grid>.home-card { min-height:290px; }
.home-card-head { display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px; }
.home-card h2 { font-size:21px;line-height:1.3;text-transform:uppercase;letter-spacing:.015em; }
.home-primary-grid h2 { font-size:20px; }
.home-card-head>a { flex-shrink:0;font-size:13px;line-height:26px;color:#356b91; }
.home-news-list { display:grid;gap:9px; }
.home-news-row { display:flex;align-items:center;gap:12px;border:1px solid #d6e2eb;border-radius:7px;padding:12px;color:#294b66;font-size:14px; }
.home-news-row>i { color:#6c8da5; }
.home-news-row strong { font-weight:500; }
.home-news-row:hover { background:#edf6fc;border-color:#94b7cf; }
.home-tag { margin-left:auto;flex-shrink:0;padding:2px 8px;border-radius:4px;background:#edf5fb;color:#416783;font-size:12px; }
.home-card-bottom { margin-top:auto;padding:13px 8px 0;text-align:center;display:block;color:#356b91;font-size:14px; }
.home-card-bottom:hover { text-decoration:underline;text-underline-offset:4px; }
.home-empty { flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:14px 24px 22px; }
.home-empty>i { font-size:32px;color:#719bb8;margin-bottom:13px; }
.home-empty h3 { font-size:20px; }
.home-empty p { max-width:290px;margin:10px 0 0;font-size:14px;color:#597185; }
.home-feature-list { list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px;font-size:14px; }
.home-feature-list li { display:flex;gap:12px; }
.home-feature-list li::before { content:'✓';color:#4d83a7; }
.home-faq-list details { border:1px solid #d5e1ea;border-radius:6px;background:#fff;margin:0 0 6px; }
.home-faq-list summary { display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:10px 12px;color:#355770;font-size:14px;line-height:1.5; }
.home-faq-list summary::-webkit-details-marker { display:none; }
.home-faq-list summary::after { content:'+';flex-shrink:0;color:#527e9c; }
.home-faq-list details[open] summary::after { content:'−'; }
.home-faq-list details>div { padding:0 12px 14px;font-size:14px;line-height:1.7;color:#526d82; }
.home-faq-list a { text-decoration:underline;text-underline-offset:3px; }
.community-intro { display:flex;align-items:center;gap:18px;margin:2px 0 24px; }
.community-intro>i { font-size:48px;color:#6e98b7; }
.community-intro p { margin:0;font-size:14px;color:#526d82; }
.community-button { display:flex;justify-content:center;align-items:center;gap:10px;min-height:48px;width:100%;padding:10px;background:#d8e9f5;border:1px solid #afc9dc;border-radius:6px;color:#466981;font-size:14px;font-weight:600; }
.community-button:disabled { cursor:not-allowed; }
.community-status { text-align:center;font-size:13px;color:#597185;margin:12px 0 26px; }
@media(max-width:1100px) { .journey { padding:30px 10px; }.journey-steps { gap:25px; }.journey-steps a { gap:12px; }.journey-icon { flex-basis:58px;height:58px;font-size:25px; }.journey-steps h3 { font-size:18px;gap:8px; }.journey-steps li:not(:last-child)::after { right:-18px;top:15px; }.home-card { padding:18px; }.home-secondary-grid { grid-template-columns:1fr 1fr; }.home-community { grid-column:1/-1; }.community-intro { max-width:430px; }.community-button { max-width:360px; }.community-status { text-align:left; } }
@media(max-width:720px) { .hero-actions .button { min-height:48px;font-size:16px;padding:10px; }.hero-copy { padding:16px 18px; }body[data-route="home"] .main { padding:0 16px 20px; }.journey { padding:28px 6px; }.journey>h2 { font-size:20px;gap:10px; }.journey-steps { grid-template-columns:1fr;gap:22px;margin-top:28px; }.journey-steps li:not(:last-child)::after { display:none; }.journey-steps a { gap:18px; }.journey-icon { flex-basis:66px;height:66px; }.journey-steps h3 { font-size:20px; }.journey-steps p { margin-top:3px; }.home-primary-grid,.home-secondary-grid { grid-template-columns:1fr;gap:16px; }.home-secondary-grid { margin-top:16px; }.home-community { grid-column:auto; }.home-primary-grid>.home-card { min-height:260px; }.home-card { padding:20px; }.home-news-row { gap:8px;flex-wrap:wrap; }.home-tag { font-size:12px; }.community-button { max-width:none; }.community-status { text-align:center; } }