@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:linear-gradient(135deg,#fffaef 0%,#ffdbb6 100%);min-height:100vh;font-family:Atkinson Hyperlegible,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:#eff4ff;padding:1rem 0;box-shadow:0 2px 10px #5d688a1a}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{color:#5d688a;font-size:2rem;font-weight:700}.logo-subtitle{color:#666;font-size:.875rem}nav ul{gap:2rem;list-style:none;display:flex}nav a{color:#5d688a;font-weight:600;text-decoration:none;transition:color .3s}nav a:hover{color:#f7a5a5}.hero{color:#fff;background:linear-gradient(135deg,#5d688a 0%,#f7a5a5 100%);padding:5rem 0}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.hero-text{text-align:left}.hero h1{margin-bottom:1rem;font-size:3.5rem;font-weight:700}.hero .subtitle{opacity:.95;margin-bottom:.5rem;font-size:1.5rem}.hero .tagline{opacity:.85;margin-bottom:2rem;font-size:1.125rem}.hero.simple{text-align:center}.hero.simple p{max-width:800px;margin:0 auto}.cta-button{color:#5d688a;background:#fff;border-radius:50px;margin-top:1rem;padding:1rem 2.5rem;font-size:1.125rem;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.contact-form h3{color:#5d688a;margin-bottom:1.5rem;font-size:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#5d688a;margin-bottom:.5rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:2px solid #ffdbb6;border-radius:8px;width:100%;padding:.75rem;font-family:Atkinson Hyperlegible,sans-serif;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#f7a5a5;outline:none}.form-group textarea{resize:vertical;min-height:100px}.submit-btn{color:#fff;cursor:pointer;background:#5d688a;border:none;border-radius:50px;width:100%;padding:1rem;font-size:1rem;font-weight:700;transition:background .3s}.submit-btn:hover{background:#f7a5a5}.features{background:#fffaef;padding:4rem 0}.section-title{text-align:center;color:#5d688a;margin-bottom:3rem;font-size:2.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.feature-card{text-align:center;background:#fff;border-radius:10px;padding:2rem;transition:transform .3s;box-shadow:0 5px 15px #5d688a1a}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #5d688a26}.feature-icon{margin-bottom:1rem;font-size:3rem}.feature-card h3{color:#f7a5a5;margin-bottom:.5rem}.pricing{background:linear-gradient(135deg,#ffdbb6 0%,#fffaef 100%);padding:4rem 0}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.pricing-card{background:#fff;border-radius:15px;padding:2.5rem;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 10px 30px #0000001a}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #f7a5a54d}.pricing-card.featured{border:3px solid #f7a5a5}.featured-badge{color:#fff;background:#f7a5a5;border-radius:20px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:700;position:absolute;top:-15px;right:20px}.tier-name{color:#333;margin-bottom:.5rem;font-size:1.5rem}.tier-price{color:#5d688a;margin-bottom:.25rem;font-size:3rem;font-weight:700}.tier-period{color:#666;margin-bottom:1.5rem}.tier-features{margin-bottom:2rem;list-style:none}.tier-features li{border-bottom:1px solid #f0f0f0;align-items:flex-start;padding:.75rem 0;display:flex}.tier-features li:before{content:"✓";color:#f7a5a5;margin-right:.75rem;font-size:1.25rem;font-weight:700}.tier-cta{color:#fff;text-align:center;background:#5d688a;border-radius:50px;padding:1rem;font-weight:700;text-decoration:none;transition:background .3s;display:block}.tier-cta:hover{background:#f7a5a5}.domain-options{background:#fffaef;padding:3rem 0}.options-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.option-card{background:#fff;border-left:4px solid #f7a5a5;border-radius:10px;padding:2rem;box-shadow:0 5px 15px #5d688a1a}.option-card h3{color:#5d688a;margin-bottom:1rem;font-size:1.5rem}.option-price{color:#333;margin-top:1rem;font-size:1.25rem;font-weight:700}.custom-package{color:#fff;background:linear-gradient(135deg,#5d688a 0%,#f7a5a5 100%);padding:3rem 0}.custom-content{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.custom-text h2{margin-bottom:1rem;font-size:2.5rem}.custom-text p{opacity:.95;font-size:1.25rem}.trial-banner{text-align:center;background:#ffdbb6;border-left:4px solid #f7a5a5;border-radius:5px;margin:2rem 0;padding:1.5rem}.trial-banner strong{color:#5d688a;font-size:1.25rem}.content{background:#fff;padding:4rem 0}.content-grid{grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:3rem;display:grid}.content h2{color:#5d688a;margin-bottom:1.5rem;font-size:2.5rem}.content h3{color:#f7a5a5;margin-top:2rem;margin-bottom:1rem;font-size:1.75rem}.content p{margin-bottom:1.25rem;font-size:1.125rem;line-height:1.8}.values-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.value-card{background:#fffaef;border-left:4px solid #f7a5a5;border-radius:10px;padding:2rem}.value-card h4{color:#5d688a;margin-bottom:1rem;font-size:1.5rem}.contact-section{background:#fff;padding:4rem 0}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.contact-info h2{color:#5d688a;margin-bottom:1.5rem;font-size:2.5rem}.contact-info p{margin-bottom:2rem;font-size:1.125rem;line-height:1.8}.info-card{background:#fffaef;border-left:4px solid #f7a5a5;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.info-card h3{color:#5d688a;margin-bottom:.75rem;font-size:1.25rem}.info-card a{color:#f7a5a5;font-weight:600;text-decoration:none}.info-card a:hover{text-decoration:underline}.contact-form{background:#eff4ff;border-radius:15px;padding:2.5rem;box-shadow:0 10px 30px #5d688a1a}.contact-form h3{font-size:1.75rem}.contact-form textarea{min-height:150px}.cta-section{color:#fff;text-align:center;background:linear-gradient(135deg,#5d688a 0%,#f7a5a5 100%);padding:4rem 0}.cta-section h2{margin-bottom:1.5rem;font-size:2.5rem}.cta-section p{opacity:.95;margin-bottom:2rem;font-size:1.25rem}footer{color:#fff;background:#1a1a1a;padding:3rem 0 2rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.footer-section h4{color:#f7a5a5;margin-bottom:1rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#ccc;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#f7a5a5}.footer-bottom{text-align:center;border-top:1px solid #333;padding-top:2rem}footer a{color:#f7a5a5;text-decoration:none}@media (width<=768px){.hero-content,.custom-content,.content-grid,.contact-grid{grid-template-columns:1fr}.hero-text{text-align:center}.hero h1{font-size:2.5rem}.hero .subtitle{font-size:1.25rem}.pricing-grid{grid-template-columns:1fr}nav ul{flex-direction:column;gap:1rem}.custom-text h2,.content h2{text-align:center;font-size:2rem}.custom-text p{text-align:center}}.nav-toggle{cursor:pointer;z-index:200;background:0 0;border:none;border-radius:6px;flex-direction:column;justify-content:space-between;width:44px;height:44px;padding:10px 8px;display:none}.nav-toggle:focus-visible{outline-offset:2px;outline:2px solid #5d688a}.nav-toggle-bar{background:#5d688a;border-radius:2px;width:100%;height:3px;transition:transform .25s,opacity .25s;display:block}.nav-toggle[aria-expanded=true] .nav-toggle-bar:first-child{transform:translateY(9px)rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(3){transform:translateY(-9px)rotate(-45deg)}@media (width<=768px){.nav-toggle{display:flex}#main-nav{z-index:100;background:#eff4ff;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#main-nav.is-open{display:flex}#main-nav ul{text-align:center;flex-direction:column;gap:0;width:100%}#main-nav ul li a{border-bottom:1px solid #5d688a1a;justify-content:center;align-items:center;min-height:56px;padding:1.25rem 2rem;font-size:1.5rem;display:flex}#main-nav:before{content:"";height:4rem;display:block}}
