:root{
  --bg:#f5f7f3; --text:#121712; --muted:#5f6a5f; --line:#dbe4d5;
  --green:#2c4b19; --gold:#b98337; --white:#fff;
  --shadow:0 16px 40px rgba(18,23,18,.08); --shadow-strong:0 30px 80px rgba(18,23,18,.16);
  --max:1280px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:
radial-gradient(circle at 80% 0%, rgba(93,126,59,.06), transparent 20%),
linear-gradient(180deg,#fbfcfa 0%,#f3f7ef 100%)}
a{text-decoration:none;color:inherit} img{display:block;max-width:100%}
.container{width:min(var(--max),calc(100% - 34px));margin:0 auto}
.topbar{background:#081506;color:#edf5e7;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0}
.site-header{position:sticky;top:0;z-index:100;background:rgba(251,252,250,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,228,213,.95)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}
.logo-wrap{display:flex;align-items:center;gap:16px}.logo-wrap img{width:64px;height:auto}.logo-title{font-size:34px;font-weight:800;letter-spacing:-.06em}.logo-sub{font-size:13px;color:var(--muted)}
.desktop-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.desktop-nav a{font-size:15px;padding:8px 0}.desktop-nav a:hover{color:var(--green)}
.menu-toggle{display:none;width:48px;height:48px;border-radius:16px;border:1px solid var(--line);background:#fff;font-size:22px;align-items:center;justify-content:center}
.mobile-nav{display:none;padding:0 0 18px;border-top:1px solid var(--line)} .mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid #edf2e7}
.cart-pill{padding:10px 14px;border-radius:999px;background:#edf5e7;border:1px solid #d4e3c6;font-weight:700;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:18px;border:1px solid transparent;font-weight:700;transition:.18s ease;cursor:pointer}
.btn:hover{transform:translateY(-1px)} .btn-primary{background:var(--green);color:#fff;box-shadow:var(--shadow)} .btn-secondary{background:#fff;border-color:#cfdac4;color:var(--text)} .btn-accent{background:linear-gradient(135deg,var(--green),var(--gold));color:#fff;box-shadow:var(--shadow)}
.hero-actions,.footer-links,.small-actions,.filters,.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.badge,.eyebrow,.eyebrow-premium{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;background:#dfe9d1;border:1px solid #cfddbf;color:#29401b;font-weight:700;font-size:14px}
.badge:before,.eyebrow:before,.eyebrow-premium:before{content:"";width:8px;height:8px;border-radius:999px;background:#4c7032}
.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:13px;font-weight:800;margin-bottom:10px}
.notice{margin-top:18px;padding:14px 16px;border:1px dashed #c6d4b7;background:#f9fcf6;border-radius:18px;color:var(--muted)}
.section{padding:80px 0}
.section-head{max-width:900px}
.section-title{margin:0 0 10px;font-size:clamp(32px,4vw,58px);line-height:1;letter-spacing:-.055em}
.section-text,.lead,.display-copy{color:var(--muted);font-size:19px;line-height:1.55;max-width:850px}
.hero-home-photo{position:relative;min-height:calc(100vh - 126px);overflow:hidden;background:#101510}
.hero-home-photo::before{content:"";position:absolute;inset:-6%;background:
linear-gradient(180deg, rgba(8,14,7,.48) 0%, rgba(8,14,7,.3) 30%, rgba(8,14,7,.62) 100%),
url('assets/microgreens-tray.jpg') center/cover no-repeat;animation:heroSlowMove 18s ease-in-out infinite alternate}
@keyframes heroSlowMove{0%{transform:scale(1) translate3d(0,0,0)}100%{transform:scale(1.08) translate3d(1.5%,-1.5%,0)}}
.hero-photo-inner{position:relative;z-index:2;min-height:calc(100vh - 126px);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.hero-photo-content{max-width:980px;padding:40px 0 80px}
.hero-photo-content .eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
.hero-title{font-size:clamp(58px,9vw,122px);line-height:.9;letter-spacing:-.08em;margin:18px 0 0}
.hero-sub{font-size:clamp(22px,3vw,38px);font-weight:700;margin-top:10px}
.hero-copy{font-size:20px;line-height:1.6;color:#ebf2e7;max-width:860px;margin:18px auto 0}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.metric{background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow)}
.metric strong{display:block;font-size:32px;letter-spacing:-.05em}.metric span{display:block;font-size:14px;color:var(--muted);margin-top:6px}
.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}
.device-card,.product-card,.soft-card,.summary-card,.card,.account-card{background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);overflow:hidden}
.device-card img,.product-media img{width:100%;height:280px;object-fit:cover}
.device-body,.product-body,.soft-card,.summary-card,.card,.account-card{padding:24px}
.device-label,.product-tag{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}
.device-body h3{margin:10px 0;font-size:36px;line-height:.96;letter-spacing:-.045em}
.device-body p{margin:0;color:var(--muted);font-size:18px;line-height:1.55}
.spec-list,.list{display:grid;gap:10px;margin-top:16px}
.spec-list div,.list div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;align-items:start}
.product-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:28px;align-items:center}
.visual img,.screen img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:24px}
.visual,.screen{border-radius:30px;overflow:hidden;border:1px solid #d3dec8;box-shadow:var(--shadow-strong);background:#fff}
.immersive-split{display:grid;grid-template-columns:.96fr 1.04fr;gap:28px;align-items:center;padding:36px;border-radius:40px;background:linear-gradient(145deg,#ecf4e3,#f7f4eb);border:1px solid var(--line);box-shadow:var(--shadow)}
.product-discovery-section{padding-top:16px}
.product-simple-head{margin-bottom:16px}
.product-simple-rail-wrap{margin-top:0}
.product-review-stars{display:flex;gap:6px;margin-top:10px;font-size:28px;color:#d3dacb}
.product-review-stars.small{font-size:16px;margin-top:0}
.product-review-stars span.is-active{color:#88b245}
.product-review-simple{display:grid;gap:20px}
.product-review-simple-head{display:grid;gap:8px;max-width:760px}
.product-review-simple-list{display:grid;gap:14px}
.product-review-simple-item{display:grid;gap:8px;padding:18px 20px;border-top:1px solid #e1e8dc}
.product-review-simple-item:first-child{border-top:0;padding-top:0}
.product-review-simple-meta{display:flex;justify-content:space-between;gap:16px;align-items:center}
.product-review-simple-meta strong{font-size:15px}
.product-review-simple-meta span{font-size:13px;color:var(--muted)}
.product-review-simple-item p{margin:0;color:var(--muted);font-size:16px;line-height:1.65}
.product-review-mini-form{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:16px;align-items:end;padding-top:14px;border-top:1px solid #e1e8dc}
.product-tier-picker{display:grid;gap:12px;margin-top:18px}
.product-tier-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.product-tier-card{position:relative;display:grid;gap:6px;padding:16px 16px 14px;border:1px solid #dbe5d4;border-radius:20px;background:#f9fbf7;cursor:pointer;transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease}
.product-tier-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(18,23,18,.08)}
.product-tier-card.is-active{border-color:#315d1a;box-shadow:0 16px 30px rgba(80,121,48,.12);background:#ffffff}
.product-tier-card input{position:absolute;opacity:0;pointer-events:none}
.product-tier-card strong{font-size:18px;line-height:1.05;color:#141a14}
.product-tier-card span{font-size:16px;font-weight:800;color:var(--green)}
.product-tier-card em{font-style:normal;font-size:13px;color:#5e6f5d}
.product-review-login-prompt{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:14px;border-top:1px solid #e1e8dc}
.product-review-login-prompt .section-text{margin:0}
.product-review-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.product-review-field{display:grid;gap:8px}
.product-review-field span{font-size:14px;font-weight:700;color:#223022}
.product-review-field input,.product-review-field select,.product-review-field textarea{width:100%;border:1px solid #d9e3d3;border-radius:18px;background:#fbfcfa;padding:14px 16px;font:inherit;color:var(--text)}
.product-review-field textarea{resize:vertical;min-height:150px}
.product-review-field-wide{grid-column:1 / -1}
.home-product-rail-wrap{margin-top:30px;padding:12px 0 0;border-radius:0;background:transparent;border:0;box-shadow:none}
.home-product-rail-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.home-product-rail-head strong{font-size:18px;letter-spacing:-.03em;color:#161d16}
.home-product-rail-kicker{display:block;margin-bottom:6px;color:#b98337;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.home-shop-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:18px}
.home-shop-meta-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#f3f8ee;border:1px solid #dce7d4;color:#284019;font-size:13px;font-weight:800}
.home-shop-meta-note{color:#5f6a5f;font-size:14px}
.home-product-rail-frame{position:relative;padding:0 64px}
.home-product-rail-viewport{overflow:hidden}
.home-rail-arrow{width:52px;height:52px;border-radius:999px;border:1px solid #2f8f45;background:#2aa647;color:#fff;font-size:34px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 14px 30px rgba(42,166,71,.22);transition:transform .18s ease, box-shadow .18s ease}
.home-rail-arrow:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(42,166,71,.28)}
.home-rail-arrow-side{position:absolute;top:50%;transform:translateY(-50%);z-index:3}
.home-rail-arrow-side:hover{transform:translateY(calc(-50% - 1px))}
.home-rail-arrow-side.is-left{left:6px}
.home-rail-arrow-side.is-right{right:6px}
.home-product-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 56px) / 5);gap:14px;padding:6px 0 6px;transition:transform .45s ease}
.home-product-card{position:relative;background:#fff;border:1px solid #e2e9de;border-radius:24px;overflow:hidden;box-shadow:0 14px 32px rgba(18,23,18,.06);transition:transform .28s ease, box-shadow .28s ease;transform-origin:center center}
.home-product-card:hover{transform:translateY(-6px) scale(1.045);box-shadow:0 24px 54px rgba(18,23,18,.16);z-index:3}
.home-product-card-media{position:relative;display:block;overflow:hidden;background:#f7f8f4}
.home-product-card-media img{width:100%;height:156px;object-fit:cover;background:#f2f5ef;transition:transform .28s ease}
.home-product-card:hover .home-product-card-media img{transform:scale(1.04)}
.home-product-card-overlay{position:absolute;inset:0;display:grid;align-content:end;gap:8px;padding:18px;background:linear-gradient(180deg,rgba(15,22,15,0) 20%,rgba(15,22,15,.72) 100%);color:#fff;opacity:0;transition:opacity .22s ease}
.home-product-card:hover .home-product-card-overlay{opacity:1}
.home-product-card-overlay-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#dce9cf}
.home-product-card-overlay strong{font-size:18px;line-height:1.02;letter-spacing:-.03em}
.home-product-card-overlay span{font-size:14px;line-height:1.5;color:rgba(255,255,255,.9)}
.home-product-card-body{display:grid;gap:6px;padding:14px 14px 16px}
.home-product-card-price{font-size:20px;font-weight:800;letter-spacing:-.04em;color:var(--green)}
.home-product-card h3{margin:0;font-size:20px;line-height:1.05;letter-spacing:-.04em;color:#171d17}
.home-product-card-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--green);font-size:15px}
.home-product-card-link::after{content:"›";font-size:20px;line-height:1}
.account-nav-link{display:inline-flex;align-items:center;gap:8px}
.account-nav-trigger{margin-left:88px}
.account-nav-icon{
  position:relative;
  display:inline-block;
  width:16px;
  height:16px;
  flex:0 0 16px;
  color:currentColor;
}
.account-nav-icon::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:7px;
  height:7px;
  border:2px solid currentColor;
  border-radius:999px;
  transform:translateX(-50%);
  box-sizing:border-box;
}
.account-nav-icon::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:12px;
  height:7px;
  border:2px solid currentColor;
  border-top:none;
  border-radius:0 0 10px 10px;
  transform:translateX(-50%);
  box-sizing:border-box;
}
.desktop-nav{gap:14px !important}
.login-hero{position:relative;min-height:calc(100vh - 126px);overflow:hidden;background:#101510}
.header-auth-panel{
  position:fixed;
  inset:0;
  z-index:1400;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.header-auth-panel.is-open{
  opacity:1;
  pointer-events:auto;
}
.header-auth-backdrop{
  position:absolute;
  inset:0;
  background:rgba(9,12,10,.18);
}
.header-auth-card{
  position:absolute;
  top:92px;
  right:28px;
  width:min(390px, calc(100vw - 32px));
  background:rgba(17,18,17,.98);
  color:#ffffff;
  border:1px solid rgba(255,255,255,.08);
  border-radius:0;
  box-shadow:0 28px 70px rgba(0,0,0,.26);
  transform:translateY(-8px) scale(.985);
  transition:transform .22s ease;
  overflow:hidden;
}
.header-auth-panel.is-open .header-auth-card{
  transform:translateY(0) scale(1);
}
.header-auth-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:24px 24px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.header-auth-head strong{
  font-size:18px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.header-auth-close{
  border:0;
  background:transparent;
  color:rgba(255,255,255,.58);
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.header-auth-tabs{
  display:flex;
  gap:18px;
  padding:18px 24px 0;
}
.header-auth-tab{
  border:0;
  background:transparent;
  color:rgba(255,255,255,.72);
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  padding:0 0 12px;
  border-bottom:2px solid transparent;
}
.header-auth-tab.is-active{
  color:#ffffff;
  border-bottom-color:#8fc738;
}
.header-auth-pane{
  display:none;
  padding:22px 24px 26px;
}
.header-auth-pane.is-active{
  display:block;
}
.header-auth-form{
  display:grid;
  gap:14px;
}
.header-auth-field{
  display:grid;
  gap:8px;
}
.header-auth-field span{
  color:rgba(255,255,255,.82);
  font-size:13px;
  font-weight:700;
}
.header-auth-field input,
.header-auth-field select{
  width:100%;
  min-height:48px;
  padding:0 14px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.03);
  color:#ffffff;
  font:inherit;
}
.header-auth-field input::placeholder{
  color:rgba(255,255,255,.32);
}
.header-auth-field input:focus,
.header-auth-field select:focus{
  outline:none;
  border-color:#8fc738;
  box-shadow:0 0 0 3px rgba(143,199,56,.14);
}
.header-auth-submit{
  width:100%;
  min-height:48px;
  margin-top:4px;
}
.header-auth-links{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
  margin-top:18px;
}
.header-auth-links a{
  color:rgba(255,255,255,.84);
  font-size:14px;
  font-weight:700;
  text-decoration:none;
}
.header-auth-links a:hover{
  color:#8fc738;
}
.login-hero::before{content:"";position:absolute;inset:-4%;background:
linear-gradient(180deg, rgba(8,14,7,.62) 0%, rgba(8,14,7,.48) 40%, rgba(8,14,7,.68) 100%),
url('assets/microgreens-tray.jpg') center/cover no-repeat;animation:heroSlowMove 18s ease-in-out infinite alternate}
.login-overlay{position:relative;z-index:2;min-height:calc(100vh - 126px);display:flex;align-items:center}
.auth-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start;width:100%}
.auth-intro{color:#fff;max-width:720px}.auth-intro h1{margin:18px 0 0;font-size:clamp(54px,8vw,112px);line-height:.9;letter-spacing:-.08em}.auth-intro p{color:#edf5e7;font-size:21px;line-height:1.55;max-width:720px}
.auth-points{display:grid;gap:12px;margin-top:22px}.auth-points div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:18px;padding:14px 16px;backdrop-filter:blur(10px)}
.auth-card{background:rgba(255,255,255,.96);border:1px solid rgba(219,228,213,.95);border-radius:30px;box-shadow:var(--shadow-strong);padding:28px}
.auth-tabs{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.auth-tab{padding:10px 16px;border-radius:999px;font-weight:700;background:#eef4e8;border:1px solid #d5e2c8}.auth-tab.active{background:var(--green);color:#fff;border-color:var(--green)}
.auth-pane{display:none}.auth-pane.active{display:block}.auth-card h2{margin:0 0 8px;font-size:34px;letter-spacing:-.05em}.auth-card p{margin:0 0 18px;color:var(--muted);font-size:17px}
.auth-card form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-card input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid #cfdbc4;font:inherit}.full{grid-column:1/-1}
.auth-side{margin-top:18px;display:grid;gap:12px}.auth-side .mini{border:1px solid var(--line);border-radius:20px;padding:18px;background:#f8fbf5}.auth-side .mini h3{margin:0 0 8px;font-size:22px}.auth-side .mini p{margin:0;color:var(--muted)}
.table{width:100%;border-collapse:collapse;margin-top:18px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.table th,.table td{padding:14px 16px;border-bottom:1px solid #edf2e7;text-align:left}.table th{background:#f8fbf5;font-size:14px}.table tr:last-child td{border-bottom:none}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}
.product-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.product-price,.price-large{font-size:28px;font-weight:800;letter-spacing:-.05em;color:var(--green)}
.label-buy,.label-inquiry{display:inline-block;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800;margin-top:16px}.label-buy{background:#edf5e7;color:#355121}.label-inquiry{background:#f6efe3;color:#8a5a19}
.qty-input{width:88px;padding:10px 12px;border-radius:14px;border:1px solid #cfdbc4}.qty-row{display:flex;align-items:center;gap:12px;margin-top:16px}
.empty-cart{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:24px}
.footer{margin-top:20px;color:#eef3ea;font-size:15px;background:#121712}
.footer a{color:#f4f8f1;text-decoration:none}
.footer a:hover{color:#a5df47}
.footer-scene{position:relative;overflow:hidden;padding:56px 0}
.footer-scene::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,10,.46) 0%,rgba(10,14,10,.62) 100%),url('assets/microgreens-tray.jpg') center/cover no-repeat;filter:saturate(1.05) contrast(1.02)}
.footer-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,13,9,.72) 0%,rgba(9,13,9,.36) 42%,rgba(9,13,9,.64) 100%)}
.footer-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .95fr .8fr;gap:48px;align-items:start}
.footer-brand,.footer-contact,.footer-nav{position:relative}
.footer-logo{display:inline-flex;align-items:center}
.footer-logo img{width:200px;height:auto;display:block;filter:drop-shadow(0 12px 22px rgba(0,0,0,.22))}
.footer-contact h3{margin:0 0 18px;color:#8fe13d;font-size:20px;letter-spacing:-.03em}
.footer-contact div{margin:0 0 14px;color:rgba(244,248,241,.9);font-size:18px;line-height:1.55}
.footer-nav{display:grid;gap:16px;justify-items:start;padding-top:6px}
.footer-nav a{position:relative;padding-left:0;font-size:17px;font-weight:700;letter-spacing:.02em}
.footer-bottom{background:#0f140f;border-top:1px solid rgba(255,255,255,.08)}
.footer-bottom-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 0;color:rgba(239,245,233,.72);font-size:14px}

.cookie-banner{
  position:fixed !important;
  inset:0 !important;
  z-index:10020 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  pointer-events:none !important;
  opacity:0 !important;
  transition:opacity .26s ease !important;
  background:rgba(15,20,16,0.48) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

.cookie-banner[hidden]{
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.cookie-banner.is-visible{
  opacity:1 !important;
  pointer-events:auto !important;
}

.cookie-banner-card{
  width:min(760px, calc(100% - 32px)) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  padding:28px 28px 24px !important;
  border-radius:30px !important;
  background:rgba(255,255,255,0.97) !important;
  border:1px solid rgba(214,224,209,0.95) !important;
  box-shadow:0 34px 80px rgba(18,24,18,.22) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  pointer-events:auto !important;
  transform:translateY(18px) scale(.98) !important;
  transition:transform .26s ease !important;
}

.cookie-banner.is-visible .cookie-banner-card{
  transform:translateY(0) scale(1) !important;
}

.cookie-banner-copy{
  display:grid !important;
  gap:8px !important;
  max-width:620px !important;
  text-align:center !important;
}

.cookie-banner-copy strong{
  color:#162019 !important;
  font-size:24px !important;
}

.cookie-banner-copy p{
  margin:0 !important;
  color:#58695e !important;
  line-height:1.65 !important;
}

.cookie-banner-copy a{
  color:#1b6e44 !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

.cookie-banner-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  width:100% !important;
}

.cookie-banner-actions .btn{
  min-width:170px !important;
}

.cookie-banner-actions-bottom{
  justify-content:flex-end !important;
  margin-top:4px !important;
  padding-top:6px !important;
  border-top:1px solid rgba(214,224,209,0.75) !important;
}

.cookie-banner-settings{
  width:100% !important;
  display:grid !important;
  gap:14px !important;
  margin-top:6px !important;
  padding-top:8px !important;
}

.cookie-setting-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:16px 18px !important;
  border-radius:20px !important;
  background:#f5f8f3 !important;
  border:1px solid rgba(214,224,209,0.95) !important;
}

.cookie-setting-row strong{
  color:#162019 !important;
  font-size:17px !important;
}

.cookie-setting-row p{
  margin:6px 0 0 !important;
  color:#627164 !important;
  line-height:1.55 !important;
}

.cookie-setting-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  background:#e9f6ec !important;
  border:1px solid #bfe0c7 !important;
  color:#1b6e44 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.cookie-switch{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
}

.cookie-switch input{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.cookie-switch span{
  position:relative !important;
  display:inline-flex !important;
  width:58px !important;
  height:34px !important;
  border-radius:999px !important;
  background:#d8e2d1 !important;
  transition:background .22s ease !important;
}

.cookie-switch span::after{
  content:"" !important;
  position:absolute !important;
  top:4px !important;
  left:4px !important;
  width:26px !important;
  height:26px !important;
  border-radius:999px !important;
  background:#ffffff !important;
  box-shadow:0 4px 10px rgba(18,24,18,.16) !important;
  transition:transform .22s ease !important;
}

.cookie-switch input:checked + span{
  background:#2f8a53 !important;
}

.cookie-switch input:checked + span::after{
  transform:translateX(24px) !important;
}

.cookie-settings-note{
  color:#6b796d !important;
  line-height:1.6 !important;
  text-align:left !important;
}

@media (max-width: 760px){
  .cookie-banner{
    padding:14px !important;
  }

  .cookie-banner-card{
    padding:18px !important;
  }

  .cookie-setting-row{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .cookie-banner-actions .btn{
    width:100% !important;
  }
}
@media (max-width:1060px){.metrics,.device-grid,.grid-2,.product-grid,.product-hero,.auth-shell,.auth-card form{grid-template-columns:1fr}.home-product-rail-head{flex-direction:column;align-items:start}.home-product-rail{grid-auto-columns:calc((100% - 28px) / 3)}.home-shop-meta{align-items:flex-start}.product-review-mini-form{grid-template-columns:1fr}.product-review-login-prompt{flex-direction:column;align-items:flex-start}.admin-tier-row{grid-template-columns:1fr 1fr}.admin-tier-head{flex-direction:column;align-items:flex-start}}
@media (max-width:760px){.product-review-simple-item{padding:16px 0}.product-review-simple-meta{align-items:flex-start;flex-direction:column;gap:6px}}
@media (max-width:720px){.home-product-rail-frame{padding:0 46px}.home-product-rail{grid-auto-columns:calc((100% - 14px) / 2)}.home-rail-arrow{width:44px;height:44px;font-size:28px}.home-rail-arrow-side.is-left{left:0}.home-rail-arrow-side.is-right{right:0}}
@media (max-width:860px){.desktop-nav{display:none}.menu-toggle{display:inline-flex}.mobile-nav.open{display:block}.container{width:min(var(--max),calc(100% - 20px))}}


.topbar{display:none !important}
.site-header{top:0}
.site-header-overlay{
  position:absolute;
  top:0;left:0;right:0;
  background:linear-gradient(180deg, rgba(8,12,9,.58) 0%, rgba(8,12,9,.16) 82%, rgba(8,12,9,0) 100%);
  border-bottom:none;
  backdrop-filter:blur(10px);
}
.elegant-header{padding:24px 0}
.elegant-logo img{width:70px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.16))}
.elegant-logo .logo-title{color:#fff;font-size:38px}
.elegant-logo .logo-sub{color:rgba(255,255,255,.82);font-size:14px}
.elegant-logo .logo-text{display:none !important}
.elegant-nav a{color:#fff;font-weight:600}
.elegant-nav .cart-pill{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px)}
body.home-page .elegant-header,
body.inner-page .elegant-header{
  display:grid !important;
  grid-template-columns:120px 1fr auto !important;
  align-items:center !important;
  gap:22px !important;
}

body.home-page .elegant-logo,
body.inner-page .elegant-logo{
  justify-self:start !important;
}

body.home-page .desktop-nav.elegant-nav,
body.inner-page .desktop-nav.elegant-nav{
  justify-self:center !important;
  justify-content:center !important;
  width:100% !important;
}

body.home-page .elegant-header .menu-toggle,
body.inner-page .elegant-header .menu-toggle{
  justify-self:end !important;
}
.hero-home-photo{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background:#101510;
}
.hero-home-photo::before{
  content:"";
  position:absolute; inset:-5%;
  background:
    linear-gradient(180deg, rgba(7,10,8,.58) 0%, rgba(7,10,8,.30) 28%, rgba(7,10,8,.72) 100%),
    url('assets/gartenbot.jpg') center center/cover no-repeat;
  animation:heroSlowMove 18s ease-in-out infinite alternate;
}
.hero-home-photo::after{
  content:"";
  position:absolute; inset:0;
  background:radial-gradient(circle at 50% 45%, rgba(255,255,255,.05), transparent 42%);
}
.hero-photo-inner{
  position:relative; z-index:2;
  min-height:100vh;
  display:flex; align-items:center; justify-content:center;
  text-align:center; color:#fff;
}
.hero-photo-content{max-width:1080px;padding:170px 0 90px}
.hero-photo-content .eyebrow{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.18);
  color:#fff;
}
.hero-title{
  font-size:clamp(78px,12vw,170px);
  line-height:.88;
  letter-spacing:-.09em;
  margin:18px 0 0;
}
.hero-sub{
  font-size:clamp(22px,3vw,40px);
  color:#fff;
  font-weight:700;
  margin-top:12px;
}
.hero-copy{
  font-size:clamp(19px,2vw,28px);
  line-height:1.6;
  color:rgba(255,255,255,.92);
  max-width:980px;
  margin:22px auto 0;
}
.home-intro-band{margin-top:-46px;position:relative;z-index:3}
.home-intro-card{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(219,228,213,.95);
  border-radius:34px;
  box-shadow:0 30px 80px rgba(18,23,18,.14);
  padding:28px;
}
.home-intro-card strong{
  display:block;
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--gold);
  margin-bottom:10px;
}
.home-intro-card p{margin:0;font-size:20px;line-height:1.7;color:var(--muted)}
@media (max-width:860px){
  .site-header-overlay{position:sticky;background:rgba(8,12,9,.78)}
  .elegant-logo .logo-title{font-size:30px}
  .hero-home-photo,.hero-photo-inner{min-height:88vh}
  .hero-photo-content{padding:120px 0 70px}
}


/* polished elegant update */
.site-header-overlay{
  background:linear-gradient(180deg, rgba(8,12,9,.72) 0%, rgba(8,12,9,.34) 72%, rgba(8,12,9,0) 100%);
}
.elegant-header{
  padding:18px 0;
}
.elegant-logo{
  gap:14px;
}
.elegant-logo img{
  width:58px;
  height:58px;
  object-fit:contain;
  flex:0 0 auto;
}
.elegant-logo .logo-title{
  font-size:30px;
  line-height:1;
}
.elegant-logo .logo-sub{
  font-size:13px;
  line-height:1.2;
}
.elegant-nav{
  gap:16px;
}
.elegant-nav a{
  font-size:15px;
  letter-spacing:-.01em;
}
.elegant-nav .cart-pill{
  border-radius:999px;
  padding:9px 14px;
}

.hero-home-photo::before{
  background:
    linear-gradient(180deg, rgba(7,10,8,.54) 0%, rgba(7,10,8,.22) 28%, rgba(7,10,8,.72) 100%),
    url('assets/gartenbot.jpg') center center/cover no-repeat !important;
}

.hero-photo-content{
  max-width:900px;
  padding:165px 0 82px;
}
.hero-photo-content .eyebrow{
  font-size:13px;
  padding:8px 14px;
}
.hero-title{
  font-size:clamp(54px,8vw,110px);
  max-width:none;
  line-height:.92;
}
.hero-sub{
  font-size:clamp(18px,2.3vw,30px);
  line-height:1.22;
  max-width:860px;
  margin:14px auto 0;
}
.hero-copy{
  font-size:clamp(17px,1.5vw,22px);
  line-height:1.65;
  max-width:820px;
  margin:18px auto 0;
}
.hero-actions .btn-accent,
.hero-actions .btn-secondary{
  border-radius:999px;
  padding:15px 24px;
  min-width:190px;
}
.hero-actions .btn-secondary{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.98);
}
.home-intro-band{
  margin-top:-36px;
}
.home-intro-card{
  border-radius:28px;
  padding:24px 26px;
}
.home-intro-card p{
  font-size:18px;
  line-height:1.65;
}

.metrics{
  gap:16px;
}
.metric{
  border-radius:22px;
}
.metric strong{
  font-size:28px;
}

.section{
  padding:74px 0;
}
.section-head{
  max-width:860px;
}
.section-title{
  font-size:clamp(28px,3.5vw,52px);
}
.section-text{
  font-size:18px;
}

.device-grid{
  gap:20px;
}
.device-card{
  border-radius:26px;
}
.device-card img{
  height:250px;
}
.device-body{
  padding:22px;
}
.device-body h3{
  font-size:30px;
}
.device-body p{
  font-size:17px;
}
.spec-list div{
  border-radius:14px;
  font-size:15px;
}

.footer{
  margin-top:20px;
}

@media (max-width:860px){
  .footer-inner{
    grid-template-columns:1fr;
    gap:28px;
  }
  .footer-logo img{
    width:160px;
  }
  .footer-brand p,
  .footer-contact div,
  .footer-nav a{
    font-size:16px;
  }
  .footer-bottom-inner{
    flex-direction:column;
    align-items:flex-start;
  }
  .elegant-logo img{
    width:48px;
    height:48px;
  }
  .elegant-logo .logo-title{
    font-size:24px;
  }
  .elegant-logo .logo-sub{
    font-size:11px;
  }
  .hero-photo-content{
    padding:120px 0 64px;
  }
  .hero-title{
    font-size:clamp(44px,13vw,72px);
  }
  .hero-sub{
    font-size:clamp(16px,5vw,24px);
  }
  .hero-copy{
    font-size:16px;
  }
  .hero-actions{
    justify-content:center;
  }
  .hero-actions .btn-accent,
  .hero-actions .btn-secondary{
    min-width:unset;
    width:auto;
  }
}


/* FINAL REFINEMENT */

.site-header{
  position:fixed !important;
  top:0;
  left:0;
  right:0;
  z-index:999;
}

body{
  padding-top:110px;
}

.elegant-logo img{
  width:52px;
  height:52px;
  object-fit:contain;
  margin-right:6px;
}

.logo-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.elegant-logo .logo-title{
  font-size:26px;
}

.elegant-logo .logo-sub{
  font-size:11px;
}

/* HERO FIX */
.hero-title{
  font-size:clamp(42px,6vw,80px);
  letter-spacing:-0.04em;
}

.hero-sub{
  font-size:clamp(16px,2vw,22px);
  max-width:700px;
}

.hero-copy{
  display:none; /* removes long text */
}

/* BUTTON CLEAN */
.hero-actions .btn-accent,
.hero-actions .btn-secondary{
  padding:12px 20px;
  font-size:14px;
}

/* spacing fix */
.hero-photo-content{
  padding:140px 0 70px;
}



/* ===== Vollständiger finaler Fix ===== */
.topbar{display:none !important;}
html, body{
  margin:0 !important;
  padding:0 !important;
}
body{
  padding-top:0 !important;
}
.site-header{
  position:fixed !important;
  top:0;
  left:0;
  right:0;
  z-index:9999;
  background:transparent !important;
  border-bottom:none !important;
  box-shadow:none !important;
}
.site-header-overlay{
  background:linear-gradient(180deg, rgba(9,12,10,.68) 0%, rgba(9,12,10,.42) 70%, rgba(9,12,10,.18) 100%) !important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  border-bottom:none !important;
  box-shadow:none !important;
}
.site-header::before,
.site-header::after,
.site-header-overlay::before,
.site-header-overlay::after{
  content:none !important;
  display:none !important;
}
.header-inner{
  padding:16px 0 14px !important;
  min-height:84px !important;
  align-items:flex-start !important;
}
.logo-wrap,
.elegant-logo{
  display:flex !important;
  align-items:flex-start !important;
  gap:14px;
  overflow:visible !important;
  padding-left:8px;
}
.elegant-logo img,
.logo-wrap img{
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  object-fit:contain !important;
  display:block;
  flex:0 0 auto;
  margin-top:2px;
  border-radius:0 !important;
  clip-path:none !important;
  filter:none !important;
}
.logo-text{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:visible !important;
}
.elegant-logo .logo-title,
.logo-title{
  font-size:24px !important;
  line-height:1 !important;
  color:#fff !important;
  letter-spacing:-.03em;
  margin:0 !important;
}
.elegant-logo .logo-sub,
.logo-sub{
  font-size:11px !important;
  line-height:1.2 !important;
  color:rgba(255,255,255,.86) !important;
  margin-top:4px !important;
}
.desktop-nav.elegant-nav,
.desktop-nav{
  display:flex;
  align-items:center;
  gap:20px;
  padding-top:8px;
}
.elegant-nav a,
.desktop-nav a{
  color:#fff !important;
  font-size:14px !important;
  font-weight:700 !important;
}
.elegant-nav .cart-pill,
.cart-pill{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:999px !important;
  padding:10px 16px !important;
}
.hero-home-photo{
  margin-top:0 !important;
  padding-top:0 !important;
  min-height:100vh !important;
}
.hero-home-photo::before{
  background:
    linear-gradient(180deg, rgba(8,10,8,.54) 0%, rgba(8,10,8,.24) 34%, rgba(8,10,8,.66) 100%),
    url('assets/gartenbot.jpg') center center/cover no-repeat !important;
}
.hero-photo-inner{
  min-height:100vh !important;
  align-items:center !important;
}
.hero-photo-content{
  max-width:860px !important;
  padding:150px 0 70px !important;
}
.hero-title{
  font-size:clamp(44px,6vw,82px) !important;
  letter-spacing:-.04em !important;
}
.hero-sub{
  font-size:clamp(16px,2vw,22px) !important;
  max-width:720px !important;
  line-height:1.25 !important;
}
.hero-copy{
  font-size:18px !important;
  max-width:760px !important;
  line-height:1.6 !important;
}
.hero-actions .btn-accent,
.hero-actions .btn-secondary{
  border-radius:999px !important;
  padding:12px 20px !important;
  font-size:14px !important;
}
.home-intro-band{
  margin-top:-8px !important;
}
@media (max-width:860px){
  .site-header-overlay{
    background:rgba(9,12,10,.82) !important;
  }
  .header-inner{
    min-height:76px !important;
    padding:14px 0 !important;
  }
  .elegant-logo img,
  .logo-wrap img{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
  }
  .elegant-logo .logo-title,
  .logo-title{
    font-size:22px !important;
  }
  .hero-photo-content{
    padding:118px 0 56px !important;
  }
}


/* clean logo left fix */
.site-header{
  position: fixed !important;
  top:0;
  left:0;
  right:0;
  z-index:9999;
  background: transparent !important;
  border: 0 !important;
  box-shadow:none !important;
}

.site-header-overlay{
  background: linear-gradient(180deg, rgba(9,12,10,.68) 0%, rgba(9,12,10,.42) 70%, rgba(9,12,10,.18) 100%) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.header-inner{
  min-height: 88px !important;
  padding: 16px 0 !important;
}

.elegant-logo{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  padding-left: 22px !important;
  overflow: visible !important;
  position: relative;
  left: 6px;
}

.elegant-logo img{
  width: 58px !important;
  height: 58px !important;
  min-width:58px !important;
  object-fit: contain !important;
  display:block !important;
  margin:0 !important;
  clip-path:none !important;
  mask:none !important;
  border-radius:0 !important;
  filter:none !important;
}

.logo-text{
  display:flex !important;
  flex-direction:column;
  justify-content:center;
}

.logo-title{
  font-size: 28px !important;
  line-height: 1 !important;
  color:#fff !important;
  margin:0 !important;
  letter-spacing:-0.03em;
}

.logo-sub{
  font-size: 11px !important;
  line-height:1.2 !important;
  color: rgba(255,255,255,.86) !important;
  margin-top: 4px !important;
}

.hero-home-photo{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.site-header::before,
.site-header::after,
.site-header-overlay::before,
.site-header-overlay::after{
  content:none !important;
  display:none !important;
}

@media (max-width:860px){
  .elegant-logo{
    left: 0;
    padding-left: 10px !important;
    gap:12px !important;
  }
  .elegant-logo img{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
  }
  .logo-title{
    font-size:22px !important;
  }
}


/* REMOVE ALL BADGES / PILLS / PLATFORM BUTTONS */
.badge,
.eyebrow,
.pill,
.tag,
.label,
.section-badge,
.hero-badge,
.hero-home-photo .eyebrow,
.hero-photo-content .eyebrow {
  display: none !important;
}


/* ===== Schöner Adminbereich ===== */
.admin-hero{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-end;
  padding:34px;
  border-radius:32px;
  background:linear-gradient(145deg,#f8fbf5,#eef5e8);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.admin-kicker{
  display:inline-block;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--gold);
  font-weight:800;
  margin-bottom:10px;
}
.admin-hero h1{
  margin:0 0 12px;
  font-size:clamp(34px,5vw,62px);
  line-height:.95;
  letter-spacing:-.05em;
}
.admin-hero p{
  margin:0;
  max-width:800px;
  color:var(--muted);
  font-size:18px;
  line-height:1.6;
}
.admin-hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.premium-admin-toolbar{
  margin-top:24px;
  margin-bottom:22px;
}
.admin-logout-link{
  background:#121712 !important;
  color:#fff !important;
  border-color:#121712 !important;
}
.admin-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:22px;
}
.admin-stat-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:22px;
  box-shadow:var(--shadow);
}
.admin-stat-card strong{
  display:block;
  font-size:34px;
  letter-spacing:-.05em;
}
.admin-stat-card span{
  display:block;
  margin-top:8px;
  color:var(--muted);
}
.admin-sections-grid{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:24px;
  align-items:start;
}
.admin-sections-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
  align-items:start;
}
.admin-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px;
  padding:26px;
  box-shadow:var(--shadow);
}
.admin-panel-head h2{
  margin:0 0 8px;
  font-size:30px;
  letter-spacing:-.04em;
}
.admin-panel-head p{
  margin:0 0 18px;
  color:var(--muted);
}
.admin-payment-status{
  margin:0 0 22px;
  padding:22px;
  border-radius:24px;
  border:1px solid #d9e3d2;
  background:linear-gradient(180deg,#fbfdf9 0%,#f3f8ee 100%);
}
.admin-payment-status.is-ready{
  border-color:#b9d9b6;
  background:linear-gradient(180deg,#f9fdf8 0%,#eef8ec 100%);
}
.admin-payment-status-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
}
.admin-payment-status-head h3{
  margin:6px 0 6px;
  font-size:28px;
  letter-spacing:-.04em;
}
.admin-payment-status-head p{
  margin:0;
  color:var(--muted);
  max-width:64ch;
}
.admin-payment-badge{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:#fff;
  border:1px solid #d8e3d1;
  font-weight:800;
  white-space:nowrap;
}
.admin-payment-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.admin-payment-provider-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}
.admin-payment-provider{
  padding:18px;
  border-radius:22px;
  background:#fff;
  border:1px solid #dde7d7;
}
.admin-payment-provider-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.admin-payment-provider-head h4{
  margin:6px 0 0;
  font-size:22px;
  letter-spacing:-.04em;
}
.admin-payment-provider-badge{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid #dde7d7;
  background:#f8fbf5;
  color:#6d7c70;
  font-weight:800;
  white-space:nowrap;
}
.admin-payment-provider-badge.is-ok{
  color:#2f6d36;
  border-color:#cfe2cd;
  background:#f2f8ee;
}
.admin-payment-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:18px 0 20px;
}
.admin-payment-step{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  background:#fff;
  border:1px solid #dde7d7;
}
.admin-payment-step strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#edf5e8;
  color:#2f5a2f;
  font-size:14px;
  flex:0 0 auto;
}
.admin-payment-step span{
  color:#445647;
  font-weight:600;
  line-height:1.45;
}
.admin-go-live{
  margin:0 0 22px;
  padding:22px;
  border-radius:24px;
  border:1px solid #d9e3d2;
  background:linear-gradient(180deg,#ffffff 0%,#f7faf4 100%);
}
.admin-go-live.is-ready{
  border-color:#bfdcb8;
  background:linear-gradient(180deg,#fbfef9 0%,#eff8ec 100%);
}
.admin-go-live-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
}
.admin-go-live-head h3{
  margin:6px 0 8px;
  font-size:28px;
  letter-spacing:-.04em;
}
.admin-go-live-head p{
  margin:0;
  color:var(--muted);
  max-width:70ch;
}
.admin-go-live-score{
  display:grid;
  gap:4px;
  min-width:180px;
  padding:16px 18px;
  border-radius:20px;
  border:1px solid #dce6d7;
  background:#fff;
  text-align:right;
}
.admin-go-live-score strong{
  font-size:28px;
  line-height:1;
  letter-spacing:-.04em;
}
.admin-go-live-score span{
  color:var(--muted);
  font-size:14px;
  font-weight:700;
}
.admin-go-live-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}
.admin-go-live-card{
  padding:18px;
  border-radius:22px;
  background:#fff;
  border:1px solid #dde7d7;
}
.admin-go-live-card h4{
  margin:0 0 14px;
  font-size:20px;
  letter-spacing:-.03em;
}
.admin-go-live-list{
  display:grid;
  gap:10px;
}
.admin-go-live-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:flex-start;
  padding:12px 14px;
  border-radius:16px;
  background:#fffdf8;
  border:1px solid #e7e0c9;
}
.admin-go-live-item.is-ok{
  background:#f6fbf2;
  border-color:#d4e4cf;
}
.admin-go-live-dot{
  width:10px;
  height:10px;
  margin-top:6px;
  border-radius:50%;
  background:#d2ad46;
  box-shadow:0 0 0 6px rgba(210,173,70,.12);
}
.admin-go-live-item.is-ok .admin-go-live-dot{
  background:#3f8c4f;
  box-shadow:0 0 0 6px rgba(63,140,79,.12);
}
.admin-go-live-item strong{
  display:block;
  margin:0 0 4px;
  font-size:15px;
}
.admin-go-live-item small{
  display:block;
  color:var(--muted);
  line-height:1.5;
}
.admin-go-live-item em{
  font-style:normal;
  font-weight:800;
  font-size:12px;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#8b7042;
}
.admin-go-live-item.is-ok em{
  color:#2f6d36;
}
.admin-go-live-manual{
  margin-top:18px;
  padding:18px;
  border-radius:22px;
  background:#f8fbf5;
  border:1px solid #dde7d7;
}
.admin-go-live-manual h4{
  margin:0 0 12px;
  font-size:18px;
  letter-spacing:-.03em;
}
.admin-go-live-manual-list{
  display:grid;
  gap:10px;
}
.admin-go-live-manual-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:flex-start;
}
.admin-go-live-manual-dot{
  width:10px;
  height:10px;
  margin-top:6px;
  border-radius:50%;
  background:#223a74;
  box-shadow:0 0 0 6px rgba(34,58,116,.08);
}
.admin-payment-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border-radius:18px;
  background:#fff;
  border:1px solid #dde7d7;
}
.admin-payment-item strong{
  font-size:15px;
}
.admin-payment-item span{
  color:#7b4031;
  font-weight:800;
}
.admin-payment-item.is-ok span{
  color:#2f6d36;
}
.admin-payment-webhook{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #dde7d7;
}
.admin-payment-webhook strong{
  display:block;
  margin-bottom:10px;
}
.admin-payment-webhook code{
  display:block;
  width:100%;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid #dce5d7;
  background:#fff;
  font-size:14px;
  overflow-wrap:anywhere;
}
.admin-payment-webhook p{
  margin:10px 0 0;
  color:var(--muted);
}
.admin-payment-divider{
  margin:8px 0 4px;
  border:0;
  border-top:1px solid #dde7d7;
}
.admin-content-shortcuts{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 18px;
}
.admin-content-overview{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0 0 18px;
}
.admin-content-toolbar{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:14px;
  margin:0 0 18px;
}
.admin-content-search{
  display:grid;
  gap:8px;
  min-width:0;
  flex:1 1 420px;
}
.admin-content-search span{
  color:#55695b;
  font-size:13px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.admin-content-search input{
  min-height:54px;
  padding:0 18px;
  border-radius:18px;
  border:1px solid #dce5d7;
  background:#fff;
  color:#183120;
  font-size:16px;
  font-weight:600;
}
.admin-content-search input:focus{
  outline:none;
  border-color:#89b48f;
  box-shadow:0 0 0 4px rgba(114,164,121,.12);
}
.admin-content-overview-card{
  padding:18px 20px;
  border-radius:22px;
  border:1px solid #dce5d7;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbf5 100%);
  box-shadow:0 12px 30px rgba(35,62,44,.06);
}
.admin-content-overview-card strong{
  display:block;
  font-size:32px;
  line-height:1;
  letter-spacing:-.05em;
  color:#16341f;
}
.admin-content-overview-card span{
  display:block;
  margin-top:8px;
  color:#627364;
  font-weight:700;
}
.admin-content-shortcut{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid #d9e3d2;
  background:#f7faf4;
  color:#2f4b30;
  font-weight:700;
  text-decoration:none;
}
.admin-content-groups{
  display:grid;
  gap:20px;
}
.admin-content-group{
  padding:22px;
  border-radius:24px;
  border:1px solid #dee7d8;
  background:linear-gradient(180deg,#fbfdf9 0%,#f6faf2 100%);
}
.admin-content-group-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:14px;
}
.admin-content-group-head h3{
  margin:6px 0 6px;
  font-size:26px;
  letter-spacing:-.04em;
}
.admin-content-group-head p{
  margin:0;
  color:var(--muted);
  max-width:64ch;
}
.admin-content-group-pill{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 15px;
  border-radius:999px;
  background:#fff;
  border:1px solid #dce5d7;
  color:#355236;
  font-weight:800;
  white-space:nowrap;
}
.admin-content-page-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 14px;
}
.admin-content-page-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid #dce5d7;
  background:rgba(255,255,255,.76);
  color:#2a4730;
  text-decoration:none;
  font-weight:700;
}
.admin-content-page-pill small{
  color:#6f7d72;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.admin-content-page-list{
  gap:12px;
}
.admin-content-empty{
  display:grid;
  gap:6px;
  margin:0 0 18px;
  padding:18px 20px;
  border-radius:22px;
  border:1px dashed #d9e3d2;
  background:#fbfdf9;
  color:#55695b;
}
.admin-content-empty strong{
  color:#17341f;
  font-size:18px;
  letter-spacing:-.02em;
}
.admin-content-empty span{
  color:#6a7a6d;
}
@media (max-width: 860px){
  .admin-content-overview{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .admin-content-toolbar{
    display:grid;
  }
  .admin-payment-status-head,
  .admin-payment-provider-head,
  .admin-payment-item,
  .admin-content-group-head,
  .admin-go-live-head{
    display:grid;
  }
  .admin-payment-steps,
  .admin-payment-grid,
  .admin-payment-provider-grid,
  .admin-go-live-grid{
    grid-template-columns:1fr;
  }
  .admin-payment-badge{
    justify-self:start;
  }
  .admin-go-live-score{
    width:100%;
    text-align:left;
  }
}
@media (max-width: 640px){
  .admin-content-overview{
    grid-template-columns:1fr;
  }
}
.admin-list-premium{
  display:grid;
  gap:14px;
}
.admin-list-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:16px 0;
  border-bottom:1px solid #edf2e7;
}
.admin-list-row:last-child{border-bottom:none;}
.analytics-admin-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:8px;
}
.analytics-admin-card{
  background:linear-gradient(180deg,#ffffff 0%,#f6faf2 100%);
  border:1px solid var(--line);
  border-radius:24px;
  padding:22px;
  box-shadow:var(--shadow);
}
.analytics-admin-card span{
  display:block;
  color:var(--muted);
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}
.analytics-admin-card strong{
  display:block;
  margin-top:10px;
  font-size:40px;
  line-height:.94;
  letter-spacing:-.06em;
}
.analytics-admin-card small{
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-size:15px;
}
.analytics-admin-layout{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:24px;
  margin-top:24px;
}
.analytics-admin-panel{
  background:#fbfcfa;
  border:1px solid var(--line);
  border-radius:28px;
  padding:22px;
}
.analytics-admin-subhead h3{
  margin:0 0 6px;
  font-size:26px;
  letter-spacing:-.04em;
}
.analytics-admin-subhead p{
  margin:0;
  color:var(--muted);
}
.analytics-mini-chart{
  display:grid;
  grid-template-columns:repeat(14, minmax(0,1fr));
  align-items:end;
  gap:10px;
  min-height:190px;
  margin-top:22px;
}
.analytics-mini-bar-group{
  display:grid;
  gap:10px;
  justify-items:center;
}
.analytics-mini-bars{
  width:100%;
  min-height:160px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:6px;
}
.analytics-mini-bars span{
  width:16px;
  border-radius:999px 999px 6px 6px;
}
.analytics-mini-bars .is-views{
  background:linear-gradient(180deg,#305a1c 0%,#6aa146 100%);
}
.analytics-mini-bars .is-visitors{
  background:linear-gradient(180deg,#c7db97 0%,#8cb75e 100%);
}
.analytics-mini-bar-group small{
  color:#6b756b;
  font-size:12px;
  font-weight:700;
}
.analytics-mini-legend{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  margin-top:14px;
  color:var(--muted);
  font-size:14px;
}
.analytics-mini-legend span{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.analytics-mini-legend i{
  display:inline-block;
  width:12px;
  height:12px;
  border-radius:999px;
}
.analytics-mini-legend .is-views{
  background:#3d6f24;
}
.analytics-mini-legend .is-visitors{
  background:#9fc66d;
}
.analytics-page-list{
  display:grid;
  gap:12px;
  margin-top:20px;
}
.analytics-page-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  padding:14px 0;
  border-bottom:1px solid #e8eee2;
}
.analytics-page-row:last-child{
  border-bottom:none;
  padding-bottom:0;
}
.analytics-page-row strong{
  display:block;
  font-size:17px;
}
.analytics-page-row small{
  display:block;
  margin-top:6px;
  color:var(--muted);
}
.analytics-page-metrics{
  display:grid;
  gap:8px;
  justify-items:end;
  white-space:nowrap;
}
.analytics-page-metrics span{
  padding:8px 12px;
  border-radius:999px;
  background:#eef4e8;
  font-size:13px;
  font-weight:700;
  color:#2d471f;
}
.analytics-empty{
  color:var(--muted);
  line-height:1.65;
  padding:12px 0;
}
.analytics-admin-table strong{
  font-size:15px;
}
@media (max-width: 980px){
  .admin-hero{
    flex-direction:column;
    align-items:flex-start;
  }
  .admin-stats-grid{
    grid-template-columns:1fr 1fr;
  }
  .analytics-admin-grid,
  .analytics-admin-layout{
    grid-template-columns:1fr;
  }
  .admin-sections-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 640px){
  .admin-stats-grid{
    grid-template-columns:1fr;
  }
  .analytics-mini-chart{
    grid-template-columns:repeat(7, minmax(0,1fr));
  }
  .analytics-page-row{
    flex-direction:column;
  }
  .analytics-page-metrics{
    justify-items:start;
  }
}


/* Registration + admin approval */
.auth-card select{
  width:100%;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid #cfdbc4;
  font:inherit;
  background:#fff;
}
.admin-table select{
  min-width:150px;
}


/* ===== Design Network inspired Geräte-Seite ===== */
body:not(.home-page) main{
  padding-top: 132px !important;
}

.dn-container{
  max-width: 1280px;
}

.dn-overline{
  display:inline-block;
  font-size:12px;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#b8832f;
  font-weight:800;
  margin-bottom:18px;
}

.dn-hero{
  position:relative;
  padding: 0;
  overflow:hidden;
  min-height: calc(100vh - 132px);
  display:flex;
  align-items:stretch;
}

.dn-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns: 1fr;
  gap: 0;
  align-items:center;
  min-height: calc(100vh - 132px);
  z-index:12;
}

.dn-hero .dn-container{
  position:relative;
  z-index:14;
  display:flex;
  align-items:center;
  min-height: calc(100vh - 132px);
}

.dn-hero-copy{
  position:relative;
  z-index:30 !important;
  max-width: min(640px, 46vw);
  padding: 92px 0 96px;
  isolation:isolate;
}

.dn-hero-copy,
.dn-hero-copy *{
  position:relative;
  z-index:35;
  opacity:1 !important;
}

.dn-hero-copy::before{
  display:none;
}

.dn-hero-copy h1{
  margin:0;
  font-size: clamp(64px, 7.8vw, 132px);
  line-height: .88;
  letter-spacing: -.06em;
  max-width: 12ch;
  color:#fff;
  text-wrap: balance;
  opacity:1 !important;
}

.dn-hero-copy p{
  margin: 24px 0 0;
  max-width: 34ch;
  font-size: 20px;
  line-height: 1.68;
  color: rgba(255,255,255,1);
  text-shadow: 0 12px 30px rgba(0,0,0,.28);
  opacity:1 !important;
}

.dn-hero-copy .dn-overline{
  color:#f7d79e;
  opacity:1 !important;
}

.dn-hero-copy-slider{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height: calc(100vh - 132px);
  isolation:isolate;
  max-width: min(640px, 46vw);
}

.dn-hero-copy-slider .dn-overline,
.dn-hero-copy-slider h1,
.dn-hero-copy-slider p{
  color:#fff !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}

.dn-hero-copy-slider .dn-overline{
  color:#f7d79e !important;
  text-shadow: 0 10px 26px rgba(0,0,0,.18);
}

.dn-hero-copy-slider h1{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow: 0 20px 44px rgba(7,18,7,.28);
}

.dn-hero-copy-slider p{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow: 0 14px 30px rgba(7,18,7,.24);
}

.dn-hero-slider{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#f5f5f3;
  z-index:0;
}

.dn-hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform: scale(1.06);
  transition:
    opacity .58s ease,
    transform 3.1s ease;
  pointer-events:none;
  cursor:pointer;
}

.dn-hero-slide.is-current{
  opacity:1;
  transform: scale(1.02);
  pointer-events:auto;
}

.dn-hero-slide img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.dn-hero-shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(22, 46, 22, .17) 0%, rgba(22, 46, 22, .19) 100%);
}

.dn-hero-actions{
  margin-top: 34px;
  position:relative;
  z-index:5;
}

.dn-hero-dots{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-top: 30px;
  position:relative;
  z-index:5;
}

.dn-hero-dot{
  width: 58px;
  height: 4px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.28);
  cursor:pointer;
  padding:0;
  transition: background .25s ease, transform .25s ease;
}

.dn-hero-dot.is-current{
  background:#fff;
  transform: scaleX(1.08);
}

.dn-device-block{
  scroll-margin-top: 110px;
}

.dn-hero-meta{
  display:grid;
  gap: 14px;
  padding-bottom: 12px;
}

.dn-meta-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 20px;
  border-top:1px solid rgba(24,30,24,.10);
  color:#1a211a;
}

.dn-meta-card strong{
  font-size: 14px;
  color:#798079;
  letter-spacing:.08em;
}

.dn-meta-card span{
  font-size: 17px;
  font-weight: 700;
}

.dn-device-section{
  padding: 74px 0 52px;
}

.dn-device-block{
  display:grid;
  grid-template-columns: minmax(430px, 560px) minmax(0, 1fr);
  gap: clamp(42px, 5vw, 82px);
  align-items:stretch;
  margin: 0 0 96px;
  padding: clamp(30px, 3vw, 48px);
  border-radius: 42px;
  background: linear-gradient(180deg, #fbfcfa 0%, #f3f7f1 100%);
  border: 1px solid rgba(126, 165, 95, .16);
  box-shadow: 0 28px 80px rgba(18, 28, 18, .06);
  overflow: hidden;
}

.dn-device-media{
  display:flex;
  align-items:stretch;
  justify-content:center;
  min-height: 100%;
}

.dn-device-block.reverse{
  grid-template-columns: minmax(0, 1fr) minmax(430px, 560px);
}

.dn-device-block.reverse .dn-device-media{
  order:2;
  justify-content:center;
}

.dn-device-block.reverse .dn-device-copy{
  order:1;
}

.dn-device-media img{
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 560px;
  max-height: 700px;
  display:block;
  aspect-ratio: 4 / 4.35;
  object-fit: cover;
  border-radius: 34px;
  margin: 0 auto;
  box-shadow: 0 28px 70px rgba(20, 28, 20, .10);
}

.dn-device-block.reverse .dn-device-media img{
  margin: 0 auto;
}

.dn-device-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding: 10px 0;
  align-self:center;
  max-width: 640px;
}

.dn-device-copy h2{
  margin:0;
  font-size: clamp(36px, 4.25vw, 64px);
  line-height: .95;
  letter-spacing: -.055em;
  max-width: 10ch;
}

.dn-device-copy p{
  margin: 26px 0 0;
  font-size: 18px;
  line-height: 1.68;
  color: var(--muted);
  max-width: 34ch;
}

.dn-device-block:first-child{
  margin-top: 10px;
}

.dn-feature-list{
  list-style:none;
  margin: 30px 0 0;
  padding:0;
  display:grid;
  gap: 12px;
}

.dn-feature-list li{
  position:relative;
  padding-left: 24px;
  color:#1f241f;
  font-size: 16px;
  line-height: 1.5;
}

.dn-feature-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#7fa55f;
  transform:translateY(-50%);
}

.dn-actions{
  display:flex;
  gap: 14px;
  flex-wrap:wrap;
  margin-top: 34px;
}

.dn-closing{
  padding: 8px 0 90px;
}

.dn-closing-grid{
  display:grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
  gap: 40px;
  padding-top: 26px;
  border-top:1px solid rgba(24,30,24,.10);
}

.dn-closing h2{
  margin:0;
  font-size: clamp(34px, 4.6vw, 64px);
  line-height:.95;
  letter-spacing:-.05em;
  max-width: 720px;
}

.dn-closing p{
  margin:0;
  font-size:18px;
  line-height:1.7;
  color:var(--muted);
  max-width: 640px;
}

@media (max-width: 1100px){
  .dn-hero-grid,
  .dn-device-block,
  .dn-device-block.reverse,
  .dn-closing-grid{
    grid-template-columns: 1fr;
  }

  .dn-device-block.reverse .dn-device-media,
  .dn-device-block.reverse .dn-device-copy{
    order: initial;
  }

  .dn-hero-copy h1{
    font-size: clamp(46px, 9vw, 82px);
  }

  .dn-hero-grid{
    min-height: calc(100vh - 132px);
  }

  .dn-hero-copy{
    max-width: 100%;
    padding: 80px 0 74px;
  }

  .dn-hero-copy p{
    max-width: 100%;
    font-size: 18px;
  }

  .dn-device-copy h2{
    font-size: clamp(32px, 7vw, 54px);
    max-width: 100%;
  }

  .dn-device-block{
    gap: 34px;
    margin-bottom: 64px;
    padding: 26px;
    min-height:auto;
  }

  .dn-device-media,
  .dn-device-block.reverse .dn-device-media{
    padding-left: 0;
    padding-right: 0;
    justify-content: center;
  }

  .dn-device-media img{
    aspect-ratio: 16 / 11;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    max-height: none;
    margin: 0;
  }

}

@media (max-width: 720px){
  body:not(.home-page) main{
    padding-top: 108px !important;
  }

  .dn-hero{
    min-height: calc(100vh - 108px);
  }

  .dn-hero-copy-slider{
    min-height: calc(100vh - 108px);
  }

  .dn-device-block{
    gap: 26px;
    margin-bottom: 54px;
  }

  .dn-device-copy p,
  .dn-hero-copy p,
  .dn-closing p{
    font-size: 16px;
  }

  .dn-hero-grid{
    min-height: calc(100vh - 108px);
  }

  .dn-hero-copy{
    max-width: 100%;
    padding: 54px 0 70px;
  }

  .dn-hero-copy h1{
    font-size: clamp(38px, 11vw, 60px);
  }

  .dn-hero-copy p{
    max-width: 100%;
  }

  .dn-hero-dots{
    gap: 9px;
  }

  .dn-hero-dot{
    width: 40px;
  }
}


/* ===== SAN MONTANO INSPIRED HOMEPAGE ONLY ===== */
body.home-page main{
  padding-top: 0 !important;
}

.sm-hero{
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: #111;
}

.sm-hero-bg{
  position:absolute;
  inset:0;
  animation: smZoom 18s ease-in-out infinite alternate;
}

.sm-hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter: saturate(.92) contrast(.96);
}

.sm-hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(13,16,14,.42) 0%, rgba(13,16,14,.28) 22%, rgba(13,16,14,.44) 72%, rgba(13,16,14,.72) 100%);
}


.sm-hero-kicker,
.sm-section-kicker{
  display:inline-block;
  font-size:12px;
  letter-spacing:.2em;
  text-transform:uppercase;
  font-weight:700;
  color:#d8c29a;
  margin-bottom:18px;
}

.sm-hero h1{
  margin:0;
  font-size: clamp(54px, 8vw, 118px);
  line-height: .9;
  letter-spacing:-.065em;
  max-width: 980px;
}

.sm-hero p{
  margin: 24px 0 0;
  font-size: 20px;
  line-height: 1.7;
  color: rgba(255,255,255,.9);
  max-width: 720px;
}

.sm-hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:30px;
}

.sm-narrow{
  max-width: 1120px;
}

.sm-intro{
  padding-top: 88px !important;
  padding-bottom: 30px !important;
}

.sm-two-col{
  display:grid;
  grid-template-columns: minmax(0,1.1fr) minmax(320px,.9fr);
  gap: 36px;
  align-items:start;
}

.sm-two-col h2,
.sm-story-copy h2,
.sm-closing h2{
  margin:0;
  font-size: clamp(38px, 5vw, 72px);
  line-height:.93;
  letter-spacing:-.055em;
}

.sm-two-col p,
.sm-story-copy p,
.sm-closing p{
  margin:0;
  font-size: 18px;
  line-height: 1.75;
  color: var(--muted);
}

.sm-feature-strip{
  padding-top: 10px !important;
  padding-bottom: 36px !important;
}

.sm-feature-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.sm-feature-card{
  display:block;
  text-decoration:none;
  color:inherit;
  background:#fff;
  border:1px solid rgba(25,30,25,.08);
  border-radius: 26px;
  padding: 28px 28px 24px;
  box-shadow: 0 18px 44px rgba(16,24,16,.05);
  transition: transform .28s ease, box-shadow .28s ease;
}
.sm-feature-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 28px 66px rgba(16,24,16,.11);
}
.sm-feature-card span{
  display:block;
  font-size:12px;
  letter-spacing:.14em;
  color:#8a8f87;
  margin-bottom:12px;
}
.sm-feature-card strong{
  display:block;
  font-size: 30px;
  letter-spacing:-.04em;
  margin-bottom:10px;
}
.sm-feature-card p{
  margin:0;
  color: var(--muted);
  line-height:1.6;
}

.sm-story{
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

.sm-story-grid{
  display:grid;
  grid-template-columns: minmax(360px, .9fr) minmax(0,1.1fr);
  gap: 44px;
  align-items:center;
}

.sm-story-media img,
.sm-wide-image img{
  width:100%;
  display:block;
  object-fit:cover;
  border-radius: 34px;
}

.sm-story-media img{
  aspect-ratio: 4 / 5;
}

.sm-wide-image img{
  aspect-ratio: 16 / 9;
}

.sm-editorial-image{
  position:relative !important;
  padding-top: 56px !important;
  padding-bottom: 38px !important;
}

.sm-editorial-image::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:84px;
  background:linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,.9) 42%, rgba(255,255,255,0) 100%);
  pointer-events:none;
  z-index:1;
}

.sm-editorial-image .container{
  position:relative;
  z-index:2;
}

.sm-wide-image{
  overflow:hidden;
  border-radius:34px;
  box-shadow:0 24px 60px rgba(18,24,18,.08);
}

.sm-closing{
  padding-top: 30px !important;
  padding-bottom: 90px !important;
}

.reveal-up,
.reveal-left,
.reveal-right{
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .8s ease, transform .8s ease;
}

.reveal-left{ transform: translateX(-34px); }
.reveal-right{ transform: translateX(34px); }

.reveal-in{
  opacity:1 !important;
  transform: none !important;
}

@keyframes smZoom{
  from { transform: scale(1.02); }
  to { transform: scale(1.09); }
}

@media (max-width: 1024px){
  .sm-two-col,
  .sm-story-grid{
    grid-template-columns: 1fr;
  }

  .sm-feature-grid{
    grid-template-columns: 1fr;
  }

  .sm-hero{
    min-height: 88vh;
  }

  
  .sm-hero p{
    font-size: 18px;
  }
}

@media (max-width: 720px){
  .sm-hero h1{
    font-size: clamp(44px, 15vw, 76px);
  }
  .sm-hero p,
  .sm-two-col p,
  .sm-story-copy p,
  .sm-closing p{
    font-size:16px;
  }
  .sm-feature-card strong{
    font-size:26px;
  }
}


/* FIX: hero/content always visible */

/* Fix hero spacing/content visibility */
.sm-hero{
  min-height: 86vh !important;
}


.sm-hero h1{
  color: #ffffff !important;
}

.sm-hero p{
  color: rgba(255,255,255,.92) !important;
}

/* Ensure sections show */
.section,
.sm-intro,
.sm-feature-strip,
.sm-story,
.sm-editorial-image,
.sm-closing{
  display: block !important;
  visibility: visible !important;
}


/* ===== PREMIUM SCROLL ANIMATIONS ===== */
.hero-entrance{
  animation: heroFloatIn 1.1s cubic-bezier(.22,1,.36,1) .12s both;
}

.scroll-fade-up,
.scroll-fade-left,
.scroll-fade-right,
.scroll-scale-in,
.scroll-stagger{
  will-change: transform, opacity;
  transition:
    opacity .95s cubic-bezier(.22,1,.36,1),
    transform .95s cubic-bezier(.22,1,.36,1),
    filter 1.1s cubic-bezier(.22,1,.36,1);
}

.js-anim .scroll-fade-up,
.js-anim .scroll-fade-left,
.js-anim .scroll-fade-right,
.js-anim .scroll-scale-in,
.js-anim .scroll-stagger{
  opacity: 0;
  filter: blur(8px);
}

.js-anim .scroll-fade-up{ transform: translateY(44px); }
.js-anim .scroll-fade-left{ transform: translateX(-46px); }
.js-anim .scroll-fade-right{ transform: translateX(46px); }
.js-anim .scroll-scale-in{ transform: translateY(26px) scale(.965); }
.js-anim .scroll-stagger{ transform: translateY(34px); }

.js-anim .is-visible{
  opacity: 1 !important;
  transform: none !important;
  filter: blur(0) !important;
}

.js-anim .sm-feature-card.scroll-stagger:nth-child(1){ transition-delay: .04s; }
.js-anim .sm-feature-card.scroll-stagger:nth-child(2){ transition-delay: .12s; }
.js-anim .sm-feature-card.scroll-stagger:nth-child(3){ transition-delay: .20s; }
.js-anim .sm-feature-card.scroll-stagger:nth-child(4){ transition-delay: .28s; }

@keyframes heroFloatIn{
  from{
    opacity: 0;
    transform: translateY(28px);
    filter: blur(10px);
  }
  to{
    opacity: 1;
    transform: none;
    filter: blur(0);
  }
}

.sm-story-media img,
.sm-wide-image img{
  transform: scale(1.02);
  transition: transform 1.8s cubic-bezier(.22,1,.36,1);
}

.js-anim .sm-story-media.is-visible img,
.js-anim .sm-wide-image.is-visible img{
  transform: scale(1);
}

.sm-feature-card,
.btn{
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    background-color .28s ease,
    color .28s ease,
    border-color .28s ease;
}

.btn:hover{
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce){
  .hero-entrance,
  .scroll-fade-up,
  .scroll-fade-left,
  .scroll-fade-right,
  .scroll-scale-in,
  .scroll-stagger,
  .sm-story-media img,
  .sm-wide-image img{
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }
}

/* CLEAN ANIMATION SYSTEM */
.scroll-fade-up,
.scroll-fade-left,
.scroll-fade-right,
.scroll-scale-in{
  opacity:0;
  transform:translateY(40px);
  transition: all .8s cubic-bezier(.22,1,.36,1);
}

.scroll-fade-left{ transform:translateX(-40px); }
.scroll-fade-right{ transform:translateX(40px); }
.scroll-scale-in{ transform:scale(.96); }

.is-visible{
  opacity:1 !important;
  transform:none !important;
}

/* hero */
.hero-entrance{
  animation: heroFade 1s ease forwards;
}

@keyframes heroFade{
  from{opacity:0; transform:translateY(20px);}
  to{opacity:1; transform:none;}
}


/* HERO TEXT FIX */
.sm-hero-content{
  position: relative;
  z-index: 3;
  display: block;
  opacity: 1 !important;
  visibility: visible !important;
}

.sm-hero-content h1{
  color: #ffffff;
}

.sm-hero-content p{
  color: rgba(255,255,255,.92);
}


/* ===== TOP SCROLL FIX + FASTER HERO MOTION ===== */
html,
body{
  overscroll-behavior-y: none !important;
}

body{
  overflow-x: hidden !important;
}

body.home-page,
body.home{
  margin: 0 !important;
  padding: 0 !important;
}

body.home-page main,
body.home main{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.sm-hero{
  margin-top: 0 !important;
  overflow: hidden !important;
}

/* Hero background moves faster */
.sm-hero-bg{
  animation-duration: 9s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
  animation-direction: alternate !important;
}

/* Safety */
main > section:first-child{
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* ===== EXTRA FIX: top white gap + faster hero zoom ===== */
html, body{
  margin: 0 !important;
  padding: 0 !important;
  overscroll-behavior-y: none !important;
  background: #ecefeb !important;
}

body.home-page,
body.home{
  margin: 0 !important;
  padding: 0 !important;
}

body.home-page main,
body.home main{
  margin: 0 !important;
  padding: 0 !important;
}

.site-header,
.site-header-overlay,
header{
  margin-top: 0 !important;
  top: 0 !important;
}

.site-header::before,
.site-header::after,
.site-header-overlay::before,
.site-header-overlay::after{
  display: none !important;
  content: none !important;
}

main > section:first-child,
.sm-hero{
  margin-top: 0 !important;
}

.sm-hero{
  padding-top: 92px !important; /* pulls image closer to header */
  min-height: 100vh !important;
  overflow: hidden !important;
  border-top: 0 !important;
}

.sm-hero-bg{
  top: 0 !important;
  animation-duration: 5.5s !important; /* faster zoom */
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
  animation-direction: alternate !important;
}

.sm-hero-overlay{
  top: 0 !important;
}

.sm-hero-content{
  padding-top: 24px !important;
}


/* ===== SMALLER GAP + DOUBLE HERO SPEED ===== */
.sm-hero{
  padding-top: 72px !important;
}

.sm-hero-content{
  padding-top: 12px !important;
}

.sm-hero-bg{
  animation-duration: 2.75s !important;
}


/* ===== FINAL TUNE: less gap + slightly slower zoom ===== */
.site-header,
.site-header-overlay,
header{
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.header-inner{
  min-height: 68px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

body.home-page .sm-hero,
body.home .sm-hero{
  padding-top: 58px !important;
  margin-top: 0 !important;
}

body.home-page .sm-hero-content,
body.home .sm-hero-content{
  padding-top: 6px !important;
}

.sm-hero-bg{
  animation-duration: 4.2s !important;
}

main,
main > section:first-child,
.sm-hero{
  border-top: 0 !important;
}


/* ===== FINAL FIX: white gap on top scroll + slightly faster hero ===== */
html, body{
  margin: 0 !important;
  padding: 0 !important;
  overscroll-behavior-y: none !important;
}

body{
  overflow-x: hidden !important;
}

body.home-page,
body.home{
  margin: 0 !important;
  padding: 0 !important;
}

body.home-page main,
body.home main,
main{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

header,
.site-header,
.site-header-overlay{
  margin: 0 !important;
  top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.header-inner{
  min-height: 64px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

main > section:first-child,
.sm-hero{
  margin-top: 0 !important;
  border-top: 0 !important;
}

.sm-hero{
  padding-top: 54px !important;
  min-height: 100vh !important;
  overflow: hidden !important;
}

.sm-hero-content{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.sm-hero-bg{
  animation-duration: 3.4s !important;
}

.site-header::before,
.site-header::after,
.site-header-overlay::before,
.site-header-overlay::after{
  display: none !important;
  content: none !important;
}


/* ===== HARD FIX: remove white strip + faster hero ===== */
.site-header,
.site-header-overlay,
header{
  height: 78px !important;
  min-height: 78px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.header-inner{
  min-height: 78px !important;
  height: 78px !important;
  padding: 0 !important;
  margin: 0 !important;
  display:flex !important;
  align-items:center !important;
}

.site-header + *,
.site-header-overlay + *{
  margin-top: 0 !important;
}

body.home-page .sm-hero,
body.home .sm-hero,
.sm-hero{
  padding-top: 78px !important;
  margin-top: -1px !important;
}

.sm-hero-bg{
  animation-duration: 2.2s !important;
}


/* ===== FINAL OVERSCROLL FIX ===== */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  overscroll-behavior: none !important;
  overscroll-behavior-y: none !important;
  height: 100%;
  background: #ecefeb !important;
}

body {
  min-height: 100%;
  overflow-x: hidden !important;
}

/* prevent bounce gap */
body.home-page main,
body.home main {
  margin: 0 !important;
  padding: 0 !important;
}


/* ===== CROSS-BROWSER HERO + GAP FIX ===== */

/* no default spacing anywhere */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  background: #ecefeb !important;
  overflow-x: hidden !important;
}

/* prevent overscroll white flash as much as browsers allow */
html {
  overscroll-behavior: none !important;
  overscroll-behavior-y: none !important;
  scrollbar-gutter: stable;
}

body {
  min-height: 100vh !important;
  overscroll-behavior: none !important;
  overscroll-behavior-y: none !important;
}

/* header flush to top */
header,
.site-header,
.site-header-overlay {
  margin: 0 !important;
  top: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* kill pseudo-element strips / separators */
header::before,
header::after,
.site-header::before,
.site-header::after,
.site-header-overlay::before,
.site-header-overlay::after {
  display: none !important;
  content: none !important;
}

/* no top spacer between header and hero */
body.home-page main,
body.home main,
main,
main > section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* hero positioning */
.sm-hero {
  position: relative !important;
  margin-top: 0 !important;
  padding-top: 86px !important;
  min-height: 100vh !important;
  overflow: hidden !important;
  background: #111 !important;
  box-sizing: border-box !important;
}

/* image must start at very top and not look cropped oddly */
.sm-hero-bg {
  position: absolute !important;
  inset: 0 !important;
  transform-origin: center center !important;
  animation-duration: 8.5s !important; /* calmer again */
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
  animation-direction: alternate !important;
}

.sm-hero-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* content lower so heading is not cut */
.sm-hero-content {
  position: relative !important;
  z-index: 5 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  padding-top: 46px !important;
  padding-bottom: 72px !important;
}

.sm-hero h1 {
  font-size: clamp(42px, 6.4vw, 102px) !important;
  line-height: 0.92 !important;
  margin: 0 0 22px 0 !important;
  max-width: 900px !important;
}

.sm-hero p {
  max-width: 760px !important;
}

/* chrome/mac often shows tiny top gap from wrapper line-height */
.header-inner {
  line-height: 1 !important;
}

/* tablet / smaller desktop */
@media (max-width: 1100px) {
  .sm-hero {
    padding-top: 80px !important;
  }
  .sm-hero-content {
    padding-top: 34px !important;
  }
}

/* mobile */
@media (max-width: 720px) {
  .sm-hero {
    padding-top: 74px !important;
    min-height: 92vh !important;
  }
  .sm-hero-content {
    padding-top: 28px !important;
    padding-bottom: 46px !important;
  }
  .sm-hero h1 {
    font-size: clamp(38px, 13vw, 68px) !important;
  }
}


/* ===== FINAL: Bigger headline again ===== */
.sm-hero h1{
  font-size: clamp(54px, 8vw, 118px) !important;
  line-height: 0.90 !important;
  max-width: 980px !important;
}

/* ===== HARD Overscroll Fix ===== */
html, body{
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overscroll-behavior: none !important;
  overscroll-behavior-y: none !important;
  background: #ecefeb !important;
}

body{
  position: relative !important;
}

main,
body.home-page main,
body.home main{
  margin: 0 !important;
  padding: 0 !important;
}

/* Hero directly under header */
.sm-hero{
  margin-top: 0 !important;
  padding-top: 86px !important;
  min-height: 100vh !important;
  overflow: hidden !important;
}

/* Anti-bounce overlay */
body::before{
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: #ecefeb;
  z-index: -1;
  pointer-events: none;
}


/* ===== FINAL CLEAN HEADER / NO WHITE GAP ===== */

/* header compact and flush */
.site-header,
.site-header-overlay,
header{
  position: sticky !important;
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  z-index: 200 !important;
}

.header-inner{
  min-height: 78px !important;
  height: 78px !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-items: center !important;
}

.site-header::before,
.site-header::after,
.site-header-overlay::before,
.site-header-overlay::after,
header::before,
header::after{
  display:none !important;
  content:none !important;
}

/* absolutely no spacer below header */
header + *,
.site-header + *,
.site-header-overlay + *{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* hero starts directly under header */
main,
body.home-page main,
body.home main{
  margin: 0 !important;
  padding: 0 !important;
}

.sm-hero{
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: 100vh !important;
  overflow: hidden !important;
  position: relative !important;
  background: #111 !important;
}

/* image and overlay must cover full hero from top edge */
.sm-hero-bg,
.sm-hero-overlay{
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

.sm-hero-bg{
  animation-duration: 6.2s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
  animation-direction: alternate !important;
}

.sm-hero-bg img{
  width:100% !important;
  height:100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* move only the text lower, not the image */
.sm-hero-content{
  position: relative !important;
  z-index: 5 !important;
  padding-top: 146px !important;
  padding-bottom: 80px !important;
  margin-top: 0 !important;
}

/* headline size back to strong version */
.sm-hero h1{
  font-size: clamp(54px, 8vw, 118px) !important;
  line-height: 0.90 !important;
  max-width: 980px !important;
  margin: 0 0 24px 0 !important;
}

@media (max-width: 720px){
  .header-inner{
    min-height: 72px !important;
    height: 72px !important;
  }
  .sm-hero-content{
    padding-top: 118px !important;
  }
}


/* ===== REAL FINAL HEADER FIX ===== */
.site-header,
header{
  position: sticky !important;
  top: 0 !important;
  height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  z-index: 999 !important;
}

.header-inner{
  height: 72px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
}

/* REMOVE FAKE GAP */
.site-header::after,
.site-header::before{
  display: none !important;
  content: none !important;
}

/* REMOVE GREY STRIP */
.site-header-overlay{
  display: none !important;
}

/* HERO POSITION FIX */
.sm-hero{
  margin-top: -72px !important;
  padding-top: 140px !important;
}


/* ===== NEXT LEVEL HEADER ===== */
.site-header,
header{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  transition: background-color .35s ease, backdrop-filter .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.site-header.is-scrolled,
header.is-scrolled{
  background: rgba(22,26,23,.72) !important;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  box-shadow: 0 10px 32px rgba(0,0,0,.12) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.site-header-overlay{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.header-inner{
  height: 78px !important;
  min-height: 78px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
}

.site-header::before,
.site-header::after,
.site-header-overlay::before,
.site-header-overlay::after,
header::before,
header::after{
  display:none !important;
  content:none !important;
}

body.home-page main,
body.home main,
main{
  margin: 0 !important;
  padding: 0 !important;
}

.sm-hero{
  position: relative !important;
  margin-top: -78px !important;
  padding-top: 168px !important;
  min-height: 100vh !important;
  overflow: hidden !important;
  background: #111 !important;
  box-sizing: border-box !important;
}

.sm-hero-bg,
.sm-hero-overlay{
  position: absolute !important;
  inset: 0 !important;
}

.sm-hero-bg{
  animation-duration: 6.8s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
  animation-direction: alternate !important;
}

.sm-hero-bg img{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(.94) contrast(.96) !important;
}

.sm-hero-overlay{
  background:
    linear-gradient(180deg, rgba(16,20,18,.50) 0%, rgba(16,20,18,.34) 22%, rgba(16,20,18,.36) 55%, rgba(16,20,18,.64) 100%) !important;
}

.sm-hero-content{
  position: relative !important;
  z-index: 4 !important;
  padding-top: 0 !important;
  padding-bottom: 80px !important;
  max-width: 980px !important;
}

.sm-hero-kicker{
  letter-spacing: .18em !important;
  color: #d4bf97 !important;
  margin-bottom: 20px !important;
}

.sm-hero h1{
  font-size: clamp(56px, 8vw, 122px) !important;
  line-height: .88 !important;
  letter-spacing: -.07em !important;
  max-width: 980px !important;
  margin: 0 0 24px 0 !important;
  text-wrap: balance;
  text-shadow: 0 4px 24px rgba(0,0,0,.08);
}

.sm-hero p{
  max-width: 760px !important;
  font-size: 20px !important;
  line-height: 1.62 !important;
  color: rgba(255,255,255,.92) !important;
}

.sm-hero-actions .btn{
  min-height: 52px !important;
  padding: 14px 24px !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

.sm-hero-actions .btn-primary{
  background: linear-gradient(180deg, #4e7c2d 0%, #35581d 100%) !important;
  border-color: #35581d !important;
}

.sm-hero-actions .btn-secondary{
  background: rgba(255,255,255,.92) !important;
}

.sm-intro{
  margin-top: 0 !important;
  padding-top: 72px !important;
}

@media (max-width: 720px){
  .header-inner{
    height: 72px !important;
    min-height: 72px !important;
  }
  .sm-hero{
    margin-top: -72px !important;
    padding-top: 134px !important;
    min-height: 94vh !important;
  }
  .sm-hero h1{
    font-size: clamp(42px, 13vw, 72px) !important;
  }
  .sm-hero p{
    font-size: 16px !important;
  }
}


/* ===== FINAL COMPLETE FIX ===== */
html, body{
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overscroll-behavior: none !important;
  overscroll-behavior-y: none !important;
  background: #ecefeb !important;
}

body{
  display: block !important;
  min-height: 100vh !important;
}

main,
.page-wrapper,
.content,
.container,
body.home-page main,
body.home main{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.site-header,
header{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  transition: background-color .35s ease, backdrop-filter .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.site-header.is-scrolled,
header.is-scrolled{
  background: rgba(22,26,23,.72) !important;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  box-shadow: 0 10px 32px rgba(0,0,0,.12) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.site-header-overlay{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.header-inner{
  height: 70px !important;
  min-height: 70px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

.site-header::before,
.site-header::after,
.site-header-overlay::before,
.site-header-overlay::after,
header::before,
header::after{
  display:none !important;
  content:none !important;
}

header + *,
.site-header + *,
.site-header-overlay + *,
main > section:first-child{
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.sm-hero{
  position: relative !important;
  height: 100vh !important;
  min-height: 100vh !important;
  margin: -70px 0 0 0 !important;
  padding-top: 150px !important;
  overflow: hidden !important;
  background: #111 !important;
  box-sizing: border-box !important;
}

.sm-hero-bg,
.sm-hero-overlay{
  position: absolute !important;
  inset: 0 !important;
}

.sm-hero-bg{
  animation-duration: 6.2s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
  animation-direction: alternate !important;
}

.sm-hero-bg img{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.sm-hero-content{
  position: relative !important;
  z-index: 4 !important;
  padding-top: 0 !important;
  padding-bottom: 80px !important;
  max-width: 980px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sm-hero h1{
  font-size: clamp(54px, 8vw, 118px) !important;
  line-height: 0.90 !important;
  max-width: 980px !important;
  margin: 0 0 24px 0 !important;
}

@media (max-width: 720px){
  .header-inner{
    height: 64px !important;
    min-height: 64px !important;
  }

  .sm-hero{
    margin-top: -64px !important;
    padding-top: 126px !important;
    min-height: 94vh !important;
  }

  .sm-hero h1{
    font-size: clamp(42px, 13vw, 72px) !important;
  }
}



/* ===== CHATGPT FINAL HEADER/HERO FIX ===== */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overscroll-behavior: none !important;
  overscroll-behavior-y: none !important;
  background: #ecefeb !important;
}

body {
  min-height: 100vh !important;
  display: block !important;
}

/* kill any spacer elements */
.header-spacer,
.site-header-spacer,
.header-gap,
.site-header-gap,
.header-space,
.site-header-space {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* force header visible */
.site-header,
header {
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 72px !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 9999 !important;
  background: rgba(22, 26, 23, 0.78) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.site-header-overlay {
  display: none !important;
}

.header-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 72px !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  line-height: 1 !important;
}

.site-header::before,
.site-header::after,
header::before,
header::after {
  display: none !important;
  content: none !important;
}

main,
body.home-page main,
body.home main,
.page-wrapper,
.content,
.container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* hero directly below header */
.sm-hero {
  position: relative !important;
  margin: 0 !important;
  padding-top: 72px !important;
  min-height: 100vh !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.sm-hero-bg,
.sm-hero-overlay {
  position: absolute !important;
  inset: 0 !important;
}

.sm-hero-bg {
  animation-duration: 6.5s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
  animation-direction: alternate !important;
}

.sm-hero-bg img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.sm-hero-content {
  position: relative !important;
  z-index: 4 !important;
  padding-top: 64px !important;
  padding-bottom: 80px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* headline big again */
.sm-hero h1 {
  font-size: clamp(54px, 8vw, 118px) !important;
  line-height: 0.90 !important;
  max-width: 980px !important;
  margin: 0 0 24px 0 !important;
}

@media (max-width: 720px) {
  .site-header,
  header,
  .header-inner {
    height: 64px !important;
    min-height: 64px !important;
  }

  .sm-hero {
    padding-top: 64px !important;
    min-height: 94vh !important;
  }

  .sm-hero-content {
    padding-top: 52px !important;
    padding-bottom: 48px !important;
  }

  .sm-hero h1 {
    font-size: clamp(42px, 13vw, 72px) !important;
  }
}


/* ===== HARD MENU RESTORE FIX ===== */
/* header.php uses BOTH classes on the same header, so never hide site-header-overlay */
header.site-header.site-header-overlay,
.site-header.site-header-overlay{
  display:block !important;
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  height:72px !important;
  min-height:72px !important;
  z-index:9999 !important;
  background:rgba(22,26,23,.82) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  backdrop-filter:blur(14px) !important;
  border:0 !important;
  box-shadow:none !important;
}

header.site-header.site-header-overlay .header-inner,
.site-header.site-header-overlay .header-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  height:72px !important;
  min-height:72px !important;
  padding:0 24px !important;
  margin:0 !important;
  line-height:1 !important;
}

header.site-header.site-header-overlay a,
.site-header.site-header-overlay a,
header.site-header.site-header-overlay .desktop-nav,
.site-header.site-header-overlay .desktop-nav{
  opacity:1 !important;
  visibility:visible !important;
  color:#fff !important;
  display:inherit !important;
}

header.site-header.site-header-overlay .mobile-nav{
  display:none !important;
}

/* remove any top gap */
main,
body.home-page main,
body.home main,
.page-wrapper,
.content{
  margin-top:0 !important;
  padding-top:0 !important;
}

.sm-hero{
  margin-top:0 !important;
  padding-top:72px !important;
  min-height:100vh !important;
}

.sm-hero-content{
  padding-top:56px !important;
}

@media (max-width:720px){
  header.site-header.site-header-overlay,
  .site-header.site-header-overlay{
    height:64px !important;
    min-height:64px !important;
  }

  header.site-header.site-header-overlay .header-inner,
  .site-header.site-header-overlay .header-inner{
    height:64px !important;
    min-height:64px !important;
  }

  .sm-hero{
    padding-top:64px !important;
  }

  .sm-hero-content{
    padding-top:44px !important;
  }
}



/* ===== FIREFOX/MAC OVERSCROLL MASK FIX ===== */
html,
body{
  overscroll-behavior: none !important;
  overscroll-behavior-y: none !important;
  background: #b9b8b6 !important;
}

/* mask the bounce area under the fixed header */
body{
  position: relative !important;
}

body::before{
  content: "";
  position: fixed;
  top: 72px;
  left: 0;
  right: 0;
  height: 160px;
  z-index: 5;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(186,185,183,1) 0%, rgba(186,185,183,0.92) 42%, rgba(186,185,183,0.0) 100%);
}

.site-header,
header{
  z-index: 9999 !important;
}

.sm-hero{
  position: relative !important;
  z-index: 1 !important;
}

.sm-hero-content{
  position: relative !important;
  z-index: 6 !important;
}

@media (max-width: 720px){
  body::before{
    top: 64px;
    height: 120px;
  }
}



/* ===== CLEAN SCROLL + TEXT COLOR FIX ===== */

/* calmer body background so no harsh white flash */
html, body {
  background: #b9b8b6 !important;
}

/* visual mask only, no blocked scrolling */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, #b9b8b6 0%, rgba(185,184,182,0) 100%);
  pointer-events: none;
  z-index: 5;
}

/* hero sits cleanly under header */
.sm-hero {
  margin-top: -80px !important;
  padding-top: 80px !important;
}

/* restore dark text below hero */
.sm-intro,
.sm-story,
.sm-closing,
.sm-feature-strip,
section,
section p,
section h1,
section h2,
section h3,
section h4 {
  color: #111 !important;
}

/* keep descriptive text readable */
.sm-intro p,
.sm-story p,
.sm-closing p,
.sm-feature-card p,
.sm-two-col p {
  color: #5f685f !important;
}


/* ===== REST PREMIUM POLISH ===== */

/* smoother overall */
html{
  scroll-behavior: smooth;
}

/* header nicer on scroll */
.site-header.is-scrolled,
header.is-scrolled{
  background: rgba(22,26,23,.78) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
  backdrop-filter: blur(18px) saturate(1.15);
  box-shadow: 0 10px 32px rgba(0,0,0,.10) !important;
}

/* hero upgrade */
.sm-hero-overlay{
  background:
    linear-gradient(180deg, rgba(16,20,18,.42) 0%, rgba(16,20,18,.28) 18%, rgba(16,20,18,.34) 56%, rgba(16,20,18,.58) 100%) !important;
}

.sm-hero h1{
  letter-spacing: -.075em !important;
  text-wrap: balance;
  text-shadow: 0 6px 28px rgba(0,0,0,.08);
}

.sm-hero p{
  max-width: 820px !important;
  font-size: 20px !important;
  line-height: 1.65 !important;
  color: rgba(255,255,255,.92) !important;
}

.sm-hero-actions .btn,
.btn{
  border-radius: 999px !important;
  transition: transform .28s ease, box-shadow .28s ease, background-color .28s ease, color .28s ease, border-color .28s ease;
}

.sm-hero-actions .btn:hover,
.btn:hover{
  transform: translateY(-2px);
}

.sm-hero-actions .btn-primary{
  background: linear-gradient(180deg, #4f7b2f 0%, #36581d 100%) !important;
  border-color: #36581d !important;
  box-shadow: 0 16px 32px rgba(25,40,18,.20) !important;
}

.sm-hero-actions .btn-secondary{
  background: rgba(255,255,255,.92) !important;
  color: #141914 !important;
  border-color: rgba(255,255,255,.65) !important;
}

/* editorial sections */
.sm-intro{
  padding-top: 82px !important;
  padding-bottom: 34px !important;
}

.sm-section-kicker,
.sm-hero-kicker{
  color: #cdb487 !important;
  letter-spacing: .18em !important;
  font-weight: 800 !important;
}

.sm-two-col h2,
.sm-story h2,
.sm-closing h2{
  font-size: clamp(40px, 5vw, 76px) !important;
  line-height: .93 !important;
  letter-spacing: -.055em !important;
  max-width: 900px !important;
}

.sm-two-col p,
.sm-story p,
.sm-closing p{
  font-size: 18px !important;
  line-height: 1.72 !important;
  color: #5f685f !important;
}

/* feature cards more premium */
.sm-feature-grid{
  gap: 24px !important;
}

.sm-feature-card{
  border-radius: 28px !important;
  border: 1px solid rgba(20,25,20,.07) !important;
  background: rgba(255,255,255,.95) !important;
  box-shadow: 0 18px 44px rgba(18,24,18,.05) !important;
  transition: transform .30s ease, box-shadow .30s ease, border-color .30s ease !important;
}

.sm-feature-card:hover{
  transform: translateY(-8px) !important;
  box-shadow: 0 28px 64px rgba(18,24,18,.10) !important;
  border-color: rgba(54,88,29,.14) !important;
}

.sm-feature-card strong{
  font-size: 32px !important;
  letter-spacing: -.045em !important;
}

.sm-feature-card p{
  color: #5f685f !important;
}

/* image blocks */
.sm-story-media img,
.sm-wide-image img{
  border-radius: 34px !important;
  box-shadow: 0 24px 60px rgba(18,24,18,.10);
}

/* subtle reveal animations */
.premium-reveal{
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1);
}

.premium-reveal.is-visible{
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior: auto; }
  .premium-reveal{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

@media (max-width: 720px){
  .sm-hero p,
  .sm-two-col p,
  .sm-story p,
  .sm-closing p{
    font-size: 16px !important;
  }

  .sm-feature-card strong{
    font-size: 28px !important;
  }
}



/* ===== BACKGROUND FIX FINAL ===== */

body {
  background: #b9b8b6 !important;
}

/* remove unwanted white sections */
section,
.sm-intro,
.sm-story,
.sm-closing,
.sm-feature-strip {
  background: transparent !important;
}

/* keep cards clean white */
.sm-feature-card {
  background: #ffffff !important;
}


/* ===== WHITE BACKGROUND RESTORE ===== */

body {
  background: #ffffff !important;
}

/* sections back to white clean */
section,
.sm-intro,
.sm-story,
.sm-closing,
.sm-feature-strip {
  background: #ffffff !important;
}

/* cards still white */
.sm-feature-card {
  background: #ffffff !important;
}



/* ===== FINAL SCROLL FIX + ELEGANT MENU ===== */

/* keep clean white background */
html, body{
  background:#ffffff !important;
  overscroll-behavior-y:none !important;
}

/* visual mask for top bounce without blocking normal scroll */
body::before{
  content:"";
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:92px;
  z-index:6;
  pointer-events:none;
  background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,.94) 45%, rgba(255,255,255,0) 100%);
}

/* header elegant animation */
.site-header,
header{
  transition:
    background-color .35s ease,
    backdrop-filter .35s ease,
    box-shadow .35s ease,
    transform .35s ease !important;
}

.site-header.is-scrolled,
header.is-scrolled{
  background:rgba(28,33,29,.80) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.1) !important;
  backdrop-filter:blur(16px) saturate(1.1) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.10) !important;
}

/* menu links */
.header-inner nav a,
.desktop-nav a,
.site-header a{
  position:relative;
  transition:color .28s ease, opacity .28s ease, transform .28s ease;
}

.header-inner nav a:hover,
.desktop-nav a:hover,
.site-header a:hover{
  transform:translateY(-1px);
}

.header-inner nav a::after,
.desktop-nav a::after,
.site-header a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-8px;
  height:2px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .28s ease;
}

.header-inner nav a:hover::after,
.desktop-nav a:hover::after,
.site-header a:hover::after,
.header-inner nav a.active::after,
.desktop-nav a.active::after,
.site-header a.active::after{
  transform:scaleX(1);
}

/* cart button more elegant */
.site-header .btn,
.header-inner .btn{
  transition:transform .28s ease, box-shadow .28s ease, background-color .28s ease, border-color .28s ease;
}
.site-header .btn:hover,
.header-inner .btn:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(0,0,0,.10);
}

/* hero position stable */
.sm-hero{
  margin:0 !important;
  padding-top:72px !important;
}

/* content safely above bounce mask */
.sm-hero-content{
  position:relative !important;
  z-index:7 !important;
}

@media (max-width:720px){
  body::before{
    height:80px;
  }
}


/* ===== FINAL SCROLL + HEADER SIZE FIX ===== */

/* REMOVE scroll blocking completely */
html, body {
  overscroll-behavior: auto !important;
}

/* nicer header size */
.site-header,
header {
  height: 90px !important;
  padding: 0 30px !important;
}

/* bigger logo */
.site-header img {
  height: 40px !important;
}

/* bigger nav text */
.site-header nav a {
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
}

/* spacing */
.site-header nav {
  gap: 28px !important;
}

/* hero spacing fix */
.sm-hero {
  padding-top: 90px !important;
}



/* =======================================================================
   CHATGPT PREMIUM FIX
   - weißer Rand oben weg
   - Hero-Text sauber eingerückt
   - Premium Header / Typo / Cards
   ======================================================================= */

html, body{
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden !important;
  background:#ffffff !important;
}

/* vorhandene Masken/Hacks deaktivieren */
body::before,
body::after{
  display:none !important;
  content:none !important;
}

/* Header stabil und eleganter */
.site-header,
.site-header.site-header-overlay,
header.site-header,
header.site-header.site-header-overlay{
  position:sticky !important;
  top:0 !important;
  width:100% !important;
  min-height:92px !important;
  margin:0 !important;
  padding:0 !important;
  background:rgba(44,48,44,.92) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.06) !important;
  backdrop-filter:blur(14px) saturate(1.06) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset !important;
  z-index:1000 !important;
}

.site-header-overlay{
  display:block !important;
}

.header-inner,
.container.header-inner,
.elegant-header{
  min-height:92px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
  padding:16px 0 !important;
  margin:0 auto !important;
}

.logo-wrap img,
.elegant-logo img{
  width:60px !important;
  height:auto !important;
}

.logo-title{
  font-size:31px !important;
  line-height:1 !important;
  letter-spacing:-.04em !important;
  color:#ffffff !important;
}

.logo-sub{
  font-size:13px !important;
  color:rgba(255,255,255,.78) !important;
}

.desktop-nav{
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
  flex-wrap:wrap !important;
}

.desktop-nav a{
  position:relative !important;
  font-size:18px !important;
  font-weight:700 !important;
  color:#ffffff !important;
  padding:8px 0 !important;
  opacity:1 !important;
  visibility:visible !important;
  transition:opacity .25s ease, transform .25s ease !important;
}

.desktop-nav a:hover{
  opacity:.82 !important;
  transform:translateY(-1px) !important;
}

.desktop-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-6px;
  height:2px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .25s ease;
}

.desktop-nav a:hover::after,
.desktop-nav a.active::after{
  transform:scaleX(1);
}

.cart-pill{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
  padding:12px 18px !important;
  border-radius:999px !important;
}

/* Top gap kill */
main,
body.home-page main,
body.home main,
.page-wrapper,
.content{
  margin-top:0 !important;
  padding-top:0 !important;
}

header + *,
.site-header + *,
.site-header-overlay + *,
main > *:first-child,
section:first-child{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Hero direkt unter Header, ohne weißen Rand */
.sm-hero{
  position:relative !important;
  margin:0 !important;
  padding-top:0 !important;
  min-height:calc(100vh - 92px) !important;
  display:flex !important;
  align-items:flex-end !important;
  overflow:hidden !important;
  background:#111 !important;
}

.sm-hero::before{
  display:none !important;
}

.sm-hero-bg{
  animation-duration:10s !important;
}

.sm-hero-overlay{
  background:
    linear-gradient(180deg, rgba(18,22,18,.42) 0%, rgba(18,22,18,.24) 22%, rgba(18,22,18,.42) 100%) !important;
}

/* Text nicht mehr zu weit links */
.sm-hero-content{
  position:relative !important;
  z-index:4 !important;
  max-width:1080px !important;
  padding:0 24px 84px 84px !important;
  margin:0 auto 0 0 !important;
  opacity:1 !important;
  visibility:visible !important;
}

.sm-hero-kicker{
  color:#d9c29d !important;
  font-size:13px !important;
  letter-spacing:.18em !important;
}

.sm-hero h1{
  font-size:clamp(64px,8.6vw,126px) !important;
  line-height:.88 !important;
  letter-spacing:-.075em !important;
  color:#ffffff !important;
  margin:0 0 22px 0 !important;
  text-wrap:balance;
  text-shadow:0 6px 28px rgba(0,0,0,.10);
}

.sm-hero p{
  max-width:760px !important;
  font-size:22px !important;
  line-height:1.62 !important;
  color:rgba(255,255,255,.92) !important;
  margin:0 !important;
}

.sm-hero-actions{
  margin-top:30px !important;
}

.sm-hero-actions .btn,
.btn{
  border-radius:999px !important;
  min-height:52px !important;
  padding:14px 24px !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
}

.sm-hero-actions .btn:hover,
.btn:hover{
  transform:translateY(-2px) !important;
}

.sm-hero-actions .btn-primary{
  background:linear-gradient(180deg,#4f7b2f 0%,#35561d 100%) !important;
  border-color:#35561d !important;
  box-shadow:0 14px 32px rgba(40,60,20,.20) !important;
}

.sm-hero-actions .btn-secondary{
  background:#ffffff !important;
  color:#161916 !important;
  border-color:rgba(22,25,22,.10) !important;
}

/* Premium sections */
.sm-intro,
.sm-story,
.sm-closing,
.sm-feature-strip,
section{
  background:#ffffff !important;
}

.sm-intro{
  padding-top:80px !important;
}

.sm-section-kicker,
.kicker{
  color:#c9a972 !important;
  letter-spacing:.18em !important;
}

.sm-two-col h2,
.sm-story h2,
.sm-closing h2{
  font-size:clamp(44px,5.6vw,82px) !important;
  line-height:.93 !important;
  letter-spacing:-.06em !important;
  color:#111 !important;
}

.sm-intro p,
.sm-two-col p,
.sm-story p,
.sm-closing p,
.sm-feature-card p{
  color:#5f685f !important;
  font-size:18px !important;
  line-height:1.72 !important;
}

.sm-feature-grid{
  gap:28px !important;
}

.sm-feature-card{
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  min-height: 220px !important;
  padding: 28px 30px 26px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at top right, rgba(203,232,208,0.28) 0%, rgba(203,232,208,0) 38%),
    linear-gradient(180deg, #ffffff 0%, #f7faf4 100%) !important;
  border:1px solid rgba(16,19,16,.06) !important;
  border-radius:32px !important;
  box-shadow:0 20px 48px rgba(18,24,18,.08) !important;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}

.sm-feature-card:hover{
  transform:translateY(-8px) scale(1.01) !important;
  box-shadow:0 30px 64px rgba(18,24,18,.13) !important;
  border-color: rgba(61, 103, 69, 0.18) !important;
}

.sm-feature-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 auto 0 0 !important;
  width: 5px !important;
  border-radius: 32px 0 0 32px !important;
  background: linear-gradient(180deg, #9ed84a 0%, #2a8f4a 100%) !important;
}

.sm-feature-card::after{
  content:"→" !important;
  position:absolute !important;
  right:24px !important;
  bottom:22px !important;
  font-size:24px !important;
  font-weight:700 !important;
  color:rgba(28,46,31,0.34) !important;
  transition:transform .28s ease, color .28s ease !important;
}

.sm-feature-card:hover::after{
  transform:translateX(4px) !important;
  color:#224f36 !important;
}

.sm-feature-card strong{
  display:block !important;
  margin-top:8px !important;
  margin-bottom:12px !important;
  font-size: clamp(32px, 3vw, 40px) !important;
  letter-spacing:-.05em !important;
  line-height: .98 !important;
}

.sm-feature-card span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:52px !important;
  height:52px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,0.9) !important;
  border:1px solid rgba(34,79,54,0.10) !important;
  color:#5f685f !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.16em !important;
  box-shadow:0 10px 24px rgba(18,24,18,.06) !important;
}

.sm-story-media img,
.sm-wide-image img{
  border-radius:34px !important;
  box-shadow:0 24px 60px rgba(18,24,18,.10) !important;
}

.sm-story-alt{
  background: linear-gradient(180deg, #fbfcfa 0%, #f6f9f2 100%) !important;
}

.sm-story-shop-bg{
  position:relative !important;
  overflow:hidden !important;
  background:none !important;
}

.sm-story-shop-bg::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(180deg, rgba(251,252,250,.66) 0%, rgba(248,250,246,.72) 100%),
    url('assets/redleaf.jpg') center/cover no-repeat !important;
  transform:scale(1.03) !important;
  filter:saturate(1.12) contrast(1.05) !important;
}

.sm-story-shop-bg .container{
  position:relative !important;
  z-index:1 !important;
}

.sm-story-shop-bg .sm-story-grid{
  display:block !important;
}

.sm-story-copy-full{
  max-width:none !important;
  width:100% !important;
}

.sm-story-copy-full h2{
  max-width:920px !important;
}

.sm-story-copy-full p{
  max-width:1120px !important;
}

.sm-story-shop-bg .sm-hero-actions{
  margin-bottom:18px !important;
}

.sm-story-grid-reverse{
  grid-template-columns: 1.02fr .98fr !important;
}

.sm-story-alt .sm-story-media{
  order: 1 !important;
}

.sm-story-alt .sm-story-copy{
  order: 2 !important;
}

.sm-story-grid-reverse .sm-story-media{
  order: 1 !important;
}

.sm-story-grid-reverse .sm-story-copy{
  order: 2 !important;
}

.sm-story .sm-hero-actions{
  margin-top: 24px !important;
}

.sm-story-shop-bg .home-shop-actions{
  justify-content:center !important;
  margin-top:28px !important;
}

.sm-story .sm-hero-actions .btn-secondary{
  background:#ffffff !important;
  color:#111111 !important;
  border-color:rgba(22,32,22,.10) !important;
  box-shadow:0 14px 34px rgba(18,24,18,.08) !important;
  text-shadow:none !important;
  opacity:1 !important;
  filter:none !important;
  -webkit-text-fill-color:#111111 !important;
}

.sm-story .sm-hero-actions .btn-secondary:hover{
  color:#111111 !important;
  background:#ffffff !important;
  text-shadow:none !important;
  opacity:1 !important;
  filter:none !important;
  -webkit-text-fill-color:#111111 !important;
}

.sm-closing .sm-hero-actions .btn-secondary{
  background:#ffffff !important;
  color:#111111 !important;
  border-color:rgba(22,32,22,.10) !important;
  box-shadow:0 14px 34px rgba(18,24,18,.08) !important;
  text-shadow:none !important;
  opacity:1 !important;
  filter:none !important;
  -webkit-text-fill-color:#111111 !important;
}

.sm-closing .sm-hero-actions .btn-secondary:hover{
  background:#ffffff !important;
  color:#111111 !important;
  text-shadow:none !important;
  opacity:1 !important;
  filter:none !important;
  -webkit-text-fill-color:#111111 !important;
}

.sm-story-media{
  overflow:hidden !important;
  border-radius:34px !important;
}

.sm-story-media img{
  transform:scale(1.04) !important;
  transition:transform 1s cubic-bezier(.22,1,.36,1), filter 1s cubic-bezier(.22,1,.36,1) !important;
  filter:saturate(.92) contrast(1.02) !important;
}

.sm-story-media.is-visible img,
.sm-wide-image.is-visible img{
  transform:scale(1) !important;
  filter:saturate(1) contrast(1) !important;
}

.sm-feature-card:nth-child(2)::before{
  background: linear-gradient(180deg, #d3df52 0%, #5c9342 100%) !important;
}

.sm-feature-card:nth-child(3)::before{
  background: linear-gradient(180deg, #b8df7a 0%, #3e7b56 100%) !important;
}

/* sanfte Reveal-Animationen */
.premium-reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1);
}
.premium-reveal.is-visible{
  opacity:1;
  transform:none;
}

@media (max-width: 900px){
  .site-header,
  .site-header.site-header-overlay,
  header.site-header,
  header.site-header.site-header-overlay{
    min-height:80px !important;
  }

  .header-inner,
  .container.header-inner,
  .elegant-header{
    min-height:80px !important;
    padding:12px 0 !important;
  }

  .logo-wrap img,
  .elegant-logo img{
    width:50px !important;
  }

  .logo-title{
    font-size:25px !important;
  }

  .desktop-nav a{
    font-size:16px !important;
  }

  .sm-hero{
    min-height:calc(100vh - 80px) !important;
  }

  .sm-hero-content{
    padding:0 20px 56px 28px !important;
  }

  .sm-hero h1{
    font-size:clamp(46px,12vw,78px) !important;
  }

  .sm-hero p{
    font-size:17px !important;
  }

  .sm-story-grid-reverse{
    grid-template-columns: 1fr !important;
  }

  .sm-story-alt .sm-story-media,
  .sm-story-alt .sm-story-copy,
  .sm-story-grid-reverse .sm-story-media,
  .sm-story-grid-reverse .sm-story-copy{
    order: initial !important;
  }
}


/* ===============================
   EXTRA: Logo größer + Geräte Animation
================================ */

/* LOGO größer */
.logo-wrap img,
.elegant-logo img{
  width:80px !important;
}

.logo-title{
  font-size:36px !important;
}

/* Geräte Cards Animation */
.device-card,
.product-card{
  transition:transform .3s ease, box-shadow .3s ease;
}

.device-card:hover,
.product-card:hover{
  transform:translateY(-10px) scale(1.02);
  box-shadow:0 30px 70px rgba(0,0,0,0.15);
}

/* Fade-In für Geräte Seite */
.device-card,
.product-card{
  opacity:0;
  transform:translateY(30px);
}

.device-card.visible,
.product-card.visible{
  opacity:1;
  transform:none;
  transition:all .6s cubic-bezier(.22,1,.36,1);
}



/* ===== GERÄTE SEITE ANIMATION FIX ===== */
.dn-device-block,
.dn-hero-grid,
.dn-closing-grid{
  will-change: transform, opacity;
}

.premium-device-reveal{
  opacity: 0;
  transform: translateY(38px);
  transition:
    opacity .8s cubic-bezier(.22,1,.36,1),
    transform .8s cubic-bezier(.22,1,.36,1);
}

.premium-device-reveal.is-visible{
  opacity: 1;
  transform: none;
}

.dn-device-block{
  transition: transform .3s ease, box-shadow .3s ease;
}

.dn-device-block:hover{
  transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce){
  .premium-device-reveal{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* ===== FINAL PAGE SPLIT FIX ===== */
body.inner-page {
  background: #f5f5f3 !important;
}

header.site-header.site-header-solid,
.site-header.site-header-solid {
  position: sticky !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  height: auto !important;
  min-height: 0 !important;
  z-index: 9999 !important;
  background: linear-gradient(90deg, rgba(43,46,41,.98) 0%, rgba(47,50,45,.98) 100%) !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

header.site-header.site-header-solid .header-inner,
.site-header.site-header-solid .header-inner {
  height: auto !important;
  min-height: 92px !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

body.inner-page main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.inner-page::before {
  display: none !important;
}

body.inner-page .dn-hero {
  background: #f5f5f3 !important;
  padding-top: 28px !important;
  margin-top: 0 !important;
}

body.inner-page .footer {
  background: #f1f2ee !important;
}

@media (max-width: 720px) {
  header.site-header.site-header-solid .header-inner,
  .site-header.site-header-solid .header-inner {
    min-height: 74px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}


/* ===== HARD INNER PAGE FIX (april 2026) ===== */
html, body { background: #ffffff; }
body.inner-page,
body.inner-page main,
body.inner-page .dn-hero,
body.inner-page .dn-device-section,
body.inner-page .dn-closing {
  background: #f5f5f3 !important;
}
body.inner-page::before,
body.inner-page::after {
  display: none !important;
  content: none !important;
}
body.inner-page main,
body:not(.home-page) main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
header.site-header.site-header-solid,
.site-header.site-header-solid,
body.inner-page .site-header,
body.inner-page header.site-header {
  position: sticky !important;
  top: 0 !important;
  background: #f5f5f3 !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.inner-page .site-header::before,
body.inner-page .site-header::after,
body.inner-page header.site-header::before,
body.inner-page header.site-header::after,
body.inner-page header::before,
body.inner-page header::after {
  display: none !important;
  content: none !important;
}
body.inner-page .header-inner,
body.inner-page .container.header-inner,
body.inner-page .elegant-header {
  min-height: 88px !important;
  height: auto !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  background: #f5f5f3 !important;
}
body.inner-page .logo-title,
body.inner-page .desktop-nav a,
body.inner-page .site-header a,
body.inner-page .menu-toggle {
  color: #182018 !important;
}
body.inner-page .logo-sub {
  color: #5f685f !important;
}
body.inner-page .cart-pill {
  color: #182018 !important;
  background: #ffffff !important;
  border: 1px solid #d9dfd2 !important;
}
body.inner-page .dn-hero {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
@media (max-width: 720px) {
  body.inner-page .header-inner,
  body.inner-page .container.header-inner,
  body.inner-page .elegant-header {
    min-height: 72px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  body.inner-page .dn-hero {
    padding-top: 10px !important;
  }
}

/* ===== Home Hero readability + Shop filter emphasis ===== */
body.home-page .sm-hero {
  min-height: 72vh !important;
  align-items: flex-start !important;
  padding-top: clamp(124px, 16vh, 172px) !important;
  padding-bottom: 48px !important;
  overflow: hidden !important;
}

body.home-page .sm-hero-bg,
body.home-page .sm-hero-overlay {
  inset: 0 !important;
}

body.home-page .sm-hero-bg img {
  object-fit: cover !important;
  object-position: center 18% !important;
  transform: scale(1.01) !important;
  filter: none !important;
}

body.home-page .sm-hero-overlay {
  background:
    linear-gradient(180deg, rgba(16,24,19,0.62) 0%, rgba(16,24,19,0.38) 36%, rgba(16,24,19,0.22) 100%) !important;
}

body.home-page .sm-hero-content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding-top: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

body.home-page .sm-hero p {
  color: #f4f7f2 !important;
  text-shadow: 0 10px 26px rgba(0,0,0,0.14) !important;
}

body.home-page .sm-hero-center-logo {
  width: min(390px, 68vw) !important;
  height: auto !important;
  margin: 0 auto 34px !important;
  filter:
    hue-rotate(-6deg)
    saturate(1.18)
    brightness(1.02)
    contrast(1.06)
    drop-shadow(0 18px 38px rgba(0,0,0,0.22)) !important;
}

body.home-page .sm-hero h1 {
  display: none !important;
}

body.home-page .sm-hero p {
  max-width: 32ch !important;
  color: rgba(248,250,246,0.96) !important;
  font-size: clamp(21px, 2.2vw, 28px) !important;
  line-height: 1.68 !important;
  margin: 0 auto 40px !important;
  font-weight: 300 !important;
  letter-spacing: -0.024em !important;
  text-wrap: balance !important;
  font-family: "Avenir Next", "Helvetica Neue", "Arial Nova", Arial, sans-serif !important;
  text-rendering: geometricPrecision !important;
}

body.home-page .sm-hero-actions .btn-primary {
  background: #ffffff !important;
  color: #182018 !important;
  border-color: rgba(255,255,255,0.9) !important;
  box-shadow: 0 18px 40px rgba(9, 14, 10, 0.18) !important;
}

body.home-page .sm-hero-actions {
  justify-content: center !important;
  gap: 14px !important;
}

body.home-page .sm-hero-actions .btn-secondary {
  background: rgba(255,255,255,0.1) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.24) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

body.home-page .sm-intro.section {
  padding-top: 148px !important;
}

.toolbar {
  justify-content: space-between !important;
  gap: 18px !important;
  margin-top: 26px !important;
  margin-bottom: 22px !important;
}

.filters {
  gap: 14px !important;
  padding: 12px !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, #edf5e7 0%, #f7faf4 100%) !important;
  border: 1px solid #dbe6d2 !important;
  box-shadow: 0 16px 34px rgba(85, 112, 77, 0.08) !important;
}

.filter-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid #cddac2 !important;
  background: #ffffff !important;
  color: #1a2d21 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(92, 123, 83, 0.08) !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important;
}

.filter-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 24px rgba(92, 123, 83, 0.14) !important;
}

.filter-btn.active {
  background: linear-gradient(135deg, #224f36 0%, #3f7b56 100%) !important;
  border-color: #224f36 !important;
  color: #ffffff !important;
  box-shadow: 0 16px 30px rgba(34, 79, 54, 0.26) !important;
}

@media (max-width: 900px) {
  body.home-page .sm-hero {
    min-height: 66vh !important;
    padding-top: 96px !important;
  }

  body.home-page .sm-hero-bg img {
    object-position: center 12% !important;
  }

  .toolbar {
    align-items: stretch !important;
  }

  .filters {
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  body.home-page .sm-hero {
    min-height: 62vh !important;
    padding-top: 88px !important;
  }

  body.home-page .sm-hero-center-logo {
    width: min(250px, 70vw) !important;
  }

  body.home-page .sm-hero h1 {
    max-width: none !important;
  }

  body.home-page .sm-hero p {
    font-size: 19px !important;
  }

  .filters {
    gap: 10px !important;
    padding: 10px !important;
  }

  .filter-btn {
    flex: 1 1 calc(50% - 10px) !important;
    min-width: 140px !important;
  }
}

/* ===== Home header hero + scroll transition ===== */
body.home-page .site-header-home {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  background: transparent !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: background .28s ease, box-shadow .28s ease, border-color .28s ease, backdrop-filter .28s ease !important;
}

body.home-page .site-header-home::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: transparent !important;
  transition: background .28s ease, box-shadow .28s ease, border-color .28s ease !important;
  z-index: -1 !important;
}

body.home-page .site-header-home .header-inner {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
  transition: padding .28s ease !important;
}

body.home-page .site-header-home.is-scrolled {
  background: #fbfcfa !important;
  border-bottom-color: rgba(219, 228, 213, 0.95) !important;
  box-shadow: 0 10px 28px rgba(30, 46, 32, 0.08) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

body.home-page.home-scrolled .site-header-home {
  background: #fbfcfa !important;
  border-bottom-color: rgba(219, 228, 213, 0.95) !important;
  box-shadow: 0 10px 28px rgba(30, 46, 32, 0.08) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

body.home-page .site-header-home.is-scrolled::before,
body.home-page.home-scrolled .site-header-home::before {
  background: #fbfcfa !important;
  box-shadow: 0 10px 28px rgba(30, 46, 32, 0.08) !important;
  border-bottom: 1px solid rgba(219, 228, 213, 0.95) !important;
}

body.home-page .site-header-home.is-scrolled .header-inner,
body.home-page .site-header-home.is-scrolled .container.header-inner,
body.home-page .site-header-home.is-scrolled .elegant-header {
  background: #fbfcfa !important;
}

body.home-page.home-scrolled .site-header-home .header-inner,
body.home-page.home-scrolled .site-header-home .container.header-inner,
body.home-page.home-scrolled .site-header-home .elegant-header {
  background: #fbfcfa !important;
}

body.home-page .site-header-home.is-scrolled .header-inner {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

body.home-page.home-scrolled .site-header-home .header-inner {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

body.home-page .site-header-home .logo-title,
body.home-page .site-header-home .desktop-nav a,
body.home-page .site-header-home .site-header a,
body.home-page .site-header-home .menu-toggle {
  color: #ffffff !important;
  transition: color .28s ease !important;
}

body.home-page .site-header-home .logo-sub {
  color: rgba(255,255,255,0.76) !important;
  transition: color .28s ease !important;
}

body.home-page .site-header-home .cart-pill {
  color: #ffffff !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  transition: color .28s ease, background .28s ease, border-color .28s ease !important;
}

body.home-page .site-header-home .desktop-nav a::after,
body.home-page .site-header-home .site-header a::after,
body.home-page .site-header-home .header-inner nav a::after {
  background: #d6f3d7 !important;
  transition: background .28s ease !important;
}

body.home-page .site-header-home.is-scrolled .logo-title,
body.home-page .site-header-home.is-scrolled .desktop-nav a,
body.home-page .site-header-home.is-scrolled .site-header a,
body.home-page .site-header-home.is-scrolled .menu-toggle {
  color: #182018 !important;
}

body.home-page.home-scrolled .site-header-home .logo-title,
body.home-page.home-scrolled .site-header-home .desktop-nav a,
body.home-page.home-scrolled .site-header-home .site-header a,
body.home-page.home-scrolled .site-header-home .menu-toggle {
  color: #182018 !important;
}

body.home-page .site-header-home.is-scrolled .logo-sub {
  color: #5f685f !important;
}

body.home-page.home-scrolled .site-header-home .logo-sub {
  color: #5f685f !important;
}

body.home-page .site-header-home.is-scrolled .cart-pill {
  color: #182018 !important;
  background: #ffffff !important;
  border-color: #d9dfd2 !important;
}

body.home-page.home-scrolled .site-header-home .cart-pill {
  color: #182018 !important;
  background: #ffffff !important;
  border-color: #d9dfd2 !important;
}

body.home-page .site-header-home.is-scrolled .desktop-nav a::after,
body.home-page .site-header-home.is-scrolled .site-header a::after,
body.home-page .site-header-home.is-scrolled .header-inner nav a::after {
  background: #224f36 !important;
}

body.home-page.home-scrolled .site-header-home .desktop-nav a::after,
body.home-page.home-scrolled .site-header-home .site-header a::after,
body.home-page.home-scrolled .site-header-home .header-inner nav a::after {
  background: #224f36 !important;
}

body.home-page .desktop-nav a:hover::after,
body.home-page .desktop-nav a.active::after,
body.home-page .site-header a:hover::after,
body.home-page .site-header a.active::after,
body.home-page .header-inner nav a:hover::after,
body.home-page .header-inner nav a.active::after,
body.inner-page .desktop-nav a:hover::after,
body.inner-page .desktop-nav a.active::after,
body.inner-page .site-header a:hover::after,
body.inner-page .site-header a.active::after,
body.inner-page .header-inner nav a:hover::after,
body.inner-page .header-inner nav a.active::after {
  background: #224f36 !important;
}

/* ===== Cleaner auth area ===== */
.login-hero {
  min-height: calc(100vh - 94px) !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(206, 223, 193, 0.62) 0%, rgba(206, 223, 193, 0) 34%),
    linear-gradient(135deg, #f6f7f2 0%, #eef3e7 100%) !important;
  overflow: visible !important;
}

.login-hero::before {
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(246,247,242,0.94) 0%, rgba(246,247,242,0.84) 42%, rgba(246,247,242,0.72) 100%),
    var(--login-hero-image, url("assets/microgreens-tray.jpg")) center/cover no-repeat !important;
  opacity: 1 !important;
  filter: saturate(.82) contrast(.94) !important;
}

.login-overlay {
  min-height: calc(100vh - 94px) !important;
  align-items: center !important;
  padding-top: 38px !important;
  padding-bottom: 38px !important;
  overflow: visible !important;
}

.auth-shell {
  grid-template-columns: minmax(0, 1.08fr) minmax(96px, .42fr) !important;
  gap: 48px !important;
  align-items: center !important;
  overflow: visible !important;
}

.auth-drawer-shell{
  position:relative !important;
  min-height:720px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  overflow:visible !important;
}

.auth-edge-toggle{
  position:absolute !important;
  top:30px !important;
  right:0 !important;
  z-index:5 !important;
  width:72px !important;
  min-height:220px !important;
  border:0 !important;
  border-radius:24px 0 0 24px !important;
  background:rgba(16,18,16,.92) !important;
  color:#ffffff !important;
  box-shadow:0 22px 50px rgba(12,16,12,.24) !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:transform .28s ease, background .22s ease !important;
}

.auth-edge-toggle:hover{
  transform:translateX(-4px) !important;
  background:rgba(20,24,20,.96) !important;
}

.auth-edge-toggle-label{
  writing-mode:vertical-rl !important;
  transform:rotate(180deg) !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

.auth-intro {
  color: #152018 !important;
  max-width: 720px !important;
}

.auth-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.76) !important;
  border: 1px solid rgba(188, 206, 176, 0.85) !important;
  color: #33563f !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  box-shadow: 0 16px 30px rgba(79, 104, 69, 0.08) !important;
}

.auth-intro h1 {
  margin: 22px 0 0 !important;
  font-size: clamp(46px, 6vw, 90px) !important;
  line-height: .94 !important;
  letter-spacing: -.07em !important;
  color: #101914 !important;
  max-width: 9.5ch !important;
}

.auth-intro p {
  margin-top: 22px !important;
  color: #2f3d34 !important;
  font-size: 20px !important;
  line-height: 1.65 !important;
  max-width: 34rem !important;
}

.auth-points {
  gap: 14px !important;
  margin-top: 28px !important;
}

.auth-points div {
  display: grid !important;
  gap: 4px !important;
  padding: 18px 20px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,0.58) !important;
  border: 1px solid rgba(194, 209, 184, 0.78) !important;
  color: #25352d !important;
  backdrop-filter: blur(12px) !important;
}

.auth-points div strong {
  font-size: 18px !important;
  color: #132018 !important;
}

.auth-points div span {
  color: #526257 !important;
  line-height: 1.5 !important;
}

.auth-card {
  background: rgba(18,19,18,0.96) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 30px 0 0 30px !important;
  box-shadow: 0 28px 64px rgba(15, 18, 15, 0.28) !important;
  backdrop-filter: blur(18px) !important;
  padding: 28px !important;
  color:#f5f7f3 !important;
}

.auth-drawer{
  width:min(440px, calc(100vw - 48px)) !important;
  margin-left:auto !important;
  transform:translateX(calc(100% - 56px)) !important;
  transition:transform .34s ease !important;
  position:relative !important;
  z-index:4 !important;
}

.auth-drawer-shell.is-open .auth-drawer{
  transform:translateX(0) !important;
}

.auth-drawer-shell.is-open .auth-edge-toggle{
  transform:translateX(-376px) !important;
}

.auth-drawer-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin-bottom:18px !important;
  padding-bottom:16px !important;
  border-bottom:1px solid rgba(255,255,255,0.08) !important;
}

.auth-drawer-head strong{
  font-size:16px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:#ffffff !important;
}

.auth-drawer-close{
  border:0 !important;
  background:transparent !important;
  color:rgba(255,255,255,.68) !important;
  font-size:28px !important;
  line-height:1 !important;
  cursor:pointer !important;
}

.auth-tabs {
  display: inline-grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  margin-bottom: 24px !important;
  padding: 6px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.08) !important;
}

.auth-tab {
  padding: 12px 18px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 0 !important;
  color: rgba(255,255,255,.78) !important;
}

.auth-tab.active {
  background: #8fc738 !important;
  color: #112010 !important;
  box-shadow: 0 8px 18px rgba(143, 199, 56, 0.18) !important;
}

.auth-card h2 {
  font-size: 42px !important;
  letter-spacing: -.06em !important;
  color: #f8fbf7 !important;
}

.auth-copy {
  margin-bottom: 22px !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: rgba(241,245,239,.78) !important;
}

.auth-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

.auth-field {
  display: grid !important;
  gap: 8px !important;
}

.auth-field span {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.84) !important;
}

.auth-card input,
.auth-card select {
  width: 100% !important;
  min-height: 56px !important;
  padding: 0 18px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.02) !important;
  font: inherit !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.auth-card input::placeholder {
  color: rgba(255,255,255,.38) !important;
}

.auth-card input:focus,
.auth-card select:focus {
  outline: none !important;
  border-color: #8fc738 !important;
  box-shadow: 0 0 0 4px rgba(143, 199, 56, 0.14) !important;
}

.auth-submit-row {
  margin-top: 6px !important;
}

.auth-submit {
  min-width: 180px !important;
  min-height: 56px !important;
  border-radius: 18px !important;
}

.auth-side {
  margin-top: 22px !important;
}

.auth-side .mini {
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 24px !important;
  padding: 22px !important;
  background: rgba(255,255,255,.03) !important;
}

.auth-side .mini h3 {
  font-size: 20px !important;
  color: #f8fbf6 !important;
}

.auth-side .mini p {
  color: rgba(241,245,239,.72) !important;
  line-height: 1.6 !important;
}

@media (max-width: 1060px) {
  .auth-shell {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .auth-drawer-shell{
    min-height:auto !important;
  }

  .auth-edge-toggle{
    display:none !important;
  }

  .auth-drawer{
    width:100% !important;
    transform:none !important;
    border-radius:28px !important;
  }

  .auth-intro h1 {
    max-width: 11ch !important;
  }
}

@media (max-width: 720px) {
  .login-overlay {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .auth-card {
    padding: 22px !important;
    border-radius: 26px !important;
  }

  .auth-tabs {
    width: 100% !important;
  }

  .auth-tab {
    text-align: center !important;
  }

  .auth-intro h1 {
    font-size: clamp(38px, 12vw, 58px) !important;
  }

  .auth-intro p {
    font-size: 18px !important;
  }
}

.checkout-empty-state {
  display: grid !important;
  gap: 14px !important;
  padding: 30px !important;
  border-radius: 28px !important;
  background:
    linear-gradient(135deg, #fbfcf9 0%, #f2f6ed 100%) !important;
  border: 1px solid #dbe4d3 !important;
}

.checkout-empty-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: #edf5e7 !important;
  color: #35543f !important;
  font-weight: 800 !important;
}

.checkout-empty-state h4 {
  margin: 0 !important;
  font-size: 34px !important;
  line-height: 1.05 !important;
  letter-spacing: -.05em !important;
  color: #131b16 !important;
}

.checkout-empty-state p {
  margin: 0 !important;
  max-width: 50ch !important;
  color: #56665c !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
}

.checkout-empty-actions {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-top: 6px !important;
}

.checkout-country-form {
  display: grid !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
}

.checkout-country-label {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #3c4f43 !important;
}

.checkout-country-form select {
  width: 100% !important;
  min-height: 52px !important;
  padding: 0 16px !important;
  border-radius: 16px !important;
  border: 1px solid #cfdbc4 !important;
  background: #fcfdfb !important;
  font: inherit !important;
}

.summary-total {
  padding-top: 10px !important;
  margin-top: 4px !important;
  border-top: 1px solid #dfe7d8 !important;
}

.checkout-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

.checkout-items-card,
.checkout-summary-card {
  padding: 24px !important;
}

.checkout-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
}

.checkout-kicker {
  color: #47614f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}

.checkout-card-head h3 {
  margin: 0 !important;
  font-size: 34px !important;
  letter-spacing: -.05em !important;
  color: #162019 !important;
}

.checkout-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #eef5e7 !important;
  border: 1px solid #d8e4cd !important;
  color: #33523f !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.checkout-table {
  margin-top: 0 !important;
}

.checkout-item-name {
  font-weight: 700 !important;
  color: #162019 !important;
}

.checkout-item-meta {
  margin-top: 4px !important;
  color: #69786e !important;
  font-size: 13px !important;
}

.checkout-totals-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

.checkout-total-box {
  display: grid !important;
  gap: 8px !important;
  padding: 16px 18px !important;
  border-radius: 22px !important;
  background: #f8fbf5 !important;
  border: 1px solid #dbe4d3 !important;
}

.checkout-total-box span {
  color: #66756b !important;
  font-size: 14px !important;
}

.checkout-total-box strong {
  color: #162019 !important;
  font-size: 28px !important;
  letter-spacing: -.04em !important;
}

.checkout-total-box-highlight {
  background: linear-gradient(135deg, #224f36 0%, #3a6a4b 100%) !important;
  border-color: #224f36 !important;
}

.checkout-total-box-highlight span,
.checkout-total-box-highlight strong {
  color: #ffffff !important;
}

.checkout-shipping-facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

.checkout-fact {
  display: grid !important;
  gap: 6px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: #fcfdfb !important;
  border: 1px solid #e0e8d9 !important;
}

.checkout-fact span {
  color: #6e7d73 !important;
  font-size: 13px !important;
}

.checkout-fact strong {
  color: #162019 !important;
  font-size: 16px !important;
}

.checkout-fact-wide {
  grid-column: span 1 !important;
}

.checkout-warning {
  border-style: solid !important;
  background: #fffdf7 !important;
}

.checkout-form {
  display: grid !important;
  gap: 18px !important;
}

.checkout-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.checkout-field {
  display: grid !important;
  gap: 8px !important;
}

.checkout-field span {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #3c4f43 !important;
}

.checkout-field-wide {
  grid-column: 1 / -1 !important;
}

.checkout-form input,
.checkout-form select {
  width: 100% !important;
  min-height: 54px !important;
  padding: 0 16px !important;
  border-radius: 16px !important;
  border: 1px solid #cfdbc4 !important;
  background: #fcfdfb !important;
  font: inherit !important;
  color: #162019 !important;
}

.checkout-form input:focus,
.checkout-form select:focus {
  outline: none !important;
  border-color: #4d805f !important;
  box-shadow: 0 0 0 4px rgba(96, 144, 111, 0.12) !important;
}

.checkout-payment-note {
  padding: 16px 18px !important;
  border-radius: 18px !important;
  background: #f7faf4 !important;
  border: 1px solid #dde6d5 !important;
  color: #56665c !important;
}

.checkout-payment-note strong {
  color: #162019 !important;
}

.checkout-legal-box {
  display: grid !important;
  gap: 12px !important;
  padding: 18px !important;
  border-radius: 20px !important;
  background: #f8fbf5 !important;
  border: 1px solid #dce5d4 !important;
}

.checkout-consent-row {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  color: #495a50 !important;
  line-height: 1.6 !important;
  font-size: 14px !important;
}

.checkout-consent-row input {
  width: 18px !important;
  min-height: 18px !important;
  height: 18px !important;
  margin: 3px 0 0 !important;
  padding: 0 !important;
  border-radius: 6px !important;
}

.checkout-consent-row a {
  color: #224f36 !important;
  font-weight: 700 !important;
}

.checkout-consent-row-subtle {
  padding-top: 12px !important;
  border-top: 1px dashed #d1dcc8 !important;
}

.checkout-submit-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.checkout-submit {
  min-height: 56px !important;
  min-width: 220px !important;
  border-radius: 18px !important;
}
.checkout-submit-alt{
  background:#fff !important;
  border-color:#d3ddca !important;
}
.checkout-submit-help-list{
  display:grid !important;
  gap:8px !important;
}

.checkout-submit-help {
  color: #6b796f !important;
  line-height: 1.55 !important;
  max-width: 32rem !important;
}

.legal-head {
  max-width: 980px !important;
}

.legal-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.legal-card {
  padding: 28px !important;
}

.legal-card h3 {
  margin: 0 0 14px !important;
  font-size: 30px !important;
  letter-spacing: -.04em !important;
  color: #162019 !important;
}

.legal-card p {
  color: #54645a !important;
  line-height: 1.7 !important;
}

.legal-card-wide {
  grid-column: 1 / -1 !important;
}

.legal-list {
  display: grid !important;
  gap: 12px !important;
}

.legal-list div {
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: #f8fbf5 !important;
  border: 1px solid #dce5d4 !important;
  color: #54645a !important;
  line-height: 1.6 !important;
}

.legal-list strong {
  color: #162019 !important;
}

.legal-formula {
  padding: 18px 20px !important;
  border-radius: 18px !important;
  background: #f8fbf5 !important;
  border: 1px solid #dce5d4 !important;
  color: #536359 !important;
  line-height: 1.75 !important;
  white-space: normal !important;
}

.legal-notice {
  grid-column: 1 / -1 !important;
}

.cart-layout {
  align-items: start !important;
}

.cart-items-card,
.cart-summary-card {
  padding: 24px !important;
}

.cart-table {
  margin-top: 0 !important;
}

.cart-qty-form {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  margin: 0 !important;
}

.cart-qty-input {
  width: 82px !important;
  min-height: 46px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid #cfdbc4 !important;
  background: #fcfdfb !important;
  font: inherit !important;
}

.cart-summary-note {
  padding: 16px 18px !important;
  border-radius: 18px !important;
  background: #f7faf4 !important;
  border: 1px solid #dde6d5 !important;
  color: #5a6a60 !important;
  line-height: 1.65 !important;
  margin-bottom: 18px !important;
}

.cart-totals-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.nav-dropdown {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

.nav-dropdown-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-right: 0 !important;
}

.nav-dropdown-toggle::after {
  display: none !important;
}

.nav-dropdown > a::after,
.nav-dropdown-toggle::after {
  display: none !important;
}

.nav-dropdown-chevron {
  width: 8px !important;
  height: 8px !important;
  border-right: 1.8px solid currentColor !important;
  border-bottom: 1.8px solid currentColor !important;
  transform: rotate(45deg) translateY(-1px) !important;
  opacity: .62 !important;
  transition: transform .18s ease, opacity .18s ease !important;
}

.nav-dropdown:hover .nav-dropdown-chevron,
.nav-dropdown:focus-within .nav-dropdown-chevron {
  transform: rotate(225deg) translateY(-1px) !important;
  opacity: 1 !important;
}

.nav-dropdown-menu {
  position: absolute !important;
  top: calc(100% - 2px) !important;
  left: 0 !important;
  transform: translateY(6px) !important;
  min-width: 230px !important;
  padding: 8px !important;
  border-radius: 0 0 18px 18px !important;
  background: rgba(255,255,255,0.98) !important;
  border: 1px solid #dde5d5 !important;
  border-top: 0 !important;
  box-shadow: 0 24px 44px rgba(33, 57, 40, 0.14) !important;
  display: none !important;
  z-index: 40 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .18s ease, transform .18s ease !important;
}

.nav-dropdown-menu a {
  display: block !important;
  padding: 13px 14px !important;
  border-radius: 12px !important;
  color: #1b2b21 !important;
  font-weight: 600 !important;
}

.nav-dropdown-menu a::after {
  display: none !important;
}

.nav-dropdown-menu a:hover,
.nav-dropdown-menu a.active {
  background: #f3f8ef !important;
  color: #224f36 !important;
}

.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.contact-head {
  max-width: 960px !important;
}

.contact-layout {
  align-items: start !important;
  gap: 28px !important;
}

.contact-info-card,
.contact-form-card {
  padding: 34px !important;
  border-radius: 30px !important;
  border: 1px solid #d9e2d2 !important;
  background: linear-gradient(180deg, #f7faf4 0%, #f2f7ee 100%) !important;
  box-shadow: 0 18px 34px rgba(52, 81, 59, 0.05) !important;
}

.contact-faq-head {
  margin-bottom: 22px !important;
  padding: 0 !important;
}

.contact-faq-head h3 {
  margin: 8px 0 12px !important;
  font-size: 36px !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
}

.contact-faq-head p {
  margin: 0 !important;
  color: #5a6a60 !important;
  line-height: 1.55 !important;
  max-width: 34ch !important;
}

.contact-faq-list {
  display: grid !important;
  gap: 0 !important;
  margin-top: 0 !important;
}

.contact-faq-item {
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid #d6dfcf !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.contact-faq-item summary {
  list-style: none !important;
  cursor: pointer !important;
  padding: 22px 40px 22px 0 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #182018 !important;
  position: relative !important;
  transition: color .2s ease !important;
}

.contact-faq-item summary::-webkit-details-marker {
  display: none !important;
}

.contact-faq-item summary::after {
  content: "+" !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 24px !important;
  line-height: 1 !important;
  color: #45633f !important;
}

.contact-faq-item[open] summary {
  color: #294635 !important;
}

.contact-faq-item[open] summary::after {
  content: "−" !important;
}

.contact-faq-item p {
  margin: 0 !important;
  padding: 0 0 22px !important;
  color: #5a6a60 !important;
  line-height: 1.65 !important;
}

.contact-direct-line {
  margin-top: 10px !important;
  padding-top: 20px !important;
  border-top: 1px solid #d6dfcf !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.contact-direct-line span {
  color: #46614f !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.contact-direct-mail {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 1px solid #d8e4cd !important;
  background: #ffffff !important;
  color: #294937 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.contact-form-head {
  display: grid !important;
  gap: 8px !important;
  margin-bottom: 20px !important;
}

.contact-form-head h3 {
  margin: 0 !important;
  font-size: 34px !important;
  letter-spacing: -.05em !important;
  color: #162019 !important;
}

.contact-form-head p {
  margin: 6px 0 0 !important;
  max-width: 34ch !important;
  color: #5a6a60 !important;
  line-height: 1.55 !important;
}

.contact-form-grid {
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

.contact-form-card .checkout-submit-row {
  justify-content: flex-start !important;
}

.contact-form-card .checkout-submit {
  min-width: min(240px, 100%) !important;
}

.contact-message {
  min-height: 180px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  resize: vertical !important;
}

@media (max-width: 1080px) {
  .contact-info-card,
  .contact-form-card {
    padding: 24px !important;
  }

  .contact-faq-head h3,
  .contact-form-head h3 {
    font-size: 30px !important;
  }
}

@media (max-width: 1080px) {
  .dn-device-media,
  .dn-device-block.reverse .dn-device-media {
    justify-content: center !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .dn-device-media img,
  .dn-device-block.reverse .dn-device-media img {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .checkout-layout {
    grid-template-columns: 1fr !important;
  }

  .legal-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .checkout-totals-grid,
  .checkout-shipping-facts,
  .checkout-form-grid {
    grid-template-columns: 1fr !important;
  }

  .checkout-card-head {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .cart-totals-grid {
    grid-template-columns: 1fr !important;
  }

  .nav-dropdown-menu {
    position: static !important;
    display: block !important;
    margin-top: 8px !important;
    box-shadow: none !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

}

.admin-product-form {
  gap: 24px !important;
}

.admin-form-grid {
  display: grid !important;
  grid-template-columns: 1.2fr .6fr .8fr !important;
  gap: 16px !important;
}

.admin-field {
  display: grid !important;
  gap: 8px !important;
}

.admin-field span {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #3c4f43 !important;
}

.admin-field-wide {
  grid-column: 1 / -1 !important;
}

.admin-form.admin-product-form input,
.admin-form.admin-product-form select,
.admin-form.admin-product-form textarea {
  width: 100% !important;
  min-height: 52px !important;
  padding: 0 16px !important;
  border-radius: 16px !important;
  border: 1px solid #cfdbc4 !important;
  background: #fcfdfb !important;
  font: inherit !important;
}

.admin-form.admin-product-form textarea {
  min-height: 150px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  resize: vertical !important;
}

.admin-upload-layout {
  display: grid !important;
  grid-template-columns: minmax(280px, 1fr) minmax(260px, .85fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.admin-tier-builder{display:grid;gap:16px;margin-top:18px;padding:22px;border:1px solid #dce7d4;border-radius:24px;background:#fbfcf8}
.admin-tier-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.admin-tier-head h3{margin:0;font-size:28px}
.admin-tier-head p{margin:6px 0 0;color:#647462}
.admin-tier-list{display:grid;gap:12px}
.admin-tier-row{display:grid;grid-template-columns:minmax(170px,1.7fr) minmax(100px,.8fr) minmax(110px,.9fr) minmax(110px,.9fr) minmax(240px,1.5fr) auto;gap:14px;align-items:end;padding:16px;border:1px solid #e1e8dc;border-radius:20px;background:#fff}
.admin-tier-row .btn{height:52px}
.admin-tier-toggle{min-width:180px}
.admin-tier-toggle-control{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border:1px solid #dbe5d4;border-radius:16px;background:#f9fbf7}
.admin-tier-toggle-control input{width:18px;height:18px;accent-color:var(--green);flex:0 0 auto}
.admin-tier-toggle-control span{font-size:14px;line-height:1.35;color:#40503f}
.admin-tier-row .admin-field > span{display:block;margin-bottom:8px;white-space:nowrap}

.admin-upload-dropzone {
  position: relative !important;
  display: grid !important;
  gap: 10px !important;
  align-content: center !important;
  min-height: 220px !important;
  padding: 24px !important;
  border-radius: 24px !important;
  border: 2px dashed #a8c297 !important;
  background: linear-gradient(135deg, #f9fcf7 0%, #eef5e9 100%) !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

.admin-upload-dropzone input[type="file"] {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

.admin-upload-dropzone strong {
  font-size: 26px !important;
  letter-spacing: -.04em !important;
  color: #172019 !important;
}

.admin-upload-dropzone em,
.admin-upload-dropzone small,
.admin-upload-kicker {
  font-style: normal !important;
}

.admin-upload-kicker {
  color: #3a6048 !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}

.admin-upload-dropzone em {
  color: #55655a !important;
  line-height: 1.55 !important;
}

.admin-upload-dropzone small {
  color: #6d7c71 !important;
}

.admin-upload-dropzone.is-dragover,
.admin-upload-dropzone:hover {
  border-color: #4b7f5c !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 20px 34px rgba(66, 105, 78, 0.12) !important;
}

.admin-upload-side {
  display: grid !important;
  gap: 14px !important;
}

.admin-upload-hint {
  padding: 18px !important;
  border-radius: 20px !important;
  background: #f6f9f2 !important;
  border: 1px solid #dbe5d2 !important;
}

.admin-upload-hint strong {
  display: block !important;
  margin-bottom: 6px !important;
  color: #182018 !important;
}

.admin-upload-hint p {
  margin: 0 !important;
  color: #5c6b61 !important;
  line-height: 1.6 !important;
}

.admin-product-actions {
  display: flex !important;
  justify-content: flex-start !important;
}

.admin-product-item {
  border-bottom: 1px solid #e6ece0 !important;
}

.admin-content-page-card {
  border: 1px solid #e3eadf !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.84) !important;
  box-shadow: 0 18px 36px rgba(37,61,45,.06) !important;
  overflow: hidden !important;
}

.admin-product-item:last-child {
  border-bottom: 0 !important;
}

.admin-product-item summary {
  list-style: none !important;
}

.admin-product-item summary::-webkit-details-marker {
  display: none !important;
}

.admin-list-main {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.admin-content-page-summary {
  padding: 18px 22px !important;
  border-bottom: 0 !important;
}

.admin-content-page-main {
  min-width: 0 !important;
}

.admin-content-page-mark {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #edf6e7 0%, #e1efdc 100%) !important;
  color: #1f4b2b !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
  flex-shrink: 0 !important;
}

.admin-content-page-stats {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-left: auto !important;
}

.admin-content-page-stat {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid #dce5d7 !important;
  background: #fbfdf9 !important;
  color: #607164 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.admin-content-page-stat.is-image {
  background: #eff7ea !important;
  color: #2e6136 !important;
  border-color: #d6e5d0 !important;
}

.admin-product-thumb {
  width: 82px !important;
  height: 82px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid #dde6d5 !important;
  background: #f8fbf6 !important;
  flex-shrink: 0 !important;
}

.admin-product-thumb img,
.admin-product-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.admin-row-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.admin-edit-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 1px solid #d5e1cb !important;
  background: #f8fbf5 !important;
  color: #2b4e37 !important;
  font-weight: 700 !important;
}

.admin-product-item[open] .admin-edit-toggle {
  background: #224f36 !important;
  color: #ffffff !important;
  border-color: #224f36 !important;
}

.admin-content-page-card[open] {
  background: #ffffff !important;
  border-color: #d7e2d2 !important;
  box-shadow: 0 20px 40px rgba(37,61,45,.09) !important;
}

.admin-content-page-card[open] .admin-content-page-summary {
  border-bottom: 1px solid #edf2e7 !important;
}

.admin-product-editor {
  padding: 0 0 22px 98px !important;
  display: grid !important;
  gap: 16px !important;
}

.admin-edit-form {
  padding-top: 6px !important;
}

.admin-product-preview {
  width: 100% !important;
  min-height: 170px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  border: 1px solid #dbe5d2 !important;
  background: #f7faf4 !important;
}

.admin-delete-form {
  display: flex !important;
  justify-content: flex-end !important;
}

.btn-danger {
  border-color: #e3c6c6 !important;
  color: #8b2d2d !important;
  background: #fff8f8 !important;
}

.btn-danger:hover {
  background: #fbeaea !important;
}

.btn-warning {
  border-color: #ead9b4 !important;
  color: #925d0f !important;
  background: #fff8e8 !important;
}

.btn-warning:hover {
  background: #fff1cf !important;
}

@media (max-width: 980px) {
  .admin-form-grid,
  .admin-upload-layout {
    grid-template-columns: 1fr !important;
  }

  .admin-product-editor {
    padding: 0 18px 18px !important;
  }

  .admin-list-row {
    align-items: flex-start !important;
  }

  .admin-content-page-summary {
    padding: 18px !important;
  }

  .admin-content-page-stats {
    margin-left: 0 !important;
  }

  .admin-row-actions {
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
}

/* About page */
.about-hero-section {
  padding-top: 38px !important;
}

.about-hero-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr) !important;
  gap: 32px !important;
  align-items: center !important;
}

.about-hero-copy h1 {
  margin: 16px 0 0 !important;
  font-size: clamp(46px, 6vw, 88px) !important;
  line-height: .95 !important;
  letter-spacing: -.07em !important;
  color: #131b16 !important;
  max-width: 11ch !important;
}

.about-pill-list {
  margin-top: 24px !important;
}

.about-hero-media {
  position: relative !important;
}

.about-main-image {
  border-radius: 32px !important;
  overflow: hidden !important;
  box-shadow: 0 28px 52px rgba(37, 56, 43, 0.14) !important;
}

.about-main-image img,
.about-side-image img {
  width: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

.about-parallax-image {
  transform: scale(1.045) !important;
  transition: transform .7s ease, filter .7s ease !important;
  filter: saturate(.92) contrast(1.02) !important;
}

.about-floating-card {
  position: absolute !important;
  right: 24px !important;
  bottom: 24px !important;
  max-width: 280px !important;
  display: grid !important;
  gap: 8px !important;
  padding: 18px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,0.86) !important;
  border: 1px solid rgba(221, 230, 213, 0.95) !important;
  backdrop-filter: blur(18px) !important;
}

.about-floating-card strong {
  color: #162019 !important;
  font-size: 18px !important;
}

.about-floating-card span {
  color: #58695e !important;
  line-height: 1.55 !important;
}

.about-story-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .88fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.about-story-card {
  padding: 28px !important;
}

.about-story-card h2 {
  margin: 8px 0 14px !important;
  font-size: 40px !important;
  letter-spacing: -.05em !important;
  color: #162019 !important;
}

.about-story-card p {
  color: #54645a !important;
  line-height: 1.75 !important;
}

.about-side-image {
  border-radius: 30px !important;
  overflow: hidden !important;
  min-height: 100% !important;
  box-shadow: 0 20px 40px rgba(37, 56, 43, 0.12) !important;
}

.about-side-image img {
  height: 100% !important;
  min-height: 100% !important;
}

.about-gallery-head {
  max-width: 920px !important;
}

.about-gallery-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  margin-top: 28px !important;
}

.about-gallery-card {
  position: relative !important;
  min-height: 300px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 36px rgba(36, 54, 42, 0.12) !important;
  transition: transform .28s ease, box-shadow .28s ease !important;
}

.about-gallery-card-large {
  grid-column: span 2 !important;
}

.about-gallery-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.about-gallery-copy {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
  display: grid !important;
  gap: 6px !important;
  padding: 18px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,0.82) !important;
  backdrop-filter: blur(14px) !important;
}

.about-gallery-copy strong {
  color: #162019 !important;
  font-size: 20px !important;
}

.about-gallery-copy span {
  color: #58695e !important;
  line-height: 1.55 !important;
}

.about-gallery-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 26px 44px rgba(36, 54, 42, 0.16) !important;
}

.about-gallery-card:hover .about-parallax-image,
.about-side-image:hover .about-parallax-image,
.about-main-image:hover .about-parallax-image {
  transform: scale(1.09) !important;
  filter: saturate(1) contrast(1.03) !important;
}

@media (max-width: 1080px) {
  .about-hero-grid,
  .about-story-grid {
    grid-template-columns: 1fr !important;
  }

  .about-gallery-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 760px) {
  .about-gallery-grid {
    grid-template-columns: 1fr !important;
  }

  .about-gallery-card-large {
    grid-column: span 1 !important;
  }
}

.product-card-subscription {
  border: 1px solid rgba(64, 95, 58, 0.22) !important;
  box-shadow: 0 24px 46px rgba(47, 90, 47, 0.12) !important;
}

.product-subscription-note {
  margin-top: 14px !important;
  color: #516053 !important;
  line-height: 1.6 !important;
}

.subscription-plan-picker {
  display: grid !important;
  gap: 8px !important;
  margin-top: 14px !important;
}

.subscription-plan-picker span {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #425445 !important;
}

.subscription-plan-picker select {
  width: 100% !important;
  min-height: 50px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid #d4dec9 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdf9 100%) !important;
  font: inherit !important;
  color: #162019 !important;
}

.admin-field-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.admin-field-toggle input[type="checkbox"] {
  width: 22px !important;
  height: 22px !important;
}

.manager-landing-section {
  position: relative !important;
  overflow: hidden !important;
  padding-top: 46px !important;
}

.manager-landing-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(178, 212, 159, 0.18) 0%, rgba(178, 212, 159, 0) 34%),
    radial-gradient(circle at 88% 16%, rgba(213, 228, 191, 0.22) 0%, rgba(213, 228, 191, 0) 28%),
    linear-gradient(180deg, #fbfcfa 0%, #f4f8f1 100%) !important;
  z-index: 0 !important;
}

.manager-landing-section > .container {
  position: relative !important;
  z-index: 1 !important;
}

.manager-pricing-section {
  padding-top: 12px !important;
}

.manager-pricing-head {
  max-width: 760px !important;
  margin: 0 auto 34px auto !important;
  text-align: center !important;
}

.manager-pricing-head h2 {
  margin: 12px 0 14px 0 !important;
  font-size: clamp(2rem, 4vw, 3.3rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
  color: #142017 !important;
}

.manager-pricing-head p {
  margin: 0 auto !important;
  max-width: 720px !important;
  color: #5d6d60 !important;
  font-size: 1.02rem !important;
  line-height: 1.72 !important;
}

.manager-pricing-switcher {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: min(560px, 100%) !important;
  margin: 0 auto 34px auto !important;
  padding: 6px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #8dcfa7 0%, #72ba8a 100%) !important;
  box-shadow: 0 18px 40px rgba(77, 135, 91, 0.16) !important;
}

.manager-pricing-switcher a {
  min-height: 64px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  border-radius: 12px !important;
  color: #f5fff7 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-align: center !important;
  padding: 10px 8px !important;
}

.manager-pricing-switcher a strong {
  font-size: 14px !important;
  line-height: 1.1 !important;
}

.manager-pricing-switcher a span {
  font-size: 12px !important;
  line-height: 1.1 !important;
  opacity: 0.92 !important;
}

.manager-pricing-switcher .is-active {
  background: #ffffff !important;
  color: #315c3f !important;
}

.manager-pricing-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 26px !important;
  align-items: stretch !important;
  margin-top: 22px !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.manager-pricing-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  opacity: 1 !important;
  transform: none !important;
  padding: 0 !important;
  width: min(360px, 100%) !important;
  flex: 0 1 360px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(130, 174, 126, 0.2) !important;
  background: #ffffff !important;
  box-shadow: 0 22px 46px rgba(76, 121, 74, 0.14) !important;
  overflow: hidden !important;
}

.manager-pricing-card::before {
  content: none !important;
}

.manager-pricing-card::after {
  content: none !important;
}

.manager-pricing-card.is-selected {
  transform: translateY(-10px) !important;
  box-shadow: 0 28px 54px rgba(67, 121, 78, 0.18) !important;
}

.manager-pricing-card-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 22px 22px 20px !important;
  background: linear-gradient(135deg, #8dcfa7 0%, #9fdcb4 100%) !important;
}

.manager-pricing-card-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  padding: 22px !important;
  background: #ffffff !important;
  position: relative !important;
  z-index: 2 !important;
  min-height: 420px !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}

.manager-pricing-card-body,
.manager-pricing-card-body * {
  opacity: 1 !important;
  visibility: visible !important;
}

.manager-pricing-card-body > * {
  position: relative !important;
  z-index: 3 !important;
}

.manager-pricing-badge,
.manager-pricing-standard,
.manager-pricing-saving {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(255, 255, 255, 0.56) !important;
  color: #2a5136 !important;
}

.manager-pricing-amount {
  display: grid !important;
  gap: 6px !important;
  min-height: 92px !important;
  align-content: start !important;
  text-align: center !important;
  padding-top: 0 !important;
  margin: 0 !important;
}

.manager-pricing-amount strong {
  font-size: clamp(2.25rem, 3.6vw, 3.1rem) !important;
  line-height: 1 !important;
  letter-spacing: -0.05em !important;
  color: #21452d !important;
}

.manager-pricing-amount span {
  color: #4d6955 !important;
  font-weight: 700 !important;
}

.manager-pricing-note {
  margin: 0 !important;
  color: #556457 !important;
  line-height: 1.65 !important;
  min-height: 72px !important;
  text-align: center !important;
}

.manager-pricing-features {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 9px !important;
  width: 100% !important;
}

.manager-pricing-features li {
  position: relative !important;
  padding-left: 18px !important;
  color: #2b392d !important;
  line-height: 1.6 !important;
}

.manager-pricing-features li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.7em !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #75ba78 !important;
  transform: translateY(-50%) !important;
}

.manager-pricing-card .btn {
  width: 100% !important;
  justify-content: center !important;
}

.manager-pricing-action {
  margin: -2px 0 0 0 !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #6b8f73 !important;
}

.manager-pricing-register-note {
  margin: 0 !important;
  color: #6b786d !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

.manager-pricing-form {
  margin-top: auto !important;
  width: 100% !important;
}

.manager-pricing-summary {
  margin-top: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 22px 24px !important;
  border-radius: 24px !important;
  background: #f5faf3 !important;
  border: 1px solid rgba(122, 170, 120, 0.2) !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.manager-pricing-summary strong {
  display: block !important;
  margin-top: 6px !important;
  font-size: 1.55rem !important;
  line-height: 1.08 !important;
  color: #152318 !important;
}

.manager-pricing-summary p {
  margin: 8px 0 0 0 !important;
  color: #5a6a5b !important;
}

.manager-pricing-summary-form {
  flex: 0 0 auto !important;
}

.manager-demo-card {
  margin-top: 24px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr) !important;
  gap: 24px !important;
  align-items: start !important;
  padding: 24px 26px !important;
  border-radius: 26px !important;
  background: linear-gradient(135deg, #f8fbf6 0%, #f2f8ef 100%) !important;
  border: 1px solid rgba(135, 172, 120, 0.18) !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.manager-demo-copy h3 {
  margin: 10px 0 10px 0 !important;
  font-size: clamp(1.4rem, 2.2vw, 2rem) !important;
  color: #18241b !important;
}

.manager-demo-copy p {
  margin: 0 !important;
  color: #58685a !important;
  line-height: 1.72 !important;
}

.manager-demo-meta {
  display: grid !important;
  gap: 12px !important;
  justify-items: start !important;
}

.manager-demo-meta > div {
  width: 100% !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid rgba(135, 172, 120, 0.16) !important;
}

.manager-demo-meta strong {
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #748475 !important;
}

.manager-demo-meta span {
  display: block !important;
  font-weight: 700 !important;
  color: #1a281d !important;
}

.manager-demo-meta .btn {
  margin-top: 4px !important;
}

.manager-capabilities-box {
  margin: 26px auto 0 auto !important;
  max-width: 920px !important;
  display: grid !important;
  gap: 18px !important;
  padding: 26px 28px !important;
  border-radius: 26px !important;
  background: linear-gradient(135deg, #f9fcf8 0%, #f3f8f1 100%) !important;
  border: 1px solid rgba(135, 172, 120, 0.18) !important;
  box-shadow: 0 18px 40px rgba(76, 121, 74, 0.08) !important;
}

.manager-capabilities-copy {
  max-width: 760px !important;
}

.manager-capabilities-copy h3 {
  margin: 10px 0 10px 0 !important;
  font-size: clamp(1.5rem, 2.3vw, 2.1rem) !important;
  color: #18241b !important;
}

.manager-capabilities-copy p {
  margin: 0 !important;
  color: #59695b !important;
  line-height: 1.7 !important;
}

.manager-capabilities-list {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 18px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.manager-capabilities-list li {
  position: relative !important;
  padding-left: 18px !important;
  color: #203024 !important;
  line-height: 1.55 !important;
}

.manager-capabilities-list li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.72em !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #72ba78 !important;
  transform: translateY(-50%) !important;
}

.manager-capabilities-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px 22px !important;
  align-items: center !important;
}

.manager-capabilities-links a {
  color: #314b37 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.manager-capabilities-links a:hover {
  color: #1f3224 !important;
}

@media (prefers-reduced-motion: no-preference) {
  .manager-pricing-head {
    animation: managerPricingFadeIn .65s ease forwards !important;
  }

  .manager-pricing-card {
    animation: managerPricingCardIn .7s cubic-bezier(.22, 1, .36, 1) forwards !important;
  }

  .manager-pricing-card:nth-child(1) {
    animation-delay: .08s !important;
  }

  .manager-pricing-card:nth-child(2) {
    animation-delay: .16s !important;
  }

  .manager-pricing-card:nth-child(3) {
    animation-delay: .24s !important;
  }

  .manager-pricing-card:hover {
    transform: translateY(-8px) scale(1.01) !important;
    transition: transform .24s ease, box-shadow .24s ease !important;
  }
}

@keyframes managerPricingFadeIn {
  from {
    opacity: 0;
    transform: translateY(22px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes managerPricingCardIn {
  from {
    opacity: 0;
    transform: translateY(26px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 980px) {
  .manager-pricing-switcher {
    width: 100% !important;
  }

  .manager-pricing-grid {
    gap: 18px !important;
  }

  .manager-pricing-head {
    margin-bottom: 28px !important;
  }

  .manager-pricing-card,
  .manager-pricing-card-month,
  .manager-pricing-card-halfyear,
  .manager-pricing-card-year {
    margin: 0 !important;
    border-radius: 28px !important;
  }

  .manager-pricing-summary,
  .manager-demo-card {
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .manager-capabilities-list {
    grid-template-columns: 1fr !important;
  }
}

.manager-standalone-body {
  margin: 0 !important;
  background: #f4f7f3 !important;
}

.manager-shell {
  display: grid !important;
  grid-template-columns: 278px minmax(0, 1fr) !important;
  min-height: 100vh !important;
}

.manager-shell-sidebar {
  position: sticky !important;
  top: 0 !important;
  height: 100vh !important;
  padding: 28px 20px 24px !important;
  background: linear-gradient(180deg, #102217 0%, #173427 58%, #102116 100%) !important;
  display: grid !important;
  align-content: start !important;
  gap: 20px !important;
  border-right: none !important;
  box-shadow: inset -1px 0 0 rgba(255,255,255,0.06) !important;
  overflow: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(127, 217, 178, 0.32) transparent !important;
}

.manager-shell-sidebar::-webkit-scrollbar {
  width: 8px !important;
}

.manager-shell-sidebar::-webkit-scrollbar-thumb {
  background: rgba(127, 217, 178, 0.26) !important;
  border-radius: 999px !important;
}

.manager-shell-brand {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  text-decoration: none !important;
  padding: 14px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

.manager-shell-brand img {
  width: 56px !important;
  height: auto !important;
  filter: drop-shadow(0 12px 22px rgba(7, 18, 11, 0.28)) !important;
}

.manager-shell-brand strong,
.manager-shell-link {
  color: #edf5ef !important;
}

.manager-shell-brand span {
  display: block !important;
  color: rgba(225, 236, 228, 0.72) !important;
  margin-top: 4px !important;
}

.manager-shell-nav {
  display: grid !important;
  gap: 8px !important;
}

.manager-shell-caption {
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #7fd9b2 !important;
}

.manager-shell-nav + .manager-shell-caption {
  margin-top: 6px !important;
}

.manager-shell-link {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  color: rgba(227, 237, 229, 0.82) !important;
  transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease !important;
}

.manager-shell-link.active,
.manager-shell-link:hover {
  background: linear-gradient(135deg, rgba(46, 98, 73, 0.74) 0%, rgba(24, 58, 43, 0.92) 100%) !important;
  border-color: rgba(127, 217, 178, 0.34) !important;
  color: #ffffff !important;
  box-shadow: inset 3px 0 0 #6be1ae, 0 16px 26px rgba(4, 15, 9, 0.22) !important;
}

.manager-shell-main {
  padding: 0 0 56px 0 !important;
  min-width: 0 !important;
  background:
    radial-gradient(circle at top left, rgba(185, 213, 190, 0.34), transparent 22%),
    radial-gradient(circle at top right, rgba(211, 225, 200, 0.24), transparent 18%),
    linear-gradient(180deg, #f4f7f2 0%, #eef2ec 100%) !important;
}

.manager-shell-container {
  width: min(1420px, calc(100% - 68px)) !important;
  margin: 0 auto !important;
}

.manager-landing-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr) !important;
  gap: 42px !important;
  align-items: center !important;
}

.manager-landing-copy h1 {
  max-width: 12ch !important;
  margin: 12px 0 18px !important;
  font-size: clamp(52px, 5.8vw, 82px) !important;
  line-height: .92 !important;
  letter-spacing: -.07em !important;
  color: #162019 !important;
}

.manager-landing-copy .lead {
  max-width: 34ch !important;
  color: #495a4f !important;
  font-size: 24px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}

.manager-landing-points {
  display: grid !important;
  gap: 14px !important;
  margin-top: 28px !important;
}

.manager-landing-points div {
  position: relative !important;
  padding: 18px 22px 18px 54px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,0.78) !important;
  border: 1px solid rgba(214, 224, 209, 0.92) !important;
  color: #46584b !important;
  line-height: 1.72 !important;
  box-shadow: 0 18px 36px rgba(39, 60, 44, 0.06) !important;
  backdrop-filter: blur(12px) !important;
}

.manager-landing-points div::before {
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  top: 24px !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #86c451 0%, #2f7c4e 100%) !important;
  box-shadow: 0 0 0 8px rgba(140, 191, 113, 0.14) !important;
}

.manager-showcase-card,
.manager-status-card,
.manager-feature-card,
.manager-panel,
.manager-stat-card {
  border: 1px solid rgba(214, 224, 209, 0.9) !important;
  box-shadow: 0 18px 36px rgba(39, 60, 44, 0.06) !important;
}

.manager-showcase-card {
  position: relative !important;
  border-radius: 36px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #f9fcf6 0%, #eef5e9 100%) !important;
  padding: 0 !important;
  min-height: 520px !important;
}

.manager-showcase-card img {
  display: block !important;
  width: 100% !important;
  min-height: 520px !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 36px !important;
  transform: scale(1.02) !important;
  transition: transform 1.2s cubic-bezier(.22,1,.36,1), filter 1.2s cubic-bezier(.22,1,.36,1) !important;
  filter: saturate(.98) contrast(1.02) !important;
}

.manager-showcase-card:hover img {
  transform: scale(1.045) !important;
  filter: saturate(1.03) contrast(1.03) !important;
}

.manager-status-card {
  margin-top: -34px !important;
  margin-left: auto !important;
  max-width: 336px !important;
  display: grid !important;
  gap: 10px !important;
  padding: 22px !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,0.88) !important;
  backdrop-filter: blur(20px) !important;
}

.manager-status-card strong,
.manager-feature-card h3,
.manager-panel h3,
.manager-list-copy strong,
.manager-task-item strong {
  color: #162019 !important;
}

.manager-status-card span,
.manager-feature-card p,
.manager-list-copy span,
.manager-task-item span,
.manager-subscription-status span {
  color: #5a695e !important;
  line-height: 1.6 !important;
}

.manager-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.manager-flow-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.manager-flow-card {
  padding: 26px !important;
  border-radius: 30px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7faf6 100%) !important;
  border: 1px solid rgba(214, 224, 209, 0.95) !important;
  box-shadow: 0 18px 36px rgba(39, 60, 44, 0.06) !important;
}

.manager-flow-card span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 16px !important;
  background: #eef8f0 !important;
  color: #16844f !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

.manager-flow-card strong {
  display: block !important;
  margin-top: 18px !important;
  margin-bottom: 10px !important;
  color: #162019 !important;
  font-size: 28px !important;
  letter-spacing: -.04em !important;
}

.manager-flow-card p {
  color: #5a695e !important;
  line-height: 1.65 !important;
}

.manager-explain-section {
  padding-top: 6px !important;
}

.manager-explain-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.manager-explain-copy,
.manager-explain-side {
  padding: 30px !important;
  border-radius: 32px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8faf7 100%) !important;
  border: 1px solid rgba(214, 224, 209, 0.95) !important;
  box-shadow: 0 18px 36px rgba(39, 60, 44, 0.06) !important;
}

.manager-explain-copy h2 {
  margin: 10px 0 14px !important;
  font-size: clamp(38px, 4vw, 58px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  color: #162019 !important;
}

.manager-explain-copy p {
  color: #54655a !important;
  line-height: 1.75 !important;
  font-size: 18px !important;
}

.manager-mini-list {
  display: grid !important;
  gap: 16px !important;
}

.manager-mini-list div {
  display: grid !important;
  gap: 8px !important;
  padding: 20px !important;
  border-radius: 24px !important;
  background: #f4f8f3 !important;
  border: 1px solid rgba(214, 224, 209, 0.95) !important;
}

.manager-mini-list strong {
  color: #162019 !important;
  font-size: 18px !important;
}

.manager-mini-list span {
  color: #5a695e !important;
  line-height: 1.65 !important;
}

.manager-feature-card {
  padding: 24px !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7faf6 100%) !important;
}

.manager-app-hero {
  background: linear-gradient(180deg, rgba(245, 248, 242, 0.95) 0%, rgba(243, 247, 241, 0.78) 100%) !important;
  padding: 28px 0 20px !important;
  border-bottom: 1px solid rgba(216, 223, 213, 0.84) !important;
}

.manager-app-hero-compact {
  padding: 18px 0 10px !important;
}

.manager-app-hero-compact .manager-app-head {
  align-items: end !important;
}

.manager-app-hero-compact .manager-app-head h1 {
  max-width: none !important;
  font-size: clamp(26px, 2.4vw, 34px) !important;
  margin-bottom: 6px !important;
}

.manager-app-hero-compact .manager-app-head .lead {
  max-width: 760px !important;
}

.manager-app-head-varieties{
  align-items: center !important;
  justify-content: space-between !important;
}

.manager-app-head-varieties h1{
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  font-size: clamp(28px, 2.8vw, 42px) !important;
}

.manager-app-head-varieties .lead{
  color: #66788f !important;
  font-size: 18px !important;
}

.manager-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
  padding: 16px 20px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,0.72) !important;
  border: 1px solid rgba(217, 224, 214, 0.94) !important;
  box-shadow: 0 20px 40px rgba(20, 35, 24, 0.08) !important;
  backdrop-filter: blur(20px) !important;
}

.manager-topbar-brand {
  display: grid !important;
  gap: 2px !important;
}

.manager-topbar-label {
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #118656 !important;
}

.manager-topbar-sub {
  margin-top: 4px !important;
  color: #526251 !important;
  font-weight: 600 !important;
}

.manager-topbar-meta {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  color: #4b5c4d !important;
  font-weight: 600 !important;
}

.manager-topbar-meta span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: rgba(244, 247, 242, 0.96) !important;
  border: 1px solid rgba(218, 224, 216, 0.92) !important;
}

.manager-topbar-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 9px 14px !important;
  border-radius: 999px !important;
  background: #eef8f0 !important;
  color: #127049 !important;
  border: 1px solid #9ce7bf !important;
}

.manager-app-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 28px !important;
}

.manager-app-head h1 {
  margin: 8px 0 12px !important;
  font-size: clamp(40px, 4.3vw, 62px) !important;
  letter-spacing: -0.065em !important;
  line-height: 0.94 !important;
  max-width: 10.4ch !important;
}

.manager-app-head .lead {
  max-width: 760px !important;
  color: #5d6d60 !important;
  line-height: 1.68 !important;
  font-size: 18px !important;
  margin: 0 !important;
}

.manager-app-head .badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #e8f6ee !important;
  border: 1px solid #bfe5cd !important;
  color: #0d8758 !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.manager-app-actions {
  display: flex !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.manager-app-actions .btn {
  min-height: 52px !important;
  padding: 0 18px !important;
  border-radius: 18px !important;
}

.manager-app-actions .btn-secondary {
  background: rgba(255,255,255,0.88) !important;
  border-color: rgba(216,223,213,0.96) !important;
}

.manager-stats-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 18px !important;
}

.manager-stat-card {
  display: grid !important;
  gap: 8px !important;
  padding: 18px !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  position: relative !important;
  overflow: hidden !important;
}

.manager-stat-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 4px !important;
  background: linear-gradient(180deg, #385f39 0%, #9dbc8f 100%) !important;
  opacity: .9 !important;
}

.manager-stat-card strong {
  font-size: 24px !important;
  line-height: 1 !important;
  color: #162019 !important;
}

.manager-stat-card span {
  font-size: 15px !important;
  color: #5a695e !important;
}

.manager-app-layout {
  display: block !important;
  margin-top: 20px !important;
}

.manager-app-layout > * + * {
  margin-top: 20px !important;
}

.manager-app-main,
.manager-app-sidebar {
  display: grid !important;
  gap: 20px !important;
  align-items: start !important;
}

.manager-app-sidebar {
  order: 0 !important;
}

.manager-app-sidebar:empty{
  display:none !important;
}

.manager-panel {
  padding: 30px !important;
  border-radius: 32px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(249, 251, 247, 0.94) 100%) !important;
  backdrop-filter: blur(18px) !important;
  border-color: rgba(220, 226, 218, 0.94) !important;
  box-shadow: 0 26px 46px rgba(19, 34, 22, 0.08) !important;
}

.manager-panel .checkout-card-head {
  align-items: start !important;
  margin-bottom: 20px !important;
}

.manager-panel .checkout-kicker {
  letter-spacing: .12em !important;
  font-size: 12px !important;
  color: #71836f !important;
}

.manager-panel h3 {
  margin: 6px 0 0 !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.055em !important;
  max-width: 14ch !important;
}

.manager-panel .checkout-pill {
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: #edf4e8 !important;
  border: 1px solid #d7e3cd !important;
  color: #33503a !important;
  font-weight: 800 !important;
}

.manager-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.manager-panel input,
.manager-panel select,
.manager-panel textarea {
  width: 100% !important;
  border: 1px solid #d8e2d1 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdf9 100%) !important;
  color: #17221a !important;
  border-radius: 14px !important;
  font: inherit !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.manager-panel input,
.manager-panel select {
  min-height: 50px !important;
  padding: 0 14px !important;
}

.manager-panel textarea {
  min-height: 108px !important;
  padding: 14px !important;
  resize: vertical !important;
}

.manager-panel input::placeholder,
.manager-panel textarea::placeholder {
  color: #8a988c !important;
}

.manager-panel input:focus,
.manager-panel select:focus,
.manager-panel textarea:focus {
  outline: none !important;
  border-color: #6a8f72 !important;
  box-shadow: 0 0 0 4px rgba(106, 143, 114, 0.11) !important;
  background: #fff !important;
}

.manager-panel .btn-primary {
  min-height: 50px !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #274d2a 0%, #355f34 100%) !important;
  box-shadow: 0 14px 24px rgba(41, 78, 44, 0.16) !important;
}

.manager-panel .btn-secondary {
  min-height: 44px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.92) !important;
  border-color: #d5dfcd !important;
  box-shadow: none !important;
}

.manager-form-grid .checkout-submit-row,
.manager-form-grid .checkout-field-wide {
  grid-column: 1 / -1 !important;
}

.manager-list,
.manager-task-list {
  display: grid !important;
  gap: 14px !important;
  margin-top: 22px !important;
}

.manager-panel-intro {
  margin: 10px 0 0 !important;
  color: #5d6d60 !important;
  font-size: 1.05rem !important;
  max-width: 68ch !important;
}

.manager-task-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin: 18px 0 22px !important;
}

.manager-task-filters {
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  padding: 6px !important;
  border-radius: 20px !important;
  background: #eef2ed !important;
}

.manager-task-filter {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #5c6b5d !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.manager-task-filter span {
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: #eef4ea !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.88rem !important;
}

.manager-task-filter.active {
  background: #ffffff !important;
  border-color: rgba(214, 221, 213, 0.95) !important;
  color: #173427 !important;
  box-shadow: 0 10px 18px rgba(20, 35, 24, 0.08) !important;
}

.manager-task-filter.active span {
  background: #edf6ef !important;
  color: #118656 !important;
}

.manager-task-meta {
  color: #637365 !important;
  font-weight: 600 !important;
}

.manager-task-layout,
.manager-profile-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr) !important;
  gap: 20px !important;
  align-items: start !important;
}

.manager-task-card,
.manager-task-sidecard,
.manager-profile-side {
  border-radius: 24px !important;
  border: 1px solid rgba(214, 224, 209, 0.85) !important;
  background: linear-gradient(180deg, #fcfdfa 0%, #f5f8f3 100%) !important;
  box-shadow: 0 18px 40px rgba(41, 78, 44, 0.06) !important;
}

.manager-task-card {
  padding: 18px 20px !important;
}

.manager-task-card-head {
  display: flex !important;
  align-items: start !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

.manager-task-copy {
  display: grid !important;
  gap: 6px !important;
}

.manager-task-copy strong {
  font-size: 1.12rem !important;
  color: #1f2a21 !important;
}

.manager-task-copy span,
.manager-task-copy p {
  margin: 0 !important;
  color: #637365 !important;
}

.manager-task-eyebrow {
  display: inline-flex !important;
  width: fit-content !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: #edf5e8 !important;
  color: #2f5a2f !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

.manager-task-card.is-complete {
  opacity: 0.82 !important;
}

.manager-task-card.is-complete strong {
  text-decoration: line-through !important;
}

.manager-task-edit {
  margin-top: 16px !important;
  border-top: 1px solid rgba(214, 224, 209, 0.8) !important;
  padding-top: 14px !important;
}

.manager-task-edit summary {
  cursor: pointer !important;
  list-style: none !important;
  color: #2f5a2f !important;
  font-weight: 700 !important;
}

.manager-task-edit summary::-webkit-details-marker {
  display: none !important;
}

.manager-task-sidecard,
.manager-profile-side {
  padding: 20px !important;
  position: sticky !important;
  top: 24px !important;
}

.manager-sidecard-head {
  display: grid !important;
  gap: 6px !important;
  margin-bottom: 16px !important;
}

.manager-sidecard-head h4 {
  margin: 0 !important;
  font-size: 1.3rem !important;
}

.manager-task-create-form {
  gap: 12px !important;
}

.manager-employee-list {
  display: grid !important;
  gap: 14px !important;
  margin-top: 22px !important;
}

.manager-profile-block {
  grid-column: 1 / -1 !important;
  display: grid !important;
  gap: 4px !important;
  padding-top: 6px !important;
}

.manager-profile-block h4 {
  margin: 0 !important;
  font-size: 1.18rem !important;
}

.manager-logo-upload-row {
  display: grid !important;
  gap: 14px !important;
}

.manager-logo-preview {
  padding: 14px !important;
  border: 1px solid rgba(213, 223, 205, 0.95) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.9) !important;
}

.manager-logo-preview img {
  max-height: 82px !important;
  max-width: 200px !important;
  display: block !important;
}

.manager-section-head {
  align-items: start !important;
}

.manager-varieties-panel{
  padding: 2px 0 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

.manager-varieties-toolbar{
  margin-bottom: 20px !important;
  padding: 0 0 8px !important;
}

.manager-varieties-toolbar h3{
  max-width: none !important;
}

.manager-variety-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  margin-top: 0 !important;
}

.manager-varieties-empty{
  display:grid !important;
  gap: 10px !important;
  padding: 28px 32px !important;
  border-radius: 28px !important;
  border: 1px solid #dfe8da !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(22, 39, 27, 0.05) !important;
}

.manager-varieties-empty strong{
  font-size: 28px !important;
  letter-spacing: -.04em !important;
  color: #1a2620 !important;
}

.manager-varieties-empty p{
  margin: 0 !important;
  color: #67786c !important;
  max-width: 56ch !important;
}

.manager-variety-card {
  position: relative !important;
  padding: 28px 34px 24px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid #e4ebe5 !important;
  box-shadow: 0 10px 28px rgba(33, 53, 39, 0.05) !important;
  overflow: hidden !important;
}

.manager-variety-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 6px !important;
  background: var(--variety-accent, #2f5a2f) !important;
}

.manager-variety-card-head {
  display: flex !important;
  align-items: start !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

.manager-variety-card-head-list{
  margin-bottom: 20px !important;
}

.manager-variety-name {
  font-size: clamp(24px, 2.1vw, 32px) !important;
  font-weight: 800 !important;
  color: #1d2720 !important;
  letter-spacing: -.04em !important;
}

.manager-variety-subline {
  margin-top: 6px !important;
  color: #6a796c !important;
  line-height: 1.5 !important;
}

.manager-variety-actions {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.manager-icon-btn {
  min-height: 40px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid #d9e2d6 !important;
  background: #f8faf7 !important;
  color: #405043 !important;
  font-weight: 700 !important;
}

.manager-icon-btn-square{
  width: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.manager-icon-btn-square svg{
  width: 20px !important;
  height: 20px !important;
}

.manager-variety-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 0 !important;
}

.manager-variety-metrics-list{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  row-gap: 18px !important;
  column-gap: 22px !important;
}

.manager-variety-metric {
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: #f7faf6 !important;
  border: 1px solid #e4ebe0 !important;
  display: grid !important;
  gap: 8px !important;
}

.manager-variety-metric span {
  font-size: 0.8rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #728172 !important;
  font-weight: 700 !important;
}

.manager-variety-metric strong {
  font-size: 1.12rem !important;
  color: #1e2a21 !important;
}

.manager-variety-metric-rich{
  grid-template-columns: 52px 1fr !important;
  align-items: center !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.manager-variety-metric-icon{
  width: 44px !important;
  height: 44px !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f5f7f8 !important;
  color: #78869d !important;
  line-height: 1 !important;
}

.manager-variety-metric-icon svg{
  width: 21px !important;
  height: 21px !important;
}

.manager-variety-tag-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top: 18px !important;
}

.manager-variety-tag{
  display:inline-flex !important;
  align-items:center !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #f3f8f2 !important;
  border: 1px solid #d7e4d1 !important;
  color: #35503a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.manager-variety-note-row{
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid #ecf0eb !important;
  color: #71806e !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  min-height: 28px !important;
}

.manager-variety-details {
  margin-top: 18px !important;
  border-top: 1px solid #e3eade !important;
  padding-top: 14px !important;
}

.manager-variety-details summary {
  cursor: pointer !important;
  list-style: none !important;
  color: #1d6b48 !important;
  font-weight: 700 !important;
}

.manager-variety-details summary::-webkit-details-marker {
  display: none !important;
}

.manager-dialog {
  width: min(760px, calc(100% - 28px)) !important;
  border: 1px solid #d9e2d6 !important;
  border-radius: 24px !important;
  padding: 0 !important;
  background: #ffffff !important;
  box-shadow: 0 36px 90px rgba(18, 34, 20, 0.18) !important;
}

.manager-dialog::backdrop {
  background: rgba(21, 35, 24, 0.34) !important;
  backdrop-filter: blur(3px) !important;
}

.manager-dialog-head {
  display: flex !important;
  align-items: start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 24px 26px !important;
  border-bottom: 1px solid #e3eade !important;
}

.manager-dialog-head h4 {
  margin: 0 0 6px !important;
  font-size: 1.95rem !important;
  color: #1d2720 !important;
}

.manager-dialog-head p {
  margin: 0 !important;
  color: #6c7b6d !important;
}

.manager-dialog-close {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  border: 1px solid #d8e1d5 !important;
  background: #f8faf7 !important;
  color: #647366 !important;
  font-weight: 700 !important;
}

.manager-dialog-form {
  padding: 24px 26px 26px !important;
}

.manager-dialog-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}

.manager-mode-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 10px !important;
}

.manager-mode-card {
  display: block !important;
  cursor: pointer !important;
}

.manager-mode-card input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.manager-mode-card-ui {
  display: grid !important;
  gap: 8px !important;
  padding: 20px !important;
  border-radius: 24px !important;
  border: 1px solid #d9e5ef !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  box-shadow: 0 14px 34px rgba(23, 50, 77, 0.05) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

.manager-mode-card-ui strong {
  color: #17324d !important;
  font-size: 1.06rem !important;
}

.manager-mode-card-ui small {
  color: #66798d !important;
  line-height: 1.55 !important;
}

.manager-mode-card input:checked + .manager-mode-card-ui {
  border-color: #11bfae !important;
  box-shadow: 0 18px 42px rgba(17, 191, 174, 0.14) !important;
  transform: translateY(-2px) !important;
}

.manager-invoice-dashboard {
  display: grid !important;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr) !important;
  gap: 18px !important;
  margin: 18px 0 24px !important;
}

.manager-invoice-tools {
  display: grid !important;
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr) !important;
  gap: 18px !important;
  margin-bottom: 22px !important;
}

.manager-panel#manager-invoices,
.manager-panel#manager-profile {
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(249,251,247,0.94) 100%) !important;
  border: 1px solid rgba(220, 226, 218, 0.94) !important;
  box-shadow: 0 26px 46px rgba(19, 34, 22, 0.08) !important;
}

.manager-panel#manager-invoices .checkout-kicker,
.manager-panel#manager-profile .checkout-kicker,
.manager-topbar-label,
.manager-shell-caption {
  color: #11bfae !important;
}

.manager-panel#manager-invoices h3,
.manager-panel#manager-profile h3,
.manager-panel#manager-invoices h4,
.manager-panel#manager-profile h4,
.manager-topbar-sub,
.manager-shell-brand strong,
.manager-shell-link,
.manager-shell-link span {
  color: inherit !important;
}

.manager-shell {
  background:
    radial-gradient(circle at top left, rgba(185, 213, 190, 0.34), transparent 22%),
    radial-gradient(circle at top right, rgba(211, 225, 200, 0.24), transparent 18%),
    linear-gradient(180deg, #f4f7f2 0%, #eef2ec 100%) !important;
}

.manager-shell-sidebar {
  background: linear-gradient(180deg, #102217 0%, #173427 58%, #102116 100%) !important;
  border-right: none !important;
  box-shadow: inset -1px 0 0 rgba(255,255,255,0.06) !important;
}

.manager-shell-brand {
  gap: 16px !important;
}

.manager-shell-brand img {
  filter: drop-shadow(0 12px 22px rgba(7, 18, 11, 0.28)) !important;
}

.manager-shell-link {
  border: 1px solid transparent !important;
  background: transparent !important;
}

.manager-shell-link.active,
.manager-shell-link:hover {
  background: linear-gradient(135deg, rgba(46, 98, 73, 0.74) 0%, rgba(24, 58, 43, 0.92) 100%) !important;
  border-color: rgba(127, 217, 178, 0.34) !important;
  color: #ffffff !important;
  box-shadow: inset 3px 0 0 #6be1ae, 0 16px 26px rgba(4, 15, 9, 0.22) !important;
}

.manager-import-hint {
  margin-top: 12px !important;
  color: #66798d !important;
  line-height: 1.6 !important;
}

.manager-reminder-panel h4,
.manager-bank-activity h4 {
  margin: 0 !important;
}

.manager-reminder-list,
.manager-bank-activity {
  display: grid !important;
  gap: 14px !important;
  margin-top: 14px !important;
}

.manager-invoice-stats {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.manager-chart-card {
  padding: 20px 22px !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f5faff 100%) !important;
  border: 1px solid #dbe5ee !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 16px 38px rgba(23, 50, 77, 0.05) !important;
}

.manager-chart-title {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  margin-bottom: 14px !important;
  color: #17324d !important;
}

.manager-chart-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: end !important;
  min-height: 220px !important;
}

.manager-chart-month {
  display: grid !important;
  gap: 10px !important;
  justify-items: center !important;
}

.manager-chart-bars {
  width: 100% !important;
  height: 180px !important;
  display: flex !important;
  align-items: end !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 6px !important;
}

.manager-chart-bar {
  width: 28px !important;
  border-radius: 14px 14px 6px 6px !important;
  display: block !important;
}

.manager-chart-bar.is-paid,
.manager-chart-legend i.is-paid {
  background: linear-gradient(180deg, #11bfae 0%, #0d8f83 100%) !important;
}

.manager-chart-bar.is-open,
.manager-chart-legend i.is-open {
  background: linear-gradient(180deg, #ffbf66 0%, #f29f37 100%) !important;
}

.manager-chart-legend {
  display: flex !important;
  gap: 18px !important;
  margin-top: 12px !important;
  color: #5f6f62 !important;
  font-weight: 600 !important;
  flex-wrap: wrap !important;
}

.manager-chart-legend span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.manager-chart-legend i {
  width: 12px !important;
  height: 12px !important;
  border-radius: 999px !important;
  display: inline-block !important;
}

.manager-invoice-table-wrap {
  display: grid !important;
  gap: 14px !important;
  margin-top: 20px !important;
}

.manager-invoice-table {
  display: grid !important;
  gap: 10px !important;
}

.manager-invoice-row {
  display: grid !important;
  grid-template-columns: 140px 1.4fr 1.2fr 140px 120px 240px !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 16px 18px !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border: 1px solid #dbe5ee !important;
  box-shadow: 0 14px 34px rgba(23, 50, 77, 0.04) !important;
}

.manager-invoice-row-head {
  background: transparent !important;
  border: 0 !important;
  padding: 0 8px !important;
  color: #7a8b9b !important;
  font-size: 0.88rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  box-shadow: none !important;
}

.manager-invoice-row span {
  display: grid !important;
  gap: 4px !important;
}

.manager-invoice-row small {
  color: #708397 !important;
  font-size: 0.84rem !important;
}

.manager-invoice-actions {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

.manager-invoice-actions form {
  margin: 0 !important;
}

.manager-invoice-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

.manager-invoice-status.status-paid { background: #e7f8f4 !important; color: #0d7b70 !important; }
.manager-invoice-status.status-sent { background: #edf5ff !important; color: #2d5bff !important; }
.manager-invoice-status.status-draft { background: #f1f5f8 !important; color: #6a7c8f !important; }
.manager-invoice-status.status-overdue { background: #fff2df !important; color: #a16311 !important; }
.manager-invoice-status.status-canceled { background: #faecec !important; color: #a54a4a !important; }

.manager-checkbox-field {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.manager-checkbox-field input {
  width: 20px !important;
  height: 20px !important;
}

.manager-submit-split {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.manager-list-card,
.manager-task-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 16px 18px !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, #fbfdf9 0%, #f5f8f3 100%) !important;
  border: 1px solid rgba(214, 224, 209, 0.85) !important;
}

.manager-list-copy,
.manager-list-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.manager-list-card-link {
  text-decoration: none !important;
  color: inherit !important;
}

.manager-list-copy {
  flex-direction: column !important;
  align-items: start !important;
  gap: 6px !important;
}

.manager-task-item.is-complete {
  opacity: .72 !important;
}

.manager-task-item.is-complete strong {
  text-decoration: line-through !important;
}

.manager-report-grid {
  margin-top: 14px !important;
}

.manager-quicknav {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-top: 22px !important;
}

.manager-quicknav-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 18px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.88) !important;
  border: 1px solid rgba(210, 221, 205, 0.95) !important;
  color: #233224 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.manager-quicknav-link.active,
.manager-quicknav-link:hover {
  background: #2f5a2f !important;
  border-color: #2f5a2f !important;
  color: #fff !important;
}

.manager-inline-edit {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: -2px 0 16px 0 !important;
  padding: 16px !important;
  border-radius: 20px !important;
  background: rgba(251, 253, 249, 0.98) !important;
  border: 1px dashed rgba(211, 221, 206, 0.92) !important;
}

.manager-inline-edit .checkout-field-wide,
.manager-inline-edit .checkout-submit-row {
  grid-column: 1 / -1 !important;
}

.manager-inline-edit-compact {
  margin-top: -6px !important;
}

.manager-timeline {
  display: grid !important;
  gap: 16px !important;
}

.manager-timeline-day {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

.manager-timeline-date {
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: #f0f6ed !important;
  color: #203023 !important;
  font-weight: 700 !important;
}

.manager-timeline-items {
  display: grid !important;
  gap: 10px !important;
}

.manager-timeline-item {
  display: grid !important;
  gap: 4px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #fcfdfa 0%, #f6faf4 100%) !important;
  border: 1px solid rgba(216, 226, 211, 0.82) !important;
}

.manager-split-grid-focus {
  grid-template-columns: minmax(0, 1fr) !important;
}

.manager-shell-main .section {
  padding: 0 !important;
}

.manager-shell-main .section + .section {
  padding-top: 0 !important;
}

.manager-timeline-item.is-complete {
  opacity: .68 !important;
}

.manager-color-dot {
  width: 12px !important;
  height: 12px !important;
  border-radius: 999px !important;
  display: inline-block !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}

.manager-color-chip-group {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  min-height: 56px !important;
}

.manager-color-chip-option {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.manager-color-chip-option input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.manager-color-chip {
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  background: var(--chip-color) !important;
  border: 3px solid #ffffff !important;
  box-shadow: 0 0 0 1px #dce4d8 !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

.manager-color-chip-option input:checked + .manager-color-chip {
  transform: scale(1.08) !important;
  box-shadow: 0 0 0 2px #162019 !important;
}

.manager-subscription-status {
  margin-top: 20px !important;
  padding: 18px !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f5faff 100%) !important;
  border: 1px solid #dbe5ee !important;
  display: grid !important;
  gap: 6px !important;
}

.manager-invoice-preview-card {
  padding: 22px !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%) !important;
  border: 1px solid #dbe5ee !important;
  box-shadow: 0 20px 40px rgba(23, 50, 77, 0.05) !important;
}

.manager-invoice-preview-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: start !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
}

.manager-invoice-preview-head strong,
.manager-invoice-preview-theme {
  color: #17324d !important;
}

.manager-invoice-preview-theme {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(17, 191, 174, 0.12) !important;
  font-weight: 700 !important;
}

.manager-invoice-preview-body {
  padding: 22px !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, var(--invoice-accent) 0%, #ffffff 145%) !important;
}

.manager-invoice-preview-line,
.manager-invoice-preview-grid span {
  display: block !important;
  border-radius: 999px !important;
  background: rgba(23, 50, 77, 0.14) !important;
}

.manager-invoice-preview-line {
  height: 16px !important;
  margin-bottom: 12px !important;
}

.manager-invoice-preview-line.is-strong {
  height: 22px !important;
  width: 48% !important;
  background: rgba(23, 50, 77, 0.72) !important;
}

.manager-invoice-preview-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

.manager-invoice-preview-grid span {
  height: 82px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  border: 1px solid rgba(23, 50, 77, 0.08) !important;
}

.manager-invoice-preview-foot {
  margin-top: 14px !important;
  color: #6b7d90 !important;
  line-height: 1.6 !important;
}

.manager-split-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

.manager-varieties-layout{
  display:block !important;
  width:100% !important;
}

.manager-home-topline,
.manager-sales-topline{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  margin-bottom:24px !important;
}

.manager-invoice-topline{
  margin-top: 6px !important;
}

.manager-focus-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  margin:0 0 24px !important;
}

.manager-focus-card{
  display:grid !important;
  gap:10px !important;
  padding:22px 24px !important;
  border-radius:24px !important;
  border:1px solid rgba(219,226,217,.95) !important;
  background:
    radial-gradient(circle at top right, rgba(140, 204, 165, 0.14), transparent 32%),
    linear-gradient(180deg,#ffffff 0%,#f4f7f2 100%) !important;
  box-shadow:0 16px 32px rgba(21,34,23,.06) !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.manager-focus-card strong{
  font-size:38px !important;
  line-height:1 !important;
  letter-spacing:-0.05em !important;
  color:#14241b !important;
}

.manager-focus-card span{
  color:#4f6052 !important;
  font-weight:700 !important;
  line-height:1.45 !important;
}

.manager-focus-card p{
  margin:0 !important;
  color:#728073 !important;
  line-height:1.6 !important;
  font-size:14px !important;
}

.manager-card-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  background:#eff4ee !important;
  border:1px solid rgba(220,226,218,.95) !important;
  color:#4d5f51 !important;
  font-size:13px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.manager-home-metric{
  display:grid !important;
  gap:8px !important;
  padding:20px 22px !important;
  border-radius:22px !important;
  border:1px solid rgba(217,225,213,.92) !important;
  background:linear-gradient(180deg,#ffffff 0%,#f4f7f1 100%) !important;
  box-shadow:0 14px 30px rgba(21,34,23,.06) !important;
  position:relative !important;
  overflow:hidden !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.manager-home-metric::before{
  content:"" !important;
  position:absolute !important;
  inset:0 auto 0 0 !important;
  width:5px !important;
  background:linear-gradient(180deg,#0f9b69 0%,#7ac46d 100%) !important;
}

.manager-home-metric strong{
  font-size:40px !important;
  line-height:1 !important;
  color:#182b20 !important;
}

.manager-home-metric span{
  color:#667567 !important;
  font-size:15px !important;
}

.manager-home-grid,
.manager-sales-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.42fr) minmax(340px,.92fr) !important;
  gap:22px !important;
  align-items:start !important;
}

.manager-home-main,
.manager-home-side,
.manager-sales-main,
.manager-sales-side{
  display:grid !important;
  gap:20px !important;
}

.manager-home-card{
  border:1px solid rgba(219,226,217,.95) !important;
  border-radius:28px !important;
  background:rgba(255,255,255,0.94) !important;
  padding:28px !important;
  box-shadow:0 18px 36px rgba(21,34,23,.07) !important;
  position:relative !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.manager-home-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:1px !important;
  background:linear-gradient(90deg,rgba(15,155,105,.2) 0%,rgba(15,155,105,0) 42%) !important;
}

.manager-home-card-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin-bottom:18px !important;
  flex-wrap:wrap !important;
}

.manager-home-card h4{
  margin:0 !important;
  font-size:clamp(24px,2.5vw,30px) !important;
  line-height:0.98 !important;
  letter-spacing:-0.045em !important;
  color:#14241b !important;
}

.manager-home-card:hover,
.manager-focus-card:hover,
.manager-home-metric:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 24px 42px rgba(21,34,23,.09) !important;
  border-color: rgba(172, 200, 176, 0.96) !important;
}

.manager-home-task-list,
.manager-sales-prep-list,
.manager-sales-order-list,
.manager-sales-stock-list,
.manager-sales-customer-list{
  display:grid !important;
  gap:16px !important;
}

.manager-home-task,
.manager-sales-prep-card,
.manager-sales-order-card,
.manager-sales-stock-card,
.manager-sales-customer-card{
  display:grid !important;
  gap:10px !important;
  padding:18px 20px !important;
  border-radius:20px !important;
  border:1px solid rgba(222,228,220,.95) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(248,251,247,.95) 100%) !important;
  box-shadow:0 10px 24px rgba(21,34,23,.03) !important;
}

.manager-home-task{
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:start !important;
}

.manager-home-task strong,
.manager-sales-prep-card strong,
.manager-sales-order-card strong,
.manager-sales-stock-card strong,
.manager-sales-customer-card strong{
  display:block !important;
  font-size:19px !important;
  line-height:1.2 !important;
  color:#17271f !important;
}

.manager-home-task span,
.manager-sales-prep-card span,
.manager-sales-order-card span,
.manager-sales-stock-card span,
.manager-sales-customer-card span{
  color:#69786a !important;
  font-size:14px !important;
}

.manager-home-task p,
.manager-sales-order-card p,
.manager-sales-customer-card p{
  margin:2px 0 0 !important;
  color:#59695b !important;
  font-size:15px !important;
}

.manager-home-task.is-complete{
  opacity:.72 !important;
  background:#f5f8f4 !important;
}

.manager-home-task-recurring{
  grid-template-columns:minmax(0,1fr) auto !important;
}

.manager-home-stock-columns{
  display:grid !important;
  gap:16px !important;
}

.manager-home-stock-columns > div{
  display:grid !important;
  gap:8px !important;
  padding:16px 18px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fbfcfa 0%,#f4f7f1 100%) !important;
  border:1px solid rgba(221,228,219,.95) !important;
}

.manager-home-stock-columns strong{
  font-size:17px !important;
  color:#17271f !important;
}

.manager-home-stock-line,
.manager-muted-line{
  font-size:14px !important;
  color:#617162 !important;
}

.manager-sales-prep-card{
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
}

.manager-sales-prep-meta{
  text-align:right !important;
}

.manager-sales-order-head,
.manager-sales-customer-head,
.manager-sales-stock-card{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
}

.manager-sales-order-actions,
.manager-sales-customer-actions,
.manager-sales-stock-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

.manager-sales-order-items{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}

.manager-sales-order-items span{
  display:inline-flex !important;
  align-items:center !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:#f1f5ef !important;
  border:1px solid rgba(221,227,218,.9) !important;
  color:#355038 !important;
}

.manager-sales-order-card.is-today{
  border-color:#86dfba !important;
  box-shadow:0 16px 34px rgba(31,185,137,.14) !important;
}

.manager-sales-customer-card .manager-inline-edit{
  margin-top:8px !important;
}

.manager-list-toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  padding:0 4px !important;
}

.manager-panel .notice{
  margin-top:0 !important;
  padding:16px 18px !important;
  border:1px dashed rgba(191,205,186,0.95) !important;
  background:linear-gradient(180deg, rgba(251,252,248,0.98) 0%, rgba(245,248,241,0.94) 100%) !important;
  color:#637365 !important;
}

.manager-invoice-row.is-warning{
  background:#fff7df !important;
  border-radius:18px !important;
  border-color:#f1d79a !important;
  box-shadow:0 14px 32px rgba(190, 137, 28, 0.10) !important;
}

.manager-invoice-row{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.manager-invoice-row:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 18px 34px rgba(21,34,23,.08) !important;
  border-color:rgba(191,205,196,0.96) !important;
}

.manager-foldout{
  margin:0 0 16px !important;
  border:1px solid rgba(222,228,220,.95) !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#fafcf8 0%,#f5f8f3 100%) !important;
  overflow:hidden !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.7) !important;
}

.manager-foldout > summary{
  cursor:pointer !important;
  list-style:none !important;
  padding:18px 20px !important;
  font-weight:800 !important;
  color:#183028 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}

.manager-foldout > summary::-webkit-details-marker{
  display:none !important;
}

.manager-foldout > summary::after{
  content:"+" !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  background:#ffffff !important;
  color:#2f5a37 !important;
  border:1px solid rgba(220,227,218,.95) !important;
  box-shadow:0 10px 22px rgba(21,34,23,.07) !important;
  font-size:22px !important;
  line-height:1 !important;
}

.manager-foldout[open] > summary{
  background:#ffffff !important;
  border-bottom:1px solid rgba(222,228,220,.95) !important;
}

.manager-foldout[open] > summary::after{
  content:"−" !important;
}

.manager-foldout > form,
.manager-foldout > .manager-form-grid,
.manager-foldout > .manager-inline-edit{
  padding:18px 20px 20px !important;
}

.manager-foldout-inline{
  margin-top:8px !important;
}

.manager-home-card .manager-foldout:last-child{
  margin-bottom:0 !important;
}

@media (max-width: 1080px) {
  .manager-landing-grid,
  .manager-flow-grid,
  .manager-explain-grid,
  .manager-app-layout,
  .manager-split-grid,
  .manager-feature-grid,
  .manager-stats-grid,
  .manager-invoice-dashboard,
  .manager-invoice-tools,
  .manager-task-layout,
  .manager-profile-layout,
  .manager-inline-edit {
    grid-template-columns: 1fr 1fr !important;
  }

  .manager-mode-grid,
  .manager-invoice-stats {
    grid-template-columns: 1fr !important;
  }

  .manager-app-head {
    align-items: start !important;
    flex-direction: column !important;
  }

  .manager-app-sidebar {
    order: 0 !important;
  }

  .manager-home-topline,
  .manager-sales-topline{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .manager-invoice-topline,
  .manager-focus-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .manager-home-grid,
  .manager-sales-grid{
    grid-template-columns:1fr !important;
  }

}

@media (max-width: 760px) {
  .manager-shell {
    grid-template-columns: 1fr !important;
  }

  .manager-shell-sidebar {
    position: relative !important;
    height: auto !important;
    padding: 18px 16px 14px !important;
    overflow: visible !important;
  }

  .manager-shell-container {
    width: min(1420px, calc(100% - 32px)) !important;
  }

  .manager-shell-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .manager-shell-caption {
    padding: 0 4px !important;
  }

  .manager-shell-link {
    min-height: 52px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .manager-topbar {
    flex-direction: column !important;
    align-items: start !important;
  }

  .manager-app-actions,
  .manager-task-filters {
    width: 100% !important;
  }

  .manager-app-actions .btn {
    flex: 1 1 100% !important;
    justify-content: center !important;
  }

  .manager-app-head-varieties {
    align-items: start !important;
  }

  .manager-landing-grid,
  .manager-flow-grid,
  .manager-explain-grid,
  .manager-feature-grid,
  .manager-stats-grid,
  .manager-app-layout,
  .manager-split-grid,
  .manager-invoice-dashboard,
  .manager-invoice-tools,
  .manager-task-layout,
  .manager-profile-layout,
  .manager-form-grid,
  .manager-inline-edit,
  .manager-timeline-day {
    grid-template-columns: 1fr !important;
  }

  .manager-variety-metrics,
  .manager-variety-metrics-list {
    grid-template-columns: 1fr !important;
  }

  .manager-variety-card {
    padding: 24px 22px 22px !important;
  }

  .manager-variety-card-head {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .manager-list-card,
  .manager-task-item,
  .manager-task-card-head,
  .manager-invoice-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .manager-invoice-row,
  .manager-invoice-row-head,
  .manager-chart-grid {
    grid-template-columns: 1fr !important;
  }

  .manager-focus-grid,
  .manager-invoice-topline{
    grid-template-columns:1fr !important;
  }

  .manager-list-toolbar{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .manager-home-card,
  .manager-focus-card,
  .manager-panel {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .manager-status-card {
    margin-top: 18px !important;
    margin-left: 0 !important;
  }

  .manager-landing-copy h1 {
    max-width: none !important;
  }

  .manager-task-sidecard,
  .manager-profile-side {
    position: static !important;
    top: auto !important;
  }
}

.manager-phone-scene{
  position:relative;
  min-height:640px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:26px;
  background:#ffffff;
  overflow:hidden !important;
}

.manager-phone-glow{
  position:absolute;
  inset:auto auto 8% 12%;
  width:62%;
  height:62%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(140,204,78,.16) 0%, rgba(140,204,78,.05) 42%, transparent 72%);
  filter:blur(18px);
  opacity:.9;
  animation:managerAuroraPulse 5.5s ease-in-out infinite;
}

.manager-phone-device{
  position:relative;
  z-index:2;
  width:min(100%, 318px);
  transform-origin:center bottom;
  animation:managerPhoneAppear 1s cubic-bezier(.22,1,.36,1) both, managerPhoneFloat 5.6s ease-in-out 1s infinite;
}

.manager-phone-shell{
  position:relative;
  padding:14px;
  border-radius:42px;
  background:linear-gradient(160deg, #1c231c 0%, #090d09 100%);
  box-shadow:0 26px 70px rgba(21,28,21,.22), 0 12px 24px rgba(21,28,21,.12);
}

.manager-phone-shell::before{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:36px;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
}

.manager-phone-notch{
  position:absolute;
  top:16px;
  left:50%;
  width:96px;
  height:14px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(9,12,9,.96);
  z-index:3;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.manager-phone-screen{
  position:relative;
  aspect-ratio:9/19.5;
  overflow:hidden;
  border-radius:31px;
  background:linear-gradient(180deg, #f7faef 0%, #edf4e7 100%);
}

.manager-phone-screen::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.24), transparent 16%, transparent 84%, rgba(18,24,18,.05));
  pointer-events:none;
  z-index:4;
}

.manager-screen-slide{
  position:absolute;
  inset:0;
  padding:54px 18px 18px;
  display:flex;
  flex-direction:column;
  gap:14px;
  opacity:0;
  transform:translateY(18px) scale(.985);
  animation:managerScreenCycle 12s infinite;
}

.manager-screen-hero{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:6px;
  min-height:118px;
  padding:18px;
  border-radius:22px;
  color:#ffffff;
  background:linear-gradient(160deg, #5f9838 0%, #20381b 100%);
  box-shadow:0 16px 34px rgba(32,56,27,.20);
}

.manager-screen-hero strong{
  font-size:22px;
  line-height:1.02;
  letter-spacing:-.04em;
}

.manager-screen-hero span{
  font-size:12px;
  line-height:1.45;
  color:rgba(255,255,255,.84);
}

.manager-screen-hero-soft{
  min-height:96px;
  background:linear-gradient(160deg, #eff6e7 0%, #ddebd1 100%);
  color:#20331b;
  box-shadow:0 12px 26px rgba(20,30,20,.08);
}

.manager-screen-hero-soft span{
  color:#5f6f5d;
}

.manager-screen-dashboard{ animation-delay:0s; }
.manager-screen-tasks{ animation-delay:4s; }
.manager-screen-invoices{ animation-delay:8s; }

.manager-screen-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.manager-phone-brand{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.manager-phone-brand img{
  width:26px !important;
  height:26px !important;
  flex:0 0 auto;
  object-fit:contain !important;
  border-radius:0 !important;
  transform:none !important;
  filter:none !important;
}

.manager-phone-brand span{
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  color:#24421b;
}

.manager-screen-badge{
  padding:7px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  color:#346225;
  background:rgba(142,204,84,.16);
}

.manager-metric-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.manager-metric-card,
.manager-chart-card,
.manager-list-card,
.manager-invoice-total,
.manager-invoice-list,
.manager-task-list{
  border-radius:20px;
  background:#ffffff;
  box-shadow:0 10px 24px rgba(20,30,20,.06);
}

.manager-metric-card{
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.manager-metric-card strong{
  font-size:24px;
  line-height:1;
  color:#24421b;
}

.manager-metric-card span{
  font-size:12px;
  color:#607063;
}

.manager-chart-card{
  min-height:112px;
  padding:16px 14px;
  display:flex;
  align-items:flex-end;
  gap:10px;
}

.manager-chart-bar{
  width:16px;
  height:38px;
  border-radius:10px 10px 4px 4px;
  background:linear-gradient(180deg, #9ad14d 0%, #537f2d 100%);
}

.manager-chart-bar.is-tall{ height:74px; }
.manager-chart-bar.is-mid{ height:58px; }

.manager-list-card{
  min-height:112px;
  padding:16px 14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
}

.manager-list-card span,
.manager-invoice-row span,
.manager-task-item span{
  color:#607063;
}

.manager-list-card span{
  display:block;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(139,202,81,.2), rgba(81,128,49,.08));
}

.manager-task-list,
.manager-invoice-list{
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.manager-task-list::before,
.manager-invoice-total::before{
  content:"";
  display:block;
  width:100%;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(140,204,78,.22), rgba(75,117,46,.08));
  margin-bottom:2px;
}

.manager-task-item,
.manager-invoice-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:12px 0;
  border-top:1px solid rgba(27,37,27,.08);
}

.manager-task-item:first-child,
.manager-invoice-row:first-child{
  border-top:none;
  padding-top:0;
}

.manager-task-item i{
  width:12px;
  height:12px;
  margin-top:5px;
  border-radius:50%;
  background:#81bf3f;
  box-shadow:0 0 0 5px rgba(129,191,63,.14);
  flex:0 0 auto;
}

.manager-task-item strong,
.manager-invoice-row b,
.manager-invoice-total strong{
  color:#1b2b18;
}

.manager-task-item strong,
.manager-invoice-row span{
  display:block;
  font-size:13px;
  line-height:1.35;
}

.manager-task-item span,
.manager-invoice-row b,
.manager-invoice-total span{
  display:block;
  font-size:11px;
  line-height:1.45;
}

.manager-invoice-total{
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.manager-invoice-total strong{
  font-size:26px;
  line-height:1;
}

.manager-invoice-row b{
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#4f7e32;
}

@keyframes managerPhoneAppear{
  from{
    opacity:0;
    transform:translateY(34px) rotate(6deg) scale(.92);
    filter:blur(10px);
  }
  to{
    opacity:1;
    transform:translateY(0) rotate(-4deg) scale(1);
    filter:blur(0);
  }
}

@keyframes managerPhoneFloat{
  0%,100%{ transform:translateY(0) rotate(-4deg); }
  50%{ transform:translateY(-10px) rotate(-2.5deg); }
}

@keyframes managerAuroraPulse{
  0%,100%{ transform:scale(1); opacity:.8; }
  50%{ transform:scale(1.05); opacity:1; }
}

@keyframes managerScreenCycle{
  0%{ opacity:0; transform:translateY(18px) scale(.985); }
  4%{ opacity:1; transform:none; }
  29%{ opacity:1; transform:none; }
  33%{ opacity:0; transform:translateY(-16px) scale(.99); }
  100%{ opacity:0; transform:translateY(-16px) scale(.99); }
}

@media (max-width: 900px){
  .manager-phone-scene{
    min-height:520px;
  }

  .manager-phone-device{
    width:min(100%, 320px);
  }
}

.manager-chart-card-wide,
.manager-list-card-wide,
.manager-task-list-wide,
.manager-invoice-list-wide{
  width:100%;
}

.manager-chart-card{
  min-height:126px;
  padding:18px 16px;
}

.manager-list-card{
  min-height:104px;
  padding:18px 16px;
}

.manager-task-list,
.manager-invoice-list{
  padding:16px;
  flex:1 1 auto;
}

.manager-invoice-total{
  padding:18px;
  gap:6px;
}

@media (min-width: 1025px){
  body.home-page{
    scroll-snap-type:y mandatory;
    scroll-padding-top:96px;
  }

  body.home-page main > section{
    scroll-snap-align:start;
    scroll-snap-stop:always;
    min-height:calc(88svh - 96px);
    display:flex;
    align-items:center;
  }

  body.home-page .sm-hero{
    min-height:90svh !important;
  }

  body.home-page main > section > .container{
    width:100%;
  }
}

@media (min-width: 1025px){
  body.home-page{
    scroll-snap-type:none !important;
    scroll-padding-top:0 !important;
  }

  body.home-page main > section{
    scroll-snap-align:none !important;
    scroll-snap-stop:normal !important;
    min-height:auto !important;
    display:block !important;
  }

  body.home-page .sm-hero{
    min-height:86vh !important;
  }
}

body.home-page .sm-intro.section{
  padding-top:72px !important;
  padding-bottom:18px !important;
}

body.home-page .sm-intro .sm-narrow{
  max-width:980px !important;
}

body.home-page .sm-intro .sm-two-col{
  grid-template-columns:minmax(0,.98fr) minmax(300px,.72fr) !important;
  gap:28px !important;
}

body.home-page .sm-editorial-image{
  padding-top:24px !important;
  padding-bottom:0 !important;
}

body.home-page .sm-editorial-image::before{
  height:42px !important;
  background:linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,.92) 48%, rgba(255,255,255,0) 100%) !important;
}

body.home-page .sm-wide-image{
  margin-top:0 !important;
}

body.home-page .sm-story-shop-bg{
  padding-top: 34px !important;
  margin-top: 0 !important;
}

body.home-page .sm-story-shop-bg .sm-story-copy-full{
  padding-left: 92px !important;
  padding-right: 92px !important;
}

body.home-page .sm-story-shop-bg .home-product-rail-wrap{
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

@media (max-width: 900px){
  body.home-page .sm-story-shop-bg .sm-story-copy-full{
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

body.home-page .sm-story-manager-home .sm-story-copy-manager-home{
  padding-right: 88px !important;
  padding-left: 24px !important;
}

body.home-page .sm-story-manager-home .sm-story-copy-manager-home h2,
body.home-page .sm-story-manager-home .sm-story-copy-manager-home p,
body.home-page .sm-story-manager-home .sm-story-copy-manager-home .sm-section-kicker,
body.home-page .sm-story-manager-home .sm-story-copy-manager-home .sm-hero-actions{
  max-width: 760px !important;
}

@media (max-width: 1100px){
  body.home-page .sm-story-manager-home .sm-story-copy-manager-home{
    padding-right: 36px !important;
    padding-left: 18px !important;
  }
}

body.home-page .sm-story-systems-home .sm-story-grid{
  grid-template-columns: minmax(430px,.98fr) minmax(500px,.86fr) !important;
  gap: 18px !important;
}

body.home-page .sm-story-systems-home .sm-story-copy-systems-home{
  padding-left: 88px !important;
  padding-right: 8px !important;
  align-self: center !important;
}

body.home-page .sm-story-systems-home .sm-story-copy-systems-home h2,
body.home-page .sm-story-systems-home .sm-story-copy-systems-home p,
body.home-page .sm-story-systems-home .sm-story-copy-systems-home .sm-section-kicker,
body.home-page .sm-story-systems-home .sm-story-copy-systems-home .sm-hero-actions{
  max-width: 690px !important;
}

body.home-page .sm-story-systems-home .sm-story-media-systems-home{
  max-width: 620px !important;
  justify-self: start !important;
  margin-left: -16px !important;
}

body.home-page .sm-story-systems-home .sm-story-media-systems-home img{
  aspect-ratio: 4.5 / 4.6 !important;
}

@media (max-width: 1100px){
  body.home-page .sm-story-systems-home .sm-story-copy-systems-home{
    padding-left: 34px !important;
    padding-right: 14px !important;
  }

  body.home-page .sm-story-systems-home .sm-story-media-systems-home{
    max-width: 100% !important;
    margin-left: 0 !important;
  }
}

body.home-page .sm-intro.section{
  padding-bottom: 42px !important;
}

body.home-page .sm-story-systems-home{
  position: relative !important;
  margin-top: 0 !important;
  padding-top: 8px !important;
}

body.home-page .sm-story-systems-home::before{
  content:none !important;
}

body.home-page .sm-story-systems-home .container{
  position:relative;
  z-index:1;
}


.devices-page .dn-hero-grid{grid-template-columns:minmax(0,1fr) !important;}
.devices-page .dn-hero-copy{max-width:980px !important;}


body.home-page .sm-story-systems-home{
  padding-top: 48px !important;
}

body.home-page .sm-story-systems-home .sm-story-grid{
  align-items: center !important;
}

body.home-page .sm-story-systems-home::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:72px;
  background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.92) 38%, rgba(255,255,255,0) 100%);
  pointer-events:none;
}

body.home-page .sm-story-systems-home .container{
  position:relative;
  z-index:1;
}

.footer-inner{
  align-items:center !important;
}

.footer-brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-height:100% !important;
  padding-left:18px !important;
}

.footer-logo img{
  width:170px !important;
}

@media (min-width: 1025px){
  body.home-page{
    scroll-snap-type:y mandatory !important;
    scroll-padding-top:72px !important;
  }

  body.home-page main > section:not(.footer):not(.cookie-modal){
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
  }

  body.home-page .hero-home-photo,
  body.home-page .sm-story.section,
  body.home-page .sm-story-alt.section,
  body.home-page .sm-editorial-image.section{
    min-height:calc(100vh - 72px) !important;
    display:flex !important;
    align-items:center !important;
  }

  body.home-page .sm-intro.section{
    min-height:auto !important;
    scroll-snap-align:none !important;
    scroll-snap-stop:normal !important;
  }
}

@media (min-width: 1025px){
  body.devices-body{
    scroll-snap-type:y mandatory !important;
    scroll-padding-top:88px !important;
  }

  body.devices-body main > section{
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
  }

  body.devices-body .dn-device-section{
    scroll-snap-align:none !important;
    scroll-snap-stop:normal !important;
  }

  body.devices-body .dn-hero,
  body.devices-body .dn-closing{
    min-height:calc(100vh - 88px) !important;
    display:flex !important;
    align-items:center !important;
  }

  body.devices-body .dn-device-section{
    padding:0 !important;
  }

  body.devices-body .dn-device-block{
    min-height:calc(100vh - 88px) !important;
    margin:0 !important;
    display:grid !important;
    align-items:center !important;
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
  }

  body.devices-body .footer{
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
  }
}

@media (max-width: 1024px){
  body.devices-body{
    scroll-snap-type:none !important;
  }

  .dn-device-block,
  .dn-device-block.reverse{
    grid-template-columns: 1fr;
    gap: 30px;
    margin-bottom: 58px;
  }

  .dn-device-media,
  .dn-device-block.reverse .dn-device-media{
    justify-content:center;
    padding-left: 0;
    padding-right: 0;
  }

  .dn-device-media img,
  .dn-device-block.reverse .dn-device-media img{
    width:100%;
    max-width:100%;
    margin:0;
  }

  .contact-faq-head h3 {
    font-size: 34px !important;
  }
}

.manager-invoice-row{
  align-items:center !important;
  gap:8px !important;
}

.manager-invoice-row span{
  flex:1 1 auto !important;
  min-width:0 !important;
  font-size:12px !important;
  line-height:1.3 !important;
}

.manager-invoice-row b{
  flex:0 0 auto !important;
  font-size:9px !important;
  letter-spacing:.04em !important;
  white-space:nowrap !important;
}

body.home-page .sm-hero{
  position:relative !important;
  min-height:calc(100vh - 92px) !important;
  overflow:hidden !important;
}

body.home-page .sm-hero-bg{
  position:absolute !important;
  inset:0 !important;
}

body.home-page .sm-hero-bg .sm-hero-video{
  display:none !important;
}

body.home-page .sm-hero-bg img{
  display:block !important;
}

body.home-page .sm-hero-overlay{
  display:none !important;
}

body.home-page .sm-hero-content{
  position:relative !important;
  z-index:2 !important;
  min-height:calc(100vh - 92px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  gap:28px !important;
}

body.home-page .sm-hero-content p{
  display:none !important;
}

body.home-page .sm-hero-center-logo{
  width:min(460px, 54vw) !important;
  max-width:460px !important;
  margin:0 auto !important;
}

body.home-page .sm-editorial-image{
  display:none !important;
}

body.home-page .sm-hero-actions{
  justify-content:center !important;
}

.manager-pricing-section{
  padding-top:72px !important;
  padding-bottom:96px !important;
}

.manager-pricing-section .container{
  max-width:1260px !important;
}

.manager-pricing-head{
  max-width:940px !important;
  margin:0 auto 30px !important;
  text-align:center !important;
}

.manager-pricing-switcher{
  max-width:760px !important;
  margin:0 auto 38px !important;
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:0 !important;
  padding:6px !important;
  border-radius:24px !important;
  background:linear-gradient(135deg, #93d7a8 0%, #6fbe8f 100%) !important;
  box-shadow:0 18px 42px rgba(106, 169, 126, 0.18) !important;
}

.manager-pricing-switcher a{
  min-height:72px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  border-radius:18px !important;
  color:#ffffff !important;
  transition:background .2s ease, transform .2s ease, color .2s ease !important;
}

.manager-pricing-switcher a span{
  font-size:12px !important;
  font-weight:700 !important;
  opacity:.92 !important;
  margin-top:2px !important;
}

.manager-pricing-switcher a.is-active{
  background:#ffffff !important;
  color:#264c33 !important;
}

.manager-pricing-switcher a.is-active span{
  color:#40624b !important;
}

.manager-pricing-grid{
  max-width:1220px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(280px, 1fr)) !important;
  gap:28px !important;
  align-items:stretch !important;
}

.manager-pricing-card{
  border:none !important;
  border-radius:32px !important;
  overflow:hidden !important;
  background:#ffffff !important;
  box-shadow:0 26px 52px rgba(92, 143, 110, 0.14) !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:100% !important;
}

.manager-pricing-card.is-selected{
  transform:translateY(-10px) !important;
  box-shadow:0 36px 68px rgba(92, 143, 110, 0.2) !important;
}

.manager-pricing-card-top{
  background:linear-gradient(135deg, #9dddb0 0%, #7dc894 100%) !important;
  padding:22px 22px 18px !important;
  min-height:116px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
}

.manager-pricing-badge,
.manager-pricing-saving{
  background:rgba(255,255,255,.7) !important;
  color:#2d5137 !important;
  border:1px solid rgba(255,255,255,.55) !important;
}

.manager-pricing-card-body{
  background:#ffffff !important;
  padding:28px 26px 26px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:stretch !important;
  gap:18px !important;
  flex:1 !important;
}

.manager-pricing-amount{
  margin:0 !important;
  text-align:left !important;
}

.manager-pricing-amount strong{
  font-size:56px !important;
  line-height:.96 !important;
  color:#173321 !important;
}

.manager-pricing-amount span{
  display:block !important;
  margin-top:10px !important;
  font-size:16px !important;
  font-weight:700 !important;
  color:#547060 !important;
}

.manager-pricing-note{
  margin:0 !important;
  font-size:16px !important;
  line-height:1.7 !important;
  color:#50695a !important;
}

.manager-pricing-features{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  display:grid !important;
  gap:14px !important;
}

.manager-pricing-features li{
  position:relative !important;
  padding-left:18px !important;
  font-size:16px !important;
  line-height:1.5 !important;
  color:#213b2a !important;
}

.manager-pricing-features li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:.62em !important;
  width:7px !important;
  height:7px !important;
  border-radius:999px !important;
  background:#76be8d !important;
}

.manager-pricing-form{
  margin-top:auto !important;
}

.manager-pricing-form .btn{
  width:100% !important;
  justify-content:center !important;
}

.manager-pricing-register-note{
  margin:2px 0 0 !important;
  text-align:left !important;
  color:#5f7869 !important;
  font-size:14px !important;
  line-height:1.6 !important;
}

.manager-pricing-card-body .manager-pricing-action{
  display:none !important;
}

@media (max-width: 1120px){
  .manager-pricing-grid{
    grid-template-columns:repeat(2, minmax(280px, 1fr)) !important;
  }
}

@media (max-width: 760px){
  .manager-pricing-switcher{
    grid-template-columns:1fr !important;
  }

  .manager-pricing-grid{
    grid-template-columns:1fr !important;
  }

  .manager-pricing-amount strong{
    font-size:42px !important;
  }
}
.sm-hero{
  position:relative !important;
  min-height:calc(100vh - 118px) !important;
  overflow:hidden !important;
  background:#0c120d !important;
}

.sm-hero-bg{
  position:absolute !important;
  inset:0 !important;
}

.sm-hero-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  opacity:0 !important;
  transition:opacity .85s ease, transform 7s ease !important;
  transform:scale(1.03) !important;
  pointer-events:none !important;
}

.sm-hero-video.is-active{
  opacity:1 !important;
  transform:scale(1) !important;
}

.sm-hero-bg > img{
  display:none !important;
}

.sm-hero-overlay{
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(180deg, rgba(7,11,8,.58) 0%, rgba(7,11,8,.42) 38%, rgba(7,11,8,.62) 100%) !important;
  z-index:1 !important;
}

.sm-hero-content{
  position:relative !important;
  z-index:2 !important;
  min-height:calc(100vh - 118px) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:28px !important;
  text-align:center !important;
  padding:140px 0 100px !important;
}

.sm-hero-center-logo{
  width:min(420px, 62vw) !important;
  max-width:100% !important;
  height:auto !important;
  filter:drop-shadow(0 22px 60px rgba(12,24,11,.28)) !important;
}

.sm-story-systems-home .sm-story-grid{
  grid-template-columns:1fr !important;
  justify-items:center !important;
}

.sm-story-copy-systems-home{
  max-width:760px !important;
  text-align:center !important;
}

.sm-story-copy-systems-home .sm-hero-actions{
  justify-content:center !important;
}

@media (max-width: 900px){
  .sm-hero,
  .sm-hero-content{
    min-height:calc(82vh - 90px) !important;
  }

  .sm-hero-content{
    padding:110px 0 80px !important;
  }

  .sm-hero-center-logo{
    width:min(300px, 72vw) !important;
  }
}

.sm-hero-video{
  display:none !important;
}

.sm-hero-bg > img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}


.sm-hero{
  background-image: linear-gradient(180deg, rgba(7,11,8,.58) 0%, rgba(7,11,8,.42) 38%, rgba(7,11,8,.62) 100%), url("assets/bot.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.sm-hero-bg{
  display:none !important;
}

.sm-hero-overlay{
  display:none !important;
}

body.home-page .sm-hero.sm-hero-static{
  position:relative !important;
  min-height:calc(100vh - 118px) !important;
  overflow:hidden !important;
  background:#0c120d !important;
}

body.home-page .sm-hero-static-bg{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  z-index:0 !important;
}

body.home-page .sm-hero-static-shade{
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, rgba(7,11,8,.58) 0%, rgba(7,11,8,.42) 38%, rgba(7,11,8,.62) 100%) !important;
  z-index:1 !important;
}

body.home-page .sm-hero-static-content{
  position:relative !important;
  z-index:2 !important;
  min-height:calc(100vh - 118px) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:28px !important;
  text-align:center !important;
  padding:140px 0 100px !important;
}

body.home-page .sm-hero-static-content .sm-hero-center-logo{
  display:block !important;
  width:min(420px, 62vw) !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 auto !important;
  filter:drop-shadow(0 22px 60px rgba(12,24,11,.28)) !important;
}

body.home-page .sm-hero-static-content .sm-hero-actions{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:14px !important;
}

@media (max-width: 900px){
  body.home-page .sm-hero.sm-hero-static,
  body.home-page .sm-hero-static-content{
    min-height:calc(82vh - 90px) !important;
  }

  body.home-page .sm-hero-static-content{
    padding:110px 0 80px !important;
  }

  body.home-page .sm-hero-static-content .sm-hero-center-logo{
    width:min(300px, 72vw) !important;
  }
}

body.home-page .sm-hero.sm-hero-static{
  display:block !important;
}

body.home-page .sm-story-systems-home{
  padding-top:72px !important;
  padding-bottom:72px !important;
}

body.home-page .sm-story-systems-home .sm-story-grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(360px, 0.76fr) !important;
  align-items:center !important;
  gap:44px !important;
  justify-items:stretch !important;
}

body.home-page .sm-story-systems-home .sm-story-copy-systems-home{
  max-width:700px !important;
  text-align:left !important;
  justify-self:start !important;
}

body.home-page .sm-story-systems-home .sm-story-copy-systems-home .sm-hero-actions{
  justify-content:flex-start !important;
}

body.home-page .sm-story-systems-home .sm-story-media-systems-home{
  display:block !important;
  width:100% !important;
  max-width:560px !important;
  justify-self:center !important;
  transform:translateX(-54px) !important;
}

body.home-page .sm-story-systems-home .sm-story-media-systems-home img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:cover !important;
  border-radius:40px !important;
  box-shadow:0 24px 60px rgba(26, 40, 24, 0.10) !important;
}

@media (max-width: 980px){
  body.home-page .sm-story-systems-home .sm-story-grid{
    grid-template-columns:1fr !important;
    gap:32px !important;
  }

  body.home-page .sm-story-systems-home .sm-story-copy-systems-home{
    text-align:left !important;
  }

  body.home-page .sm-story-systems-home .sm-story-copy-systems-home .sm-hero-actions{
    justify-content:flex-start !important;
  }

  body.home-page .sm-story-systems-home .sm-story-media-systems-home{
    max-width:none !important;
    justify-self:stretch !important;
    transform:none !important;
  }
}

/* Home video hero final override start */
body.home-page .sm-hero.sm-hero-static{
  position:relative !important;
  min-height:100vh !important;
  overflow:hidden !important;
  background:#101510 !important;
  display:block !important;
}

body.home-page .sm-hero-static-bg,
body.home-page .sm-hero-static-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  z-index:0 !important;
}

body.home-page .sm-hero-static-video{
  background:#101510 !important;
}

body.home-page .sm-hero-static-shade{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.05), transparent 44%),
    linear-gradient(180deg, rgba(7,10,8,.55) 0%, rgba(7,10,8,.42) 42%, rgba(7,10,8,.76) 100%),
    linear-gradient(90deg, rgba(20,54,18,.34) 0%, transparent 42%, rgba(5,8,6,.18) 100%) !important;
}

body.home-page .sm-hero-static-content{
  position:relative !important;
  z-index:2 !important;
  min-height:100vh !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:30px !important;
  text-align:center !important;
  padding:96px 24px 128px !important;
  transform:translateY(-42px) !important;
}

body.home-page .sm-hero-static-content .sm-hero-center-logo{
  display:block !important;
  width:min(430px, 58vw) !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 auto !important;
  opacity:.96 !important;
  filter:brightness(0) invert(1) drop-shadow(0 20px 44px rgba(0,0,0,.38)) !important;
}

body.home-page .sm-hero-static-content .sm-hero-actions{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}

body.home-page .sm-hero-static-content .sm-hero-actions .btn{
  min-width:150px !important;
  border-radius:999px !important;
  font-weight:800 !important;
  box-shadow:0 18px 42px rgba(0,0,0,.26) !important;
  transition:transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease !important;
}

body.home-page .sm-hero-static-content .sm-hero-actions .btn-primary{
  background:#ffffff !important;
  color:#142014 !important;
  border:1px solid rgba(255,255,255,.94) !important;
}

body.home-page .sm-hero-static-content .sm-hero-actions .btn-secondary{
  background:rgba(255,255,255,.13) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.48) !important;
  backdrop-filter:blur(12px) !important;
}

body.home-page .sm-hero-static-content .sm-hero-actions .btn:hover{
  transform:translateY(-2px) !important;
}

body.home-page .sm-hero-static-content .sm-hero-actions .btn-secondary:hover{
  background:#ffffff !important;
  color:#142014 !important;
  border-color:#ffffff !important;
}

@media (max-width: 900px){
  body.home-page .sm-hero.sm-hero-static,
  body.home-page .sm-hero-static-content{
    min-height:86vh !important;
  }

  body.home-page .sm-hero-static-content{
    padding:88px 20px 98px !important;
    transform:translateY(-24px) !important;
  }

  body.home-page .sm-hero-static-content .sm-hero-center-logo{
    width:min(310px, 74vw) !important;
  }
}
/* Home video hero final override end */

/* Devices page: seamless white sections + one device per viewport */
body.devices-body{
  --devices-header-offset:88px;
  background:#ffffff !important;
}

body.devices-body,
body.devices-body main,
body.devices-body .devices-page,
body.devices-body .dn-hero,
body.devices-body .dn-device-panel,
body.devices-body .dn-closing{
  background:#ffffff !important;
}

body.devices-body .dn-hero,
body.devices-body .dn-device-panel,
body.devices-body .dn-closing{
  scroll-margin-top:var(--devices-header-offset);
}

body.devices-body .dn-hero{
  min-height:calc(100svh - var(--devices-header-offset)) !important;
  padding:0 !important;
}

body.devices-body .dn-hero .dn-container,
body.devices-body .dn-hero-grid,
body.devices-body .dn-hero-copy-slider{
  min-height:calc(100svh - var(--devices-header-offset)) !important;
}

body.devices-body .dn-device-panel,
body.devices-body .dn-closing{
  position:relative;
  min-height:calc(100svh - var(--devices-header-offset));
  display:flex;
  align-items:center;
  padding:0;
  border-top:1px solid rgba(18, 23, 18, .08);
}

body.devices-body .dn-device-panel .dn-container,
body.devices-body .dn-closing .dn-container{
  width:100%;
}

body.devices-body .dn-device-block{
  min-height:calc(100svh - var(--devices-header-offset)) !important;
  margin:0 !important;
  padding:clamp(34px, 4vw, 72px) 0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  align-items:center !important;
}

body.devices-body .dn-device-block:hover{
  transform:none !important;
  box-shadow:none !important;
}

body.devices-body .dn-device-media{
  min-height:0 !important;
}

body.devices-body .dn-device-media img{
  min-height:min(58svh, 560px) !important;
  max-height:min(72svh, 760px) !important;
  border-radius:34px;
  box-shadow:0 28px 70px rgba(20, 28, 20, .10);
}

body.devices-body .dn-device-copy{
  max-width:720px !important;
}

body.devices-body .dn-device-copy h2{
  max-width:11ch;
}

body.devices-body .dn-device-copy p,
body.devices-body .dn-feature-list{
  max-width:34rem;
}

body.devices-body .dn-closing{
  padding:0 !important;
}

body.devices-body .dn-closing-grid{
  min-height:calc(100svh - var(--devices-header-offset));
  align-items:center !important;
  padding:clamp(34px, 4vw, 72px) 0 !important;
  border-top:0 !important;
}

body.devices-body .footer{
  margin-top:0 !important;
}

@media (min-width: 1025px){
  html.devices-scroll-root{
    scroll-snap-type:y mandatory !important;
    scroll-padding-top:var(--devices-header-offset) !important;
  }

  body.devices-body{
    scroll-snap-type:y mandatory !important;
    scroll-padding-top:var(--devices-header-offset) !important;
  }

  body.devices-body main > section{
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
  }
}

@media (max-width: 1024px){
  body.devices-body{
    --devices-header-offset:72px;
    scroll-snap-type:none !important;
  }

  body.devices-body .dn-device-panel,
  body.devices-body .dn-closing{
    min-height:auto;
  }

  body.devices-body .dn-device-block,
  body.devices-body .dn-device-block.reverse{
    min-height:auto !important;
    grid-template-columns:1fr !important;
    gap:30px !important;
    padding:40px 0 48px !important;
  }

  body.devices-body .dn-device-media,
  body.devices-body .dn-device-block.reverse .dn-device-media{
    justify-content:center !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body.devices-body .dn-device-media img,
  body.devices-body .dn-device-block.reverse .dn-device-media img{
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
  }

  body.devices-body .dn-closing-grid{
    min-height:auto;
    padding:40px 0 64px !important;
  }
}

/* Devices page refinement: exact snap targets, stronger reveals */
body.devices-body{
  --devices-screen-height:calc(100svh - var(--devices-header-offset));
  scroll-padding-top:var(--devices-header-offset) !important;
}

body.devices-body .dn-hero,
body.devices-body .dn-device-panel{
  height:var(--devices-screen-height);
  min-height:var(--devices-screen-height);
  scroll-margin-top:0 !important;
}

body.devices-body .dn-device-panel{
  align-items:stretch;
}

body.devices-body .dn-device-panel .dn-container{
  display:flex;
  align-items:stretch;
}

body.devices-body .dn-device-block{
  height:100%;
  min-height:100% !important;
  padding:clamp(12px, 2vw, 24px) 0 !important;
  scroll-snap-align:none !important;
  scroll-snap-stop:normal !important;
}

body.devices-body .dn-device-copy{
  justify-content:center;
}

body.devices-body .footer{
  scroll-snap-align:none !important;
  scroll-snap-stop:normal !important;
}

body.devices-body .premium-device-reveal{
  opacity:1 !important;
  transform:none !important;
}

body.devices-body .premium-device-reveal .dn-device-copy > *{
  opacity:0;
  transform:translate3d(0, 28px, 0);
  transition:
    opacity .7s cubic-bezier(.22,1,.36,1),
    transform .7s cubic-bezier(.22,1,.36,1);
}

body.devices-body .premium-device-reveal .dn-overline{transition-delay:.08s}
body.devices-body .premium-device-reveal .dn-device-copy h2{transition-delay:.16s}
body.devices-body .premium-device-reveal .dn-device-copy p{transition-delay:.24s}
body.devices-body .premium-device-reveal .dn-feature-list{transition-delay:.32s}
body.devices-body .premium-device-reveal .dn-actions{transition-delay:.44s}

body.devices-body .premium-device-reveal .dn-feature-list li{
  opacity:0;
  transform:translate3d(0, 18px, 0);
  transition:
    opacity .55s cubic-bezier(.22,1,.36,1),
    transform .55s cubic-bezier(.22,1,.36,1);
}

body.devices-body .premium-device-reveal .dn-feature-list li:nth-child(1){transition-delay:.38s}
body.devices-body .premium-device-reveal .dn-feature-list li:nth-child(2){transition-delay:.44s}
body.devices-body .premium-device-reveal .dn-feature-list li:nth-child(3){transition-delay:.5s}

body.devices-body .premium-device-reveal .dn-device-media img{
  opacity:0;
  transform:translate3d(-44px, 54px, 0) scale(1.08);
  filter:blur(10px) saturate(.88);
  transition:
    opacity .9s cubic-bezier(.22,1,.36,1),
    transform 1.15s cubic-bezier(.22,1,.36,1),
    filter 1.15s cubic-bezier(.22,1,.36,1);
}

body.devices-body .premium-device-reveal.reverse .dn-device-media img{
  transform:translate3d(44px, 54px, 0) scale(1.08);
}

body.devices-body .premium-device-reveal.is-visible .dn-device-copy > *,
body.devices-body .premium-device-reveal.is-visible .dn-feature-list li{
  opacity:1;
  transform:none;
}

body.devices-body .premium-device-reveal.is-visible .dn-device-media img{
  opacity:1;
  transform:translate3d(0, 0, 0) scale(1);
  filter:none;
}

@media (min-width: 1025px){
  body.devices-body{
    scroll-snap-type:y mandatory !important;
    scroll-padding-top:var(--devices-header-offset) !important;
  }

  body.devices-body main > section,
  body.devices-body .footer{
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
  }
}

body.devices-body .dn-device-copy{
  padding-inline:clamp(8px, 1vw, 18px);
}

body.devices-body .dn-device-block.reverse .dn-device-copy{
  padding-left:clamp(24px, 4vw, 64px) !important;
  padding-right:clamp(8px, 1vw, 18px) !important;
}

@media (max-width: 1024px){
  body.devices-body .dn-hero,
  body.devices-body .dn-device-panel{
    height:auto;
    min-height:auto;
  }

  body.devices-body .dn-device-panel .dn-container{
    display:block;
  }

  body.devices-body .dn-device-block{
    height:auto;
    min-height:auto !important;
  }
}

@media (prefers-reduced-motion: reduce){
  body.devices-body .premium-device-reveal .dn-device-copy > *,
  body.devices-body .premium-device-reveal .dn-feature-list li,
  body.devices-body .premium-device-reveal .dn-device-media img{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }
}

/* Header login icon refinement */
.account-nav-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:inline-block;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7.25' r='3.75'/%3E%3Cpath d='M4.75 20c0-4.15 3.1-7 7.25-7s7.25 2.85 7.25 7'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7.25' r='3.75'/%3E%3Cpath d='M4.75 20c0-4.15 3.1-7 7.25-7s7.25 2.85 7.25 7'/%3E%3C/svg%3E") center/contain no-repeat;
}

.account-nav-icon::before,
.account-nav-icon::after{
  content:none !important;
}

.desktop-nav .account-nav-trigger{
  margin-left:88px;
}

.mobile-nav .account-nav-trigger{
  margin-left:0;
}

/* Manager marketing page: section snap + one-screen pricing */
body.manager-marketing-page{
  --manager-header-offset:92px;
  --manager-screen-height:calc(100svh - var(--manager-header-offset));
  scroll-padding-top:var(--manager-header-offset) !important;
}

body.manager-marketing-page .manager-marketing-panel{
  scroll-margin-top:0 !important;
}

body.manager-marketing-page .manager-landing-copy,
body.manager-marketing-page .manager-pricing-head{
  position:relative;
  z-index:1;
}

body.manager-marketing-page .manager-landing-copy{
  display:grid;
  align-content:center;
  gap:20px;
  max-width:640px;
  padding-left:clamp(12px, 2vw, 28px);
}

body.manager-marketing-page .manager-landing-copy h1{
  margin:0 !important;
  max-width:11.2ch !important;
}

body.manager-marketing-page .manager-landing-copy .lead{
  margin:0 !important;
  max-width:30ch !important;
  font-size:clamp(1.45rem, 1.85vw, 1.9rem) !important;
  line-height:1.5 !important;
}

@media (min-width: 1025px){
  html.manager-marketing-scroll-root{
    scroll-snap-type:y mandatory !important;
    scroll-padding-top:var(--manager-header-offset) !important;
  }

  body.manager-marketing-page{
    scroll-snap-type:y mandatory !important;
    scroll-padding-top:var(--manager-header-offset) !important;
  }

  body.manager-marketing-page .manager-marketing-panel,
  body.manager-marketing-page .footer{
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
  }

  body.manager-marketing-page .manager-landing-section,
  body.manager-marketing-page .manager-pricing-section{
    height:var(--manager-screen-height) !important;
    min-height:var(--manager-screen-height) !important;
    display:flex !important;
    align-items:center !important;
  }

  body.manager-marketing-page .manager-landing-section{
    padding-top:20px !important;
    padding-bottom:20px !important;
  }

  body.manager-marketing-page .manager-pricing-section{
    height:auto !important;
    align-items:flex-start !important;
    padding-top:24px !important;
    padding-bottom:36px !important;
  }

  body.manager-marketing-page .manager-landing-section > .container,
  body.manager-marketing-page .manager-pricing-section > .container{
    width:min(1220px, calc(100% - clamp(88px, 8vw, 152px))) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.manager-marketing-page .manager-landing-grid{
    grid-template-columns:minmax(0, 1fr) minmax(420px, .95fr) !important;
    align-items:center !important;
    gap:clamp(28px, 3.6vw, 60px) !important;
  }

  body.manager-marketing-page .manager-landing-media{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }

  body.manager-marketing-page .manager-showcase-card{
    width:min(100%, 610px) !important;
    min-height:470px !important;
  }

  body.manager-marketing-page .manager-showcase-card img{
    min-height:470px !important;
  }

  body.manager-marketing-page .manager-hero-screen-overlay{
    position:absolute !important;
    z-index:3 !important;
    left:50.15% !important;
    top:23.14% !important;
    width:318px !important;
    aspect-ratio:9 / 19.5 !important;
    transform:translateX(-50%) scale(.428, .392) !important;
    transform-origin:top center !important;
    overflow:hidden !important;
    border-radius:31px !important;
    box-shadow:0 10px 24px rgba(15, 22, 15, .18) !important;
    pointer-events:none !important;
  }

  body.manager-marketing-page .manager-hero-screen-overlay::before{
    content:"" !important;
    position:absolute !important;
    top:14px !important;
    left:50% !important;
    width:96px !important;
    height:14px !important;
    transform:translateX(-50%) !important;
    border-radius:999px !important;
    background:rgba(9,12,9,.98) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
    z-index:5 !important;
    pointer-events:none !important;
  }

  body.manager-marketing-page .manager-hero-screen-overlay::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(180deg, rgba(255,255,255,.18), transparent 16%, transparent 84%, rgba(18,24,18,.05)) !important;
    z-index:4 !important;
    pointer-events:none !important;
  }

  body.manager-marketing-page .manager-hero-device-overlay{
    position:absolute !important;
    z-index:4 !important;
    left:50.25% !important;
    top:19.6% !important;
    width:186px !important;
    transform:translateX(-50%) !important;
    transform-origin:top center !important;
    pointer-events:none !important;
    animation:none !important;
  }

  body.manager-marketing-page .manager-hero-device-overlay .manager-phone-shell{
    box-shadow:0 16px 34px rgba(21,28,21,.18), 0 8px 18px rgba(21,28,21,.08) !important;
  }

  body.manager-marketing-page .manager-hero-device-overlay .manager-phone-screen-overlay{
    width:auto !important;
    height:auto !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay{
    width:318px !important;
    height:auto !important;
    background:linear-gradient(180deg, #f7fbf3 0%, #eef5e7 100%) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-screen-slide{
    pointer-events:none !important;
    padding:36px 11px 11px !important;
    gap:8px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-screen-top{
    gap:8px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-phone-brand img{
    width:16px !important;
    height:16px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-phone-brand span{
    font-size:8px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-screen-badge{
    padding:4px 6px !important;
    font-size:7px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-screen-hero{
    min-height:64px !important;
    padding:10px !important;
    gap:4px !important;
    border-radius:14px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-screen-hero strong{
    font-size:13px !important;
    line-height:1.05 !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-screen-hero span{
    font-size:8px !important;
    line-height:1.3 !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-metric-grid{
    gap:7px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-metric-card,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-chart-card,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-list-card,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-invoice-total,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-invoice-list,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-task-list{
    border-radius:14px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-metric-card{
    padding:8px !important;
    gap:2px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-metric-card strong{
    font-size:15px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-metric-card span{
    font-size:8px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-chart-card{
    min-height:70px !important;
    padding:10px 8px !important;
    gap:6px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-chart-bar{
    width:9px !important;
    height:21px !important;
    border-radius:6px 6px 3px 3px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-chart-bar.is-tall{
    height:42px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-chart-bar.is-mid{
    height:32px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-list-card{
    min-height:70px !important;
    padding:10px 8px !important;
    gap:7px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-list-card span{
    height:6px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-task-list,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-invoice-list{
    padding:9px !important;
    gap:7px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-task-list::before,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-invoice-total::before{
    height:6px !important;
    margin-bottom:0 !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-task-item,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-invoice-row{
    gap:7px !important;
    padding:7px 0 !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-task-item i{
    width:8px !important;
    height:8px !important;
    margin-top:3px !important;
    box-shadow:0 0 0 3px rgba(129,191,63,.14) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-task-item strong,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-invoice-row span{
    font-size:8px !important;
    line-height:1.25 !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-task-item span,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-invoice-row b,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-invoice-total span{
    font-size:7px !important;
    line-height:1.25 !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-invoice-total{
    padding:10px !important;
    gap:3px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-invoice-total strong{
    font-size:16px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-surface{
    display:grid !important;
    height:100% !important;
    align-content:start !important;
    grid-auto-rows:max-content !important;
    gap:6px !important;
    padding:9px !important;
    border-radius:16px !important;
    background:linear-gradient(180deg, #ffffff 0%, #f4f8ef 100%) !important;
    box-shadow:0 10px 24px rgba(20,30,20,.06) !important;
    overflow:hidden !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-surface-dashboard{
    background:linear-gradient(180deg, #5c9136 0%, #4f7d31 36%, #f7fbf4 36%, #eef6e7 100%) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-surface-flow{
    background:linear-gradient(180deg, #eef5e7 0%, #f8fbf4 100%) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-surface-billing{
    background:linear-gradient(180deg, #376d4a 0%, #2e5c41 40%, #f6fbf8 40%, #eef6f0 100%) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-stat{
    display:grid !important;
    gap:2px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-stat strong{
    font-size:30px !important;
    line-height:1 !important;
    letter-spacing:-.04em !important;
    color:#20351c !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-stat span{
    font-size:10px !important;
    line-height:1.3 !important;
    color:#627260 !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-dashboard-panel{
    display:grid !important;
    gap:7px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-dashboard-topline{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    padding:1px 2px 0 !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-dashboard-topline span,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-dashboard-topline b{
    font-size:10px !important;
    line-height:1.15 !important;
    color:#ffffff !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-dashboard-topline b{
    font-weight:800 !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-dashboard-chart{
    display:grid !important;
    gap:4px !important;
    padding:8px 8px 7px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.92) !important;
    box-shadow:0 8px 18px rgba(20,30,20,.08) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-dashboard-value{
    justify-self:end !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:800 !important;
    color:#4e7930 !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-surface-dashboard .manager-phone-brand span,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-surface-dashboard .manager-screen-badge,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-surface-dashboard .manager-hero-slide-stat strong,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-surface-dashboard .manager-hero-slide-stat span,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-surface-billing .manager-phone-brand span,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-surface-billing .manager-screen-badge,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-surface-billing .manager-hero-slide-stat strong,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-surface-billing .manager-hero-slide-stat span{
    color:#ffffff !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-surface-dashboard .manager-screen-badge,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-surface-billing .manager-screen-badge{
    background:rgba(255,255,255,.18) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-bars{
    min-height:92px !important;
    display:flex !important;
    align-items:flex-end !important;
    gap:8px !important;
    padding:10px 9px 8px !important;
    border-radius:16px !important;
    background:linear-gradient(180deg, rgba(140,204,78,.12), rgba(255,255,255,.72)) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-bars span{
    width:13px !important;
    height:var(--bar-h) !important;
    min-height:26px !important;
    border-radius:8px 8px 3px 3px !important;
    background:linear-gradient(180deg, #9bd44e 0%, #547f2d 100%) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-bars-billing span{
    background:linear-gradient(180deg, #75c784 0%, #316d46 100%) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-bars-dashboard{
    min-height:62px !important;
    gap:6px !important;
    padding:0 !important;
    border-radius:0 !important;
    background:transparent !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-bars-dashboard span{
    width:11px !important;
    min-height:18px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-dashboard-days{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:4px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-dashboard-days span{
    font-size:8px !important;
    line-height:1 !important;
    color:#73836e !important;
    text-align:center !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-total-pill{
    display:block !important;
    padding:7px 9px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.88) !important;
    color:#456638 !important;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-mini-title{
    color:#23391e !important;
    font-size:9px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    padding-top:1px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-mini-tasklist{
    display:grid !important;
    gap:5px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-mini-tasklist > div{
    display:grid !important;
    grid-template-columns:auto minmax(0, 1fr) !important;
    align-items:center !important;
    gap:6px !important;
    padding:6px 7px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.92) !important;
    box-shadow:0 8px 18px rgba(20,30,20,.05) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-mini-tasklist i{
    width:10px !important;
    height:10px !important;
    border-radius:50% !important;
    background:#81bf3f !important;
    box-shadow:0 0 0 4px rgba(129,191,63,.14) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-mini-tasklist span{
    font-size:8px !important;
    line-height:1.25 !important;
    color:#4c5f4d !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-surface-dashboard .manager-hero-bars{
    background:rgba(255,255,255,.16) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-slide-surface-billing .manager-hero-bars{
    background:rgba(255,255,255,.12) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-foot-kpis{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-foot-kpis > div{
    display:grid !important;
    gap:2px !important;
    padding:10px 10px 9px !important;
    border-radius:14px !important;
    background:#ffffff !important;
    box-shadow:0 8px 20px rgba(20,30,20,.05) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-foot-kpis > div b{
    font-size:14px !important;
    line-height:1 !important;
    color:#20351c !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-foot-kpis > div span{
    font-size:9px !important;
    line-height:1.3 !important;
    color:#627260 !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-lines{
    display:grid !important;
    gap:9px !important;
    padding:6px 0 6px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-lines span{
    display:block !important;
    height:20px !important;
    width:var(--line-w) !important;
    border-radius:999px !important;
    background:linear-gradient(90deg, rgba(153,210,76,.88), rgba(71,121,43,.94)) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-flow-list,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-status-list{
    display:grid !important;
    gap:6px !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-flow-list > div,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-status-list > div{
    display:grid !important;
    grid-template-columns:auto minmax(0, 1fr) auto !important;
    align-items:center !important;
    gap:6px !important;
    padding:7px 8px !important;
    border-radius:14px !important;
    background:#ffffff !important;
    box-shadow:0 8px 20px rgba(20,30,20,.05) !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-flow-list span,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-status-list span{
    font-size:11px !important;
    line-height:1.15 !important;
    color:#20351c !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-flow-list b,
  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-status-list b{
    font-size:9px !important;
    font-weight:800 !important;
    color:#3d6a33 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-status-list > div{
    grid-template-columns:minmax(0, 1fr) auto !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-flow-list i{
    width:10px !important;
    height:10px !important;
    margin-top:0 !important;
    box-shadow:0 0 0 4px rgba(129,191,63,.14) !important;
    border-radius:50% !important;
    background:#81bf3f !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-status-list b.is-paid{
    color:#4f7e32 !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-status-list b.is-open{
    color:#b98337 !important;
  }

  body.manager-marketing-page .manager-phone-screen-overlay .manager-hero-status-list b.is-sync{
    color:#2f7c4e !important;
  }

  body.manager-marketing-page .manager-pricing-section .container{
    max-width:1200px !important;
    height:auto !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-rows:auto auto auto !important;
    align-content:start !important;
    gap:16px !important;
  }

  body.manager-marketing-page .manager-pricing-head{
    max-width:860px !important;
    margin:0 auto !important;
  }

  body.manager-marketing-page .manager-pricing-head h2{
    margin:6px 0 10px !important;
    font-size:clamp(2.15rem, 3.25vw, 3.35rem) !important;
    line-height:1.02 !important;
  }

  body.manager-marketing-page .manager-pricing-head p{
    max-width:760px !important;
    font-size:15px !important;
    line-height:1.55 !important;
  }

  body.manager-marketing-page .manager-pricing-switcher{
    width:min(520px, 100%) !important;
    margin:0 auto !important;
    padding:5px !important;
  }

  body.manager-marketing-page .manager-pricing-switcher a{
    min-height:58px !important;
    padding:8px 6px !important;
  }

  body.manager-marketing-page .manager-pricing-switcher a strong{
    font-size:13px !important;
  }

  body.manager-marketing-page .manager-pricing-switcher a span{
    font-size:11px !important;
  }

  body.manager-marketing-page .manager-pricing-grid{
    max-width:1160px !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:18px !important;
    margin:0 auto !important;
    align-items:stretch !important;
  }

  body.manager-marketing-page .manager-pricing-card{
    width:auto !important;
    flex:initial !important;
    border-radius:26px !important;
  }

  body.manager-marketing-page .manager-pricing-card.is-selected{
    transform:translateY(-6px) !important;
  }

  body.manager-marketing-page .manager-pricing-card-top{
    min-height:88px !important;
    padding:18px 18px 14px !important;
  }

  body.manager-marketing-page .manager-pricing-badge,
  body.manager-marketing-page .manager-pricing-saving{
    font-size:11px !important;
    letter-spacing:.08em !important;
    padding:10px 12px !important;
  }

  body.manager-marketing-page .manager-pricing-card-body{
    padding:20px 18px 18px !important;
    gap:12px !important;
  }

  body.manager-marketing-page .manager-pricing-amount strong{
    font-size:clamp(2.45rem, 2.9vw, 3.25rem) !important;
  }

  body.manager-marketing-page .manager-pricing-amount span{
    margin-top:8px !important;
    font-size:14px !important;
  }

  body.manager-marketing-page .manager-pricing-note{
    font-size:14px !important;
    line-height:1.48 !important;
  }

  body.manager-marketing-page .manager-pricing-features{
    gap:10px !important;
  }

  body.manager-marketing-page .manager-pricing-features li{
    padding-left:16px !important;
    font-size:14px !important;
    line-height:1.4 !important;
  }

  body.manager-marketing-page .manager-pricing-form .btn{
    min-height:50px !important;
    padding-top:14px !important;
    padding-bottom:14px !important;
  }

  body.manager-marketing-page .manager-pricing-register-note{
    font-size:13px !important;
    line-height:1.45 !important;
  }
}

@media (min-width: 1025px) and (max-height: 980px){
  body.manager-marketing-page .manager-landing-copy{
    padding-left:clamp(4px, 1vw, 18px);
    gap:16px;
  }

  body.manager-marketing-page .manager-hero-device-overlay{
    top:19.4% !important;
    width:176px !important;
    transform:translateX(-50%) !important;
  }

  body.manager-marketing-page .manager-pricing-section .container{
    gap:12px !important;
  }

  body.manager-marketing-page .manager-pricing-head h2{
    font-size:clamp(1.95rem, 2.75vw, 2.95rem) !important;
    margin:4px 0 8px !important;
  }

  body.manager-marketing-page .manager-pricing-head p{
    font-size:14px !important;
    line-height:1.45 !important;
  }

  body.manager-marketing-page .manager-pricing-switcher a{
    min-height:52px !important;
  }

  body.manager-marketing-page .manager-pricing-card-top{
    min-height:78px !important;
    padding:14px 15px 11px !important;
  }

  body.manager-marketing-page .manager-pricing-card-body{
    padding:16px 15px 15px !important;
    gap:10px !important;
  }

  body.manager-marketing-page .manager-pricing-amount strong{
    font-size:clamp(2.1rem, 2.45vw, 2.85rem) !important;
  }

  body.manager-marketing-page .manager-pricing-note,
  body.manager-marketing-page .manager-pricing-features li{
    font-size:13px !important;
    line-height:1.34 !important;
  }

  body.manager-marketing-page .manager-pricing-features{
    gap:8px !important;
  }
}

@media (max-width: 1024px){
  body.manager-marketing-page{
    scroll-snap-type:none !important;
  }

  body.manager-marketing-page .manager-landing-copy{
    padding-left:0;
  }

  body.manager-marketing-page .manager-hero-device-overlay{
    left:50.2% !important;
    top:19.5% !important;
    width:176px !important;
    transform:translateX(-50%) !important;
  }
}

@media (prefers-reduced-motion: no-preference){
  body.manager-marketing-page .manager-showcase-card{
    opacity:0;
    transform:translate3d(38px, 28px, 0) scale(.965);
    animation:managerShowcaseReveal .95s cubic-bezier(.22,1,.36,1) .12s forwards;
    will-change:transform, opacity;
  }

  body.manager-marketing-page .manager-showcase-photo{
    transform:scale(1.02) translate3d(0, 0, 0) !important;
    will-change:transform, filter;
  }

  body.manager-marketing-page .manager-showcase-card:hover .manager-showcase-photo{
    filter:saturate(1.03) contrast(1.03) !important;
  }
}

@keyframes managerShowcaseReveal{
  from{
    opacity:0;
    transform:translate3d(38px, 28px, 0) scale(.965);
  }
  to{
    opacity:1;
    transform:translate3d(0, 0, 0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce){
  body.manager-marketing-page .manager-showcase-card{
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
  }

  body.manager-marketing-page .manager-showcase-photo{
    transform:scale(1.02) !important;
    animation:none !important;
  }
}