*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#12121a;--color-bg-tertiary:#1a1a25;--color-text-primary:#eeeef0;--color-text-secondary:#a0a0b0;--color-text-muted:#6b6b80;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-subtle:#3b82f61f;--color-border:#2a2a3a;--color-border-subtle:#1e1e2a;--color-error:#e53e3e;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 40px #0009;--font-heading:"Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--space-2xl:8rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg-primary);transition:background var(--transition-base), color var(--transition-base);font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--color-text-primary);line-height:1.15}h1{letter-spacing:-.02em;font-size:clamp(2rem,1.5rem + 2vw,3.5rem);font-weight:800}h2{letter-spacing:-.01em;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700}h3{letter-spacing:-.01em;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:600}p{color:var(--color-text-secondary);max-width:65ch}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}code{font-family:var(--font-mono);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.875em}#root{flex-direction:column;min-height:100svh;display:flex}main{flex:1}section{padding:0}::selection{background:var(--color-accent);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skip-link{top:-100%;left:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:var(--color-bg-primary);border-radius:var(--radius-md);z-index:9999;font-weight:600;position:absolute}.skip-link:focus{top:var(--space-sm)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:3px;color:var(--color-accent);margin-bottom:var(--space-sm);font-size:.75rem;font-weight:500}@media (width<=768px){body{font-size:clamp(.95rem,1.5vw,1.1rem)}.section-label{letter-spacing:2px;font-size:.7rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.chooser-overlay{z-index:9999;background:#000000f2;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.chooser-overlay:before{content:"";pointer-events:none;will-change:opacity;background:radial-gradient(at 20%,#3b82f614 0%,#0000 50%),radial-gradient(at 80%,#e53e3e0f 0%,#0000 50%),radial-gradient(at 50% 80%,#d977400f 0%,#0000 50%);animation:8s ease-in-out infinite alternate chooser-gradient-shift;position:absolute;inset:0}@keyframes chooser-gradient-shift{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.chooser-title{font-family:var(--font-heading);color:#fff;text-align:center;letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.15;position:relative}.chooser-subtitle{font-family:var(--font-body);color:#ffffff80;text-align:center;margin-bottom:2.5rem;font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.6;position:relative}.chooser-cards{gap:2rem;padding:1rem;display:flex;position:relative}.chooser-card{aspect-ratio:4/5;cursor:pointer;border:2px solid #0000;border-radius:16px;flex-direction:column;width:300px;transition:box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.chooser-card:focus-visible{outline-offset:4px;outline:2px solid #fff}.chooser-card-preview{flex-direction:column;flex:1;gap:.75rem;padding:1.75rem;display:flex}.chooser-card-preview h3{margin:0;font-size:1.35rem;line-height:1.25}.chooser-card-preview p{opacity:.75;margin:0;font-size:.85rem;line-height:1.6}.chooser-card-cta{color:#fff;pointer-events:none;border:none;border-radius:8px;width:fit-content;margin-top:auto;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;display:inline-block}.chooser-skip{color:#fff6;cursor:pointer;font-size:.85rem;font-family:var(--font-body);background:0 0;border:none;margin-top:1.5rem;padding:.5rem 1rem;transition:color .2s;position:relative}.chooser-skip:hover{color:#ffffffbf}.chooser-skip:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #fff}.chooser-card-label{border-top:1px solid #ffffff14;padding:1rem 1.75rem}.chooser-card-label strong{margin-bottom:.15rem;font-size:.95rem;display:block}.chooser-card-label span{opacity:.6;font-size:.78rem}.toggle-container{margin-top:2rem;position:relative}.toggle-pill{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:0;padding:4px;display:flex}.toggle-pill button{color:#ffffff80;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.85rem;transition:background .25s,color .25s;display:flex}.toggle-pill button.active{color:#fff;background:#ffffff26}.toggle-pill button:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (width<=768px){.chooser-overlay{padding:1.25rem .75rem}.chooser-cards{flex-direction:column;align-items:center;gap:.75rem}.chooser-card{aspect-ratio:auto;border-radius:12px;flex-direction:row;width:min(320px,92vw);min-height:0}.chooser-card-preview{gap:.4rem;padding:1rem 1.25rem}.chooser-card-preview h3{font-size:1.05rem}.chooser-card-preview p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.45;display:-webkit-box;overflow:hidden}.chooser-card-cta{padding:.35rem 1rem;font-size:.75rem}.chooser-card-label{padding:.65rem 1.25rem}.chooser-card-label strong{font-size:.85rem}.chooser-card-label span{font-size:.72rem}.chooser-subtitle{margin-bottom:1rem}.chooser-title{margin-bottom:.25rem}.toggle-container{margin-top:1.25rem}.chooser-skip{margin-top:1rem}}@media (prefers-reduced-motion:reduce){.chooser-overlay:before{animation:none}}.theme-switcher{position:relative}.theme-switcher__trigger{border:1px solid var(--color-border);background:var(--color-bg-secondary);min-height:44px;color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;font-family:var(--font-body);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;transition:border-color .2s,color .2s;display:flex}.theme-switcher__trigger:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.theme-switcher__dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.theme-switcher__label{font-weight:500}.theme-switcher__dropdown{background:var(--color-bg-secondary);border:1px solid var(--color-border);min-width:150px;box-shadow:var(--shadow-md);z-index:200;border-radius:12px;padding:8px;animation:.2s ease-out theme-dropdown-in;position:absolute;top:calc(100% + 8px);right:0}@keyframes theme-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.theme-switcher__aesthetics{flex-direction:column;gap:2px;display:flex}.theme-switcher__option{width:100%;color:var(--color-text-secondary);font-size:.85rem;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;transition:background .15s,color .15s;display:flex}.theme-switcher__option:hover{background:var(--color-accent-subtle);color:var(--color-text-primary)}.theme-switcher__option:active{background:var(--color-accent-subtle);transform:scale(.97)}.theme-switcher__option.active{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:600}.theme-switcher__dot--sleek{background:#3b82f6}.theme-switcher__dot--warm{background:#d97740}.theme-switcher__dot--bold{background:#e53e3e}.theme-switcher__divider{background:var(--color-border-subtle);height:1px;margin:4px 0}.theme-switcher__mode svg{flex-shrink:0}.navbar{z-index:100;background:color-mix(in srgb, var(--color-bg-primary) 85%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);min-height:60px;padding:1.5rem 0;transition:padding .3s ease-out;position:sticky;top:0}.navbar--scrolled{padding:.75rem 0}.navbar__inner{justify-content:space-between;align-items:center;max-width:1126px;margin:0 auto;padding:0 1.5rem;display:flex}.navbar__wordmark{font-size:1.5rem;font-weight:700;font-family:var(--font-heading);color:var(--color-text-primary);flex-shrink:0;text-decoration:none}.navbar__ox{color:var(--color-accent);transition:text-shadow .3s ease-out}.navbar__wordmark:hover .navbar__ox{text-shadow:0 0 8px color-mix(in srgb, var(--color-accent) 50%, transparent)}@media (prefers-reduced-motion:reduce){.navbar__wordmark:hover .navbar__ox{text-shadow:none}}.navbar__scroll-progress{background:var(--color-accent);pointer-events:none;height:3px;transition:width .1s linear;position:absolute;bottom:0;left:0}.navbar__links{align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.navbar__link{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;font-family:var(--font-body);text-decoration:none;transition:color .2s}.navbar__link:hover{color:var(--color-text-primary)}.navbar__right{align-items:center;gap:1rem;display:flex}.navbar__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:10px;display:none}.navbar__hamburger-line{background:var(--color-text-primary);border-radius:1px;width:20px;height:2px;transition:transform .25s,opacity .25s;display:block}.navbar__hamburger-line.open:first-child{transform:rotate(45deg)translate(4px,4px)}.navbar__hamburger-line.open:nth-child(2){opacity:0}.navbar__hamburger-line.open:nth-child(3){transform:rotate(-45deg)translate(4px,-4px)}.navbar__overlay{z-index:98;background:#00000080;position:fixed;inset:0}.navbar__drawer{background:var(--color-bg-secondary);border-left:1px solid var(--color-border);z-index:99;flex-direction:column;gap:1.5rem;width:280px;height:100dvh;padding:1.5rem 2rem 2rem;display:flex;position:fixed;top:0;right:0}.navbar__drawer-close{min-width:44px;min-height:44px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-self:flex-end;align-items:center;margin-bottom:1rem;transition:color .2s,background .2s;display:flex}.navbar__drawer-close:hover{color:var(--color-text-primary);background:var(--color-accent-subtle)}.navbar__drawer-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.navbar__drawer-link{color:var(--color-text-secondary);font-size:1.1rem;font-weight:500;font-family:var(--font-body);text-decoration:none;transition:color .2s}.navbar__drawer-link:hover{color:var(--color-text-primary)}.navbar__drawer-link:active{color:var(--color-accent)}@media (width<=768px){.navbar__links{display:none}.navbar__hamburger{display:flex}.navbar__inner{padding:0 1rem}.navbar__wordmark{font-size:1.3rem}}.hero{justify-content:center;align-items:center;min-height:100vh;padding-top:80px;padding-bottom:2rem;display:flex;position:relative;overflow:hidden}.hero__mesh{z-index:0;pointer-events:none;filter:blur(80px);will-change:transform;position:absolute;inset:0}.hero__blob{will-change:transform;border-radius:50%;position:absolute}.hero__blob--1{background:var(--color-accent);opacity:.1;width:45vw;max-width:600px;height:45vw;max-height:600px;animation:20s ease-in-out infinite drift-1;top:10%;left:15%}.hero__blob--2{background:var(--color-accent-hover);opacity:.08;width:35vw;max-width:500px;height:35vw;max-height:500px;animation:20s ease-in-out infinite drift-2;top:30%;right:10%}.hero__blob--3{background:var(--color-accent);opacity:.06;width:30vw;max-width:400px;height:30vw;max-height:400px;animation:20s ease-in-out infinite drift-3;bottom:10%;left:40%}@keyframes drift-1{0%,to{transform:translate(0)rotate(0)scale(1)}33%{transform:translate(30px,-20px)rotate(5deg)scale(1.1)}66%{transform:translate(-20px,15px)rotate(-3deg)scale(1.05)}}@keyframes drift-2{0%,to{transform:translate(0)rotate(0)scale(1)}33%{transform:translate(-25px,20px)rotate(-4deg)scale(1.08)}66%{transform:translate(15px,-25px)rotate(6deg)scale(1.1)}}[data-mode=light] .hero__blob--1{opacity:.18}[data-mode=light] .hero__blob--2{opacity:.14}[data-mode=light] .hero__blob--3{opacity:.1}@keyframes drift-3{0%,to{transform:translate(0)rotate(0)scale(1)}33%{transform:translate(20px,15px)rotate(3deg)scale(1.1)}66%{transform:translate(-15px,-20px)rotate(-5deg)scale(1.05)}}.hero__decoration{z-index:1;pointer-events:none;position:absolute;inset:0}[data-aesthetic=sleek] .hero__decoration{opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M60 0H0v60' fill='none' stroke='%23888' stroke-width='0.5'/%3E%3C/svg%3E");background-size:60px 60px}[data-aesthetic=warm] .hero__decoration{opacity:.05;background-image:radial-gradient(circle at 20% 30%,#a078500a 1px,#0000 1px),radial-gradient(circle at 80% 70%,#a0785008 1px,#0000 1px),radial-gradient(circle,#a0785005 2px,#0000 2px);background-size:40px 40px,60px 60px,80px 80px}[data-aesthetic=bold] .hero__decoration{opacity:.04;background-image:repeating-linear-gradient(-45deg,#0000,#0000 10px,currentColor 10px 10.5px)}.hero__content{z-index:2;text-align:center;max-width:900px;padding:0 1.5rem;position:relative}.hero__headline{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-text-primary);margin:0;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.05}.hero__headline-accent{color:var(--color-accent)}.hero__subheadline{font-family:var(--font-body);color:var(--color-text-secondary);max-width:640px;margin:1.5rem auto 2.5rem;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.5}.hero__cta{flex-flow:wrap;justify-content:center;gap:1rem;display:flex}.hero__btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.hero__btn--primary{background:var(--color-accent);color:#fff;border:1.5px solid #0000}.hero__btn--primary:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.hero__btn--ghost{color:var(--color-text-primary);border:1.5px solid var(--color-border);background:0 0}.hero__btn--ghost:hover{background:var(--color-accent-subtle);border-color:var(--color-accent)}.hero__btn:active{transform:translateY(1px)}.hero__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.hero__scroll-indicator{z-index:2;color:var(--color-text-muted);flex-direction:column;align-items:center;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero__chevron{width:24px;height:24px}@media (width<=768px){.hero{min-height:90vh;padding-top:60px}.hero__content{padding:0 1rem}.hero__subheadline{margin:1rem auto 2rem}.hero__btn{padding:.75rem 1.5rem;font-size:.9rem}.hero__scroll-indicator{bottom:1rem}}.footer{border-top:1px solid var(--color-border-subtle);background:var(--color-bg-secondary);margin-top:auto;padding:3rem 1.5rem 1.5rem}.footer__grid{text-align:left;grid-template-columns:1.4fr 1fr 1fr;gap:3rem;max-width:1126px;margin:0 auto;display:grid}.footer__col{flex-direction:column;gap:.75rem;display:flex}.footer__wordmark{font-size:1.3rem;font-weight:700;font-family:var(--font-heading);color:var(--color-text-primary);text-decoration:none}.footer__ox{color:var(--color-accent)}.footer__tagline{color:var(--color-text-muted);font-size:.9rem;font-family:var(--font-body);margin:0}.footer__heading{color:var(--color-text-primary);font-size:.75rem;font-weight:600;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;margin:0}.footer__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.footer__link{color:var(--color-text-secondary);font-size:.85rem;font-family:var(--font-body);text-decoration:none;transition:color .2s}.footer__link:hover{color:var(--color-text-primary)}.footer__badge{border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-body);background:linear-gradient(90deg, transparent 0%, transparent 40%, color-mix(in srgb, var(--color-accent) 12%, transparent) 50%, transparent 60%, transparent 100%);background-size:300% 100%;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-top:.25rem;padding:4px 10px;animation:6s ease-in-out infinite footer-shimmer;display:inline-flex}@keyframes footer-shimmer{0%,to{background-position:100% 0}50%{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.footer__badge{background:0 0;animation:none}}.footer__bottom{text-align:center;border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-body);margin-top:2.5rem;padding-top:1.75rem}@media (width<=768px){.footer{padding:2rem 1rem 1rem}.footer__grid{grid-template-columns:1fr;gap:2rem}.footer__link{min-height:44px;padding:.35rem 0;line-height:2.2;display:inline-block}.footer__list{gap:0}}.back-to-top{z-index:50;border:1px solid var(--color-border);background:var(--color-bg-secondary);width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex;position:fixed;bottom:2rem;right:2rem}.back-to-top:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.back-to-top:active{transform:scale(.9)}.back-to-top:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (width<=768px){.back-to-top{bottom:1.25rem;right:1.25rem}}