.security-film-page{--navy:#101e35;--navy-2:#182b49;--blue:#2877c8;--ink:#17283e;--muted:#64748b;--border:#e4eaf1;--light:#f5f8fc color:var(--ink)}
.security-film-page .container{max-width: 1180px;}
.security-film-page .nav-wrap{background: #fff; border-bottom: 1px solid #eaf0f6;}
.security-film-page .navbar{min-height: 78px;}
.security-film-page .brand{color: var(--navy); font-size: 26px; letter-spacing: .11em; font-weight: 850; line-height: 1;}
.security-film-page .brand-dot{color: #2877c8;}
.security-film-page .brand-sub{font-size: 9px; letter-spacing: .19em; font-weight: 600; color: #72839a; margin-top: 6px;}
.security-film-page .nav-link{font-size: 14px !important; font-weight: 600; color: #475569 !important; margin: 0 9px;}
.security-film-page .nav-link:hover{color: var(--blue) !important;}
.security-film-page .btn-primary-brand{background: #2569b4; color: #fff; border: 1px solid #2569b4; border-radius: 7px; padding: 12px 22px; font-weight: 650; transition: .2s;}
.security-film-page .btn-primary-brand:hover{background: #155293; color: #fff; transform: translateY(-1px);}
.security-film-page .btn-outline-brand{border: 1px solid #ccd8e5; color: var(--ink); border-radius: 7px; padding: 12px 22px; font-weight: 650;}
.security-film-page .btn-outline-brand:hover{border-color: #2569b4; background: #eef5ff; color: #19589b;}
.security-film-page .eyebrow{display: inline-flex; align-items: center; gap: 9px; font-size: 12px; letter-spacing: .13em; text-transform: uppercase; font-weight: 800; color: #2d79bd;}
.security-film-page .eyebrow:before{content: ""; height: 2px; width: 24px; background: currentColor;}
.security-film-page .hero{background: radial-gradient(circle at 85% 26%,rgba(59,117,190,.14),transparent 27%),linear-gradient(130deg,#f9fbfe 0%,#eff5fa 100%); position: relative; overflow: hidden; padding: 94px 0 102px;}
.security-film-page .hero:before{content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(36,91,145,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(36,91,145,.035) 1px,transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(90deg,transparent 30%,#000);}
.security-film-page .hero .container{position: relative;}
.security-film-page .hero h1{font-size: clamp(36px,4.4vw,60px); line-height: 1.19; letter-spacing: -.035em; font-weight: 800; color: #102039; margin: 24px 0;}
.security-film-page .hero h1 span{color: #2671b6;}
.security-film-page .hero-lead{color: #586a80; font-size: 17px; max-width: 560px;}
.security-film-page .hero-chips{display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0 34px;}
.security-film-page .hero-chips span{font-size: 12px; font-weight: 650; color: #416080; background: white; border: 1px solid #e0e9f3; padding: 7px 13px; border-radius: 30px;}
.security-film-page .hero-chips i{color: #2476bf; margin-right: 6px;}
.security-film-page .showcase{position: relative; min-height: 470px; display: flex; align-items: center; justify-content: center; perspective: 1200px;}
.security-film-page .halo{position: absolute; width: 460px; height: 460px; max-width: 100%; border-radius: 50%; background: radial-gradient(circle,rgba(59,127,198,.14),rgba(42,121,186,.04) 55%,transparent 72%);}
.security-film-page .ring{position: absolute; width: 400px; height: 400px; max-width: 95%; border: 1px dashed rgba(63,127,190,.22); border-radius: 50%; transform: rotateX(68deg) rotate(-28deg);}
.security-film-page .card-stack{width: 355px; height: 235px; max-width: 83%; position: relative; transform: rotate(-11deg) skewY(2deg); filter: drop-shadow(0 29px 23px rgba(15,43,82,.16));}
.security-film-page .mock-card{border-radius: 16px; position: absolute; inset: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.65);}
.security-film-page .back-card{transform: translate(24px,22px); background: #183b6c; opacity: .55;}
.security-film-page .main-card{background: linear-gradient(117deg,#0b2341 3%,#174c80 55%,#245487 100%); box-shadow: 0 12px 50px #0f326b35;}
.security-film-page .main-card:before{content: ""; position: absolute; inset: -45%; background: conic-gradient(from 15deg,transparent 0deg,rgba(131,229,234,.48) 48deg,rgba(216,153,240,.49) 83deg,rgba(240,222,135,.37) 118deg,transparent 156deg,transparent 255deg,rgba(121,180,250,.35) 300deg,transparent 350deg); animation: shimmer 10s linear infinite;}
.security-film-page .main-card:after{content: ""; position: absolute; inset: 0; background: linear-gradient(135deg,transparent 34%,rgba(255,255,255,.19) 47%,transparent 56%); pointer-events: none;}
.security-film-page .card-inner{position: absolute; inset: 0; padding: 25px 27px; z-index: 1; color: #fff;}
.security-film-page .sample-label{font-size: 11px; letter-spacing: .17em; font-weight: 700; opacity: .85;}
.security-film-page .holo-symbol{position: absolute; right: 28px; top: 54px; width: 98px; height: 98px; border: 2px solid rgba(255,255,255,.65); border-radius: 50%; box-shadow: 0 0 0 11px rgba(255,255,255,.07),inset 0 0 25px rgba(181,230,245,.35); display: grid; place-items: center; font-size: 49px; color: #ecfaff; text-shadow: 0 0 14px #b1eaff;}
.security-film-page .sample-title{font-weight: 750; letter-spacing: .06em; font-size: 23px; margin-top: 58px;}
.security-film-page .sample-meta{font-size: 10px; letter-spacing: .2em; opacity: .68;}
.security-film-page .holo-line{height: 6px; background: linear-gradient(90deg,#79daf0,#dcb7fa,#e5dba0,#91e5ed); width: 65%; border-radius: 4px; margin-top: 20px; opacity: .88;}
.security-film-page .float-badge{position: absolute; z-index: 5; background: #fff; box-shadow: 0 11px 35px #1e477123; border: 1px solid #e5edf6; border-radius: 10px; padding: 10px 15px; color: #344a65; font-size: 12px; font-weight: 700;}
.security-film-page .float-badge i{color: #2272b9; font-size: 18px; margin-right: 8px;}
.security-film-page .float-one{left: -3px; top: 60px;}
.security-film-page .float-two{right: 1px; bottom: 53px;}
.security-film-page .trust-band{background: #10233f; color: #e6effa; padding: 22px 0;}
.security-film-page .trust-items{display: flex; justify-content: center; gap: 30px 50px; flex-wrap: wrap;}
.security-film-page .trust-items span{font-size: 13px; font-weight: 600;}
.security-film-page .trust-items i{color: #87bff1; margin-right: 10px; font-size: 17px;}
.security-film-page section.section{padding: 92px 0;}
.security-film-page .section-head{max-width: 660px; margin-bottom: 43px;}
.security-film-page .section-head.center{margin-left: auto; margin-right: auto; text-align: center;}
.security-film-page .section-head.center .eyebrow:before{display: none;}
.security-film-page .section-title{font-size: clamp(29px,3vw,41px); font-weight: 800; letter-spacing: -.025em; color: #12243d; line-height: 1.3; margin: 15px 0;}
.security-film-page .section-desc{font-size: 15px; color: #68788e; margin: 0;}
.security-film-page .feature-card{height: 100%; border: 1px solid var(--border); border-radius: 12px; padding: 30px 27px; background: #fff; transition: transform .25s,box-shadow .25s,border-color .25s;}
.security-film-page .feature-card:hover{transform: translateY(-5px); box-shadow: 0 18px 35px #1b456510; border-color: #c7d9ef;}
.security-film-page .icon-box{width: 55px; height: 55px; border-radius: 12px; background: #eef5fd; color: #286fb4; display: grid; place-items: center; font-size: 24px; margin-bottom: 25px;}
.security-film-page .feature-card h3{font-size: 18px; font-weight: 750; margin-bottom: 14px; color: #19304d;}
.security-film-page .feature-card p{font-size: 14px; color: #6b7a8d; margin: 0;}
.security-film-page .alt-bg{background: #f5f8fc;}
.security-film-page .split-visual{min-height: 420px; border-radius: 15px; position: relative; overflow: hidden; background: linear-gradient(145deg,#11253f,#224e7c); display: flex; align-items: center; justify-content: center;}
.security-film-page .split-visual:before{content: ""; position: absolute; width: 360px; height: 360px; border: 1px solid #ffffff20; border-radius: 50%; box-shadow: 0 0 0 55px #ffffff08,0 0 0 110px #ffffff04;}
.security-film-page .film-sheet{width: 265px; height: 328px; border-radius: 12px; transform: rotate(-14deg); background: linear-gradient(140deg,rgba(60,211,231,.75),rgba(196,147,242,.78) 35%,rgba(240,209,142,.77) 61%,rgba(109,219,221,.79)); box-shadow: 20px 25px 0 -4px #d8e6f830,25px 32px 50px #0515299c; position: relative; overflow: hidden; border: 2px solid #ffffff75;}
.security-film-page .film-sheet:after{content: ""; position: absolute; inset: 10%; border: 2px solid #ffffffb0; border-radius: 50%; transform: scale(.8); box-shadow: 0 0 0 17px #ffffff20,0 0 0 48px #ffffff17;}
.security-film-page .film-sheet .stamp{position: absolute; z-index: 2; top: 41%; width: 100%; text-align: center; color: #fff; font-size: 60px; text-shadow: 0 0 25px #35527e;}
.security-film-page .film-caption{position: absolute; bottom: 23px; left: 25px; color: #d5e4f3; font-size: 12px; letter-spacing: .1em;}
.security-film-page .point{display: flex; gap: 17px; padding: 17px 0; border-bottom: 1px solid #dfe7f0;}
.security-film-page .point:last-child{border-bottom: 0;}
.security-film-page .point i{font-size: 22px; color: #2a77ba; line-height: 1.2;}
.security-film-page .point h4{font-size: 16px; font-weight: 750; margin: 0 0 4px;}
.security-film-page .point p{color: #6d7e92; font-size: 14px; margin: 0;}
.security-film-page .app-card{border: 1px solid #e2eaf2; border-radius: 12px; background: #fff; padding: 23px; height: 100%; display: flex; align-items: center; gap: 15px; transition: .2s;}
.security-film-page .app-card:hover{border-color: #9cbce0; background: #fbfdff;}
.security-film-page .app-card i{font-size: 25px; color: #2e78b8; background: #f0f6fc; width: 54px; height: 54px; flex: none; border-radius: 11px; display: grid; place-items: center;}
.security-film-page .app-card h3{font-size: 15px; font-weight: 750; margin: 0;}
.security-film-page .app-card span{font-size: 12px; color: #7d8ca0;}
.security-film-page .step{position: relative; padding: 32px; border-radius: 12px; border: 1px solid #e2eaf2; background: #fff; height: 100%;}
.security-film-page .step-no{font-size: 12px; font-weight: 800; color: #2a76b9; letter-spacing: .17em;}
.security-film-page .step h3{font-size: 18px; font-weight: 750; margin: 18px 0 10px;}
.security-film-page .step p{font-size: 14px; color: #6f7f92; margin: 0;}
.security-film-page .step .bi-arrow-up-right{position: absolute; right: 28px; top: 28px; color: #abc6e0; font-size: 20px;}
.security-film-page .note{background: #ecf3fa; padding: 17px 20px; border-left: 3px solid #3983be; border-radius: 4px; color: #586d81; font-size: 13px;}
.security-film-page .cta{background: linear-gradient(120deg,#10243e,#183e66); color: #fff; padding: 75px 0; position: relative; overflow: hidden;}
.security-film-page .cta:after{content: ""; position: absolute; width: 430px; height: 430px; border-radius: 50%; border: 1px solid #ffffff24; right: -80px; top: -160px; box-shadow: 0 0 0 50px #ffffff07,0 0 0 110px #ffffff05;}
.security-film-page .cta .container{position: relative; z-index: 1;}
.security-film-page .cta h2{font-size: clamp(27px,3.5vw,40px); font-weight: 800; margin: 12px 0 17px;}
.security-film-page .cta p{color: #c4d3e4; font-size: 15px; max-width: 630px;}
.security-film-page .btn-light-brand{background: #fff; border: 1px solid #fff; color: #153c63; padding: 13px 23px; font-weight: 750; border-radius: 7px;}
.security-film-page .btn-light-brand:hover{background: #dcecff; color: #153c63;}
.security-film-page .btn-ghost-white{border: 1px solid #ffffff65; color: white; padding: 13px 23px; border-radius: 7px; font-weight: 650;}
.security-film-page .btn-ghost-white:hover{background: #ffffff14; color: white;}
.security-film-page footer{background: #0b192b; color: #9dafc5; padding: 54px 0 25px;}
.security-film-page footer .brand{color: white;}
.security-film-page footer a{color: #aebed1;}
.security-film-page footer a:hover{color: #fff;}
.security-film-page .footer-label{color: white; font-size: 14px; font-weight: 700; margin-bottom: 15px;}
.security-film-page footer .small{font-size: 13px;}
.security-film-page .footer-rule{border-color: #ffffff20; margin: 35px 0 20px;}
.security-film-page .tiny{font-size: 11px; color: #8496ad;}
.security-film-page .top-link{position: fixed; right: 23px; bottom: 22px; width: 43px; height: 43px; border-radius: 9px; display: grid; place-items: center; background: #286fb4; color: #fff; box-shadow: 0 9px 22px #163f6c40; z-index: 10;}
@media (max-width:991px){.security-film-page .hero{padding: 64px 0;}
.security-film-page .showcase{min-height: 390px; margin-top: 28px;}
.security-film-page .float-one{left: 4%;}
.security-film-page .float-two{right: 3%;}
.security-film-page section.section{padding: 68px 0;}
.security-film-page .navbar-collapse{padding: 12px 0 20px;}
}@media (max-width:575px){.security-film-page .hero h1{font-size: 37px;}
.security-film-page .showcase{min-height: 340px;}
.security-film-page .card-stack{width: 300px; height: 199px;}
.security-film-page .card-inner{padding: 19px;}
.security-film-page .sample-title{margin-top: 49px; font-size: 20px;}
.security-film-page .holo-symbol{width: 73px; height: 73px; font-size: 35px; right: 22px;}
.security-film-page .float-badge{font-size: 10px; padding: 7px 10px;}
.security-film-page .float-one{top: 24px; left: 0;}
.security-film-page .float-two{bottom: 25px; right: 0;}
.security-film-page .trust-items{justify-content: flex-start; gap: 12px 24px;}
.security-film-page .trust-items span{font-size: 12px;}
.security-film-page .split-visual{min-height: 360px;}
.security-film-page .film-sheet{transform: rotate(-12deg) scale(.85);}
.security-film-page .cta{padding: 60px 0;}
}@media (min-width: 992px){.security-film-page .hero .row{align-items: stretch !important;}
.security-film-page .hero .row > .col-lg-6:first-child{display: flex; flex-direction: column; justify-content: center;}
.security-film-page .hero .showcase{height: 470px; min-height: 470px;}
.security-film-page .hero h1{font-size: clamp(34px, 3.05vw, 43px); line-height: 1.17; letter-spacing: -.028em; margin: 15px 0 17px;}
.security-film-page .hero-lead{font-size: 15px; line-height: 1.65; max-width: 525px; margin-bottom: 0;}
.security-film-page .hero-chips{gap: 7px; margin: 17px 0 22px;}
.security-film-page .hero-chips span{font-size: 11px; padding: 5px 10px;}
.security-film-page .hero .btn-primary-brand,.security-film-page .hero .btn-outline-brand{padding: 10px 15px; font-size: 13px;}
.security-film-page .hero .d-flex.gap-3{gap: 10px !important;}
}@media (prefers-reduced-motion:reduce){.security-film-page *,.security-film-page *:before,.security-film-page *:after{animation: none !important; scroll-behavior: auto !important; transition: none !important;}
}/* Holographic sweep from the reference design */
@keyframes security-film-shimmer { to { transform:rotate(360deg); } }
.security-film-page .main-card:before { animation-name:security-film-shimmer; }
.security-film-page .cta { background:linear-gradient(120deg,#dceef7,#f1f8fb); color:#173246; }
.security-film-page .cta p { color:#496477; }
.security-film-page .cta .eyebrow { color:#246a94 !important; }
.security-film-page .cta .btn-light-brand { background:#003353; border-color:#003353; color:#fff; }
.security-film-page .cta .btn-light-brand:hover { background:#164c6b; border-color:#164c6b; color:#fff; }
.security-film-page .cta .col-lg-4 > .mt-3 { color:#496477 !important; }