.concept{min-height:100svh;padding:120px max(4vw,32px);display:flex;align-items:center;background:#f4f5f6;position:relative;overflow:hidden}
.concept-grid{width:min(1500px,100%);margin:0 auto;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:center}
.concept-grid::before{content:"";position:absolute;left:50%;top:7%;bottom:7%;width:1px;background:linear-gradient(180deg,transparent,rgba(35,137,232,.18) 20%,rgba(35,137,232,.18) 80%,transparent);transform:translateX(-.5px)}
.concept-visual{min-height:550px;position:relative;display:grid;place-items:center;justify-items:end;padding-right:clamp(42px,5vw,88px)}.concept-copy{padding-left:clamp(42px,5vw,88px)}.concept-copy h2{font-size:clamp(46px,5vw,74px);line-height:1.08;letter-spacing:-.06em;margin:0 0 25px}.concept-copy h2 span{color:var(--blue)}.concept-copy>p{max-width:610px;font-size:15px;color:#6a6e75;line-height:1.9}
.idscan-scene{width:100%;max-width:650px;height:560px;position:relative;overflow:visible;isolation:isolate}.idscan-scene::before{content:"";position:absolute;inset:auto -16% -42% 10%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(35,137,232,.16),rgba(35,137,232,0) 70%)}
.idscan-book{width:430px;height:310px;position:absolute;left:16%;top:70px;display:flex;perspective:700px;animation:idscanFade .8s .2s both}.idscan-cover{width:50%;height:100%;background:#1f4f8a;transform-origin:right center;transform:rotateY(15deg) scaleX(1.02);border-radius:7px 0 0 7px;box-shadow:2px 0 12px rgba(0,0,0,.13)}.idscan-page{width:50%;height:100%;background:#f4f6fb;transform-origin:left center;transform:rotateY(-10deg) scaleX(1.02);border-radius:0 7px 7px 0;box-shadow:-2px 0 12px rgba(0,0,0,.09);position:relative;border:1px solid #e2e8f0;border-left:0}.idscan-lines{position:absolute;top:42px;left:28px;right:28px;height:1px;background:#dce3eb;box-shadow:0 22px 0 #dce3eb,0 44px 0 #dce3eb,0 66px 0 #dce3eb,0 88px 0 #dce3eb,0 110px 0 #dce3eb,0 132px 0 #dce3eb}.idscan-qr{position:absolute;right:32%;top:47%;width:46px;height:46px;background:rgba(209,213,219,.5);border:1px solid rgba(0,207,161,.42);border-radius:7px;z-index:5;box-shadow:0 0 8px rgba(0,207,161,.38);animation:idscanPulse 2.4s ease-in-out infinite}.idscan-qr::before,.idscan-qr::after{content:"";position:absolute;inset:8px;border:5px dotted #a3a9b0;opacity:.72}.idscan-qr::after{inset:18px;background:#a3a9b0;border:0}
.idscan-phone{width:164px;height:328px;position:absolute;left:7%;top:205px;z-index:11;overflow:hidden;border:3px solid #4d5962;border-radius:26px;background:transparent;box-shadow:0 20px 42px rgba(0,0,0,.18);animation:idscanFade .8s .4s both,idscanPhone 4.5s ease-in-out 0s 2}.idscan-screen{width:100%;height:100%;padding:25px 0;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(18,31,42,.31);backdrop-filter:blur(3px);border-radius:22px}.idscan-frame{width:104px;height:104px;position:relative;margin-bottom:24px;border:1px solid rgba(255,255,255,.36)}.idscan-corner{position:absolute;width:23px;height:23px;border:3px solid #fff}.idscan-corner.tl{top:-2px;left:-2px;border-right:0;border-bottom:0}.idscan-corner.tr{top:-2px;right:-2px;border-left:0;border-bottom:0}.idscan-corner.bl{bottom:-2px;left:-2px;border-right:0;border-top:0}.idscan-corner.br{right:-2px;bottom:-2px;border-left:0;border-top:0}.idscan-line{position:absolute;left:5%;top:10%;width:90%;height:2px;background:#00e0a6;box-shadow:0 0 12px #00e0a6;animation:idscanLine 2s ease-in-out infinite;opacity:.85}.idscan-text{color:rgba(255,255,255,.88);font-size:11px;text-align:center}
.concept-copy .id-card{margin-top:32px}.concept-copy .id-card b{display:inline-flex;align-items:center;padding:10px 15px;border-radius:999px;background:#111;color:#fff;font-size:15px;font-weight:500;line-height:1}.id-benefits{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px}.id-benefit{display:flex;align-items:center;gap:8px;color:#68717a;font-size:12px}.id-benefit svg{width:23px;height:23px;fill:none;stroke:#2389e8;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@keyframes idscanFade{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes idscanPhone{0%{transform:translate(0,0) scale(1)}30%{transform:translate(105px,-72px) scale(1.05)}80%{transform:translate(105px,-72px) scale(1.05)}100%{transform:translate(0,0) scale(1)}}@keyframes idscanLine{0%{top:10%;opacity:.65}50%{top:90%;opacity:.9}100%{top:10%;opacity:.65}}@keyframes idscanPulse{0%{box-shadow:0 0 7px rgba(0,207,161,.38),0 0 0 0 rgba(0,207,161,.16)}100%{box-shadow:0 0 9px rgba(0,207,161,.25),0 0 0 15px rgba(0,207,161,0)}}
@media(max-width:850px){.concept{padding:100px 22px 75px}.concept-grid{display:block}.concept-grid::before{display:none}.concept-visual{min-height:500px;justify-items:center;padding-right:0;margin-bottom:45px}.concept-copy{padding-left:0}.idscan-book{width:360px;height:260px;left:18%;top:55px}.idscan-phone{width:140px;height:280px;left:6%;top:180px}@keyframes idscanPhone{0%{transform:translate(0,0) scale(1)}30%{transform:translate(78px,-55px) scale(1.04)}80%{transform:translate(78px,-55px) scale(1.04)}100%{transform:translate(0,0) scale(1)}}}
@media(max-width:520px){.concept-visual{min-height:420px}.idscan-scene{height:420px}.idscan-book{width:290px;height:210px;left:14%;top:48px}.idscan-lines{top:30px;left:20px;right:20px;box-shadow:0 16px 0 #dce3eb,0 32px 0 #dce3eb,0 48px 0 #dce3eb,0 64px 0 #dce3eb,0 80px 0 #dce3eb}.idscan-qr{width:38px;height:38px}.idscan-qr::before{inset:6px}.idscan-qr::after{inset:15px}.idscan-phone{width:112px;height:224px;top:155px}.idscan-frame{width:76px;height:76px}.idscan-text{font-size:9px}.concept-copy h2{font-size:40px}.id-benefits{display:grid;gap:14px}}
@media(prefers-reduced-motion:reduce){.idscan-book,.idscan-phone,.idscan-line,.idscan-qr{animation:none}}