/* PlantLeap launch: full logo, authentic app icons, and restrained decoration. */
.site-header .brand-wordmark{width:194px;height:auto;max-height:44px;object-fit:contain}
.site-footer .footer-main img{width:176px;height:auto;object-fit:contain}
.logo-link{flex-shrink:0}

/* One atmospheric logo leaf is enough: the closing call to action. */
.last-cta-inner::before{
  content:"";position:absolute;pointer-events:none;
  background:url("/assets/plantleap-leaf.svg") no-repeat center / contain;
  width:410px;height:330px;right:-165px;top:-55px;opacity:.055;transform:rotate(-25deg);
}
.last-cta-decoration{display:none}

/* Decorative shapes stay quiet; feature icons carry the meaning. */
.eyebrow-feature-icon{display:inline-block;width:18px;height:18px;object-fit:contain;flex-shrink:0;opacity:.77}
.strip-inner .strip-dot{
  display:block;flex:0 0 auto;width:4px;height:4px;border-radius:50%;
  background:#8da783;opacity:.7;
}
.floating-sparkle{display:block;width:29px;height:29px;object-fit:contain;flex-shrink:0}
.feature-icon-cluster{display:flex;align-items:center;flex-shrink:0;padding-right:7px}
.feature-icon-dot{
  width:37px;height:37px;margin-right:-8px;display:grid;place-items:center;
  border:2px solid #fafbf4;border-radius:50%;background:#d6e6ca;
}
.feature-icon-dot--swaps{background:#f4e5c7}
.feature-icon-dot--path{background:#d8e9e3}
.feature-icon-dot img{display:block;width:21px;height:21px;object-fit:contain}
.step-icon img{display:block;width:38px;height:38px;object-fit:contain}
@media(max-width:520px){
  .site-header .brand-wordmark{width:152px;max-height:33px}
  .site-footer .footer-main img{width:170px}
  .last-cta-inner::before{width:290px;height:230px;right:-145px;top:5px;opacity:.048}
}

/* Feature presentation follows the five actual mobile app tabs. */
.features-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.feature-card{grid-column:span 2;min-height:455px;isolation:isolate}
.feature-card:nth-child(n+4){grid-column:span 3}

.feature-copy{position:relative;z-index:1;padding:25px 26px 4px}
.feature-index{font-size:11px;letter-spacing:.11em;color:#6b866b}
.feature-index>span:last-child{font-size:10px;letter-spacing:.09em;color:#71906e}
.feature-icon-wrap{
  display:grid;place-items:center;width:55px;height:55px;margin-top:23px;
  border-radius:17px;background:rgba(255,255,255,.73);border:1px solid rgba(79,125,71,.10);
  box-shadow:0 9px 20px rgba(37,88,44,.055)
}
.feature-icon-wrap img{display:block;width:29px;height:29px;object-fit:contain}
.feature-card h3{font-size:23px;line-height:1.21;margin:15px 0 9px}
.feature-card p{font-size:12.6px;line-height:1.6;max-width:370px}
.feature-art{height:224px;padding-top:16px}
.feature-art img{width:61%;max-width:165px}
.feature-card:nth-child(n+4) .feature-art{height:243px}
.feature-card:nth-child(n+4) .feature-art img{max-width:190px}
.feature-art.feature-art--scene{padding:0 18px 19px;display:flex;align-items:flex-end;justify-content:center}
.feature-art.feature-art--scene img{
  width:100%;height:auto;max-width:340px;aspect-ratio:1.5 / 1;object-fit:cover;
  border-radius:18px;box-shadow:0 12px 31px rgba(25,69,37,.12);
  transform:rotate(-2deg) translateY(11px)
}
.feature-card:nth-child(even) .feature-art--scene img{transform:rotate(2deg) translateY(11px)}
.feature-card:hover .feature-art--scene img{transform:rotate(0deg) translateY(2px)}
.feature-card--grocery{background:#e8efe0}
.feature-card--scan{background:#edf2e5}
.feature-card--cravings{background:#e7f0e3}
@media(max-width:850px){
  .features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .feature-card,.feature-card:nth-child(n+4){grid-column:auto;min-height:450px}
  .feature-card:last-child{grid-column:1/-1}
  .feature-art,.feature-card:nth-child(n+4) .feature-art{height:230px}
  .feature-art img,.feature-card:nth-child(n+4) .feature-art img{max-width:175px}
  .feature-art.feature-art--scene img{max-width:335px}
}
@media(max-width:520px){
  .site-header .brand-wordmark{width:152px;max-height:33px}
  .site-footer .footer-main img{width:170px}
  .features-grid{gap:13px}
  .feature-card,.feature-card:nth-child(n+4){min-height:370px;border-radius:19px}
  .feature-copy{padding:17px 16px 3px}
  .feature-icon-wrap{margin-top:15px;width:44px;height:44px;border-radius:13px}
  .feature-icon-wrap img{width:25px;height:25px}
  .feature-card h3{font-size:17px;margin-top:13px}
  .feature-card p{font-size:11px}
  .feature-index{font-size:10px}
  .feature-index>span:last-child{font-size:8.5px}
  .feature-art,.feature-card:nth-child(n+4) .feature-art{height:179px}
  .feature-art img,.feature-card:nth-child(n+4) .feature-art img{max-width:140px}
  .feature-art.feature-art--scene{padding:0 12px 13px}
  .feature-art.feature-art--scene img{max-width:220px;aspect-ratio:1.27 / 1}
  .feature-card:last-child{min-height:385px}
  .feature-card:last-child .feature-art{height:195px}
  .feature-card:last-child .feature-art img{max-width:160px}
  .last-cta-inner::before{width:300px;height:250px;right:-135px;top:10px}
}
@media(max-width:370px){
  .site-header .brand-wordmark{width:134px}
  .feature-card h3{font-size:16px}
  .feature-card p{font-size:10.5px}
}
/* Mobile countdown: four equally spaced values, centered as one unit. */
@media(max-width:520px){
  .countdown-wrap{align-items:stretch}
  .countdown-intro{width:100%;text-align:center;align-items:center}
  .countdown{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
    align-items:start;
    justify-content:center;
    width:100%;
    max-width:360px;
    gap:0;
    margin:0 auto;
  }
  .countdown>div{min-width:0;width:100%;align-items:center;justify-content:flex-start}
  .countdown-separator{display:block;align-self:start;line-height:1.12;padding:3px 0 0;font-size:19px}
}


/* Portrait screenshots from the October 2026 PlantLeap launch set. */
.phone-frame img{object-fit:contain}
.phone-frame-front{width:253px;height:545px;right:115px}
.phone-frame-back{width:215px;height:465px;left:48px}
.feature-art--screenshot img{width:61%;max-width:165px;height:auto;object-fit:contain}
.feature-art--screenshot:before{background:rgba(255,255,255,.26)}
@media(max-width:1130px){
  .phone-frame-front{right:56px}
  .phone-frame-back{left:20px}
}
@media(max-width:850px){
  .phone-frame-front{width:218px;height:472px;right:80px;top:50px}
  .phone-frame-back{width:190px;height:410px;left:60px;top:125px}
}
@media(max-width:520px){
  .phone-frame-front{width:160px;height:345px;right:47px;top:56px}
  .phone-frame-back{width:136px;height:295px;left:37px;top:110px}
  .feature-art--screenshot img{width:78%;max-width:140px}
}

/* Larger app screenshots: number/index row removed from feature cards. */
.feature-icon-wrap{margin-top:0}
.feature-art{height:270px;padding-top:8px}
.feature-art img,.feature-art--screenshot img{width:70%;max-width:185px}
.feature-card:nth-child(n+4) .feature-art{height:285px}
.feature-card:nth-child(n+4) .feature-art img{max-width:212px}
@media(max-width:850px){
  .feature-art,.feature-card:nth-child(n+4) .feature-art{height:270px}
  .feature-art img,.feature-art--screenshot img,.feature-card:nth-child(n+4) .feature-art img{max-width:192px}
}
@media(max-width:520px){
  .feature-icon-wrap{margin-top:0}
  .feature-art,.feature-card:nth-child(n+4) .feature-art{height:213px;padding-top:7px}
  .feature-art img,.feature-art--screenshot img,.feature-card:nth-child(n+4) .feature-art img{width:80%;max-width:150px}
  .feature-card:last-child .feature-art{height:232px}
  .feature-card:last-child .feature-art img{max-width:168px}
}

/* PlantLeap iPhone-style frames with exact screenshot aspect ratios. */
/* Frame height follows each image naturally: no forced crop or stretching. */
.feature-card{min-height:554px}
.feature-card:nth-child(n+4){min-height:580px}
.feature-art.feature-art--screenshot,
.feature-card:nth-child(n+4) .feature-art.feature-art--screenshot{
  height:365px;
  padding:8px 10px 0;
  align-items:flex-start;
  justify-content:center;
  overflow:hidden;
}
.feature-art--screenshot::before{background:rgba(255,255,255,.20)}
.device-frame{
  position:relative;
  display:block;
  flex:0 0 auto;
  width:154px;
  height:auto;
  aspect-ratio:auto;
  border:7px solid #1b2024;
  border-radius:30px;
  background:#111619;
  overflow:hidden;
  box-sizing:border-box;
  box-shadow:0 18px 35px rgba(16,39,26,.19),0 3px 8px rgba(12,29,19,.11),
    inset 0 0 0 1px rgba(255,255,255,.14);
  transform:translateY(1px) rotate(-2deg);
  transition:transform .3s ease,box-shadow .3s ease;
}
.feature-card:nth-child(even) .device-frame{transform:translateY(1px) rotate(2deg)}
.feature-card:hover .device-frame{
  transform:translateY(-6px) rotate(0);
  box-shadow:0 23px 40px rgba(16,39,26,.21),0 4px 8px rgba(12,29,19,.12);
}
.device-frame::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:23px;
  border:1px solid rgba(255,255,255,.15);
  pointer-events:none;
  z-index:3;
}
/* Floating Dynamic Island: fully rounded at BOTH ends, clear of the bezel. */
.device-frame__island{
  position:absolute;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  width:27%;
  height:10px;
  border-radius:999px;
  background:#0b1013;
  z-index:4;
  box-shadow:0 0 0 1px rgba(255,255,255,.04);
}
.feature-art--screenshot .device-frame img,
.feature-card:nth-child(n+4) .feature-art--screenshot .device-frame img{
  display:block;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  aspect-ratio:auto !important;
  border-radius:22px;
  object-fit:contain;
  object-position:top center;
  box-shadow:none;
  transform:none !important;
  transition:none;
}
/* The Path screenshot is 653x1160; it needs more width than 710x1536 captures
   to have approximately the same visual phone height. */
.feature-card--path .device-frame{width:184px}
.feature-card:nth-child(n+4) .device-frame{width:164px}

/* Hero screenshots also keep their intrinsic 710x1536 ratio. */
.phone-frame{
  height:auto !important;
  aspect-ratio:auto;
  box-sizing:border-box;
  border:7px solid #1b2024;
  border-radius:37px;
  background:#101518;
  box-shadow:0 28px 60px rgba(24,65,29,.20),0 4px 11px rgba(24,65,29,.10),
    inset 0 0 0 1px rgba(255,255,255,.14);
}
.phone-frame img{
  display:block;
  width:100%;
  height:auto !important;
  aspect-ratio:auto;
  object-fit:contain;
  border-radius:28px;
}
.phone-frame::after{
  content:"";
  position:absolute;
  top:13px;
  left:50%;
  width:27%;
  height:15px;
  transform:translateX(-50%);
  background:#0b1013;
  border-radius:999px;
  z-index:4;
  box-shadow:0 0 0 1px rgba(255,255,255,.04);
}
@media(max-width:850px){
  .feature-card,.feature-card:nth-child(n+4){min-height:505px}
  .feature-art.feature-art--screenshot,
  .feature-card:nth-child(n+4) .feature-art.feature-art--screenshot{height:333px}
  .device-frame,.feature-card:nth-child(n+4) .device-frame{width:143px}
  .feature-card--path .device-frame{width:170px}
}
@media(max-width:520px){
  .feature-card,.feature-card:nth-child(n+4){min-height:415px}
  .feature-art.feature-art--screenshot,
  .feature-card:nth-child(n+4) .feature-art.feature-art--screenshot{
    height:276px;
    padding:4px 4px 0;
  }
  .device-frame,.feature-card:nth-child(n+4) .device-frame{
    width:min(122px,calc(100% - 12px));
    border-width:5px;
    border-radius:23px;
  }
  .feature-card--path .device-frame{width:min(150px,calc(100% - 12px))}
  .device-frame::after{border-radius:18px}
  .device-frame__island{top:8px;height:8px}
  .feature-art--screenshot .device-frame img,
  .feature-card:nth-child(n+4) .feature-art--screenshot .device-frame img{border-radius:16px}
  .feature-card:last-child{min-height:465px}
  .feature-card:last-child .feature-art.feature-art--screenshot{height:320px}
  .feature-card:last-child .device-frame{width:144px}
  .phone-frame{border-width:5px}
  .phone-frame::after{top:9px;height:11px}
  .phone-frame img{border-radius:25px}
}
@media(max-width:370px){
  .device-frame,.feature-card:nth-child(n+4) .device-frame{
    width:min(112px,calc(100% - 10px));
  }
  .feature-card--path .device-frame{width:min(140px,calc(100% - 10px))}
  .feature-card:last-child .device-frame{width:135px}
}

/* Refined iPhone chassis and higher Dynamic Island — home screenshot card. */
/* Layering: metallic outer lip → black gasket → original unmodified screen capture. */
.feature-art--screenshot .device-frame{
  border:2px solid #687173;
  padding:4px;
  background:#0a0d10;
  border-radius:31px;
  box-shadow:
    0 18px 35px rgba(16,39,26,.19),
    0 3px 8px rgba(12,29,19,.11),
    0 0 0 1px rgba(11,17,19,.75),
    inset 1px 0 0 rgba(255,255,255,.26),
    inset -1px 0 0 rgba(0,0,0,.65);
}
.feature-art--screenshot .device-frame::after{
  inset:5px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:25px;
}
.feature-art--screenshot .device-frame__island{
  top:7px;
  width:26%;
  height:9px;
  background:#030608;
  border-radius:999px;
  box-shadow:0 0 0 1px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.2);
}
.feature-art--screenshot .device-frame img,
.feature-card:nth-child(n+4) .feature-art--screenshot .device-frame img{
  border-radius:24px;
  object-fit:contain;
}
/* All five feature cards now use native 710px-wide portrait screenshots. */
.feature-card--path .device-frame{width:154px}
.phone-frame{
  border:2px solid #687173;
  padding:5px;
  background:#0a0d10;
  box-shadow:
    0 28px 60px rgba(24,65,29,.20),
    0 4px 11px rgba(24,65,29,.10),
    0 0 0 1px rgba(11,17,19,.70),
    inset 1px 0 0 rgba(255,255,255,.24),
    inset -1px 0 0 rgba(0,0,0,.6);
}
.phone-frame::after{
  top:8px;
  width:25%;
  height:13px;
  background:#030608;
  border-radius:999px;
}
.phone-frame img{border-radius:29px}
@media(max-width:850px){
  .feature-card--path .device-frame{width:143px}
}
@media(max-width:520px){
  .feature-art--screenshot .device-frame{
    border-width:1.5px;
    padding:3px;
    border-radius:24px;
  }
  .feature-art--screenshot .device-frame::after{
    inset:4px;
    border-radius:19px;
  }
  .feature-art--screenshot .device-frame__island{
    top:5.5px;
    height:7px;
    width:26%;
  }
  .feature-art--screenshot .device-frame img,
  .feature-card:nth-child(n+4) .feature-art--screenshot .device-frame img{
    border-radius:19px;
  }
  .feature-card--path .device-frame{width:min(122px,calc(100% - 12px))}
  .phone-frame{border-width:2px;padding:3px}
  .phone-frame::after{top:6px;height:9px}
  .phone-frame img{border-radius:26px}
}
@media(max-width:370px){
  .feature-card--path .device-frame{width:min(112px,calc(100% - 10px))}
}

/* Quiet, market-neutral image disclosure immediately below all feature cards. */
.features-disclaimer{
  max-width:680px;
  margin:22px auto 0;
  padding:0 16px;
  color:#819080;
  font-size:11px;
  line-height:1.65;
  letter-spacing:.015em;
  text-align:center;
}
@media(max-width:520px){
  .features-disclaimer{margin-top:18px;font-size:10.5px;line-height:1.6}
}


/* Match hero and lower-row handset frames to the approved Grocery/Scan style. */
/* The bottom row previously added 10–22px of handset width, making the bezel feel larger. */
.feature-card:nth-child(n+4) .feature-art--screenshot .device-frame{
  width:154px;
  border:2px solid #687173;
  padding:4px;
  background:#0a0d10;
  border-radius:31px;
}
.feature-card:nth-child(n+4) .feature-art--screenshot .device-frame::after{
  inset:5px;
  border-radius:25px;
}
.feature-card:nth-child(n+4) .feature-art--screenshot .device-frame__island{
  top:7px;
  width:26%;
  height:9px;
  border-radius:999px;
}
.feature-card:nth-child(n+4) .feature-art--screenshot .device-frame img{
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  border-radius:24px;
  object-fit:contain;
  transform:none !important;
  box-shadow:none;
}
/* Hero retains its scale/rotation, but uses a cleaner single-edge bezel. */
.phone-frame{
  border:1px solid #687173;
  padding:3px;
  background:#0a0d10;
  border-radius:36px;
  box-shadow:
    0 24px 49px rgba(24,65,29,.16),
    0 4px 10px rgba(24,65,29,.09),
    0 0 0 1px rgba(11,17,19,.65),
    inset 1px 0 0 rgba(255,255,255,.18);
}
.phone-frame img{
  border-radius:31px;
  width:100%;
  height:auto !important;
  object-fit:contain;
}
.phone-frame::after{
  top:7px;
  width:26%;
  height:12px;
  border-radius:999px;
  box-shadow:0 0 0 1px rgba(0,0,0,.45);
}
@media(max-width:850px){
  .feature-card:nth-child(n+4) .feature-art--screenshot .device-frame{width:143px}
}
@media(max-width:520px){
  .feature-card:nth-child(n+4) .feature-art--screenshot .device-frame{
    width:min(122px,calc(100% - 12px));
    border-width:1.5px;
    padding:3px;
    border-radius:24px;
  }
  .feature-card:nth-child(n+4) .feature-art--screenshot .device-frame::after{
    inset:4px;
    border-radius:19px;
  }
  .feature-card:nth-child(n+4) .feature-art--screenshot .device-frame__island{
    top:5.5px;
    width:26%;
    height:7px;
  }
  .feature-card:nth-child(n+4) .feature-art--screenshot .device-frame img{
    border-radius:19px;
  }
  .phone-frame{
    padding:2.5px;
    border-width:1px;
    border-radius:29px;
  }
  .phone-frame img{border-radius:26px}
  .phone-frame::after{top:5px;height:9px}
}
@media(max-width:370px){
  .feature-card:nth-child(n+4) .feature-art--screenshot .device-frame{
    width:min(112px,calc(100% - 10px));
  }
}
\n/* Country-interest branch of the beta form */\n#beta-form [hidden] { display: none !important; }\n.country-request-notice { margin: 2px 0 17px; padding: 15px 16px; border-radius: 14px; background: #edf5e7; border: 1px solid #d5e7ce; color: #315b39; font-size: 12px; line-height: 1.65; }\n.country-request-hint { margin: 0; color: #71816e; font-size: 11px; line-height: 1.5; }\n

/* Beta signup and sharing are a single visual flow. */
.beta-signup-stack{display:flex;flex-direction:column;gap:28px;min-width:0;width:100%}
.beta-signup-stack .signup-card{width:100%;max-width:none;margin:0}
.beta-share-panel{
  display:grid;grid-template-columns:1fr auto;column-gap:16px;align-items:center;
  background:#f3f7ed;border:1px solid #e0ebd9;border-radius:18px;
  box-shadow:0 8px 26px rgba(9,42,19,.07);padding:18px 21px;margin:0;
  color:#234b2b;max-width:none;text-align:left
}
.beta-share-panel .share-kicker{
  display:block;grid-column:1 / -1;margin:0 0 6px;
  color:#659457;font-size:9px;font-weight:800;letter-spacing:.13em
}
.beta-share-panel h3{grid-column:1;grid-row:2;color:#254f30;font-size:17px;line-height:1.25;letter-spacing:-.025em;margin:0 0 4px}
.beta-share-panel p{grid-column:1;grid-row:3;color:#68816b;font-size:12px;line-height:1.5;margin:0}
.beta-share-button{
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;color:#367744;border:1px solid #c9dec2;border-radius:999px;
  padding:10px 14px;min-height:41px;font-family:inherit;font-size:12px;line-height:1.3;
  font-weight:750;cursor:pointer;white-space:normal;text-align:center;
  transition:background .16s,transform .16s
}
.beta-share-panel>.beta-share-button{grid-column:2;grid-row:2 / span 2;max-width:140px}
.beta-share-button:hover{background:#e8f2e3;transform:translateY(-1px)}
.beta-share-panel .share-fallback{grid-column:1 / -1;grid-row:4}
.beta-share-button:focus-visible,.header-share-button:focus-visible,
.share-fallback a:focus-visible,.share-fallback button:focus-visible{
  outline:3px solid #76ad63;outline-offset:3px
}
.share-invited{outline:2px solid #9dca8a;outline-offset:2px}
.share-fallback{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:12px}
.share-fallback[hidden]{display:none!important}
.share-fallback>a,.share-fallback>button{
  border:1px solid #bfd9b6;color:#256b37;background:#fff;border-radius:999px;
  padding:8px 12px;cursor:pointer;font:700 12px/1.4 Arial,Helvetica,sans-serif;text-decoration:none
}
.share-copy-status{color:#367b41;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.success-share{margin-top:15px;padding-top:13px;border-top:1px solid #cbe4c4}
.success-share>p{margin:0 0 9px;font-size:13px}
.success-share .beta-share-button{background:#397c33;border-color:#397c33;color:white}
.success-share .share-copy-status{color:#2f6637}

/* An icon is more balanced than a second large navbar CTA. */
.header-share-wrap{position:relative;display:flex;align-items:center;flex:0 0 auto}
.header-share-button{
  background:#f1f5ea;color:#477b4b;border:1px solid #dce9d6;
  border-radius:50%;width:39px;height:39px;display:grid;place-items:center;
  padding:0;cursor:pointer;transition:background .16s
}
.header-share-button:hover{background:#e5f0dd}
.header-share-button svg{width:19px;height:19px}
.header-share-menu{
  position:absolute;top:calc(100% + 11px);right:0;z-index:50;
  width:240px;padding:16px;background:#fff;border:1px solid #dce9d6;
  border-radius:17px;box-shadow:0 12px 32px rgba(16,50,27,.16);
  justify-content:flex-start
}
.header-share-menu-title{width:100%;font-size:13px;font-weight:800;color:#244e2e}
.header-share-menu .share-copy-status{color:#367b41}
@media(max-width:850px){
  .beta-signup-stack{max-width:540px;margin-inline:auto}
}
@media(max-width:520px){
  .beta-share-panel{grid-template-columns:minmax(0,1fr);padding:17px 18px;border-radius:16px}
  .beta-share-panel .share-kicker{grid-column:1}
  .beta-share-panel h3{grid-row:auto}
  .beta-share-panel p{grid-row:auto}
  .beta-share-panel>.beta-share-button{
    grid-row:auto;grid-column:1;max-width:none;width:100%;min-height:42px;margin-top:13px
  }
  .beta-share-panel .share-fallback{grid-row:auto}
  .share-fallback{justify-content:flex-start}
  .header-share-button{width:37px;height:37px}
  .header-actions{gap:6px}
  .header-inner{gap:8px}
}
@media(max-width:420px){
  .site-header .brand-wordmark{width:130px}
  .header-cta{padding:9px 10px;font-size:10px}
  .language-picker select{padding-left:3px;padding-right:15px;font-size:11px}
}
@media(max-width:360px){
  .site-header .brand-wordmark{width:107px}
  .header-share-button{width:34px;height:34px}
  .header-actions{gap:4px}
  .header-cta{padding:8px;font-size:9.5px}
  .header-inner{gap:5px}
}