.network-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.65}.lp-hero .hero-copy,.lp-hero .hero-visual,.lp-hero .hero-bottom{z-index:1}.lp-hero .hero-visual{will-change:translate}.motion-letter{display:inline-block;will-change:transform}.motion-title-line{display:block}.button{position:relative;overflow:hidden;isolation:isolate;will-change:translate}.button>*{position:relative;z-index:1}.click-ripple{position:absolute;border-radius:50%;background:#ffffff50;width:20px;height:20px;pointer-events:none;z-index:0}.header{transition:box-shadow .4s,background .4s}.header.is-scrolled{box-shadow:0 5px 30px #1934600b}.header nav a{position:relative}.header nav a:after{position:absolute;content:"";bottom:8px;left:0;width:100%;height:2px;background:#2b57ba;transform:scaleX(0);transform-origin:left;transition:transform .35s}.header nav a.is-active{color:#2449bc}.header nav a.is-active:after{transform:scaleX(1)}.promise-grid article,.risk-card{transform-style:preserve-3d;will-change:rotate;transition:box-shadow .35s,border-color .35s,rotate .35s,opacity .8s,transform .8s;position:relative;isolation:isolate}.promise-grid article:after{position:absolute;content:"";inset:0;border-radius:inherit;background:radial-gradient(260px circle at var(--light-x,50%) var(--light-y,50%),#5a8edf0d,transparent);pointer-events:none;z-index:-1}.promise-grid article:hover,.risk-card:hover{box-shadow:0 18px 40px #1c468910;border-color:#c6d7f0}.promise-art{transition:translate .4s var(--ease)}.promise-grid article:hover .promise-art{translate:0 -7px}.section-intro .accent{background-image:linear-gradient(#ffdeb1,#ffdeb1);background-repeat:no-repeat;background-position:left 96%;background-size:calc(var(--underline-progress,0)*100%) 7px;transition:background-size .1s linear}.infographic.is-tracing .info-node.after{box-shadow:0 0 0 4px #8aade818,0 10px 35px #305dbc18}.infographic .info-node{transition:box-shadow .5s,border-color .5s}.info-connector:before{content:"";position:absolute;width:2px;height:24px;left:50%;top:9px;background:linear-gradient(transparent,#7499db,transparent);opacity:0}.infographic.is-tracing .info-connector:before{animation:flowTrace 1.5s infinite}@keyframes flowTrace{0%{transform:translateY(-10px);opacity:0}40%{opacity:1}100%{transform:translateY(18px);opacity:0}}.security-story{height:230vh;position:relative;background:linear-gradient(#fff,#fafcff);border-top:1px solid #edf2fa}.story-sticky{position:sticky;top:105px;min-height:620px;height:calc(100vh - 120px);max-height:800px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:85px;padding-block:55px}.story-copy h2{font-size:35px;line-height:1.8}.story-lead{font-size:12px;color:#8190a6;line-height:2;margin-top:22px}.story-steps{margin-top:32px;display:grid;gap:0;max-width:350px}.story-steps button{display:flex;align-items:center;gap:22px;position:relative;padding:17px 0;text-align:left;color:#a2adbf;border-bottom:1px solid #e6edf7;transition:color .4s}.story-steps button>span{font-size:12px;font-family:Arial,sans-serif}.story-steps button strong{font-size:15px;font-weight:500}.story-steps button i{margin-left:auto;position:relative;width:24px;height:24px;display:grid;place-items:center;background:#f0f3f9;border-radius:50%;font-style:normal;transition:background .3s}.story-steps button i:after{content:"↗";font-size:12px}.story-steps button[aria-selected=true]{color:#2449bc}.story-steps button[aria-selected=true] strong{font-weight:700}.story-steps button[aria-selected=true] i{background:#2449bc;color:white}.story-stage{border:1px solid #e0e8f5;border-radius:20px;background:#fff;box-shadow:0 20px 70px #21478009;padding:28px 32px;position:relative}.stage-top{display:flex;justify-content:space-between;font-size:9px;color:#8197b8;letter-spacing:.1em}.stage-example{font-size:9px;letter-spacing:0;color:#a2adbf}.security-diagram{height:275px;position:relative;width:100%;max-width:360px;margin:0 auto;isolation:isolate}.diagram-ring{position:absolute;width:200px;height:200px;border:1px dashed #d9e4f5;border-radius:50%;top:35px;left:calc(50% - 100px);transition:border .6s,background .6s,scale .6s}.ring-b{width:256px;height:256px;top:7px;left:calc(50% - 128px);border-style:solid;opacity:.45}.diagram-core{position:absolute;width:83px;top:83px;left:calc(50% - 41.5px);filter:drop-shadow(0 8px 14px #315c9e18);transition:scale .5s}.diagram-core svg{fill:#e5ebf6;stroke:#c7d6ec;stroke-width:1.5;transition:fill .8s,stroke .8s}.diagram-check{fill:none;stroke:white;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:70;stroke-dashoffset:70;transition:stroke-dashoffset .8s .15s}.diagram-item{position:absolute;z-index:3;min-width:94px;padding:10px 13px;border:1px solid #e1e8f5;border-radius:8px;background:white;color:#9ba8be;font-size:12px;box-shadow:0 4px 15px #315c9e06;transition:color .5s,border-color .5s,box-shadow .5s,translate .5s}.diagram-item>span{font-size:15px;margin-right:8px}.item-a{top:22px;left:0}.item-b{right:0;top:126px}.item-c{bottom:6px;left:19px}.diagram-scan{position:absolute;top:35px;left:calc(50% - 100px);width:200px;height:200px;border-radius:50%;background:conic-gradient(from 0deg,transparent 70%,#81a5df25);animation:scanRotate 7s linear infinite;z-index:-1}@keyframes scanRotate{to{rotate:360deg}}.data-packet{position:absolute;z-index:2;width:6px;height:6px;border-radius:50%;background:#9db8e4;opacity:.6}.packet-a{left:50%;top:23px;animation:packetA 3s ease-in-out infinite}.packet-b{right:35px;top:47%;animation:packetB 3s .7s ease-in-out infinite}.packet-c{left:35px;bottom:28px;animation:packetC 3s 1.4s ease-in-out infinite}@keyframes packetA{0%{transform:translate(-60px,0);opacity:0}35%{opacity:1}100%{transform:translate(0,95px);opacity:0}}@keyframes packetB{0%{transform:translate(0,0);opacity:0}35%{opacity:1}100%{transform:translate(-105px,-5px);opacity:0}}@keyframes packetC{0%{transform:translate(0,0);opacity:0}35%{opacity:1}100%{transform:translate(95px,-90px);opacity:0}}.story-stage[data-stage="1"] .item-a,.story-stage[data-stage="2"] .item-a,.story-stage[data-stage="3"] .diagram-item{color:#315c9e;border-color:#a8c2eb;box-shadow:0 5px 22px #305da414}.story-stage[data-stage="2"] .item-b{color:#315c9e;border-color:#a8c2eb}.story-stage[data-stage="1"] .diagram-core svg{fill:#8eaddd;stroke:#a9c3eb}.story-stage[data-stage="2"] .diagram-core svg,.story-stage[data-stage="3"] .diagram-core svg{fill:#315fba;stroke:#7197d8}.story-stage[data-stage="2"] .diagram-check,.story-stage[data-stage="3"] .diagram-check{stroke-dashoffset:0}.story-stage[data-stage="3"] .ring-a{border-style:solid;border-color:#90b1e5;background:#e9f1ff33;scale:1.08}.story-stage[data-stage="3"] .diagram-core{scale:1.08}.stage-caption{min-height:140px;border-top:1px solid #edf2f9;padding-top:20px}.stage-caption>span{font-size:10px;color:#7894bd;letter-spacing:.08em}.stage-caption h3{font-size:18px;margin-top:10px;line-height:1.7}.stage-caption p{font-size:12px;color:#7e8da5;line-height:2;margin-top:10px}.stage-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #f0f3f8;margin-top:15px;padding-top:7px}.stage-controls button{font-size:10px;color:#426db6;min-height:40px}.stage-controls>span{font-size:8px;color:#9aa8bc}.story-stage.is-playing{border-color:#b3caee}.story-stage.is-playing .stage-caption>span{color:#c65a20}.check-meter{height:3px;background:#e9eff8;border-radius:3px;margin:18px 0 0;overflow:hidden}.check-meter span{display:block;width:0;height:100%;background:#648bd1;transition:width .6s var(--ease)}.motion-ready .risk-card .line-icon{transition:scale .6s var(--ease)}.motion-ready .risk-card:hover .line-icon{scale:1.1}.lp-design .story-bridge:before{display:none}.lp-design .story-bridge{padding-top:65px}.motion-ready .flow-grid article{transition:box-shadow .35s,opacity .8s,transform .8s}.motion-ready .flow-grid article.in-view{box-shadow:0 8px 30px #2e529b0a}.motion-ready .flow-grid article.in-view .step-number{color:#7296d5;transition:color .7s}.paused .diagram-check{stroke-dashoffset:0}.paused .network-canvas{opacity:.2}.paused .motion-letter{will-change:auto}
@media(max-width:1100px){.story-sticky{gap:45px}.story-copy h2{font-size:30px}.story-stage{padding:24px}.stage-caption h3{font-size:17px}}
@media(max-width:850px){.security-story{height:auto;padding-block:75px}.story-sticky{position:relative;top:auto;min-height:0;height:auto;max-height:none;padding:0;grid-template-columns:1fr;gap:35px}.story-copy{text-align:center}.story-copy h2{font-size:29px}.story-lead{font-size:11px}.story-steps{display:flex;max-width:560px;margin:28px auto 0;gap:5px}.story-steps button{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 2px;border-bottom:2px solid #e4ecf7}.story-steps button i{display:none}.story-steps button>span{font-size:10px}.story-steps button strong{font-size:12px}.story-steps button[aria-selected=true]{border-color:#315c9e}.story-stage{width:min(100%,520px);margin:auto;padding:26px}.stage-caption{min-height:135px}.story-lead{max-width:280px;margin:20px auto 0}.stage-top,.stage-example{font-size:9px}.security-diagram{height:270px}.diagram-item{font-size:12px}.stage-controls>span{font-size:8px}.network-canvas{opacity:.45}}
@media(max-width:480px){.security-story{padding-block:65px}.story-copy h2{font-size:25px}.story-steps button strong{font-size:10px}.story-stage{padding:22px 19px;border-radius:15px}.stage-caption h3{font-size:17px}.stage-caption p{font-size:12px}.diagram-item{padding:8px 10px;min-width:83px;font-size:11px}.stage-controls{gap:8px}.stage-controls>span{font-size:7px}.security-diagram{max-width:295px}.stage-caption{min-height:145px}.story-lead{font-size:11px}}
@media(prefers-reduced-motion:reduce){.security-story{height:auto;padding-block:65px}.story-sticky{position:relative;top:auto;height:auto;max-height:none;min-height:0}.diagram-check{stroke-dashoffset:0}.motion-letter{will-change:auto}}

.paused .security-story{height:auto;padding-block:65px}.paused .story-sticky{position:relative;top:auto;height:auto;max-height:none;min-height:0}.paused .story-lead{visibility:hidden}.network-canvas{contain:strict}