/* =========================================================
   Skup Grup — arkusz stylów
   Ton: spokojny, wiarygodny, "udokumentowany" (jak karta wyceny)
   ========================================================= */

:root{
  --bg:        #FFFFFF;   /* czysta biel */
  --bg-alt:    #F6F2E9;   /* ciepły, kremowy odcień na sekcje przemienne */
  --card:      #FFFFFF;
  --ink:       #111D33;   /* jeszcze głębszy, bardziej nasycony granat */
  --ink-soft:  #4E5A70;   /* tekst pomocniczy */
  --ink-faint: #8791A0;   /* podpisy, meta */
  --accent:    #1F63A8;   /* mocny, nasycony niebieski — ikony, informacje */
  --accent-dk: #123F6E;   /* hover */
  --accent-lt: #E1EDF9;   /* tło pastylek/badge */
  --warm:      #1E9A57;   /* wyrazista zieleń — główny kolor akcji/CTA */
  --warm-dk:   #167A44;   /* hover zieleni */
  --warm-lt:   #DCF3E4;   /* jasne tło pod ilustracjami/akcentami */
  --orange:    #E8672D;   /* pomarańcz — partner zieleni w gradientach */
  --orange-lt: #FBE6D8;
  --gradient-action: linear-gradient(135deg, #1E9A57 0%, #E8672D 100%);
  --gold:      #8A6D3F;   /* akcent pomocniczy, używany bardzo oszczędnie */
  --border:    #E7E1D3;   /* linie, ramki kart — ciepły, zgrany z tłem */
  --border-dk: #D2C9B4;
  --danger:    #C4553F;

  --font-display: "Baloo 2", "Nunito", sans-serif;
  --font-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;

  --radius-s: 10px;
  --radius-m: 18px;
  --radius-l: 26px;

  --maxw: 1120px;
}

*,*::before,*::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; }

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

img{ max-width:100%; display:block; }

a{ color:var(--accent-dk); }

.wrap{
  max-width:var(--maxw);
  margin:0 auto;
  padding:0 24px;
}

h1,h2,h3,h4{
  font-family:var(--font-display);
  font-weight:700;
  line-height:1.18;
  margin:0 0 .5em 0;
  color:var(--ink);
}

h1{ font-size:clamp(2.1rem, 4vw, 3.2rem); font-weight:700; letter-spacing:-.01em; }
h2{ font-size:clamp(1.5rem, 2.6vw, 2.1rem); font-weight:700; }
h3{ font-size:1.2rem; font-weight:700; }

p{ margin:0 0 1em 0; color:var(--ink-soft); }
p:last-child{ margin-bottom:0; }

.lede{
  font-size:1.15rem;
  color:var(--ink-soft);
  max-width:56ch;
}

.text-gradient{
  background:var(--gradient-action);
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  display:inline-block;
}

.eyebrow{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--accent-dk);
  display:inline-flex;
  align-items:center;
  gap:.5em;
  margin-bottom:1em;
}
.eyebrow::before{
  content:"";
  width:18px; height:1px;
  background:var(--accent);
  display:inline-block;
}

/* ---------- Skip link / focus ---------- */
.skip-link{
  position:absolute; left:-999px; top:auto;
  background:var(--ink); color:#fff; padding:10px 16px;
  border-radius:var(--radius-s); z-index:1000;
}
.skip-link:focus{ left:16px; top:16px; }

:focus-visible{
  outline:3px solid var(--gold);
  outline-offset:2px;
}

/* ---------- Header ---------- */
.site-header{
  position:sticky; top:0; z-index:100;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--border);
}
.header-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 24px;
  max-width:var(--maxw); margin:0 auto;
}
.brand{
  display:flex; flex-direction:column; text-decoration:none; color:var(--ink);
}
.brand-name{
  font-family:var(--font-display); font-size:1.3rem; font-weight:600; letter-spacing:-.01em;
}
.brand-tag{
  font-family:var(--font-mono); font-size:.62rem; letter-spacing:.08em;
  color:var(--ink-faint); text-transform:uppercase;
}

