/* Squares marketing keeps its storytelling layout in the shared Newsprint style. */
@font-face {
  font-family:"Roboto Condensed";
  src:url("../fonts/roboto-condensed-variable.ttf") format("truetype");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}
.swf-marketing { background:var(--sc-paper); -webkit-font-smoothing:antialiased; }
.swf-marketing a { text-decoration:none; }
.swf-marketing .sc-story { max-width:1060px; margin-inline:auto; }
.swf-marketing .sc-section-inner { max-width:988px; margin-inline:auto; }
.swf-marketing .sc-story { display:flex; flex-direction:column; }
.swf-marketing .sc-sticky-copy { display:contents; }
.swf-marketing .sc-hero { order:0; }
.swf-marketing .sc-chat-wrap { order:1; width:100%; }
.swf-marketing .sc-benefits { order:2; }
.swf-marketing .sc-primary svg { width:18px; height:18px; }
.swf-marketing .swf-forward { transform:rotate(180deg); }
.swf-marketing :is(a,button,summary):focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.swf-marketing .sc-chat-wrap { max-width:480px; margin-inline:auto; }
@media(min-width:760px) { .swf-marketing .sc-chat-wrap { width:100%; } }

.swf-marketing {
  color-scheme:only light;
  --sc-paper:#fdfdfb; --sc-ink:#292a26; --sc-muted:#65665e; --sc-green:#344c38;
  --sc-line:#d7d8cf; --sc-sage:#f5f5f1; --sc-shadow:#292a2618;
  --sc-chat:light-dark(#ffffff,#151515); --sc-chat-header:light-dark(#f6f6f8,#232325);
  --sc-chat-ink:light-dark(#18181a,#f4f4f7); --sc-chat-muted:light-dark(#6e6e74,#a4a4ac);
  --sc-chat-line:light-dark(#e2e2e7,#414145); --sc-bubble:light-dark(#e9e9eb,#343438);
  --sc-blue:light-dark(#0670e4,#0868d5); --sc-blue-ink:light-dark(#ffffff,#ffffff);
  --sc-blue-icon:light-dark(#0670e4,#6aabff); --sc-avatar:light-dark(#b6bbc4,#656b77);
  --sc-avatar-ink:light-dark(#ffffff,#ffffff);
  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--sc-ink); padding:0; margin:0; width:100%; box-sizing:border-box;
}
.swf-marketing * { box-sizing:border-box; }
.swf-marketing [hidden] { display:none!important; }
.swf-marketing main :where(h1,h2,h3,p,figure) { margin:0; }
.swf-marketing button { font:inherit; color:inherit; }
.swf-marketing button svg { width:18px; height:18px; flex-shrink:0; }
.swf-marketing .sc-hero { padding:28px 22px 48px; }
.swf-marketing .sc-eyebrow { color:var(--sc-green); font-size:11px; font-weight:600; letter-spacing:1.15px; text-transform:uppercase; }
.swf-marketing h1 { font:750 var(--np-hero-size)/1.06 "Roboto Condensed","Arial Narrow",sans-serif; letter-spacing:-.9px; margin-top:12px; }
.swf-marketing h1 span { color:var(--sc-ink); }
.swf-marketing .sc-intro { max-width:430px; color:var(--sc-muted); font-size:14px; line-height:1.55; margin-top:15px; }
.swf-marketing .sc-primary { display:flex; align-items:center; justify-content:center; gap:10px; min-height:49px; width:100%; padding:12px 14px; border:0; border-radius:4px; background:var(--sc-ink); color:var(--sc-paper); font-size:14px; font-weight:650; }
.swf-marketing .sc-primary:focus-visible { outline-color:var(--sc-ink); }
.swf-marketing .sc-primary:hover { background:#3c3e36; }
.swf-marketing .sc-hero .sc-primary { margin-top:20px; }
.swf-marketing .sc-small-print { font-size:11px; color:var(--sc-muted); text-align:center; margin-top:9px; }
.swf-marketing .sc-chat-wrap { padding:0 15px; margin-top:-22px; position:relative; }
.swf-marketing .sc-conversation { background:var(--sc-chat); color:var(--sc-chat-ink); border:1px solid var(--sc-chat-line); border-radius:24px; overflow:clip; box-shadow:0 10px 30px var(--sc-shadow); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.swf-marketing .sc-chat-header { display:grid; grid-template-columns:42px 1fr 42px; align-items:center; padding:12px 11px 10px; background:var(--sc-chat-header); border-bottom:1px solid var(--sc-chat-line); }
.swf-marketing .sc-chat-nav { color:var(--sc-blue-icon); display:flex; align-items:center; justify-content:center; }
.swf-marketing .sc-chat-nav svg { width:25px; height:25px; }
.swf-marketing .sc-chat-nav:first-child svg { width:30px; height:30px; }
.swf-marketing .sc-chat-title { text-align:center; }
.swf-marketing .sc-group-avatar { display:flex; justify-content:center; padding-left:12px; margin-bottom:4px; }
.swf-marketing .sc-group-avatar span { display:grid; place-items:center; width:29px; height:29px; margin-left:-11px; border:2px solid var(--sc-chat-header); border-radius:50%; background:var(--sc-avatar); color:var(--sc-avatar-ink); font-size:10px; font-weight:500; }
.swf-marketing .sc-chat-title strong { display:flex; align-items:center; justify-content:center; gap:2px; font-size:13px; font-weight:600; }
.swf-marketing .sc-chat-title strong svg { width:12px; height:12px; color:var(--sc-chat-muted); }
.swf-marketing .sc-messages { padding:16px 11px 18px; }
.swf-marketing .sc-time { color:var(--sc-chat-muted); font-size:11px; line-height:1.45; text-align:center; margin:2px 0 16px; }
.swf-marketing .sc-time strong { font-weight:600; }
.swf-marketing .sc-time-jump { margin:28px 0 22px; color:var(--sc-chat-muted); text-align:center; font-size:12px; line-height:1.5; }
.swf-marketing .sc-time-jump span { display:block; }
.swf-marketing .sc-time-jump span + span { margin-top:4px; }
.swf-marketing .sc-outgoing { display:flex; flex-direction:column; align-items:flex-end; gap:5px; margin:14px 0 0 26px; }
.swf-marketing .sc-outgoing:first-of-type { margin-top:0; }
.swf-marketing .sc-blue-bubble { background:var(--sc-blue); color:var(--sc-blue-ink); font-size:15px; line-height:1.28; padding:9px 12px; border-radius:18px 18px 5px 18px; max-width:100%; }
.swf-marketing .sc-share { width:100%; overflow:clip; border-radius:17px; border:1px solid var(--sc-chat-line); background:var(--sc-chat-header); }
.swf-marketing .sc-share img { display:block; width:100%; height:auto; aspect-ratio:1200/1620; }
.swf-marketing .sc-share figcaption { padding:9px 11px 10px; border-top:1px solid var(--sc-chat-line); font-size:12px; line-height:1.35; font-weight:500; }
.swf-marketing .sc-share figcaption small { display:block; font-size:11px; font-weight:400; color:var(--sc-chat-muted); margin-top:3px; }
.swf-marketing .sc-delivered { color:var(--sc-chat-muted); font-size:11px; text-align:right; padding:3px 3px 0; }
.swf-marketing .sc-incoming { margin-top:14px; max-width:90%; }
.swf-marketing .sc-incoming small { display:block; margin:0 0 3px 11px; color:var(--sc-chat-muted); font-size:11px; }
.swf-marketing .sc-incoming p { display:inline-block; background:var(--sc-bubble); font-size:15px; line-height:1.28; padding:9px 12px; border-radius:18px 18px 18px 5px; }
.swf-marketing .sc-composer { padding:10px 12px 14px; display:flex; align-items:center; gap:9px; background:var(--sc-chat); border-top:1px solid var(--sc-chat-line); color:var(--sc-chat-muted); }
.swf-marketing .sc-compose-plus { display:grid; place-items:center; width:29px; height:29px; background:var(--sc-bubble); border-radius:50%; flex-shrink:0; }
.swf-marketing .sc-compose-plus svg { width:19px; height:19px; }
.swf-marketing .sc-compose-field { display:flex; justify-content:space-between; align-items:center; border:1px solid var(--sc-chat-line); border-radius:22px; padding:7px 10px 7px 12px; flex:1; font-size:14px; }
.swf-marketing .sc-compose-field svg { width:18px; height:18px; }
.swf-marketing .sc-example-note { color:var(--sc-muted); text-align:center; font-size:11px; padding:12px 5px 0; }
.swf-marketing .sc-benefits { padding:30px 22px 32px; }
.swf-marketing .sc-section-label { font-size:11px; color:var(--sc-muted); font-weight:500; margin-bottom:9px; }
.swf-marketing h2 { font:800 36px/1.1 "Roboto Condensed","Arial Narrow",sans-serif; letter-spacing:-.6px; }
.swf-marketing .sc-copy { font-size:14px; color:var(--sc-muted); line-height:1.6; margin-top:12px; }
.swf-marketing .sc-next { padding-top:22px; margin-top:24px; border-top:1px solid var(--sc-line); }
.swf-marketing .sc-next h3 { font:800 25px/1.15 "Roboto Condensed","Arial Narrow",sans-serif; letter-spacing:-.35px; }
.swf-marketing .sc-setup { background:var(--sc-sage); padding:30px 22px; }
.swf-marketing .sc-steps { list-style:none; padding:0; margin:23px 0 0; }
.swf-marketing .sc-steps li { display:grid; grid-template-columns:28px 1fr; gap:12px; position:relative; padding-bottom:20px; }
.swf-marketing .sc-steps li:last-child { padding-bottom:0; }
.swf-marketing .sc-step-number { width:27px; height:27px; border:1px solid var(--sc-green); border-radius:50%; display:grid; place-items:center; font-size:12px; color:var(--sc-green); }
.swf-marketing .sc-steps li:not(:last-child)::after { content:""; position:absolute; left:13px; top:31px; bottom:4px; width:1px; background:var(--sc-line); }
.swf-marketing .sc-steps strong { display:block; font-size:14px; font-weight:600; margin-top:2px; }
.swf-marketing .sc-steps p { font-size:13px; color:var(--sc-muted); margin-top:4px; line-height:1.5; }
.swf-marketing .sc-crew { padding-top:18px; margin-top:23px; border-top:1px solid var(--sc-line); font-size:12px; color:var(--sc-muted); }
.swf-marketing .sc-crew strong { color:var(--sc-green); font-weight:600; }
.swf-marketing .sc-faq { padding:12px 22px 48px; }
.swf-marketing .sc-faq-inner { max-width:680px; margin-inline:auto; }
.swf-marketing .sc-faq-list { margin-top:22px; }
.swf-marketing .sc-faq details { border-top:1px solid var(--sc-line); }
.swf-marketing .sc-faq details:last-child { border-bottom:1px solid var(--sc-line); }
.swf-marketing .sc-faq summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:52px; padding:15px 0; cursor:pointer; list-style:none; font-size:14px; font-weight:600; line-height:1.4; }
.swf-marketing .sc-faq summary::-webkit-details-marker { display:none; }
.swf-marketing .sc-faq summary svg { width:16px; height:16px; flex-shrink:0; color:var(--sc-green); }
.swf-marketing .sc-faq details[open] summary svg { transform:rotate(180deg); }
.swf-marketing .sc-faq details p { color:var(--sc-muted); font-size:14px; line-height:1.6; padding-bottom:18px; }
.swf-marketing .sc-close { padding:36px 22px; color:var(--sc-ink); }
.swf-marketing .sc-close h2 { font-size:36px; margin-bottom:21px; }
@media(max-width:335px) {
  .swf-marketing .sc-hero { padding-inline:17px; }
  .swf-marketing .sc-benefits,.swf-marketing .sc-setup { padding-inline:16px; }
  .swf-marketing .sc-chat-wrap { padding-inline:10px; }
  .swf-marketing .sc-outgoing { margin-left:18px; }
  .swf-marketing .sc-blue-bubble,.swf-marketing .sc-incoming p { font-size:14px; }
}
@media(min-width:760px) {
  .swf-marketing .sc-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; }
  /* Short windows can scroll through the whole column before it sticks. */
  .swf-marketing .sc-sticky-copy { display:flow-root; grid-column:1; grid-row:1; position:sticky; top:min(24px,calc(100dvh - var(--sc-copy-height,0px) - 24px)); }
  .swf-marketing .sc-hero { padding:38px 30px 30px; }
  .swf-marketing .sc-chat-wrap { grid-column:2; grid-row:1; padding:22px 24px 30px 0; margin-top:0; }
  .swf-marketing .sc-benefits { background:var(--sc-sage); padding:32px 30px; margin:0 26px 30px; border-radius:4px; }
  .swf-marketing .sc-setup { padding:36px; }
  .swf-marketing .sc-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
  .swf-marketing .sc-steps li { padding-bottom:0; }
  .swf-marketing .sc-steps li::after { display:none; }
  .swf-marketing .sc-close { text-align:center; }
  .swf-marketing .sc-close .sc-primary { max-width:330px; margin-inline:auto; }
}

/* The shared header and footer use the family treatment in marketing-newsprint.css. */