*{box-sizing:border-box;margin:0;padding:0}
html,body{font-family:-apple-system,"PingFang SC",sans-serif;color:#1c1917;background:#fffaf2;line-height:1.7;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{display:block;max-width:100%}

/* header */
.header-rounded{position:sticky;top:18px;z-index:50;padding:0 24px}
.nav-pill{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:14px 22px;border-radius:32px;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(217,119,6,.15)}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:#9a3412}
.brand-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#d97706,#fbbf24);box-shadow:0 6px 18px rgba(217,119,6,.5)}
.nav-links{display:flex;gap:6px;margin-left:auto}
.nav-links a{padding:10px 16px;border-radius:24px;font-size:15px;color:#44403c;transition:.25s}
.nav-links a:hover{background:#fef3c7;color:#9a3412}
.btn-pill{padding:11px 22px;border-radius:28px;background:linear-gradient(135deg,#d97706,#fbbf24);color:#fff;font-weight:700;box-shadow:0 16px 36px rgba(217,119,6,.32);transition:.3s}
.btn-pill:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(217,119,6,.45)}
.hamburger{display:none;background:none;border:none;flex-direction:column;gap:4px;cursor:pointer}
.hamburger span{width:22px;height:2px;background:#9a3412;border-radius:2px}

/* hero-split */
.hero-split{max-width:1240px;margin:60px auto;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.hero-card{padding:54px 50px;border-radius:40px;background:linear-gradient(140deg,#fffbeb 0,#fef3c7 100%);box-shadow:0 30px 70px rgba(217,119,6,.18);position:relative;overflow:hidden}
.hero-card::before{content:"";position:absolute;top:-80px;right:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#fbbf24 0,rgba(251,191,36,0) 70%)}
.tag-bubble{display:inline-block;padding:8px 16px;border-radius:20px;background:rgba(217,119,6,.12);color:#9a3412;font-size:13px;font-weight:600;margin-bottom:20px}
.hero-card h1{font-size:48px;font-weight:700;line-height:1.2;color:#451a03;position:relative}
.hero-card h1 em{font-style:normal;background:linear-gradient(135deg,#d97706,#fbbf24);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-desc{margin:24px 0 32px;font-size:16px;color:#57534e}
.hero-cta{display:flex;gap:14px;margin-bottom:36px}
.btn-primary{padding:16px 30px;border-radius:28px;background:linear-gradient(135deg,#d97706,#fbbf24);color:#fff;font-weight:700;font-size:15px;box-shadow:0 20px 40px rgba(217,119,6,.4);transition:.3s}
.btn-primary:hover{transform:translateY(-4px);box-shadow:0 28px 56px rgba(217,119,6,.5)}
.btn-ghost{padding:16px 30px;border-radius:28px;background:#fff;color:#9a3412;font-weight:700;font-size:15px;border:2px solid #fbbf24;transition:.3s}
.btn-ghost:hover{background:#fef3c7}
.btn-ghost-light{padding:16px 30px;border-radius:28px;background:rgba(255,255,255,.2);color:#fff;font-weight:700;font-size:15px;border:2px solid rgba(255,255,255,.4)}
.btn-ghost-light:hover{background:rgba(255,255,255,.3)}
.hero-meta{display:flex;gap:36px}
.hero-meta>div{display:flex;flex-direction:column}
.hero-meta strong{font-size:28px;font-weight:700;color:#9a3412}
.hero-meta span{font-size:13px;color:#78716c}
.hero-illu{display:flex;justify-content:center;align-items:center}
.hero-illu img{filter:drop-shadow(0 30px 60px rgba(217,119,6,.25))}

/* section-head */
.section-head{max-width:760px;margin:0 auto 48px;text-align:center}
.section-head h2{font-size:36px;font-weight:700;color:#451a03;margin:14px 0}
.section-head p{color:#78716c}

/* app-cards */
.app-cards{max-width:1240px;margin:90px auto;padding:0 24px}
.cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.app-card{padding:24px;border-radius:32px;background:#fff;box-shadow:0 20px 50px rgba(217,119,6,.1);transition:.35s;position:relative}
.app-card:hover{transform:translateY(-8px);box-shadow:0 32px 70px rgba(217,119,6,.2)}
.app-card.popular{background:linear-gradient(160deg,#fef3c7 0,#fff 100%);border:2px solid #fbbf24}
.app-card img{border-radius:20px;width:100%;height:auto;margin-bottom:18px}
.app-card h3{font-size:20px;font-weight:700;color:#451a03;margin-bottom:14px}
.app-card ul{margin-bottom:20px}
.app-card li{padding:6px 0;color:#57534e;font-size:14px;padding-left:22px;position:relative}
.app-card li::before{content:"";position:absolute;left:0;top:14px;width:8px;height:8px;border-radius:50%;background:#d97706}
.btn-card{display:inline-block;padding:11px 22px;border-radius:24px;background:#fef3c7;color:#9a3412;font-weight:700;font-size:14px;transition:.25s}
.btn-card:hover{background:#fde68a}
.btn-card.primary{background:linear-gradient(135deg,#d97706,#fbbf24);color:#fff;box-shadow:0 14px 28px rgba(217,119,6,.3)}

/* scenes */
.scenes{max-width:1240px;margin:90px auto;padding:0 24px}
.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.scene-card{background:#fff;border-radius:36px;overflow:hidden;box-shadow:0 22px 50px rgba(217,119,6,.13);transition:.35s}
.scene-card:hover{transform:translateY(-6px)}
.scene-card img{width:100%;height:auto}
.scene-body{padding:28px 32px 36px}
.scene-body h3{font-size:22px;color:#451a03;margin-bottom:12px;font-weight:700}
.scene-body p{color:#57534e;font-size:15px}

/* testimonials */
.testimonials{max-width:1240px;margin:90px auto;padding:0 24px}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testi-card{padding:32px 28px;border-radius:32px;background:#fff;box-shadow:0 20px 50px rgba(217,119,6,.1);text-align:left;transition:.3s}
.testi-card:hover{transform:translateY(-6px)}
.avatar{width:60px;height:60px;border-radius:50%;margin-bottom:16px;display:block}
.stars{color:#fbbf24;font-size:18px;letter-spacing:2px;margin-bottom:12px}
.testi-card p{font-size:15px;color:#44403c;margin-bottom:20px;line-height:1.7}
.who{display:flex;flex-direction:column;border-top:1px dashed #fde68a;padding-top:14px}
.who strong{color:#9a3412;font-size:15px}
.who span{font-size:13px;color:#a8a29e;margin-top:2px}

/* pricing */
.pricing-cards{max-width:1240px;margin:90px auto;padding:0 24px}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.price-card{padding:34px 26px;border-radius:32px;background:#fff;box-shadow:0 20px 50px rgba(217,119,6,.1);position:relative;transition:.35s}
.price-card:hover{transform:translateY(-8px)}
.price-card.highlight{background:linear-gradient(170deg,#fef3c7 0,#fff 100%);border:2px solid #d97706;transform:scale(1.04)}
.ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:6px 18px;border-radius:18px;background:linear-gradient(135deg,#d97706,#fbbf24);color:#fff;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 10px 20px rgba(217,119,6,.4)}
.price-card h3{font-size:18px;color:#9a3412;font-weight:700;margin-bottom:10px}
.price{font-size:42px;font-weight:700;color:#451a03;margin-bottom:18px;display:flex;align-items:baseline}
.price em{font-style:normal;font-size:18px;color:#d97706;margin-right:2px}
.price span{font-size:14px;color:#a8a29e;margin-left:6px;font-weight:500}
.price-card ul{margin-bottom:22px}
.price-card li{padding:6px 0;color:#44403c;font-size:14px;padding-left:20px;position:relative}
.price-card li::before{content:"✓";position:absolute;left:0;color:#d97706;font-weight:700}

/* cta-banner */
.cta-banner{max-width:1240px;margin:90px auto;padding:0 24px}
.cta-card{padding:60px 50px;border-radius:36px;background:linear-gradient(135deg,#d97706 0,#fbbf24 100%);color:#fff;text-align:center;box-shadow:0 30px 70px rgba(217,119,6,.35);position:relative;overflow:hidden}
.cta-card::after{content:"";position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.1)}
.cta-card h2{font-size:34px;font-weight:700;margin-bottom:14px;position:relative}
.cta-card p{font-size:16px;margin-bottom:30px;opacity:.95;position:relative}
.cta-buttons{display:flex;gap:14px;justify-content:center;position:relative;z-index:2}
.cta-buttons .btn-primary{background:#fff;color:#9a3412}

/* news */
.news{max-width:1240px;margin:90px auto;padding:0 24px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.news-card{padding:28px;border-radius:28px;background:#fff;box-shadow:0 18px 40px rgba(217,119,6,.08);transition:.3s;display:block}
.news-card:hover{transform:translateY(-5px);box-shadow:0 26px 56px rgba(217,119,6,.18)}
.news-date{display:inline-block;padding:4px 12px;border-radius:14px;background:#fef3c7;color:#9a3412;font-size:12px;font-weight:600;margin-bottom:14px}
.news-card h4{font-size:17px;color:#451a03;margin-bottom:10px;font-weight:700;line-height:1.4}
.news-card p{color:#78716c;font-size:14px}

/* footer */
.footer-cards{margin-top:90px;padding:60px 24px 0;background:linear-gradient(180deg,#fef3c7 0,#fffaf2 100%);border-radius:48px 48px 0 0}
.footer-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:36px;padding-bottom:40px}
.f-col h5{font-size:16px;color:#9a3412;font-weight:700;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #fbbf24;display:inline-block}
.f-col p{color:#57534e;font-size:14px;margin-bottom:12px}
.f-meta{font-size:13px;color:#78716c;line-height:1.9}
.f-col ul li{padding:5px 0}
.f-col ul li a{font-size:14px;color:#44403c;transition:.2s}
.f-col ul li a:hover{color:#d97706}
.f-links{display:flex;flex-wrap:wrap;gap:6px}
.f-links li{padding:0}
.f-links li a{padding:5px 11px;border-radius:14px;background:rgba(255,255,255,.7);font-size:13px;display:inline-block}
.f-links li a:hover{background:#d97706;color:#fff}
.f-copy{max-width:1240px;margin:0 auto;padding:22px 0;text-align:center;border-top:1px solid #fde68a;color:#78716c;font-size:13px}

@media(max-width:900px){
  .nav-links{display:none}
  .hamburger{display:flex}
  .hero-split{grid-template-columns:1fr}
  .cards-row,.scene-grid,.testi-grid,.price-grid,.news-grid,.footer-grid{grid-template-columns:1fr}
  .price-card.highlight{transform:none}
  .hero-card h1{font-size:34px}
  .hero-card{padding:36px 28px}
  .cta-card{padding:40px 26px}
  .cta-card h2{font-size:24px}
  .cta-buttons{flex-direction:column}
}