/* page.css · @font-face + tokens + hero + home + agent. homepage loads this file only. */

@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/frank-ruhl-libre-700-1.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/frank-ruhl-libre-700-2.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:900;font-display:swap;src:url('../fonts/frank-ruhl-libre-900-3.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:900;font-display:swap;src:url('../fonts/frank-ruhl-libre-900-4.woff2') format('woff2');unicode-range:U+0041-005A, U+0061-007A, U+00C0-00FF, U+0131, U+0152-0153}
@font-face{font-family:'Heebo';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/heebo-400-5.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/heebo-400-6.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Heebo';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/heebo-600-7.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/heebo-600-8.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Heebo';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/heebo-700-9.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/heebo-700-10.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  --linen:#F3EEE7;
  --linen-2:#EBE3D8;
  --white:#FFFDF9;
  --ink:#1A1712;
  --ink-soft:rgb(26 23 18 / .62);
  --forest:#0F2C23;
  --forest-2:#173B2F;
  --champagne:#E3BE7A;
  --brass:#8A6527;
  --hair-dark:rgb(26 23 18 / .14);
  --hair-light:rgb(243 238 231 / .16);
  --font-display:'Frank Ruhl Libre','Heebo',serif;
  --font-body:'Heebo',sans-serif;
  --text-display:clamp(2.9rem,7vw,6rem);
  --text-h1:clamp(2rem,4.5vw,3.25rem);
  --text-lede:1.25rem;
  --text-body:1.0625rem;
  --text-folio:.75rem;
  --leading-body:1.75;
  --page-margin:max(64px,6vw);
  --grid-max:1240px;
  --measure-body:640px;
  --s2:16px;--s3:24px;--s4:32px;--s6:48px;--s8:64px;--s12:96px;--s16:128px;--s20:160px;
}
@media (max-width:759px){:root{--page-margin:20px}}
html{direction:rtl}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);
  color:var(--ink);background:var(--linen);
  font-variant-numeric:tabular-nums;
}
h1,h2,h3{font-family:var(--font-display);font-weight:900;letter-spacing:0;font-style:normal}
a{color:inherit}
.folio{font-size:var(--text-folio);font-weight:700;color:var(--brass)}
.wrap{max-width:var(--grid-max);margin-inline:auto;padding-inline:var(--page-margin)}

/* 1 · השער — מההדמיה «פשתן וירוק», סעיפים 4 ו-10.
   left/right כאן הם שלושת החריגים המתועדים: אלומות, translateX של הקלפים. */

.hero{position:relative;height:260svh}
.hero-sticky{
  position:sticky;top:0;height:100svh;
  display:flex;flex-direction:column;overflow:hidden;
  color:var(--linen);
  background:
    radial-gradient(90rem 50rem at 50% -20%, var(--forest-2) 0%, var(--forest) 60%);
}
.beam{
  position:absolute;top:-12vh;height:130vh;width:24vw;min-width:200px;
  background:linear-gradient(to bottom, rgb(227 190 122 / .22), rgb(227 190 122 / 0) 70%);
  transform-origin:top center;mix-blend-mode:screen;pointer-events:none;
}
.hero.is-lit .beam{filter:blur(26px)}
.beam-a{right:12%;animation:sway 14s ease-in-out infinite alternate}
.beam-b{right:42%;animation:sway 18s ease-in-out infinite alternate-reverse;opacity:.7}
.beam-c{left:8%;animation:sway 16s ease-in-out infinite alternate;opacity:.5}
@keyframes sway{from{rotate:-12deg}to{rotate:12deg}}

.hero .topbar{
  position:relative;z-index:4;
  display:flex;align-items:center;justify-content:space-between;
  padding:var(--s3) var(--page-margin);
}
.wordmark{
  font-family:var(--font-body);font-weight:700;font-size:1.75rem;
  direction:ltr;unicode-bidi:isolate;letter-spacing:0;font-style:normal;
}
.wordmark .dot{color:var(--champagne)}
.hero .topbar nav{display:flex;gap:var(--s4);font-size:.9375rem;color:rgb(243 238 231 / .78)}
.hero .topbar nav a{text-decoration:none;letter-spacing:0;font-style:normal}
.hero .topbar nav a:hover{color:var(--champagne)}

.hero-main{
  position:relative;z-index:2;flex:1;
  display:grid;align-items:center;grid-template-columns:1fr;gap:var(--s4);
  padding:0 var(--page-margin);
  max-width:var(--grid-max);margin-inline:auto;width:100%;min-height:0;
}
@media (min-width:960px){.hero-main{grid-template-columns:6fr 6fr;column-gap:var(--s8)}}

