/* Soft selling theme overlay: loaded after style.css and overrides its strict look. */

/* ---------- Typography ---------- */
body,button,input{font-family:Manrope,Arial,sans-serif!important}
.logo,.hero h1,h1,h2,.cards h3,.visual-caption b,.offer-art span{font-family:"Space Grotesk",Manrope,Arial,sans-serif!important}
.logo{font-weight:700!important;letter-spacing:-.055em!important}
h1,h2{letter-spacing:-.04em!important}

/* ---------- Soft warm background with subtle pattern ---------- */
body{
  background:
    radial-gradient(ellipse 65% 45% at 80% 0%,#1d2e2033,transparent 70%),
    radial-gradient(ellipse 55% 40% at 8% 38%,#22301f2e,transparent 72%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='%23ffffff' fill-opacity='0.022'%3E%3Cpath d='M42 44c-3.6 0-6.5 3.4-6.5 7.6 0 4.2 2.9 7.6 6.5 7.6s6.5-3.4 6.5-7.6c0-4.2-2.9-7.6-6.5-7.6zm-9-10c-2 0-3.6 1.9-3.6 4.2 0 2.3 1.6 4.2 3.6 4.2s3.6-1.9 3.6-4.2c0-2.3-1.6-4.2-3.6-4.2zm18 0c-2 0-3.6 1.9-3.6 4.2 0 2.3 1.6 4.2 3.6 4.2s3.6-1.9 3.6-4.2c0-2.3-1.6-4.2-3.6-4.2zm-24-9c-1.8 0-3.2 1.7-3.2 3.8s1.4 3.8 3.2 3.8 3.2-1.7 3.2-3.8-1.4-3.8-3.2-3.8zm30 0c-1.8 0-3.2 1.7-3.2 3.8s1.4 3.8 3.2 3.8 3.2-1.7 3.2-3.8-1.4-3.8-3.2-3.8z'/%3E%3Cpath d='M160 130l-14 24h9l-11 19h11l-9 16h9v11h10v-11h9l-9-16h11l-11-19h9z'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(175deg,#131714 0%,#101311 45%,#121812 100%)!important;
}

/* ---------- Round animated logo ---------- */
.mark{
  display:grid!important;place-items:center!important;
  width:38px!important;height:38px!important;padding:8px!important;
  color:#182016!important;border:0!important;border-radius:50%!important;
  background:linear-gradient(140deg,#b8f08c,#7ccb58)!important;
  box-shadow:0 0 0 0 #9ae66e55;
  animation:logo-pulse 3s ease-out infinite;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1);
}
.logo:hover .mark{transform:rotate(-12deg) scale(1.12)}
.mark svg{display:block;width:100%;height:100%;fill:currentColor}
@keyframes logo-pulse{
  0%{box-shadow:0 0 0 0 #9ae66e44}
  70%{box-shadow:0 0 0 12px #9ae66e00}
  100%{box-shadow:0 0 0 0 #9ae66e00}
}

/* ---------- Softer surfaces and buttons ---------- */
.button,.nav-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;border-radius:99px!important}
.button{font-size:13.5px!important;padding:0 24px!important;background:linear-gradient(140deg,#aef284,#7ccb58)!important;box-shadow:0 10px 28px #7ccb5833!important;transition:transform .25s,box-shadow .25s!important}
.button:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:0 16px 36px #8ede6448!important}
.button b{display:inline-block;line-height:1;margin-left:22px!important;transition:transform .25s}
.button:hover b{transform:translateX(4px)}
.nav-cta{font-size:12px!important;padding:0 18px!important;border:1px solid #5c6b57!important;transition:.25s!important}
.nav-cta:hover{border-color:var(--green)!important;color:var(--green)!important}
.text-button{display:inline-flex!important;align-items:center!important;min-height:50px!important;font-size:13px!important}
button,.button,.nav-cta,.text-button,.muted-button{line-height:1!important}
.offer .button{align-self:center}

.hero-visual{border-radius:26px!important;border:1px solid #3d4a3c!important;box-shadow:0 30px 80px #00000059,0 0 0 8px #ffffff05!important}
.cards{gap:14px!important;border:0!important;background:transparent!important}
.cards article{border-radius:22px!important;border:1px solid #2c332c!important;transition:transform .3s,border-color .3s,box-shadow .3s}
.cards article:hover{transform:translateY(-6px);border-color:#55704c!important;box-shadow:0 18px 44px #0006}
.offer{border-radius:26px!important;border:1px solid #46603f!important;box-shadow:0 24px 60px #0000004d}
.offer-art{border-radius:18px!important}
.visual-caption{border-radius:12px!important;padding:12px 15px!important;background:#101311d9!important;backdrop-filter:blur(6px)}
.modal-card{border-radius:26px!important}
.chat-window{border-radius:16px!important}
.chat-toggle,.operator{border-radius:99px!important}
.toast{border-radius:99px!important}

/* ---------- Floating mascot motion ---------- */
.hero-visual{animation:visual-float 7s ease-in-out infinite}
@keyframes visual-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* ---------- Scroll reveal ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.9,.35,1)}
.reveal.is-visible{opacity:1;transform:none}
.reveal:nth-child(2){transition-delay:.08s}
.reveal:nth-child(3){transition-delay:.16s}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .mark,.hero-visual{animation:none}
}

@media(max-width:719px){
  .header{height:74px}
  .logo{font-size:15px}
  .mark{width:34px!important;height:34px!important}
  .button{min-height:54px!important}
  .actions{gap:10px}
  .text-button{min-height:54px!important}
}