*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;color:#111827}a{color:inherit;text-decoration:none}:root{--color-primary: #f8bf5d;--color-secondary: #6c63ff;--color-bg: #f8f8f8;--color-text: #333333;--color-text-light: #666666;--color-white: #ffffff;--color-black: #000000;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 48px;--spacing-xl: 64px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1)}body{font-family:Inter,sans-serif;font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.header{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));padding:var(--spacing-sm) 0;color:var(--color-white)}.header .container{display:flex;justify-content:space-between;align-items:center}.header .logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--color-white)}.header .navigation ul{list-style:none;display:flex;gap:var(--spacing-sm);margin:0;padding:0}.header .navigation ul li a{text-decoration:none;color:var(--color-white);font-weight:500}.header .navigation ul li a.active{text-decoration:underline}.page,.section{padding:var(--spacing-lg) 0}.section-hero{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white);text-align:center;padding:var(--spacing-xl) 0}.section-hero .grid{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-lg)}.section-hero .content,.section-hero .visual{flex:1}.section-hero .actions{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-sm)}.section-features .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.section-pricing,.section-faq,.section-contact,.section-support{text-align:center}.section-faq details{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.section-faq summary{font-weight:700;cursor:pointer}.footer{background:var(--color-black);color:var(--color-white);text-align:center;padding:var(--spacing-md) 0}.footer p{margin:0}.button-primary{background:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:1rem;cursor:pointer;transition:background .3s ease}.button-primary:hover{background:var(--color-secondary)}.button-ghost{background:transparent;color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-primary);border-radius:var(--radius-md);font-size:1rem;cursor:pointer;transition:background .3s ease,color .3s ease}.button-ghost:hover{background:var(--color-primary);color:var(--color-white)}@media(max-width:1024px){.header .container{flex-direction:column;align-items:flex-start}.section-hero .grid{flex-direction:column}}@media(max-width:768px){.header .navigation ul{flex-direction:column;gap:var(--spacing-xs)}.section-features .features-grid{grid-template-columns:1fr}}@media(max-width:480px){.header .logo{font-size:1.25rem}.button-primary,.button-ghost{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}}