/* =========================================================

   HONEY GARDEN — STYLE.CSS

   Versione compatibile con struttura modulare scenica

   ========================================================= */



:root {

  --bg: #ffffff;

  --text: #111111;

  --muted: #66615a;

  --line: #eee6d8;

  --soft: #faf6ee;

  --soft-2: #f3e6cf;

  --gold: #e4ae48;

  --gold-dark: #b9782d;

  --dark: #080808;

  --radius: 30px;

  --shadow: 0 24px 70px rgba(42, 28, 9, .10);

  --ease: cubic-bezier(.2, .8, .2, 1);

}



* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



html {

  scroll-behavior: smooth;

}



body {

  font-family: "Plus Jakarta Sans", system-ui, sans-serif;

  background:

    radial-gradient(circle at 8% 0%, rgba(228,174,72,.10), transparent 28%),

    radial-gradient(circle at 92% 4%, rgba(185,120,45,.07), transparent 24%),

    #fff;

  color: var(--text);

  overflow-x: hidden;

  -webkit-font-smoothing: antialiased;

  text-rendering: optimizeLegibility;

}



img {

  display: block;

  max-width: 100%;

}



a {

  color: inherit;

  text-decoration: none;

}



button,

input,

select,

textarea {

  font: inherit;

}



button {

  cursor: pointer;

}



.wrap {

  width: min(1180px, calc(100% - 38px));

  margin-inline: auto;

}



.section {

  padding: 98px 0;

  scroll-margin-top: 96px;

}



