:root{--primary-color: #000;--secondary-color: #666;--background-color: #fff;--accent-color: #f5f5f5;--full-width: 1367px}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--primary-color)}h1{font-size:64px;font-weight:700}h2{font-size:48px}.app{margin:0 auto}header{padding:1rem 2rem;background:#fff;position:sticky;top:0;z-index:1;border-bottom:1px solid #eee}nav{max-width:var(--full-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;font-size:1.2rem}.nav-links a{margin-left:2rem;text-decoration:none;color:var(--primary-color)}.nav-links .login{color:var(--primary-color);font-weight:500}main{margin:0 auto}section{text-align:center}.hero{padding:8rem 0;background-color:#f8f8f8}.content{width:var(--full-width);margin:0 auto}.features{padding:8rem 0 12rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.feature-card{padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;transition:transform .2s}.feature-card:hover{transform:translateY(-4px)}.pricing{padding:0 0 12rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.pricing-card{padding:2rem;border:1px solid #eee;border-radius:16px;position:relative;transition:transform .2s}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.popular{border:2px solid var(--primary-color)}.popular-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-color);color:#fff;padding:4px 12px;border-radius:16px;font-size:.8rem}.price{font-size:2.5rem;font-weight:700;margin:1rem 0}.pricing-card ul{list-style:none;margin:2rem 0;text-align:left}.pricing-card li{margin:.5rem 0}.about{display:flex;justify-content:space-between;gap:4rem;text-align:left}.about-image{width:600px;height:400px}.about-image img{width:100%;height:100%;border-radius:8px;object-fit:cover}.cta-button{background:var(--primary-color);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;margin-top:1.5rem}.cta-button:hover{opacity:.9}footer{text-align:center;padding:2rem;background:#111;color:#fff;margin-top:4rem}