.hero-copy{align-self:center}
.kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-size:var(--text-folio);font-weight:700;color:var(--champagne);
  border:1px solid rgb(227 190 122 / .45);border-radius:999px;
  padding:6px 14px;margin-bottom:var(--s4);
  letter-spacing:0;font-style:normal;
}
.kicker .live{width:8px;height:8px;border-radius:50%;background:var(--champagne);animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgb(227 190 122 / .45)}50%{opacity:.55;box-shadow:0 0 0 7px rgb(227 190 122 / 0)}}

.hero-h1{
  font-family:var(--font-display);font-weight:900;
  font-size:var(--text-display);line-height:1.06;text-wrap:balance;
  letter-spacing:0;font-style:normal;
}
.hero-h1 .glow{color:var(--champagne);text-shadow:0 0 44px rgb(227 190 122 / .35)}
.hero-sub{
  margin-top:var(--s4);font-size:var(--text-lede);color:rgb(243 238 231 / .82);
  max-width:28ch;text-wrap:balance;letter-spacing:0;font-style:normal;
}

.hero .cta-pill{
  display:inline-flex;align-items:center;gap:12px;
  margin-top:var(--s6);
  background:var(--linen);color:var(--forest);
  font-weight:700;font-size:1.0625rem;text-decoration:none;
  padding:16px 32px;border-radius:999px;border:0;cursor:pointer;
  box-shadow:0 10px 34px rgb(0 0 0 / .28);
  transition:box-shadow .18s ease, translate .18s ease;
  letter-spacing:0;font-style:normal;
}
.hero .cta-pill:hover{translate:0 -2px;box-shadow:0 16px 44px rgb(0 0 0 / .34)}
.hero .cta-pill .arr{font-weight:900}

.fan-wrap{position:relative;justify-self:center;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:0;order:2}
@media (min-width:960px){.fan-wrap{order:0}}
.fan{position:relative;width:min(88vw,520px);height:min(56svh,530px);perspective:1300px;margin-inline:auto}
.fan .card{
  position:absolute;left:50%;bottom:6%;
  width:min(54vw,272px);aspect-ratio:3/4;
  transform-origin:50% 175%;
  border-radius:14px;overflow:hidden;
  border:3px solid var(--linen);
  box-shadow:0 22px 54px rgb(0 0 0 / .45);
  background:var(--forest-2);
  transform:translateX(-50%);
  will-change:transform,opacity;
}
.fan .card img{width:100%;height:100%;object-fit:cover}
.card-tag{
  position:absolute;bottom:10px;inset-inline:10px;z-index:2;
  background:rgb(243 238 231 / .92);
  color:var(--ink);font-size:.8125rem;font-weight:700;text-align:center;
  padding:6px 8px;border-radius:8px;letter-spacing:0;font-style:normal;
}
.fan-caption{text-align:center;font-size:var(--text-folio);color:rgb(243 238 231 / .7);margin-top:4px;letter-spacing:0;font-style:normal}
.fan-caption b{color:var(--champagne);font-weight:700}

.eq{position:relative;z-index:2;display:flex;align-items:flex-end;gap:5px;height:36px;padding-inline:var(--page-margin);margin-bottom:-1px}
.eq i{flex:1;max-width:26px;background:linear-gradient(to top, rgb(227 190 122 / .65), rgb(227 190 122 / .06));animation:eq 1.1s ease-in-out infinite alternate;transform-origin:bottom}
.eq i:nth-child(4n){animation-duration:.8s}
.eq i:nth-child(4n+1){animation-duration:1.4s;animation-delay:.2s}
.eq i:nth-child(4n+2){animation-duration:.95s;animation-delay:.35s}
.eq i:nth-child(4n+3){animation-duration:1.25s;animation-delay:.1s}
@keyframes eq{from{scale:1 .18}to{scale:1 1}}

.ticker{position:relative;z-index:2;border-block-start:1px solid var(--hair-light);background:rgb(0 0 0 / .22);overflow:hidden;direction:ltr}
.ticker-track{display:inline-flex;white-space:nowrap;animation:ticker 38s linear infinite}
.ticker span{direction:rtl;display:inline-block;padding:11px 0;font-size:.9375rem;color:rgb(243 238 231 / .72);letter-spacing:0;font-style:normal}
.ticker b{color:var(--champagne);font-weight:600;margin-inline:18px}
@keyframes ticker{from{translate:0 0}to{translate:-50% 0}}