.section.bg {

  background: linear-gradient(180deg, #ffffff 0%, var(--soft) 100%);

}



.section.dark {

  background:

    radial-gradient(circle at 15% 0%, rgba(228,174,72,.18), transparent 30%),

    var(--dark);

  color: #fff;

}



.section-head {

  text-align: center;

  max-width: 830px;

  margin: 0 auto 58px;

}



.section-head small,

.about-content small {

  display: block;

  color: var(--gold-dark);

  font-size: 13px;

  font-weight: 900;

  letter-spacing: .08em;

  text-transform: uppercase;

  margin-bottom: 14px;

}



.section.dark .section-head small {

  color: var(--gold);

}



.section-head h2,

.about-content h2,

.cta h2 {

  font-size: clamp(38px, 5vw, 70px);

  line-height: .98;

  letter-spacing: -.06em;

  font-weight: 900;

}



.section-head p,

.about-content p {

  margin-top: 20px;

  color: var(--muted);

  font-size: 18px;

  line-height: 1.75;

}



.section.dark .section-head p {

  color: rgba(255,255,255,.68);

}



/* BUTTONS */



.btn {

  border: 0;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  min-height: 50px;

  padding: 0 22px;

  border-radius: 999px;

  font-size: 14px;

  font-weight: 850;

  white-space: nowrap;

  transition: .28s var(--ease);

}



.btn-primary {

  background: linear-gradient(135deg, var(--gold), var(--gold-dark));

  color: #111;

  box-shadow: 0 18px 42px rgba(185,120,45,.22);

}



.btn-primary:hover {

  transform: translateY(-2px);

  box-shadow: 0 22px 54px rgba(185,120,45,.30);

}



.btn-secondary,

.btn-light {

  background: #fff;

  color: #111;

  border: 1px solid var(--line);

}



.btn-secondary:hover,

.btn-light:hover {

  transform: translateY(-2px);

  background: var(--soft);

}



.btn-ghost {

  background: rgba(255,255,255,.08);

  color: #fff;

  border: 1px solid rgba(255,255,255,.14);

}



/* HEADER */



.header {

  position: sticky;

  top: 0;

  z-index: 100;

  background: rgba(255,255,255,.93);

  backdrop-filter: blur(18px);

  border-bottom: 1px solid rgba(42,28,9,.08);

}



.nav {

  height: 82px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 24px;

}



.brand-logo-only {

  width: 320px;

  height: 90px;

}



.header-logo {

  max-width: 320px;

  max-height: 90px;

  object-fit: contain;

}



.menu {

  display: flex;

  align-items: center;

  gap: 4px;

  color: #424151;

  font-size: 14px;

  font-weight: 750;

}



.menu a {

  padding: 11px 13px;

  border-radius: 999px;

  transition: .25s var(--ease);

}



.menu a:hover {

  color: var(--gold-dark);

  background: var(--soft);

}



.header-actions {

  display: flex;

  align-items: center;

  gap: 10px;

}



.language-switch {

  position: relative;

  z-index: 120;

}



.language-current {

  min-width: 58px;

  height: 44px;

  border: 1px solid var(--line);

  border-radius: 999px;

  background: #fff;

  color: #111;

  font-size: 13px;

  font-weight: 850;

}



.language-menu {

  position: absolute;

  top: calc(100% + 10px);

  right: 0;

  min-width: 160px;

  display: none;

  padding: 8px;

  border-radius: 18px;

  background: #fff;

  border: 1px solid var(--line);

  box-shadow: var(--shadow);

}



.language-switch.open .language-menu {

  display: grid;

}



.language-menu button {

  border: 0;

  background: transparent;

  text-align: left;

  padding: 12px;

  border-radius: 12px;

  font-weight: 750;

  color: #111;

}



.language-menu button:hover,

.language-menu button.active {

  background: var(--soft);

}



.mobile-toggle {

  display: none;

  width: 46px;

  height: 46px;

  border: 1px solid var(--line);

  border-radius: 50%;

  background: #fff;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  gap: 5px;

}



.mobile-toggle span {

  width: 18px;

  height: 2px;

  background: #111;

  border-radius: 999px;

}



.mobile-menu {

  display: none;

  width: min(1180px, calc(100% - 38px));

  margin: 0 auto 16px;

  padding: 18px;

  border-radius: 22px;

  background: #fff;

  border: 1px solid var(--line);

  box-shadow: var(--shadow);

}



.mobile-menu.open {

  display: grid;

  gap: 10px;

}



.mobile-menu a,

.mobile-menu button {

  width: 100%;

}



/* HERO */



.hero {

  position: relative;

  padding: 94px 0 84px;

  overflow: hidden;

}



.hero-blur {

  position: absolute;

  border-radius: 999px;

  filter: blur(40px);

  pointer-events: none;

  opacity: .45;

}



.hero-blur-1 {

  width: 360px;

  height: 360px;

  background: rgba(228,174,72,.18);

  top: 40px;

  left: -100px;

}



.hero-blur-2 {

  width: 300px;

  height: 300px;

  background: rgba(185,120,45,.12);

  right: -80px;

  top: 70px;

}



.hero-grid {

  position: relative;

  z-index: 2;

  display: grid;

  grid-template-columns: 1.02fr .98fr;

  gap: 58px;

  align-items: center;

}



.hero-label {

  display: inline-block;

  margin-bottom: 16px;

  color: var(--gold-dark);

  font-size: 13px;

  font-weight: 900;

  letter-spacing: .1em;

  text-transform: uppercase;

}



.hero-content h1 {

  font-size: clamp(48px, 6.4vw, 92px);

  line-height: .92;

  letter-spacing: -.07em;

  font-weight: 900;

  max-width: 800px;

}



.hero-content p {

  margin-top: 26px;

  max-width: 660px;

  color: var(--muted);

  font-size: 19px;

  line-height: 1.75;

}



.hero-actions {

  margin-top: 34px;

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

}



.hero-trust {

  margin-top: 28px;

  display: flex;

  align-items: center;

  gap: 10px;

  color: #3f3f3f;

  font-weight: 700;

}



.trust-dot {

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background: var(--gold);

  box-shadow: 0 0 0 6px rgba(228,174,72,.16);

}



.hero-visual {

  position: relative;

  min-height: 620px;

}



.hero-visual::before {

  content: "";

  position: absolute;

  inset: 48px 0 26px 62px;

  border-radius: 54px;

  background:

    radial-gradient(circle at 18% 18%, rgba(255,255,255,.72), transparent 18%),

    linear-gradient(135deg, rgba(228,174,72,.22), rgba(185,120,45,.13));

  transform: rotate(4deg);

}



.hero-image {

  position: absolute;

  inset: 0 54px 0 28px;

  border-radius: 46px;

  overflow: hidden;

  box-shadow: var(--shadow);

  background: var(--soft);

  border: 10px solid #fff;

}



.hero-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.floating-card {

  position: absolute;

  width: 205px;

  padding: 20px;

  border-radius: 24px;

  background: rgba(255,255,255,.92);

  border: 1px solid var(--line);

  backdrop-filter: blur(18px);

  box-shadow: 0 24px 62px rgba(42,28,9,.13);

}



.floating-card span {

  display: block;

  color: var(--muted);

  font-size: 13px;

  margin-bottom: 6px;

}



.floating-card strong {

  display: block;

  font-size: 26px;

  letter-spacing: -.04em;

  color: var(--gold-dark);

}



.card-growth {

  top: 82px;

  left: 0;

}



.card-support {

  right: 0;

  bottom: 60px;

}



/* ABOUT */



.about-grid {

  display: grid;

  grid-template-columns: .94fr 1.06fr;

  gap: 46px;

  align-items: center;

}



.about-photo {

  min-height: 560px;

  border-radius: 46px;

  overflow: hidden;

  box-shadow: var(--shadow);

  background: var(--soft);

}



.about-photo img {

  width: 100%;

  height: 100%;

  min-height: 560px;

  object-fit: cover;

}



.checks {

  margin-top: 30px;

  display: grid;

  gap: 14px;

}



.check {

  display: flex;

  gap: 13px;

  align-items: flex-start;

  color: #3f3f4c;

  line-height: 1.65;

}



.check b {

  min-width: 25px;

  height: 25px;

  border-radius: 50%;

  display: grid;

  place-items: center;

  color: #111;

  background: linear-gradient(135deg, var(--gold), var(--gold-dark));

  font-size: 13px;

}



/* SERVICES */



.services-layout {

  display: grid;

  grid-template-columns: .9fr 1.1fr;

  gap: 28px;

  align-items: start;

}



.service-feature {

  position: sticky;

  top: 110px;

  min-height: 560px;

  border-radius: 38px;

  overflow: hidden;

  color: #fff;

  background:

    linear-gradient(180deg, rgba(8,8,8,.05), rgba(8,8,8,.88)),

    url("assets/img/services/services-main.jpg");

  background-size: cover;

  background-position: center;

  box-shadow: var(--shadow);

}



.service-feature-content {

  position: absolute;

  left: 34px;

  right: 34px;

  bottom: 34px;

}



.service-feature-content span {

  display: block;

  margin-bottom: 12px;

  color: var(--gold);

  font-size: 13px;

  font-weight: 900;

  letter-spacing: .08em;

  text-transform: uppercase;

}



.service-feature-content h3 {

  font-size: 42px;

  line-height: .98;

  letter-spacing: -.055em;

}



.service-feature-content p {

  margin-top: 16px;

  color: rgba(255,255,255,.74);

  line-height: 1.7;

}



.services-list {

  display: grid;

  gap: 16px;

}



.service-row {

  display: grid;

  grid-template-columns: 58px 1fr;

  gap: 18px;

  padding: 24px;

  border: 1px solid var(--line);

  border-radius: 26px;

  background: #fff;

  box-shadow: 0 14px 38px rgba(42,28,9,.055);

  transition: .3s var(--ease);

}



.service-row:hover {

  transform: translateY(-5px);

  box-shadow: 0 24px 58px rgba(42,28,9,.11);

  border-color: rgba(185,120,45,.28);

}



.service-icon {

  width: 58px;

  height: 58px;

  border-radius: 20px;

  display: grid;

  place-items: center;

  background: #faf0df;

  color: var(--gold-dark);

}



.service-icon svg,

.diff-icon svg,

.cookie-icon svg {

  width: 27px;

  height: 27px;

  stroke: currentColor;

  stroke-width: 2.2;

  fill: none;

  stroke-linecap: round;

  stroke-linejoin: round;

}



.service-row h3 {

  font-size: 23px;

  letter-spacing: -.045em;

  margin-bottom: 9px;

}



.service-row p {

  color: var(--muted);

  line-height: 1.68;

  font-size: 15px;

}



/* DIFFERENCE */



.different {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 22px;

}



.diff-card {

  min-height: 260px;

  padding: 30px;

  border-radius: 30px;

  border: 1px solid rgba(255,255,255,.11);

  background: rgba(255,255,255,.055);

  backdrop-filter: blur(12px);

}



.diff-top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  margin-bottom: 34px;

}



