/* Editable delivery sections on How WISE Works only.
   Palette derives from the existing SFF blue/red with white/black lighting. */
.wp-how-wise-works .wd-delivery,
.wp-how-wise-works .wd-ssa { position:relative; isolation:isolate; color:var(--wp-blue); }
.wp-how-wise-works .wd-delivery { padding:76px 0 151px; background:white; }
.wd-environment,.wd-ssa-environment { position:absolute; inset:0; z-index:-3; overflow:hidden; pointer-events:none; }
.wp-how-wise-works .wd-background { width:100%; height:100%; object-fit:cover; object-position:center; }
.wd-environment::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#fffffff2 0,#ffffffdc 35%,#ffffff70 68%,#ffffff0d),linear-gradient(0deg,#fff9,transparent 40%); }
.wd-top-layout { display:grid; grid-template-columns:.93fr 1.07fr; gap:60px; align-items:center; position:relative; z-index:1; }
.wd-delivery-copy { position:relative; z-index:2; }
.wp-how-wise-works .wd-delivery-copy .wp-eyebrow { font-size:14px; line-height:1.5; letter-spacing:.08em; margin-bottom:20px; }
.wp-how-wise-works .wd-delivery-copy h2 { font-size:clamp(64px,6.3vw,94px); line-height:.96; letter-spacing:-.03em; text-wrap:initial; margin-bottom:26px; }
.wd-delivery-copy h2 span { color:var(--wp-red); }
.wp-how-wise-works .wd-delivery-copy>p:not(.wp-eyebrow),
.wp-how-wise-works .wd-ssa-content>p { font-size:20px; line-height:1.56; margin-bottom:0; }
.wd-photo-stage { position:relative; perspective:1300px; padding:18px 0 30px; }
.wd-photo-shadow { position:absolute; inset:auto -1% -20px 1%; height:65px; border-radius:50%; background:radial-gradient(ellipse,color-mix(in srgb,var(--wp-blue),transparent 52%),transparent 70%); filter:blur(12px); transform:rotate(-2deg); }
.wd-photo-frame { position:relative; margin:0; padding:5px; border:1px solid white; border-radius:35px; background:linear-gradient(130deg,#fff,color-mix(in srgb,var(--wp-blue),white 88%) 48%,#fff 87%); transform:rotateY(-9deg) rotateX(3deg) rotateZ(-2deg); transform-style:preserve-3d; box-shadow:inset 0 2px 3px white,3px 6px 0 color-mix(in srgb,var(--wp-blue),white 75%),8px 12px 0 -3px color-mix(in srgb,var(--wp-blue),white 85%),0 22px 24px -17px color-mix(in srgb,var(--wp-blue),transparent 55%),0 44px 55px -22px color-mix(in srgb,var(--wp-blue),transparent 43%); transition:transform .6s cubic-bezier(.2,.65,.2,1),box-shadow .6s; }
.wp-how-wise-works .wd-photo { width:100%; aspect-ratio:1.37; height:auto; object-fit:cover; border-radius:29px; }
.wd-photo-sheen { position:absolute; inset:5px; border:1px solid #ffffffb3; border-radius:29px; pointer-events:none; background:linear-gradient(133deg,#ffffff22,transparent 32%); box-shadow:inset 0 3px 3px #ffffff50; }
.wd-divider { position:absolute; z-index:2; bottom:-1px; left:0; width:100%; height:172px; pointer-events:none; }
.wp-how-wise-works .wd-ssa { padding:52px 0 65px; background:linear-gradient(#fff,color-mix(in srgb,var(--wp-blue),white 94%) 75%,#fff); }
.wd-ssa-environment { opacity:.13; -webkit-mask-image:linear-gradient(transparent,#000 78%); mask-image:linear-gradient(transparent,#000 78%); }
.wd-ssa-environment .wd-background { object-position:75% 55%; }
.wd-ssa-ribbons { position:absolute; z-index:-1; bottom:130px; right:0; width:100%; height:740px; pointer-events:none; }
.wd-ssa-layout { position:relative; display:grid; grid-template-columns:1.12fr .88fr; gap:58px; align-items:start; }
.wd-info-cards { grid-column:1; grid-row:1; display:grid; gap:20px; position:relative; z-index:2; }
.wd-info-card { display:grid; grid-template-columns:110px 1fr; align-items:center; gap:24px; padding:25px 27px 25px 23px; min-height:151px; border:1px solid white; border-radius:26px; background:linear-gradient(145deg,#fff 38%,color-mix(in srgb,var(--wp-blue),white 98%)); box-shadow:inset 0 2px 2px white,0 3px 0 color-mix(in srgb,var(--wp-blue),transparent 94%),0 12px 25px -9px color-mix(in srgb,var(--wp-blue),transparent 83%),0 28px 40px -22px color-mix(in srgb,var(--wp-blue),transparent 78%); transition:transform .3s,box-shadow .3s; }
.wd-card-icon { display:grid; place-items:center; width:110px; height:110px; border-radius:29px; border:1px solid white; background:linear-gradient(140deg,#fff,color-mix(in srgb,var(--wp-blue),white 94%)); box-shadow:inset 0 2px 2px white,0 4px 1px color-mix(in srgb,var(--wp-blue),white 88%),0 10px 15px color-mix(in srgb,var(--wp-blue),transparent 85%); }
.wp-how-wise-works .wd-card-icon img { width:94px; height:94px; object-fit:contain; filter:drop-shadow(0 5px 3px color-mix(in srgb,var(--wp-blue),transparent 85%)); }
.wd-card-copy { padding-left:22px; border-left:2px solid var(--wp-red); }
.wp-how-wise-works .wd-card-copy h3 { font-size:25px; line-height:1.13; margin:0 0 9px; letter-spacing:-.018em; }
.wp-how-wise-works .wd-card-copy p { font-size:17px; line-height:1.43; margin:0; }
.wd-ssa-content { grid-column:2; grid-row:1; padding-top:9px; position:relative; z-index:1; }
.wp-how-wise-works .wd-ssa-content h2 { font-size:clamp(42px,4.1vw,63px); line-height:1; letter-spacing:-.025em; text-wrap:initial; margin-bottom:27px; }
.wd-ssa-content h2 span { color:var(--wp-red); display:block; }
.wp-how-wise-works .wd-ssa-content>p { max-width:45ch; }
.wd-visual-ribbons { display:none; }
.wd-ssa-visual { width:110%; margin:8px -6% -36px; position:relative; z-index:1; }
.wp-how-wise-works .wd-ssa-figures { width:100%; height:auto; filter:drop-shadow(0 20px 20px color-mix(in srgb,var(--wp-blue),transparent 85%)); }
.wd-callout { display:grid; grid-template-columns:112px 1fr; gap:34px; align-items:center; position:relative; isolation:isolate; overflow:hidden; margin-top:40px; padding:22px 40px 22px 28px; min-height:142px; border:1px solid color-mix(in srgb,var(--wp-blue),white 35%); border-radius:26px; background:linear-gradient(145deg,color-mix(in srgb,var(--wp-blue),white 12%),var(--wp-blue) 45%,color-mix(in srgb,var(--wp-blue),black 40%)); color:white; box-shadow:inset 0 1px 1px #ffffff80,0 6px 0 color-mix(in srgb,var(--wp-blue),white 88%),0 20px 35px -18px color-mix(in srgb,var(--wp-blue),transparent 57%); }
.wd-callout-icon { display:grid; place-items:center; width:106px; height:106px; border:1px solid white; border-radius:50%; background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--wp-blue),white 92%)); box-shadow:inset 0 2px 2px white,inset 0 -3px 3px color-mix(in srgb,var(--wp-blue),transparent 78%),0 5px 12px #0003; }
.wp-how-wise-works .wd-technology { width:86px; height:86px; object-fit:contain; }
.wp-how-wise-works .wd-callout p { position:relative; z-index:1; border-left:1px solid #ffffffb3; padding-left:34px; font-size:21px; line-height:1.5; margin:0; color:white; }
.wd-callout-accent { position:absolute; inset:auto -1px -1px auto; width:42%; height:100%; z-index:-1; pointer-events:none; }
@media (hover:hover) and (pointer:fine) {
  .wd-photo-stage:hover .wd-photo-frame { transform:translateY(-8px) rotateY(-5deg) rotateX(2deg) rotateZ(-1deg); box-shadow:inset 0 2px 3px white,3px 6px 0 color-mix(in srgb,var(--wp-blue),white 75%),8px 12px 0 -3px color-mix(in srgb,var(--wp-blue),white 85%),0 38px 42px -23px color-mix(in srgb,var(--wp-blue),transparent 50%),0 55px 60px -26px color-mix(in srgb,var(--wp-blue),transparent 42%); }
  .wd-info-card:hover { transform:translateY(-4px); box-shadow:inset 0 2px 2px white,0 6px 0 color-mix(in srgb,var(--wp-blue),transparent 94%),0 24px 33px -15px color-mix(in srgb,var(--wp-blue),transparent 77%); }
}
@media (min-width:1550px) {
  .wd-top-layout { gap:78px; }
  .wd-ssa-layout { gap:70px; }
  .wd-info-card { padding-block:27px; }
}
@media (max-width:1200px) {
  .wd-top-layout { gap:40px; }
  .wp-how-wise-works .wd-delivery-copy h2 { font-size:74px; }
  .wd-ssa-layout { grid-template-columns:1.08fr .92fr; gap:38px; }
  .wd-info-card { grid-template-columns:88px 1fr; padding:23px 22px 23px 18px; gap:18px; }
  .wd-card-icon { width:88px; height:88px; border-radius:24px; }
  .wp-how-wise-works .wd-card-icon img { width:78px; height:78px; }
  .wd-card-copy { padding-left:18px; }
  .wp-how-wise-works .wd-card-copy h3 { font-size:23px; }
  .wp-how-wise-works .wd-ssa-content h2 { font-size:48px; }
}
@media (max-width:1000px) {
  .wp-how-wise-works .wd-delivery { padding-top:62px; padding-bottom:139px; }
  .wd-top-layout { grid-template-columns:1fr; gap:32px; }
  .wd-delivery-copy { max-width:760px; }
  .wp-how-wise-works .wd-delivery-copy h2 { font-size:80px; }
  .wp-how-wise-works .wd-delivery-copy h2 br { display:none; }
  .wd-photo-stage { width:min(100%,730px); margin:auto; padding:15px 12px 20px; }
  .wp-how-wise-works .wd-photo { aspect-ratio:1.55; }
  .wd-environment::after { background:linear-gradient(180deg,#fffffff2 8%,#ffffffda 35%,#ffffff20); }
  .wd-divider { height:134px; }
  .wd-ssa-layout { grid-template-columns:1fr; gap:34px; }
  .wd-ssa-content { grid-column:1; grid-row:1; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:0 26px; }
  .wp-how-wise-works .wd-ssa-content h2 { grid-column:1; font-size:47px; }
  .wp-how-wise-works .wd-ssa-content>p { grid-column:1; font-size:20px; }
  .wd-ssa-visual { grid-column:2; grid-row:1 / 3; width:117%; margin:30px -8% 0; isolation:isolate; }
  .wd-visual-ribbons { display:block; position:absolute; z-index:-1; width:200%; height:150%; left:-50%; bottom:-10%; clip-path:inset(0 0 0 25%); -webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 44%); mask-image:linear-gradient(90deg,transparent 25%,#000 44%); pointer-events:none; }
  .wd-info-cards { grid-row:2; }
  .wd-info-card { grid-template-columns:100px 1fr; min-height:142px; gap:23px; padding:23px 28px; }
  .wd-card-icon { width:100px; height:100px; }
  .wp-how-wise-works .wd-card-icon img { width:86px; height:86px; }
  .wp-how-wise-works .wd-card-copy h3 { font-size:27px; }
  .wp-how-wise-works .wd-card-copy p { font-size:18px; }
  .wd-ssa-ribbons { display:none; }
  .wd-callout { padding:23px 26px; grid-template-columns:92px 1fr; gap:23px; }
  .wd-callout-icon { width:92px; height:92px; }
  .wp-how-wise-works .wd-technology { width:76px; height:76px; }
  .wp-how-wise-works .wd-callout p { padding-left:23px; font-size:20px; }
}
@media (max-width:700px) {
  .wp-how-wise-works .wd-delivery { padding:52px 0 103px; }
  .wp-how-wise-works .wd-delivery-copy h2 { font-size:66px; }
  .wp-how-wise-works .wd-delivery-copy h2 br { display:initial; }
  .wp-how-wise-works .wd-delivery-copy .wp-eyebrow { font-size:12px; }
  .wp-how-wise-works .wd-delivery-copy>p:not(.wp-eyebrow),
  .wp-how-wise-works .wd-ssa-content>p { font-size:18px; line-height:1.6; }
  .wd-top-layout { gap:26px; }
  .wd-photo-stage { padding:8px 5px 20px; }
  .wd-photo-frame { padding:4px; border-radius:26px; transform:rotateY(-5deg) rotateX(2deg) rotateZ(-2deg); }
  .wp-how-wise-works .wd-photo { aspect-ratio:1.37; border-radius:21px; }
  .wd-photo-sheen { inset:4px; border-radius:21px; }
  .wd-divider { height:106px; }
  .wp-how-wise-works .wd-ssa { padding:37px 0 46px; }
  .wd-ssa-layout { gap:25px; }
  .wd-ssa-content { display:block; }
  .wp-how-wise-works .wd-ssa-content h2 { font-size:47px; margin-bottom:22px; }
  .wd-ssa-visual { width:min(110%,470px); margin:4px auto -25px; }
  .wd-info-cards { gap:19px; }
  .wd-info-card { grid-template-columns:75px 1fr; gap:17px; padding:21px 18px 21px 15px; border-radius:23px; }
  .wd-card-icon { width:75px; height:75px; border-radius:22px; }
  .wp-how-wise-works .wd-card-icon img { width:65px; height:65px; }
  .wd-card-copy { padding-left:16px; }
  .wp-how-wise-works .wd-card-copy h3 { font-size:24px; line-height:1.13; }
  .wp-how-wise-works .wd-card-copy p { font-size:16px; line-height:1.5; }
  .wd-callout { grid-template-columns:64px 1fr; gap:15px; padding:24px 21px; margin-top:29px; border-radius:23px; }
  .wd-callout-icon { width:64px; height:64px; }
  .wp-how-wise-works .wd-technology { width:55px; height:55px; }
  .wp-how-wise-works .wd-callout p { padding-left:15px; font-size:18px; }
  .wd-callout-accent { width:70%; }
}
@media (max-width:400px) {
  .wp-how-wise-works .wd-delivery-copy h2 { font-size:56px; }
  .wp-how-wise-works .wd-ssa-content h2 { font-size:42px; }
  .wd-info-card { grid-template-columns:60px 1fr; gap:13px; padding-inline:13px; }
  .wd-card-icon { width:60px; height:60px; border-radius:18px; }
  .wp-how-wise-works .wd-card-icon img { width:54px; height:54px; }
  .wd-card-copy { padding-left:13px; }
  .wp-how-wise-works .wd-card-copy h3 { font-size:22px; }
  .wd-callout { grid-template-columns:1fr; gap:19px; padding:23px; }
  .wp-how-wise-works .wd-callout p { padding-left:0; border-left:0; font-size:18px; }
}
@media (prefers-reduced-motion:reduce) {
  .wd-photo-frame,.wd-info-card { transition:none; }
  .wd-photo-stage:hover .wd-photo-frame { transform:rotateY(-9deg) rotateX(3deg) rotateZ(-2deg); }
  .wd-info-card:hover { transform:none; }
}