:root{
  --bg:#f7eefb;
  --panel:#fff9fd;
  --white:#fff;
  --pink:#f690bd;
  --pink-deep:#ec5f9a;
  --purple:#9b88dc;
  --purple-deep:#7b66c5;
  --lav:#ebe2ff;
  --mint:#ebf8dc;
  --green:#8abe62;
  --sky:#e6f2ff;
  --yellow:#fff5d7;
  --cream:#fffaf2;
  --orange:#f4af77;
  --text:#5d4b63;
  --soft:#8a7d94;
  --line:#edd3ea;
  --shadow:0 18px 45px rgba(137,97,153,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Trebuchet MS","PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 12% 10%, rgba(255,255,255,.7) 0 3px, transparent 4px),
    radial-gradient(circle at 85% 15%, rgba(255,255,255,.7) 0 3px, transparent 4px),
    radial-gradient(circle at 76% 39%, rgba(255,255,255,.65) 0 2px, transparent 3px),
    linear-gradient(180deg,#efe5ff 0%,#fff5fb 30%,#fffaf5 65%,#f5ecff 100%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.page-stars{
  position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.9;
  background:
    radial-gradient(circle at 10% 20%, rgba(255,190,217,.9) 0 5px, transparent 6px),
    radial-gradient(circle at 23% 44%, rgba(164,205,255,.9) 0 4px, transparent 5px),
    radial-gradient(circle at 86% 32%, rgba(255,215,150,.9) 0 5px, transparent 6px),
    radial-gradient(circle at 65% 11%, rgba(255,190,217,.9) 0 4px, transparent 5px),
    radial-gradient(circle at 50% 62%, rgba(187,169,255,.8) 0 4px, transparent 5px),
    radial-gradient(circle at 30% 78%, rgba(255,215,150,.8) 0 4px, transparent 5px);
}

.site-header{
  position:sticky;top:0;z-index:20;
  display:flex;align-items:center;gap:20px;
  max-width:1380px;margin:0 auto;padding:16px 20px;
  background:rgba(255,250,253,.82);
  backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(240,218,239,.8);
}
.logo{
  display:inline-flex;align-items:center;gap:10px;
  font-size:34px;font-weight:900;
  color:var(--pink-deep);
  letter-spacing:.5px;
  text-shadow:0 2px 0 #fff,0 4px 14px rgba(236,95,154,.18);
}
.logo-mark{font-size:22px;color:var(--purple)}
.nav{display:flex;gap:26px;margin-left:auto;font-weight:800}
.nav a{position:relative;padding:8px 2px;color:#5f526b}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--purple));transform:scaleX(0);transform-origin:center;transition:.2s}
.nav a:hover::after,.nav a:focus-visible::after{transform:scaleX(1)}
.header-actions{display:flex;gap:12px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:999px;padding:12px 22px;font-weight:900;
  box-shadow:0 10px 22px rgba(144,101,165,.15);
}
.btn-primary{background:linear-gradient(135deg,#ff9fc4,#f071ab);color:#fff}
.btn-secondary{background:linear-gradient(135deg,#baa4ef,#8e7be0);color:#fff}
.menu-toggle{display:none;border:none;background:#fff;color:var(--pink-deep);font-size:24px;border-radius:14px;padding:8px 12px;box-shadow:var(--shadow)}

main{padding:18px 16px 70px}
.section-shell{
  position:relative;
  max-width:1320px;margin:0 auto 28px;
  background:rgba(255,248,252,.78);
  border:3px solid rgba(255,255,255,.95);
  border-radius:38px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.section-shell::before{
  content:"";position:absolute;inset:12px;
  border:2px dashed rgba(235,189,213,.75);
  border-radius:28px;pointer-events:none;
}

.hero{
  min-height:350px;
  padding:48px 42px;
  display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.04)),
    radial-gradient(circle at top left, #f2d7fb 0%, transparent 34%),
    radial-gradient(circle at top right, #e8d9ff 0%, transparent 34%),
    linear-gradient(180deg,#f7eaff 0%,#ffeef7 53%,#fcefff 100%);
}
.hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:66px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.55));
}
.hero-side{position:relative;display:flex;align-items:center;justify-content:center;min-height:240px}
.hero-side-left{padding-left:14px}.hero-side-right{padding-right:14px}
.mascot-row{display:flex;align-items:flex-end;gap:16px}
.mascot-card{
  position:relative;display:grid;place-items:center;
  width:175px;height:175px;border-radius:36px;
  background:linear-gradient(180deg,#fff,#ffeef7);
  border:4px solid #fff;box-shadow:0 18px 35px rgba(147,108,167,.15);
}
.mascot-bunny{background:linear-gradient(180deg,#fff,#ffe7f2)}
.mascot-dog{background:linear-gradient(180deg,#fff,#efe4ff)}
.mascot-cat{background:linear-gradient(180deg,#faf7ff,#eee7ff)}
.small-card{width:135px;height:135px;border-radius:30px}
.mascot-emoji{font-size:84px;line-height:1}
.mascot-accent{position:absolute;right:14px;bottom:12px;font-size:34px}
.speech-bubble{
  position:absolute;top:-6px;z-index:2;
  padding:14px 16px;border-radius:24px;background:#fff;
  border:2px solid #ead3ef;font-weight:900;line-height:1.45;
  box-shadow:0 10px 18px rgba(132,94,150,.08);
}
.hero-side-left .speech-bubble{right:18px}
.hero-side-right .speech-bubble{left:16px}
.speech-bubble::after{
  content:"";position:absolute;bottom:-12px;width:20px;height:20px;background:#fff;border-right:2px solid #ead3ef;border-bottom:2px solid #ead3ef;transform:rotate(45deg);
}
.hero-side-left .speech-bubble::after{left:26px}
.hero-side-right .speech-bubble::after{right:28px}
.mini-friend{
  position:absolute;right:28px;bottom:20px;
  width:64px;height:64px;border-radius:50%;display:grid;place-items:center;
  background:#fff;box-shadow:0 8px 18px rgba(130,93,145,.12);font-size:32px;border:3px solid #fff;
}
.hero-center{text-align:center;padding:10px 0 28px}
.hero-bow{font-size:48px;margin-bottom:8px}
.hero h1{
  margin:0;
  font-size:102px;line-height:.98;font-weight:900;letter-spacing:2px;
  color:var(--purple-deep);
  text-shadow:0 3px 0 #fff,0 6px 0 rgba(255,176,211,.7),0 14px 20px rgba(140,104,157,.12);
}
.hero-ribbon{
  display:inline-block;margin:16px 0 0;padding:13px 26px;
  border-radius:999px;background:linear-gradient(90deg,#ff93be,#f48ab7,#bb9beb);
  color:#fff;font-weight:900;font-size:22px;box-shadow:0 12px 24px rgba(165,110,157,.16);
}
.hero-icons{display:flex;justify-content:center;gap:14px;margin-top:18px;color:#f3a1c4;font-size:22px}

.fancy-heading{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:28px;text-align:center;position:relative;z-index:1}
.fancy-heading h2{
  margin:0;font-size:58px;letter-spacing:2px;
  color:#7b69c5;text-shadow:0 3px 0 #fff,0 8px 18px rgba(126,95,151,.14);
}
.wing{font-size:24px;color:#f295c0}
.sky-heading h2{color:#ef6fa0}
.cream-heading h2{color:#d58d4c}
.peach-heading h2{color:#d86f4a}
.rules-subtitle{text-align:center;margin:8px 0 22px;color:var(--soft);font-weight:700;position:relative;z-index:1}

.pricing-shell{padding:8px 26px 28px;background:linear-gradient(180deg,#fff8fc,#fffdfd)}
.pricing-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr 1.08fr;gap:20px;padding:20px 6px 10px}
.panel{position:relative;background:rgba(255,255,255,.94);border-radius:28px;padding:22px;box-shadow:0 12px 28px rgba(137,97,153,.08)}
.price-panel{padding-top:18px}
.green-panel{background:linear-gradient(180deg,#fbfff5,#f6ffef);border:3px solid #d3eab8}
.pink-panel{background:linear-gradient(180deg,#fff9fc,#fff1f7);border:3px solid #f6bdd4}
.blue-panel{background:linear-gradient(180deg,#fbfdff,#f2f6ff);border:3px solid #c6d8f8}
.addon-panel{background:linear-gradient(180deg,#faf8ff,#f1ecff);border:3px solid #cabcf0}
.panel-topline{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;font-size:22px;font-weight:900}
.green-panel .panel-topline{color:#5c8c33}.pink-panel .panel-topline{color:#e66597}.blue-panel .panel-topline,.addon-panel .panel-topline{color:#6f66c8}
.panel-icon{font-size:24px}
.pill-price{
  width:max-content;margin:0 auto 18px;padding:11px 26px;border-radius:999px;
  background:#fff;border:3px solid #cae6ab;color:#67a13e;font-weight:900;font-size:30px;
}
.price-list,.addon-list,.package-list,.warm-panel ul,.contact-bullets{list-style:none;padding:0;margin:0}
.price-list li,.addon-list li,.package-list li{
  display:flex;align-items:center;gap:12px;
  padding:9px 0;border-bottom:2px dotted rgba(143,122,157,.2);
}
.price-list li:last-child,.addon-list li:last-child,.package-list li:last-child{border-bottom:none}
.price-list li::before{content:"♡";color:#f083b3;font-weight:900}
.price-list span,.addon-list span,.package-list span{flex:1}
.price-list b,.addon-list b,.package-list b{white-space:nowrap}
.panel-mascot{
  position:absolute;left:16px;bottom:10px;font-size:42px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.08));
}
.side-mascot{left:auto;right:16px;bottom:12px}
.right-stack{display:grid;gap:18px}
.compact-panel{padding-bottom:50px}
.addon-list li{font-size:15px}
.payment-banner{
  position:relative;z-index:1;
  margin:20px auto 4px;padding:13px 24px;max-width:max-content;
  background:#fff;border:2px dashed #f0bfd1;border-radius:999px;font-weight:900;text-align:center;
}

.package-shell{
  padding:10px 26px 28px;
  background:linear-gradient(180deg,#dff0ff 0%,#e9f4ff 46%,#f6edff 100%);
}
.package-layout{position:relative;z-index:1;display:grid;grid-template-columns:80px 1fr 180px 1fr 80px;gap:18px;align-items:center;padding:20px 6px 10px}
.package-decoration{font-size:30px;text-align:center;opacity:.9}
.package-panel{padding:24px 30px;border-radius:28px}
.blue-package{background:linear-gradient(180deg,#fff,#f2f7ff);border:3px solid #a7c8ff}
.pink-package{background:linear-gradient(180deg,#fff,#fff0f7);border:3px solid #f2b2d2}
.title-badge{
  display:inline-flex;align-items:center;justify-content:center;min-width:180px;
  margin:0 auto 14px;padding:11px 18px;border-radius:999px;font-weight:900;font-size:24px;
  color:#fff;box-shadow:0 10px 22px rgba(144,101,165,.15);
}
.blue-package .title-badge{background:linear-gradient(135deg,#8fb8ff,#6f91eb)}
.pink-package .title-badge{background:linear-gradient(135deg,#ffa1c5,#f07fab)}
.package-list li{font-size:22px;padding:10px 0}
.blue-package b{color:#5380df}.pink-package b{color:#f06a9d}
.center-cloud{
  width:170px;height:170px;border-radius:50%;display:grid;place-items:center;
  margin:0 auto;background:rgba(255,255,255,.9);border:3px dashed #bdaaea;color:#6d76cf;text-align:center;font-size:26px;font-weight:900;box-shadow:0 18px 30px rgba(117,97,159,.12);
}
.center-cloud strong{color:#ea6a9f}
.package-note{position:relative;z-index:1;margin:16px auto 4px;max-width:max-content;padding:11px 22px;background:rgba(255,255,255,.9);border:2px dashed #cab8f0;border-radius:999px;font-weight:800;text-align:center}

.gifts-shell{padding:10px 26px 28px;background:linear-gradient(180deg,#fffdf4,#fff9ee)}
.gift-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding:20px 6px 10px}
.gift-card{
  position:relative;min-height:220px;padding:22px 12px 18px;text-align:center;
  background:#fff;border-radius:24px;border:3px solid #ffd39a;box-shadow:0 12px 24px rgba(141,106,126,.08);
  transition:transform .18s ease;
}
.gift-card:hover{transform:translateY(-6px)}
.gift-no{
  position:absolute;left:10px;top:10px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,#ffbf72,#ff9a87);color:#fff;font-weight:900;font-size:22px;
}
.gift-emoji{font-size:66px;line-height:1;margin:24px 0 10px}
.gift-image{height:92px;margin:14px 0 4px;display:flex;align-items:center;justify-content:center}
.gift-image img{display:block;width:100%;height:100%;object-fit:contain}
.gift-card h3{margin:6px 0 8px;font-size:20px}
.gift-card b{font-size:34px;color:#f0877f}
.gift-yellow{border-color:#ffd185;background:linear-gradient(180deg,#fffef8,#fff7df)}
.gift-pink{border-color:#f7b8d0;background:linear-gradient(180deg,#fffdfd,#fff0f8)}
.gift-rose{border-color:#f7c6d9;background:linear-gradient(180deg,#fff,#fff4f7)}
.gift-lilac{border-color:#c5b2f4;background:linear-gradient(180deg,#fff,#f6f2ff)}
.gift-purple{border-color:#bca7f3;background:linear-gradient(180deg,#fff,#f5f1ff)}
.gift-blue{border-color:#a8caf4;background:linear-gradient(180deg,#fff,#f2f8ff)}
.gift-lilac b,.gift-purple b{color:#7b5bbb}.gift-blue b{color:#5c8fe1}

.rules-shell{padding:10px 26px 28px;background:linear-gradient(180deg,#fffdf7,#fff6ed 34%,#fff8f4 100%)}
.rules-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.45fr .85fr;gap:22px;padding:4px 6px 10px}
.rules-list{display:grid;gap:14px}
.rule-card{
  display:flex;align-items:flex-start;gap:16px;
  background:rgba(255,255,255,.95);border:2px solid #f4d4bf;border-radius:24px;padding:18px 18px;box-shadow:0 10px 24px rgba(141,106,126,.08);
}
.rule-num{
  flex:0 0 60px;height:60px;display:grid;place-items:center;
  background:linear-gradient(135deg,#ffa5ae,#ff7d87);color:#fff;font-weight:900;font-size:24px;border-radius:18px;
}
.rule-copy h3{margin:2px 0 6px;font-size:24px;color:#77472c}
.rule-copy p{margin:0;line-height:1.75;color:#87695f}
.warm-panel{
  background:linear-gradient(180deg,#fffaf1,#fff2df);border:3px solid #ffd099;border-radius:28px;padding:22px;box-shadow:0 12px 24px rgba(141,106,126,.08)
}
.warm-title{
  width:max-content;margin:0 auto 16px;padding:10px 18px;
  border-radius:999px;background:linear-gradient(135deg,#ffc17c,#ff9d7b);color:#fff;font-size:28px;font-weight:900;
}
.warm-panel li{padding:11px 0;border-bottom:1px dashed #efcfaf;font-size:18px}
.warm-panel li:last-child{border-bottom:none}
.warm-panel li::before{content:"♡";color:#ff7a9b;margin-right:8px;font-weight:900}
.warm-mascot-row{text-align:center;font-size:52px;margin-top:16px}
.thanks-bar{
  position:relative;z-index:1;
  margin:18px auto 4px;max-width:max-content;padding:12px 24px;
  background:#fff;border:2px dashed #f1cbb8;border-radius:999px;font-weight:900;color:#d37152;text-align:center;
}

.contact-shell{padding:10px 26px 34px;background:linear-gradient(180deg,#f7efff,#fff4fa)}
.contact-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;padding:14px 6px 4px;align-items:center}
.contact-copy{
  background:linear-gradient(180deg,#fff,#fff6fb);border:3px solid #ecc8ea;border-radius:28px;padding:28px 28px 26px;box-shadow:0 12px 24px rgba(141,106,126,.08)
}
.contact-copy h3{margin:0 0 12px;font-size:34px;color:#7c67c6}
.contact-copy p{margin:0 0 16px;line-height:1.85;color:#78697d}
.contact-note{
  display:inline-block;margin:0 0 16px;padding:10px 16px;border-radius:999px;background:#fff0f7;border:2px dashed #f4b8d3;color:#e66d9f;font-weight:900
}
.contact-bullets li{padding:10px 0;border-bottom:1px dashed #edd3ea;font-size:18px}
.contact-bullets li:last-child{border-bottom:none}
.contact-bullets li::before{content:"✦";color:#f08db6;margin-right:8px}
.qr-card{
  justify-self:center;width:min(100%,420px);text-align:center;
  background:rgba(255,255,255,.96);border:3px solid #ead7f2;border-radius:30px;padding:24px;box-shadow:0 16px 32px rgba(117,97,159,.12)
}
.qr-badge{
  display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;padding:10px 18px;border-radius:999px;
  background:linear-gradient(135deg,#ff9fc4,#b495eb);color:#fff;font-size:22px;font-weight:900
}
.wechat-qr{border-radius:24px;border:10px solid #fff;box-shadow:0 12px 24px rgba(141,106,126,.12);background:#fff}
.qr-card p{margin:14px 0 0;font-weight:900;font-size:20px;color:#7b63a8}

.site-footer{
  text-align:center;padding:40px 18px 54px;color:#fff;
  background:linear-gradient(180deg,#8f7bd4,#7a67bf);
}
.footer-brand{font-size:30px;font-weight:900;margin-bottom:4px}
.footer-legal{max-width:760px;margin:16px auto;line-height:1.75;opacity:.9;font-size:14px}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.25s;background:#54435b;color:#fff;padding:11px 18px;border-radius:999px;z-index:99}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media (max-width:1100px){
  .hero{grid-template-columns:1fr;min-height:auto;padding:40px 28px 50px}
  .hero-side{min-height:auto}
  .pricing-grid{grid-template-columns:1fr 1fr}
  .right-stack{grid-column:1/-1;grid-template-columns:1fr 1fr}
  .package-layout{grid-template-columns:1fr;gap:16px}
  .package-decoration{display:none}
  .center-cloud{width:150px;height:150px;font-size:22px}
  .gift-grid{grid-template-columns:repeat(3,1fr)}
  .rules-layout,.contact-layout{grid-template-columns:1fr}
}

@media (max-width:980px){
  .nav,.header-actions{display:none}
  .menu-toggle{display:block;margin-left:auto}
  .site-header.open .nav{
    display:flex;position:absolute;top:72px;left:16px;right:16px;flex-direction:column;gap:6px;padding:16px;background:#fff;border-radius:20px;box-shadow:var(--shadow)
  }
  .hero h1{font-size:86px}
}

@media (max-width:760px){
  main{padding:12px 10px 48px}
  .site-header{padding:14px 16px}
  .logo{font-size:28px}
  .section-shell{border-radius:30px}
  .section-shell::before{inset:10px;border-radius:22px}
  .hero{padding:34px 18px 42px}
  .speech-bubble{font-size:14px;padding:11px 12px}
  .mascot-card{width:140px;height:140px}
  .small-card{width:110px;height:110px}
  .mascot-emoji{font-size:68px}
  .hero h1{font-size:64px}
  .hero-ribbon{font-size:16px;padding:10px 16px}
  .fancy-heading h2{font-size:40px}
  .pricing-shell,.package-shell,.gifts-shell,.rules-shell,.contact-shell{padding-left:14px;padding-right:14px}
  .pricing-grid,.right-stack{grid-template-columns:1fr}
  .payment-banner,.package-note,.thanks-bar{border-radius:18px;max-width:none}
  .gift-grid{grid-template-columns:1fr 1fr}
  .gift-card{min-height:200px}
  .gift-card b{font-size:28px}
  .rule-card{padding:14px}
  .rule-num{flex-basis:50px;height:50px;font-size:20px}
  .rule-copy h3{font-size:19px}
  .contact-copy h3{font-size:28px}
  .contact-bullets li,.warm-panel li{font-size:16px}
}

@media (max-width:520px){
  .hero-icons{gap:8px;font-size:16px}
  .hero-side{padding-top:12px}
  .hero-side-left .speech-bubble,.hero-side-right .speech-bubble{position:static;margin-bottom:10px}
  .speech-bubble::after{display:none}
  .mini-friend{display:none}
  .gift-grid{grid-template-columns:1fr}
  .pill-price{font-size:24px}
  .panel-topline{font-size:20px}
  .price-list li,.addon-list li,.package-list li{font-size:14px}
  .qr-card{padding:16px}
}

/* 2026 homepage visual refresh */
.site-header{max-width:1420px;margin:12px auto 0;border:1px solid rgba(239,215,231,.9);border-radius:26px;box-shadow:0 14px 38px rgba(171,116,151,.13)}
.logo-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff0f7;font-size:0}
.logo-mark::after{content:"🐰";font-size:23px}
main{padding-top:16px}
.hero-redesign{
  min-height:700px;padding:76px 64px 88px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:10px;
  background:radial-gradient(circle at 75% 31%,rgba(255,255,255,.96) 0 9%,rgba(255,231,242,.6) 24%,transparent 48%),linear-gradient(135deg,#fff8fc 0%,#ffeaf4 44%,#f2eaff 100%);
}
.hero-redesign::before{border:0}
.hero-redesign::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 5% 18%,#fff 0 2px,transparent 3px),radial-gradient(circle at 48% 12%,#fff 0 3px,transparent 4px),radial-gradient(circle at 91% 16%,#fff 0 2px,transparent 3px);pointer-events:none}
.hero-copy{position:relative;z-index:3;max-width:760px}
.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:11px 22px;border:2px solid #f4a9c8;border-radius:999px;background:rgba(255,255,255,.78);color:#e15b93;font-weight:900;font-size:19px;box-shadow:0 10px 25px rgba(230,110,159,.09)}
.hero-copy h1{margin:28px 0 14px;font-family:"Arial Rounded MT Bold","Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;font-size:72px;font-weight:900;line-height:1.08;letter-spacing:-2px;color:#d956a0;-webkit-text-fill-color:#d956a0;background:none;-webkit-background-clip:initial;background-clip:initial;text-shadow:0 3px 0 #9b4db2,0 8px 18px rgba(171,76,154,.18);-webkit-text-stroke:1px rgba(122,65,151,.35)}
.hero-subtitle{margin:0 0 26px;font-size:26px;font-weight:800;color:#54495e}
.hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 28px}
.hero-benefits>div{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:12px 10px;border-radius:16px;background:rgba(255,255,255,.64)}
.hero-benefits span{grid-row:1/3;font-size:28px}.hero-benefits b{font-size:14px}.hero-benefits small{font-size:10px;color:#95889b}
.game-title{font-weight:900;margin-bottom:13px;color:#695a74}
.game-chips{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px;max-width:640px}
.game-chip{padding:13px 12px;border:1px solid #efdfeb;border-radius:13px;background:rgba(255,255,255,.9);font-weight:900;font-size:13px;box-shadow:0 8px 16px rgba(99,75,112,.07);display:flex;align-items:center;justify-content:center;gap:10px;color:#665773;transition:transform .18s ease, box-shadow .18s ease}
.game-chip:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(99,75,112,.11)}
.game-chip img{width:22px;height:22px;object-fit:contain;flex:0 0 22px}
.game-chip b{font-size:13px;letter-spacing:.3px}
.hero-cta{display:flex;gap:20px;margin-top:28px}.hero-btn{min-width:220px;padding:15px 25px;border-radius:23px;color:#fff;display:flex;flex-direction:column;align-items:center;box-shadow:0 15px 28px rgba(159,95,145,.18);transition:.2s}.hero-btn:hover{transform:translateY(-3px)}
.hero-btn strong{font-size:20px}.hero-btn small{margin-top:4px;opacity:.86}.hero-btn.primary{background:linear-gradient(135deg,#ff85b7,#ef5c9c)}.hero-btn.secondary{background:linear-gradient(135deg,#b59cf1,#8b72da)}
.hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;color:#7e7183;font-size:12px;font-weight:700}
.hero-character-wrap{position:relative;z-index:2;height:610px;display:flex;align-items:flex-end;justify-content:center}
.hero-character{position:relative;z-index:3;width:min(100%,515px);max-height:650px;object-fit:contain;filter:drop-shadow(0 26px 26px rgba(164,89,137,.2));animation:floatCharacter 4.5s ease-in-out infinite}
.character-glow{position:absolute;z-index:1;width:460px;height:460px;border-radius:50%;top:80px;background:radial-gradient(circle,rgba(255,255,255,.98),rgba(255,203,226,.48) 43%,transparent 70%);filter:blur(2px)}
.float-heart,.float-star{position:absolute;z-index:4;color:#f58eb8;text-shadow:0 3px 0 #fff;animation:twinkle 2.6s ease-in-out infinite}.h1{left:2%;top:25%;font-size:39px}.h2{right:2%;top:33%;font-size:35px}.s1{left:10%;top:12%;font-size:35px;color:#ffc778}.s2{right:10%;top:15%;font-size:30px;color:#ffc778}
.hero-clouds{position:absolute;left:-4%;right:-4%;bottom:-36px;height:135px;z-index:2;background:radial-gradient(ellipse at 8% 85%,#fff 0 52%,transparent 54%),radial-gradient(ellipse at 25% 80%,#fff 0 50%,transparent 52%),radial-gradient(ellipse at 48% 92%,#fff 0 55%,transparent 57%),radial-gradient(ellipse at 73% 78%,#fff 0 48%,transparent 50%),radial-gradient(ellipse at 92% 87%,#fff 0 55%,transparent 57%)}
@keyframes floatCharacter{50%{transform:translateY(-10px)}}@keyframes twinkle{50%{transform:scale(1.15) rotate(8deg);opacity:.65}}
.shortcut-shell{padding:42px 28px 38px;background:linear-gradient(180deg,#fff,#fff9fc)}.shortcut-shell::before{display:none}.shortcut-heading{display:flex;align-items:center;justify-content:center;gap:24px;text-align:center}.shortcut-heading span{font-size:28px}.shortcut-heading h2{margin:0;color:#514261;font-size:30px}.shortcut-heading p{margin:5px 0 24px;color:#8d7f93;font-weight:700}
.shortcut-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.shortcut-card{min-height:255px;padding:24px 18px 18px;border-radius:24px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;border:2px solid #f0d8e5;box-shadow:0 15px 30px rgba(114,83,128,.08);transition:.2s}.shortcut-card:hover{transform:translateY(-6px)}.shortcut-card b{font-size:23px}.shortcut-card p{margin:8px 0;color:#8b7c92;font-size:13px}.shortcut-card>span{font-size:62px;align-self:center;margin:auto}.shortcut-card em{font-style:normal;width:100%;padding:11px;border-radius:999px;text-align:center;color:#fff;font-weight:900}.shortcut-card.pink{border-color:#ffc8dc}.shortcut-card.pink b{color:#ed609a}.shortcut-card.pink em{background:#f373a8}.shortcut-card.purple{border-color:#d6c7f7}.shortcut-card.purple b{color:#8067cb}.shortcut-card.purple em{background:#9b83df}.shortcut-card.rose{border-color:#f5c9db}.shortcut-card.rose b{color:#e9689d}.shortcut-card.rose em{background:#ef79a9}.shortcut-card.blue{border-color:#bdd9fa}.shortcut-card.blue b{color:#628fcf}.shortcut-card.blue em{background:#71a6e8}.shortcut-card.violet{border-color:#dbc9f5}.shortcut-card.violet b{color:#8d6bc7}.shortcut-card.violet em{background:#a17bd8}
@media(max-width:1100px){.hero-redesign{grid-template-columns:1fr;padding:55px 40px 70px}.hero-copy{max-width:none}.hero-character-wrap{height:520px}.hero-character{max-height:570px}.shortcut-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.site-header{margin:8px 10px 0}.hero-redesign{padding:38px 20px 58px}.hero-copy h1{font-size:48px;letter-spacing:-2px}.hero-subtitle{font-size:19px}.hero-benefits{grid-template-columns:1fr 1fr}.game-chips{grid-template-columns:1fr 1fr}.hero-cta{flex-direction:column}.hero-btn{min-width:0}.hero-character-wrap{height:420px}.hero-character{max-height:460px}.character-glow{width:330px;height:330px}.shortcut-grid{grid-template-columns:1fr 1fr}.shortcut-card{min-height:220px}}
@media(max-width:480px){.hero-copy h1{font-size:39px}.hero-kicker{font-size:14px;padding:9px 14px}.hero-benefits{grid-template-columns:1fr}.hero-character-wrap{height:360px}.shortcut-grid{grid-template-columns:1fr}.shortcut-card{min-height:210px}.shortcut-heading h2{font-size:25px}}

.pricing-shell .panel-mascot{display:none}
.compact-panel{padding-bottom:26px}

.warm-character{display:flex;justify-content:center;align-items:flex-end;margin-top:18px;height:250px;overflow:hidden}
.warm-character img{display:block;width:auto;height:270px;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(177,104,151,.16))}
@media(max-width:760px){.warm-character{height:220px}.warm-character img{height:238px}}
/* Show the full warm-tip character without clipping */
.warm-character{
  height:310px;
  overflow:visible;
  align-items:center;
  padding-top:8px;
}
.warm-character img{
  width:auto;
  height:290px;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
@media(max-width:760px){
  .warm-character{height:280px;overflow:visible;padding-top:6px}
  .warm-character img{height:260px;max-height:100%}
}


/* custom header logo image */
.logo{display:inline-flex;align-items:center;gap:0;font-size:0;text-shadow:none;line-height:1}
.logo-image{display:block;height:66px;width:auto;max-width:310px;object-fit:contain}
.logo-mark{display:none}
@media (max-width:760px){.logo-image{height:54px;max-width:250px}}
@media (max-width:480px){.logo-image{height:48px;max-width:220px}}

/* Larger, easier-to-read pricing table */
.pricing-grid{gap:24px;align-items:stretch}
.price-panel,.addon-panel{padding:28px 28px 30px}
.panel-topline{font-size:clamp(25px,1.75vw,32px);margin-bottom:22px;line-height:1.25}
.panel-icon{font-size:clamp(27px,1.8vw,34px)}
.pill-price{font-size:clamp(34px,2.5vw,44px);padding:14px 34px;margin-bottom:24px}
.price-list li,.addon-list li{font-size:clamp(18px,1.3vw,23px);line-height:1.35;padding:14px 0;gap:14px}
.price-list li::before{font-size:1.15em;flex:0 0 auto}
.price-list b,.addon-list b{font-size:1em;font-weight:900}
.price-list span,.addon-list span{font-weight:600}
.right-stack{gap:22px;grid-template-rows:1fr 1fr}
.compact-panel{padding-bottom:28px}
.addon-list li{font-size:clamp(17px,1.2vw,21px);padding:13px 0}
.addon-panel .panel-topline{margin-bottom:18px}

@media (max-width:1100px){
  .price-panel,.addon-panel{padding:25px 24px 28px}
  .price-list li,.addon-list li{font-size:19px;padding:12px 0}
}
@media (max-width:760px){
  .pricing-grid{gap:18px;padding-left:0;padding-right:0}
  .price-panel,.addon-panel{padding:22px 20px 24px}
  .panel-topline{font-size:25px;margin-bottom:18px}
  .pill-price{font-size:34px;padding:12px 28px}
  .price-list li,.addon-list li{font-size:18px;padding:12px 0}
}
@media (max-width:420px){
  .price-panel,.addon-panel{padding:20px 16px 22px}
  .panel-topline{font-size:22px}
  .price-list li,.addon-list li{font-size:16px;gap:9px}
  .pill-price{font-size:30px}
}

/* Compact pricing cards: remove unused vertical space */
.pricing-grid{
  align-items:start;
  grid-auto-rows:auto;
  padding-bottom:2px;
}
.price-panel,.addon-panel{
  height:auto;
  min-height:0;
  align-self:start;
}
.right-stack{
  grid-template-rows:auto auto;
  align-self:start;
}
.payment-banner{
  margin-top:10px;
}
.pricing-shell{
  padding-bottom:18px;
}

@media (max-width:1100px){
  .right-stack{align-self:stretch}
}


/* SEO content sections */
.hero-seo-intro{max-width:700px;margin:-12px 0 24px;color:#74677b;font-size:16px;line-height:1.8;font-weight:650}
.seo-content-shell{padding:58px 54px;background:linear-gradient(135deg,#fffafd,#f4efff)}
.seo-content-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:stretch}
.seo-content-grid article{padding:34px;border:1px solid #edddea;border-radius:26px;background:rgba(255,255,255,.86);box-shadow:0 14px 35px rgba(107,77,125,.08)}
.seo-content-grid h2{margin:6px 0 18px;color:#d95b9c;font-size:34px;line-height:1.25}
.seo-content-grid h3{margin-top:0;color:#765ec8;font-size:25px}
.seo-content-grid p,.seo-content-grid li{font-size:17px;line-height:1.85;color:#665b6d}
.eyebrow{margin:0!important;color:#9c79d7!important;font-size:13px!important;font-weight:900;letter-spacing:1.5px}
.seo-keyword-card ul{padding-left:20px}.seo-keyword-card li{margin:10px 0}
.seo-link{display:inline-flex;margin-top:12px;padding:11px 18px;border-radius:999px;background:#f3eaff;color:#785ac4;font-weight:900}
.faq-shell{padding:40px 54px 58px;background:linear-gradient(180deg,#fff,#fff8fc)}
.faq-list{position:relative;z-index:1;max-width:1050px;margin:0 auto;display:grid;gap:14px}
.faq-list details{border:1px solid #ecdce9;border-radius:18px;background:#fff;padding:18px 22px;box-shadow:0 10px 24px rgba(105,78,121,.06)}
.faq-list summary{cursor:pointer;color:#5d5068;font-size:18px;font-weight:900}
.faq-list p{margin:12px 0 0;color:#776b7e;font-size:16px;line-height:1.75}
@media(max-width:900px){.seo-content-grid{grid-template-columns:1fr}.seo-content-shell,.faq-shell{padding:38px 24px}.seo-content-grid h2{font-size:29px}}


/* SEO content hub and guide pages */
.seo-hub-shell{padding:54px 30px;background:linear-gradient(180deg,#fff,#fff8fc)}
.seo-hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:1}
.seo-hub-grid a{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid #efd9e9;border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(116,82,129,.08)}
.seo-hub-grid strong{font-size:20px;color:#d9579b}.seo-hub-grid span{color:#75677d;line-height:1.6}
.footer-seo-nav{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:10px 0}.footer-seo-nav a{text-decoration:underline;text-underline-offset:4px}
.guide-page{max-width:1080px;margin:24px auto 60px;padding:0 22px}.guide-hero,.guide-card{background:#fff;border:1px solid #efdbe9;border-radius:24px;padding:30px;box-shadow:0 14px 34px rgba(112,82,128,.08)}
.guide-hero h1{font-size:46px;color:#d9579b;margin:8px 0 14px}.guide-hero p,.guide-card p,.guide-card li{font-size:18px;line-height:1.85;color:#62556c}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.guide-card h2{font-size:27px;color:#765ec2}.guide-card h3{font-size:21px;color:#d9579b}.guide-card ul{padding-left:22px}.breadcrumbs{font-size:14px;margin-bottom:18px}.guide-cta{display:inline-flex;margin-top:14px;padding:13px 24px;border-radius:999px;background:linear-gradient(135deg,#ff85b7,#ef5c9c);color:#fff;font-weight:900}
@media(max-width:850px){.seo-hub-grid{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr}}
@media(max-width:520px){.seo-hub-grid{grid-template-columns:1fr}.guide-hero h1{font-size:34px}.guide-hero,.guide-card{padding:22px}.guide-hero p,.guide-card p,.guide-card li{font-size:16px}}