.main-nav{ display:flex; align-items:center; gap:20px; }
.main-nav ul{
  list-style:none; display:flex; gap:18px; margin:0; padding:0;
}
.main-nav a{
  text-decoration:none; color:var(--ink-soft); font-size:.92rem; font-weight:500;
  padding:6px 2px; border-bottom:2px solid transparent; white-space:nowrap;
}
.main-nav a:hover, .main-nav a[aria-current="page"]{
  color:var(--ink); border-bottom-color:var(--accent);
}
.main-nav a.btn-primary, .main-nav a.btn-primary:hover{
  color:#fff; border-bottom:none; font-size:1rem; padding:13px 28px;
}

.nav-toggle{
  display:none; background:none; border:1px solid var(--border-dk); border-radius:var(--radius-s);
  padding:8px 10px; cursor:pointer;
}
.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after{
  display:block; width:20px; height:2px; background:var(--ink); position:relative; transition:.2s;
}
.nav-toggle span::before, .nav-toggle span::after{ content:""; position:absolute; }
.nav-toggle span::before{ top:-6px; } .nav-toggle span::after{ top:6px; }

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex; align-items:center; gap:.5em;
  font-family:var(--font-body); font-weight:600; font-size:.95rem;
  padding:13px 24px; border-radius:var(--radius-s);
  text-decoration:none; cursor:pointer; border:1px solid transparent;
  transition:transform .12s ease, background .15s ease, color .15s ease, border-color .15s ease;
}
.btn:hover{ transform:translateY(-1px); }
.btn-primary{ background:var(--warm); color:#fff; box-shadow:0 14px 28px -14px rgba(30,154,87,.55); }
.btn-primary:hover{ background:var(--warm-dk); color:#fff; }
.btn-ghost{ background:transparent; color:var(--ink); border-color:var(--border-dk); }
.btn-ghost:hover{ border-color:var(--ink); }
.btn-block{ width:100%; justify-content:center; }
.btn-row{ display:flex; flex-wrap:wrap; gap:14px; margin-top:1.75em; }

/* ---------- Sections ---------- */
section{ padding:88px 0; background-color:var(--bg); }
section.alt{ background-color:var(--bg-alt); }
section.tight{ padding:56px 0; }
.section-head{ max-width:64ch; margin-bottom:48px; }
.section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }

/* ten sam efekt poświaty po bokach co w hero, powtórzony w co drugiej sekcji */
main section:nth-of-type(even){
  background-image:
    radial-gradient(120% 100% at 92% 0%, var(--accent-lt) 0%, rgba(228,238,246,0) 55%),
    radial-gradient(90% 100% at 2% 100%, var(--warm-lt) 0%, rgba(220,243,228,0) 50%);
  background-repeat:no-repeat;
}

/* ---------- Hero ---------- */
.hero{
  padding:72px 0 88px 0;
  border-bottom:1px solid var(--border);
  background:radial-gradient(120% 100% at 85% 0%, var(--accent-lt) 0%, rgba(228,238,246,0) 55%),
             radial-gradient(90% 100% at 5% 100%, var(--warm-lt) 0%, rgba(220,243,228,0) 50%);
}
.hero-grid{
  display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center;
}
.hero-copy .lede{ margin:18px 0 0 0; }

/* Signature element: the "Karta wyceny" — spokojny, formalny dokument */
.valuation-card{
  position:relative;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius-m);
  padding:0;
  box-shadow:
    0 44px 76px -22px rgba(17,29,51,.42),
    0 18px 34px -16px rgba(30,154,87,.30),
    0 10px 22px -12px rgba(232,103,45,.22);
  overflow:hidden;
}
.valuation-card::before{
  content:""; position:absolute; top:0; left:0; right:0; height:7px;
  background:var(--gradient-action);
}
.valuation-card__head{
  display:flex; justify-content:space-between; align-items:baseline;
  padding:20px 24px; border-bottom:1px solid var(--border);
  font-family:var(--font-mono); font-size:.7rem; letter-spacing:.06em; text-transform:uppercase;
  color:var(--ink-faint);
}
.valuation-card__stamp{
  color:var(--warm); font-weight:600; font-size:.68rem;
}
.valuation-card__body{ padding:24px; }
.vc-row{
  display:flex; justify-content:space-between; gap:12px;
  padding:11px 0; border-bottom:1px solid var(--border);
  font-size:.92rem;
}
.vc-row:last-of-type{ border-bottom:none; }
.vc-label{ color:var(--ink-faint); font-family:var(--font-mono); font-size:.76rem; }
.vc-value{ color:var(--accent-dk); font-weight:700; text-align:right; }
.vc-value.is-action{ color:var(--warm); }
.valuation-card__foot{
  padding:16px 24px; background:linear-gradient(120deg, var(--warm-lt), var(--accent-lt));
  font-size:.84rem; color:var(--ink); font-weight:700;
  display:flex; align-items:center; gap:8px;
  border-top:1px solid var(--border);
}

