:root { --sky:#dff5fb; --blue:#159bc7; --deep:#123f52; --sun:#ffd15a; --coral:#ee775c; --leaf:#62ad68; --sand:#fff0c7; --ink:#173848; --line:#c9e2e5; --paper:#fffdf7; --muted:#5d7780; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:'Barlow',Arial,sans-serif; font-size:1.05rem; line-height:1.55; } h1,h2,h3,.nav-link,.nav-cta,.button,.eyebrow,.footer-name,.platform-card,.switcher-link { font-family:'Barlow Condensed',Arial,sans-serif; } h1,h2,h3 { line-height:1.03; font-weight:700; } h1 { font-size:clamp(3.7rem,8vw,7.8rem); letter-spacing:-.045em; } h2 { font-size:clamp(2.5rem,5vw,4.8rem); letter-spacing:-.03em; } h3 { font-size:1.55rem; } a { color:inherit; } .skip-link { position:absolute; left:-999px; top:1rem; } .skip-link:focus { left:1rem; z-index:50; background:#fff; padding:.5rem 1rem; }
.site-nav { position:relative; z-index:20; background:rgba(255,253,247,.94); border-bottom:1px solid var(--line); padding:.55rem 0; } .brand-lockup { display:inline-flex; align-items:center; gap:.55rem; color:var(--deep); text-decoration:none; font-weight:700; letter-spacing:.08em; } .brand-wordmark { font:700 1.7rem/.8 'Barlow Condensed',sans-serif; } .brand-divider { width:2px; height:25px; background:var(--coral); transform:rotate(16deg); } .brand-subtitle { font:700 .72rem/1 'Barlow Condensed',sans-serif; letter-spacing:.2em; } .nav-link { color:var(--deep); font-size:1.08rem; font-weight:700; padding:.65rem .75rem!important; } .nav-link:hover,.nav-link.active { color:var(--blue); } .nav-cta,.button { display:inline-flex; align-items:center; gap:.55rem; border-radius:999px; padding:.7rem 1.15rem; text-decoration:none; font-weight:700; border:2px solid transparent; transition:transform .2s ease,background .2s ease; } .nav-cta { background:var(--sun); color:var(--ink); } .nav-cta:hover,.button:hover,.platform-card:hover,.download-link:hover { transform:translateY(-2px); } .navbar-toggler { border-color:var(--line); }
.hub-hero { position:relative; overflow:hidden; background:var(--sky); border-bottom:1px solid var(--line); } .hero-skyline { position:absolute; inset:0; pointer-events:none; } .sun-disc { position:absolute; width:300px; height:300px; border-radius:50%; background:rgba(255,209,90,.5); right:12%; top:5%; } .cloud { position:absolute; width:130px; height:31px; border-radius:50px; background:rgba(255,255,255,.7); animation:drift 18s linear infinite; } .cloud:before,.cloud:after { content:''; position:absolute; background:inherit; border-radius:50%; } .cloud:before { width:55px;height:55px;left:20px;bottom:4px; }.cloud:after { width:42px;height:42px;right:15px;bottom:3px; } .cloud-one { top:19%;left:5%; }.cloud-two { top:34%;right:7%;transform:scale(.7);animation-delay:-8s; } @keyframes drift { from { margin-left:-5%; } to { margin-left:8%; } } .hub-hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:1.05fr .95fr; gap:4rem; align-items:center; padding:4.8rem 0 2.5rem; } .eyebrow { color:#cf624c; font-size:.8rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; margin:0 0 .8rem; } .eyebrow i { margin-right:.25rem; } .hub-hero h1 { color:var(--deep); margin:0 0 1rem; } .hub-hero h1 em { color:var(--coral); font-style:normal; } .hero-lead { max-width:550px; font-size:1.25rem; } .hero-actions { display:flex; align-items:center; gap:1.2rem; flex-wrap:wrap; margin-top:1.6rem; } .button-sun { background:var(--sun); }.button-water { background:var(--blue);color:#fff; }.text-link { font-weight:700;text-decoration:none; }.text-link:hover { color:var(--blue); }
.hero-board { position:relative; min-height:430px; padding:1rem; background:rgba(255,253,247,.58); border:1px solid rgba(18,63,82,.16); box-shadow:10px 12px 0 rgba(18,63,82,.1); transform:rotate(2deg); } .board-top { display:flex;justify-content:space-between;gap:1rem;color:var(--deep);font:700 .75rem 'Barlow Condensed',sans-serif;letter-spacing:.1em; }.board-top span:first-child { color:var(--coral); }.hero-board img { display:block;width:100%;height:355px;object-fit:contain;object-position:bottom; }.board-note { display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.75rem .85rem;background:var(--deep);color:#fff;font:1rem 'Barlow Condensed',sans-serif; }.board-note strong { color:var(--sun); }.board-note span { text-align:right; }.ticker { position:relative;z-index:2;display:flex;gap:0;background:var(--deep);color:#e5f7fb;box-shadow:0 8px 20px rgba(18,63,82,.12); }.ticker span { flex:1;padding:.8rem 1rem;border-right:1px solid rgba(255,255,255,.16);font:700 .9rem 'Barlow Condensed',sans-serif; }.ticker span:last-child { border:0; }.ticker i { color:var(--sun);margin-right:.3rem; }.ticker strong { color:var(--sun); }
.section-pad { padding:5rem 0; }.section-heading { max-width:700px;margin-bottom:2.2rem; }.section-heading h2 { margin:0 0 .8rem; }.server-section { background:var(--paper); }.server-grid { display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem; }.connection-card,.version-card { padding:1.6rem;background:#fff;border:1px solid var(--line);box-shadow:0 8px 25px rgba(18,63,82,.06); }.connection-card { border-top:6px solid var(--coral); }.card-stamp { color:var(--coral);font:700 .8rem 'Barlow Condensed',sans-serif;letter-spacing:.12em; }.status-line { display:flex;align-items:center;gap:.6rem;margin:1.2rem 0 .2rem;font:700 1.25rem 'Barlow Condensed',sans-serif; }.status-line span:last-child { color:var(--muted);font-size:1rem;font-weight:400; }.status-dot { width:10px;height:10px;border-radius:50%;background:#4fb56b;box-shadow:0 0 0 5px #dff3df; }.connection-address { margin:.8rem 0;font:700 clamp(1.8rem,4vw,3rem) 'Barlow Condensed',sans-serif;color:var(--deep);letter-spacing:.04em; }.muted { color:var(--muted); }.version-row { display:grid;grid-template-columns:54px 1fr auto;gap:1rem;align-items:start;padding:1rem 0;border-bottom:1px solid var(--line); }.version-row:last-child { border:0;padding-bottom:0; }.version-icon { display:grid;place-items:center;width:48px;height:48px;background:#eef3ef;border-radius:50%;color:var(--muted);font-size:1.2rem; }.version-icon.dawn { background:var(--sand);color:var(--coral); }.version-row h3 { margin:0 0 .2rem; }.version-row p { margin:0;color:var(--muted); }.version-tag { color:var(--coral);font:700 .7rem 'Barlow Condensed',sans-serif;letter-spacing:.1em; }
.activity-section { background:var(--sand); }.activity-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1rem; }.activity-card { position:relative;min-height:250px;padding:1.25rem;background:#fff;border-top:5px solid var(--coral);box-shadow:5px 6px 0 rgba(18,63,82,.08); }.activity-card:nth-child(3n+2) { border-color:var(--leaf); }.activity-card:nth-child(3n) { border-color:var(--blue); }.activity-card:nth-child(4n) { border-color:#e4af40; }.activity-number { position:absolute;right:1rem;top:1rem;color:#c8ddde;font:700 1rem 'Barlow Condensed',sans-serif; }.feature-icon { display:grid;place-items:center;width:48px;height:48px;margin-bottom:1.1rem;border-radius:50%;background:#edf7f6;color:var(--deep);font-size:1.2rem; }.activity-card .feature-label { margin:0 0 .2rem;color:var(--coral);font:700 .75rem 'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase; }.activity-card h3 { margin:0 0 .5rem; }.activity-card p:last-child { margin:0;color:var(--muted);font-size:.96rem; }.gallery-section { background:#f8e8bc; }.gallery-swiper { overflow:hidden;border:8px solid var(--deep);box-shadow:10px 10px 0 rgba(18,63,82,.15); }.gallery-swiper img { display:block;width:100%;aspect-ratio:16/9;object-fit:cover; }.swiper-button-prev,.swiper-button-next { color:var(--sun); }.swiper-pagination-bullet-active { background:var(--coral); }
.play-section { background:var(--paper); }.platform-card { position:relative;display:block;height:100%;padding:1.4rem;border:1px solid var(--line);border-radius:.35rem;background:#fff;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease; }.platform-card:hover { box-shadow:6px 7px 0 var(--line); }.platform-card>i { color:var(--blue);font-size:1.9rem; }.platform-card h3 { margin:1rem 0 .4rem; }.platform-card>span:last-child { color:var(--muted);font:700 .9rem 'Barlow Condensed',sans-serif; }.platform-index { position:absolute;right:1rem;top:1rem;color:#b7d2d4;font:700 .8rem 'Barlow Condensed',sans-serif; }.faq-section { background:var(--sky); }.faq { border-top:1px solid var(--line);padding:1rem 0; }.faq summary { display:flex;justify-content:space-between;cursor:pointer;font:700 1.25rem 'Barlow Condensed',sans-serif; }.faq summary i { color:var(--coral); }.faq p { margin:.8rem 0 0; }
.guide-hero { background:var(--sky);padding:3.5rem 0 2.5rem; }.guide-hero h1 { margin:0 0 .8rem;color:var(--deep); }.guide-hero p:last-child { max-width:650px;font-size:1.15rem; }.guide-container { padding-bottom:4rem; }.platform-switcher { position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:1rem;margin:0 calc(var(--bs-gutter-x) * -.5) 2.2rem;padding:.45rem max(1rem,calc((100vw - 1320px)/2));background:rgba(255,253,247,.97);border-bottom:1px solid var(--line);box-shadow:0 4px 12px rgba(18,63,82,.08); }.switcher-label { display:flex;align-items:center;gap:.45rem;flex:0 0 auto;color:var(--coral);font:700 .8rem 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase; }.switcher-links { display:flex;overflow-x:auto;scrollbar-width:thin; }.switcher-link { flex:0 0 auto;display:inline-flex;align-items:center;gap:.45rem;padding:.8rem 1rem;color:var(--deep);font-weight:700;text-decoration:none;white-space:nowrap; }.switcher-link:hover,.switcher-link.active { color:var(--blue);box-shadow:inset 0 -3px var(--coral); }.guide-intro { display:grid;grid-template-columns:1.2fr .8fr;gap:2.5rem;margin-bottom:2.5rem; }.guide-panel { padding:1.6rem;margin-bottom:1.2rem;background:#fff;border:1px solid var(--line);border-radius:.35rem; }.guide-panel h2 { margin-top:0; }.download-list { display:grid;align-content:start;gap:.7rem; }.download-link { display:flex;align-items:center;gap:.8rem;padding:.85rem;border:1px solid var(--line);border-radius:.35rem;text-decoration:none;transition:transform .2s ease; }.download-link>i { color:var(--blue); }.download-link strong,.download-link small { display:block; }.download-link small { color:var(--muted); }.hosts-box,.command-block { padding:1rem;border-radius:.25rem;background:#edf8fa;overflow-x:auto; }.guide-steps { display:grid;gap:1.3rem;padding:0;list-style:none; }.guide-steps li { display:grid;grid-template-columns:36px 1fr;gap:.8rem; }.step-number { display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--sun);font-weight:700; }.guide-steps h3 { margin:0 0 .2rem; }.guide-steps p { margin:0; }.alternative-links { display:flex;gap:.7rem;flex-wrap:wrap; }.troubleshooting li { margin-bottom:.55rem; }
.site-footer { background:var(--deep);color:#e5f7fb; }.footer-grid { display:grid;grid-template-columns:1.15fr 1.15fr .65fr;gap:3rem; }.footer-name { display:inline-block;color:var(--sun);font-size:1.8rem;font-weight:700;letter-spacing:.08em;text-decoration:none; }.footer-name small { display:block;font-size:.48em;letter-spacing:.18em;margin-top:.22rem; }.site-footer h2 { color:#fff;font-size:1.5rem;margin:0 0 .8rem; }.site-footer a { color:#e5f7fb;text-decoration:none; }.site-footer a:hover { color:var(--sun); }.footer-intro p { max-width:330px;color:#afd4dd; }.footer-discord { display:inline-flex;gap:.5rem;align-items:center;color:var(--sun)!important;font:700 1rem 'Barlow Condensed',sans-serif; }.footer-kicker { margin:0 0 .35rem;color:var(--sun);font:700 .75rem 'Barlow Condensed',sans-serif;letter-spacing:.12em; }.footer-platform-grid { display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:.5rem; }.footer-platform-grid a { display:flex;align-items:center;gap:.5rem;padding:.65rem;border:1px solid rgba(229,247,251,.25);border-radius:.25rem;font-family:'Barlow Condensed',sans-serif; }.footer-platform-grid i { color:var(--sun); }.footer-arrow { margin-left:auto;font-size:.7rem; }.footer-links { display:grid;align-content:start;gap:.45rem; }.footer-bottom { display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(229,247,251,.2);margin-top:2.5rem;padding-top:1rem;color:#afd4dd;font-size:.85rem; }
[data-reveal] { opacity:0;transform:translateY(16px); } [data-reveal].is-visible { opacity:1;transform:none; } *:focus-visible { outline:3px solid var(--coral);outline-offset:3px; }
@media (max-width:991px) { .hub-hero-inner,.server-grid { grid-template-columns:1fr; }.hero-board { max-width:560px;width:100%;margin:auto; }.activity-grid { grid-template-columns:repeat(2,1fr); }.platform-switcher { padding-left:1rem;padding-right:1rem; }.switcher-label { display:none; } }
@media (max-width:767px) { h1 { font-size:clamp(3.2rem,15vw,5rem); }.hub-hero-inner { padding-top:3rem;gap:2rem; }.hero-board { min-height:360px; }.hero-board img { height:275px; }.ticker { display:block; }.ticker span { display:block;border-right:0;border-bottom:1px solid rgba(255,255,255,.16); }.section-pad { padding:3.5rem 0; }.activity-grid,.guide-intro,.footer-grid { grid-template-columns:1fr;gap:1rem; }.activity-card { min-height:0; }.footer-bottom { display:block; }.footer-bottom span { display:block;margin-top:.35rem; }.footer-platform-grid { grid-template-columns:1fr 1fr; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; } [data-reveal] { opacity:1;transform:none; } }
.start-section { padding:1.4rem 0; background:var(--paper); }.start-strip { display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--deep);color:#fff;box-shadow:6px 6px 0 rgba(18,63,82,.12);font:700 1.1rem 'Barlow Condensed',sans-serif; }.start-strip i { color:var(--sun);margin-right:.4rem; }.start-strip .text-link { color:var(--sun);font-size:.95rem; }.play-layout { display:grid;grid-template-columns:1.15fr .85fr;gap:1.4rem;align-items:stretch; }.play-preview { position:relative;min-height:420px;overflow:hidden;background:var(--deep);box-shadow:8px 8px 0 rgba(18,63,82,.12); }.play-preview img { display:block;width:100%;height:100%;min-height:420px;object-fit:cover; }.preview-caption { position:absolute;right:1rem;bottom:1rem;left:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;background:rgba(18,63,82,.92);color:#fff;font:700 1rem 'Barlow Condensed',sans-serif; }.preview-caption span { color:var(--sun);font-size:.73rem;letter-spacing:.1em; }.platform-steps { display:grid;gap:.65rem;align-content:start; }.platform-route { display:grid;grid-template-columns:28px 44px 1fr 18px;gap:.75rem;align-items:center;padding:1rem;border:1px solid var(--line);background:#fff;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease; }.platform-route:hover { transform:translateX(4px);box-shadow:5px 5px 0 var(--line); }.route-number { color:#b7d2d4;font:700 .8rem 'Barlow Condensed',sans-serif; }.route-icon { display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--sky);color:var(--blue);font-size:1.15rem; }.route-copy strong,.route-copy small { display:block; }.route-copy strong { color:var(--deep);font:700 1.2rem 'Barlow Condensed',sans-serif; }.route-copy small { color:var(--muted);font-size:.85rem; }.route-arrow { color:var(--coral); }.play-note { display:flex;align-items:flex-start;gap:.6rem;padding:.8rem;color:var(--muted);font-size:.85rem; }.play-note i { color:var(--leaf);margin-top:.25rem; }.command-block { position:relative;display:flex;align-items:center;gap:1rem;min-height:58px;padding:.7rem .75rem .7rem 1rem;background:#f2f8f8;border:1px solid var(--line);border-radius:.6rem;box-shadow:0 3px 0 rgba(18,63,82,.05); }.command-block code { flex:1;min-width:0;overflow-x:auto;color:var(--deep);font:500 .9rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word; }.copy-button { display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:.4rem;padding:.5rem .75rem;border:1px solid #b8d7da;border-radius:999px;background:#fff;color:var(--deep);font:700 .78rem 'Barlow Condensed',sans-serif;cursor:pointer;box-shadow:0 2px 0 rgba(18,63,82,.1);transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease; }.copy-button:hover { background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px rgba(21,155,199,.2); }.copy-button.is-copied { background:var(--leaf);border-color:var(--leaf);color:#fff; }.copy-button:active { transform:translateY(1px);box-shadow:none; }
@media (max-width:991px) { .play-layout { grid-template-columns:1fr; }.play-preview,.play-preview img { min-height:320px; } }
@media (max-width:767px) { .start-strip,.preview-caption { display:block; }.start-strip .text-link { display:block;margin-top:.6rem; }.preview-caption strong { display:block;margin-top:.25rem; }.command-block { align-items:flex-start;flex-wrap:wrap; }.command-block code { flex-basis:100%; }.copy-button { margin-left:auto; } }
/* Late-sunset Firefly theme */
:root { --sky:#5c2f42;--blue:#f08a50;--deep:#171522;--sun:#ffc65c;--coral:#ef6949;--leaf:#8fba70;--sand:#2b2028;--ink:#f7ede3;--line:#5e3a42;--paper:#1d1922;--muted:#c9afb0; }
body { background:var(--paper);color:var(--ink); }.site-nav { background:rgba(23,21,34,.94);border-color:#4f333e; }.brand-lockup { min-height:46px;color:#fff; }.brand-logo { display:block;width:128px;height:40px;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 5px rgba(0,0,0,.25)); }.brand-divider { background:var(--sun); }.brand-subtitle,.nav-link { color:#f6e8df; }.nav-link:hover,.nav-link.active { color:var(--sun); }.navbar-toggler { background:#f6e8df; }.hub-hero { background:linear-gradient(180deg,#34223a 0%,#873a43 48%,#e26841 100%);border-color:#9e4d43; }.hub-hero:after { content:'';position:absolute;right:0;bottom:0;left:0;height:28%;background:linear-gradient(180deg,transparent,rgba(23,21,34,.5));pointer-events:none; }.hero-skyline { background:radial-gradient(circle at 76% 44%,rgba(255,198,92,.24),transparent 25%); }.sun-disc { width:240px;height:240px;top:15%;background:radial-gradient(circle,#ffd676 0%,#f18a4f 58%,rgba(239,105,73,.08) 70%);box-shadow:0 0 70px rgba(255,172,74,.42); }.cloud { background:rgba(255,210,184,.18); }.hub-hero h1 { color:#fff7ef;text-shadow:0 4px 20px rgba(27,14,26,.28); }.hub-hero h1 em { color:var(--sun); }.hero-lead { color:#f8ded2; }.hub-hero .text-link { color:#fff0df; }.hero-board { background:rgba(30,24,34,.62);border-color:rgba(255,218,177,.22);box-shadow:10px 12px 0 rgba(28,17,28,.3); }.board-top { color:#f8ded2; }.board-top span:first-child { color:var(--sun); }.board-note { background:#171522; }.start-section,.play-section,.server-section { background:#1d1922; }.start-strip { background:linear-gradient(90deg,#2b202d,#472936);box-shadow:6px 6px 0 rgba(0,0,0,.2); }.activity-section { background:#241b25; }.section-heading p { color:var(--muted); }.activity-card,.platform-route,.guide-panel,.connection-card,.version-card { background:#2a222c;border-color:#5a3941;color:var(--ink);box-shadow:5px 6px 0 rgba(0,0,0,.18); }.activity-card p:last-child,.route-copy small,.version-row p,.muted { color:var(--muted); }.activity-number,.route-number,.platform-index { color:#7d5960; }.feature-icon,.route-icon { background:#422b38;color:var(--sun); }.gallery-section { background:linear-gradient(180deg,#4a2936,#6b323b); }.gallery-swiper { border-color:#171522;box-shadow:10px 10px 0 rgba(0,0,0,.25); }.play-preview { box-shadow:8px 8px 0 rgba(0,0,0,.24); }.platform-route:hover { box-shadow:5px 5px 0 #6b3b43; }.route-copy strong { color:#fff3e9; }.play-note { color:var(--muted); }.faq-section,.guide-hero { background:linear-gradient(135deg,#362238,#7d3840); }.faq { border-color:#70434a; }.platform-switcher { background:rgba(29,25,34,.97);border-color:#5a3941;box-shadow:0 4px 12px rgba(0,0,0,.22); }.switcher-link { color:#f6e8df; }.hosts-box,.command-block { background:#251f29;border-color:#62404a; }.command-block code { color:#ffe2c2; }.copy-button { background:#3b2a35;border-color:#75505a;color:#fff0e6; }.download-link { background:#302630;border-color:#62404a; }.download-link small { color:var(--muted); }.guide-steps p { color:var(--muted); }.step-number { color:#251b25; }.android-methods { padding:2rem 0 1rem; }.method-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem; }.method-card { position:relative;padding:1.5rem;background:#2a222c;border:1px solid #62404a;border-top:5px solid var(--coral);box-shadow:6px 7px 0 rgba(0,0,0,.18); }.method-card:nth-child(2) { border-top-color:var(--sun); }.method-card h3 { margin:.2rem 0 .5rem;font-size:2rem; }.method-card>p:not(.eyebrow) { color:var(--muted); }.method-number { position:absolute;right:1.2rem;top:1.1rem;color:#79545d;font:700 .9rem 'Barlow Condensed',sans-serif; }.method-links { display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:1rem 0; }.method-steps { display:grid;gap:.7rem;margin:1rem 0 0;padding-left:1.4rem; }.method-steps li { color:#ead8d0;padding-left:.25rem; }.method-steps li::marker { color:var(--sun);font-weight:700; }.method-steps code { color:#ffd18a;word-break:break-all; }.site-footer { background:#12101a; }.footer-platform-grid a { border-color:#593844; }.footer-intro p,.footer-bottom { color:#bfa6aa; }
@media (max-width:767px) { .brand-logo { width:108px;height:34px; }.brand-subtitle { font-size:.62rem; }.method-grid,.method-links { grid-template-columns:1fr; }.hero-board { transform:none; }.sun-disc { width:180px;height:180px; } }

/* Keep the navigation branding readable on the dark theme. */
.site-nav .brand-logo { width:40px; height:40px; flex:0 0 40px; object-fit:contain; filter:drop-shadow(0 2px 5px rgba(0,0,0,.25)); }
.site-nav .brand-lockup { gap:.2rem; margin-left:0; }
.site-nav .brand-wordmark { margin-left:-.1rem; }
.site-nav .brand-divider { margin-left:.05rem; }
.site-nav .brand-wordmark { color:#fff; }
.site-nav .brand-subtitle, .site-nav .nav-link, .site-nav .nav-link:hover, .site-nav .nav-link.active { color:#fff; }
.site-nav > .container { justify-content:flex-start; }
@media (max-width:767px) { .site-nav .brand-logo { width:34px; height:34px; flex-basis:34px; } }