/* Original NexAds product scenes over distinct oil-on-canvas backgrounds. */
.why-nexads{position:relative;z-index:1;background:#f6f3ed;color:var(--navy);scroll-margin-top:0}
.why-inner{max-width:1380px;margin:0 auto;padding:76px clamp(30px,4vw,56px) 84px}
.why-heading{text-align:center;margin:0 auto 42px}
.why-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 17px;font:400 10px/1.4 var(--sans);letter-spacing:1.8px;color:#69777d}
.why-eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--orange)}
.why-heading h2{font:400 clamp(44px,4.6vw,60px)/1.1 var(--display);letter-spacing:-1.8px;margin:0}
.why-heading h2 em{font-weight:400;color:var(--orange-ink)}
.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.why-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e8e5dd;border-radius:29px;background:#fffefa}
.why-card-copy{flex:1;text-align:center;padding:32px 25px 30px}
.why-card h3{font:600 clamp(25px,2.2vw,30px)/1.14 var(--sans);letter-spacing:-.8px;margin:0 0 22px}
.why-card h3 span{display:block;color:var(--orange-ink)}
.why-card p{max-width:330px;margin:0 auto;color:#69747a;font:400 15px/1.65 var(--sans)}
.why-card .why-lead{max-width:none;margin:0 0 7px;color:#293d4a;font-size:15px;line-height:1.5}
.why-scene{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;flex:0 0 420px;height:420px;min-height:420px;margin:0;padding:20px 22px 35px;overflow:hidden;border-radius:27px 27px 0 0;background:#aed7ef}
.why-painting{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover}
.why-scene--connections{background:#f9d3a6;padding:8px 0 35px}
.why-scene--campaign{background:#cbdc9d}
.scene-shell{position:relative;width:100%;max-width:330px;padding:8px;border:1px solid #ffffffdc;border-radius:23px;background:#ffffff73;box-shadow:0 14px 40px #163e6127,0 2px 4px #173a4c10;backdrop-filter:blur(7px);transition:transform .3s ease}
.scene-message{border:1px solid #ffffff;border-radius:16px;background:#fffefa;padding:13px;text-align:left;color:#263b49}
.scene-sender{display:flex;align-items:center;gap:8px}
.scene-avatar{display:grid;place-items:center;flex:none;width:31px;height:31px;border:1px solid #eaddc9;border-radius:9px;background:#fcf5e9}
.scene-avatar img{display:block;width:24px;height:auto}
.scene-sender-name{font:600 12px/1.2 var(--sans);letter-spacing:-.1px}
.scene-time{margin-left:5px;font:400 9px/1.2 var(--sans);color:#7f898c}
.why-card .scene-message-text{margin:9px 0 10px;font:400 11.5px/1.5 var(--sans);color:#3c4f5a}
.mini-report{padding:13px;border:1px solid #e7e4da;border-radius:12px;background:#f8f7f1;overflow:hidden}
.mini-report-scope{display:block;color:#718087;font:400 8px/1.4 var(--sans)}
.mini-report-title{display:block;margin:5px 0 11px;color:var(--navy);font:400 21px/1.1 var(--display);letter-spacing:-.45px}
.mini-report-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding-bottom:11px;border-bottom:1px solid #e4e3da}
.mini-report-metrics div{min-width:0}
.mini-report-metrics dt{color:#7a8383;font:400 7.8px/1.4 var(--sans);white-space:nowrap}
.mini-report-metrics dd{margin:4px 0 0;color:#283d4a;font:600 15px/1 var(--sans);letter-spacing:-.3px}
.mini-bars{display:grid;gap:7px;margin:12px 0}
.mini-bar-row{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:7px;color:#64777e;font:400 8px/1 var(--sans)}
.mini-bar-track{height:5px;background:#e5e7df;border-radius:5px;overflow:hidden}
.mini-bar-fill{display:block;height:100%;border-radius:5px;background:#df8b4b}
.mini-bar-row:nth-child(2) .mini-bar-fill{background:#7d9ca7}
.mini-bar-row:nth-child(3) .mini-bar-fill{background:#b3c7be}
.mini-bar-count{text-align:right}
.mini-insight{padding-top:10px;border-top:1px solid #e4e3da}
.mini-insight strong{display:block;color:#a25327;font:400 8px/1.3 var(--sans)}
.mini-insight span{display:block;margin-top:4px;color:#4c626c;font:400 9.5px/1.45 var(--sans)}
.why-scene figcaption{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 20px);padding:4px 8px;border:1px solid #ffffff80;border-radius:20px;background:#fffaf0e8;text-align:center;color:#435e6d;font:400 8px/1.4 var(--sans);letter-spacing:.1px}
.connection-map{position:relative;flex:none;width:100%;max-width:380px;height:340px}
.connection-wires{position:absolute;inset:0;width:100%;height:100%;color:#b78355;opacity:.65}
.connection-wires path{fill:none;stroke:currentColor;stroke-width:1.3;stroke-dasharray:3 5}
.connection-wires circle{fill:#f9e4c9;stroke:#c79a70;stroke-width:1}
.conn-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:76px;height:69px;border:1px solid #ffffff;border-radius:16px;background:#fffdf7;box-shadow:0 7px 16px #9a654d12}
.conn-node img,.conn-node>svg{display:block;width:27px;height:27px;object-fit:contain}
.conn-name{display:block;color:#344b59;font:400 10px/1.2 var(--sans);white-space:nowrap}
.conn-state{display:block;color:#8d6447;font:400 9px/1.1 var(--sans);white-space:nowrap}
.conn-state--available{color:#3d745d}
.conn-assistant{left:4%;height:82px;gap:7px}
.conn-assistant img{width:36px;height:36px}
.conn-chatgpt{top:65px}
.conn-claude{top:193px}
.conn-platform{right:4%}
.conn-google{top:17px}
.conn-meta{top:98px}
.conn-tiktok{top:179px}
.conn-more{top:260px}
.conn-plus{color:#a6aba4;font:400 28px/22px var(--sans)}
.conn-hub{position:absolute;left:50%;top:132px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;width:86px}
.conn-hub-symbol{display:grid;place-items:center;width:80px;height:80px;border:1px solid #ffffff;border-radius:23px;background:#fffaf0;box-shadow:0 10px 25px #8e5d3b27,0 0 0 7px #ffffff45}
.conn-hub-symbol img{display:block;width:57px;height:auto}
.conn-hub strong{margin-top:12px;color:#754424;font:600 12px/1.2 var(--sans);letter-spacing:-.2px}
.conn-mcp{position:absolute;top:94px;left:50%;transform:translateX(-50%);padding:4px 8px;border:1px solid #fff7;border-radius:20px;background:#fff8;color:#9a673e;font:400 8px/1 var(--sans);letter-spacing:1px}
.change-preview{padding:12px;border:1px solid #e0e6da;border-radius:12px;background:#f5f7ef}
.change-eyebrow{display:flex;align-items:center;justify-content:space-between;color:#788979;font:400 7px/1.3 var(--sans);letter-spacing:.65px}
.change-dots{display:flex;gap:3px}
.change-dots i{display:block;width:3px;height:3px;border-radius:50%;background:#a6b59e}
.change-campaign{display:block;margin:8px 0 4px;color:#314b3b;font:400 23px/1.1 var(--display);letter-spacing:-.5px}
.change-breadcrumb{display:block;color:#7c897e;font:400 8px/1.3 var(--sans)}
.change-term{margin-top:12px;padding:9px 12px;border:1px solid #e0e5da;border-radius:9px;background:#fffefa}
.change-field-label{display:block;color:#839083;font:400 8px/1.3 var(--sans)}
.change-term strong{display:block;margin-top:5px;color:#3b5042;font:400 12px/1.4 var(--sans);letter-spacing:-.1px}
.change-connector{display:block;margin:4px auto;width:17px;height:17px;color:#8d9f86;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.change-proposal{padding:9px 12px;border:1px solid #efc7a5;border-radius:9px;background:#fff0de}
.change-proposal .change-field-label{color:#ac754b}
.change-proposal strong{display:block;margin-top:5px;color:#914d21;font:400 11px/1.3 var(--sans)}
.change-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:#8b9787;font:400 8px/1.3 var(--sans)}
.change-preview-footer strong{padding:5px 7px;border:1px solid #dce3d5;border-radius:5px;color:#65795b;font:400 8px/1 var(--sans);background:#fafbf6}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.why-card:hover .scene-shell{transform:translateY(-4px)}}
@media(min-width:1101px) and (max-width:1250px){
  .why-inner{padding-left:34px;padding-right:34px}
  .why-grid{gap:17px}
  .why-card-copy{padding-left:20px;padding-right:20px}
  .why-card h3{font-size:27px}
  .why-card p,.why-card .why-lead{font-size:14px}
  .why-scene{padding-left:16px;padding-right:16px}
  .why-scene--connections{padding-left:0;padding-right:0}
}
@media(max-width:1100px){
  .why-inner{padding:58px 22px 64px}
  .why-heading{margin-bottom:32px}
  .why-heading h2{font-size:48px;letter-spacing:-1.2px}
  .why-grid{grid-template-columns:minmax(0,1fr);max-width:470px;margin:0 auto;gap:25px}
  .why-card-copy{padding:32px 28px}
  .why-card h3{font-size:30px}
  .why-card p{max-width:340px}
  .why-scene{padding-left:25px;padding-right:25px}
  .why-scene--connections{padding-left:0;padding-right:0}
}
@media(max-width:700px){
  .why-inner{padding:54px 18px 58px}
  .why-heading{margin-bottom:29px}
  .why-eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:14px}
  .why-heading h2{font-size:clamp(36px,9vw,48px);letter-spacing:-1.1px}
  .why-card{border-radius:25px}
  .why-card-copy{padding:30px 23px 28px}
  .why-card h3{font-size:28px;margin-bottom:20px}
  .why-card p,.why-card .why-lead{font-size:14px}
  .why-scene{border-radius:23px 23px 0 0;padding:20px 17px 35px}
  .why-scene--connections{padding:8px 0 35px}
}
@media(max-width:360px){
  .why-card-copy{padding-left:19px;padding-right:19px}
  .why-card h3{font-size:25px;letter-spacing:-.7px}
  .why-card .why-lead{font-size:13px}
  .why-card p{font-size:14px}
  .why-scene{padding-left:12px;padding-right:12px}
  .why-scene--connections{padding-left:0;padding-right:0}
  .scene-message{padding:12px}
  .scene-time{font-size:8px}
  .scene-shell{padding:7px}
  .mini-report{padding:10px}
  .mini-report-metrics dd{font-size:13px}
  .mini-report-metrics dt{font-size:7px}
  .mini-report-title{font-size:19px}
  .conn-node{width:67px}
  .conn-name{font-size:9px}
  .conn-hub-symbol{width:66px;height:66px;border-radius:19px;box-shadow:0 10px 25px #8e5d3b27,0 0 0 5px #ffffff45}
  .conn-hub-symbol img{width:47px}
  .conn-hub{top:139px}
  .change-preview{padding:11px}
}