/* ---------- Feature grid / cards ---------- */
.grid{ display:grid; gap:24px; }
.grid-2{ grid-template-columns:repeat(2,1fr); }
.grid-3{ grid-template-columns:repeat(3,1fr); }

.card{
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius-m);
  padding:28px;
  box-shadow:0 26px 50px -26px rgba(17,29,51,.28);
}
.card h3{ margin-bottom:.4em; }
.card p{ margin:0; }

.tag-list{ display:flex; flex-wrap:wrap; gap:10px; margin-top:1.5em; }
.tag{
  font-family:var(--font-mono); font-size:.78rem;
  background:var(--accent-lt); color:var(--accent-dk);
  border:1px solid var(--border);
  padding:7px 14px; border-radius:999px;
}

/* ---------- Process steps (ledger style) ---------- */
.process{ list-style:none; margin:0; padding:0; counter-reset:step; }
.process li{
  counter-increment:step;
  display:grid; grid-template-columns:64px 1fr; gap:22px;
  padding:26px 0; border-bottom:1px solid var(--border);
}
.process li:first-child{ padding-top:0; }
.process li:last-child{ border-bottom:none; }
.process .step-index{
  font-family:var(--font-mono); color:var(--accent-dk); font-size:.9rem;
  display:flex; align-items:flex-start; justify-content:center;
  border:1px dashed var(--border-dk); border-radius:var(--radius-s);
  height:44px; padding-top:11px;
}
.process h3{ margin-bottom:.3em; }

/* ---------- Opinie (placeholder) ---------- */
.testimonial{
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius-m);
  padding:26px; display:flex; flex-direction:column; gap:14px; height:100%;
  box-shadow:0 26px 50px -26px rgba(17,29,51,.28);
}
.testimonial blockquote{
  margin:0; font-family:var(--font-body); font-size:1.05rem; font-style:italic;
  color:var(--ink-soft); line-height:1.5;
}
.testimonial-meta{
  display:flex; align-items:center; gap:10px; margin-top:auto;
  font-family:var(--font-mono); font-size:.75rem; color:var(--ink-faint);
}
.testimonial-meta .dot{ width:8px; height:8px; border-radius:50%; background:var(--border-dk); }
.testimonials-note{
  margin-top:28px; font-size:.85rem; color:var(--ink-faint);
  border-left:3px solid var(--border-dk); padding-left:14px;
}

/* ---------- Ilustracje / grafiki ---------- */
.icon-badge{
  width:56px; height:56px; border-radius:50%;
  background:var(--accent-lt); display:flex; align-items:center; justify-content:center;
  flex:0 0 auto;
}
.icon-badge svg{ width:28px; height:28px; }
.icon-badge.warm{ background:var(--warm-lt); }

