:root{--color-primary: rgb(74 92 146);--color-primary-light: rgb(100 120 170);--color-on-primary: rgb(255 255 255);--color-background: rgb(250 248 255);--color-on-background: rgb(26 27 33);--color-surface: rgb(255 255 255);--color-on-surface: rgb(26 27 33);--color-on-surface-variant: rgb(69 70 79);--color-outline: rgb(200 200 210);--color-footer-bg: rgb(226 226 236);--shadow-sm: 0px 2px 4px -1px rgba(0, 0, 0, .06), 0px 4px 5px 0px rgba(0, 0, 0, .04);--shadow-md: 0px 5px 10px -3px rgba(0, 0, 0, .1), 0px 3px 8px 2px rgba(0, 0, 0, .08);--shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, .1), 0px 4px 6px -2px rgba(0, 0, 0, .05);--border-radius: 12px;--section-padding: 80px 0}html{scroll-behavior:smooth}body{font-family:Lato,sans-serif;margin:0;padding-top:80px;color:var(--color-on-background);background-color:var(--color-background);line-height:1.7}.container{max-width:1100px;margin:0 auto;padding:0 20px}h1,h2,h3{font-weight:900;color:var(--color-on-surface);text-wrap:balance}h2{font-size:2.8rem;text-align:center;margin-bottom:60px}section{padding:var(--section-padding)}.navbar{background:var(--color-surface);padding:15px 0;position:fixed;width:100%;top:0;z-index:1000;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-outline)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.navbar .brand{font-size:1.8em;font-weight:900;color:var(--color-primary);text-decoration:none}.navbar .nav-links{list-style:none;margin:0;padding:0;display:flex}.navbar .nav-links li{margin-left:30px}.navbar .nav-links a{color:var(--color-on-surface-variant);text-decoration:none;font-size:1.1em;transition:color .2s ease}.navbar .nav-links a:hover{color:var(--color-primary)}.hero-section{background:linear-gradient(45deg,var(--color-primary),var(--color-primary-light));color:var(--color-on-primary);padding:60px 0;text-align:left}.hero-container{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px}.hero-content h1{font-size:3.5rem;line-height:1.2;margin-bottom:20px;color:var(--color-on-primary)}.hero-content .subtitle{font-size:1.25rem;color:#ffffffe6;margin:0 0 40px;max-width:50ch}.cta-buttons{display:flex;gap:15px;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;text-decoration:none;border-radius:28px;font-size:1.1em;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.cta-button.primary{background:var(--color-on-primary);color:var(--color-primary)}.cta-button.secondary{background:transparent;color:var(--color-on-primary);box-shadow:inset 0 0 0 2px var(--color-on-primary)}.hero-image-container{display:flex;justify-content:center;align-items:center}.hero-image{max-width:100%;height:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{background-color:var(--color-surface);padding:40px 30px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);text-align:center}.step-number{width:60px;height:60px;border-radius:50%;background-color:var(--color-primary);color:var(--color-on-primary);display:grid;place-items:center;font-size:2rem;font-weight:700;margin:0 auto 20px}.step h3{font-size:1.8rem;margin-bottom:10px}.step p{margin:0 auto}.features{background:var(--color-surface)}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:50px 40px}.feature-item h3{font-size:1.5em;margin-bottom:10px;display:flex;align-items:center;gap:12px}.feature-item p{margin:0;color:var(--color-on-surface-variant)}.template-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.template-content{text-align:left}.template-content h2{text-align:left;margin-bottom:20px}.template-content p{max-width:45ch;margin-bottom:30px}.template-content .cta-button{background:var(--color-primary);color:var(--color-on-primary)}.template-preview{width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);border:1px solid var(--color-outline)}footer{background:var(--color-footer-bg);color:var(--color-on-surface-variant);padding:40px 0;text-align:center}footer a{color:var(--color-primary);text-decoration:none;font-weight:700}@media (max-width: 900px){.hero-container,.template-container{grid-template-columns:1fr;text-align:center}.hero-image-container{margin-bottom:40px}.hero-content .subtitle,.hero-content h1{margin-left:auto;margin-right:auto}.cta-buttons{justify-content:center}.steps,.feature-list{grid-template-columns:1fr}.step{margin-bottom:20px}.template-content{text-align:center}.template-content h2,.template-content p{text-align:center;margin-left:auto;margin-right:auto}.template-image-wrapper{margin-bottom:40px}}.menu-toggle-checkbox{display:none}.menu-toggle-label{display:none;cursor:pointer;padding:10px;z-index:1001}.menu-toggle-label span{display:block;width:25px;height:3px;background-color:var(--color-primary);margin:5px 0;transition:transform .3s ease,opacity .3s ease}@media (max-width: 768px){.menu-toggle-label{display:block}.nav-links{position:absolute;top:100%;left:0;width:100%;background-color:var(--color-surface);box-shadow:var(--shadow-md);max-height:0;overflow:hidden;transition:max-height .4s ease-out;flex-direction:column;align-items:center;padding:0}.nav-links li{margin-left:0;width:100%;text-align:center}.nav-links a{display:block;padding:20px 0;width:100%;border-bottom:1px solid var(--color-outline)}.menu-toggle-checkbox:checked~.nav-links{max-height:500px}.menu-toggle-checkbox:checked~.menu-toggle-label span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle-checkbox:checked~.menu-toggle-label span:nth-child(2){opacity:0}.menu-toggle-checkbox:checked~.menu-toggle-label span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}