@media (prefers-reduced-motion:reduce){
  .beam,.eq i,.ticker-track,.kicker .live{animation:none}
  .beam{filter:blur(26px)}
  .hero .cta-pill{transition:none}
  .fan .card{will-change:auto}
}

@media (max-width:959px){
  .hero-main{grid-template-rows:auto 1fr;align-items:start;row-gap:0;padding-top:4px}
  .hero-h1{font-size:clamp(2.3rem,10.5vw,3rem)}
  .hero-sub{font-size:1.05rem;margin-top:var(--s2)}
  .kicker{margin-bottom:var(--s2)}
  .hero-copy .cta-pill{padding:13px 24px;font-size:1rem;margin-top:var(--s3)}
  .fan{height:max(33svh,250px);width:92vw}
  .fan .card{width:35vw;bottom:0;border-width:2px}
  .card-tag{font-size:.72rem;padding:4px 6px;bottom:6px;inset-inline:6px}
  .fan-caption{margin-top:4px}
  .eq{height:22px}
}

/* קטעי עמוד הבית אחרי השער — מההדמיה, סעיפים 4.4–4.9. */

.folio-nav{
  display:none;
}
@media (max-width:959px){
  .folio-nav{
    display:flex;position:sticky;top:0;z-index:20;
    gap:var(--s2);align-items:center;justify-content:center;flex-wrap:wrap;
    padding:8px var(--page-margin);
    background:var(--linen);border-block-end:1px solid var(--hair-dark);
    font-size:var(--text-folio);font-weight:700;letter-spacing:0;font-style:normal;
  }
  .folio-nav a{text-decoration:none;color:var(--brass);padding:4px 6px}
}

.buyers{padding-block:var(--s12) var(--s16);background:var(--linen-2)}
.buyers-head{margin-bottom:var(--s8)}
.buyers-head h2{max-width:20ch;font-size:var(--text-h1);line-height:1.18}
.tickets{display:grid;gap:var(--s3)}
@media (min-width:700px){.tickets{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.tickets{grid-template-columns:repeat(3,1fr)}}
.ticket{
  position:relative;background:var(--white);color:var(--ink);
  border-radius:12px;display:flex;min-height:168px;overflow:hidden;
  box-shadow:0 10px 28px rgb(26 23 18 / .12);
  transition:translate .18s ease, box-shadow .18s ease;
}
.ticket:nth-child(odd){rotate:.4deg}
.ticket:nth-child(even){rotate:-.4deg}
.ticket:hover{translate:0 -4px;box-shadow:0 18px 38px rgb(26 23 18 / .18)}
.stub{
  flex:0 0 58px;display:flex;align-items:center;justify-content:center;
  border-inline-end:2px dashed rgb(26 23 18 / .22);
  font-family:var(--font-body);font-weight:700;font-size:1.375rem;color:var(--forest);
  letter-spacing:0;font-style:normal;
}
.ticket::before,.ticket::after{
  content:"";position:absolute;inset-inline-start:50px;z-index:2;
  width:16px;height:16px;border-radius:50%;background:var(--linen-2);
}
.ticket::before{top:-8px}
.ticket::after{bottom:-8px}
.ticket-body{padding:var(--s3);align-self:center;flex:1}
.ticket-body h3{font-weight:700;font-size:1.125rem;margin-bottom:2px;letter-spacing:0;font-style:normal}
.ticket-body p{color:var(--ink-soft);font-size:.9375rem;line-height:1.6;max-width:26ch;letter-spacing:0}
.ticket-meta{
  margin-top:10px;font-size:var(--text-folio);font-weight:700;color:rgb(26 23 18 / .38);
  direction:ltr;unicode-bidi:isolate;letter-spacing:0;
}
.ticket-img{flex:0 0 108px;position:relative}
.ticket-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:480px){.ticket-img{flex-basis:88px}}

.wash{
  background:
    radial-gradient(70rem 40rem at 50% 120%, var(--forest-2), var(--forest) 70%);
  color:var(--linen);
  padding:var(--s16) var(--page-margin);text-align:center;
}
.wash h2{
  font-family:var(--font-display);font-weight:900;
  font-size:clamp(2.25rem,5.5vw,4.25rem);line-height:1.12;
  max-width:18ch;margin-inline:auto;text-wrap:balance;color:var(--champagne);
  letter-spacing:0;font-style:normal;
}
.wash p{
  margin-top:var(--s4);font-size:var(--text-lede);
  color:rgb(243 238 231 / .8);max-width:34ch;margin-inline:auto;text-wrap:balance;
  letter-spacing:0;font-style:normal;
}
.wash .cta-pill{
  display:inline-flex;align-items:center;gap:12px;
  margin-top:var(--s6);
  background:var(--linen);color:var(--forest);
  font-weight:700;font-size:1.0625rem;text-decoration:none;
  padding:16px 32px;border-radius:999px;border:0;cursor:pointer;
  box-shadow:0 10px 34px rgb(0 0 0 / .28);
  letter-spacing:0;font-style:normal;
}
.wash .cta-pill:hover{translate:0 -2px;box-shadow:0 16px 44px rgb(0 0 0 / .34)}
.wash .cta-pill .arr{font-weight:900}

