@font-face{font-family:figtree fallback;src:local('BlinkMacSystemFont'),local('-apple-system'),local('Segoe UI'),local('sans-serif');size-adjust:99.5%;ascent-override:96%;descent-override:24%;line-gap-override:0%}@font-face{font-family:unbounded fallback;src:local('BlinkMacSystemFont'),local('-apple-system'),local('Segoe UI'),local('sans-serif');size-adjust:110%;ascent-override:91%;descent-override:21%;line-gap-override:0%}:root{--color-black:#000000;--color-white:#ffffff;--color-off-white:#fafafa;--color-gray-100:#171717;--color-gray-200:#262626;--color-gray-300:#404040;--color-gray-400:#858585;--color-gray-500:#949494;--color-gray-600:#a3a3a3;--color-gray-700:#d4d4d4;--color-gray-800:#e5e5e5;--color-gray-900:#f5f5f5;--color-accent:#ffb800;--color-accent-light:#ffca20;--color-accent-dark:#e09100;--color-accent-glow:rgba(255, 184, 0, 0.2);--color-coral:#ff6b4a;--color-coral-glow:rgba(255, 107, 74, 0.2);--font-display:'Unbounded', 'Unbounded Fallback', -apple-system, BlinkMacSystemFont,
    sans-serif;--font-body:'Figtree', 'Figtree Fallback', -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:clamp(0.7rem, 0.65rem + 0.25vw, 0.75rem);--font-size-sm:clamp(0.8rem, 0.75rem + 0.25vw, 0.875rem);--font-size-base:clamp(0.9rem, 0.85rem + 0.25vw, 1rem);--font-size-lg:clamp(1rem, 0.9rem + 0.5vw, 1.125rem);--font-size-xl:clamp(1.125rem, 1rem + 0.625vw, 1.25rem);--font-size-2xl:clamp(1.25rem, 1rem + 1.25vw, 1.5rem);--font-size-3xl:clamp(1.5rem, 1rem + 2.5vw, 2rem);--font-size-4xl:clamp(2rem, 1rem + 5vw, 3rem);--font-size-5xl:clamp(2.5rem, 1rem + 7.5vw, 4rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.4);--shadow-lg:0 8px 30px rgba(0, 0, 0, 0.5);--shadow-xl:0 20px 60px rgba(0, 0, 0, 0.6);--shadow-glow:0 0 40px var(--color-accent-glow);--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:300ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:500ms cubic-bezier(0.4, 0, 0.2, 1);--transition-spring:600ms cubic-bezier(0.34, 1.56, 0.64, 1);--container-max:1200px;--container-max-xl:1400px;--container-max-xxl:1600px;--header-height:72px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-600);background-color:var(--color-black);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:0 0;font:inherit;color:inherit}ul,ol{list-style:none}::selection{background:var(--color-accent);color:var(--color-black)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}@media(min-width:768px){.container{padding:0 var(--space-8)}}.section{padding:var(--space-20)0;position:relative}@media(min-width:768px){.section{padding:var(--space-32)0}}.section-header{text-align:center;max-width:680px;margin:0 auto var(--space-16)}.section-header__eyebrow{display:inline-block;font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.section-header__title{font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:700;line-height:1.1;color:var(--color-white);letter-spacing:-.02em;margin-bottom:var(--space-6)}.section-header__description{font-size:var(--font-size-lg);color:var(--color-gray-500);line-height:1.7}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.visible{opacity:1;transform:none;will-change:auto}.stagger-1{transition-delay:.05s}.stagger-2{transition-delay:.1s}.stagger-3{transition-delay:.15s}.stagger-4{transition-delay:.2s}.stagger-5{transition-delay:.25s}.stagger-6{transition-delay:.3s}.stagger-7{transition-delay:.35s}.stagger-8{transition-delay:.4s}.stagger-9{transition-delay:.45s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;padding:var(--space-3)var(--space-6);border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap;text-decoration:none;border:2px solid transparent;position:relative;overflow:hidden}.btn--lg{padding:var(--space-4)var(--space-8);font-size:var(--font-size-base)}.btn--full{width:100%}.btn--content-link{white-space:normal;text-align:start;max-width:100%}.btn--accent{background:var(--color-accent);color:var(--color-black);border-color:var(--color-accent)}.btn--accent:hover{background:var(--color-accent-light);border-color:var(--color-accent-light);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn--secondary{background:0 0;color:var(--color-white);border-color:var(--color-gray-300)}.btn--secondary:hover{border-color:var(--color-white);transform:translateY(-2px)}.btn--glass{background:rgba(255,255,255,6%);color:var(--color-white);border-color:rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn--glass:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);transform:translateY(-2px)}.btn--primary{background:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.btn--primary:hover{background:var(--color-gray-900);transform:translateY(-2px)}.btn__icon{width:18px;height:18px;transition:transform var(--transition-fast)}.btn:hover .btn__icon{transform:translateX(3px)}.btn__icon--left{margin-right:var(--space-1)}.btn:hover .btn__icon--left{transform:translateX(0)}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);display:flex;align-items:center;transition:all var(--transition-base);background:0 0}.header--scrolled{background:rgba(0,0,0,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,6%)}.header--hidden{transform:translateY(-100%)}.header__inner{display:flex;align-items:center;justify-content:space-between;width:100%}.header__logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-white)}.header__logo-icon{width:28px;height:auto;color:var(--color-accent)}.header__logo-text{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--color-white)}.header__nav{display:none;align-items:center;gap:var(--space-8)}@media(min-width:1024px){.header__nav{display:flex}}.header__nav-link{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-600);transition:color var(--transition-fast);position:relative}.header__nav-link:hover{color:var(--color-white)}.header__nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-accent);transition:width var(--transition-base);border-radius:1px}.header__nav-link:hover::after{width:100%}.header__actions{display:flex;align-items:center;gap:var(--space-2)}@media(min-width:1024px){.header__actions{gap:var(--space-4)}}.header__lang-wrap{position:relative;display:flex;align-items:center}.header__lang-icon{color:var(--color-gray-500);pointer-events:none;flex-shrink:0}.header__lang-wrap:hover .header__lang-icon{color:var(--color-white)}.header__lang{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-gray-500);background:0 0;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);padding:var(--space-1)var(--space-2);cursor:pointer;appearance:none;-webkit-appearance:none;outline:none;position:absolute;inset:0;width:100%;height:100%;opacity:0}@media(min-width:1024px){.header__lang-icon{display:none}.header__lang{position:static;opacity:1;width:auto;height:auto}}.header__lang:hover{border-color:var(--color-gray-500);color:var(--color-white)}.header__lang option{background:var(--color-gray-100);color:var(--color-white)}.header__cta{font-size:var(--font-size-xs);padding:var(--space-2)var(--space-4)}@media(min-width:1024px){.header__cta{font-size:var(--font-size-sm);padding:var(--space-3)var(--space-6)}}.header__menu-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;gap:5px}@media(min-width:1024px){.header__menu-btn{display:none}}.header__menu-btn span{display:block;width:22px;height:2px;background:var(--color-white);border-radius:2px;transition:all var(--transition-base)}.header__menu-btn.active span:nth-child(1){transform:rotate(45deg)translate(5px,5px)}.header__menu-btn.active span:nth-child(2){opacity:0}.header__menu-btn.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{position:fixed;top:calc(var(--header-height) + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;z-index:99;background:rgba(0,0,0,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--space-10);padding-top:var(--space-12);padding-bottom:env(safe-area-inset-bottom,var(--space-8));overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;transition:all var(--transition-slow)}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu__nav{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.mobile-menu__link{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:600;color:var(--color-white);transition:color var(--transition-fast)}.mobile-menu__link:hover{color:var(--color-accent)}.mobile-menu__cta{padding:0 var(--space-8);width:100%;max-width:320px}.mobile-menu__lang{padding:0 var(--space-8);width:100%;max-width:320px}.mobile-menu__lang-title{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);text-align:center}.mobile-menu__lang-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.mobile-menu__lang-link{font-size:var(--font-size-sm);color:var(--color-gray-500);padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-gray-300);transition:all var(--transition-fast);min-height:44px;display:inline-flex;align-items:center}.mobile-menu__lang-link:hover{color:var(--color-white);border-color:var(--color-gray-500)}.mobile-menu__lang-link.active{color:var(--color-accent);border-color:var(--color-accent);font-weight:600}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:calc(var(--header-height) + var(--space-16))0 var(--space-16);overflow:hidden}.hero__bg-glow{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient( circle,var(--color-accent-glow) 0%,transparent 60% );opacity:.4;pointer-events:none;animation:glowPulse 8s ease-in-out infinite;will-change:transform,opacity}@keyframes glowPulse{0%,100%{opacity:.3;transform:translateX(-50%)scale(1)}50%{opacity:.5;transform:translateX(-50%)scale(1.1)}}.hero__content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1;min-height:420px}@media(min-width:768px){.hero__content{min-height:480px}}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);padding:var(--space-2)var(--space-4);border:1px solid rgba(255,184,0,.25);border-radius:var(--radius-full);margin-bottom:var(--space-8);background:rgba(255,184,0,6%)}.hero__eyebrow svg{color:var(--color-accent)}.hero__title{font-family:var(--font-display);font-size:var(--font-size-5xl);font-weight:800;line-height:1.05;color:var(--color-white);letter-spacing:-.03em;margin-bottom:var(--space-6);overflow-wrap:break-word}.hero__tagline{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:500;color:var(--color-gray-600);margin-bottom:var(--space-4);line-height:1.4}.hero__animated-words{display:inline-block;position:relative;vertical-align:bottom;min-width:8ch;min-height:1.4em}.hero__word{display:inline-block;color:var(--color-accent);font-weight:700;position:absolute;left:0;top:0;opacity:0;transition:opacity .6s ease;white-space:nowrap}.hero__word.active{opacity:1;position:relative}.hero__animated-words--ready .hero__word.active{position:absolute}.hero__description{font-size:var(--font-size-lg);color:var(--color-gray-500);margin-bottom:var(--space-10);line-height:1.7;max-width:600px;margin-left:auto;margin-right:auto}.hero__cta{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;margin-bottom:var(--space-12)}@media(min-width:480px){.hero__cta{flex-direction:row;flex-wrap:wrap;justify-content:center}}.hero__store{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin:0 auto var(--space-10)}.hero__store-eyebrow{font-size:var(--font-size-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-gray-500)}.hero__store-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-3)}.hero__store-break{flex-basis:100%;height:0}@media(min-width:1440px){.hero__store-break{display:none}}.hero__store-badge{display:inline-flex;align-items:center;border-radius:10px;min-height:44px;transition:transform .15s ease,opacity .15s ease}.hero__store-badge:hover,.hero__store-badge:focus-visible{transform:translateY(-2px);opacity:.92}.hero__store-badge img{display:block;height:54px;width:auto;max-width:100%}@media(max-width:374px){.hero__store-badge img{height:48px}}.hero__garmin-badge,.hero__apple-watch-badge{padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm);min-height:54px}.hero__definition{font-size:var(--font-size-base);color:var(--color-gray-500);line-height:1.65;max-width:640px;margin:0 auto var(--space-10);text-align:center}.hero__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-6)}.hero__trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-500)}.hero__trust-item svg{color:var(--color-accent);flex-shrink:0}.hero__use-cases{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)var(--space-5);margin-top:var(--space-5);font-size:var(--font-size-sm)}.hero__use-cases a{color:var(--color-gray-500);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.hero__use-cases a:hover,.hero__use-cases a:focus-visible{color:var(--color-accent);border-bottom-color:var(--color-accent)}.hero__discovery{max-width:640px;margin:var(--space-5)auto 0;padding-inline-start:var(--space-4);border-inline-start:3px solid var(--color-accent);text-align:start;font-size:var(--font-size-sm);line-height:1.6}.hero__discovery strong{display:block;color:var(--color-white,#fff)}.hero__discovery p{margin:var(--space-2)0}.hero__discovery a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.hero__discovery a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.hero__notice{display:flex;align-items:flex-start;gap:var(--space-2);max-width:640px;margin:var(--space-4)auto 0;padding:var(--space-3)var(--space-4);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-gray-600,var(--color-gray-500));background:rgba(255,255,255,4%);border:1px solid rgba(255,255,255,8%);border-radius:var(--radius-md,8px);text-align:left}.hero__notice-icon{color:var(--color-accent);flex-shrink:0;margin-top:2px}.hero__notice-link{color:var(--color-accent);text-decoration:underline}.hero__notice-link:hover{text-decoration:none}.steps{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}@media(min-width:768px){.steps{flex-direction:row;justify-content:center;align-items:flex-start;gap:var(--space-4)}}.step{min-width:0;overflow-wrap:anywhere;text-align:center;width:100%;max-width:400px;padding:var(--space-6);border-radius:var(--radius-xl);background:var(--color-gray-100);border:1px solid var(--color-gray-200);position:relative;transition:all var(--transition-base)}@media(min-width:768px){.step{max-width:300px;padding:var(--space-8)}}.step:hover{border-color:var(--color-gray-300);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.step__number{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:28px;height:28px;background:var(--color-accent);color:var(--color-black);font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.step__icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--color-accent)}.step__icon svg{width:100%;height:100%}.step__title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;color:var(--color-white);margin-bottom:var(--space-2)}.step__desc{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.6}.steps__connector{display:none;color:var(--color-gray-400);padding-top:var(--space-12)}.steps__connector svg{width:40px;height:24px}@media(min-width:768px){.steps__connector{display:block;flex-shrink:0}}.features__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:640px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.features__grid{grid-template-columns:repeat(3,1fr)}}.feature-card{padding:var(--space-8);border-radius:var(--radius-xl);background:var(--color-gray-100);border:1px solid var(--color-gray-200);transition:all var(--transition-base)}.feature-card:hover{border-color:var(--color-gray-300);transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-card__icon-wrap{width:48px;height:48px;border-radius:var(--radius-lg);background:rgba(255,184,0,.1);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);color:var(--color-accent)}.feature-card__icon-wrap svg{width:24px;height:24px}.feature-card__title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;color:var(--color-white);margin-bottom:var(--space-3)}.feature-card__description{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.7}.feature-card--coming-soon{opacity:.65;position:relative}.feature-card__link{display:inline-block;margin-top:.75rem;font-size:.875rem;font-weight:600;color:var(--primary,#6366f1);text-decoration:none}.feature-card__link:hover{text-decoration:underline}.blog-topics{display:flex;flex-wrap:wrap;gap:var(--space-2)var(--space-6);margin-block:var(--space-6)var(--space-8)}.blog-topics a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-accent);text-decoration:underline;text-underline-offset:.2em}.blog-topics a[aria-current=page]{color:var(--color-white);font-weight:700}.blog-card__author a,.page-content__author a{text-decoration:underline;text-underline-offset:.2em}.section-anchor{display:block;scroll-margin-top:calc(var(--header-height) + var(--space-6))}.blog-list{display:flex;flex-direction:column;gap:var(--space-8)}.blog-card{padding:var(--space-8)var(--space-10);border-radius:var(--radius-xl);background:var(--color-gray-100);border:1px solid var(--color-gray-200);transition:all var(--transition-base)}.blog-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.blog-card__title{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.blog-card__title a{color:inherit;text-decoration:none}.blog-card__title a:hover{text-decoration:underline}.blog-card__date{display:block;font-size:.8125rem;color:var(--color-gray-500);margin-bottom:.25rem}.blog-card__author{display:block;font-size:.8125rem;color:var(--color-gray-500);font-style:italic;margin-bottom:.75rem}.blog-card__desc{font-size:.9375rem;line-height:1.6;color:var(--color-gray-600);margin-bottom:1rem}@media(min-width:960px){.blog-list{gap:var(--space-10)}.blog-card{padding:var(--space-10)var(--space-12,3rem)}}.feature-card__badge{display:inline-block;margin-top:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;background:var(--surface-2,#f1f5f9);color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.05em}.use-cases__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.use-cases__grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}}.use-case-card{min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column;background:rgba(255,255,255,3%);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-8);text-decoration:none;color:inherit;transition:all var(--transition-base)}.use-case-card:hover{border-color:var(--color-accent);background:rgba(255,184,0,4%);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.use-case-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(255,184,0,.1);border-radius:var(--radius-lg);margin-bottom:var(--space-6);color:var(--color-accent)}.use-case-card__icon svg{width:24px;height:24px}.use-case-card__title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--color-white);margin-bottom:var(--space-3)}.use-case-card__desc{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.7;flex:1;margin-bottom:var(--space-4)}.use-case-card__link{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent);transition:color var(--transition-fast)}.use-case-card:hover .use-case-card__link{color:var(--color-accent-light)}.style-examples{background:linear-gradient( 180deg,var(--color-black) 0%,var(--color-gray-100) 50%,var(--color-black) 100% );content-visibility:auto;contain-intrinsic-size:0 800px}.examples__sources{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}@media(min-width:640px){.examples__sources{flex-direction:row;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-10)}}.source-card{width:100%;max-width:480px;border-radius:var(--radius-xl);background:var(--color-gray-200);border:2px solid var(--color-gray-300);overflow:hidden;transition:all var(--transition-base);cursor:pointer;text-align:left;font:inherit;color:inherit;padding:0;display:flex;flex-direction:row;opacity:.55;position:relative}.source-card:hover{border-color:var(--color-gray-400);transform:translateY(-2px);box-shadow:var(--shadow-md);opacity:.8}.source-card--active{opacity:1;border-color:var(--color-accent);box-shadow:0 0 24px var(--color-accent-glow),0 0 0 1px var(--color-accent)}.source-card--active:hover{opacity:1;border-color:var(--color-accent-light);transform:translateY(-2px);box-shadow:0 0 32px var(--color-accent-glow),0 0 0 1px var(--color-accent-light)}.source-card__yt-link{position:absolute;bottom:var(--space-2);right:var(--space-2);width:28px;height:28px;background:rgba(0,0,0,.75);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast);text-decoration:none;z-index:2}.source-card__yt-link svg{width:12px;height:12px}.source-card:hover .source-card__yt-link{opacity:.8}.source-card__yt-link:hover{opacity:1!important;background:rgba(255,0,0,.85)}.source-card__thumb{position:relative;flex-shrink:0;width:120px;min-height:80px;overflow:hidden;background:var(--color-gray-100)}@media(min-width:480px){.source-card__thumb{width:160px;min-height:90px}}@media(min-width:768px){.source-card__thumb{width:180px;min-height:100px}}.source-card__thumb img{width:100%;height:100%;object-fit:cover}.source-card__badge{position:absolute;top:var(--space-2);left:var(--space-2);font-family:var(--font-display);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-white);background:rgba(255,0,0,.85);padding:2px 6px;border-radius:var(--radius-sm)}.source-card__body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)var(--space-4);min-width:0;justify-content:center}.source-card__channel{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.source-card__title{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:600;color:var(--color-white);line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:768px){.source-card__title{font-size:var(--font-size-sm)}}.source-card__desc{font-size:var(--font-size-xs);color:var(--color-gray-500);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.examples__filters{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-10);flex-wrap:wrap}.examples__filter{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:600;padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-gray-300);color:var(--color-gray-500);background:0 0;transition:all var(--transition-fast);cursor:pointer}.examples__filter:hover{border-color:var(--color-gray-400);color:var(--color-white)}.examples__filter.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-black)}.examples__grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.examples__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.examples__grid{grid-template-columns:repeat(4,1fr)}}.sample-card{border-radius:var(--radius-xl);background:var(--color-gray-100);border:1px solid var(--color-gray-200);padding:var(--space-6);transition:all var(--transition-base)}.sample-card:hover{border-color:var(--color-gray-300);transform:translateY(-2px);box-shadow:var(--shadow-md)}.sample-card--playing{border-color:var(--color-accent)!important;box-shadow:0 0 20px var(--color-accent-glow)!important}.sample-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.sample-card__style-icon{width:36px;height:36px;border-radius:var(--radius-md);background:rgba(255,184,0,.1);display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0}.sample-card__style-icon svg{width:18px;height:18px}.sample-card__style-icon--custom{background:rgba(255,107,74,.1);color:var(--color-coral)}.sample-card__title{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;color:var(--color-white)}.sample-card__meta{font-size:var(--font-size-xs);color:var(--color-gray-500)}.sample-card__lang-flag{margin-left:auto;font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:700;color:var(--color-gray-400);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-gray-300);flex-shrink:0}.sample-card__player{display:flex;align-items:center;gap:var(--space-3)}.sample-card__play-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-black);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.sample-card__play-btn:hover{background:var(--color-accent-light);transform:scale(1.08)}.sample-card__play-btn svg{width:16px;height:16px}.sample-card__waveform{flex:1;display:flex;align-items:center;gap:var(--space-3)}.sample-card__progress-bar{flex:1;height:4px;background:var(--color-gray-300);border-radius:2px;cursor:pointer;position:relative;overflow:hidden}.sample-card__progress-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:var(--color-accent);border-radius:2px;transition:width .1s linear}.sample-card__time{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-gray-500);min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.sample-card__coming-soon{display:flex;align-items:center;justify-content:center;padding:var(--space-4);color:var(--color-gray-500);font-size:var(--font-size-sm);font-style:italic;border:1px dashed var(--color-gray-300);border-radius:var(--radius-md)}.extensions{background:linear-gradient( 180deg,var(--color-black) 0%,var(--color-gray-100) 50%,var(--color-black) 100% );content-visibility:auto;contain-intrinsic-size:0 600px}.extensions__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:900px;margin:0 auto}@media(min-width:768px){.extensions__grid{grid-template-columns:repeat(3,1fr)}}.extension-card{min-width:0;overflow-wrap:anywhere;padding:var(--space-8);border-radius:var(--radius-xl);background:var(--color-gray-100);border:1px solid var(--color-gray-200);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);transition:all var(--transition-base)}.extension-card:hover{border-color:var(--color-gray-300);transform:translateY(-4px);box-shadow:var(--shadow-md)}.extension-card--active{border-color:rgba(255,184,0,.3);background:linear-gradient( 180deg,rgba(255,184,0,4%) 0%,var(--color-gray-100) 60% )}.extension-card--active:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.extension-card--muted{opacity:.65}.extension-card--muted:hover{opacity:.8}.extension-card__icon-wrap{width:56px;height:56px;border-radius:var(--radius-lg);background:rgba(255,184,0,.1);display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.extension-card__icon-wrap--muted{background:rgba(255,255,255,6%);color:var(--color-gray-500)}.extension-card__logo{width:28px;height:28px}.extension-card__name{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:600;color:var(--color-white)}.extension-card--muted .extension-card__name{color:var(--color-gray-600)}.extension-card__badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:600;padding:var(--space-1)var(--space-3);border-radius:var(--radius-full)}.extension-card__badge--live{color:var(--color-accent);border:1px solid rgba(255,184,0,.25);background:rgba(255,184,0,6%)}.extension-card__badge--pending{color:var(--color-gray-500);border:1px solid var(--color-gray-300);background:rgba(255,255,255,3%)}.extension-card__badge--soon{color:var(--color-gray-500);border:1px solid var(--color-gray-300);background:rgba(255,255,255,3%)}.extension-card__cta{padding-inline:var(--space-3);white-space:normal;overflow-wrap:anywhere;margin-top:auto}.extension-card__cta--disabled{cursor:default;opacity:.5;pointer-events:none}.pricing__paygo-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-3);max-width:700px;margin:0 auto var(--space-12);padding:var(--space-4)var(--space-6);border-radius:var(--radius-lg);background:rgba(255,184,0,6%);border:1px solid rgba(255,184,0,.2);text-align:center}.pricing__paygo-banner svg{color:var(--color-accent);flex-shrink:0}.pricing__paygo-banner p{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:500}.pricing__paygo-banner .pricing__paygo-disclaimer{color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:400}.pricing__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);align-items:start}@media(min-width:640px){.pricing__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:960px){.pricing__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pricing-card{min-width:0;border-radius:var(--radius-xl);background:var(--color-gray-100);border:1px solid var(--color-gray-200);padding:var(--space-8);position:relative;transition:all var(--transition-base)}.pricing-card .btn,.cta-section__buttons .btn{min-width:0;max-width:100%;white-space:normal;text-align:center}.pricing-card:hover{border-color:var(--color-gray-300);transform:translateY(-4px);box-shadow:var(--shadow-md)}.pricing-card--featured{border-color:var(--color-accent);background:linear-gradient( 180deg,rgba(255,184,0,5%) 0%,var(--color-gray-100) 40% )}.pricing-card--featured:hover{box-shadow:var(--shadow-glow)}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:700;color:var(--color-black);background:var(--color-accent);padding:var(--space-1)var(--space-4);border-radius:var(--radius-full);white-space:nowrap}.pricing-card__name{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:600;color:var(--color-white);margin-bottom:var(--space-4)}.pricing-card__price{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-2)}.pricing-card__price-currency{font-size:var(--font-size-2xl);color:var(--color-gray-500);font-weight:600}.pricing-card__price-amount{font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:800;color:var(--color-white);letter-spacing:-.02em}.pricing-card__price-period{font-size:var(--font-size-sm);color:var(--color-gray-500)}.pricing-card__price-suffix{font-size:var(--font-size-lg);color:var(--color-gray-500);font-weight:600}.pricing .section-header{position:relative;z-index:10}.pricing__currency-selector{position:relative;display:inline-block;margin-top:var(--space-4)}.pricing__currency-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-300);background:rgba(255,255,255,8%);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.pricing__currency-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}.pricing__currency-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:var(--space-1);min-width:220px;max-height:280px;overflow-y:auto;background:var(--color-gray-100);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);box-shadow:0 8px 32px rgba(0,0,0,.7);z-index:100}.pricing__currency-option{display:block;width:100%;padding:var(--space-2)var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-700);background:0 0;border:none;text-align:left;cursor:pointer;transition:background .15s}.pricing__currency-option:hover{background:rgba(255,255,255,.1)}.pricing__currency-option--active{color:var(--color-accent);font-weight:600;background:rgba(255,184,0,8%)}.pricing-card__price-note{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:var(--space-6)}.pricing-card__features{margin-bottom:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.pricing-card__features li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5}.pricing-card__check{color:var(--color-accent);font-weight:700;flex-shrink:0;margin-top:1px}.pricing-card__dash{color:var(--color-text-muted);font-weight:700;flex-shrink:0;margin-top:1px}.roadmap__timeline{position:relative;max-width:700px;margin:0 auto;padding-left:var(--space-10)}.roadmap__timeline::before{content:'';position:absolute;top:0;left:14px;bottom:0;width:2px;background:var(--color-gray-300)}.roadmap__item{position:relative;margin-bottom:var(--space-8)}.roadmap__item:last-child{margin-bottom:0}.roadmap__dot{position:absolute;left:calc(-1 * var(--space-10) + 8px);top:var(--space-6);width:14px;height:14px;border-radius:var(--radius-full);background:var(--color-accent);border:3px solid var(--color-black);z-index:1}.roadmap__card{padding:var(--space-6);border-radius:var(--radius-xl);background:var(--color-gray-100);border:1px solid var(--color-gray-200);transition:all var(--transition-base)}.roadmap__card:hover{border-color:var(--color-gray-300);transform:translateX(4px)}.roadmap__icon{width:36px;height:36px;color:var(--color-accent);margin-bottom:var(--space-3)}.roadmap__icon svg{width:100%;height:100%}.roadmap__title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;color:var(--color-white);margin-bottom:var(--space-2)}.roadmap__desc{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.6;margin-bottom:var(--space-3)}.roadmap__badge{display:inline-block;font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:600;color:var(--color-accent);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);border:1px solid rgba(255,184,0,.25);background:rgba(255,184,0,6%)}.roadmap__item--released{opacity:.7}.roadmap__item--released .roadmap__dot{background:#4ade80;border-color:#166534}.roadmap__badge--released{color:#4ade80;border-color:rgba(74,222,128,.3);background:rgba(74,222,128,8%)}.roadmap__item--in-progress{opacity:.75}.roadmap__item--in-progress .roadmap__dot{background:#60a5fa;border-color:#1e40af}.roadmap__badge--in-progress{color:#60a5fa;border-color:rgba(96,165,250,.3);background:rgba(96,165,250,8%)}.social-proof{padding:var(--space-16)0;border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200)}.social-proof__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);text-align:center}@media(min-width:768px){.social-proof__grid{grid-template-columns:repeat(4,1fr)}}.social-proof__stat-number{display:block;font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:800;color:var(--color-accent);letter-spacing:-.02em;margin-bottom:var(--space-2)}.social-proof__stat-label{font-size:var(--font-size-sm);color:var(--color-gray-500)}.faq__list{max-width:700px;margin:0 auto;display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--color-gray-200)}.faq-item__question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-6)0;font-family:var(--font-display);font-size:var(--font-size-base);font-weight:600;color:var(--color-white);text-align:left;gap:var(--space-4);transition:color var(--transition-fast)}.faq-item__question:hover{color:var(--color-accent)}.faq-item__icon{width:20px;height:20px;flex-shrink:0;transition:transform var(--transition-base);color:var(--color-gray-500)}.faq-item.active .faq-item__icon{transform:rotate(45deg);color:var(--color-accent)}.faq-item__answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.faq-item.active .faq-item__answer{max-height:300px}.faq-item__answer-inner{padding:0 0 var(--space-6);font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.7}.cta-section{padding:var(--space-24)0}.cta-section__inner{text-align:center;max-width:600px;margin:0 auto;padding:var(--space-8)var(--space-6);border-radius:var(--radius-2xl);background:linear-gradient( 135deg,rgba(255,184,0,8%) 0%,rgba(255,107,74,5%) 100% );border:1px solid rgba(255,184,0,.15)}@media(min-width:768px){.cta-section__inner{padding:var(--space-12)}}.cta-section__title{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:700;color:var(--color-white);margin-bottom:var(--space-4)}.cta-section__description{font-size:var(--font-size-base);color:var(--color-gray-500);margin-bottom:var(--space-8);line-height:1.7}.cta-section__buttons{display:flex;justify-content:center}.footer{padding:var(--space-16)0 var(--space-8);border-top:1px solid var(--color-gray-200)}.footer__grid{display:grid;grid-template-columns:1fr;gap:var(--space-10);margin-bottom:var(--space-10)}@media(min-width:768px){.footer__grid{grid-template-columns:2fr 1fr 1fr}}.footer__logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;margin-bottom:var(--space-4)}.footer__logo-icon{width:24px;height:auto;color:var(--color-accent)}.footer__logo-text{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;color:var(--color-white)}.footer__description{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.7;margin-bottom:var(--space-6);max-width:360px}.footer__social{display:flex;gap:var(--space-3)}.footer__social-link{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-gray-300);display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);transition:all var(--transition-fast)}.footer__social-link:hover{color:var(--color-white);border-color:var(--color-white)}.footer__nav-title{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;color:var(--color-white);margin-bottom:var(--space-4)}.footer__nav-list{display:flex;flex-direction:column;gap:var(--space-3)}.footer__nav-link{font-size:var(--font-size-sm);color:var(--color-gray-500);transition:color var(--transition-fast)}.footer__nav-link:hover{color:var(--color-white)}.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--color-gray-200)}.footer__copyright{font-size:var(--font-size-xs);color:var(--color-gray-500)}.footer__version{font-size:var(--font-size-xs);color:var(--color-gray-400)}.footer__lang-switcher{display:flex;flex-wrap:wrap;gap:var(--space-2)}.footer__lang-link{font-size:var(--font-size-xs);color:var(--color-gray-500);padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);transition:all var(--transition-fast);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}@media(min-width:768px){.footer__lang-link{min-height:auto;min-width:auto;padding:var(--space-1)var(--space-2)}}.footer__lang-link:hover{color:var(--color-white);background:var(--color-gray-200)}.footer__lang-link.active{color:var(--color-accent);font-weight:600}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--color-gray-100);border-top:1px solid var(--color-gray-200);padding:var(--space-6);display:none;opacity:0;transition:opacity var(--transition-slow)}.cookie-banner.active{opacity:1}.cookie-banner__container{max-width:800px;margin:0 auto}.cookie-banner__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.cookie-banner__title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:600;color:var(--color-white)}.cookie-banner__close{width:44px;height:44px;color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cookie-banner__close svg{width:24px;height:24px}.cookie-banner__description{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-4);line-height:1.6}.cookie-banner__preferences{display:none;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.cookie-banner__preferences.active{display:flex}.cookie-banner__preference-header{display:flex;justify-content:space-between;align-items:center}.cookie-banner__preference-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-white)}.cookie-banner__preference-description{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--space-1)}.cookie-banner__toggle{position:relative;display:inline-block;width:44px;height:24px}.cookie-banner__toggle input{opacity:0;width:0;height:0}.cookie-banner__toggle-slider{position:absolute;inset:0;background:var(--color-gray-300);border-radius:12px;transition:background var(--transition-fast);cursor:pointer}.cookie-banner__toggle-slider::before{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:var(--color-white);top:3px;left:3px;transition:transform var(--transition-fast)}.cookie-banner__toggle input:checked+.cookie-banner__toggle-slider{background:var(--color-accent)}.cookie-banner__toggle input:checked+.cookie-banner__toggle-slider::before{transform:translateX(20px)}.cookie-banner__toggle input:disabled+.cookie-banner__toggle-slider{opacity:.5;cursor:not-allowed}.cookie-banner__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.cookie-banner__btn{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:600;padding:var(--space-3)var(--space-4);border-radius:var(--radius-full);transition:all var(--transition-fast);cursor:pointer;border:none;display:inline-flex;align-items:center;min-height:44px}.cookie-banner__btn--primary{background:var(--color-accent);color:var(--color-black)}.cookie-banner__btn--primary:hover{background:var(--color-accent-light)}.cookie-banner__btn--secondary{background:var(--color-gray-200);color:var(--color-white)}.cookie-banner__btn--secondary:hover{background:var(--color-gray-300)}.cookie-banner__btn--text{background:0 0;color:var(--color-gray-500)}.cookie-banner__btn--text:hover{color:var(--color-white)}.page-content{padding:calc(var(--header-height) + var(--space-12))0 var(--space-16)}.breadcrumb{margin-bottom:var(--space-6);font-size:var(--font-size-sm);color:var(--color-gray-500)}.breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:0}.breadcrumb__item{display:inline-flex;align-items:center}.breadcrumb__link{color:var(--color-gray-500);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb__link:hover,.breadcrumb__link:focus-visible{color:var(--color-accent);text-decoration:underline}.breadcrumb__separator{color:var(--color-gray-400);user-select:none}.breadcrumb__item--current .breadcrumb__current{color:var(--color-gray-700);font-weight:500}.page-content__header{margin-bottom:var(--space-10)}.page-content__title{overflow-wrap:break-word;hyphens:auto;font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:700;color:var(--color-white);margin-bottom:var(--space-4)}@media(max-width:400px){.page-content__title{font-size:1.875rem}}.page-content__date,.page-content__lastmod{font-size:var(--font-size-sm);color:var(--color-gray-500)}.page-content__meta{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-4)}.page-content__author{font-style:italic}.page-content__lede{font-size:var(--font-size-lg);color:var(--color-gray-500);line-height:1.7;max-width:720px}.page-content__faq{margin-top:var(--space-16);max-width:720px}.page-content__faq-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-white);margin-bottom:var(--space-6)}.page-content__faq-list{display:flex;flex-direction:column;gap:var(--space-6)}.page-content__faq-item{border-top:1px solid var(--color-gray-300);padding-top:var(--space-4)}.page-content__faq-q{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;color:var(--color-white);margin-bottom:var(--space-2)}.page-content__faq-a{color:var(--color-gray-600);line-height:1.7}.page-content__spokes{margin-top:clamp(var(--space-12),5vw,var(--space-20));padding-top:clamp(var(--space-8),4vw,var(--space-12));border-top:1px solid var(--color-gray-300)}.page-content__spokes:empty{display:none}.page-content__body{max-width:720px;font-size:var(--font-size-base);color:var(--color-gray-600);line-height:1.8}.page-content__body h2,.page-content__body h3{font-family:var(--font-display);color:var(--color-white);margin-top:var(--space-10);margin-bottom:var(--space-4)}.page-content__body h2{font-size:var(--font-size-2xl);font-weight:700}.page-content__body h3{font-size:var(--font-size-xl);font-weight:600}.page-content__body p{margin-bottom:var(--space-4)}.page-content__body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.page-content__body a:hover{color:var(--color-accent-light)}.page-content__body ul,.page-content__body ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.page-content__body li{list-style:disc;margin-bottom:var(--space-2)}.page-content__body hr{border:none;border-top:1px solid var(--color-gray-300);margin:var(--space-10)0}.page-content__body blockquote{border-left:3px solid var(--color-accent);padding:var(--space-4)var(--space-6);margin:var(--space-6)0;background:rgba(255,255,255,3%);border-radius:0 var(--radius-sm)var(--radius-sm)0;color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.7}.page-content__body blockquote p{margin-bottom:0}.page-content__body blockquote strong{color:var(--color-accent)}.page-content__body code{font-family:sfmono-regular,Consolas,liberation mono,Menlo,monospace;font-size:.875em;background:rgba(255,255,255,6%);padding:.15em .4em;border-radius:var(--radius-sm);color:var(--color-gray-700);word-break:break-word}.page-content__body pre{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-4)var(--space-6);margin-bottom:var(--space-6);font-size:var(--font-size-sm);line-height:1.6;max-width:100%}.page-content__body pre code{background:0 0;padding:0;border-radius:0;color:var(--color-gray-700);word-break:normal;white-space:pre}.page-content__body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;border-collapse:collapse;margin-bottom:var(--space-6);font-size:var(--font-size-sm);line-height:1.5}.page-content__body th,.page-content__body td{padding:var(--space-2)var(--space-3);text-align:start;border-bottom:1px solid var(--color-gray-200);white-space:normal}.page-content__body th{color:var(--color-gray-700);font-weight:600;background:rgba(255,255,255,4%);position:sticky;top:0}.page-content__body td{color:var(--color-gray-500)}.page-content__body tr:last-child td{border-bottom:none}@media(min-width:768px){.page-content__body table{display:table}}.page-content__body strong{color:var(--color-gray-700);font-weight:600}@media(min-width:1440px){:root{--container-max:var(--container-max-xl)}.hero{min-height:70vh;padding:var(--space-24)0 var(--space-16)}.hero__title{font-size:clamp(3rem,2rem + 3vw,4.5rem)}.hero__tagline{font-size:var(--font-size-3xl)}.hero__description{font-size:var(--font-size-xl);max-width:700px}.hero .container{max-width:var(--container-max-xl)}.hero__content{max-width:1e3px;text-align:center;margin:0 auto}.hero__bg-glow{width:1200px;height:1e3px}.section-header{max-width:800px}.step{max-width:360px;padding:var(--space-10)}.features__grid{gap:var(--space-8)}.examples__grid{gap:var(--space-6)}.source-card{max-width:520px}.extensions__grid{max-width:1100px;gap:var(--space-8)}.pricing-card{padding:var(--space-10)}.roadmap__timeline{max-width:800px}.faq__list{max-width:800px}.cta-section__inner{max-width:720px;padding:var(--space-16)}.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}}@media(min-width:1920px){:root{--container-max:var(--container-max-xxl)}.hero{min-height:65vh;padding:var(--space-32)0 var(--space-20)}.hero__title{font-size:clamp(3.5rem,1.5rem + 3vw,5.5rem)}.hero__tagline{font-size:clamp(1.5rem,1rem + 1vw,2rem)}.hero .container{max-width:var(--container-max-xxl)}.hero__content{max-width:1200px}.hero__description{max-width:800px}.hero__bg-glow{width:1600px;height:1200px}.section-header{max-width:900px}.section-header__title{font-size:clamp(2rem,1rem + 2.5vw,3.5rem)}.section{padding:var(--space-32)0 calc(var(--space-32) + var(--space-8))}.step{max-width:400px;padding:var(--space-12)}.features__grid{gap:var(--space-10)}.feature-card{padding:var(--space-10)}.examples__grid{gap:var(--space-8)}.sample-card{padding:var(--space-8)}.extensions__grid{max-width:1300px;gap:var(--space-10)}.extension-card{padding:var(--space-10)}.pricing__grid{gap:var(--space-8)}.pricing-card{padding:var(--space-12)}.roadmap__timeline{max-width:900px}.faq__list{max-width:900px}.cta-section__inner{max-width:800px;padding:var(--space-20)}.cta-section__title{font-size:var(--font-size-4xl)}.footer__description{max-width:440px}}@media(min-width:2560px){:root{--container-max:1800px}.hero .container{max-width:1800px}.hero__content{max-width:1400px}.section{padding:calc(var(--space-32) + var(--space-8))0}.hero__title{font-size:clamp(4rem,2rem + 2.5vw,6rem)}}.hero__visual{display:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.animate-on-scroll{opacity:1;transform:none}.hero__bg-glow{animation:none}}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.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}.hero__sample{max-width:28rem;margin:0 auto 1.5rem;padding:.75rem 1rem;text-align:start}.hero__sample .sample-card__player{margin:0}.hero__sample-label{display:flex;flex:1;gap:.5rem;align-items:center;justify-content:space-between;font-size:.875rem}.hero__sample>a{display:block;margin-top:.5rem;font-size:.875rem;color:var(--color-accent);text-align:center}.hero__cta{margin-bottom:1rem;gap:.75rem;flex-direction:row;justify-content:center;flex-wrap:wrap}.hero__eyebrow{margin-bottom:1rem}.hero__title{font-size:clamp(1.8rem,4.5vw,3.8rem);margin-bottom:1rem;line-height:1.15}.hero__description{margin-bottom:1.25rem;line-height:1.5}.cookie-banner{padding:.75rem 1rem;max-height:80vh;overflow-y:auto}.cookie-banner__header{margin-bottom:0}.cookie-banner__description{margin-bottom:.5rem;color:var(--color-gray-700)}.cookie-banner__actions{gap:.5rem}.cookie-banner__btn[data-action=accept-all],.cookie-banner__btn[data-action=accept-essential]{flex:1;justify-content:center;background:var(--color-gray-200);color:var(--color-white);border:1px solid var(--color-gray-400)}.cookie-banner__btn[data-action=accept-all]:hover,.cookie-banner__btn[data-action=accept-essential]:hover{background:var(--color-gray-300)}.cookie-banner__toggle input:focus-visible+.cookie-banner__toggle-slider{outline:2px solid var(--color-accent);outline-offset:3px}@media(max-width:479px){.hero{padding-top:calc(var(--header-height) + 1.5rem)}.hero__eyebrow{display:none}.hero__description{font-size:1rem}.hero__cta .btn{padding:.75rem 1rem;font-size:.875rem}.cookie-banner__title{font-family:var(--font-body)}.cookie-banner__btn{font-family:var(--font-body);padding:.625rem}}@media(max-width:479px){.header__cta{display:none}.header__actions{gap:.5rem}}.pricing-paths{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.5rem}.pricing-paths a{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border:1px solid var(--color-gray-700);border-radius:1rem;text-decoration:none}.pricing-paths a:hover,.pricing-paths a:focus-visible{border-color:var(--color-accent)}.pricing-paths span{color:var(--color-gray-400);font-size:.9rem}.page-content--pricing .page-content__header{margin-bottom:1.25rem}@media(max-width:640px){.pricing-paths{grid-template-columns:1fr}.pricing-paths a{padding:.6rem 1rem}.page-content--pricing{padding-top:6rem}.page-content--pricing .page-content__title{font-size:2rem;margin-bottom:.75rem}.page-content--pricing .page-content__lede{font-size:1rem;line-height:1.5}.page-content--pricing .page-content__meta{font-size:.75rem}}.page-content--pricing .page-content__title{hyphens:none;font-size:clamp(2rem,5vw,4rem)}