:root{color-scheme:light;--background-primary: #f5f5f7;--background-secondary: #ffffff;--surface-primary: rgba(255, 255, 255, .72);--surface-secondary: rgba(255, 255, 255, .56);--text-primary: #1d1d1f;--text-secondary: #515154;--text-tertiary: #86868b;--accent: #0071e3;--accent-soft: rgba(0, 113, 227, .12);--divider: rgba(29, 29, 31, .08);--fill-strong: rgba(255, 255, 255, .9);--shadow-level-1: 0 2px 8px rgba(15, 23, 42, .08);--shadow-level-2: 0 6px 16px rgba(15, 23, 42, .12);--radius-button: 14px;--radius-card: 16px;--radius-sheet: 20px;--motion-fast: .2s ease-in-out;--motion-standard: .24s ease-in-out;--page-width: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(126,166,255,.2),transparent 28%),radial-gradient(circle at top right,rgba(255,255,255,.9),transparent 30%),linear-gradient(180deg,#fbfbfd 0%,var(--background-primary) 55%,#eef3f9 100%);color:var(--text-primary);font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}#root{min-height:100vh}.page-shell{width:min(calc(100% - 32px),var(--page-width));margin:0 auto;padding:20px 0 32px}.topbar{position:sticky;top:20px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;margin-bottom:24px;background:#ffffff9e;border:1px solid rgba(255,255,255,.56);border-radius:var(--radius-sheet);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-level-1)}.brand{font-size:1rem;font-weight:600;letter-spacing:-.02em}.topnav{display:flex;align-items:center;gap:18px;color:var(--text-secondary);font-size:.95rem}.topnav a{transition:color var(--motion-fast)}.topnav a:hover,.topnav a:focus-visible,.footer a:hover,.footer a:focus-visible{color:var(--text-primary)}.section{padding:48px 0}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:stretch;min-height:calc(100vh - 240px)}.hero-copy,.hero-panel,.about-card,.site-card{position:relative;overflow:hidden;background:var(--surface-primary);border:1px solid rgba(255,255,255,.58);border-radius:var(--radius-sheet);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-level-1)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,56px)}.hero-copy:after,.hero-panel:after,.about-card:after,.site-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 28%);pointer-events:none}.hero h1{max-width:16ch;margin:0;font-size:clamp(2.3rem,4.4vw,4rem);font-weight:600;line-height:1.1;letter-spacing:-.035em}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.hero-tag{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;background:#fff9;border:1px solid rgba(29,29,31,.08);border-radius:999px;color:var(--text-secondary);font-size:.9rem;font-weight:500;letter-spacing:-.01em}.eyebrow{margin:0 0 16px;color:var(--text-tertiary);font-size:.95rem;font-weight:500;letter-spacing:-.01em}.hero-text,.section-text,.about-card p,.sites-status{margin:0;color:var(--text-secondary);font-size:1.05rem;line-height:1.7;letter-spacing:-.01em}.hero-text{max-width:36rem;margin-top:20px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:var(--radius-button);font-size:.95rem;font-weight:500;letter-spacing:-.01em;transition:transform var(--motion-fast),background-color var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button-primary{background:var(--text-primary);color:#fff;box-shadow:0 1px 4px #0f172a14}.button-primary:hover,.button-primary:focus-visible{background:#161618}.button-secondary{background:#ffffff80;color:var(--text-primary);border:1px solid rgba(29,29,31,.06)}.button-secondary:hover,.button-secondary:focus-visible{background:#ffffffb8}.section-heading{max-width:760px;margin-bottom:24px}.section-heading h2{margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.06;letter-spacing:-.05em}.section-text{margin-top:14px}.sites-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.site-card{display:flex;flex-direction:column;gap:16px;min-height:220px;padding:22px;cursor:pointer;transition:transform var(--motion-standard),box-shadow var(--motion-standard),border-color var(--motion-standard)}.site-card:hover,.site-card:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow-level-2);border-color:#0071e324}.site-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.site-card-title{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:-.03em}.site-card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-soft);border-radius:999px;color:var(--accent);font-size:1rem;flex-shrink:0}.site-card-description{margin:0;color:var(--text-secondary);line-height:1.68}.site-card-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);font-size:.96rem;font-weight:600}.site-card-link span:last-child{color:var(--accent);transition:transform var(--motion-fast)}.site-card:hover .site-card-link span:last-child,.site-card:focus-visible .site-card-link span:last-child{transform:translate(2px)}.sites-status{margin-top:18px;min-height:28px}.about-card{max-width:880px;padding:28px}.about-card p+p{margin-top:18px}.about-card .button{margin-top:24px}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px 0;color:var(--text-tertiary);font-size:.95rem}.footer p{margin:0}.footer a{transition:color var(--motion-fast)}.empty-state{padding:22px;border-radius:var(--radius-card);background:#ffffff8f;border:1px solid var(--divider);color:var(--text-secondary)}@media(max-width:980px){.hero{min-height:auto}.hero h1{max-width:15ch}.sites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.page-shell{width:min(calc(100% - 20px),var(--page-width));padding-top:12px}.topbar{top:12px;padding:14px 16px;flex-wrap:wrap}.topnav{width:100%;justify-content:space-between}.section{padding:36px 0}.hero-copy,.about-card{padding:24px}.sites-grid{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:0ms!important}}