*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-dark:#0a0a0a;--color-surface-dark:#1a1a1a;--color-text-dark:#f5f5f5;--color-text-secondary-dark:#a0a0a0;--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#818cf8;--color-secondary:#ec4899;--color-secondary-dark:#db2777;--color-secondary-light:#f472b6;--color-background:#ffffff;--color-surface:#f9fafb;--color-text:#111827;--color-text-secondary:#6b7280;--color-border:#e5e7eb;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--container-max-width:1280px;--container-padding:var(--spacing-lg);--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-base:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-background);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.container{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.hero{padding:var(--spacing-4xl) 0;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:white}.hero__container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.hero--split .hero__container{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-3xl);gap:var(--spacing-3xl);align-items:center}.hero__heading{color:white;margin-bottom:var(--spacing-lg)}.hero__text{font-size:1.125rem;opacity:.95}.hero__image-wrapper{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.hero__image{object-fit:cover}.content{padding:var(--spacing-3xl) 0}.content__container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.content--twoColumns .content__container{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-3xl);gap:var(--spacing-3xl)}.media-block{padding:var(--spacing-2xl) 0}.media-block__container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.media-block__wrapper{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.media-block__image{width:100%;height:auto;display:block}.media-block__caption{margin-top:var(--spacing-md);color:var(--color-text-secondary);font-size:.875rem;text-align:center}.cta{padding:var(--spacing-4xl) 0;background-color:var(--color-surface);text-align:center}.cta__container{max-width:800px;margin:0 auto;padding:0 var(--container-padding)}.cta__heading{margin-bottom:var(--spacing-lg)}.cta__text{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.cta__buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.cta__button{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-weight:600;transition:all var(--transition-base);cursor:pointer}.cta__button--primary{background-color:var(--color-primary);color:white}.cta__button--primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta__button--secondary{background-color:white;color:var(--color-primary);border:2px solid var(--color-primary)}.cta__button--secondary:hover{background-color:var(--color-primary);color:white}.feature-grid{padding:var(--spacing-4xl) 0}.feature-grid__container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.feature-grid__grid{display:grid;grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl)}.feature-grid__grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-grid__grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-grid__item{padding:var(--spacing-xl);background-color:var(--color-surface);border-radius:var(--radius-lg);transition:transform var(--transition-base),box-shadow var(--transition-base)}.feature-grid__item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-grid__icon{font-size:2rem;margin-bottom:var(--spacing-md)}.feature-grid__title{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.feature-grid__description{color:var(--color-text-secondary);margin-bottom:0}.pricing{padding:var(--spacing-4xl) 0;background-color:var(--color-surface)}.pricing__container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.pricing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl)}.pricing__tier{padding:var(--spacing-2xl);background-color:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-base);text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.pricing__tier:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.pricing__tier-name{font-size:1.5rem;margin-bottom:var(--spacing-md)}.pricing__price{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xl)}.pricing__features{list-style:none;margin-bottom:var(--spacing-xl)}.pricing__feature{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.pricing__feature:last-child{border-bottom:none}.pricing__cta{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary);color:white;border-radius:var(--radius-full);font-weight:600;transition:background-color var(--transition-base)}.pricing__cta:hover{background-color:var(--color-primary-dark);color:white}.testimonial{padding:var(--spacing-4xl) 0}.testimonial__container{max-width:800px;margin:0 auto;padding:0 var(--container-padding)}.testimonial__quote{text-align:center;padding:var(--spacing-2xl);background-color:var(--color-surface);border-radius:var(--radius-xl)}.testimonial__text{font-size:1.25rem;font-style:italic;margin-bottom:var(--spacing-xl);line-height:1.8}.testimonial__footer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.testimonial__image-wrapper{overflow:hidden}.testimonial__image,.testimonial__image-wrapper{border-radius:var(--radius-full)}.testimonial__author{font-weight:600;font-style:normal;display:block}.testimonial__role{color:var(--color-text-secondary);font-size:.875rem;display:block}.accordion{padding:var(--spacing-3xl) 0}.accordion__container{max-width:800px;margin:0 auto;padding:0 var(--container-padding)}.accordion__item{border-bottom:1px solid var(--color-border)}.accordion__trigger{width:100%;padding:var(--spacing-lg) 0;background:none;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1.125rem;font-weight:600;color:var(--color-text);transition:color var(--transition-fast)}.accordion__trigger:hover{color:var(--color-primary)}.accordion__icon{font-size:1.5rem;font-weight:300;transition:transform var(--transition-base)}.accordion__item--open .accordion__icon{transform:rotate(180deg)}.accordion__content{padding-bottom:var(--spacing-lg);animation:slideDown var(--transition-base)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.code-block{padding:var(--spacing-2xl) 0}.code-block__container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.code-block__pre{background-color:#1e1e1e;border-radius:var(--radius-md);padding:var(--spacing-lg);overflow-x:auto}.code-block__code{color:#d4d4d4;font-family:var(--font-mono);font-size:.875rem;line-height:1.6}@media (max-width:768px){.content--twoColumns .content__container,.hero--split .hero__container{grid-template-columns:1fr}.cta__buttons{flex-direction:column}.cta__button{width:100%}}.placeholder-homepage{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-dark) 0,#1a1a2e 100%);color:var(--color-text-dark);padding:var(--spacing-2xl);text-align:center}.placeholder-homepage .container{max-width:600px}.placeholder-homepage h1{font-size:clamp(2.5rem,6vw,4rem);margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.placeholder-homepage p{font-size:1.25rem;color:var(--color-text-secondary-dark);margin-bottom:var(--spacing-2xl);line-height:1.8}.quick-links{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-xl)}.cta-button{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-primary);color:white;text-decoration:none;border-radius:var(--radius-full);font-weight:600;font-size:1.125rem;transition:all var(--transition-base);border:2px solid transparent}.cta-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 10px 30px rgba(99,102,241,.3)}.cta-button--secondary{background:transparent;border-color:var(--color-primary);color:var(--color-primary-light)}.cta-button--secondary:hover{background:var(--color-primary);color:white}