:root {
  color-scheme: light;
  --ink: #17172a;
  --muted: #696979;
  --paper: #fffdf4;
  --panel: #fffbc8;
  --yellow: #f2b632;
  --yellow-deep: #d99a1b;
  --pink: #f7dbe8;
  --lavender: #eadffb;
  --line: rgba(31, 28, 47, 0.1);
  --shadow: 0 18px 46px rgba(96, 74, 11, 0.12);
  --sidebar: 256px;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background: var(--paper);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.65;
}
button, input { font: inherit; }
a { color: inherit; }

.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 30;
  display: flex;
  width: var(--sidebar);
  flex-direction: column;
  border-right: 1px solid rgba(211, 169, 41, 0.2);
  background: linear-gradient(180deg, #fffbc8, #fffccf 65%, #fff9b7);
}
.brand {
  display: flex;
  min-height: 78px;
  align-items: center;
  justify-content: center;
  padding: 10px 24px;
  border-bottom: 1px solid rgba(211, 169, 41, 0.12);
  text-decoration: none;
}
.brand-logo { display: block; width: 174px; max-width: 100%; height: auto; object-fit: contain; }
.brand-heart {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 2px solid rgba(141, 97, 151, 0.22);
  border-radius: 18px;
  background: radial-gradient(circle at 35% 30%, #fff, #efdce9 46%, #c7a6cc 100%);
  box-shadow: inset 0 1px 8px #fff, 0 8px 20px rgba(113, 73, 123, 0.18);
  color: #9e76a5;
  font-size: 32px;
  line-height: 1;
}
.brand-script {
  display: grid;
  color: #a77e27;
  font-family: Georgia, serif;
  font-size: 25px;
  font-style: italic;
  line-height: 1;
}
.brand-script small {
  margin-top: 5px;
  font-family: Inter, sans-serif;
  font-size: 8px;
  font-style: normal;
  letter-spacing: .32em;
  text-align: center;
}
.sidebar nav { display: grid; gap: 7px; padding: 17px 15px; }
.nav-link {
  display: flex;
  min-height: 49px;
  align-items: center;
  gap: 14px;
  padding: 10px 17px;
  border: 1px solid transparent;
  border-radius: 13px;
  color: #5f5c66;
  font-weight: 500;
  text-decoration: none;
  transition: .22s ease;
}
.nav-link span { width: 20px; color: #696576; font-size: 20px; text-align: center; }
.nav-link:hover, .nav-link.active {
  border-color: rgba(215, 177, 50, .19);
  background: rgba(255, 247, 145, .82);
  box-shadow: 0 5px 15px rgba(170, 131, 17, .08);
  color: var(--ink);
  transform: translateX(2px);
}
.sidebar-foot { margin-top: auto; padding: 18px 30px 27px; border-top: 1px solid rgba(211,169,41,.15); }
.sidebar-cta {
  width: 100%;
  min-height: 46px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #d3b35d, #c99b35);
  box-shadow: 0 10px 20px rgba(171, 125, 19, .24);
  color: #fff;
  cursor: pointer;
  font-weight: 700;
}
.sidebar-foot p { margin: 15px 0 0; color: #847d62; font-size: 11px; line-height: 1.5; text-align: center; }
.mobile-header { display: none; }

.page-shell { margin-left: var(--sidebar); overflow: hidden; }
.utility-bar {
  display: flex;
  height: 74px;
  align-items: center;
  gap: 14px;
  padding: 12px 34px;
  border-bottom: 1px solid var(--line);
  background: rgba(255,253,244,.88);
  backdrop-filter: blur(15px);
}
.search-box {
  display: flex;
  height: 43px;
  flex: 1;
  align-items: center;
  gap: 11px;
  padding: 0 15px;
  border: 1px solid #dddbe3;
  border-radius: 12px;
  background: rgba(255,255,255,.68);
}
.search-box span { color: #64616e; font-size: 23px; }
.search-box input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--ink); }
.theme-toggle {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #4b4859;
  cursor: pointer;
  font-size: 25px;
}
.admin-shortcut { padding: 8px 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); font-size: 11px; font-weight: 700; text-decoration: none; transition: .2s ease; }
.admin-shortcut:hover { border-color: rgba(212,168,67,.3); background: rgba(255,255,255,.7); color: var(--ink); }

.hero {
  position: relative;
  min-height: 650px;
  overflow: hidden;
  background-color: var(--paper);
  background-image: radial-gradient(circle, rgba(137, 109, 55, .16) 1px, transparent 1.2px);
  background-size: 18px 18px;
}
.hero::before {
  position: absolute;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: rgba(255, 240, 118, .18);
  content: "";
  filter: blur(6px);
  right: -130px;
  top: -100px;
}
.hero-inner { width: min(720px, calc(100% - 64px)); margin: 0 auto; padding: 47px 0 66px; }
.eyebrow { margin: 0 0 10px; color: #966a10; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.hero h1 {
  margin: 0;
  font-family: "Baloo 2", sans-serif;
  font-size: clamp(46px, 5.4vw, 70px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: .99;
}
.hero h1 span {
  background: linear-gradient(90deg, #f4bd2b, #e6a52d);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.hero-kicker { margin: 22px 0 11px; font-family: "Baloo 2", sans-serif; font-size: 16px; font-weight: 800; letter-spacing: .02em; }
.hero-copy { max-width: 660px; margin: 0; color: #656371; font-size: 16px; line-height: 1.65; }
.trust-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; }
.trust-grid span {
  display: flex;
  min-height: 48px;
  align-items: center;
  padding: 11px 16px;
  border: 1px solid rgba(41, 37, 57, .04);
  border-radius: 13px;
  background: rgba(255,255,255,.84);
  box-shadow: 0 8px 22px rgba(88, 75, 33, .06);
  font-size: 14px;
  font-weight: 600;
}
.hero-actions { display: flex; gap: 12px; margin-top: 21px; }
.button {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 13px;
  padding: 12px 22px;
  font-weight: 800;
  text-decoration: none;
  transition: .22s ease;
}
.button:hover { transform: translateY(-2px); }
.button-primary { flex: 1; background: linear-gradient(90deg, #ffd93d, #efa72e); box-shadow: 0 13px 25px rgba(225, 168, 23, .22); }
.button-secondary { border: 1px solid #dddbe3; background: #fff; }
.floating-sticker { position: absolute; color: rgba(176, 125, 187, .23); font-size: 72px; }
.sticker-heart { right: 5%; top: 80px; transform: rotate(14deg); }
.sticker-star { left: 7%; bottom: 70px; color: rgba(232, 174, 33, .24); font-size: 48px; }

.ticker { overflow: hidden; border-block: 1px solid rgba(225, 174, 44, .2); background: #fff8a9; }
.ticker div { display: flex; width: max-content; animation: ticker 22s linear infinite; }
.ticker span { padding: 12px 28px; color: #76611b; font-size: 13px; font-weight: 700; letter-spacing: .04em; }
@keyframes ticker { to { transform: translateX(-50%); } }

.section { padding: 96px clamp(28px, 5vw, 74px); }
section[id] { scroll-margin-top: 78px; }
.section-heading { max-width: 690px; }
.section-heading.compact { margin: 0 auto 46px; text-align: center; }
.section-heading.left { margin-bottom: 42px; }
.section-label { margin: 0 0 12px; color: #b27d12; font-size: 12px; font-weight: 800; letter-spacing: .16em; }
.section-heading h2, .spotlight h2, .process h2, .faq h2, .contact h2 { margin: 0; font-family: "Baloo 2", sans-serif; font-size: clamp(36px, 4.7vw, 55px); font-weight: 800; letter-spacing: -.035em; line-height: 1.05; }
.section-heading h2 span, .spotlight h2 span, .process h2 span, .gallery h2 span { color: var(--yellow-deep); }
.section-heading > p:last-child, .spotlight-copy > p, .process-head > p, .faq-intro > p, .contact-card > div > p { margin: 15px 0 0; color: var(--muted); line-height: 1.75; }

.intro { background: #fff; }
.intro-layout { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(290px,.7fr); gap: 28px; }
.intro-story, .service-card { border: 1px solid var(--line); border-radius: 26px; background: #fffdf7; box-shadow: 0 16px 50px rgba(88, 71, 19, .06); }
.intro-story { padding: clamp(27px, 4vw, 46px); }
.story-badge { display: inline-flex; padding: 8px 12px; border-radius: 999px; background: #fff5be; color: #7d631b; font-size: 13px; font-weight: 700; }
.intro-story h3 { max-width: 680px; margin: 20px 0 14px; font-family: "Baloo 2", sans-serif; font-size: clamp(27px,3vw,38px); line-height: 1.1; }
.intro-story > p { max-width: 710px; margin: 0; color: var(--muted); }
.mini-feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 30px; }
.mini-feature-grid > div { display: grid; grid-template-columns: 44px 1fr; gap: 0 12px; padding: 15px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.72); }
.mini-feature-grid > div > span { grid-row: 1/3; display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: #f7e8ee; font-size: 20px; }
.mini-feature-grid strong { align-self: end; font-size: 14px; }
.mini-feature-grid small { color: var(--muted); font-size: 12px; }
.service-card { padding: 28px; background: linear-gradient(150deg, #fffbd0, #fff5b6); }
.service-logo { display: flex; align-items: center; gap: 13px; padding-bottom: 23px; border-bottom: 1px solid rgba(171,126,27,.14); }
.service-brand-logo { display:block;width:min(205px,100%);height:auto;object-fit:contain; }
.service-logo > span { display: grid; width: 57px; height: 57px; place-items: center; border: 2px solid rgba(126,88,138,.18); border-radius: 20px; background: linear-gradient(145deg,#fff,#e6d0e6); color: #9b739d; font-size: 36px; }
.service-logo div { display: grid; }
.service-logo strong { color: #a47721; font-family: Georgia, serif; font-size: 29px; font-style: italic; }
.service-logo small { color: #8b7444; font-size: 9px; letter-spacing: .28em; text-align: center; }
.service-card ul { display: grid; gap: 15px; margin: 25px 0; padding: 0; list-style: none; }
.service-card li { color: #5d573f; font-size: 14px; font-weight: 600; }
.service-card li span { display: inline-grid; width: 22px; height: 22px; place-items: center; margin-right: 8px; border-radius: 50%; background: #fff; color: #b77a05; font-size: 12px; }
.service-note { display: flex; align-items: flex-start; gap: 12px; padding: 15px; border-radius: 16px; background: rgba(255,255,255,.66); }
.service-note > span { font-size: 22px; }
.service-note p { margin: 0; color: #6d654d; font-size: 12px; line-height: 1.55; }

.pricing { background: #f8f8fb; }
.price-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.price-grid.single-plan { grid-template-columns: minmax(300px, 430px); justify-content: center; }
.single-plan .price-card { width: 100%; min-height: 485px; padding: 34px 32px 30px; }
.single-plan .price strong { font-size: 52px; }
.price-card { position: relative; display: flex; min-height: 450px; flex-direction: column; padding: 27px 23px 24px; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: 0 14px 35px rgba(39,32,62,.055); transition: .26s ease; }
.price-card:hover { transform: translateY(-7px); box-shadow: 0 24px 48px rgba(46,34,71,.1); }
.price-card.featured { border: 2px solid #efb42d; background: linear-gradient(180deg,#fffef7,#fff9d7); transform: translateY(-8px); }
.price-card.featured:hover { transform: translateY(-13px); }
.hot-badge { position: absolute; top: 17px; right: 17px; padding: 5px 9px; border-radius: 999px; background: #fff0a8; color: #a06d00; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.hot-badge.lavender { background: #eee2ff; color: #7852a2; }
.hot-badge.mint { background: #dff7e8; color: #3e7c57; }
.price-icon { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 17px; font-size: 24px; }
.price-icon.blue { background:#e8f0ff;color:#5677aa; }.price-icon.gold{background:#fff0b7;color:#bd7c06}.price-icon.pink{background:#fae3ec;color:#ae6682}.price-icon.green{background:#e2f4e8;color:#4c8660}
.plan-name { margin: 23px 0 7px; color: #4f4c5b; font-size: 12px; font-weight: 800; letter-spacing: .06em; }
.price { margin: 0; font-family: "Baloo 2", sans-serif; line-height: 1; }
.price strong { font-size: 40px; }.price sup{margin-left:3px;font-size:15px}
.duration { margin-top: 8px; color: #a1741d; font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.price-card ul { display: grid; gap: 10px; margin: 24px 0; padding: 20px 0 0; border-top: 1px dashed #dedce3; color: var(--muted); font-size: 13px; list-style: none; }
.choose-plan { min-height: 45px; margin-top: auto; border: 1px solid #dedbe4; border-radius: 12px; background: #fff; color: var(--ink); cursor: pointer; font-weight: 700; transition: .2s ease; }
.choose-plan:hover, .featured .choose-plan { border-color: transparent; background: linear-gradient(90deg,#ffd83f,#eea52d); box-shadow: 0 10px 20px rgba(224,165,27,.18); }

.spotlight { display: grid; grid-template-columns: minmax(300px,.95fr) minmax(320px,1.05fr); align-items: center; gap: clamp(35px,6vw,82px); overflow: hidden; background: #fff; }
.phone-stage { position: relative; min-height: 620px; }
.phone-stage img { position: relative; z-index: 2; display: block; width: auto; max-width: 100%; height: min(680px, 70vw); margin: 0 auto; border-radius: 32px; object-fit: contain; filter: drop-shadow(0 25px 35px rgba(75,52,13,.15)); }
.phone-glow { position:absolute; inset:14% 4% 5%; border-radius:50%; background:radial-gradient(circle,#ffe96f 0,rgba(255,235,119,.25) 45%,transparent 70%); filter:blur(10px); }
.float-pill { position:absolute; z-index:3; padding:9px 13px; border:1px solid rgba(255,255,255,.6); border-radius:999px; background:rgba(255,255,255,.85); box-shadow:0 12px 28px rgba(62,49,15,.13); backdrop-filter:blur(10px); color:#5a5362;font-size:12px;font-weight:700; }
.pill-one{top:16%;left:1%}.pill-two{right:-1%;bottom:18%}
.spotlight-copy > p { max-width: 570px; }
.spotlight-list { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 28px; }
.spotlight-list article { display: flex; gap: 12px; padding: 17px; border: 1px solid var(--line); border-radius: 17px; background: #fffdf7; }
.spotlight-list article > span { display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:12px;background:#fff3b9;font-size:18px; }
.spotlight-list h3 { margin: 0; font-size: 14px; }.spotlight-list p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}

.activity { display: grid; grid-template-columns: 1.25fr .75fr; gap: 18px; padding-block: 28px; background: #f5f5f8; }
.activity-card,.tips-card { min-width:0; padding:24px; border:1px solid var(--line); border-radius:23px; background:#fff; }
.card-title { display:flex;align-items:center;justify-content:space-between;margin-bottom:20px }.card-title h3{margin:0;font-family:"Baloo 2",sans-serif;font-size:22px}.card-title h3 span{color:#e4a61f}.card-title>strong{padding:5px 9px;border-radius:999px;background:#fff2aa;color:#8c6510;font-size:11px}
.people-row { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.people-row > div { display:flex;min-width:0;align-items:center;gap:9px;padding:11px;border-radius:15px;background:#f7f7fa; }.people-row p{display:grid;min-width:0;margin:0}.people-row strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.people-row small{color:var(--muted);font-size:10px}
.avatar { display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:50%;font-size:11px;font-weight:800 }.a1{background:#ffe9b7;color:#9a6713}.a2{background:#f0dff7;color:#7c558e}.a3{background:#dff2ea;color:#477764}.a4{background:#e0ebff;color:#5572a0}
.activity-caption { margin:15px 0 0;color:#aaa4b0;font-size:10px; }
.tips-card ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}.tips-card li{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;background:#f8f8fa;color:#625e69;font-size:12px}.tips-card li span{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#fff1ae;color:#946608;font-weight:800}

.feature-section { background: #f8f8fb; }
.feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.feature-grid article { min-height: 250px; padding: 26px; border: 1px solid var(--line); border-radius: 23px; background: #fff; transition: .24s ease; }
.feature-grid article:hover { transform:translateY(-5px);box-shadow:0 18px 38px rgba(41,34,58,.075) }
.feature-icon { display:grid;width:49px;height:49px;place-items:center;border-radius:15px;font-size:22px }.feature-icon.yellow{background:#fff1ae}.feature-icon.pink{background:#f8e2eb}.feature-icon.purple{background:#eee4fb}.feature-icon.blue{background:#e1edff}.feature-icon.green{background:#e0f4e8}.feature-icon.orange{background:#ffe9cf}
.feature-grid h3 { margin:19px 0 8px;font-family:"Baloo 2",sans-serif;font-size:21px }.feature-grid p{margin:0;color:var(--muted);font-size:13px}.feature-grid a,.feature-grid .support-action,.inline-theme{display:inline-flex;gap:6px;margin-top:18px;padding:0;border:0;background:transparent;color:#a47008;cursor:pointer;font-size:12px;font-weight:800;text-decoration:none}.feature-grid a span,.feature-grid .support-action span,.inline-theme span{transition:transform .2s ease}.feature-grid a:hover span,.feature-grid .support-action:hover span,.inline-theme:hover span{transform:translateX(4px)}

.process { background: linear-gradient(160deg,#fffce2,#fff6bd); }
.process-head { max-width: 680px; margin: 0 auto 55px; text-align:center; }
.process-track { position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:19px }.process-track::before{position:absolute;top:66px;right:12%;left:12%;height:2px;background:linear-gradient(90deg,transparent,#deb752 15%,#deb752 85%,transparent);content:""}
.process-track article{position:relative;z-index:1;min-height:255px;padding:31px 22px 24px;border:1px solid rgba(185,144,29,.16);border-radius:24px;background:rgba(255,255,255,.84);text-align:center}.step-no{position:absolute;top:14px;left:16px;color:#b68517;font-size:11px;font-weight:800}.step-icon{display:grid;width:70px;height:70px;place-items:center;margin:0 auto 19px;border:8px solid #fff;border-radius:50%;background:#ffdf57;box-shadow:0 8px 25px rgba(177,125,10,.18);font-family:"Baloo 2",sans-serif;font-size:27px;font-weight:800}.process-track h3{margin:0;font-family:"Baloo 2",sans-serif;font-size:19px;line-height:1.2}.process-track p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.6}

.reviews { overflow:hidden;background:#fff; }
.review-shell { position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:14px }.review-viewport{overflow:hidden}.review-track{display:flex;gap:16px;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.review-card{flex:0 0 calc((100% - 32px)/3);min-height:240px;padding:24px;border:1px solid var(--line);border-radius:23px;background:#fffdf8;box-shadow:0 14px 34px rgba(53,43,19,.045)}.review-card>div{display:flex;align-items:center;gap:11px}.review-card>div p{display:grid;margin:0}.review-card>div strong{font-size:13px}.review-card>div small{color:var(--muted);font-size:10px}.stars{margin:18px 0 10px;color:#edb221;letter-spacing:.14em}.review-card blockquote{margin:0;color:#5f5b65;font-size:13px;line-height:1.7}
.carousel-button{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;box-shadow:0 8px 20px rgba(33,27,48,.08);cursor:pointer}.carousel-button:hover{background:#fff5b6}.carousel-dots{display:flex;justify-content:center;gap:7px;margin-top:24px}.carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#d7d3db;cursor:pointer;transition:.2s}.carousel-dots button.active{width:24px;background:#e9ac23}

.gallery { overflow:hidden;background:#f7f7fa; }
.memory-grid { display:grid;grid-template-columns:1.3fr .8fr .8fr;grid-template-rows:230px 230px;gap:15px;max-width:1050px;margin:0 auto }.memory{position:relative;display:flex;overflow:hidden;align-items:flex-end;padding:22px;border-radius:27px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);transition:transform .25s ease;background-position:center;background-size:cover}.memory:hover{transform:translateY(-5px) rotate(-.4deg)}.memory::before{position:absolute;width:180px;height:180px;border:35px solid rgba(255,255,255,.25);border-radius:50%;content:"";right:-55px;top:-65px}.memory>span{position:absolute;top:23px;left:24px;font-size:40px;filter:drop-shadow(0 4px 10px rgba(39,26,59,.12))}.memory>div{position:relative;z-index:2;display:grid}.memory strong{font-family:"Baloo 2",sans-serif;font-size:19px}.memory small{font-size:9px;font-weight:800;letter-spacing:.16em;opacity:.58}.memory.has-image{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.38)}.memory.has-image::before,.memory.has-image>span{display:none}.memory.has-image small{opacity:.82}.m1{grid-row:1/3;background:linear-gradient(145deg,#ffe37a,#f0b22c)}.m2{background:linear-gradient(145deg,#e9dbff,#c8afea)}.m3{background:linear-gradient(145deg,#ffdce9,#f0a9c3)}.m4{background:linear-gradient(145deg,#d9eeff,#9fd0f1)}.m5{background:linear-gradient(145deg,#dff3de,#9bcd9a)}

.faq { display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;background:#fff; }
.faq-intro{position:relative}.faq-intro>p{max-width:430px}.faq-decoration{position:relative;width:180px;height:150px;margin-top:35px}.faq-decoration::before{position:absolute;inset:15px 5px 0;border-radius:65% 40% 60% 42%;background:#fff0a5;content:"";transform:rotate(-7deg)}.faq-decoration span{position:absolute;z-index:1;left:45px;top:22px;font-family:"Baloo 2",sans-serif;font-size:78px;font-weight:800}.faq-decoration i{position:absolute;z-index:1;right:13px;top:8px;color:#aa7dac;font-size:45px;font-style:normal;transform:rotate(18deg)}
.accordion{display:grid;align-content:start;gap:11px}.faq-item{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fffdf8;transition:.2s}.faq-item.open{border-color:rgba(221,169,39,.28);box-shadow:0 12px 28px rgba(65,48,7,.055)}.faq-item button{display:flex;width:100%;min-height:64px;align-items:center;justify-content:space-between;gap:20px;padding:16px 19px;border:0;background:transparent;color:var(--ink);cursor:pointer;text-align:left;font-weight:700}.faq-item button i{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:9px;background:#fff0a6;color:#8b650f;font-style:normal}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-answer>p{min-height:0;overflow:hidden;margin:0;padding:0 19px;color:var(--muted);font-size:13px;line-height:1.7;transition:padding .3s ease}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer>p{padding-bottom:19px}

.contact { background:#f7f7fa; }.contact-card{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:45px;border:1px solid rgba(222,171,41,.22);border-radius:29px;background:linear-gradient(135deg,#fff9c9,#fff1a8);box-shadow:0 22px 55px rgba(105,74,7,.09)}.contact-card>div:first-child{max-width:650px}.contact-card h2{font-size:clamp(31px,4vw,46px)}.contact-actions{display:grid;min-width:230px;gap:10px}.contact-actions .button{white-space:nowrap}
.footer{padding:67px clamp(28px,5vw,74px) 26px;border-top:1px solid rgba(32,39,68,.09);background:linear-gradient(145deg,#f0f2f7,#e8edf5);color:#202744}.footer-main{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:45px}.footer-brand{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid rgba(32,39,68,.08);border-radius:13px;background:#fff;text-decoration:none}.footer-brand img{display:block;width:176px;height:auto}.footer-brand-block p{max-width:370px;margin:17px 0 0;color:#626b80;font-size:12px;line-height:1.7}.footer-main>div:not(:first-child){display:grid;align-content:start;gap:9px}.footer-main h3{margin:0 0 6px;font-family:"Baloo 2",sans-serif;font-size:16px}.footer-main a,.footer-main button{width:max-content;padding:0;border:0;background:transparent;color:#626b80;cursor:pointer;font-size:12px;text-decoration:none}.footer-main a:hover,.footer-main button:hover{color:#e16f5c}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:50px;padding-top:22px;border-top:1px solid rgba(32,39,68,.1);color:#778094;font-size:10px}

.bottom-nav{display:none}.floating-support{position:fixed;right:22px;bottom:24px;z-index:20;display:grid;width:63px;height:63px;place-items:center;border:5px solid rgba(255,255,255,.82);border-radius:50%;background:#2188dc;box-shadow:0 15px 28px rgba(24,102,166,.28);color:#fff;cursor:pointer}.floating-support span{font-size:12px;font-weight:800}.floating-support strong{position:absolute;right:0;bottom:67px;padding:6px 10px;border-radius:9px;background:#fff9c2;box-shadow:0 7px 16px rgba(66,54,16,.12);color:#8b6d19;font-size:10px;white-space:nowrap}.scroll-top{position:fixed;right:27px;bottom:102px;z-index:19;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 10px 25px rgba(33,29,46,.1);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.scroll-top.visible{opacity:1;pointer-events:auto;transform:none}
.dialog-backdrop{position:fixed;inset:0;z-index:80;background:rgba(24,22,31,.56);backdrop-filter:blur(8px)}
.plan-dialog,.voucher-dialog,.payment-dialog{position:fixed;z-index:90;top:50%;left:50%;width:min(470px,calc(100% - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:34px;border:1px solid rgba(255,255,255,.55);border-radius:26px;background:#fff;box-shadow:0 35px 80px rgba(25,21,35,.25);text-align:center;transform:translate(-50%,-50%)}
.dialog-close,.voucher-close{position:absolute;top:14px;right:14px;display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:50%;background:#f4f2f5;color:#7c7781;cursor:pointer;font-size:20px}.dialog-icon{display:grid;width:63px;height:63px;place-items:center;margin:0 auto 14px;border-radius:20px;background:linear-gradient(145deg,#fff7b1,#edb12b);color:#8c6410;font-size:40px}.dialog-kicker{margin:0;color:#ad7b11;font-size:10px;font-weight:800;letter-spacing:.16em}.plan-dialog h2,.voucher-dialog h2{margin:6px 0 9px;font-family:"Baloo 2",sans-serif;font-size:27px;line-height:1.15}.plan-dialog h2 span{color:#d89c1d}.plan-dialog>p:not(.dialog-kicker),.voucher-dialog>p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}.dialog-actions .button{min-height:48px;padding-inline:14px;border:0;cursor:pointer}
.payment-dialog{width:min(510px,calc(100% - 24px));padding:31px}.payment-dialog h2{margin:7px 0 9px;font-family:"Baloo 2",sans-serif;font-size:27px;line-height:1.18}.payment-dialog h2 b{color:#c88f18}.payment-dialog p{color:var(--muted);font-size:13px;line-height:1.65}.payment-loading{display:grid;min-height:220px;place-items:center;align-content:center}.payment-loading h2{margin-top:18px}.payment-loading p{margin:0}.payment-spinner{width:44px;height:44px;border:4px solid #f1e6c4;border-top-color:#d4a843;border-radius:50%;animation:paymentSpin .8s linear infinite}@keyframes paymentSpin{to{transform:rotate(360deg)}}
.payment-stage{display:grid;justify-items:center}.payment-qr{display:block;width:min(310px,100%);height:auto;margin:10px auto 15px;border:1px solid rgba(32,39,68,.09);border-radius:18px;background:#fff}.payment-details{display:grid;width:100%;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(32,39,68,.1);border-radius:15px;text-align:left}.payment-details>div{display:grid;gap:2px;padding:11px 13px;border-bottom:1px solid rgba(32,39,68,.08)}.payment-details>div:nth-child(odd){border-right:1px solid rgba(32,39,68,.08)}.payment-details>div:nth-last-child(-n+2){border-bottom:0}.payment-details span{color:#85899a;font-size:9px;font-weight:750;text-transform:uppercase}.payment-details strong{overflow-wrap:anywhere;color:#242a43;font-size:12px}.payment-note{margin:13px 0 8px!important}.payment-waiting{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff8dd;color:#80641c;font-size:11px;font-weight:750}.payment-waiting i{width:8px;height:8px;border-radius:50%;background:#dbab34;box-shadow:0 0 0 0 rgba(219,171,52,.45);animation:paymentPulse 1.6s infinite}@keyframes paymentPulse{70%{box-shadow:0 0 0 8px rgba(219,171,52,0)}}
.payment-success-icon,.payment-error-icon{display:grid;width:65px;height:65px;place-items:center;margin:5px auto 14px;border-radius:50%;background:#e2f5e9;color:#34865b;font-size:30px;font-weight:850}.payment-error-icon{background:#fff0ed;color:#c65543}.payment-stage>p{margin:0}.payment-stage form{display:grid;width:100%;gap:11px;margin-top:22px;text-align:left}.payment-stage form label{font-size:11px;font-weight:800}.username-field{display:flex;align-items:center;border:1px solid rgba(32,39,68,.15);border-radius:13px;background:#fff;transition:.2s}.username-field:focus-within{border-color:#d4a843;box-shadow:0 0 0 4px rgba(212,168,67,.1)}.username-field span{padding-left:14px;color:#8b8f9e;font-weight:800}.username-field input{width:100%;min-height:48px;padding:10px;border:0;background:transparent;color:#242a43;outline:0}.payment-stage form .button{min-height:49px;border:0;cursor:pointer}.payment-form-error{margin:0!important;color:#b24635!important;font-size:11px!important}.payment-done-stage .button,.payment-stage>.button{width:100%;margin-top:22px}.payment-error-stage{padding:28px 0 8px}
.voucher-dialog{width:min(420px,calc(100% - 32px));padding-top:42px}.voucher-emoji{font-size:36px}.voucher-dialog>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.voucher-dialog>div:last-child button{min-height:45px;border:1px solid #dfdce3;border-radius:12px;background:#f7f6f8;color:#69646f;cursor:pointer;font-weight:700}.voucher-dialog .voucher-accept{border-color:transparent;background:#fff29d;color:#7f6416}
.toast{position:fixed;z-index:100;right:24px;top:22px;display:flex;max-width:min(360px,calc(100% - 48px));align-items:flex-start;gap:11px;padding:14px 16px;border:1px solid rgba(255,255,255,.5);border-radius:15px;background:rgba(29,28,39,.94);box-shadow:0 18px 45px rgba(22,19,31,.2);color:#fff;backdrop-filter:blur(12px);animation:toastIn .3s ease}.toast>span{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#ffe06a;color:#604800;font-size:12px}.toast p{margin:1px 0 0;font-size:12px;line-height:1.55}@keyframes toastIn{from{opacity:0;transform:translateY(-10px)}}
.reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s ease; }
.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 1120px) {
  .price-grid{grid-template-columns:1fr 1fr}.price-card.featured{transform:none}.price-card.featured:hover{transform:translateY(-6px)}
  .review-card{flex-basis:calc((100% - 16px)/2)}
}

@media (max-width: 900px) {
  :root { --sidebar: 0px; }
  .sidebar { width: min(320px, 88vw); transform: translateX(-105%); box-shadow: 25px 0 55px rgba(28, 25, 45, .16); transition: transform .3s ease; }
  body.menu-open::after{position:fixed;inset:0;z-index:29;background:rgba(23,21,30,.42);content:"";backdrop-filter:blur(3px)}
  body.menu-open .sidebar { transform: translateX(0); }
  .mobile-header { position: sticky; top: 0; z-index: 25; display: flex; height: 66px; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid rgba(201,160,32,.18); background: rgba(255,251,200,.92); backdrop-filter: blur(12px); }
  .mobile-brand { display:flex;align-items:center;text-decoration:none; }
  .mobile-brand img { display:block;width:145px;height:auto; }
  .menu-toggle { border: 0; background: transparent; color:var(--ink);cursor: pointer; font-size: 24px; }
  .utility-bar { height: 66px; padding: 10px 17px; }
  .page-shell { margin-left: 0; }
  .hero-inner { width: min(680px, calc(100% - 36px)); padding-top: 40px; }
  .hero h1 { font-size: clamp(39px, 10vw, 58px); }
  .sticker-heart { right: -10px; top: 150px; }
  .section { padding: 74px 24px; }
  .intro-layout,.spotlight,.faq { grid-template-columns: 1fr; }
  .phone-stage{min-height:540px}.phone-stage img{max-height:600px;object-fit:contain}
  .activity{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.process-track{grid-template-columns:1fr 1fr}.process-track::before{display:none}
  .memory-grid{grid-template-columns:1fr 1fr;grid-template-rows:280px 210px 210px}.m1{grid-row:1/2;grid-column:1/3}
  .faq{gap:38px}.faq-decoration{display:none}.contact-card{align-items:flex-start;flex-direction:column}.contact-actions{width:100%;grid-template-columns:1fr 1fr}
  .footer-main{grid-template-columns:1.4fr 1fr 1fr}.footer-main>div:last-child{display:none}
}

@media (max-width: 560px) {
  body { padding-bottom: 74px; }
  .hero { min-height: 700px; }.eyebrow{max-width:290px}.hero h1{font-size:41px}.hero-copy{font-size:15px}.trust-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.button{width:100%}.floating-sticker{display:none}
  .section{padding:62px 18px}.section-heading.left{margin-bottom:28px}.section-heading.compact{margin-bottom:33px}.section-heading h2,.spotlight h2,.process h2,.faq h2{font-size:35px}
  .intro-layout{gap:14px}.intro-story,.service-card{border-radius:22px}.intro-story{padding:24px 20px}.mini-feature-grid{grid-template-columns:1fr}.service-card{padding:23px}
  .price-grid{grid-template-columns:1fr;gap:13px}.price-card{min-height:410px}.price-card.featured{order:-1}
  .spotlight{gap:30px}.phone-stage{min-height:430px}.phone-stage img{width:100%;height:auto;max-height:none;border-radius:24px}.float-pill{font-size:10px}.pill-one{top:12%;left:-4px}.pill-two{right:-3px;bottom:12%}.spotlight-list{grid-template-columns:1fr}
  .activity{padding-block:18px}.people-row{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:230px}.process-track{grid-template-columns:1fr}.process-track article{min-height:225px}
  .review-shell{grid-template-columns:1fr}.carousel-button{position:absolute;z-index:2;top:calc(50% - 21px)}.carousel-button.prev{left:-8px}.carousel-button.next{right:-8px}.review-viewport{width:100%}.review-card{flex-basis:100%;padding-inline:32px}
  .memory-grid{grid-template-columns:1fr 1fr;grid-template-rows:240px 185px 185px;gap:10px}.memory{padding:17px;border-radius:21px}.memory>span{top:17px;left:18px;font-size:31px}.memory strong{font-size:15px}.m1{grid-column:1/3}.m5{grid-column:1/3}
  .faq{gap:29px}.faq-item button{font-size:13px}.contact{padding-inline:12px}.contact-card{padding:30px 21px;border-radius:24px}.contact-actions{grid-template-columns:1fr}.footer{padding:52px 22px 26px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-brand-block{grid-column:1/3}.footer-bottom{align-items:flex-start;flex-direction:column;margin-top:37px}
  .bottom-nav{position:fixed;inset:auto 0 0;z-index:45;display:grid;height:74px;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(176,139,30,.16);background:rgba(255,253,242,.94);box-shadow:0 -8px 25px rgba(62,49,17,.08);backdrop-filter:blur(13px)}.bottom-nav a{position:relative;display:grid;place-items:center;align-content:center;gap:2px;color:#97939d;text-decoration:none}.bottom-nav a>span{font-size:20px}.bottom-nav small{font-size:9px}.bottom-nav a.active{color:#d19416}.bottom-heart>span{display:grid;width:53px;height:53px;place-items:center;margin-top:-30px;border:6px solid var(--paper);border-radius:50%;background:linear-gradient(145deg,#fff,#ead8e8);box-shadow:0 -7px 20px rgba(87,58,91,.13);color:#a67ea6;font-size:31px}.bottom-heart small{margin-top:-4px}.floating-support{right:13px;bottom:88px;width:58px;height:58px}.floating-support strong{display:none}.scroll-top{right:20px;bottom:155px}
  .sidebar-foot{padding-bottom:92px}.plan-dialog,.voucher-dialog,.payment-dialog{padding:29px 20px}.dialog-actions,.voucher-dialog>div:last-child{grid-template-columns:1fr}.payment-details{grid-template-columns:1fr}.payment-details>div,.payment-details>div:nth-child(odd),.payment-details>div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid rgba(32,39,68,.08)}.payment-details>div:last-child{border-bottom:0}.payment-qr{width:min(270px,100%)}.toast{right:12px;top:12px;max-width:calc(100% - 24px)}
}

/* Refined light palette — closer to the reference site's soft cream and muted gold. */
body:not(.dark) {
  --ink: #1a1a2e;
  --muted: #5a5a7a;
  --paper: #fffdf4;
  --panel: #fffdc4;
  --yellow: #d4a843;
  --yellow-deep: #b8922f;
  --pink: #fcf0e2;
  --lavender: #eee8f5;
  --line: rgba(26, 26, 46, .085);
  --shadow: 0 18px 46px rgba(78, 65, 28, .08);
}
body:not(.dark) .sidebar {
  border-right-color: rgba(212, 168, 67, .14);
  background: linear-gradient(180deg, #fffed8 0%, #fffdc4 72%, #fffbd1 100%);
}
body:not(.dark) .brand,
body:not(.dark) .sidebar-foot { border-color: rgba(212, 168, 67, .11); }
body:not(.dark) .nav-link { color: #5a5a7a; }
body:not(.dark) .nav-link:hover,
body:not(.dark) .nav-link.active {
  border-color: rgba(212, 168, 67, .13);
  background: rgba(247, 243, 160, .58);
  box-shadow: 0 5px 15px rgba(111, 87, 27, .055);
}
body:not(.dark) .sidebar-cta {
  background: #d4a843;
  box-shadow: 0 9px 18px rgba(126, 94, 27, .17);
}
body:not(.dark) .mobile-header {
  border-bottom-color: rgba(212, 168, 67, .13);
  background: rgba(255, 253, 212, .94);
}
body:not(.dark) .mobile-brand { color: #8d6e29; }
body:not(.dark) .utility-bar { background: rgba(255, 253, 244, .93); }
body:not(.dark) .search-box { background: rgba(255, 255, 255, .76); }
body:not(.dark) .hero {
  background-color: #fffdf4;
  background-image: radial-gradient(circle, rgba(212, 168, 67, .13) 1px, transparent 1.2px);
}
body:not(.dark) .hero::before { background: rgba(247, 243, 160, .12); }
body:not(.dark) .eyebrow { color: #856821; }
body:not(.dark) .hero h1 span {
  background-image: linear-gradient(90deg, #e2b951, #cfa03d);
}
body:not(.dark) .hero-copy { color: #5a5a7a; }
body:not(.dark) .trust-grid span {
  background: rgba(255, 255, 255, .79);
  box-shadow: 0 7px 18px rgba(71, 61, 35, .045);
}
body:not(.dark) .button-primary,
body:not(.dark) .choose-plan:hover,
body:not(.dark) .featured .choose-plan {
  background: linear-gradient(90deg, #e8ca65, #d4a843);
  box-shadow: 0 10px 21px rgba(139, 104, 30, .15);
}
body:not(.dark) .ticker {
  border-color: rgba(212, 168, 67, .14);
  background: #fff7d0;
}
body:not(.dark) .ticker span { color: #6f5d2a; }
body:not(.dark) .intro-story,
body:not(.dark) .spotlight-list article,
body:not(.dark) .review-card,
body:not(.dark) .faq-item { background: #fffefa; }
body:not(.dark) .story-badge { background: #fff5ca; color: #705b22; }
body:not(.dark) .service-card { background: linear-gradient(150deg, #fffde7, #fff6cf); }
body:not(.dark) .price-card.featured {
  border-color: #d4a843;
  background: linear-gradient(180deg, #fffefa, #fff9e7);
}
body:not(.dark) .hot-badge,
body:not(.dark) .card-title > strong { background: #fff1c5; color: #795f19; }
body:not(.dark) .phone-glow {
  background: radial-gradient(circle, rgba(225, 190, 83, .42) 0, rgba(247, 232, 168, .2) 45%, transparent 70%);
}
body:not(.dark) .process { background: linear-gradient(160deg, #fffdf0, #fff5d5); }
body:not(.dark) .process-track::before { background: linear-gradient(90deg, transparent, #d4b65e 15%, #d4b65e 85%, transparent); }
body:not(.dark) .step-icon {
  background: #e5c15d;
  box-shadow: 0 8px 22px rgba(126, 94, 27, .13);
}
body:not(.dark) .m1 { background: linear-gradient(145deg, #f0d47b, #d8ad49); }
body:not(.dark) .m2 { background: linear-gradient(145deg, #eee6f7, #cdbce2); }
body:not(.dark) .m3 { background: linear-gradient(145deg, #f7e4ea, #dfaebf); }
body:not(.dark) .m4 { background: linear-gradient(145deg, #e6f1f7, #afd0e4); }
body:not(.dark) .m5 { background: linear-gradient(145deg, #e7f1e4, #add0aa); }
body:not(.dark) .faq-decoration::before,
body:not(.dark) .faq-item button i { background: #fff0c5; }
body:not(.dark) .contact-card {
  border-color: rgba(212, 168, 67, .18);
  background: linear-gradient(135deg, #fffbe7, #f8edcb);
  box-shadow: 0 20px 48px rgba(96, 73, 21, .07);
}
body:not(.dark) .floating-support strong { background: #fff7d7; color: #735f2d; }
body:not(.dark) .voucher-dialog .voucher-accept { background: #fff1bc; color: #6f5b24; }
body:not(.dark) .bottom-nav {
  border-color: rgba(212, 168, 67, .12);
  background: rgba(255, 253, 244, .95);
}
body:not(.dark) .bottom-nav a.active { color: #b8922f; }

body.dark { color-scheme: dark; --ink: #f8f4eb; --muted: #bbb7c4; --paper: #161621; --panel: #23222c; --line: rgba(255,255,255,.09); }
body.dark .sidebar { background: linear-gradient(180deg, #20202a, #191921); }
body.dark .brand-logo,body.dark .mobile-brand img,body.dark .service-brand-logo{padding:5px 8px;border-radius:10px;background:#fff}
body.dark .brand, body.dark .sidebar-foot { border-color: rgba(255,255,255,.08); }
body.dark .nav-link { color: #c4c0cb; }
body.dark .nav-link:hover, body.dark .nav-link.active { background: rgba(239,180,44,.15); color: #fff; }
body.dark .utility-bar, body.dark .mobile-header { background: rgba(22,22,33,.9); }
body.dark .search-box,body.dark .trust-grid span,body.dark .button-secondary{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#f8f4eb}body.dark .hero-copy{color:#bbb7c4}
body.dark .intro,body.dark .spotlight,body.dark .reviews,body.dark .faq{background:#1a1a25}body.dark .pricing,body.dark .feature-section,body.dark .gallery,body.dark .contact,body.dark .activity{background:#15151f}
body.dark .intro-story,body.dark .service-card,body.dark .price-card,body.dark .spotlight-list article,body.dark .activity-card,body.dark .tips-card,body.dark .feature-grid article,body.dark .review-card,body.dark .faq-item,body.dark .contact-card{border-color:rgba(255,255,255,.09);background:#23232e}
body.dark .service-card,body.dark .contact-card,body.dark .process{background:linear-gradient(150deg,#27261e,#22212a)}body.dark .process-track article{border-color:rgba(255,225,110,.12);background:rgba(36,35,43,.88)}body.dark .mini-feature-grid>div,body.dark .service-note,body.dark .people-row>div,body.dark .tips-card li{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.045)}
body.dark .price-card.featured{border-color:#c89622;background:linear-gradient(180deg,#29271f,#23232e)}body.dark .choose-plan{border-color:rgba(255,255,255,.1);background:#2a2935;color:#f7f3ea}body.dark .faq-item button{color:#f7f3ea}body.dark .dialog-backdrop{background:rgba(5,5,9,.7)}body.dark .plan-dialog,body.dark .voucher-dialog{border-color:rgba(255,255,255,.09);background:#24232e}body.dark .dialog-close,body.dark .voucher-close{background:#302f3b;color:#bdb8c4}body.dark .bottom-nav{border-color:rgba(255,255,255,.08);background:rgba(25,25,35,.94)}body.dark .bottom-heart>span{border-color:#161621}body.dark .scroll-top{border-color:rgba(255,255,255,.1);background:#2b2a35;color:#fff}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
  .reveal { opacity:1; transform:none; }
}