.calc{padding-block:var(--s16)}
.calc h2{font-size:var(--text-h1);line-height:1.18}
.calc-card{
  background:var(--white);border-radius:16px;
  box-shadow:0 14px 40px rgb(26 23 18 / .12);
  padding:var(--s6);
  display:grid;gap:var(--s4);
  max-width:720px;
  margin-top:var(--s6);
}
@media (min-width:760px){.calc-card{grid-template-columns:1fr 1fr}}
.calc-field label{display:block;font-weight:700;font-size:.9375rem;margin-bottom:8px;letter-spacing:0}
.calc-field input{
  width:100%;height:56px;border:1.5px solid var(--hair-dark);border-radius:10px;
  padding-inline:16px;background:var(--linen);font-size:1.125rem;
  font-variant-numeric:tabular-nums;letter-spacing:0;
}
.calc-field input:focus{outline:2px solid var(--forest);outline-offset:1px;background:var(--white)}
.calc-out{
  grid-column:1 / -1;
  border-block-start:1px dashed var(--hair-dark);
  padding-block-start:var(--s4);
  font-size:1.0625rem;color:var(--ink-soft);
  min-height:64px;letter-spacing:0;
}
.calc-out b{font-family:var(--font-body);font-weight:700;font-size:2rem;color:var(--forest);margin-inline:6px}
.calc-note{margin-top:var(--s3);font-size:.8125rem;color:var(--ink-soft);max-width:52ch;letter-spacing:0}

.sides{padding-block:0 var(--s16)}
.sides h2{font-size:var(--text-h1);line-height:1.18}
.sides-lede{max-width:60ch;color:rgb(26 23 18 / .84);margin-block:var(--s4) var(--s8);letter-spacing:0}
.sides-grid{display:grid;gap:var(--s3)}
@media (min-width:760px){.sides-grid{grid-template-columns:1fr 1fr}}
.side{
  background:var(--white);border-radius:12px;padding:var(--s6);
  box-shadow:0 10px 28px rgb(26 23 18 / .1);
  border-block-start:4px solid var(--forest);
}
.side h3{font-family:var(--font-display);font-weight:900;font-size:1.5rem;margin-bottom:var(--s2);letter-spacing:0;font-style:normal}
.side p{color:var(--ink-soft);font-size:.9375rem;letter-spacing:0}
.side .roles{margin-top:var(--s3);display:flex;flex-wrap:wrap;gap:8px}
.side .roles span{background:var(--linen);border-radius:999px;padding:5px 14px;font-size:.875rem;font-weight:600;letter-spacing:0}
.sides-link{display:inline-block;margin-top:var(--s6);font-weight:700;color:var(--brass);text-decoration:none;border-block-end:1.5px solid rgb(138 101 39 / .4);letter-spacing:0}
.sides-link:hover{border-color:var(--brass)}

.ask{padding-block:0 var(--s16)}
.ask-card{
  background:var(--forest);color:var(--linen);
  border-radius:20px;
  padding:clamp(28px,5vw,64px);
  max-width:860px;margin-inline:auto;
  box-shadow:0 24px 60px rgb(15 44 35 / .35);
}
.ask-card h2{font-family:var(--font-display);font-weight:900;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.2;text-wrap:balance;letter-spacing:0;font-style:normal}
.ask-card .sub{margin-top:8px;color:rgb(243 238 231 / .75);letter-spacing:0}
.ask-form{margin-top:var(--s6);display:grid;gap:var(--s3)}
@media (min-width:700px){.ask-form{grid-template-columns:1fr 1fr}}
.ask-form .field label{display:block;font-weight:700;font-size:.9375rem;margin-bottom:8px;letter-spacing:0}
.ask-form .field input,.ask-form .field select{
  width:100%;height:56px;border:1.5px solid var(--hair-light);border-radius:10px;
  padding-inline:16px;background:rgb(243 238 231 / .07);color:var(--linen);font-size:1.0625rem;
  letter-spacing:0;
}
.ask-form .field input:focus,.ask-form .field select:focus{outline:2px solid var(--champagne);outline-offset:1px}
.field-wide{grid-column:1 / -1}
.ask-form .cta-pill{
  grid-column:1 / -1;justify-self:start;margin-top:var(--s2);
  background:var(--champagne);color:var(--forest);
  display:inline-flex;align-items:center;gap:12px;
  font-weight:700;font-size:1.0625rem;text-decoration:none;
  padding:16px 32px;border-radius:999px;border:0;cursor:pointer;
  letter-spacing:0;font-style:normal;
}
.ask-sent,.ask-fail{display:none;margin-top:var(--s6);font-size:var(--text-lede);letter-spacing:0}
.ask-sent.on{display:block;color:var(--champagne)}
.ask-fail.on{display:block;color:var(--linen)}

