:root{--orange:#ff7a00;--orange-dark:#d95f00;--soft:#fff3e8;--text:#1f2937;--muted:#64748b;--border:#ffe0bd;--bg:#fffaf5}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid #f5e5d6}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.logo{font-weight:900;font-size:26px;color:var(--orange)}.navlinks{display:flex;gap:22px;align-items:center}.navlinks a{font-weight:650;color:#334155}.btn{display:inline-block;padding:13px 22px;border-radius:999px;background:var(--orange);color:white;font-weight:800;border:0;cursor:pointer;box-shadow:0 10px 24px rgba(255,122,0,.22)}.btn:hover{background:var(--orange-dark)}.btn.secondary{background:white;color:var(--orange);border:1px solid var(--border);box-shadow:none}
.hero{padding:82px 0;background:linear-gradient(135deg,#fff 0%,#fff5eb 100%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;padding:7px 13px;background:#fff;border:1px solid var(--border);border-radius:999px;color:var(--orange);font-weight:800}.hero h1{font-size:58px;line-height:1.02;margin:18px 0}.hero p{font-size:20px;color:var(--muted);max-width:650px}.hero-card{background:white;border:1px solid var(--border);border-radius:30px;padding:25px;box-shadow:0 25px 60px rgba(122,66,0,.12)}.hero-card img{width:100%;border-radius:22px}.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.badge{background:white;border:1px solid var(--border);padding:10px 14px;border-radius:999px;color:#475569;font-weight:700}
.section{padding:70px 0}.section.alt{background:var(--bg)}.section-head{text-align:center;max-width:760px;margin:0 auto 36px}.section-head h2{font-size:40px;margin:0 0 10px}.section-head p{color:var(--muted);font-size:18px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:white;border:1px solid #f2dcc8;border-radius:22px;padding:20px;box-shadow:0 16px 38px rgba(15,23,42,.06)}.product-card img{width:100%;border-radius:16px;background:#fff7ef}.product-card h3{font-size:19px;margin:15px 0 5px}.price{font-size:22px;font-weight:900;color:var(--orange)}.small{color:var(--muted);font-size:14px}.category-card{text-align:center;padding:34px 20px}.category-card .icon{font-size:44px}.steps{counter-reset:s}.step:before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--orange);color:white;font-weight:900;margin-bottom:12px}
.plan{position:relative;padding:30px}.plan.popular{border:2px solid var(--orange);transform:translateY(-8px)}.tag{position:absolute;right:20px;top:20px;background:var(--orange);color:white;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:900}.plan h3{font-size:26px;margin:0 0 6px}.plan .price{font-size:38px}.plan ul{padding:0;list-style:none}.plan li{padding:8px 0;border-bottom:1px solid #f7e9dc}.plan li:before{content:"✓";color:var(--orange);font-weight:900;margin-right:9px}
.review{font-style:italic}.footer{background:#111827;color:#e5e7eb;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:24px}.footer a{display:block;color:#d1d5db;margin:8px 0}.footer .logo{color:#ff9f45}.copyright{border-top:1px solid #374151;margin-top:30px;padding-top:18px;color:#9ca3af}
.page-hero{padding:62px 0;background:linear-gradient(135deg,#fff7ef,#fff);border-bottom:1px solid #f5e5d6}.page-hero h1{font-size:48px;margin:0 0 10px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.filter{padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:#fff;font-weight:800;color:#475569}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:38px}.product-detail img{width:100%;border-radius:28px;border:1px solid var(--border)}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:22px 0}.spec{padding:14px;background:#fff8f1;border:1px solid var(--border);border-radius:16px}.policy{max-width:900px}.policy h2{margin-top:30px}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:28px}.input{width:100%;padding:14px;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px}.notice{padding:16px 18px;border-radius:18px;background:#fff4e8;border:1px solid var(--border);font-weight:750;color:#8a3a00}
@media(max-width:900px){.hero-grid,.product-detail,.contact-box{grid-template-columns:1fr}.grid,.grid.three,.grid.two,.footer-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:42px}.navlinks{display:none}}@media(max-width:600px){.grid,.grid.three,.grid.two,.footer-grid{grid-template-columns:1fr}.section-head h2{font-size:32px}.page-hero h1{font-size:36px}}


.menu-toggle{display:none;background:var(--orange);color:#fff;border:0;border-radius:12px;padding:10px 14px;font-size:24px;font-weight:900;cursor:pointer}
.about-hero-card{background:#fff;border:1px solid var(--border);border-radius:30px;padding:28px;box-shadow:0 25px 60px rgba(122,66,0,.12)}
.about-stat{background:#fff8f1;border:1px solid var(--border);border-radius:18px;padding:18px;text-align:center}
.about-stat strong{display:block;font-size:30px;color:var(--orange)}
.value-icon{font-size:34px;margin-bottom:10px}
.testimonial-name{font-weight:900;color:#111827;margin-top:14px}
@media(max-width:900px){
  .menu-toggle{display:block}
  .nav{position:relative}
  .navlinks{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border:1px solid #f5e5d6;border-radius:18px;padding:16px;box-shadow:0 18px 38px rgba(15,23,42,.12);flex-direction:column;align-items:flex-start;gap:10px}
  .navlinks.open{display:flex}
  .navlinks a{width:100%;padding:10px 12px;border-radius:10px}
  .navlinks .btn{width:100%;text-align:center}
}



/* Premium lightweight animations */
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.animate-on-scroll{opacity:0;transform:translateY(28px);transition:opacity .75s ease, transform .75s ease}
.animate-on-scroll.visible{opacity:1;transform:translateY(0)}
.hero .eyebrow,.page-hero .eyebrow{animation:fadeSlideDown .7s ease both}
.hero h1,.page-hero h1{animation:fadeSlideUp .75s ease .08s both}
.hero p,.page-hero p{animation:fadeSlideUp .75s ease .16s both}
.hero .btn,.page-hero .btn{animation:fadeSlideUp .75s ease .24s both}
.hero-card,.about-hero-card{animation:floatIn .9s ease .18s both}
.hero-card img,.about-hero-card img{transition:transform .55s ease}
.hero-card:hover img,.about-hero-card:hover img{transform:scale(1.025)}
.card,.product-card,.category-card,.plan{transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease}
.card:hover,.product-card:hover,.category-card:hover,.plan:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(15,23,42,.11);border-color:#ffc98d}
.btn{transition:transform .22s ease, box-shadow .22s ease, background .22s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,122,0,.28)}
.badge{transition:transform .22s ease, border-color .22s ease}
.badge:hover{transform:translateY(-2px);border-color:#ffb36b}
.product-card img{transition:transform .45s ease}
.product-card:hover img{transform:scale(1.035)}
.plan.popular{animation:softPulse 2.8s ease-in-out infinite}
.icon,.value-icon{transition:transform .28s ease}
.category-card:hover .icon,.card:hover .value-icon{transform:scale(1.12) rotate(-3deg)}
@keyframes fadeSlideUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeSlideDown{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
@keyframes floatIn{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes softPulse{0%,100%{box-shadow:0 16px 38px rgba(255,122,0,.10)}50%{box-shadow:0 22px 55px rgba(255,122,0,.22)}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .animate-on-scroll{opacity:1!important;transform:none!important}
}