.idHeroVisual{--orange:#f97316;--orange-deep:#ea580c;--orange-soft:#fdece0;--blue:#3b82f6;--blue-ico:#4b6ef5;--ink:#0a0a0a;--slate:#64748b;--line:#e9edf3;--green:#16a34a;--green-soft:#e7f7ec;aspect-ratio:1/.82;width:100%;max-width:620px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;position:relative}.idHeroVisual *{box-sizing:border-box}.idHeroVisual .blob{aspect-ratio:1;background:#f6f8fc;border-radius:50%;width:88%;position:absolute;top:50%;right:-14%;transform:translateY(-50%)}.idHeroVisual .blob:after{content:"";border:1px solid #e7ecf4;border-radius:50%;position:absolute;inset:-6%}.idHeroVisual .dots{display:none}.idHeroVisual .tablet{width:88%;transform-style:preserve-3d;filter:drop-shadow(0 34px 44px #0f193c38);animation:8s ease-in-out infinite idhvFloatTab;position:absolute;top:50%;left:48%;transform:translate(-50%,-50%)perspective(1600px)rotateY(-9deg)rotateX(3deg)rotate(-1deg)}@keyframes idhvFloatTab{0%,to{transform:translate(-50%,-50%)perspective(1600px)rotateY(-9deg)rotateX(3deg)rotate(-1deg)translateY(0)}50%{transform:translate(-50%,-50%)perspective(1600px)rotateY(-9deg)rotateX(3deg)rotate(-1deg)translateY(-12px)}}.idHeroVisual .bezel{background:#101319;border-radius:22px;padding:11px}.idHeroVisual .screen{background:#f4f5f7;border-radius:13px;min-height:330px;display:flex;overflow:hidden}.idHeroVisual .side{background:linear-gradient(#2f63f4,#274fd6);flex-direction:column;width:26%;padding:13px 10px;display:flex}.idHeroVisual .brand{align-items:center;gap:7px;margin-bottom:14px;display:flex}.idHeroVisual .logo{background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:21px;height:21px;display:flex}.idHeroVisual .logo svg{width:13px;height:13px}.idHeroVisual .brandtxt{color:#fff;font-size:8.5px;font-weight:800;line-height:1.1}.idHeroVisual .brandtxt span{color:#bcccff;margin-top:1px;font-size:6.5px;font-weight:500;display:block}.idHeroVisual .seclabel{letter-spacing:.09em;color:#9fb6ff;margin:0 0 4px 4px;font-size:6px;font-weight:700}.idHeroVisual .nav{flex-direction:column;gap:2px;margin:0 0 10px;padding:0;list-style:none;display:flex}.idHeroVisual .nav li{color:#cdd9ff;border-radius:6px;align-items:center;gap:6px;padding:5.5px 7px;font-size:8.5px;font-weight:500;display:flex}.idHeroVisual .nav li svg{opacity:.85;flex-shrink:0;width:10px;height:10px}.idHeroVisual .nav li.active{background:var(--orange);color:#fff;font-weight:700}.idHeroVisual .main{flex-direction:column;flex:1;display:flex}.idHeroVisual .apphead{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.idHeroVisual .crumb{color:var(--ink);font-size:9.5px;font-weight:700}.idHeroVisual .acts{align-items:center;gap:8px;display:flex}.idHeroVisual .lang{color:var(--slate);font-size:7.5px;font-weight:600}.idHeroVisual .ava{align-items:center;gap:4px;display:flex}.idHeroVisual .avadot{background:linear-gradient(135deg,#94a3b8,#64748b);border-radius:5px;width:14px;height:14px}.idHeroVisual .avatxt{color:var(--ink);font-size:7.5px;font-weight:700;line-height:1.1}.idHeroVisual .avatxt span{color:var(--slate);font-size:6px;font-weight:500;display:block}.idHeroVisual .mainpad{flex:1;padding:12px 13px}.idHeroVisual .h1{color:var(--ink);margin:0 0 2px;font-size:14px;font-weight:800}.idHeroVisual .sub{color:var(--slate);margin:0 0 10px;font-size:8px}.idHeroVisual .grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.idHeroVisual .tile{border:1px solid var(--line);opacity:0;background:#fff;border-radius:10px;padding:9px 9px 10px;animation:.5s forwards idhvTileIn;position:relative;transform:translateY(8px)}.idHeroVisual .tile:first-child{animation-delay:.2s}.idHeroVisual .tile:nth-child(2){animation-delay:.3s}.idHeroVisual .tile:nth-child(3){animation-delay:.4s}.idHeroVisual .tile:nth-child(4){animation-delay:.5s}.idHeroVisual .tile:nth-child(5){animation-delay:.6s}.idHeroVisual .tile:nth-child(6){animation-delay:.7s}@keyframes idhvTileIn{to{opacity:1;transform:translateY(0)}}.idHeroVisual .ico{border-radius:6px;justify-content:center;align-items:center;width:21px;height:21px;margin-bottom:13px;display:flex}.idHeroVisual .ico svg{width:11px;height:11px}.idHeroVisual .ico.b{background:#e8efff}.idHeroVisual .ico.o{background:var(--orange-soft)}.idHeroVisual .ico.g{background:var(--green-soft)}.idHeroVisual .arrow{color:#c2cad6;position:absolute;top:9px;right:9px}.idHeroVisual .arrow svg{width:10px;height:10px}.idHeroVisual .pill{color:var(--orange);background:var(--orange-soft);border-radius:20px;padding:2.5px 6px;font-size:6.5px;font-weight:800;position:absolute;top:9px;right:9px}.idHeroVisual .tlabel{color:var(--ink);font-size:10px;font-weight:800}.idHeroVisual .tmeta{color:var(--slate);margin-top:1px;font-size:7.5px}.idHeroVisual .act{border:1px solid var(--line);opacity:0;background:#fff;border-radius:10px;margin-top:9px;padding:9px 11px;animation:.5s .85s forwards idhvTileIn}.idHeroVisual .act .ah{color:var(--ink);margin:0 0 7px;font-size:9px;font-weight:800}.idHeroVisual .arow{border-top:1px solid #f1f4f8;align-items:center;gap:7px;padding:4px 0;display:flex}.idHeroVisual .arow .ricon{background:#eef3fc;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.idHeroVisual .arow .ricon svg{width:8px;height:8px}.idHeroVisual .arow .at{color:var(--slate);font-size:7.5px}.idHeroVisual .arow .at b{color:var(--ink)}.idHeroVisual .arow .at .u{color:var(--blue);font-weight:700}.idHeroVisual .qrchip{background:#fff;border-radius:14px;width:20%;padding:9px;animation:6s ease-in-out infinite idhvFloatChip;position:absolute;top:1%;right:-2%;box-shadow:0 20px 40px -18px #14285a59}@keyframes idhvFloatChip{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.idHeroVisual .qrchip .qrbox{border:1px solid var(--line);background:#fff;border-radius:9px;padding:6px;position:relative}.idHeroVisual .qr{width:100%;height:auto;display:block}.idHeroVisual .scan{background:linear-gradient(90deg, transparent, var(--orange), transparent);border-radius:2px;height:2px;animation:2.6s ease-in-out infinite idhvScan;position:absolute;top:6px;left:6px;right:6px;box-shadow:0 0 8px 2px #f973168c}@keyframes idhvScan{0%{opacity:0;top:6px}10%{opacity:1}50%{opacity:1;top:calc(100% - 8px)}60%{opacity:0}to{opacity:0;top:6px}}.idHeroVisual .qrchip .ql{color:#15803d;justify-content:center;align-items:center;gap:5px;margin-top:7px;font-size:7.5px;font-weight:800;display:flex}.idHeroVisual .checkdot{background:var(--green);border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;animation:2.6s ease-in-out infinite idhvPop;display:flex}.idHeroVisual .checkdot svg{width:7px;height:7px}@keyframes idhvPop{0%,55%{opacity:.2;transform:scale(.4)}65%{opacity:1;transform:scale(1.15)}72%,to{opacity:1;transform:scale(1)}}.idHeroVisual .chip{color:var(--ink);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:9px 12px;font-size:9.5px;font-weight:800;animation:7s ease-in-out infinite idhvFloatChip;display:flex;position:absolute;bottom:9%;left:0;box-shadow:0 18px 34px -14px #14285a73}.idHeroVisual .chip .cdot{background:var(--orange-soft);border-radius:6px;justify-content:center;align-items:center;width:17px;height:17px;display:flex}.idHeroVisual .chip .cdot svg{width:10px;height:10px}.idHeroVisual .chip small{color:var(--slate);font-size:7px;font-weight:500;display:block}@media (prefers-reduced-motion:reduce){.idHeroVisual *{animation:none!important}.idHeroVisual .tile,.idHeroVisual .act{opacity:1;transform:none}.idHeroVisual .checkdot{opacity:1;transform:scale(1)}}@media (min-width:641px) and (max-width:1023px){.idHeroVisual{max-width:560px;margin:0 auto}}@media (max-width:640px){.idHeroVisual{aspect-ratio:auto;max-width:430px;margin:0 auto;padding-top:6px}.idHeroVisual .blob{display:none}.idHeroVisual .tablet{filter:drop-shadow(0 22px 34px #0f193c2e);width:100%;animation:none;position:relative;top:auto;left:auto;transform:none}.idHeroVisual .qrchip{width:78px;top:-8px;right:0}.idHeroVisual .chip{bottom:12px;left:0}}