/* Homepage UI refinement: one optical grid, one icon vocabulary, clear interaction states. */
:root{--ui-arrow-size:19px;--ui-focus:#00d7ff}
.nav{display:grid;grid-template-columns:220px 1fr auto;column-gap:36px;align-items:center;height:84px}.overlay-header .nav{height:84px}.nav .brand{justify-self:start;line-height:0}.nav .brand img.product-logo{width:205px}.navlinks{display:flex;justify-content:center;gap:36px;align-items:center;min-width:0}.navlinks>a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 2px;font:550 13px/1.4 var(--body);letter-spacing:0;white-space:nowrap;transition:color .2s,opacity .2s}.navlinks>a:after{content:'';position:absolute;left:2px;right:2px;bottom:5px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .2s}.navlinks>a:hover:after,.navlinks>a:focus-visible:after{transform:scaleX(1)}.overlay-header .navlinks>a:hover{color:#85e5ff;opacity:1}.nav-action{justify-self:end;display:flex;align-items:center}.nav-action .btn{height:48px;min-height:48px;padding:0 24px;gap:24px;font-size:12px;white-space:nowrap;min-width:157px}.nav .menu{display:none}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;vertical-align:middle;line-height:1.35}.btn:after{display:none!important;content:none!important}.button-label{display:block}.ui-arrow{width:var(--ui-arrow-size);height:var(--ui-arrow-size);display:block;flex:0 0 var(--ui-arrow-size);overflow:visible;transition:transform .2s}.btn:hover>.ui-arrow,.hero-link:hover>.ui-arrow{transform:translateX(3px)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.hero-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 21px;line-height:1.35;vertical-align:middle;transition:background .2s,border-color .2s}.hero-link .ui-arrow{width:18px;height:18px;flex-basis:18px}.hero-link:hover{background:#ffffff14;border-color:#fff}.hero-actions{align-items:center;gap:16px}.hero-actions>.btn{min-height:52px;padding:0 24px;font-size:12px}.hero-actions>.hero-link{min-height:52px;font-size:12px}
.homepage h1{font-weight:760;line-height:1.035;letter-spacing:-.037em}.homepage h2{letter-spacing:-.035em}.campaign-copy>p{font-size:16px;line-height:1.65;max-width:405px}.campaign-copy .hero-actions{margin-top:29px}.business-heading{align-items:end}.business-heading h2{line-height:1.1;font-weight:780}.business-heading>p{font-size:14px;line-height:1.65;margin:0 0 3px}.business-heading .eyebrow{margin-bottom:16px;line-height:1.5}.story-card{outline-offset:5px;transform:translateY(0)}.card-copy{padding:23px;display:grid;grid-template-rows:auto minmax(58px,auto) 1fr auto;align-content:end;justify-content:stretch;padding-top:145px;gap:0}.card-copy>.eyebrow{align-self:end;justify-self:start;margin:0}.card-copy h3{margin:12px 0 10px;font-size:24px;font-weight:750;line-height:1.09;letter-spacing:-.03em;align-self:start}.card-copy>p{margin:0;min-height:57px;font-size:12px;line-height:1.55;color:#eef5ff}.card-action{align-self:end;display:flex;align-items:center;gap:11px;min-height:44px;margin-top:13px;font-size:11px;font-weight:550;line-height:1.4}.card-action>span{width:31px;height:31px;border-radius:50%;flex:0 0 31px;display:grid;place-items:center}.card-action .ui-arrow{width:17px;height:17px;flex-basis:17px}.story-card:hover .card-action .ui-arrow{transform:translateX(2px)}.case-icon{width:43px;height:43px;display:grid;place-items:center}.case-icon>svg{width:24px;height:24px;stroke-width:1.65}.benefit-icon svg{width:27px;height:27px;stroke-width:1.7}.benefit{transition:background .2s,transform .2s;align-items:start;min-height:112px;padding-top:10px;padding-bottom:7px}.benefit>div{display:flex;flex-direction:column;height:100%;min-width:0}.benefit h2{font-size:14px;font-weight:700;line-height:1.3;letter-spacing:-.02em;margin-top:2px;min-height:19px}.benefit p{font-size:11px;line-height:1.55;margin-top:8px;min-height:35px;max-width:195px}.benefit-arrow{min-height:25px;margin-top:auto;padding-top:7px}.benefit-arrow .ui-arrow{width:18px;height:18px;flex-basis:18px}.benefit:hover .ui-arrow{transform:translateX(3px)}.benefit-icon{margin-top:0;flex-shrink:0}.event-icon svg{stroke-width:1.7}.hero-event strong{font-size:15px;letter-spacing:-.01em;line-height:1.3}.event-label{line-height:1.5}.hero-event>div>span:last-child{margin-top:7px}.calendar-icon svg{stroke-width:1.65}.webinar-band-inner{align-items:start}.webinar-band h2{font-weight:760;letter-spacing:-.03em;line-height:1.15}.webinar-band .btn{min-height:44px;gap:22px;line-height:1.4;padding:0 23px}.how-intro h2{letter-spacing:-.035em}.how-steps h3{font-weight:700}.step-icon svg{stroke-width:1.7}.how-steps li:not(:last-child):after{top:23px;line-height:24px;font-size:19px}.proof-pillar svg{stroke-width:1.7}.final-footer .btn{display:inline-flex;align-items:center;min-height:52px;padding:0 27px;gap:30px}.footer-main{align-items:center}.footer-base nav>a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;margin-top:-12px}.footer-base nav>a:hover{text-decoration:underline;text-underline-offset:5px}
a:focus-visible,button:focus-visible{outline:3px solid #0075ff;outline-offset:5px}.overlay-header a:focus-visible,.overlay-header button:focus-visible,.campaign-hero a:focus-visible,.webinar-band a:focus-visible,.final-footer a:focus-visible{outline-color:#7deaff}.story-card:focus-visible{outline-color:#005dff}.menu-glyph{display:block;width:24px;height:24px}.menu-line{transform-origin:12px 12px;transition:transform .2s,opacity .2s}.menu[aria-expanded=true] .top{transform:translateY(5px) rotate(45deg);transform-origin:12px 7px}.menu[aria-expanded=true] .middle{opacity:0}.menu[aria-expanded=true] .bottom{transform:translateY(-5px) rotate(-45deg);transform-origin:12px 17px}
@media(max-width:1100px){.nav{grid-template-columns:190px 1fr auto;column-gap:22px}.navlinks{gap:24px}.nav .brand img.product-logo{width:185px}.nav-action .btn{min-width:145px;padding:0 20px}.card-copy{padding:19px;padding-top:135px}.card-copy h3{font-size:22px}.card-copy>p{font-size:11px;min-height:63px}.card-action{font-size:10px;gap:9px}.benefit{padding-left:14px;padding-right:14px;gap:12px}.benefit h2{font-size:13px}.benefit p{font-size:10px;min-height:45px}.benefit-icon{width:43px;height:43px}.benefit-icon svg{width:25px;height:25px}}
@media(max-width:850px){.nav{grid-template-columns:170px 1fr auto;gap:16px}.nav .brand img.product-logo{width:170px}.navlinks{gap:18px}.navlinks>a{font-size:12px}.nav-action .btn{min-width:130px;font-size:11px;padding:0 18px;gap:16px}.benefit h2{font-size:14px}.benefit p{font-size:11px;min-height:34px}.card-copy h3{font-size:25px}.card-copy>p{font-size:12px}.card-action{font-size:11px}}
@media(max-width:760px){.nav,.overlay-header .nav{height:76px;grid-template-columns:1fr auto 44px;column-gap:18px}.nav .brand img.product-logo{width:185px}.nav .menu{display:grid;place-items:center;width:44px;height:44px;padding:10px;background:transparent;color:var(--ink);border-radius:50%}.overlay-header .menu{color:#fff}.nav .menu:hover{background:#4087ff20}.navlinks{display:none}.navlinks.open{position:absolute;display:flex;flex-direction:column;align-items:stretch;justify-content:start;top:76px;left:-6.2%;right:-6.2%;gap:0;padding:16px 7% 22px;background:#f7fbff;box-shadow:0 14px 22px #00143320;border-bottom:1px solid #dce8fc}.overlay-header .navlinks.open{background:#001638f7;border-color:#ffffff20}.navlinks.open>a:not(.btn){display:flex;justify-content:start;min-height:52px;padding:0 5px;font-size:16px;border-bottom:1px solid #12385b18}.overlay-header .navlinks.open>a:not(.btn){border-bottom-color:#ffffff15;color:#fff}.navlinks.open>a:after{display:none}.nav-action .btn{min-width:140px;height:44px;min-height:44px;font-size:12px;padding:0 19px;gap:20px}.card-copy{padding:23px;padding-top:145px}.card-copy h3{font-size:26px;min-height:58px}.card-copy>p{font-size:12px;min-height:60px}.card-action{font-size:12px}.benefit p{max-width:240px}}
@media(max-width:650px){.nav,.overlay-header .nav{height:76px;gap:13px}.nav .brand img.product-logo,.overlay-header .nav .brand img.product-logo{width:170px}.nav-action .btn{min-width:133px;font-size:11px;padding:0 17px;gap:17px}.hero-grid{padding-top:0}.campaign-copy{padding-top:39px}.homepage h1{font-size:clamp(40px,8.7vw,53px);font-weight:760;line-height:1.06;letter-spacing:-.035em}.campaign-copy>p{font-size:15px;line-height:1.65;max-width:390px}.hero-actions{gap:12px;flex-wrap:wrap}.hero-actions>.btn{min-height:48px;padding:0 20px;font-size:11px;gap:18px}.hero-actions>.hero-link{min-height:48px;padding:0 17px;font-size:11px;gap:10px}.hero-actions .ui-arrow{width:17px;height:17px;flex-basis:17px}.benefit-row{padding:16px 5px;row-gap:14px}.benefit{padding:8px 13px;gap:11px;min-height:116px}.benefit h2{font-size:13px;min-height:32px;font-weight:700;line-height:1.25}.benefit p{font-size:10px;min-height:45px;margin-top:5px;line-height:1.55}.benefit-icon{width:35px;height:35px}.benefit-icon svg{width:23px;height:23px}.benefit-arrow{padding-top:6px}.business-heading h2{font-size:35px;font-weight:760;line-height:1.12}.business-heading>p{font-size:13px;line-height:1.65;margin-top:17px}.card-copy{padding:17px;padding-top:125px;grid-template-rows:auto 60px 1fr auto}.card-copy h3{font-size:23px;line-height:1.1;min-height:0;letter-spacing:-.025em}.card-copy>p{font-size:11px;line-height:1.55;min-height:66px}.card-action{font-size:10px;gap:8px;min-height:38px;margin-top:12px}.card-action>span{width:28px;height:28px;flex-basis:28px}.card-action .ui-arrow{width:16px;height:16px;flex-basis:16px}.case-icon{width:36px;height:36px}.case-icon svg{width:21px;height:21px}.webinar-band h2{font-size:29px;line-height:1.15}.webinar-band p{line-height:1.65}.how-steps h3{line-height:1.3;margin-bottom:10px}.step-number{line-height:17px}.footer-main .btn{padding:0 20px;min-height:46px;gap:20px}.footer-base nav>a{min-height:44px;margin:0}.footer-base{gap:12px}}
@media(max-width:390px){.nav,.overlay-header .nav{column-gap:8px;grid-template-columns:1fr auto 40px}.nav .brand img.product-logo,.overlay-header .nav .brand img.product-logo{width:145px}.nav .menu{width:40px;height:44px;padding:9px}.nav-action .btn{min-width:116px;font-size:10px;padding:0 14px;gap:12px}.nav-action .ui-arrow{width:16px;height:16px;flex-basis:16px}.homepage h1{font-size:41px}.campaign-copy>p{font-size:14px}.hero-actions>.btn{font-size:10px;padding:0 16px;gap:12px}.hero-actions>.hero-link{font-size:10px;padding:0 14px;gap:8px}.benefit{padding:7px 9px;gap:8px}.benefit h2{font-size:12px;min-height:31px}.benefit p{font-size:10px;min-height:52px}.benefit-icon{width:30px;height:30px}.benefit-icon svg{width:20px;height:20px}.card-copy{padding:14px;padding-top:122px;grid-template-rows:auto 58px 1fr auto}.card-copy h3{font-size:21px}.card-copy>p{font-size:10px;min-height:65px}.card-action{font-size:9px;gap:6px}.card-action>span{width:26px;height:26px;flex-basis:26px}.case-icon{width:33px;height:33px}.footer-main .btn{padding:0 17px;gap:18px}}
@media(prefers-reduced-motion:reduce){.ui-arrow,.menu-line,.btn,.story-card,.benefit,.navlinks>a:after{transition:none!important}.btn:hover,.story-card:hover,.benefit:hover,.btn:hover>.ui-arrow,.hero-link:hover>.ui-arrow{transform:none!important}}
/* Fixed optical rhythm inside all four cards, including three-line descriptions. */
.card-copy{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:23px;gap:0}.card-copy>.eyebrow{align-self:flex-start}.card-copy h3{margin:12px 0 10px;min-height:53px;align-self:stretch}.card-copy>p{min-height:58px;align-self:stretch}.card-action{margin-top:16px;min-height:40px;flex-shrink:0}.step-flow{position:absolute;right:-20px;top:24px;color:#8eafdf}.step-flow .ui-arrow{width:20px;height:20px}.how-steps li:after{display:none!important}.how-intro .textlink{display:inline-flex;align-items:center;gap:16px}.how-intro .textlink:after{display:none!important}.how-intro .textlink .ui-arrow{width:17px;height:17px;flex-basis:17px}
@media(max-width:1100px){.card-copy{padding:19px}.card-copy h3{min-height:49px}.card-copy>p{min-height:62px}.card-action{min-height:39px}}
@media(max-width:850px){.card-copy{padding:23px}.card-copy h3{min-height:57px}.card-copy>p{min-height:58px}}
@media(max-width:650px){.card-copy{padding:17px}.card-copy h3{min-height:51px;margin-bottom:12px}.card-copy>p{min-height:71px}.card-action{min-height:36px;margin-top:16px}.step-flow{display:none}}
@media(max-width:390px){.card-copy{padding:14px}.card-copy h3{min-height:66px}.card-copy>p{min-height:72px}.card-action{margin-top:12px;min-height:34px}}
/* Latest art-direction reference: stronger headline, people-led cards, saturated accents. */
.homepage .campaign-copy h1{font-family:Inter,Arial,sans-serif;font-weight:800;font-size:clamp(47px,4.1vw,71px);line-height:1.025;letter-spacing:-.047em}.campaign-copy h1 em{background:none;-webkit-text-fill-color:initial;color:#00cef4}.overlay-header{background:linear-gradient(90deg,#001039df,#00163899 75%,#00143688)}.overlay-header:after{content:'';position:absolute;top:0;right:0;width:180px;height:84px;background:linear-gradient(135deg,transparent 45%,#e9009080 46%,#f300ab 85%);pointer-events:none;z-index:-1}.hero-art{background-image:url(assets/hero-vivid.png)}.hero-shade{background:linear-gradient(90deg,#001547b3,transparent 58%)}.hero-product{width:310px;right:1%;bottom:43px}.hero-event{right:1%;top:175px;max-width:225px;padding:18px;background:linear-gradient(135deg,#00478a9c,#001b56c9);border-color:#8fcaffaa}.hero-event .event-icon{border-color:#91e0ff}.case-retail>img{object-position:50% 15%}.case-locations>img{object-position:50% 12%}.story-card>img:not(.hub-card){transition:transform .5s}.story-card:before{background:linear-gradient(180deg,#00154000 10%,#00154010 30%,#00143cd9 63%,#001139 100%)}.story-card .card-copy>.eyebrow{background:none;padding:0;border-radius:0;font-weight:650;letter-spacing:.11em}.card-copy h3{font-weight:800;letter-spacing:-.035em}.hero-actions>.btn,.overlay-header .nav-action .btn{background:#005bff}.hero-actions>.btn:hover,.overlay-header .nav-action .btn:hover{background:#1474ff}.benefit-icon.cyan{background:linear-gradient(140deg,#00c7e8,#0099bb)}.benefit-icon.purple{background:linear-gradient(140deg,#7e24ff,#9719e1)}.benefit-icon.pink{background:linear-gradient(140deg,#ff008a,#f20a7a)}.overlay-header .navlinks.open{background:#001638}.navlinks{gap:29px}.webinar-band:before{background:linear-gradient(90deg,#0035a4a8,transparent 75%)}.webinar-band h2{font-weight:800}.webinar-band .btn{background:linear-gradient(90deg,#0065ff,#00b5f0)}
@media(max-width:1100px){.navlinks{gap:21px}.navlinks>a{font-size:12px}.homepage .campaign-copy h1{font-size:55px}.hero-product{width:260px}}
@media(max-width:850px){.navlinks{gap:16px}.navlinks>a{font-size:11px}.nav{grid-template-columns:170px 1fr auto;column-gap:15px}.homepage .campaign-copy h1{font-size:49px}}
@media(max-width:760px){.nav,.overlay-header .nav{grid-template-columns:1fr auto 44px}.overlay-header:after{height:76px;width:130px}.navlinks.open>a:not(.btn){font-size:16px}.hero-event{display:none}}
@media(max-width:650px){.homepage .campaign-copy h1{font-size:clamp(39px,8.7vw,53px);font-weight:800;line-height:1.04;letter-spacing:-.04em}.campaign-hero:not(.theme-refrigeration):not(.theme-retail) .hero-art{background-size:auto 410px;background-position:61% bottom}.campaign-hero .hero-shade{background:linear-gradient(180deg,#00153ff5 0%,#00153ff2 47%,#00153f55 65%,transparent 85%)}.hero-product{width:185px;right:-9px;bottom:35px}.card-copy>p{font-size:11.5px;min-height:74px;line-height:1.55}.card-action{font-size:10px}.navlinks.open{gap:0}}
@media(max-width:390px){.nav,.overlay-header .nav{grid-template-columns:1fr auto 40px}.homepage .campaign-copy h1{font-size:40px}.card-copy>p{font-size:11px;min-height:77px}}

/* Dark translucent header that dissolves into the hero instead of ending in a hard band. */
.overlay-header{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
.overlay-header:before{content:'';position:absolute;inset:0 0 -54px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,5,24,.85) 0%,rgba(0,7,29,.72) 35%,rgba(0,9,33,.43) 65%,rgba(0,10,35,.15) 83%,rgba(0,10,35,0) 100%)}
.overlay-header:after{background:linear-gradient(135deg,transparent 45%,#ca00762e 65%,#e5008740);mask-image:linear-gradient(#000 0%,#0008 55%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#0008 55%,transparent 100%)}
@media(max-width:760px){.overlay-header:before{bottom:-40px}.overlay-header .navlinks.open{background:#00132bf7}}