/* Adapted from Cole's local ATTN preview; scoped to these three sections. */
@media screen {
  .marketing-sections{margin-top:42px;color:#f5f5f1}
  .marketing-sections .mkt-section{margin-top:24px;padding:clamp(28px,4vw,48px);border:1px solid #42464b;border-radius:25px;background:#191c1f}
  .marketing-sections .mkt-section-head{margin-bottom:38px;max-width:760px}
  .marketing-sections .mkt-eyebrow{font-size:11px;font-weight:750;letter-spacing:1.5px;color:#d0d4d8;margin:0 0 20px}
  .marketing-sections h2,.marketing-sections h3,.marketing-sections blockquote{font-family:Archivo,Oswald,Impact,sans-serif;font-stretch:68%;font-variation-settings:"wdth" 68;font-weight:900;text-transform:uppercase}
  .marketing-sections h2{font-size:clamp(40px,5.3vw,66px);line-height:.98;letter-spacing:-.8px;margin:0;color:inherit}
  .marketing-sections .mkt-section-head>p:last-child:not(.mkt-eyebrow),.marketing-sections .mkt-alerts-copy>p:not(.mkt-eyebrow){color:#d0d4d8;font-size:15px;line-height:1.8;margin:22px 0 0;max-width:600px}
  .marketing-sections .mkt-review{background:#fafaf7;color:#151719;border-color:#dededb}
  .marketing-sections .mkt-review .mkt-eyebrow{color:#53585d}
  .marketing-sections .mkt-review-layout{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:clamp(32px,5vw,64px);align-items:center}
  .marketing-sections .mkt-review-frame{aspect-ratio:1;border:6px solid #191c1f;border-radius:18px;overflow:hidden;box-shadow:9px 9px 0 #43cff6}
  .marketing-sections .mkt-review-frame img{display:block;width:100%;height:100%;object-fit:cover}
  .marketing-sections blockquote{font-size:clamp(30px,3.5vw,44px);line-height:1.08;letter-spacing:-.3px;margin:0}
  .marketing-sections blockquote::before{content:"“";display:block;font-size:1.7em;line-height:.65;color:#00688a;font-stretch:100%;font-variation-settings:"wdth" 100}
  .marketing-sections .mkt-review-credit{color:#53585d;font-size:13px;line-height:1.8;margin:23px 0 0}
  .marketing-sections .mkt-review-credit strong{color:#151719;font-size:15px}
  .marketing-sections .mkt-review-credit a{color:#30363b;text-decoration:underline;text-underline-offset:3px}
  .marketing-sections .mkt-route{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}
  .marketing-sections .mkt-route::before{content:"";position:absolute;left:12.5%;right:12.5%;top:29px;height:2px;background:repeating-linear-gradient(90deg,#636a72 0 8px,transparent 8px 15px)}
  .marketing-sections .mkt-route li{text-align:center;position:relative;min-width:0}
  .marketing-sections .mkt-step-number{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 25px;border:2px solid #c8cdd2;border-radius:50%;background:#191c1f;color:#f5f5f1;font-family:monospace;font-size:16px;font-weight:700;position:relative}
  .marketing-sections .mkt-route li:last-child .mkt-step-number{background:#43cff6;border-color:#43cff6;color:#111518}
  .marketing-sections .mkt-step-label{display:block;color:#d0d4d8;font-size:10px;letter-spacing:.5px;text-transform:uppercase;line-height:1.5;min-height:30px}
  .marketing-sections .mkt-route h3{font-size:27px;line-height:1.05;margin:6px 0 13px;color:#fff;letter-spacing:-.2px}
  .marketing-sections .mkt-route p{color:#d0d4d8;font-size:13px;line-height:1.75;margin:0}
  .marketing-sections .mkt-route-foot{display:flex;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin:32px 0 0;padding:22px 0 0;border-top:1px solid #454a50;list-style:none;color:#d0d4d8;font-size:11px;line-height:1.6}
  .marketing-sections .mkt-route-foot li::before{content:"✓";color:#43cff6;margin-right:7px;font-weight:700}
  .marketing-sections .mkt-alerts{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px;overflow:hidden;padding-top:50px;padding-bottom:44px}
  .marketing-sections .mkt-alerts-copy h2{font-size:clamp(48px,6.8vw,84px)}
  .marketing-sections .mkt-alerts-copy .mkt-example-note{font-size:12px;color:#c6cbd1;margin-top:22px}
  .marketing-sections .mkt-pause{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:22px;padding:11px 17px;border:1px solid #7b838b;border-radius:999px;background:#252a2f;color:#f5f5f1;font-size:12px;font-weight:650;cursor:pointer}
  .marketing-sections .mkt-pause:hover{background:#343a40;border-color:#cbd1d7}
  .marketing-sections .mkt-pause:focus-visible,.marketing-sections a:focus-visible{outline:3px solid #007b9d;outline-offset:4px}
  .marketing-sections .mkt-phone-wrap{display:flex;flex-direction:column;align-items:center;gap:29px;margin:0;min-width:0}
  .marketing-sections .mkt-phone{width:300px;height:610px;border-radius:46px;background:#000;padding:12px;box-shadow:0 0 0 1px #444,0 0 0 8px #121416,0 0 0 9px #3d4247,0 30px 70px -25px #43cff633;position:relative;transform:rotate(3deg)}
  .marketing-sections .mkt-screen{height:100%;border-radius:36px;overflow:hidden;position:relative;background:radial-gradient(120% 70% at 50% 0%,#143748 0%,#101822 55%,#0a0a0a 100%);color:#f5f5f1}
  .marketing-sections .mkt-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:92px;height:26px;border-radius:20px;background:#000;z-index:3}
  .marketing-sections .mkt-lock{text-align:center;padding-top:54px}
  .marketing-sections .mkt-clock{font-family:Archivo,Arial,sans-serif;font-size:62px;font-stretch:90%;font-variation-settings:"wdth" 90;font-weight:300;line-height:1;letter-spacing:-1px}
  .marketing-sections .mkt-date{font-size:12px;color:#d6d9dc;margin-top:8px}
  .marketing-sections .mkt-feed{position:absolute;left:10px;right:10px;top:190px;display:flex;flex-direction:column;gap:8px}
  .marketing-sections .mkt-notif{background:#282828e6;border-radius:18px;padding:11px 12px;display:grid;grid-template-columns:30px 1fr;gap:9px;animation:mkt-notif-drop .55s cubic-bezier(.2,.9,.25,1.15) both}
  .marketing-sections .mkt-notif-icon{width:30px;height:30px;border-radius:8px;background:#101214;display:grid;place-items:center}
  .marketing-sections .mkt-notif-icon img{display:block;width:20px;height:20px}
  .marketing-sections .mkt-notif-header{display:flex;justify-content:space-between;gap:4px;font-size:9px;line-height:1.5;color:#c5c9ce}
  .marketing-sections .mkt-notif-header b{color:#f5f5f1;font-weight:650;letter-spacing:.1px}
  .marketing-sections .mkt-notif-message{font-size:11px;line-height:1.45;color:#f5f5f1;margin-top:2px}
  .marketing-sections .mkt-notif-message strong{font-weight:700}
  .marketing-sections .mkt-phone-wrap figcaption{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#c6cbd1;text-align:center}
  .marketing-sections .mkt-alerts[data-paused="true"] .mkt-notif{animation:none}
  .marketing-sections .mkt-phone{--mkt-tilt:3deg}
  .marketing-sections .mkt-phone.mkt-alerting{animation:mkt-phone-ring .65s ease-in-out}
  @keyframes mkt-phone-ring{0%,100%{transform:rotate(var(--mkt-tilt))}20%,60%{transform:rotate(calc(var(--mkt-tilt) - 1.1deg))}40%,80%{transform:rotate(calc(var(--mkt-tilt) + 1.1deg))}}
  @keyframes mkt-notif-drop{from{opacity:0;transform:translateY(-24px) scale(.96)}to{opacity:1;transform:none}}
  @media(max-width:960px){.marketing-sections .mkt-review-layout{grid-template-columns:190px 1fr;gap:34px}.marketing-sections .mkt-alerts{gap:24px;padding-inline:28px}.marketing-sections .mkt-phone{width:270px;height:550px;transform:none}.marketing-sections .mkt-route{gap:15px}.marketing-sections .mkt-route h3{font-size:24px}.marketing-sections .mkt-route p{font-size:12px}}
  @media(max-width:740px){.marketing-sections{margin-top:30px}.marketing-sections .mkt-section{padding:29px 24px;border-radius:23px;margin-top:20px}.marketing-sections .mkt-section-head{margin-bottom:30px}.marketing-sections h2{font-size:42px}.marketing-sections .mkt-review-layout{grid-template-columns:1fr;gap:35px}.marketing-sections .mkt-review-frame{max-width:190px}.marketing-sections blockquote{font-size:34px;line-height:1.12}.marketing-sections .mkt-route{grid-template-columns:1fr;gap:27px}.marketing-sections .mkt-route::before{left:25px;right:auto;top:25px;bottom:25px;width:2px;height:auto;background:repeating-linear-gradient(180deg,#636a72 0 8px,transparent 8px 15px)}.marketing-sections .mkt-route li{display:grid;grid-template-columns:52px 1fr;gap:18px;text-align:left}.marketing-sections .mkt-step-number{width:52px;height:52px;margin:0}.marketing-sections .mkt-step-label{min-height:0;font-size:10px}.marketing-sections .mkt-route h3{font-size:28px;margin:7px 0 10px}.marketing-sections .mkt-route p{font-size:13px}.marketing-sections .mkt-route-foot{display:grid;gap:10px;margin-top:27px}.marketing-sections .mkt-alerts{grid-template-columns:1fr;gap:39px;padding-bottom:30px}.marketing-sections .mkt-alerts-copy h2{font-size:58px}.marketing-sections .mkt-phone{width:min(270px,100%);height:550px}.marketing-sections .mkt-phone-wrap{padding-inline:5px}}
  @media(max-width:390px){.marketing-sections .mkt-section{padding-inline:20px}.marketing-sections h2{font-size:38px}.marketing-sections blockquote{font-size:30px}.marketing-sections .mkt-phone{height:535px}.marketing-sections .mkt-notif{padding:10px 9px;gap:7px}.marketing-sections .mkt-notif-message{font-size:10px}.marketing-sections .mkt-notif-header{font-size:8px}.marketing-sections .mkt-alerts-copy h2{font-size:52px}}
  @media(max-width:960px){.marketing-sections .mkt-phone{--mkt-tilt:0deg}}
  @media(prefers-reduced-motion:reduce){.marketing-sections .mkt-notif,.marketing-sections .mkt-phone.mkt-alerting{animation:none}}
}
@media print{.marketing-sections{display:none!important}}