.site-header{
  position:sticky;
  z-index:1000;
  top:0;
  height:82px;
  border-bottom:1px solid rgba(8,58,62,.08);
  background:rgba(251,252,251,.96);
  backdrop-filter:blur(16px);
}
.site-header.is-scrolled{box-shadow:0 6px 26px rgba(8,48,52,.06)}
.site-header__inner{display:flex;height:100%;align-items:center;justify-content:space-between;gap:32px}

.brand{display:inline-flex;align-items:center;gap:14px;min-width:max-content}
.brand__mark{
  position:relative;display:block;width:45px;height:42px;flex:0 0 45px;
  border-radius:14px;background:linear-gradient(145deg,#73cf9e,#48a973);
  box-shadow:inset 0 -8px 12px rgba(0,80,58,.18)
}
.brand__mark::before{position:absolute;top:-17px;left:10px;width:20px;height:22px;border:4px solid #ecffc5;border-bottom:0;border-radius:15px 15px 0 0;content:""}
.brand__mark::after{position:absolute;right:7px;bottom:8px;width:10px;height:10px;border-radius:50%;background:#b6f3bd;content:""}
.brand__bag{display:none}
.brand__text{display:block}
.brand strong{display:block;font-size:1.5rem;line-height:1;letter-spacing:-.055em;font-weight:800}
.brand small{display:block;margin-top:5px;color:var(--muted);font-size:.7rem;line-height:1.1}

.site-nav{display:flex;align-items:center;gap:30px}
.site-nav__list{display:flex;align-items:center;gap:24px;margin:0;padding:0;list-style:none}
.site-nav__list a{position:relative;color:var(--ink-soft);font-size:.86rem;font-weight:750}
.site-nav__list a::after{
  position:absolute;content:"";right:0;bottom:-7px;left:0;height:2px;
  background:var(--teal);transform:scaleX(0);transform-origin:center;transition:transform .2s
}
.site-nav__list a:hover{color:var(--teal)}
.site-nav__list a:hover::after{transform:scaleX(1)}
.site-nav__actions{display:flex;align-items:center;gap:8px}
.nav-toggle{display:none;padding:8px;border:0;background:transparent}

.button{
  display:inline-flex;min-height:46px;padding:10px 19px;align-items:center;justify-content:center;
  gap:8px;border:1px solid transparent;border-radius:13px;font-weight:800;line-height:1;
  white-space:nowrap;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s
}
.button:hover{transform:translateY(-1px)}
.button .icon{position:relative;top:0}
.button--primary{color:#fff;background:var(--teal);box-shadow:0 10px 22px rgba(7,158,157,.20)}
.button--primary:hover{background:var(--teal-dark)}
.button--demo{color:var(--ink);background:var(--peach);box-shadow:0 10px 22px rgba(255,160,119,.28)}
.button--demo:hover{background:#ff8e61}
.button--secondary{color:var(--petrol);border-color:#cadadb;background:#fff}
.button--ghost{min-height:42px;color:var(--ink);background:transparent}
.button--peach{color:var(--ink);background:var(--peach)}

.site-footer{padding:72px 0 0;color:rgba(255,255,255,.9);background:var(--petrol-deep)}
.site-footer__demo{display:flex;align-items:center;justify-content:space-between;gap:42px;margin-bottom:68px;padding:34px 38px;border:1px solid rgba(145,239,213,.30);border-radius:24px;background:linear-gradient(120deg,rgba(8,158,157,.29),rgba(255,160,119,.18))}
.site-footer__demo-copy{max-width:760px}
.site-footer__demo-eyebrow{display:block;margin-bottom:10px;color:#9deedb;font-size:.72rem;font-weight:800;letter-spacing:.13em}
.site-footer .site-footer__demo h2{margin:0 0 12px;color:#fff;font-size:clamp(1.8rem,3vw,2.45rem);line-height:1.12;letter-spacing:-.04em;text-transform:none}
.site-footer .site-footer__demo p{max-width:760px;margin:0;color:rgba(255,255,255,.83);font-size:.98rem;line-height:1.6}
.site-footer__demo-button{flex:0 0 auto;color:var(--ink);background:var(--peach);box-shadow:0 13px 30px rgba(0,0,0,.18)}
.site-footer__demo-button:hover{background:#ff8e61}
.site-footer .brand strong{color:#fff}
.site-footer .brand__mark{background:rgba(255,255,255,.09)}
.site-footer .brand small,.site-footer p{color:rgba(255,255,255,.58)}
.site-footer__grid{display:grid;grid-template-columns:1.45fr .7fr .7fr .7fr;gap:52px}
.site-footer__intro p{max-width:340px;margin:22px 0 0}
.site-footer h2{margin:0 0 20px;color:#fff;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.site-footer ul{margin:0;padding:0;list-style:none}
.site-footer li+li{margin-top:10px}
.site-footer a{color:rgba(255,255,255,.82)}
.site-footer a:hover{color:var(--peach)}
.site-footer__promises{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:66px;padding:22px 0;color:rgba(255,255,255,.82);border-top:1px solid rgba(255,255,255,.12);font-size:.78rem;font-weight:650}
.site-footer__promises span{display:flex;align-items:center;gap:9px}
.site-footer__promises span::first-letter{color:#70dbc9;font-size:1.25rem}
.site-footer__bottom{
  display:flex;justify-content:space-between;padding:20px 0 24px;
  color:rgba(255,255,255,.45);font-size:.77rem;background:rgba(0,0,0,.09)
}

@media(max-width:960px){
  .site-header{height:72px}
  .nav-toggle{display:grid;width:42px;height:42px;place-items:center;cursor:pointer}
  .site-nav{
    position:fixed;inset:72px 0 0;display:none;padding:26px 22px 30px;
    align-items:stretch;flex-direction:column;gap:20px;background:#fff
  }
  .site-nav.is-open{display:flex}
  .site-nav__list{align-items:stretch;flex-direction:column;gap:0}
  .site-nav__list a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:1.05rem}
  .site-nav__list a::after{display:none}
  .site-nav__actions{margin-top:auto;flex-direction:column}
  .site-nav__actions .button{width:100%}
  .site-footer__demo{align-items:flex-start;flex-direction:column}
  .site-footer__grid{grid-template-columns:1fr 1fr}
  .site-footer__intro{grid-column:1/-1}
  .site-footer__promises{grid-template-columns:1fr 1fr}
}

@media(max-width:640px){
  .brand__mark{width:38px;height:35px;flex-basis:38px}
  .brand__mark::before{top:-14px;left:9px;width:17px;height:19px}
  .brand strong{font-size:1.3rem}
  .brand small{font-size:.63rem}
  .site-footer__grid{grid-template-columns:1fr;gap:36px}
  .site-footer__demo{gap:24px;margin-bottom:48px;padding:28px 24px}
  .site-footer__demo-button{width:100%}
  .site-footer__intro{grid-column:auto}
  .site-footer__promises{grid-template-columns:1fr;gap:12px;margin-top:42px}
  .site-footer__bottom{gap:10px;flex-direction:column}
}


/* Header cart */
.ps-cart-link{position:relative;display:grid;width:44px;height:44px;place-items:center;border:1px solid #c9d9da;border-radius:13px;background:#fff;color:var(--petrol);transition:.2s}
.ps-cart-link:hover{transform:translateY(-1px);border-color:var(--teal);color:var(--teal)}
.ps-cart-link svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ps-cart-count{position:absolute;top:-7px;right:-7px;display:none;min-width:20px;height:20px;padding:0 5px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:999px;background:#e54848;color:#fff;font-size:11px;font-weight:800;line-height:16px}
.ps-cart-count.is-visible{display:flex}
@media(max-width:960px){.site-nav__actions .ps-cart-link{width:100%;display:flex;justify-content:center}.site-nav__actions .ps-cart-count{right:calc(50% - 30px)}}