@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root { --ink:#182126; --muted:#556167; --line:#d6dddc; --warm:#eef2f1; --paper:#f7f8f7; --surface:#ffffff; --accent:#05ad98; --accent-ink:#076c61; --studio:#081849; --action:#213885; --action-hover:#081849; --shell:1240px; font-family:"DM Sans",system-ui,sans-serif; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { min-width:320px; margin:0; background:var(--paper); line-height:1.55; }
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
button,a { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--accent-ink); outline-offset:4px; }
.campaign-header :focus-visible { outline-color:var(--paper); }
h1,h2,h3,p,figure { margin-top:0; }
h1,h2,h3 { font-family:"Manrope",sans-serif; letter-spacing:-.05em; }
h1 { font-size:clamp(42px,5vw,72px); line-height:1.05; }
h2 { font-size:clamp(32px,3.4vw,50px); line-height:1.09; }
em { color:var(--accent-ink); font-style:normal; }
.campaign-header { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:25px; padding:8px max(30px,calc((100vw - var(--shell))/2)); background:var(--studio); color:var(--paper); }
.campaign-brand { display:flex; align-items:center; gap:12px; min-height:52px; }
.campaign-brand img { width:154px; height:auto; object-fit:contain; }
.brand-product { padding-left:12px; border-left:1px solid rgba(247,248,247,.35); color:var(--paper); font:700 11px/1 "Manrope",sans-serif; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; }
.campaign-header nav { display:flex; flex-wrap:wrap; align-items:center; gap:24px; font-size:13px; font-weight:700; }
.campaign-header nav a:hover { color:var(--paper); text-decoration:underline; text-decoration-color:var(--accent); text-underline-offset:5px; }
.campaign-footer a:hover { color:var(--accent-ink); }
.campaign-main,.ultra-page { width:min(var(--shell),calc(100% - 64px)); margin:auto; }
.campaign-hero { display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:center; min-height:600px; padding-block:85px; }
.campaign-copy,.campaign-image { min-width:0; }
.campaign-status { margin-bottom:20px; color:var(--accent-ink); font-size:11px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
body[data-campaign="scheduling"] .campaign-status, body[data-campaign="scheduling"] .campaign-grid article>span { color:#5b3bae; }
body[data-campaign="scheduling"] em { color:#5b3bae; }
body[data-campaign="traffic"] .campaign-status, body[data-campaign="traffic"] .campaign-grid article>span { color:var(--muted); }
.campaign-hero h1 { margin-bottom:24px; }
.campaign-lead { max-width:600px; margin-bottom:29px; color:var(--muted); font-size:18px; }
.campaign-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 24px; }
.button { min-height:52px; display:inline-flex; justify-content:center; align-items:center; gap:12px; padding:0 23px; border:1px solid var(--action); border-radius:6px; background:var(--action); color:#ffffff; font-size:14px; font-weight:700; transition:background .2s,color .2s,transform .2s; }
.button:hover { background:var(--action-hover); color:#ffffff; transform:translateY(-2px); }
.text-link { display:inline-flex; align-items:center; min-height:44px; color:var(--accent-ink); font-weight:700; }
.text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.campaign-image { margin:0; }
.campaign-image picture { display:block; }
.campaign-image img,.campaign-extra img { width:100%; height:auto; object-fit:contain; border:1px solid var(--line); background:var(--warm); box-shadow:0 15px 34px rgba(8,24,73,.13); }
.campaign-image figcaption { display:flex; justify-content:space-between; gap:15px; margin-top:10px; color:var(--muted); font-size:12px; }
.campaign-image figcaption a { color:var(--accent-ink); font-weight:700; }
.campaign-statement { display:grid; align-content:center; min-height:360px; padding:46px; border:1px solid var(--line); background:var(--warm); }
.campaign-statement span { align-self:start; margin-bottom:34px; color:var(--accent-ink); font:800 23px "Manrope",sans-serif; }
.campaign-statement strong { max-width:500px; font:700 clamp(26px,3vw,43px)/1.12 "Manrope",sans-serif; letter-spacing:-.04em; }
.campaign-statement p { max-width:420px; margin:16px 0 0; color:var(--muted); }
.campaign-section { padding-block:105px; border-top:1px solid var(--line); }
.section-lead { display:grid; grid-template-columns:1fr .58fr; align-items:end; gap:60px; }
.section-lead h2 { max-width:810px; margin:0; }
.section-lead p { margin:0; color:var(--muted); font-size:17px; }
.campaign-grid { margin-top:50px; border-top:1px solid var(--line); }
.campaign-grid article { display:grid; grid-template-columns:72px 1fr; gap:24px; padding:27px 0; border-bottom:1px solid var(--line); }
.campaign-grid article>span { color:var(--accent-ink); font-size:12px; font-weight:800; }
.campaign-grid h3 { margin:0 0 7px; font-size:clamp(23px,2.4vw,32px); }
.campaign-grid p { max-width:760px; margin:0; color:var(--muted); }
.campaign-boundary { max-width:880px; margin:38px 0 0; padding:20px 24px; border-left:3px solid var(--accent); background:var(--warm); color:var(--muted); }
.campaign-boundary strong { color:var(--ink); }
.campaign-extra { padding-block:40px 100px; }
.campaign-extra h2 { max-width:700px; }
.campaign-extra>div { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:34px; }
.campaign-extra figure { margin:0; }
.campaign-extra figcaption { margin-top:10px; color:var(--muted); font-size:12px; }
.campaign-cta { display:flex; align-items:end; justify-content:space-between; gap:48px; margin-block:0 85px; padding:48px 52px; background:var(--warm); }
.campaign-cta h2 { margin:0 0 14px; }
.campaign-cta p { margin:0; color:var(--muted); }
.campaign-cta .button { flex:none; }
.campaign-footer { display:flex; justify-content:space-between; gap:35px; padding:34px max(30px,calc((100vw - var(--shell))/2)); border-top:1px solid rgba(255,255,255,.14); background:var(--studio); color:var(--line); font-size:12px; }
.campaign-footer strong { color:#ffffff; }
.campaign-footer nav { display:flex; gap:20px; }

.ultra-page { padding-top:74px; }
.ultra-intro { max-width:860px; }
.ultra-intro h1 { margin-bottom:23px; }
.ultra-intro>p:last-child { max-width:770px; color:var(--muted); font-size:18px; }
.ultra-embed { margin-block:42px 35px; overflow:hidden; border:1px solid var(--line); background:var(--warm); }
.ultra-embed iframe { display:block; width:100%; height:900px; border:0; }
.ultra-proof { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.ultra-proof div { padding:24px 18px 24px 0; }
.ultra-proof div+div { padding-left:18px; border-left:1px solid var(--line); }
.ultra-proof strong { display:block; font:700 16px "Manrope",sans-serif; }
.ultra-proof span { color:var(--muted); font-size:13px; }
@media(max-width:1000px) {
  .campaign-hero { grid-template-columns:1fr; min-height:0; gap:35px; }
  .campaign-image { max-width:850px; }
  .section-lead { grid-template-columns:1fr; gap:20px; }
  .campaign-cta { align-items:start; flex-direction:column; }
  .ultra-embed iframe { height:760px; }
}
@media(max-width:680px) {
  .campaign-main,.ultra-page { width:min(var(--shell),calc(100% - 36px)); }
  .campaign-header { padding-inline:18px; }
  .campaign-brand { gap:9px; }
  .campaign-brand img { width:132px; }
  .campaign-brand .brand-product { padding-left:9px; font-size:10px; }
  .campaign-header nav { gap:12px; }
  .campaign-header nav a:not(:last-child) { display:none; }
  .campaign-hero { padding-block:60px 75px; }
  .campaign-hero h1 { font-size:clamp(39px,10.3vw,54px); }
  .campaign-lead { font-size:16px; }
  .campaign-actions { align-items:start; flex-direction:column; }
  .campaign-statement { min-height:290px; padding:28px; }
  .campaign-section { padding-block:76px; }
  .campaign-grid article { grid-template-columns:35px 1fr; gap:10px; }
  .campaign-extra { padding-bottom:75px; }
  .campaign-extra>div { grid-template-columns:1fr; }
  .campaign-cta { margin-bottom:65px; padding:33px 25px; }
  .campaign-footer { flex-direction:column; padding-inline:18px; }
  .ultra-page { padding-top:55px; }
  .ultra-embed iframe { height:700px; }
  .ultra-proof { grid-template-columns:1fr 1fr; }
  .ultra-proof div { padding-left:0!important; border-left:0!important; }
}
@media(max-width:450px) {
  .ultra-proof { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; } }
@media(prefers-reduced-motion:no-preference) {
  html.motion-ready .scroll-reveal { opacity:0; transform:translate3d(0,27px,0); transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1); transition-delay:var(--reveal-delay,0ms); }
  html.motion-ready .scroll-reveal.media-reveal { transform:translate3d(0,35px,0) scale(.985); }
  html.motion-ready .scroll-reveal.is-visible { opacity:1; transform:none; }
}