*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--max-w:1200px}body{background:var(--paper);color:var(--ink-1);font-family:var(--font-body);min-height:100vh;transition:background 0.25s ease,color 0.25s ease}h1,h2,h3{font-family:var(--font-display);letter-spacing:.4px;color:var(--ink-1)}p{color:var(--ink-2);line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--teal-1)}.site-shell{width:min(var(--max-w), 100%);margin:0 auto;padding:0 24px}.hero-glow{position:absolute;inset:-10% 0 auto 0;height:520px;background:radial-gradient(circle,var(--hero-glow-color) 0%,transparent 70%);z-index:-1}.site-nav{position:sticky;top:0;z-index:20;background:var(--nav-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-1)}.site-nav .site-shell{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:16px}.logo{font-size:1.6rem;font-weight:800;letter-spacing:-.5px;color:var(--ink-1)}.logo-dot{color:var(--teal-1)}.logo-img{height:32px;width:auto;display:block}.nav-links{display:flex;gap:24px;font-size:.9rem;color:var(--ink-3)}.nav-actions{display:flex;align-items:center;gap:12px}.btn-theme{min-width:132px}.btn-theme i{font-size:.95rem}.nav-links a{padding:6px 10px;border-radius:var(--radius-pill)}.nav-links a:hover{background:var(--surface-2)}.hero{padding:80px 0 40px}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:40px}.hero-pill{display:inline-flex;align-items:center;padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-1);background:var(--surface-2);font-size:.75rem;letter-spacing:1px;text-transform:uppercase;color:var(--ink-3);margin-bottom:18px}.hero-copy h1{font-size:clamp(2.6rem, 4vw, 4.8rem);line-height:1.05;margin-bottom:16px}.gradient-text{background:linear-gradient(120deg,var(--teal-1),var(--copper-1));-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.hero-copy p{max-width:520px;font-size:1.05rem;margin-bottom:24px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}.hero-meta{display:flex;flex-wrap:wrap;gap:12px}.meta-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-pill);font-size:.85rem;color:var(--ink-3)}.hero-media{position:relative;display:grid;place-items:center}.hero-card{width:min(360px, 100%);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:24px;display:grid;gap:18px;position:relative;overflow:hidden}.hero-card__header{display:flex;align-items:center;justify-content:space-between}.hero-card__tag{padding:6px 12px;border-radius:var(--radius-pill);background:var(--surface-3);font-size:.8rem;color:var(--ink-3)}.hero-card__dot{width:10px;height:10px;border-radius:50%;background:var(--teal-1)}.hero-card__footer{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:6px 10px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink-3);font-size:.75rem}.hero-orbit{position:absolute;inset:-20px;border-radius:50%;border:1px dashed var(--orbit-color);animation:orbit 16s linear infinite;z-index:-1}@keyframes orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:minmax(180px,auto);gap:20px;margin:40px 0 80px}.bento-card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:28px;padding:28px;box-shadow:var(--shadow-1);position:relative;overflow:hidden}.bento-card .icon{font-size:2rem;margin-bottom:12px;display:inline-flex}.bento-card h3{margin-bottom:12px;font-size:1.6rem}.bento-large{grid-column:span 2;min-height:260px}.bento-wide{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;gap:20px}.bento-glow{position:absolute;bottom:-40px;right:-40px;width:160px;height:160px;background:rgb(31 122 140 / .2);filter:blur(40px)}.avatar-stack{display:flex;margin-top:16px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--surface-3);border:2px solid var(--paper);margin-left:-10px}.avatar.badge{background:var(--teal-1);color:#fff;display:grid;place-items:center;font-size:.65rem;font-weight:700}.device{min-width:120px;height:120px;border-radius:20px;background:linear-gradient(135deg,var(--teal-1),var(--copper-1));display:grid;place-items:center;font-size:2rem;color:#fff}.cta{padding:40px 0 80px}.cta-card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:32px;padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;box-shadow:var(--shadow-2)}.cta-copy h2{margin-bottom:8px;font-size:2rem}.cta-actions{display:grid;gap:12px}.cta-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.cta-guest{font-size:.85rem;color:var(--ink-3);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:999px;font-weight:700;font-size:.95rem;border:1px solid #fff0;cursor:pointer;transition:all 0.2s ease}.btn-primary{background:linear-gradient(135deg,var(--teal-1),var(--copper-1));color:#fff;border:none}.btn-primary:hover{filter:brightness(1.05)}.btn-outline{background:#fff0;border:1px solid var(--border-2);color:var(--ink-2)}.btn-outline:hover{border-color:var(--teal-1);color:var(--teal-1)}.btn-ghost{background:var(--surface-2);border:1px solid var(--border-1);color:var(--ink-2)}.btn-light{background:#fff;color:#111;border:1px solid var(--border-1)}html[data-theme="dark"] .btn-light{background:#fff;color:#111}.btn-dark{background:#24292e;color:#fff}.btn-blue{background:#1877f2;color:#fff}.site-footer{border-top:1px solid var(--border-1);padding:24px 0 32px;color:var(--ink-3)}.footer-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;font-size:.9rem}.footer-links{display:flex;gap:18px}@media (max-width:900px){.bento-large,.bento-wide{grid-column:span 1}.site-nav .site-shell{flex-direction:column}.nav-links{flex-wrap:wrap;justify-content:center}.nav-actions{width:100%;justify-content:center;flex-wrap:wrap}}@media (max-width:640px){.hero{padding:60px 0 20px}.hero-actions{flex-direction:column;align-items:stretch}.hero-card{padding:20px}}main{padding:40px 0 60px}main h1,main h2{margin-bottom:16px}main p{margin-bottom:16px}