:root{--ctp-mocha-base: #1e1e2e;--ctp-mocha-mantle: #181825;--ctp-mocha-crust: #11111b;--ctp-mocha-text: #cdd6f4;--ctp-mocha-subtext0: #a6adc8;--ctp-mocha-overlay1: #7f849c;--ctp-mocha-surface1: #45475a;--ctp-mocha-surface0: #313244;--ctp-mocha-mauve: #cba6f7;--ctp-mocha-pink: #f5c2e7;--ctp-mocha-teal: #94e2d5;--ctp-mocha-green: #a6e3a1;--ctp-mocha-peach: #fab387;--ctp-mocha-blue: #89b4fa;--ctp-mocha-lavender: #b4befe;--ctp-latte-base: #eff1f5;--ctp-latte-mantle: #e6e9ef;--ctp-latte-crust: #dce0e8;--ctp-latte-text: #4c4f69;--ctp-latte-subtext0: #6c6f85;--ctp-latte-overlay2: #7c7f93;--ctp-latte-surface0: #ccd0da;--ctp-latte-mauve: #8839ef;--ctp-latte-pink: #ea76cb;--ctp-latte-teal: #179299;--ctp-latte-green: #40a02b;--ctp-latte-peach: #fe640b;--ctp-latte-blue: #1e66f5;--ctp-latte-lavender: #7287fd}[data-theme=dark]{--bg: var(--ctp-mocha-base);--bg-alt: var(--ctp-mocha-mantle);--bg-surface: var(--ctp-mocha-surface0);--bg-subtle: var(--ctp-mocha-mantle);--text: var(--ctp-mocha-text);--text-muted: var(--ctp-mocha-subtext0);--text-subtle: var(--ctp-mocha-overlay1);--border: var(--ctp-mocha-surface0);--border-strong: var(--ctp-mocha-surface1);--accent: var(--ctp-mocha-mauve);--accent-hover: var(--ctp-mocha-pink);--docs-color: var(--ctp-mocha-blue);--book-color: var(--ctp-mocha-green);--blog-color: var(--ctp-mocha-peach);--product-color: var(--ctp-mocha-mauve);--teal-color: var(--ctp-mocha-teal);--lavender-color: var(--ctp-mocha-lavender)}[data-theme=light]{--bg: var(--ctp-latte-base);--bg-alt: var(--ctp-latte-mantle);--bg-surface: var(--ctp-latte-surface0);--bg-subtle: var(--ctp-latte-crust);--text: var(--ctp-latte-text);--text-muted: var(--ctp-latte-subtext0);--text-subtle: var(--ctp-latte-overlay2);--border: var(--ctp-latte-crust);--border-strong: var(--ctp-latte-surface0);--accent: var(--ctp-latte-mauve);--accent-hover: var(--ctp-latte-pink);--docs-color: var(--ctp-latte-blue);--book-color: var(--ctp-latte-green);--blog-color: var(--ctp-latte-peach);--product-color: var(--ctp-latte-mauve);--teal-color: var(--ctp-latte-teal);--lavender-color: var(--ctp-latte-lavender)}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:"Geist";src:url("/fonts/Geist-Variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}body{font-family:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);z-index:9999;padding:.75rem 1.5rem;background:var(--accent);color:var(--bg);font-weight:600;text-decoration:none;border-radius:0 0 8px 8px;transition:top .2s ease}.skip-link:focus{top:0;outline:2px solid var(--text);outline-offset:2px}.container{max-width:1000px;width:100%;margin:0 auto;padding:0 1.5rem}.hero{padding:4rem 0 3rem;text-align:center}.hero__logo{font-size:2rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.hero__logo img{width:64px;height:64px;object-fit:contain}.hero__title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg, var(--accent), var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero__subtitle{color:var(--text-muted);font-size:1.25rem;max-width:600px;margin:0 auto 1.5rem}.cta{display:flex;justify-content:center;margin-top:2rem}.cta__button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--accent);color:var(--bg);font-size:1rem;font-weight:600;text-decoration:none;border-radius:.5rem;transition:all .2s ease}.cta__button:hover,.cta__button:focus{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2);outline:none}.cta__button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.section{padding:4rem 0}.section--alt{background:var(--bg-alt)}.section__header{text-align:center;margin-bottom:3rem}.section__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:.5rem}.section__description{color:var(--text-muted);font-size:1.125rem}.modes{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;list-style:none}.mode-card__inner{display:flex;flex-direction:column;height:100%;padding:2rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;transition:all .25s ease}.mode-card:hover .mode-card__inner{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.mode-card--docs:hover .mode-card__inner{border-color:var(--docs-color)}.mode-card--book:hover .mode-card__inner{border-color:var(--book-color)}.mode-card--blog:hover .mode-card__inner{border-color:var(--blog-color)}.mode-card--product:hover .mode-card__inner{border-color:var(--product-color)}.mode-card--teal:hover .mode-card__inner{border-color:var(--teal-color)}.mode-card--lavender:hover .mode-card__inner{border-color:var(--lavender-color)}.mode-card__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.mode-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-alt);border-radius:8px;transition:all .25s ease;flex-shrink:0}.mode-card__icon svg{width:24px;height:24px}.mode-card--docs .mode-card__icon{color:var(--docs-color)}.mode-card--book .mode-card__icon{color:var(--book-color)}.mode-card--blog .mode-card__icon{color:var(--blog-color)}.mode-card--product .mode-card__icon{color:var(--product-color)}.mode-card--teal .mode-card__icon{color:var(--teal-color)}.mode-card--lavender .mode-card__icon{color:var(--lavender-color)}.mode-card--docs:hover .mode-card__icon{background:var(--docs-color);color:var(--bg)}.mode-card--book:hover .mode-card__icon{background:var(--book-color);color:var(--bg)}.mode-card--blog:hover .mode-card__icon{background:var(--blog-color);color:var(--bg)}.mode-card--product:hover .mode-card__icon{background:var(--product-color);color:var(--bg)}.mode-card--teal:hover .mode-card__icon{background:var(--teal-color);color:var(--bg)}.mode-card--lavender:hover .mode-card__icon{background:var(--lavender-color);color:var(--bg)}.mode-card__title{font-size:1.125rem;font-weight:600}.mode-card__description{color:var(--text-muted);font-size:.9375rem;line-height:1.6;flex:1}.mode-card__bullets{margin-top:.75rem;padding-left:1.25rem;color:var(--text-muted);font-size:.9375rem;line-height:1.6}.mode-card__bullets li+li{margin-top:.25rem}.footer{padding:4rem 0 2rem;background:var(--bg-alt);border-top:1px solid var(--border)}.footer__content{display:grid;grid-template-columns:1fr auto;gap:4rem;margin-bottom:2rem}.footer__brand{display:flex;align-items:flex-start;gap:1.5rem}.footer__logo-wrapper{position:relative;width:64px;height:64px;flex-shrink:0}.footer__logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:48px;height:48px;background:linear-gradient(135deg, var(--accent), var(--accent-hover));filter:blur(12px);opacity:.4;border-radius:50%}.footer__logo{position:relative;width:64px;height:64px;object-fit:contain;z-index:1}.footer__tagline{display:flex;flex-direction:column;gap:.5rem;max-width:400px}.footer__title{font-size:1.125rem;font-weight:600;line-height:1.4}.footer__description{font-size:.875rem;color:var(--text-muted);line-height:1.6}.footer__links{display:flex;gap:4rem}.footer__col{display:flex;flex-direction:column;gap:.5rem}.footer__col h4{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.footer__col a{font-size:.875rem;color:var(--text-muted);text-decoration:none;transition:color .15s ease}.footer__col a:hover{color:var(--text)}.footer__bottom{padding-top:2rem;border-top:1px solid var(--border);text-align:center}.footer__bottom p{font-size:.875rem;color:var(--text-subtle)}@media (max-width: 768px){.footer__content{grid-template-columns:1fr;gap:2rem}.footer__brand{flex-direction:column;align-items:center;text-align:center}.footer__links{gap:2rem;justify-content:center}}@media (max-width: 640px){.hero__title{font-size:2rem}.hero__subtitle{font-size:1.125rem}.modes{grid-template-columns:1fr}}