/* Articles own the entrance; inner surfaces own hover motion. */
.reason-grid{gap:22px;align-items:stretch}
.reason-grid>article.reason-card,.reason-grid>article.reason-card:nth-child(2),.reason-grid>article.reason-card:nth-child(3){padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;min-width:0}
.reason-grid>article.reason-card:hover{transform:none;border:0;box-shadow:none}
.reason-card-surface{height:100%;position:relative;isolation:isolate;overflow:hidden;padding:35px 32px 34px;border:1px solid #e1e9f3;border-radius:24px;background:linear-gradient(155deg,#fff 35%,#f7faff);box-shadow:0 4px 8px #173d6503,0 12px 30px #173d6508,inset 0 1px 0 #fff;transform:perspective(1100px) translate3d(0,0,0) rotateX(0) rotateY(0);transform-origin:50% 60%;transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .65s,border-color .4s}
.reason-card:nth-child(2) .reason-card-surface{background:linear-gradient(150deg,#fff 25%,#f1f7ff);border-color:#dce7f5}
.reason-card:nth-child(3) .reason-card-surface{background:linear-gradient(145deg,#fff 25%,#f5faff)}
.reason-card-surface:before{content:'';position:absolute;left:32px;right:32px;top:0;height:2px;background:linear-gradient(90deg,transparent,#478dfb,transparent);opacity:.4;transform:scaleX(.4);transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .5s;pointer-events:none}
.reason-card-surface:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(320px circle at var(--card-light-x,50%) var(--card-light-y,0%),#3782f313,transparent 65%);opacity:0;transition:opacity .6s;pointer-events:none}
.reason-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:39px}
.reason-card .reason-number{position:static;display:flex;align-items:center;gap:9px;font-family:var(--heading);font-size:.75rem;line-height:1.5;letter-spacing:.06em;font-weight:650;color:#94a8c0;margin-top:3px;transition:color .4s;pointer-events:none}
.reason-card .reason-number:before{content:'';width:21px;height:1px;background:#c6d7ec;transition:background .4s,width .5s cubic-bezier(.22,1,.36,1)}
.reason-card .reason-icon{display:block;flex-shrink:0;width:58px;height:58px;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;fill:none;stroke:#1c4d81;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transition:transform .65s cubic-bezier(.22,1,.36,1),filter .65s}
.reason-icon .icon-accent{stroke:#176bff;transform-box:fill-box;transform-origin:center;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.reason-icon .icon-cycle{transform-box:view-box;transform-origin:center;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.reason-card .icon-trace{stroke-dasharray:1;stroke-dashoffset:0}
.reason-grid .reason-card h3{position:relative;font-family:var(--heading);font-size:clamp(1.2rem,1.65vw,1.5rem);font-weight:700;line-height:1.4;letter-spacing:-.04em;margin:0 0 19px;color:#102e52}
.reason-grid .reason-card p{position:relative;font-size:1rem;line-height:1.85;color:#5c728e;margin:0;max-width:36ch}
@media(prefers-reduced-motion:no-preference){
 .motion-ready .reason-card.reveal-item{transition:opacity .8s ease,transform .85s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
 .motion-ready .reason-card.reveal-item:not(.is-visible){opacity:0;transform:translateY(32px)}
 .motion-ready .reason-card .icon-trace{transition:stroke-dashoffset 1.15s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--reveal-delay,0ms) + 130ms)}
 .motion-ready .reason-card:not(.is-visible) .icon-trace{stroke-dashoffset:1}
}
@media(hover:hover) and (pointer:fine){
 .reason-card:hover .reason-card-surface{border-color:#b6cef0;box-shadow:0 6px 12px #14396306,0 23px 48px #14396315,inset 0 1px 0 #fff}
 .reason-card:hover .reason-card-surface:after{opacity:1}
 .reason-card:hover .reason-number{color:#3277d5}
 .reason-card:hover .reason-number:before{background:#78aaf1}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .reason-card:hover .reason-card-surface{transform:perspective(1100px) translate3d(0,-5px,0) rotateX(var(--card-rotate-x,0deg)) rotateY(var(--card-rotate-y,0deg))}
 .reason-card:hover .reason-card-surface:before{opacity:.85;transform:scaleX(1)}
 .reason-card:hover .reason-icon{transform:translateY(-3px);filter:drop-shadow(0 4px 7px #176bff1a)}
 .reason-card:hover .reason-icon-mail .icon-accent{transform:translateY(-2px)}
 .reason-card:hover .reason-icon-shield .icon-accent{transform:translateY(1px) rotate(-5deg)}
 .reason-card:hover .icon-cycle{transform:rotate(13deg)}
 .reason-card:hover .reason-number:before{width:29px}
}
@media(max-width:1180px){.reason-grid{gap:18px}.reason-card-surface{padding:30px 27px}.reason-card-top{margin-bottom:33px}.reason-grid .reason-card h3{font-size:1.25rem}.reason-card .reason-icon{width:55px;height:55px}}
@media(max-width:960px){.reason-grid{gap:15px}.reason-card-surface{padding:27px 23px;border-radius:21px}.reason-card-top{margin-bottom:29px;gap:10px}.reason-card .reason-icon{width:49px;height:49px}.reason-card .reason-number:before{width:13px}.reason-grid .reason-card h3{font-size:1.125rem;line-height:1.45}.reason-grid .reason-card p{font-size:.9375rem;line-height:1.8}}
@media(max-width:700px){.reason-grid{gap:21px}.reason-card-surface{padding:29px;border-radius:23px}.reason-card-top{margin-bottom:26px}.reason-card .reason-icon{width:54px;height:54px}.reason-grid .reason-card h3{font-size:1.4rem;margin-bottom:16px}.reason-grid .reason-card p{font-size:1rem;max-width:100%}.reason-card .reason-number{font-size:.75rem}.reason-card .reason-number:before{width:23px}}
@media(max-width:370px){.reason-card-surface{padding:25px}.reason-grid .reason-card h3{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){
 .reason-card,.reason-card-surface,.reason-card .reason-icon,.reason-icon .icon-accent,.reason-icon .icon-cycle{transform:none!important;animation:none!important;transition:none!important}
 .reason-card-surface:before,.reason-card-surface:after,.reason-card .reason-number,.reason-card .reason-number:before,.reason-card .icon-trace{transition:none!important;animation:none!important}
 .reason-card .icon-trace{stroke-dashoffset:0!important}
}
@media print{.reason-card-surface{transform:none!important;box-shadow:none;break-inside:avoid}.reason-card .icon-trace{stroke-dashoffset:0!important}.reason-card-surface:before,.reason-card-surface:after{display:none}}
