@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300..700;1,9..40,300..700&display=swap";:root{--color-ink: #1a1a2e;--color-body: #3d3d5c;--color-muted: #6b6b8a;--color-border: #e2e0dc;--color-surface: #faf9f7;--color-cream: #f5f3ef;--color-white: #ffffff;--color-accent: #2d5bd6;--color-accent-soft: #e8edfb;--color-accent-hover: #1e44b0;--color-warm: #e8845a;--color-warm-soft: #fef0ea;--color-green: #1a8a5c;--color-green-soft: #e6f5ee;--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--max-width: 1120px;--radius: 10px;--radius-lg: 16px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);color:var(--color-body);background:var(--color-surface);line-height:1.65}h1,h2,h3{font-family:var(--font-display);color:var(--color-ink);line-height:1.2;letter-spacing:-.01em}h1{font-size:clamp(2rem,5vw,3.2rem)}h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}h3{font-size:clamp(1.2rem,2.5vw,1.5rem)}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-3xl) 0}.section--cream{background:var(--color-cream)}.section--white{background:var(--color-white)}.nav{position:sticky;top:0;z-index:100;background:#faf9f7eb;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--space-md) 0}.nav__inner{display:flex;align-items:center;justify-content:space-between}.nav__logo{font-family:var(--font-display);font-size:1.4rem;color:var(--color-ink);text-decoration:none}.nav__links{display:flex;gap:var(--space-lg);list-style:none}.nav__links a{font-size:.9rem;font-weight:500;color:var(--color-muted);text-decoration:none;transition:color .2s}.nav__links a:hover{color:var(--color-ink)}.hero{padding:var(--space-3xl) 0;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-40%;left:-20%;width:140%;height:180%;background:radial-gradient(ellipse at 30% 50%,var(--color-accent-soft) 0%,transparent 60%),radial-gradient(ellipse at 70% 30%,var(--color-warm-soft) 0%,transparent 50%);z-index:0;pointer-events:none}.hero__content{position:relative;z-index:1;max-width:720px;margin:0 auto}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-white);border:1px solid var(--color-border);border-radius:100px;padding:var(--space-xs) var(--space-md);font-size:.85rem;font-weight:500;color:var(--color-muted);margin-bottom:var(--space-lg)}.hero__title{margin-bottom:var(--space-lg)}.hero__subtitle{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--color-muted);max-width:560px;margin:0 auto var(--space-xl);line-height:1.7}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-weight:600;font-size:.95rem;padding:.85rem 1.8rem;border-radius:var(--radius);border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--primary{background:var(--color-ink);color:var(--color-white)}.btn--primary:hover{background:#2a2a4a;color:var(--color-white);transform:translateY(-1px);box-shadow:0 4px 16px #1a1a2e33}.btn--outline{background:transparent;color:var(--color-ink);border:1.5px solid var(--color-border)}.btn--outline:hover{border-color:var(--color-ink);color:var(--color-ink)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.product-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all .25s ease;position:relative;display:flex;flex-direction:column}.product-card:hover{border-color:var(--color-accent);box-shadow:0 8px 32px #2d5bd614;transform:translateY(-3px)}.product-card__popular{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--color-warm);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:100px;letter-spacing:.02em}.product-card__icon{font-size:2.5rem;margin-bottom:var(--space-md)}.product-card__title{font-family:var(--font-display);font-size:1.3rem;margin-bottom:var(--space-xs)}.product-card__subtitle{font-size:.85rem;color:var(--color-muted);margin-bottom:var(--space-md)}.product-card__features{list-style:none;margin-bottom:var(--space-lg);flex-grow:1}.product-card__features li{font-size:.88rem;color:var(--color-body);padding:var(--space-xs) 0;padding-left:1.4rem;position:relative}.product-card__features li:before{content:"✓";position:absolute;left:0;color:var(--color-green);font-weight:700}.product-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-md);border-top:1px solid var(--color-border)}.product-card__price{font-family:var(--font-display);font-size:1.6rem;color:var(--color-ink)}.product-card__buy{background:var(--color-accent);color:#fff;font-weight:600;font-size:.88rem;padding:.65rem 1.4rem;border-radius:var(--radius);border:none;cursor:pointer;font-family:var(--font-body);text-decoration:none;transition:all .2s}.product-card__buy:hover{background:var(--color-accent-hover);color:#fff;transform:translateY(-1px)}.usp-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);text-align:center;padding:var(--space-2xl) 0}.usp-item__icon{font-size:1.8rem;margin-bottom:var(--space-sm)}.usp-item__title{font-weight:600;font-size:.95rem;color:var(--color-ink);margin-bottom:var(--space-xs)}.usp-item__text{font-size:.85rem;color:var(--color-muted)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.testimonial{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.testimonial__stars{color:#f0a500;font-size:1rem;margin-bottom:var(--space-md);letter-spacing:2px}.testimonial__text{font-size:.95rem;line-height:1.7;color:var(--color-body);margin-bottom:var(--space-md);font-style:italic}.testimonial__author{font-size:.85rem;font-weight:600;color:var(--color-ink)}.testimonial__role{font-size:.8rem;color:var(--color-muted)}.faq-list{max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border);padding:var(--space-lg) 0}.faq-item summary{font-weight:600;font-size:1rem;color:var(--color-ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary:after{content:"+";font-size:1.4rem;color:var(--color-muted);transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item__answer{padding-top:var(--space-md);font-size:.92rem;color:var(--color-body);line-height:1.7}.section-header{text-align:center;max-width:600px;margin:0 auto var(--space-2xl)}.section-header__label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-sm)}.section-header h2{margin-bottom:var(--space-md)}.section-header p{color:var(--color-muted);font-size:1rem}.cta-section{text-align:center;background:var(--color-ink);color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-3xl) var(--space-xl);margin:var(--space-2xl) 0}.cta-section h2{color:var(--color-white);margin-bottom:var(--space-md)}.cta-section p{color:#ffffffb3;max-width:500px;margin:0 auto var(--space-xl)}.cta-section .btn--primary{background:var(--color-white);color:var(--color-ink)}.cta-section .btn--primary:hover{background:var(--color-cream);color:var(--color-ink)}.footer{padding:var(--space-2xl) 0;border-top:1px solid var(--color-border);text-align:center}.footer__logo{font-family:var(--font-display);font-size:1.2rem;color:var(--color-ink);margin-bottom:var(--space-md)}.footer__links{display:flex;justify-content:center;gap:var(--space-lg);list-style:none;margin-bottom:var(--space-lg)}.footer__links a{font-size:.85rem;color:var(--color-muted)}.footer__links a:hover{color:var(--color-ink)}.footer__copy{font-size:.8rem;color:var(--color-muted)}@media(max-width:768px){.nav__links{display:none}.hero{padding:var(--space-2xl) 0}.products-grid{grid-template-columns:1fr}.usp-bar{grid-template-columns:1fr 1fr;gap:var(--space-md)}.testimonials-grid{grid-template-columns:1fr}.cta-section{padding:var(--space-2xl) var(--space-lg);border-radius:var(--radius)}}