.diff-icon {

  width: 56px;

  height: 56px;

  border-radius: 20px;

  display: grid;

  place-items: center;

  color: #111;

  background: linear-gradient(135deg, var(--gold), var(--gold-dark));

}



.diff-card span {

  color: var(--gold);

  font-size: 14px;

  font-weight: 900;

}



.diff-card h3 {

  font-size: 28px;

  line-height: 1;

  letter-spacing: -.058em;

  margin-bottom: 14px;

}



.diff-card p {

  color: rgba(255,255,255,.68);

  line-height: 1.72;

}



/* CREATOR TYPES */



.creator-types {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 22px;

}



.type {

  min-height: 430px;

  border-radius: 34px;

  overflow: hidden;

  position: relative;

  background: #111;

  box-shadow: var(--shadow);

}



.type img {

  width: 100%;

  height: 100%;

  min-height: 430px;

  object-fit: cover;

  transition: 1s var(--ease);

}



.type::after {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.74));

}



.type:hover img {

  transform: scale(1.06);

}



.type-content {

  position: absolute;

  z-index: 2;

  left: 26px;

  right: 26px;

  bottom: 26px;

  color: #fff;

}



.type-content h3 {

  font-size: 28px;

  line-height: 1;

  letter-spacing: -.04em;

  margin-bottom: 12px;

}