.hero-blob{
  position:absolute; z-index:-1; opacity:.9;
}
.hero-visual{ position:relative; }
.hero-floating-badge{
  position:absolute; top:-30px; right:-30px;
  width:112px; height:112px; border-radius:50%;
  background:var(--gradient-action);
  box-shadow:
    0 24px 46px -12px rgba(30,154,87,.5),
    0 16px 32px -14px rgba(232,103,45,.45),
    0 6px 14px -4px rgba(17,29,51,.35);
  display:flex; align-items:center; justify-content:center;
  border:6px solid #fff;
}
.hero-floating-badge svg{ width:50px; height:50px; }

.avatar-illustration{
  width:100%; aspect-ratio:1/1; border-radius:var(--radius-m);
  background:linear-gradient(160deg, var(--accent-lt), var(--warm-lt));
  border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.avatar-illustration svg{ width:72%; height:72%; }

.section-icon{
  width:64px; height:64px; margin-bottom:18px;
}

.group-illustration{
  width:100%; max-width:360px; margin:0 auto;
}

/* ikony w krokach procesu — zastępują suchą numerację */
.process .step-index{
  border:none; background:var(--accent-lt);
  border-radius:50%; height:56px; width:56px; padding:0;
  display:flex; align-items:center; justify-content:center; position:relative;
}
.process .step-index svg{ width:26px; height:26px; }
.process .step-index .step-num{
  position:absolute; bottom:-4px; right:-4px;
  width:20px; height:20px; border-radius:50%;
  background:var(--warm); color:#fff; font-family:var(--font-mono);
  font-size:.62rem; display:flex; align-items:center; justify-content:center;
  border:2px solid #fff;
}

.feature-split{ display:grid; grid-template-columns:1fr 1.1fr; gap:40px; align-items:center; }
.speech-illustration{ width:100%; max-width:370px; margin:0 auto; }

/* ---------- Reassurance list ---------- */
.check-list{ list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.check-list li{
  display:flex; gap:12px; align-items:flex-start;
  color:var(--ink-soft);
}
.check-list li::before{
  content:"✓"; flex:0 0 auto;
  width:22px; height:22px; border-radius:50%;
  background:var(--accent-lt); color:var(--accent-dk);
  font-size:.75rem; display:flex; align-items:center; justify-content:center;
  margin-top:2px;
}
.no-list{ list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.no-list li{ display:flex; gap:12px; align-items:flex-start; color:var(--ink-soft); }
.no-list li::before{
  content:"–"; flex:0 0 auto;
  width:22px; height:22px; border-radius:50%;
  background:#F0E7DD; color:var(--danger);
  font-size:.85rem; font-weight:700; display:flex; align-items:center; justify-content:center;
  margin-top:2px;
}

/* ---------- Person / contact block ---------- */
.person{
  display:grid; grid-template-columns:180px 1fr; gap:32px; align-items:start;
}
.person-photo{
  width:100%; aspect-ratio:1/1; border-radius:var(--radius-m);
  background:var(--bg-alt) center/cover no-repeat;
  border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-mono); font-size:.7rem; color:var(--ink-faint); text-align:center; padding:12px;
}
.person-name{ font-family:var(--font-mono); font-size:.85rem; color:var(--ink-faint); margin-top:10px; }

/* ---------- FAQ accordion ---------- */
.faq-item{ border-bottom:1px solid var(--border); }
.faq-item:first-child{ border-top:1px solid var(--border); }
.faq-q{
  width:100%; text-align:left; background:none; border:none; cursor:pointer;
  padding:22px 0; display:flex; justify-content:space-between; align-items:center; gap:16px;
  font-family:var(--font-body); font-weight:600; font-size:1.02rem; color:var(--ink);
}
.faq-q .plus{
  font-family:var(--font-mono); color:var(--accent-dk); font-size:1.1rem; flex:0 0 auto;
  transition:transform .2s ease;
}
.faq-item[data-open="true"] .plus{ transform:rotate(45deg); }
.faq-a{
  max-height:0; overflow:hidden; transition:max-height .25s ease;
}
.faq-a p{ padding-bottom:22px; margin:0; }

/* ---------- Forms ---------- */
form{ display:grid; gap:20px; }
.form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.field{ display:flex; flex-direction:column; gap:6px; }
.field.full{ grid-column:1/-1; }
label{ font-size:.88rem; font-weight:600; color:var(--ink); }
.hint{ font-size:.8rem; color:var(--ink-faint); }
input[type="text"], input[type="email"], input[type="number"], input[type="url"],
select, textarea{
  font-family:var(--font-body); font-size:.96rem; color:var(--ink);
  background:var(--card); border:1px solid var(--border-dk); border-radius:var(--radius-s);
  padding:12px 14px; width:100%;
}
textarea{ resize:vertical; min-height:110px; }
input[type="file"]{ font-size:.88rem; }
fieldset{ border:1px solid var(--border); border-radius:var(--radius-s); padding:14px 16px; }
legend{ font-size:.88rem; font-weight:600; padding:0 6px; }
.radio-row{ display:flex; gap:22px; }
.radio-row label{ font-weight:400; display:flex; align-items:center; gap:8px; }
.check-row{ display:flex; gap:10px; align-items:flex-start; }
.check-row label{ font-weight:400; font-size:.9rem; color:var(--ink-soft); }
.form-note{
  background:var(--accent-lt); border:1px solid var(--border);
  border-radius:var(--radius-m); padding:18px 20px; font-size:.92rem; color:var(--accent-dk);
}
.form-success{
  display:none; background:var(--accent-lt); border:1px solid var(--accent);
  border-radius:var(--radius-m); padding:22px; color:var(--accent-dk); font-weight:600;
}
.form-success.visible{ display:block; }

.form-error-banner{
  background:#FBE9E4; border:1px solid var(--danger); color:#8A3A28;
  border-radius:var(--radius-s); padding:14px 18px; font-size:.92rem; font-weight:600;
  margin-bottom:4px;
}
.field-error input, .field-error select, .field-error textarea{
  border-color:var(--danger) !important; background:#FBF3F1;
}
fieldset.field-error{ border-color:var(--danger); background:#FBF3F1; }

/* ---------- CTA banner ---------- */
.cta-banner{
  background:linear-gradient(135deg, var(--ink) 0%, #1B2E4E 60%, #1D3550 100%);
  color:#fff; border-radius:var(--radius-l);
  padding:52px; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap;
  box-shadow:0 32px 60px -30px rgba(17,29,51,.55);
}
.cta-banner h2{ color:#fff; margin:0; }
.cta-banner p{ color:#C9D3CE; }
.cta-banner .btn-primary{ background:var(--warm); }
.cta-banner .btn-primary:hover{ background:var(--warm-dk); }

/* ---------- Legal pages ---------- */
.legal-body h2{ margin-top:1.6em; }
.legal-body ul{ color:var(--ink-soft); }
.legal-body .placeholder{
  background:#F4EDE2; border:1px dashed var(--gold); color:#7A5B2C;
  padding:2px 8px; border-radius:4px; font-family:var(--font-mono); font-size:.85em;
}
.legal-note{
  margin-top:2.5em; padding:18px 20px; border-left:3px solid var(--gold);
  background:var(--bg-alt); font-size:.92rem; color:var(--ink-soft);
}

/* ---------- Footer ---------- */
.site-footer{
  border-top:1px solid var(--border); background:var(--bg-alt);
  padding:56px 0 32px 0; margin-top:0;
}
.footer-grid{
  display:grid; grid-template-columns:1.4fr 1fr; gap:40px; margin-bottom:40px;
}
.footer-grid h4{ font-size:.85rem; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-faint); font-family:var(--font-mono); font-weight:600; }
.footer-grid ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.footer-grid a{ color:var(--ink-soft); text-decoration:none; font-size:.92rem; }
.footer-grid a:hover{ color:var(--ink); text-decoration:underline; }
.footer-bottom{
  border-top:1px solid var(--border-dk); padding-top:24px;
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;
  font-size:.8rem; color:var(--ink-faint);
}
.footer-legal-name{ font-family:var(--font-mono); }

/* ---------- Utilities ---------- */
.mt-0{margin-top:0;}
.center-text{ text-align:center; }
.badge-note{
  display:inline-block; font-family:var(--font-mono); font-size:.72rem;
  color:var(--accent-dk); background:var(--accent-lt); border-radius:999px;
  padding:5px 12px; margin-bottom:14px;
}

/* ---------- Responsive ---------- */

/* Zabezpieczenie przed poziomym przewijaniem na wąskich ekranach */
html, body{ overflow-x:hidden; max-width:100%; }

/* Laptop / mniejszy desktop */
@media (max-width: 1180px){
  .wrap{ padding:0 20px; }
}

/* Tablet (poziomo i pionowo) */
@media (max-width: 900px){
  .hero-grid{ grid-template-columns:1fr; }
  .feature-split{ grid-template-columns:1fr; }
  .feature-split .speech-illustration{ order:-1; max-width:280px; }
  .hero-visual{ max-width:460px; margin:0 auto; }
  .valuation-card{ transform:none; max-width:100%; }
  .hero-blob{ display:none; }
  .grid-3{ grid-template-columns:1fr 1fr; }
  .footer-grid{ grid-template-columns:1fr 1fr; }
  .person{ grid-template-columns:120px 1fr; }
  section{ padding:72px 0; }
}

/* Tablet pionowo / duży telefon / mały laptop — chowamy menu wcześniej,
   bo 6 pozycji + przycisk CTA nie mieszczą się w jednej linii już poniżej ~1040px */
@media (max-width: 1040px){
  .header-inner{ position:relative; }
  .main-nav{
    position:absolute; top:100%; left:0; right:0; z-index:90;
    background:var(--bg); flex-direction:column; align-items:stretch; gap:0;
    padding:8px 20px 20px; border-bottom:1px solid var(--border);
    box-shadow:0 16px 32px -20px rgba(22,35,63,.25);
    display:none;
  }
  .main-nav.open{ display:flex; }
  .main-nav ul{ flex-direction:column; gap:0; padding:8px 0; }
  .main-nav ul li{ border-bottom:1px solid var(--border); }
  .main-nav ul li:last-child{ border-bottom:none; }
  .main-nav a{ display:block; padding:12px 2px; border-bottom:none !important; }
  .main-nav .btn{ display:flex; margin-top:12px; }
  .nav-toggle{ display:block; }

  .grid-2, .grid-3{ grid-template-columns:1fr; }
  .form-grid{ grid-template-columns:1fr; }
  .footer-grid{ grid-template-columns:1fr; gap:28px; }
  .cta-banner{ flex-direction:column; align-items:flex-start; padding:36px 28px; }
  .cta-banner .btn{ width:100%; justify-content:center; }
  .process li{ grid-template-columns:44px 1fr; gap:16px; }
  .process .step-index{ width:44px; height:44px; }
  .process .step-index svg{ width:20px; height:20px; }
  section{ padding:56px 0; }
  .btn-row{ flex-direction:column; align-items:stretch; }
  .btn-row .btn{ text-align:center; justify-content:center; }
}

/* Telefon */
@media (max-width: 480px){
  .header-inner{ padding:14px 16px; }
  .wrap{ padding:0 16px; }
  h1{ font-size:1.9rem; }
  .person{ grid-template-columns:1fr; }
  .avatar-illustration{ max-width:140px; margin:0 auto; }
  .footer-bottom{ flex-direction:column; align-items:flex-start; gap:8px; }
  .valuation-card__head{ flex-direction:column; align-items:flex-start; gap:4px; }
  .hero-floating-badge{ width:74px; height:74px; top:-16px; right:-16px; box-shadow:0 16px 30px -10px rgba(30,154,87,.5), 0 10px 22px -10px rgba(232,103,45,.4); }
  .hero-floating-badge svg{ width:32px; height:32px; }
}

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *{ transition:none !important; animation:none !important; }
}