/* Reputation protection extends the existing ink-and-blue visual system. */
.hero-note{line-height:1.6}
.protection-story{margin-top:64px}
.protection-story-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid #344158;padding-top:35px;margin-bottom:34px}
.protection-story-heading .eyebrow{color:#9eb7fa;font-size:12px;max-width:270px;line-height:1.8}
.protection-story-heading p{font-size:16px;line-height:1.7;color:#adb8cb;margin:0}
.safeguard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.safeguard-stage{min-width:0}
.safeguard-stage+.safeguard-stage{border-left:1px solid #344158;padding-left:35px}
.safeguard-icon{width:58px;height:58px;display:grid;place-items:center;background:#22324f;border:1px solid #3a4d70;border-radius:14px;margin-bottom:23px;color:#9cb7ff}
.safeguard-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.safeguard-stage *{animation-play-state:var(--motion-state,running)}
.stage-label{font-size:12px;color:#91a4c2;letter-spacing:.1em}
.safeguard-stage h3{font-size:23px;letter-spacing:-.035em;line-height:1.35;margin:13px 0}
.safeguard-stage p{font-size:16px;line-height:1.8;color:#bac5d7;margin-bottom:22px}
.stage-detail{display:block;font-size:13px;line-height:1.6;color:#97b6ff}
.sending-comparison{margin-top:58px;background:#fff;color:var(--ink);border-radius:16px;padding:34px}
.comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:30px}
.comparison-heading .eyebrow{font-size:12px;color:var(--blue);margin-bottom:13px}
.comparison-heading h3{font-size:31px;line-height:1.25;letter-spacing:-.04em;margin:0}
.comparison-heading>p{max-width:390px;margin:0;font-size:16px;line-height:1.75;color:var(--muted)}
.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.comparison-grid article{padding:23px;background:#f7f9fc;border:1px solid #e9edf4;border-radius:10px}
.comparison-grid .comparison-apex{background:#edf3ff;border-color:#c8d8ff}
.comparison-number{display:flex;gap:10px;align-items:center;font-size:13px;line-height:1.5;color:#8592a7;margin-bottom:20px}
.comparison-number>span{font-size:10px;letter-spacing:.05em;color:#305bea;font-weight:600}
.comparison-grid h4{font-size:19px;line-height:1.4;letter-spacing:-.03em;margin-bottom:13px}
.comparison-grid p{font-size:16px;line-height:1.75;color:var(--muted);margin-bottom:22px}
.comparison-takeaway{display:block;font-size:14px;line-height:1.6;color:#556882;border-top:1px solid #dde4ef;padding-top:16px}
.comparison-apex .comparison-takeaway{color:#264fd8;border-color:#d3ddf9}
.placement-note{display:flex;align-items:flex-start;gap:16px;margin-top:32px;max-width:1030px}
.placement-note>svg{width:26px;height:26px;flex-shrink:0;fill:none;stroke:#8ea6cc;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.placement-note strong{font-family:var(--display);font-size:16px;line-height:1.6;font-weight:500;color:#d3deef}
.placement-note p{font-size:14px;line-height:1.8;color:#a7b6ce;margin:9px 0 12px}
.placement-note a{display:inline-block;font-size:13px;color:#a5bdff;margin-right:23px;line-height:1.8;text-decoration:underline;text-underline-offset:4px}
/* Four independent paths terminate exactly at their provider and hub. */
.connection-diagram{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);grid-template-rows:70px 55px 70px;column-gap:42px;row-gap:0;padding-bottom:42px;margin:0;min-height:237px}
.connection-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.connection-routes path{fill:none;stroke-linecap:round}
.route-track-group path{stroke:#bdceee;stroke-width:1.5}
.route-flow-group path{stroke:#376dff;stroke-width:3;stroke-dasharray:5 95;stroke-dashoffset:0;animation:provider-flow 4.4s linear infinite;animation-delay:var(--route-delay)}
.provider-node{position:relative;z-index:1;min-width:0;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:11px 7px;background:#fff;border:1px solid #dbe4f3;box-shadow:0 5px 20px #2c447907;border-radius:10px;font-size:14px;font-weight:500;line-height:1.35;text-align:center}
.provider-node b{font-size:23px;height:26px;line-height:26px;font-family:Arial,sans-serif;font-weight:600;color:#6d84b8}
.provider-node .outlook-letter{color:#4c79d2}
.provider-node .managed-mark svg{width:25px;height:25px}
.provider-gmail{grid-column:1;grid-row:1}.provider-microsoft{grid-column:1;grid-row:3}.provider-smtp{grid-column:3;grid-row:1}.provider-managed{grid-column:3;grid-row:3}
.connection-diagram .diagram-core{grid-column:2;grid-row:1/4;justify-self:center;align-self:center;width:86px;height:100px;border-radius:20px;display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;box-shadow:0 8px 30px #3667ee14}
.connection-diagram .diagram-core svg{width:43px;height:43px}
.diagram-core>span{font-size:12px;white-space:nowrap;font-weight:600}
.connection-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#8292ad;font-size:10px;letter-spacing:.1em;line-height:1.6}
@keyframes provider-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(max-width:1150px){.flexibility-card{grid-template-columns:.9fr 1.1fr;gap:32px;padding:40px 28px}.connection-diagram{column-gap:25px;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)}.connection-diagram .diagram-core{width:76px;height:90px}.provider-node{font-size:13px}.comparison-grid article{padding:19px}.comparison-number>span{font-size:9px}.safeguard-grid{gap:25px}.safeguard-stage+.safeguard-stage{padding-left:25px}}
@media(max-width:900px){.flexibility-card{grid-template-columns:1fr;gap:45px}.flexibility-card>div:first-child{max-width:600px}.flexibility-card p{max-width:550px}.connection-diagram{width:min(510px,100%);justify-self:center;column-gap:55px;grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr)}.connection-diagram .diagram-core{width:86px;height:100px}.provider-node{font-size:14px}.comparison-grid{grid-template-columns:1fr}.comparison-grid article{padding:23px;display:grid;grid-template-columns:1fr 1.4fr;column-gap:32px}.comparison-number{grid-column:1;margin-bottom:10px}.comparison-grid h4{grid-column:1;margin:0}.comparison-grid p{grid-column:2;grid-row:1/4;margin:0}.comparison-takeaway{grid-column:1;border:0;padding-top:13px}.comparison-number>span{font-size:10px}}
@media(max-width:760px){.protection-story{margin-top:42px}.protection-story-heading{display:block;margin-bottom:30px;padding-top:26px}.protection-story-heading .eyebrow{font-size:11px;max-width:none}.protection-story-heading p{margin-top:16px}.safeguard-grid{grid-template-columns:1fr;gap:0}.safeguard-stage,.safeguard-stage+.safeguard-stage{border:0;padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid #344158}.safeguard-stage:last-child{margin:0;border:0;padding-bottom:0}.safeguard-icon{float:right;margin:0 0 10px 18px;width:48px;height:48px}.safeguard-icon svg{width:33px;height:33px}.safeguard-stage h3{font-size:23px;max-width:260px}.safeguard-stage p{clear:both;margin-bottom:14px}.sending-comparison{margin-top:38px;padding:24px 18px}.comparison-heading{display:block;margin-bottom:24px}.comparison-heading h3{font-size:29px}.comparison-heading>p{margin-top:18px}.comparison-grid article{display:block;padding:20px}.comparison-grid h4{margin-bottom:13px}.comparison-number{margin-bottom:14px}.comparison-grid p{margin-bottom:17px}.comparison-takeaway{border-top:1px solid #dde4ef}.placement-note{gap:12px;margin-top:27px}.placement-note>svg{width:23px;height:23px}.placement-note a{margin-top:6px}.flexibility-card{padding:30px 20px}.connection-diagram{column-gap:23px;grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);grid-template-rows:80px 35px 80px}.connection-diagram .diagram-core{width:74px;height:90px;border-radius:17px}.diagram-core>span{font-size:11px}.provider-node{font-size:13px;padding:10px 4px;min-height:74px}.connection-caption{font-size:9px}.hero-note{align-items:flex-start;max-width:330px}.hero-note .mini-check{margin-top:1px}}
@media(max-width:380px){.connection-diagram{column-gap:15px;grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr)}.connection-diagram .diagram-core{width:66px}.provider-node{font-size:12px}.diagram-core>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.route-flow-group{display:none}}