.type-content p {

  color: rgba(255,255,255,.76);

  line-height: 1.6;

  font-size: 15px;

}



/* PROCESS */



.process {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 20px;

  counter-reset: step;

}



.step {

  min-height: 305px;

  padding: 32px;

  border-radius: 30px;

  border: 1px solid var(--line);

  background: #fff;

  position: relative;

  overflow: hidden;

  box-shadow: 0 16px 44px rgba(42,28,9,.06);

}



.step::before {

  counter-increment: step;

  content: "0" counter(step);

  display: block;

  margin-bottom: 58px;

  color: var(--gold-dark);

  font-size: 15px;

  font-weight: 900;

}



.step::after {

  content: "";

  position: absolute;

  width: 210px;

  height: 210px;

  right: -90px;

  top: -90px;

  border-radius: 50%;

  background: linear-gradient(135deg, rgba(228,174,72,.16), rgba(185,120,45,.10));

}



.step h3 {

  position: relative;

  font-size: 26px;

  letter-spacing: -.04em;

  margin-bottom: 14px;

}



.step p {

  position: relative;

  color: var(--muted);

  line-height: 1.7;

}



/* FAQ */



.faq-grid {

  max-width: 1080px;

  margin: auto;

  padding: 34px 48px;

  border-radius: 30px;

  background: #fff;

  border: 1px solid var(--line);

  box-shadow: 0 18px 55px rgba(42,28,9,.045);

}



.faq-item {

  border-bottom: 1px solid var(--line);

}



.faq-item:last-child {

  border-bottom: 0;

}



.faq-item summary {

  list-style: none;

  cursor: pointer;

  padding: 30px 0 22px;

  font-weight: 800;

  font-size: 20px;

  line-height: 1.35;

  display: flex;

  justify-content: space-between;

  gap: 22px;

  align-items: center;

}



.faq-item summary::-webkit-details-marker {

  display: none;

}



.faq-item summary::after {

  content: "⌄";

  color: #9b9b9b;

  font-size: 24px;

  font-weight: 400;

  transition: .25s var(--ease);

}



.faq-item[open] summary::after {

  transform: rotate(180deg);

  color: var(--gold-dark);

}



