@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:wght@400;500&display=swap";:root{--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--bg-primary: #ffffff;--bg-secondary: var(--gray-50);--bg-card: #ffffff;--bg-card-hover: var(--gray-50);--text-primary: var(--gray-900);--text-secondary: var(--gray-500);--text-tertiary: var(--gray-400);--text-accent: var(--blue-600);--border-subtle: var(--gray-200);--border-accent: var(--blue-200);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 30px rgba(0, 0, 0, .08);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--section-padding: clamp(4rem, 10vw, 8rem);--container-max: 1200px;--container-wide: 1400px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px}[data-theme=dark]{--bg-primary: #111113;--bg-secondary: #18181b;--bg-card: #18181b;--bg-card-hover: #1e1e22;--text-primary: #f0f0f3;--text-secondary: #8b8b96;--text-tertiary: #5e5e6a;--text-accent: var(--blue-400);--border-subtle: #27272a;--border-accent: rgba(59, 130, 246, .25);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .25);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .3);--shadow-xl: 0 8px 30px rgba(0, 0, 0, .35);--gray-50: #18181b;--gray-100: #1e1e22;--gray-200: #27272a;--gray-300: #3f3f46;--blue-50: rgba(59, 130, 246, .08);--blue-100: rgba(59, 130, 246, .12);--blue-200: rgba(59, 130, 246, .2);--blue-600: #5b9cf6;--blue-700: #7db4fa}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;transition:background-color .2s ease,color .2s ease}a{color:var(--text-accent);text-decoration:none;transition:color var(--duration-fast) ease}a:hover{color:var(--blue-700)}[data-theme=dark] a:hover{color:var(--blue-300)}img{max-width:100%;height:auto;display:block}kbd{font-family:var(--font-sans);font-size:.9em;font-weight:600;color:var(--text-primary);background:var(--gray-100);border:1px solid var(--border-subtle);border-radius:6px;padding:.15em .4em;letter-spacing:.03em}.container{max-width:var(--container-max);margin:0 auto;padding:0 clamp(1.5rem,5vw,3rem)}.container--wide{max-width:var(--container-wide)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out-expo) both}.animate-fade-in{animation:fadeIn .5s ease both}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}.delay-8{animation-delay:.4s}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.95rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;border:none;transition:all var(--duration-normal) ease;position:relative;text-decoration:none}.btn--primary{background:var(--blue-600);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--blue-700);box-shadow:var(--shadow-md);transform:translateY(-1px);color:#fff}.btn--secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn--secondary:hover{background:var(--gray-50);border-color:var(--gray-300);transform:translateY(-1px);color:var(--text-primary)}.btn--large{padding:.875rem 2.25rem;font-size:1.05rem}.btn svg{width:18px;height:18px;flex-shrink:0}.btn__text-short{display:none}.btn__text-long{display:inline}@media(max-width:480px){.btn__text-short{display:inline}.btn__text-long{display:none}}.section-label{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--radius-full);font-size:.78rem;font-weight:600;color:var(--blue-600);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.25rem}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:750;letter-spacing:-.03em;line-height:1.15;color:var(--text-primary);margin-bottom:.75rem}.section-subtitle{font-size:clamp(1rem,2vw,1.15rem);color:var(--text-secondary);line-height:1.7;max-width:640px}.nav{position:fixed;top:-40px;left:0;right:0;z-index:100;padding:.75rem 0;padding-top:calc(.75rem + 40px + env(safe-area-inset-top,0px));border-bottom:1px solid transparent;transition:background-color var(--duration-normal) ease,border-color var(--duration-normal) ease,backdrop-filter var(--duration-normal) ease}.nav--scrolled{background:#ffffffeb;backdrop-filter:blur(12px);border-bottom-color:var(--border-subtle)}[data-theme=dark] .nav--scrolled{background:#111113e0}.nav__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-wide);margin:0 auto;padding:0 clamp(1.5rem,5vw,3rem)}.nav__brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text-primary)}.nav__icon{width:32px;height:32px;border-radius:8px}.nav__name{font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.nav__links{display:flex;align-items:center;gap:2rem;list-style:none}.nav__links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color var(--duration-fast) ease}.nav__links a:hover{color:var(--text-primary)}.nav__cta{padding:.55rem 1.4rem!important;font-size:.875rem!important;color:#fff!important}.nav__toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:101}.nav__toggle-bar{width:100%;height:2px;background-color:var(--text-primary);border-radius:2px;transition:transform var(--duration-normal) ease,opacity var(--duration-normal) ease}.nav--menu-open{background:transparent!important;border-bottom-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}body.nav-open{overflow:hidden!important}@media(max-width:768px){.nav__toggle{display:flex}.nav__toggle.is-open .nav__toggle-bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav__toggle.is-open .nav__toggle-bar:nth-child(2){opacity:0}.nav__toggle.is-open .nav__toggle-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav__links{position:fixed;top:-40px;left:0;width:100%;height:calc(100vh + 40px);background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;align-items:center;gap:2.25rem;z-index:99;padding-top:calc(140px + env(safe-area-inset-top,0px));transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform var(--duration-normal) var(--ease-out-expo),opacity var(--duration-normal) ease}[data-theme=dark] .nav__links{background:#111113fa}.nav__links.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.nav__links li{opacity:0;transform:translateY(15px);transition:transform var(--duration-normal) var(--ease-out-expo),opacity var(--duration-normal) ease}.nav__links.is-open li{opacity:1;transform:translateY(0)}.nav__links.is-open li:nth-child(1){transition-delay:.1s}.nav__links.is-open li:nth-child(2){transition-delay:.15s}.nav__links.is-open li:nth-child(3){transition-delay:.2s}.nav__links.is-open li:nth-child(4){transition-delay:.25s}.nav__links a{font-size:1.35rem;font-weight:600;color:var(--text-primary)}.nav__cta{padding:.75rem 2.5rem!important;font-size:1rem!important}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8rem 0 4rem;background:var(--bg-primary)}.hero__content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto;padding:0 clamp(1.5rem,5vw,3rem)}.hero__icon{width:100px;height:100px;border-radius:24px;margin:0 auto 2rem;box-shadow:var(--shadow-lg);transition:transform var(--duration-normal) ease}.hero__icon:hover{transform:translateY(-2px)}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem .35rem .6rem;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--radius-full);font-size:.82rem;font-weight:500;color:var(--blue-600);margin-bottom:1.5rem}.hero__badge-dot{width:7px;height:7px;border-radius:50%;background:#16a34a}.hero__title{font-size:clamp(2.8rem,7vw,4.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin-bottom:1.25rem;color:var(--text-primary)}.hero__title-gradient{color:var(--blue-600)}.hero__subtitle{font-size:clamp(1.05rem,2.5vw,1.25rem);color:var(--text-secondary);line-height:1.7;max-width:560px;margin:0 auto 2.5rem}.hero__actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.hero__platforms{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:2.5rem;flex-wrap:wrap}.hero__platform{display:flex;align-items:center;gap:.4rem;color:var(--text-tertiary);font-size:.85rem;font-weight:500}.hero__platform svg{width:16px;height:16px;opacity:.5}.showcase{position:relative;padding:var(--section-padding) 0;background:var(--bg-secondary)}.showcase-row{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(2rem,5vw,4rem);align-items:center;margin-bottom:clamp(5rem,10vw,8rem)}.showcase-row:last-child{margin-bottom:0}.showcase-row--reverse{grid-template-columns:1.3fr 1fr}.showcase-row--reverse .showcase-row__text{order:2}.showcase-row--reverse .showcase-row__media{order:1}.showcase-row__text{max-width:480px}.showcase-row__media{position:relative;display:flex;justify-content:center;align-items:center}.showcase-row__img{transition:transform var(--duration-normal) ease}.showcase-row__img:hover{transform:translateY(-3px)}.showcase-row__img--mac{width:100%;max-width:800px;border-radius:var(--radius-lg)}.showcase-row__media--phones{position:relative;min-height:480px;justify-content:center}.showcase-row__img--phone{width:clamp(180px,20vw,240px);border-radius:var(--radius-lg);position:absolute}.showcase-row__img--phone-back{left:10%;top:0;z-index:1;transform:rotate(-3deg)}.showcase-row__img--phone-back:hover{transform:rotate(-3deg) translateY(-3px)}.showcase-row__img--phone-front{right:10%;top:40px;z-index:2;transform:rotate(2deg)}.showcase-row__img--phone-front:hover{transform:rotate(2deg) translateY(-3px)}.showcase-row__media--stack{position:relative;min-height:480px;display:flex;justify-content:center;align-items:center;width:100%}.showcase-row__img--ipad{width:clamp(200px,24vw,300px);position:absolute;left:5%;top:20px;z-index:1;transform:rotate(-2deg);transition:transform var(--duration-normal) ease}.showcase-row__img--ipad:hover{transform:rotate(-2deg) translateY(-3px)}.showcase-row__img--visionos{width:clamp(280px,32vw,420px);position:absolute;right:5%;bottom:20px;z-index:2;transform:rotate(1deg);transition:transform var(--duration-normal) ease}.showcase-row__img--visionos:hover{transform:rotate(1deg) translateY(-3px)}@media(max-width:900px){.showcase-row,.showcase-row--reverse{grid-template-columns:1fr;text-align:center}.showcase-row__text{max-width:100%;margin:0 auto}.showcase-row__text .section-label,.showcase-row__text .section-subtitle{margin-left:auto;margin-right:auto}.showcase-row--reverse .showcase-row__text{order:1}.showcase-row--reverse .showcase-row__media{order:2}.showcase-row__media--phones{min-height:400px}.showcase-row__img--phone{width:180px}.showcase-row__img--phone-back{left:15%}.showcase-row__img--phone-front{right:15%}.showcase-row__media--stack{min-height:400px}.showcase-row__img--ipad{width:200px;left:10%;top:10px}.showcase-row__img--visionos{width:280px;right:10%;bottom:10px}}.open-source{position:relative;padding:var(--section-padding) 0;background:var(--bg-primary)}.open-source__card{padding:clamp(3rem,6vw,4rem);border-radius:var(--radius-xl);background:var(--gray-50);border:1px solid var(--border-subtle);text-align:center}.open-source__content{position:relative;z-index:1}.open-source__icon{width:56px;height:56px;margin:0 auto 1.5rem;color:var(--blue-600)}.open-source__title{font-size:clamp(1.6rem,4vw,2.25rem);font-weight:750;letter-spacing:-.03em;margin-bottom:.75rem}.open-source__desc{font-size:clamp(1rem,2vw,1.1rem);color:var(--text-secondary);max-width:520px;margin:0 auto 2rem;line-height:1.7}.open-source__links{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.cta{position:relative;padding:var(--section-padding) 0;text-align:center;background:var(--bg-secondary)}.cta__inner{position:relative;z-index:1}.cta__icon{width:72px;height:72px;border-radius:18px;margin:0 auto 1.5rem;box-shadow:var(--shadow-lg)}.cta__title{font-size:clamp(2rem,5vw,2.75rem);font-weight:750;letter-spacing:-.03em;margin-bottom:.75rem}.cta__subtitle{font-size:clamp(1rem,2vw,1.1rem);color:var(--text-secondary);max-width:480px;margin:0 auto 2rem;line-height:1.7}.footer{border-top:1px solid var(--border-subtle);padding:2.5rem 0;background:var(--bg-primary)}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.footer__brand{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.footer__brand a{color:var(--text-primary);font-weight:600;transition:color var(--duration-fast) ease}.footer__brand a:hover{color:var(--text-accent)}.footer__brand img{width:22px;height:22px;border-radius:5px}.footer__links{display:flex;align-items:center;gap:1.5rem;list-style:none}.footer__links a{color:var(--text-tertiary);font-size:.85rem;font-weight:500}.footer__links a:hover{color:var(--text-primary)}.theme-toggle{display:flex;align-items:center;gap:2px;background:var(--gray-100);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:3px}.theme-toggle__btn{display:flex;align-items:center;justify-content:center;height:30px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) ease;padding:0}.theme-toggle__btn:hover{color:var(--text-secondary)}.theme-toggle__btn[aria-pressed=true]{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.theme-toggle__btn--text{font-size:.75rem;font-weight:600;font-family:var(--font-sans);letter-spacing:.01em;width:auto;padding:0 14px}@media(max-width:768px){.hero{padding:7rem 0 3rem;min-height:auto}.hero__icon{width:80px;height:80px;border-radius:20px}.hero__actions{flex-direction:column;width:100%;max-width:320px;margin:0 auto;gap:.75rem}.hero__actions .btn{width:100%;justify-content:center}.features__grid{grid-template-columns:1fr}.footer__inner{flex-direction:column;text-align:center}}@media(max-width:480px){.hero__title{font-size:2.2rem}.hero__platforms{gap:1rem}.showcase-row__media--phones{min-height:320px}.showcase-row__img--phone{width:140px}.showcase-row__img--phone-back{left:8%}.showcase-row__img--phone-front{right:8%;top:30px}.showcase-row__media--stack{min-height:auto;flex-direction:column;gap:1.5rem;padding:1.5rem 0;width:100%}.showcase-row__img--ipad,.showcase-row__img--visionos{position:relative;inset:auto;width:100%;max-width:280px;transform:none}.showcase-row__img--ipad:hover,.showcase-row__img--visionos:hover{transform:translateY(-2px)}}.footer__right[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:1.75rem}@media(max-width:768px){.footer__right[data-astro-cid-sz7xmlte]{flex-direction:column;gap:1.25rem}}