.colophon{
  background:var(--forest);color:rgb(243 238 231 / .72);
  padding:var(--s8) var(--page-margin);
  font-size:.9375rem;letter-spacing:0;font-style:normal;
}
.colophon-inner{max-width:var(--grid-max);margin-inline:auto;display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center;justify-content:space-between}
.colophon .wordmark{font-size:1.25rem}
.colophon nav{display:flex;flex-wrap:wrap;gap:var(--s3)}
.colophon a{text-decoration:none}
.colophon a:hover{color:var(--champagne)}

@media (prefers-reduced-motion:reduce){
  .ticket{transition:none;rotate:0}
}

.how-grid{display:grid;gap:var(--s6)}
@media (min-width:960px){
  .how-grid{grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:start}
  .how-steps{grid-column:1 / span 7}
  .agent-slot{grid-column:9 / span 4;position:sticky;top:24px}
}
.agent-slot{
  background:var(--white);border-radius:12px;overflow:hidden;
  box-shadow:0 10px 28px rgb(26 23 18 / .1);
  border-block-start:4px solid var(--forest);
  max-height:520px;display:flex;flex-direction:column;
}
.agent-head{padding:var(--s3) var(--s4) var(--s2)}
.agent-head h3{font-family:var(--font-body);font-weight:700;font-size:1.25rem;color:var(--ink)}
.agent-disc{margin-top:6px;font-size:.8125rem;color:var(--ink-soft)}
.agent-log{flex:1;overflow:auto;padding:var(--s3) var(--s4);min-height:180px}
.agent-bubble{max-width:92%;padding:10px 14px;border-radius:12px;margin-bottom:8px;font-size:.9375rem;line-height:1.6}
.agent-bubble.agent{background:var(--white);border:1px solid var(--hair-dark);color:var(--ink)}
.agent-bubble.user{background:var(--forest);color:var(--linen);margin-inline-start:auto}
.agent-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 var(--s4) var(--s2)}
.agent-chips button{
  background:var(--linen);border:0;border-radius:999px;padding:6px 12px;
  font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;color:var(--ink);
}
.agent-form{display:flex;gap:8px;padding:var(--s3) var(--s4) var(--s4)}
.agent-form input{
  flex:1;height:56px;border:1.5px solid var(--hair-dark);border-radius:10px;
  padding-inline:16px;background:var(--linen);font:inherit;font-size:1.0625rem;
}
.agent-form input:focus{outline:2px solid var(--champagne);outline-offset:1px}
.agent-form button{
  height:56px;border:0;border-radius:10px;padding-inline:18px;cursor:pointer;
  background:var(--champagne);color:var(--forest);font:inherit;font-weight:700;
}
.agent-closed{padding:var(--s4);color:var(--ink-soft)}
.agent-closed a{color:var(--brass);font-weight:700}
.agent-open{
  display:none;margin-top:var(--s4);
  background:var(--linen);color:var(--forest);border:0;border-radius:999px;
  padding:14px 24px;font:inherit;font-weight:700;cursor:pointer;
}
@media (max-width:959px){
  .agent-slot{display:none}
  .agent-open{display:inline-flex}
  body.agent-sheet-on .agent-slot{
    display:flex;position:fixed;inset-inline:0;inset-block-end:0;top:auto;
    z-index:40;max-height:80svh;border-radius:16px 16px 0 0;
  }
  body.agent-sheet-on .agent-open{display:none}
}
.agent-close{
  display:none;float:inline-end;background:transparent;border:0;
  font:inherit;cursor:pointer;color:var(--ink-soft);
}
@media (max-width:959px){.agent-close{display:inline}}