.faq-content p {

  padding: 0 0 28px;

  color: #31364a;

  font-size: 17px;

  line-height: 1.62;

  max-width: 820px;

}



/* CTA */



.cta {

  padding: 70px 0;

  background:

    radial-gradient(circle at 18% 10%, rgba(228,174,72,.15), transparent 28%),

    linear-gradient(135deg, #111, #080808);

  color: #fff;

  text-align: center;

}



.cta-label {

  display: block;

  margin-bottom: 14px;

  color: var(--gold);

  font-size: 13px;

  font-weight: 900;

  letter-spacing: .08em;

  text-transform: uppercase;

}



.cta h2 {

  max-width: 850px;

  margin: auto;

}



.cta p {

  margin: 20px auto 0;

  max-width: 660px;

  color: rgba(255,255,255,.78);

  line-height: 1.75;

  font-size: 18px;

}



.cta-actions {

  margin-top: 32px;

  display: flex;

  justify-content: center;

  gap: 12px;

  flex-wrap: wrap;

}



/* FOOTER */



.footer {

  background: var(--dark);

  color: #fff;

  padding: 64px 0 30px;

}



.footer-grid {

  display: grid;

  grid-template-columns: 1.15fr .8fr .95fr .85fr;

  gap: 34px;

  padding-bottom: 25px;

  border-bottom: 1px solid rgba(255,255,255,.1);

}



.footer-logo {

  max-width: 350px;

  max-height: 110px;

  object-fit: contain;

}



.footer-column {

  display: grid;

  gap: 10px;

  align-content: start;

}



.footer-column h3 {

  font-size: 18px;

  margin-bottom: 16px;

}



.footer-column a,

.footer-column button {

  color: rgba(255,255,255,.66);

  line-height: 1.85;

  font-size: 14px;

}



.footer-column a:hover,

.footer-column button:hover {

  color: var(--gold);

}



.footer-apply {

  border: 0;

  background: transparent;

  text-align: left;

}



.footer-socials {

  display: flex;

  align-items: center;

  gap: 12px;

  margin-top: 18px;

  flex-wrap: wrap;

}



.footer-socials a {

  width: 44px;

  height: 44px;

  border-radius: 15px;

  display: grid;

  place-items: center;

  color: #fff;

  background: rgba(255,255,255,.07);

  border: 1px solid rgba(255,255,255,.12);

  transition: .25s var(--ease);

}



.footer-socials a:hover {

  transform: translateY(-3px);

  background: linear-gradient(135deg, var(--gold), var(--gold-dark));

  color: #111;

}



.footer-socials svg {

  width: 21px;

  height: 21px;

  fill: currentColor;

}



.footer-bottom {
    padding-top: 22px;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    color: rgba(255,255,255,.46);
    font-size: 13px;
}



/* MODALS */



.application-modal,

.legal-modal {

  position: fixed;

  inset: 0;

  z-index: 300;

  display: none;

  align-items: center;

  justify-content: center;

  padding: 22px;

  background: rgba(9,8,6,.72);

  backdrop-filter: blur(18px);

}



.application-modal.open,

.legal-modal.open {

  display: flex;

}



.modal-shell,

.legal-shell {

  width: min(980px, 100%);

  max-height: min(92vh, 920px);

  overflow: auto;

  border-radius: 34px;

  background:

    radial-gradient(circle at 12% 0%, rgba(228,174,72,.20), transparent 30%),

    #fff;

  box-shadow: 0 40px 120px rgba(0,0,0,.34);

  border: 1px solid var(--line);

}



.modal-head,

.legal-head {

  padding: 28px 30px 18px;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 22px;

  border-bottom: 1px solid var(--line);

}



.modal-title h2,

.legal-head h2 {

  font-size: clamp(30px, 4vw, 48px);

  line-height: .95;

  letter-spacing: -.045em;

  font-weight: 900;

}



.modal-title p {

  margin-top: 12px;

  color: var(--muted);

  line-height: 1.65;

  max-width: 620px;

}



.modal-close,

.legal-close {

  min-width: 44px;

  height: 44px;

  border: 0;

  border-radius: 50%;

  background: #111;

  color: #fff;

  font-size: 24px;

  line-height: 1;

}



.modal-body {

  padding: 28px 30px 32px;

}



.choice-screen,

.form-screen {

  display: none;

}



.choice-screen.active,

.form-screen.active {

  display: block;

}



.application-choice {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 18px;

}



.choice-card {

  text-align: left;

  border: 1px solid var(--line);

  border-radius: 28px;

  padding: 26px;

  background: #fff;

  transition: .3s var(--ease);

  min-height: 260px;

  position: relative;

  overflow: hidden;

}



.choice-card:hover {

  transform: translateY(-7px);

  box-shadow: 0 24px 64px rgba(42,28,9,.12);

}



.choice-icon {

  width: 58px;

  height: 58px;

  border-radius: 20px;

  display: grid;

  place-items: center;

  color: #111;

  background: linear-gradient(135deg, var(--gold), var(--gold-dark));

  margin-bottom: 34px;

}



.choice-icon svg {

  width: 28px;

  height: 28px;

  stroke: currentColor;

  stroke-width: 2.2;

  fill: none;

  stroke-linecap: round;

  stroke-linejoin: round;

}



.choice-card h3 {

  font-size: 28px;

  line-height: 1;

  letter-spacing: -.04em;

  margin-bottom: 12px;

}



.choice-card p {

  color: var(--muted);

  line-height: 1.68;

}



.no-profile-box {

  margin-top: 18px;

  border-radius: 28px;

  padding: 26px;

  color: #fff;

  background:

    radial-gradient(circle at 15% 0%, rgba(228,174,72,.20), transparent 34%),

    linear-gradient(135deg, #080808, #19120a);

  display: grid;

  grid-template-columns: 1fr auto;

  gap: 22px;

  align-items: center;

}



.no-profile-box h3 {

  font-size: 28px;

  letter-spacing: -.04em;

  margin-bottom: 8px;

}



.no-profile-box p {

  color: rgba(255,255,255,.72);

  line-height: 1.65;

}



.no-profile-box .btn {

  background: #fff;

  color: #080808;

}



.form-top {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 18px;

  margin-bottom: 22px;

}



.back-btn {

  border: 1px solid var(--line);

  background: #fff;

  border-radius: 999px;

  padding: 12px 16px;

  font-weight: 850;

}



.form-top h3 {

  font-size: 32px;

  letter-spacing: -.04em;

}



.application-form {

  display: grid;

  gap: 18px;

}



.form-grid {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 16px;

}



.field {

  display: grid;

  gap: 8px;

}



.field.full {

  grid-column: 1 / -1;

}



.field label {

  font-size: 13px;

  font-weight: 850;

  color: #3f3f4c;

}



.field input,

.field select,

.field textarea {

  width: 100%;

  border: 1px solid var(--line);

  border-radius: 18px;

  padding: 15px 16px;

  outline: 0;

  background: #fff;

  color: var(--text);

  transition: .22s var(--ease);

  font-size: 15px;

}



.field textarea {

  min-height: 126px;

  resize: vertical;

}



.field input:focus,

.field select:focus,

.field textarea:focus {

  border-color: rgba(185,120,45,.55);

  box-shadow: 0 0 0 4px rgba(228,174,72,.14);

}



.form-message {

  display: none;

  border-radius: 18px;

  padding: 14px 16px;

  line-height: 1.55;

  font-size: 14px;

  background: var(--soft);

  color: #1f2433;

  border: 1px solid var(--line);

}



.form-message.show {

  display: block;

}



.form-submit-row {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 16px;

  flex-wrap: wrap;

}



.form-submit-row small {

  color: var(--muted);

  line-height: 1.55;

  max-width: 560px;

}



.legal-content {

  padding: 28px 30px 34px;

}



.legal-content h3 {

  font-size: 22px;

  margin-top: 26px;

  margin-bottom: 10px;

}



.legal-content h3:first-child {

  margin-top: 0;

}



.legal-content p,

.legal-content li {

  color: var(--muted);

  line-height: 1.75;

  font-size: 15px;

}



.legal-content ul {

  padding-left: 20px;

}



/* COOKIE */



.cookie-consent {

  position: fixed;

  left: 50%;

  bottom: 18px;

  transform: translateX(-50%) translateY(30px);

  width: min(760px, calc(100% - 28px));

  z-index: 400;

  display: none;

  opacity: 0;

  transition: .45s var(--ease);

}



.cookie-consent.show {

  display: block;

  opacity: 1;

  transform: translateX(-50%) translateY(0);

}



.cookie-card {

  border: 1px solid rgba(255,255,255,.12);

  border-radius: 20px;

  padding: 13px 14px;

  background: rgba(8,8,8,.88);

  color: #fff;

  box-shadow: 0 34px 90px rgba(0,0,0,.34);

  backdrop-filter: blur(22px);

  display: grid;

  grid-template-columns: 1fr auto;

  gap: 14px;

  align-items: center;

}



.cookie-copy {

  display: flex;

  align-items: flex-start;

  gap: 12px;

}



.cookie-icon {

  min-width: 38px;

  height: 38px;

  border-radius: 13px;

  display: grid;

  place-items: center;

  background: linear-gradient(135deg, var(--gold), var(--gold-dark));

  color: #111;

}



.cookie-icon svg {

  width: 20px;

  height: 20px;

}



.cookie-copy h3 {

  font-size: 14px;

  margin-bottom: 3px;

}



.cookie-copy p {

  color: rgba(255,255,255,.68);

  font-size: 12px;

  line-height: 1.45;

  max-width: 520px;

}



.cookie-copy a {

  color: var(--gold);

  font-weight: 800;

}



.cookie-actions {

  display: flex;

  gap: 8px;

}



.cookie-btn {

  border: 0;

  border-radius: 999px;

  padding: 10px 13px;

  font-size: 12px;

  font-weight: 850;

}



.cookie-btn.accept {

  background: linear-gradient(135deg, var(--gold), var(--gold-dark));

  color: #111;

}



.cookie-btn.reject {

  background: rgba(255,255,255,.08);

  color: #fff;

  border: 1px solid rgba(255,255,255,.12);

}



/* REVEAL */



.reveal {

  opacity: 0;

  transform: translateY(32px);

  transition: opacity .8s var(--ease), transform .8s var(--ease);

}



.reveal.show {

  opacity: 1;

  transform: none;

}



/* RESPONSIVE */



@media (max-width: 1050px) {

  .hero-grid,

  .about-grid,

  .services-layout {

    grid-template-columns: 1fr;

  }



  .service-feature {

    position: relative;

    top: auto;

  }



  .hero-visual {

    min-height: 560px;

  }



  .different,

  .creator-types,

  .process {

    grid-template-columns: 1fr;

  }



  .footer-grid {

    grid-template-columns: 1fr 1fr;

  }

}



@media (max-width: 720px) {

  .wrap {

    width: min(100% - 28px, 1180px);

  }



  .nav {

    height: 70px;

  }



  .menu {

    display: none;

  }



  .mobile-toggle {

    display: flex;

  }



  .header-actions > .btn-primary {

    display: none;

  }



  .brand-logo-only {

    width: 120px;

  }



  .header-logo {

    max-width: 120px;

  }



  .hero {

    padding-top: 56px;

  }



  .hero-content h1 {

    font-size: clamp(44px, 14vw, 70px);

  }



  .hero-visual {

    min-height: 500px;

  }



  .hero-image {

    inset: 10px 20px;

    border-radius: 34px;

  }



  .hero-visual::before {

    inset: 40px 8px 30px 38px;

    border-radius: 34px;

  }



  .card-growth {

    top: 34px;

    left: 0;

  }



  .card-support {

    right: 0;

    bottom: 34px;

  }



  .floating-card {

    width: 180px;

    padding: 17px;

  }



  .section {

    padding: 72px 0;

  }



  .about-photo,

  .about-photo img {

    min-height: 430px;

  }



  .service-feature {

    min-height: 460px;

    border-radius: 32px;

  }



  .service-feature-content h3 {

    font-size: 32px;

  }



  .service-row {

    grid-template-columns: 1fr;

  }



  .faq-grid {

    padding: 20px 22px;

    border-radius: 24px;

  }



  .faq-item summary {

    font-size: 17px;

    padding: 22px 0 18px;

  }



  .faq-content p {

    font-size: 15px;

  }



  .footer-grid {

    grid-template-columns: 1fr;

  }



  .application-choice,

  .form-grid,

  .no-profile-box {

    grid-template-columns: 1fr;

  }



  .modal-head,

  .modal-body,

  .legal-head,

  .legal-content {

    padding-left: 20px;

    padding-right: 20px;

  }



  .modal-shell,

  .legal-shell {

    border-radius: 26px;

  }



  .choice-card {

    min-height: auto;

  }



  .form-top {

    align-items: flex-start;

    flex-direction: column;

  }



  .cookie-card {

    grid-template-columns: 1fr;

  }



  .cookie-actions {

    justify-content: flex-start;

  }

}



.footer-whatsapp{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:14px;

    color:#25D366 !important;

    text-decoration:none;

    font-weight:600;

    transition:.25s ease;

}



.footer-whatsapp svg{

    width:18px;

    height:18px;

    fill:currentColor;

    flex-shrink:0;

}



.footer-whatsapp:hover{

    opacity:.9;

    transform:translateX(4px);

}



.whatsapp-fixed{

    position:fixed;

    right:24px;

    bottom:24px;

    z-index:999999;

    background:#25D366;

    color:#ffffff !important;

    padding:14px 18px;

    border-radius:999px;

    font-weight:700;

    text-decoration:none;

    box-shadow:0 18px 45px rgba(0,0,0,.25);

}











.whatsapp-float{

    position:fixed;

    right:25px;

    bottom:25px;

    width:65px;

    height:65px;

    border-radius:50%;

    background:#25D366;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:999999;

    box-shadow:0 15px 40px rgba(0,0,0,.25);

    transition:.25s ease;

}



.whatsapp-float svg{

    width:34px;

    height:34px;

}



.whatsapp-float:hover{

    transform:translateY(-4px) scale(1.05);

}



.whatsapp-float{

    position:fixed;

    right:25px;

    bottom:25px;

    width:65px;

    height:65px;

    border-radius:50%;

    background:#25D366;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:999999;

    box-shadow:0 15px 40px rgba(0,0,0,.25);

    transition:.25s ease;

}



.whatsapp-float i{

    font-size:34px;

}



.whatsapp-float:hover{

    transform:translateY(-4px) scale(1.05);

}



.whatsapp-float{

    position:fixed;

    right:25px;

    bottom:25px;

    width:65px;

    height:65px;

    border-radius:50%;

    background:#25D366;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:999999;

    text-decoration:none;

    box-shadow:0 15px 40px rgba(0,0,0,.25);

    transition:.25s ease;

}



.whatsapp-float i{

    font-size:34px;

}



.whatsapp-float:hover{

    transform:translateY(-4px) scale(1.05);

}



.whatsapp-float{

    position:fixed;

    right:32px;

    bottom:32px;

    width:65px;

    height:65px;

    border-radius:50%;

    background:#25D366;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:999999;

    text-decoration:none;

    box-shadow:0 15px 40px rgba(0,0,0,.25);

    transition:.25s ease;

}



.whatsapp-float i{

    font-size:34px;

}



.whatsapp-float:hover{

    transform:translateY(-4px) scale(1.05);

}





/* =========================
   HONEY GARDEN SCROLLBAR
   ========================= */

::-webkit-scrollbar{
    width:8px;
}

::-webkit-scrollbar-track{
    background:#f2ede4;
}

::-webkit-scrollbar-thumb{
    background:linear-gradient(
        180deg,
        #c99b49,
        #9a6a24
    );
    border-radius:999px;
    border:1px solid rgba(255,255,255,.15);
}

::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(
        180deg,
        #ddb56a,
        #b47a2d
    );
}

html{
    scrollbar-width:thin;
    scrollbar-color:#c99b49 #f2ede4;
}