@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";.navbar{position:sticky;top:0;z-index:100;height:var(--navbar-height);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.navbar__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);height:100%;display:flex;align-items:center;justify-content:space-between}.navbar__brand{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:inherit}.navbar__brand:hover{text-decoration:none}.navbar__brand-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.navbar__logo{height:28px;width:auto}@media(min-width:640px){.navbar__logo{height:32px}}.navbar__toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:2.5rem;height:2.5rem;padding:0;background:none;border:none;cursor:pointer;border-radius:var(--radius-md);transition:background-color .2s ease}.navbar__toggle:hover{background:var(--color-bg-card)}.navbar__toggle:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.navbar__toggle-bar{display:block;width:1.25rem;height:2px;background:var(--color-text);border-radius:1px;transition:transform .25s ease,opacity .25s ease}.navbar__toggle--open .navbar__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__toggle--open .navbar__toggle-bar:nth-child(2){opacity:0}.navbar__toggle--open .navbar__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(min-width:1024px){.navbar__toggle{display:none}}.navbar__nav{display:flex;flex-direction:column;align-items:stretch;gap:0;position:fixed;top:var(--navbar-height);right:0;left:0;max-height:0;overflow:hidden;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:max-height .3s ease,opacity .2s ease}.navbar__nav--open{max-height:80vh;overflow-y:auto}.navbar__nav .navbar__link{padding:var(--space-4) var(--container-padding);border-bottom:1px solid var(--color-border)}.navbar__nav .navbar__link:last-child{border-bottom:none}@media(min-width:1024px){.navbar__nav{position:static;max-height:none;overflow:visible;flex-direction:row;align-items:center;gap:var(--space-1);background:none;border:none;box-shadow:none}.navbar__nav .navbar__link{padding:var(--space-2) var(--space-3);border-bottom:none;border-radius:var(--radius-md)}}.navbar__link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);text-decoration:none;transition:color .2s ease,background-color .2s ease}.navbar__link:hover{color:var(--color-text);background:var(--color-bg-card);text-decoration:none}@media(min-width:1024px){.navbar__link:hover{background:var(--color-bg-card)}}.navbar__link--active,.navbar__link[aria-current=true]{color:var(--color-accent)}.navbar__link:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.navbar__auth{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--container-padding);border-top:1px solid var(--color-border)}@media(min-width:1024px){.navbar__auth{padding:0 0 0 var(--space-2);margin-left:var(--space-2);border-top:none;border-left:1px solid var(--color-border)}}.navbar__user{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar__plan{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted)}.navbar__plan--loading{color:var(--color-neutral-400)}@media(min-width:1024px){.navbar__user{max-width:12rem}}.navbar__btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.navbar__btn:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.navbar__btn--primary{background:var(--color-primary);color:var(--color-accent-contrast);border-color:var(--color-primary)}.navbar__btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-accent-contrast)}.navbar__btn--secondary{background:var(--color-bg-elevated);color:var(--color-text);border-color:var(--color-border)}.navbar__btn--secondary:hover{background:var(--color-bg-card);border-color:var(--color-border-strong);color:var(--color-text)}.footer{margin-top:auto;background:var(--color-bg-elevated);border-top:1px solid var(--color-border);padding:var(--space-6) 0 var(--space-5)}@media(min-width:640px){.footer{padding:var(--space-8) 0 var(--space-5)}}.footer__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.footer__top{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-5)}@media(min-width:640px){.footer__top{grid-template-columns:1fr auto;gap:var(--space-8);align-items:start}}.footer__right{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}@media(min-width:640px){.footer__right{align-items:flex-end}}.footer__brand-block{max-width:22rem}.footer__brand{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;color:inherit;margin-bottom:var(--space-3)}.footer__brand:hover{text-decoration:none}.footer__brand-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.footer__brand:hover .footer__logo{opacity:.85}.footer__logo{height:28px;width:auto;transition:opacity .2s ease}@media(min-width:640px){.footer__logo{height:32px}}.footer__tagline{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted)}.footer__nav{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-6)}@media(min-width:640px){.footer__nav{flex-direction:row;justify-content:flex-end;gap:var(--space-4) var(--space-6)}}.footer__link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.footer__link:hover{color:var(--color-accent);text-decoration:none}.footer__social{display:flex;align-items:center;gap:var(--space-3)}.footer__social-link{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;color:var(--color-text-muted);border-radius:var(--radius-md);transition:color .2s ease,background-color .2s ease}.footer__social-link:hover{color:var(--color-accent);background:var(--color-bg-card)}.footer__social-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem}.footer__social-icon svg{width:100%;height:100%}.footer__bottom{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.footer__copy{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.onboarding-banner{padding:var(--space-3) var(--container-padding);border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated)}.onboarding-banner__inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.onboarding-banner__inner--wide{flex-wrap:wrap}.onboarding-banner--email .onboarding-banner__text{margin:0;font-size:var(--text-sm);color:var(--color-text)}.onboarding-banner--onboarding .onboarding-banner__heading{margin:0 0 var(--space-1);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);width:100%}.onboarding-banner--onboarding .onboarding-banner__text{margin:0 0 var(--space-3);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted);width:100%}.onboarding-banner__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);width:100%}.onboarding-banner__cta{margin:0}.onboarding-banner__link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent);text-decoration:none}.onboarding-banner__link:hover{text-decoration:underline}.onboarding-banner__dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;font-size:1.25rem;line-height:1;color:var(--color-text-muted);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color .15s ease,background-color .15s ease}.onboarding-banner__dismiss:hover{color:var(--color-text);background:var(--color-bg-card)}.onboarding-banner__dismiss:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.onboarding-banner--onboarding .onboarding-banner__inner{position:relative;padding-right:2.5rem}.onboarding-banner--onboarding .onboarding-banner__dismiss{position:absolute;top:0;right:0}@media(min-width:640px){.onboarding-banner--onboarding .onboarding-banner__heading{font-size:var(--text-lg)}.onboarding-banner--onboarding .onboarding-banner__text{margin-bottom:var(--space-2)}.onboarding-banner__actions{width:auto}}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:1000;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent-contrast);background:var(--color-accent);border-radius:var(--radius-md);text-decoration:none;transition:top .2s ease}.skip-link:focus{top:var(--space-4);outline:2px solid var(--color-accent-300);outline-offset:2px}.layout__main{flex:1;display:flex;flex-direction:column}.animated-section{opacity:0;transform:translateY(1rem);transition:opacity .5s ease-out,transform .5s ease-out}.animated-section--in-view{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.animated-section{opacity:1;transform:none;transition:none}.animated-section--in-view{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);border-radius:var(--radius-md);border:1px solid transparent;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn--md{padding:var(--space-2) var(--space-4);font-size:var(--text-base)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-lg)}.btn--primary{background:var(--color-primary);color:var(--color-accent-contrast);border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-accent-contrast)}.btn--secondary{background:var(--color-bg-elevated);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-card);border-color:var(--color-border-strong)}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-card);color:var(--color-text)}.btn--outline-accent{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn--outline-accent:hover:not(:disabled){background:#3b82f626;color:var(--color-accent-300)}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.hero{padding-top:var(--space-10);padding-bottom:var(--space-12);overflow:hidden}@media(min-width:640px){.hero{padding-top:var(--space-12);padding-bottom:var(--space-16)}}@media(min-width:1024px){.hero{padding-top:var(--space-16);padding-bottom:var(--space-20)}}.hero__container{display:grid;grid-template-columns:1fr;gap:var(--space-10);align-items:center}@media(min-width:1024px){.hero__container{grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}}.hero__content{max-width:36rem}@media(min-width:1024px){.hero__content{max-width:none}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){@keyframes heroFadeUp{0%,to{opacity:1;transform:translateY(0)}}}.hero__headline{margin:0 0 var(--space-5);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--color-text);animation:heroFadeUp .6s ease-out both}@media(min-width:640px){.hero__headline{font-size:var(--text-4xl);margin-bottom:var(--space-6)}}@media(min-width:1024px){.hero__headline{font-size:clamp(2.5rem,4vw,3.25rem);margin-bottom:var(--space-6)}}.hero__support{margin:0 0 var(--space-8);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-muted);animation:heroFadeUp .6s ease-out .1s both}@media(min-width:640px){.hero__support{font-size:var(--text-lg);margin-bottom:var(--space-10)}}@media(prefers-reduced-motion:reduce){.hero__headline,.hero__support{animation:none}}.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);animation:heroFadeUp .6s ease-out .2s both}@media(prefers-reduced-motion:reduce){.hero__ctas{animation:none}}.hero__cta{flex-shrink:0}.hero__cta--primary,.hero__cta--upgrade{min-width:10rem}.hero__cta--upgrade{box-shadow:0 2px 8px #3b82f64d}.hero__cta--upgrade:hover{box-shadow:0 4px 12px #3b82f666}.hero__cta--login{color:var(--color-text-muted)}.hero__cta--login:hover{color:var(--color-text)}.hero__cta-login-wrap{display:inline-flex;border-radius:var(--radius-md);border:1px solid rgba(66,133,244,.5);background:#4285f414;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.hero__cta-login-wrap:hover{border-color:#4285f4b3;background:#4285f41f;box-shadow:0 0 0 1px #4285f433}.hero__cta-login-wrap .hero__cta--login{color:var(--color-text-secondary);display:inline-flex;align-items:center}.hero__cta-login-wrap:hover .hero__cta--login{color:var(--color-text)}.hero__cta-login-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--space-2)}.hero__cta-login-icon svg{display:block;width:1.25rem;height:1.25rem}@media(min-width:640px){.hero__cta--primary,.hero__cta--upgrade{min-width:12rem}}.hero__mockup-wrap{display:flex;justify-content:center;animation:heroFadeUp .6s ease-out .15s both}@media(min-width:1024px){.hero__mockup-wrap{justify-content:flex-end;animation-delay:.25s}}@media(prefers-reduced-motion:reduce){.hero__mockup-wrap{animation:none}}.hero__mockup{width:100%;max-width:28rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;aspect-ratio:16 / 10}@media(min-width:640px){.hero__mockup{max-width:32rem;aspect-ratio:16 / 10}}@media(min-width:1024px){.hero__mockup{max-width:100%;min-height:18rem;aspect-ratio:auto}}.hero__mockup-chrome{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border-bottom:1px solid var(--color-border)}.hero__mockup-dots{display:inline-flex;gap:.375rem;align-items:center}.hero__mockup-dots i,.hero__mockup-dots span{display:block;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-neutral-400)}.hero__mockup-dots i:first-child,.hero__mockup-dots span:first-child{background:var(--color-neutral-500)}.hero__mockup-bar{flex:1;margin-left:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.hero__mockup-content{flex:1;display:flex;align-items:stretch;justify-content:stretch;min-height:10rem;padding:0;overflow:hidden}.hero__mockup-img{width:100%;height:100%;min-height:10rem;object-fit:cover;display:block}.hero__mockup-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:100%;min-height:8rem;background:linear-gradient(135deg,var(--color-neutral-800) 0%,var(--color-neutral-900) 100%);border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted)}.hero__mockup-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.hero__mockup-hint{font-size:var(--text-xs)}.hero__demo-slot{padding-top:var(--space-16);padding-bottom:var(--space-12);margin-top:var(--space-4);border-top:1px solid var(--color-border);scroll-margin-top:var(--navbar-height)}@media(min-width:640px){.hero__demo-slot{padding-top:var(--space-20);padding-bottom:var(--space-16);margin-top:var(--space-8)}}.hero__demo-title{margin:0 0 var(--space-8);font-size:var(--text-2xl);font-weight:var(--font-semibold);text-align:center;color:var(--color-text)}@media(min-width:640px){.hero__demo-title{font-size:var(--text-3xl);margin-bottom:var(--space-10)}}.hero__demo-inner{max-width:56rem;margin:0 auto;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-bg-card);border:1px solid var(--color-border);aspect-ratio:16 / 9}.hero__demo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:100%;height:100%;min-height:12rem;background:linear-gradient(145deg,var(--color-neutral-700) 0%,var(--color-neutral-800) 50%,var(--color-neutral-700) 100%);color:var(--color-text-muted)}.hero__demo-play{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:var(--color-accent);color:var(--color-accent-contrast);box-shadow:0 4px 14px #3b82f666;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.hero__demo-play svg{width:1.5rem;height:1.5rem;margin-left:.15em}.hero__demo-inner:hover .hero__demo-play{background:var(--color-accent-hover);transform:scale(1.05);box-shadow:0 6px 20px #3b82f673}.hero__demo-placeholder-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.hero__demo-placeholder-hint{font-size:var(--text-xs)}.hero__demo-video{width:100%;height:100%;display:block;border:0;object-fit:cover}.section{padding-top:var(--space-12);padding-bottom:var(--space-12)}@media(min-width:640px){.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}}.section--hero{padding-top:var(--space-16);padding-bottom:var(--space-16);text-align:center}@media(min-width:640px){.section--hero{padding-top:var(--space-20);padding-bottom:var(--space-20)}}@media(min-width:1024px){.section--hero{padding-top:var(--space-24);padding-bottom:var(--space-24)}}.section--narrow .container{max-width:48rem}.section--dark{background:var(--color-neutral-900);color:var(--color-neutral-100)}.section--dark .section__title,.section--dark .section__subtitle{color:inherit}.section--dark .section__subtitle{color:var(--color-neutral-400)}.how-it-works__lead{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text-muted);text-align:center}.how-it-works__title{margin:0 0 var(--space-10);font-size:var(--text-2xl);font-weight:var(--font-bold);text-align:center;color:var(--color-text)}@media(min-width:640px){.how-it-works__title{font-size:var(--text-3xl);margin-bottom:var(--space-12)}}.how-it-works__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);list-style:none;margin:0;padding:0}@media(min-width:768px){.how-it-works__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}}@media(min-width:1024px){.how-it-works__grid{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}}.how-it-works__card{position:relative;padding:var(--space-6);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease,background-color .2s ease}.how-it-works__card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover)}@media(min-width:1024px){.how-it-works__card:hover{transform:translateY(-2px)}}.how-it-works__number{position:absolute;top:var(--space-4);right:var(--space-4);width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-accent-contrast);background:var(--color-accent);border-radius:50%;line-height:1}.how-it-works__icon{width:2.5rem;height:2.5rem;margin-bottom:var(--space-4);color:var(--color-accent)}.how-it-works__icon svg{width:100%;height:100%}.how-it-works__card-title{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text)}.how-it-works__card-desc{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted)}.features__title{margin:0 0 var(--space-2);font-size:var(--text-2xl);font-weight:var(--font-bold);text-align:center;color:var(--color-text)}@media(min-width:640px){.features__title{font-size:var(--text-3xl)}}.features__subtitle{margin:0 0 var(--space-10);font-size:var(--text-base);text-align:center;color:var(--color-text-muted);max-width:36rem;margin-left:auto;margin-right:auto}@media(min-width:640px){.features__subtitle{font-size:var(--text-lg);margin-bottom:var(--space-12)}}.features__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);list-style:none;margin:0;padding:0}@media(min-width:640px){.features__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media(min-width:1024px){.features__grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}}.features__card{position:relative;padding:var(--space-6);padding-top:var(--space-8);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease,background-color .2s ease}.features__card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover)}@media(min-width:1024px){.features__card:hover{transform:translateY(-2px)}}.features__card--pro{border-color:#60a5fa;background:linear-gradient(180deg,rgba(59,130,246,.14) 0%,var(--color-bg-elevated) 22%)}.features__card--pro:hover{border-color:var(--color-accent-200);background:linear-gradient(180deg,rgba(59,130,246,.2) 0%,var(--color-bg-card-hover) 22%);box-shadow:0 12px 28px #0006,0 0 0 1px #3b82f673}.features__badge{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);line-height:1.5}.features__badge--free{background:var(--color-bg-card);color:var(--color-text-muted)}.features__badge--pro{background:var(--color-accent);color:var(--color-accent-contrast)}.features__icon{width:2.5rem;height:2.5rem;margin-bottom:var(--space-4);color:var(--color-accent)}.features__card--pro .features__icon{color:var(--color-accent-700)}.features__icon svg{width:100%;height:100%}.features__card-title{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text)}.features__card-desc{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted)}@media(prefers-reduced-motion:no-preference){.features__card{animation:featuresFadeIn .5s ease-out both}.features__card:nth-child(1){animation-delay:.05s}.features__card:nth-child(2){animation-delay:.1s}.features__card:nth-child(3){animation-delay:.15s}.features__card:nth-child(4){animation-delay:.2s}.features__card:nth-child(5){animation-delay:.25s}.features__card:nth-child(6){animation-delay:.3s}}@keyframes featuresFadeIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.features__card{animation:none}}.pricing-card{padding:var(--space-8);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.pricing-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover)}.pricing-card--highlighted{border-color:var(--color-accent-300);box-shadow:0 0 0 1px var(--color-accent-200)}.pricing-card--highlighted:hover{background:var(--color-bg-card-hover);border-color:var(--color-accent-400);box-shadow:0 0 0 1px var(--color-accent-300),var(--shadow-card-hover)}.pricing-card__name{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text)}.pricing-card__price{margin-bottom:var(--space-4);display:flex;align-items:baseline;gap:var(--space-1)}.pricing-card__amount{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text)}.pricing-card__period{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-muted)}.pricing-card__description{margin:0 0 var(--space-6);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted)}.pricing-card__features{margin:0 0 var(--space-6);padding:0;list-style:none}.pricing-card__feature{padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.pricing-card__feature:before{content:"";width:.375rem;height:.375rem;border-radius:50%;background:var(--color-accent);flex-shrink:0}.pricing-card__cta-wrap{margin-top:auto;padding-top:var(--space-4)}.pricing-card__cta{display:inline-block;width:100%;text-align:center;text-decoration:none}.pricing-card__cta:hover{text-decoration:none}@media(min-width:640px){.pricing-card__cta{width:auto;min-width:10rem}}.pricing-section__title{margin:0 0 var(--space-2);font-size:var(--text-2xl);font-weight:var(--font-bold);text-align:center;color:var(--color-text)}@media(min-width:640px){.pricing-section__title{font-size:var(--text-3xl)}}.pricing-section__support{margin:0 0 var(--space-10);font-size:var(--text-base);text-align:center;color:var(--color-text-muted);max-width:32rem;margin-left:auto;margin-right:auto}@media(min-width:640px){.pricing-section__support{font-size:var(--text-lg);margin-bottom:var(--space-12)}}.pricing-section__grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:52rem;margin:0 auto}@media(min-width:768px){.pricing-section__grid{grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:stretch}}.pricing-section__card-wrap{position:relative;display:flex;flex-direction:column;min-height:0}.pricing-section__badge-row{min-height:2rem;margin-bottom:var(--space-3);display:flex;align-items:center}.pricing-section__card-wrap:not(.pricing-section__card-wrap--pro) .pricing-section__badge-row{visibility:hidden;margin-bottom:var(--space-3)}.pricing-section__card-wrap>.pricing-section__card{flex:1;min-height:0;display:flex;flex-direction:column}.pricing-section__card-wrap>.pricing-section__card .pricing-card__cta-wrap{margin-top:auto}.pricing-section__badge{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-contrast);background:var(--color-accent);border-radius:var(--radius-sm);width:fit-content}.pricing-section__card-wrap--pro .pricing-section__card{border-color:var(--color-accent-400);box-shadow:0 0 0 1px var(--color-accent-120),var(--shadow-md)}.pricing-section__card-wrap--pro .pricing-section__card:hover{border-color:var(--color-accent-200);box-shadow:0 0 0 1px var(--color-accent-300),var(--shadow-card-hover)}@media(min-width:768px){.pricing-section__card-wrap--pro .pricing-section__card{margin-top:0}}.faq-section__title{margin:0 0 var(--space-2);font-size:var(--text-2xl);font-weight:var(--font-bold);text-align:center;color:var(--color-text)}@media(min-width:640px){.faq-section__title{font-size:var(--text-3xl)}}.faq-section__support{margin:0 0 var(--space-10);font-size:var(--text-base);text-align:center;color:var(--color-text-muted);max-width:28rem;margin-left:auto;margin-right:auto}@media(min-width:640px){.faq-section__support{font-size:var(--text-lg);margin-bottom:var(--space-12)}}.faq-section__list{max-width:40rem;margin:0 auto;padding:0;list-style:none}.faq-section__item{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden;background:var(--color-bg-elevated);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.faq-section__item:last-child{margin-bottom:0}.faq-section__item:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover)}.faq-section__item--open{border-color:var(--color-accent-200);box-shadow:0 0 0 1px var(--color-accent-100)}.faq-section__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);text-align:left;color:var(--color-text);background:none;border:none;cursor:pointer;transition:color .2s ease}.faq-section__trigger:hover{color:var(--color-accent-700)}.faq-section__trigger:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.faq-section__question{flex:1;line-height:var(--leading-snug)}.faq-section__icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--color-text-muted);transition:transform .25s ease,color .2s ease}.faq-section__item--open .faq-section__icon{transform:rotate(180deg);color:var(--color-accent)}.faq-section__icon svg{width:100%;height:100%}.faq-section__answer-wrap{overflow:hidden;transition:max-height .3s ease}.faq-section__item:not(.faq-section__item--open) .faq-section__answer-wrap{max-height:0}.faq-section__item--open .faq-section__answer-wrap{max-height:20rem}.faq-section__answer-wrap[hidden]{display:block;max-height:0}.faq-section__answer{margin:0;padding:var(--space-2) var(--space-5) var(--space-5);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted)}.faq-section__item--open .faq-section__answer{padding-top:var(--space-2)}.cta-section{padding-top:var(--space-16);padding-bottom:var(--space-16)}@media(min-width:640px){.cta-section{padding-top:var(--space-20);padding-bottom:var(--space-20)}}@media(min-width:1024px){.cta-section{padding-top:var(--space-24);padding-bottom:var(--space-24)}}.cta-section__container{max-width:40rem;margin:0 auto}.cta-section__card{position:relative;padding:var(--space-10) var(--space-6);text-align:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.cta-section__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent-400),var(--color-accent-600));border-radius:var(--radius-xl) var(--radius-xl) 0 0}@media(min-width:640px){.cta-section__card{padding:var(--space-12) var(--space-10)}}.cta-section__title{margin:0 0 var(--space-4);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text)}@media(min-width:640px){.cta-section__title{font-size:var(--text-3xl);margin-bottom:var(--space-5)}}.cta-section__support{margin:0 0 var(--space-8);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-muted)}@media(min-width:640px){.cta-section__support{font-size:var(--text-lg);margin-bottom:var(--space-10)}}.cta-section__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}@media(min-width:640px){.cta-section__actions{flex-direction:row;justify-content:center;gap:var(--space-6)}}.cta-section__btn{min-width:12rem;box-shadow:0 4px 14px #3b82f659}.cta-section__btn:hover{box-shadow:0 6px 20px #3b82f666}.cta-section__btn--upgrade{min-width:12rem}.cta-section__link{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-accent);text-decoration:none;position:relative}.cta-section__link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:currentColor;opacity:.4;transition:opacity .2s ease}.cta-section__link:hover{color:var(--color-accent-hover);text-decoration:none}.cta-section__link:hover:after{opacity:1}.home__title{margin:0 0 var(--space-4);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text)}@media(min-width:640px){.home__title{font-size:var(--text-5xl)}}.home__subtitle{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-muted);max-width:36rem;margin:0 auto}@media(min-width:640px){.home__subtitle{font-size:var(--text-xl)}}.home__placeholder{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.dashboard-page{padding-bottom:var(--space-12)}.dashboard-page__header{margin-bottom:var(--space-8);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.dashboard-page__title{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text)}.dashboard-page__back{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent);text-decoration:none}.dashboard-page__back:hover{text-decoration:underline}.dashboard-page__back:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.dashboard-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:14rem;padding:var(--space-8)}.dashboard-page__spinner{width:2.5rem;height:2.5rem;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:dashboard-spin .7s linear infinite}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard-page__loading-text{margin:var(--space-4) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.dashboard-page__error{padding:var(--space-4);margin-bottom:var(--space-6);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md)}.dashboard-page__error-text{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.dashboard-page__error-hint{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.dashboard-page__cancellation-banner{padding:var(--space-4);margin-bottom:var(--space-6);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);max-width:32rem}.dashboard-page__cancellation-title{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.dashboard-page__cancellation-text{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted)}.dashboard-page__cancellation-text strong{color:var(--color-text);font-weight:var(--font-semibold)}.dashboard-page__card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;max-width:32rem}.dashboard-page__block{padding:var(--space-6) var(--space-6) 0}.dashboard-page__block:last-of-type{padding-bottom:var(--space-6)}.dashboard-page__block-title{margin:0 0 var(--space-4);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.dashboard-page__dl{margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.dashboard-page__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:baseline}.dashboard-page__dt{margin:0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted)}.dashboard-page__dd{margin:0;font-size:var(--text-sm);color:var(--color-text);text-align:right}@media(min-width:480px){.dashboard-page__dd{text-align:left}}.dashboard-page__badge{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm)}.dashboard-page__badge--pro{background:var(--color-accent-100);color:var(--color-accent-800)}.dashboard-page__badge--free{background:var(--color-bg-card);color:var(--color-text-muted)}.dashboard-page__empty{padding:var(--space-4) 0;margin-top:var(--space-2)}.dashboard-page__empty-text{margin:0 0 var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.dashboard-page__empty-hint{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.dashboard-page__actions{padding:var(--space-6);border-top:1px solid var(--color-border)}.dashboard-page__btn{width:100%;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.dashboard-page__btn:disabled{cursor:not-allowed;opacity:.85}.dashboard-page__btn-spinner{width:1.125rem;height:1.125rem;flex-shrink:0;border:2px solid rgba(241,245,249,.3);border-top-color:currentColor;border-radius:50%;animation:dashboard-spin .7s linear infinite}@media(min-width:480px){.dashboard-page__btn{width:auto;min-width:12rem}}@media(min-width:640px){.dashboard-page__title{font-size:var(--text-3xl)}}.privacy-page{padding-bottom:var(--space-12)}.privacy-page__container{max-width:48rem}.privacy-page__back{display:inline-block;margin-bottom:var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent);text-decoration:none}.privacy-page__back:hover{text-decoration:underline}.privacy-page__back:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.privacy-page__title{margin:0 0 var(--space-2);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text)}.privacy-page__updated{margin:0 0 var(--space-8);font-size:var(--text-sm);color:var(--color-text-muted)}.privacy-page__content{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.privacy-page__intro{margin:0 0 var(--space-8)}.privacy-page__section{margin-bottom:var(--space-8)}.privacy-page__section:last-child{margin-bottom:0}.privacy-page__heading{margin:0 0 var(--space-4);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text)}.privacy-page__section p{margin:0 0 var(--space-4)}.privacy-page__section p:last-child{margin-bottom:0}.privacy-page__section ul{margin:0 0 var(--space-4);padding-left:var(--space-6)}.privacy-page__section li{margin-bottom:var(--space-2)}.privacy-page__section li:last-child{margin-bottom:0}.privacy-page__link{color:var(--color-accent);text-decoration:none}.privacy-page__link:hover{text-decoration:underline}.privacy-page__link:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.terms-page{padding-bottom:var(--space-12)}.terms-page__container{max-width:48rem}.terms-page__back{display:inline-block;margin-bottom:var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent);text-decoration:none}.terms-page__back:hover{text-decoration:underline}.terms-page__back:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.terms-page__title{margin:0 0 var(--space-2);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text)}.terms-page__updated{margin:0 0 var(--space-8);font-size:var(--text-sm);color:var(--color-text-muted)}.terms-page__content{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.terms-page__intro{margin:0 0 var(--space-8)}.terms-page__section{margin-bottom:var(--space-8)}.terms-page__section:last-child{margin-bottom:0}.terms-page__heading{margin:0 0 var(--space-4);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text)}.terms-page__section p{margin:0 0 var(--space-4)}.terms-page__section p:last-child{margin-bottom:0}.terms-page__section ul{margin:0 0 var(--space-4);padding-left:var(--space-6)}.terms-page__section li{margin-bottom:var(--space-2)}.terms-page__section li:last-child{margin-bottom:0}.terms-page__link{color:var(--color-accent);text-decoration:none}.terms-page__link:hover{text-decoration:underline}.terms-page__link:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.auth-callback{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--container-padding)}.auth-callback__card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);max-width:24rem;width:100%;text-align:center;box-shadow:var(--shadow-md)}.auth-callback__message{margin:0 0 var(--space-4);font-size:var(--text-base);color:var(--color-text-muted)}.auth-callback__error{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-neutral-700)}.auth-callback__link{display:inline-block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent);text-decoration:none}.auth-callback__link:hover{color:var(--color-accent-hover);text-decoration:underline}.auth-callback__link:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.auth-callback__spinner{width:2rem;height:2rem;margin:0 auto;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:authCallbackSpin .7s linear infinite}@keyframes authCallbackSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.auth-callback__spinner{animation:none;border-top-color:var(--color-accent)}}.stripe-return-banner{margin-bottom:var(--space-6)}.stripe-return-banner__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border)}.stripe-return-banner--success{background:var(--color-success-bg);border-color:var(--color-success-border)}.stripe-return-banner--success .stripe-return-banner__text{color:var(--color-success-text, var(--color-text))}.stripe-return-banner--cancel{background:var(--color-bg-elevated);border-color:var(--color-border)}.stripe-return-banner__text{margin:0;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-snug)}.stripe-return-banner__dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;font-size:1.25rem;line-height:1;color:var(--color-text-muted);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color .15s ease,background-color .15s ease}.stripe-return-banner__dismiss:hover{color:var(--color-text);background:var(--color-bg-card)}.stripe-return-banner__dismiss:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.checkout-result{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--container-padding)}.checkout-result__wrap{width:100%;max-width:24rem;display:flex;flex-direction:column;align-items:stretch}.checkout-result__card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);max-width:24rem;width:100%;text-align:center;box-shadow:var(--shadow-md)}.checkout-result__title{margin:0 0 var(--space-4);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text)}.checkout-result__message{margin:0 0 var(--space-6);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-muted)}.checkout-result__link{display:inline-block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent);text-decoration:none}.checkout-result__link:hover{color:var(--color-accent-hover);text-decoration:underline}.checkout-result__link:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}:root{--color-bg: #0f172a;--color-bg-elevated: #2a3849;--color-bg-card: #475569;--color-bg-card-hover: #526d82;--color-bg-overlay: rgba(30, 41, 59, .65);--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-neutral-950: #020617;--color-accent-50: #eff6ff;--color-accent-100: #dbeafe;--color-accent-200: #bfdbfe;--color-accent-300: #93c5fd;--color-accent-400: #60a5fa;--color-accent-500: #3b82f6;--color-accent-600: #2563eb;--color-accent-700: #1d4ed8;--color-accent-800: #1e40af;--color-accent-900: #1e3a8a;--color-accent-950: #172554;--color-primary: #1a73e8;--color-primary-hover: #1557b0;--color-text: #f1f5f9;--color-text-secondary: #e2e8f0;--color-text-muted: #94a3b8;--color-border: rgba(59, 130, 246, .3);--color-border-strong: rgba(59, 130, 246, .5);--color-accent: #60a5fa;--color-accent-hover: #3b82f6;--color-accent-contrast: #f1f5f9;--color-success: #34d399;--color-error: #f87171;--color-warning: #fbbf24;--color-success-bg: rgba(52, 211, 153, .12);--color-success-border: rgba(52, 211, 153, .35);--color-error-bg: rgba(248, 113, 113, .12);--color-error-border: rgba(248, 113, 113, .35);--color-warning-bg: rgba(251, 191, 36, .12);--color-warning-border: rgba(251, 191, 36, .35);--font-sans: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container-max: 72rem;--container-padding: var(--space-4);--navbar-height: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-card-hover: 0 12px 28px rgba(0, 0, 0, .4), 0 0 0 1px rgba(59, 130, 246, .35);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}@media(min-width:640px){:root{--container-padding: var(--space-6)}}@media(min-width:1024px){:root{--container-padding: var(--space-8)}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg)}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px;text-decoration:none}img{max-width:100%;height:auto;display:block}video{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.responsive-media{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-lg)}.responsive-media--16x9{aspect-ratio:16 / 9}.responsive-media video,.responsive-media iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}