/* R23 / full-width campaigns and reference-data motion. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.campaign{touch-action:pan-y;--campaign-progress:0%;background:#eef3f5;position:relative;isolation:isolate;overflow:hidden}.campaign-stage{position:relative;height:650px}.campaign-slide{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .85s ease,visibility .85s;contain:paint}.campaign-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.campaign-grid{height:100%;display:grid;grid-template-columns:1fr 1.07fr;gap:34px;align-items:center;position:relative}.campaign-copy{position:relative;z-index:3;padding:36px 0 40px}.campaign-title{font-size:clamp(42px,4.45vw,68px);line-height:1.07;letter-spacing:-.052em;font-weight:780;margin:0 0 24px;max-width:650px}.campaign-title em{font-style:normal;color:var(--orange-dark)}.campaign-description{font-size:17px;line-height:1.8;max-width:505px;color:#536774;margin:0 0 28px}.campaign .actions{gap:12px;flex-wrap:wrap;margin:0}.campaign .button{gap:16px;padding:15px 19px}.campaign-note{font-size:11px;line-height:1.7;letter-spacing:.025em;color:#607583;margin:24px 0 0}.campaign .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:24px}.campaign-visual{position:relative;height:100%;display:flex;align-items:center;justify-content:center;min-width:0}.campaign-base{background:radial-gradient(ellipse at 80% 60%,#e4f2f7,transparent 65%),linear-gradient(120deg,#fff 10%,#f1f5f6 95%)}.campaign-base:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#85a6b63d .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 38%,#000);pointer-events:none}.campaign-product{position:relative;width:108%;max-width:none;mix-blend-mode:multiply;z-index:1;transform:translateY(8px)}.product-orbits{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-26deg);pointer-events:none}.product-orbits i{position:absolute;width:85%;aspect-ratio:1;border:1px solid #9bbccc50;border-radius:50%;transform:scaleY(.65)}.product-orbits i:nth-child(2){width:112%;border-style:dashed;opacity:.55}.product-orbits i:nth-child(3){width:67%;border-color:#f47d0045;transform:scaleY(.65) rotate(30deg)}.float-card{position:absolute;z-index:2;display:flex;gap:12px;align-items:center;background:#ffffffdf;border:1px solid #fff;border-radius:12px;padding:15px 19px;box-shadow:0 18px 45px #21465a14;backdrop-filter:blur(14px)}.float-card small{font-size:8px;letter-spacing:.13em;color:#6a7e8c;display:block;margin-bottom:4px}.float-card strong{font-size:14px;font-weight:700;display:block}.mini-icon{font-size:23px;color:var(--orange-dark);background:#fff2e2;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex:none}.float-top{left:9%;top:10%}.float-bottom{right:-1%;bottom:10%}.visual-footnote{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#718793;font-size:9px;letter-spacing:.04em;z-index:3}.is-active .campaign-enter{animation:campaign-copy-in .85s cubic-bezier(.2,.65,.2,1) both}.is-active .campaign-enter:nth-child(2){animation-delay:.12s}.is-active .campaign-enter:nth-child(3){animation-delay:.23s}.is-active .campaign-enter:nth-child(4){animation-delay:.34s}.is-active .campaign-enter:nth-child(5){animation-delay:.43s}.is-active .campaign-product,.is-active .campaign-family{animation:product-arrive 1.4s cubic-bezier(.18,.65,.22,1) both}.is-active .float-card{animation:card-float 6s ease-in-out infinite}.is-active .float-bottom{animation-delay:-3s}.campaign-controls{background:#fff;border-top:1px solid #d9e4ea;position:relative;z-index:5}.campaign-control-inner{display:flex;align-items:center;gap:30px;height:92px}.campaign-index{display:flex;align-items:baseline;gap:8px;font-size:11px;color:#7f919e}.campaign-index strong{font-size:27px;color:var(--ink);font-weight:650}.campaign-tabs{display:grid;grid-template-columns:repeat(4,1fr);align-self:stretch;flex:1;gap:20px}.campaign-tab{display:flex;align-items:center;gap:10px;position:relative;background:transparent;padding:0;text-align:left;color:#5f707d;font-size:11px;line-height:1.5;border-top:2px solid transparent;transition:color .3s}.campaign-tab-number{font-size:9px;color:#9caab3}.campaign-tab.is-active{color:#182d3c;font-weight:700;border-top-color:#e4e9ed}.campaign-tab.is-active .campaign-tab-number{color:var(--orange-dark)}.campaign-progress{position:absolute;top:-2px;left:0;width:0;height:2px;background:var(--orange)}.campaign-tab.is-active .campaign-progress{width:var(--campaign-progress)}.campaign-transport{display:flex;gap:7px;flex:none}.campaign-transport button{width:34px;height:34px;border:1px solid #dce5ea;background:transparent;border-radius:50%;color:#203846;display:grid;place-items:center;font-size:15px;transition:background .2s}.campaign-transport button:hover{background:#fff0de;border-color:#f47d00}.campaign-transport #campaign-pause{font-size:11px}
.campaign-network{background:radial-gradient(ellipse at 80% 40%,#183d53,#0c1c2b 70%);color:#fff}.campaign-network .campaign-title em{color:#ffab50}.campaign-network .eyebrow{color:#ffb363}.campaign-network .campaign-description{color:#b5cad7}.campaign-network .campaign-note{color:#89a8ba}.campaign-network .button.outline{color:#dfebf1;border-color:#506978}.campaign-network .button.outline:hover{background:#fff1}.network-art{width:100%;max-width:580px;border:1px solid #659bb137;background:linear-gradient(130deg,#1e44564d,#0e1d2c77);border-radius:22px;padding:22px;box-shadow:0 30px 90px #0002;transform:rotateY(-7deg) rotateX(4deg)}.art-heading{display:flex;align-items:center;gap:10px;font-size:9px;color:#a5c5d7;letter-spacing:.15em}.art-heading>span:last-child{margin-left:auto;color:#ffae56;font-size:13px;letter-spacing:0}.city-svg{width:100%;height:auto;overflow:visible;display:block}.source-track{fill:none;stroke:#4e8299;stroke-width:1;opacity:.5}.source-stream{fill:none;stroke:#74d9ea;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:5 15 2 180;animation:source-flow 7s linear infinite;animation-delay:var(--flow-delay);filter:drop-shadow(0 0 4px #55c7db)}.source-node circle:first-child{fill:#65d3e6;stroke:#0a2534;stroke-width:4}.source-node text{font:10px system-ui;fill:#b6d6e5;text-anchor:middle}.node-ring{fill:none;stroke:#5bc3d9;stroke-width:1;opacity:.3;transform-box:fill-box;transform-origin:center;animation:node-breathe 4s ease-in-out infinite;animation-delay:var(--node-delay)}.hub-ring{fill:none;stroke:#f6a148;stroke-width:1;stroke-dasharray:4 8;transform-origin:300px 258px;animation:hub-orbit 70s linear infinite}.hub-name{font:bold 24px system-ui;fill:#fff;text-anchor:middle}.hub-caption{font:8px system-ui;letter-spacing:1px;fill:#fff;text-anchor:middle}.network-art-footer{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#a4c0d0}.network-art-footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#65d3e6;margin-right:6px}.network-art-footer span:last-child i{background:#f47d00}
.campaign-devices{background:radial-gradient(ellipse at 78% 45%,#e8edf3,#f6f7f8 70%)}.campaign-devices .campaign-grid{grid-template-columns:.88fr 1.12fr}.campaign-family{width:122%;max-width:none;position:relative;mix-blend-mode:multiply}.family-tag{left:15%;bottom:7%}.device-halo{position:absolute;inset:16% -10%;border-radius:50%;background:radial-gradient(ellipse,#70b5e61f,transparent 70%)}.campaign-vehicle{background:#101e29;color:white}.campaign-vehicle .campaign-grid{max-width:none;padding-left:max(40px,calc((100vw - 1240px)/2));padding-right:0;grid-template-columns:.9fr 1.1fr;gap:0}.campaign-vehicle .campaign-copy{padding-right:30px}.campaign-vehicle .eyebrow{color:#ffb363}.campaign-vehicle .campaign-title em{color:#ffad56}.campaign-vehicle .campaign-description{color:#c4d0d8}.campaign-vehicle .campaign-note{color:#a6bac9}.campaign-vehicle .button.outline{color:#e7edf1;border-color:#667987}.campaign-vehicle .button.outline:hover{background:#fff1}.campaign-vehicle .campaign-visual{isolation:isolate}.campaign-vehicle .campaign-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101e29,transparent 30%),linear-gradient(0deg,#101e29aa,transparent 30%);pointer-events:none}.campaign-scene{height:100%;width:100%;max-width:none;object-fit:cover;object-position:55% center}.is-active .campaign-scene{animation:scene-approach 9s ease-out both}.scene-caption{position:absolute;bottom:20px;right:25px;color:#fff9;font-size:9px;z-index:1;max-width:250px;text-align:right}.motion-paused .source-stream,.motion-paused .node-ring,.motion-paused .hub-ring,.motion-paused .float-card,.motion-paused .campaign-scene{animation-play-state:paused}
.reference-flow{background:radial-gradient(ellipse at 50% 100%,#214052,transparent 70%),#142431}.flow-layout{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;margin-top:45px}.flow-card{border:1px solid #49617180;border-radius:16px;padding:30px 26px;background:linear-gradient(140deg,#ffffff09,#ffffff01);min-height:300px}.flow-hub{border-color:#f3a34a80;background:linear-gradient(150deg,#f47d0019,#ffffff02)}.flow-step{font-size:9px;color:#a6c0d0;letter-spacing:.12em}.flow-symbol{font-size:36px;color:#ffad56;margin:16px 0}.flow-card h3{font-size:21px;letter-spacing:-.025em;margin:0 0 15px}.flow-card p{font-size:13px;line-height:1.8;color:#bdced9;min-height:70px}.flow-card .text-link{font-size:11px;color:#ffb56a;white-space:normal}.flow-bridge{align-self:center;position:relative;height:45px;overflow:hidden}.flow-bridge span{display:block;text-align:center;font-size:6px;letter-spacing:.06em;color:#84a5ba;margin-bottom:8px}.flow-bridge i{display:block;border-top:1px solid #5a8a9e;position:relative;top:4px}.flow-bridge i:after{content:"";position:absolute;top:-3px;left:-20px;height:5px;width:20px;background:linear-gradient(90deg,transparent,#6dddde);border-radius:5px;box-shadow:0 0 10px #55c7db;animation:bridge-flow 2.8s linear infinite}.flow-caption{font-size:10px;color:#8fa9ba;margin:25px 0 0;text-align:center}.purchase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.purchase-grid>a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;transition:border-color .3s,box-shadow .3s}.purchase-grid>a:hover{border-color:#f47d00;box-shadow:0 15px 35px #263e4b0a}.purchase-grid span{display:block;color:#c1ced6;font-size:35px;letter-spacing:-.04em;font-weight:500;margin-bottom:30px}.purchase-grid h3{font-size:19px;letter-spacing:-.025em;line-height:1.35;min-height:52px}.purchase-grid p{font-size:12px;color:var(--muted);min-height:68px}.purchase-grid b{font-size:11px;color:var(--orange-dark)}.home-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.home-reveal.in-view{opacity:1;transform:none}.home-reveal.product-card:hover{transform:translateY(-4px)}
@keyframes campaign-copy-in{from{opacity:0;transform:translateY(28px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes product-arrive{from{opacity:0;transform:translate(40px,20px) scale(.91)}to{opacity:1;transform:translate(0,0) scale(1)}}@keyframes card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes source-flow{to{stroke-dashoffset:-606}}@keyframes node-breathe{50%{opacity:.7;transform:scale(1.25)}}@keyframes hub-orbit{to{transform:rotate(360deg)}}@keyframes scene-approach{from{transform:scale(1.055)}to{transform:scale(1)}}@keyframes bridge-flow{to{left:110%}}
@media(min-width:1600px){.campaign-stage{height:710px}.campaign-title{font-size:72px}.campaign-visual{max-height:710px}.campaign-base .campaign-visual{padding:25px}}
@media(max-width:1100px){.campaign-stage{height:620px}.campaign-grid{gap:20px}.campaign-title{font-size:49px}.campaign-description{font-size:15px}.campaign .button{font-size:12px;padding:13px 14px;gap:8px}.campaign-control-inner{gap:20px}.campaign-tabs{gap:13px}.campaign-tab{font-size:10px}.campaign-tab-number{display:none}.campaign-transport{gap:4px}.float-card{padding:12px;gap:8px}.float-card strong{font-size:12px}.float-top{left:0;top:16%}.float-bottom{bottom:13%;right:-2%}.network-art{padding:18px}.flow-layout{grid-template-columns:1fr 34px 1fr 34px 1fr}.flow-card{padding:24px 18px}.flow-bridge span{font-size:5px;letter-spacing:0}.purchase-grid{gap:14px}.purchase-grid>a{padding:20px}.purchase-grid b{font-size:10px}.campaign-vehicle .campaign-grid{padding-left:28px}}
@media(max-width:760px){.campaign-stage{height:780px}.campaign-grid,.campaign-devices .campaign-grid{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:0;align-content:start;padding:0 22px}.campaign-copy{padding:37px 0 15px}.campaign-title{font-size:clamp(36px,7.9vw,50px);max-width:620px;margin-bottom:18px;line-height:1.09}.campaign .eyebrow{font-size:8px;margin-bottom:16px;letter-spacing:.1em}.campaign-description{font-size:14px;line-height:1.75;margin-bottom:20px;max-width:570px}.campaign .actions{gap:8px}.campaign .button{font-size:11px;min-height:43px;padding:12px;gap:9px}.campaign-note{font-size:9px;margin-top:17px;max-width:500px}.campaign-visual{height:100%;max-height:410px;align-self:center;min-height:0;padding:0 0 22px}.campaign-product{width:auto;max-width:100%;height:100%;object-fit:contain}.product-orbits{inset:2% 4%}.float-card{padding:10px;gap:8px;border-radius:8px}.float-card small{font-size:6px}.float-card strong{font-size:10px}.mini-icon{width:28px;height:28px;font-size:18px}.float-top{left:0;top:9%}.float-bottom{bottom:15%;right:0}.visual-footnote{font-size:8px;bottom:7px}.campaign-control-inner{height:107px;flex-wrap:wrap;gap:0 15px;padding-top:10px;padding-bottom:12px;justify-content:space-between}.campaign-index{order:1;font-size:9px}.campaign-index strong{font-size:20px}.campaign-transport{order:2;gap:8px}.campaign-transport button{width:28px;height:28px;font-size:13px}.campaign-tabs{order:3;flex-basis:100%;height:41px;align-self:auto;gap:13px;margin-top:10px}.campaign-tab{font-size:8px;line-height:1.4;padding-top:7px;align-items:start}.campaign-tab-number{display:none}.network-art{height:auto;width:min(100%,400px);max-height:100%;padding:14px;transform:none;border-radius:15px}.art-heading{font-size:7px}.art-heading>span:last-child{font-size:10px}.city-svg{max-height:310px}.network-art-footer{font-size:6px;gap:5px}.network-art-footer i{margin-right:4px;width:4px;height:4px}.campaign-network .campaign-visual{padding:0 0 24px}.campaign-family{width:110%;max-width:110%;max-height:100%;object-fit:contain}.family-tag{bottom:8%;left:auto;right:0}.campaign-devices .campaign-visual{padding-bottom:30px}.campaign-vehicle .campaign-grid{padding:0 22px;grid-template-columns:1fr}.campaign-vehicle .campaign-copy{padding:37px 0 15px}.campaign-vehicle .campaign-visual{margin:0 -22px;padding:0;max-height:none}.campaign-vehicle .campaign-visual:after{background:linear-gradient(180deg,#101e29,transparent 20%),linear-gradient(0deg,#101e2970,transparent 30%)}.campaign-scene{object-position:center center}.scene-caption{bottom:13px;right:15px;font-size:7px;max-width:230px}.flow-layout{grid-template-columns:1fr;gap:0;margin-top:25px}.flow-card{min-height:0;padding:24px}.flow-symbol{float:right;margin:0;font-size:30px}.flow-card h3{margin-top:18px}.flow-card p{min-height:0}.flow-bridge{height:38px;width:100%;display:grid;place-items:center}.flow-bridge span{display:none}.flow-bridge i{width:40px;transform:rotate(90deg);top:0}.flow-caption{text-align:left;font-size:9px}.purchase-grid{grid-template-columns:1fr 1fr;gap:14px}.purchase-grid>a{padding:20px}.purchase-grid span{font-size:28px;margin-bottom:18px}.purchase-grid h3{font-size:16px;min-height:65px}.purchase-grid p{font-size:11px;min-height:80px}.purchase-grid b{font-size:10px;line-height:1.5;display:block}}
@media(max-width:390px){.campaign-stage{height:760px}.campaign-title{font-size:37px}.campaign-visual{max-height:355px}.campaign-description{font-size:13px}.campaign .button{font-size:10px;gap:6px}.campaign-transport{gap:7px}.purchase-grid>a{padding:17px}.campaign-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.home-reveal{opacity:1;transform:none}.campaign-slide{transition:none}.campaign-progress{display:none}.network-art{transform:none}.campaign-scene,.campaign-product,.campaign-family{animation:none!important}}
@media print{.campaign-stage{height:auto}.campaign-slide{display:none;position:static}.campaign-slide:first-child{display:block;opacity:1;visibility:visible}.campaign-grid{min-height:450px}.campaign-controls{display:none}.home-reveal{opacity:1;transform:none}.flow-layout{display:flex}.flow-bridge{display:none}.campaign-visual{height:400px}.campaign-title{font-size:40px}}

.campaign-slide:not(.is-active) *{animation-play-state:paused!important}
@media(max-width:760px){.campaign-stage{height:690px}.campaign-network .network-art{height:100%;display:flex;flex-direction:column}.campaign-network .city-svg{flex:1;min-height:0;height:100%;max-height:none}.network-art-footer{flex-shrink:0}.art-heading{flex-shrink:0}}
@media(max-width:390px){.campaign-stage{height:660px}}
.campaign-vehicle .campaign-visual:after{z-index:1}.campaign-vehicle .scene-caption{z-index:2}
@media(min-width:761px) and (max-width:1000px){.campaign-title{font-size:clamp(36px,4.1vw,43px)}.campaign-description{font-size:14px;line-height:1.75}.campaign .actions{gap:8px}.campaign .button{font-size:11px;padding:12px;gap:8px}.campaign-note{font-size:10px}.campaign .eyebrow{font-size:8px}.campaign-control-inner{gap:15px}.campaign-tab{font-size:9px}.float-top{top:20%}.float-bottom{bottom:19%}.campaign-vehicle .campaign-copy{padding-right:20px}}
