body[data-project=imid]{--ink:#1c3049;--gold:#139ec4;--muted:#758291}.imid-brand{font-size:31px;letter-spacing:-.8px;font-weight:600;gap:12px}.imid-mark{position:relative;display:block;width:32px;height:34px}.imid-mark i{position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;background:#31a8ef}.imid-mark b{position:absolute;right:0;top:0;width:17px;height:34px;border-radius:0 20px 20px 0;background:linear-gradient(#0fb9e5,#498dec)}.imid-mark em{position:absolute;left:0;bottom:0;width:12px;height:16px;clip-path:polygon(100% 0,100% 100%,0 75%);background:#488ff0}.imid-step :is(h1,h2) em{color:#169ec0}.imid-step .primary-button{background:#213d63;border-color:#213d63}.imid-step .primary-button:hover{background:#146e96}.imid-step .feature-tags span{border-color:#d2e2ea;color:#598da0}.visual .platform{background:linear-gradient(135deg,#142b43,#173f59);border-color:#3c9cc4;box-shadow:0 5px 0 #182a45,0 11px 0 #0a1f37,0 12px 0 #51bee438}.platform-grid{border-color:#4ac0e42a;background-image:linear-gradient(#43a6d511 1px,transparent 1px),linear-gradient(90deg,#43a6d511 1px,transparent 1px)}.platform>span{color:#8ac6d5}.scene-topline,.scene-caption{color:#7897a8}.scene-note{color:#92a4af}.caption-line{background:#6ab5c9}.orbit{border-color:#1896bd13}.orbit-one:after{background:#64b4c8}.motion-toggle{border-color:#c8dae3}.visual[data-stage=idintro] .id-intro-art,.visual[data-stage=face] .face-art,.visual[data-stage=profile] .profile-art,.visual[data-stage=security] .security-art{visibility:visible;opacity:1;transform:translateY(0) translateZ(0) scale(1)}
.identity-phone{position:absolute;top:8px;left:117px;width:188px;height:348px;transform:translateZ(45px) rotateY(-12deg) rotateZ(-3deg);transform-style:preserve-3d}.phone-screen{position:absolute;inset:0;border-radius:24px;background:linear-gradient(155deg,#0d1e35,#102b42);border:2px solid #69849c;box-shadow:inset 0 0 0 5px #101a2d,3px 4px 0 #15354d,6px 7px 0 #6a8796,9px 10px 0 #1b3549,12px 17px 25px #12395120;overflow:hidden;color:#f0f8fb;padding:22px 15px}.phone-camera{position:absolute;top:9px;left:72px;width:43px;height:6px;background:#030e1d;border-radius:6px}.phone-wordmark{font-size:14px;font-weight:600;letter-spacing:.5px;margin-top:5px;text-align:center}.phone-screen>small{font-size:4px;letter-spacing:1.6px;display:block;text-align:center;color:#83b3cc;margin-top:9px}.phone-face{position:relative;width:127px;height:160px;margin:13px auto 9px;background:radial-gradient(#16799940,transparent 70%);border-radius:50%}.phone-face img{width:115px;height:152px;position:absolute;left:6px;top:2px}.scan-corner{position:absolute;width:24px;height:24px;border:2px solid #95e8f5}.top-left{top:0;left:0;border-right:0;border-bottom:0;border-radius:6px 0 0 0}.top-right{top:0;right:0;border-left:0;border-bottom:0;border-radius:0 6px 0 0}.bottom-left{bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 6px}.bottom-right{bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 6px 0}.phone-face .scan-corner{width:16px;height:16px;border-width:1.5px;opacity:.8}.face-scan{position:absolute;left:3%;width:94%;height:2px;background:linear-gradient(90deg,transparent,#9af5ff,transparent);box-shadow:0 -6px 20px 5px #42d8ff17;animation:face-sweep 5s ease-in-out infinite;z-index:3}.phone-welcome{font:20px/1.1 var(--serif);text-align:center;color:#cde6f3}.phone-bottom{position:absolute;bottom:21px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between}.phone-bottom>span{font-size:6px;padding:5px 9px;border:1px solid #65819366;border-radius:12px;color:#8fbed0}.phone-bottom>b{font-size:16px;border-radius:50%;height:24px;width:24px;display:grid;place-items:center;background:#eaf7ff;color:#1b3b55;font-weight:400}.identity-label{position:absolute;left:218px;top:273px;transform:translateZ(115px) rotateZ(8deg);background:#fcfefb;border:1px solid #d6e7ed;box-shadow:3px 5px 0 #c7dce4,9px 13px 25px #25495a15;padding:15px 18px;font:22px var(--serif);white-space:nowrap;color:#225c77;display:flex;gap:12px;align-items:center}.identity-label>span{font-size:24px;color:#41a9c5}
.face-halo{position:absolute;top:10px;left:75px;width:303px;height:330px;border-radius:50%;background:radial-gradient(#1398c022,transparent 68%);border:1px solid #2593b21a;transform:translateZ(-40px)}.face-model{position:absolute;top:32px;left:119px;width:203px;height:266px;transform:translateZ(35px) rotateY(-7deg);transform-style:preserve-3d;animation:head-turn 12s ease-in-out infinite}.face-model>img{position:absolute;inset:0;width:203px;height:266px;transform:translateZ(35px);filter:drop-shadow(6px 9px 8px #08335426)}.face-depth{position:absolute;inset:14px 19px 7px;border-radius:45% 45% 43% 43%;background:linear-gradient(90deg,#0d2947,#174d67);transform:translateZ(13px)}.scan-frame{position:absolute;left:80px;top:27px;width:285px;height:289px;transform:translateZ(95px) rotateZ(1deg)}.scan-frame .scan-corner{border-color:#59bfda;width:29px;height:29px}.scan-frame .face-scan{height:1px;background:linear-gradient(90deg,transparent,#24b7de,transparent);box-shadow:0 0 16px #38bdde40}.landmark-label{position:absolute;font-size:6px;letter-spacing:1.4px;background:#fbfdfc;border:1px solid #d4e6ec;padding:12px 15px;border-radius:4px;box-shadow:3px 4px 0 #d1e1e7;display:flex;align-items:center;gap:9px;color:#54899e}.landmark-a{left:6px;top:112px;transform:translateZ(120px) rotateZ(-4deg)}.landmark-a>i{height:5px;width:5px;border-radius:50%;background:#19b9d7;box-shadow:0 0 8px #0fc1d4}.landmark-b{right:-2px;top:244px;transform:translateZ(100px) rotateZ(7deg)}.landmark-b>span{font-size:14px}.face-caption{position:absolute;left:79px;top:350px;transform:translateZ(80px);font:23px var(--serif);color:#417a91}
.profile-back{position:absolute;left:71px;top:45px;width:302px;height:202px;transform:translateZ(-20px) rotateZ(6deg);border-radius:10px;background:#e6f2f7;border:1px solid #fff;box-shadow:4px 5px 0 #c4dce6;padding:23px;color:#87a8b9}.profile-back>span{font-size:6px;letter-spacing:1.7px}.profile-back>i{display:block;height:4px;width:80%;background:#cadee8;margin-top:18px}.identity-card{position:absolute;left:31px;top:114px;width:350px;height:219px;transform:translateZ(65px) rotateY(-7deg) rotateZ(-6deg);border-radius:13px;background:linear-gradient(125deg,#fdfdf9,#e9f4f6);border:1px solid #fff;box-shadow:3px 4px 0 #c3dae3,6px 8px 0 #dce8ec,11px 15px 24px #183e5719;padding:21px}.identity-masthead{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#225579}.tiny-id-symbol{font-size:22px;color:#23b4d8}.identity-masthead small{margin-left:auto;font-size:5px;letter-spacing:1.4px;color:#79a0b1;font-weight:400}.profile-portrait{position:absolute;left:21px;top:66px;width:92px;height:108px;background:linear-gradient(150deg,#d5e9f0,#abd1df);border:1px solid #bddce6;border-radius:8px;overflow:hidden}.portrait-head{position:absolute;width:32px;height:41px;background:#73a5ba;left:29px;top:17px;border-radius:50% 50% 46% 46%}.portrait-shoulders{position:absolute;width:81px;height:53px;background:#6699b2;left:5px;top:61px;border-radius:45px 45px 0 0}.profile-fields{position:absolute;top:67px;left:135px;right:22px}.profile-fields>small{font-size:5px;letter-spacing:1.1px;color:#7197a8}.profile-fields>strong{display:block;font:28px/1.05 var(--serif);margin:10px 0 12px;color:#325975}.profile-fields>i{display:block;width:100%;height:4px;background:#c2dce5;margin-top:7px}.profile-fields>i:last-child{width:65%}.identity-card-bottom{position:absolute;left:21px;right:21px;bottom:15px;display:flex;justify-content:space-between;align-items:center;font-size:5px;letter-spacing:1px;color:#7796a9}.identity-card-bottom b{font-size:16px;font-weight:400}.preferences-card{position:absolute;left:230px;top:295px;width:191px;transform:translateZ(115px) rotateZ(8deg);background:linear-gradient(120deg,#213d59,#10273e);border:1px solid #5a94b7;border-radius:7px;box-shadow:3px 5px 0 #0d233b,8px 12px 25px #1a496922;padding:8px 15px;color:#c4e6f0}.preferences-card>div{display:flex;gap:10px;align-items:center;font-size:8px;padding:10px 0}.preferences-card>div+div{border-top:1px solid #8fc6da20}.preferences-card span{font-size:17px;color:#31b6d9;width:18px}.preferences-card b{margin-left:auto;font-size:15px;font-weight:400;color:#72a8be}
.identity-shield{position:absolute;left:93px;top:57px;width:224px;height:259px;transform:translateZ(80px) rotateY(-11deg) rotateZ(-4deg);transform-style:preserve-3d;animation:satellite-float 8s ease-in-out infinite}.shield-face,.shield-depth{position:absolute;inset:0;clip-path:polygon(50% 0,95% 18%,94% 53%,83% 77%,50% 100%,17% 77%,6% 53%,5% 18%)}.shield-depth{background:#183750;transform:translate(9px,8px) translateZ(-12px)}.shield-face{background:linear-gradient(130deg,#69c3dc,#2185a9 42%,#153e64);border-top:1px solid #b5f1fa;box-shadow:inset 0 0 25px #c3f0fb25;transform:translateZ(16px)}.shield-face:before{content:'';position:absolute;inset:10px;clip-path:polygon(50% 0,95% 18%,94% 53%,83% 77%,50% 100%,17% 77%,6% 53%,5% 18%);background:linear-gradient(135deg,#224967,#102640)}.shield-highlight{position:absolute;inset:10px;clip-path:polygon(50% 0,50% 99%,17% 77%,6% 53%,5% 18%);background:linear-gradient(110deg,#4a8dad44,#0d27410d);z-index:1}.shield-face svg{position:absolute;left:66px;top:48px;width:92px;height:111px;color:#9ddfed;z-index:2}.shield-face>span{position:absolute;top:180px;text-align:center;width:100%;font-size:7px;letter-spacing:2px;color:#73aac5;z-index:2}.device{position:absolute;background:linear-gradient(125deg,#4b667d,#17334c);border:1px solid #81a8bf;padding:7px;border-radius:12px;box-shadow:4px 5px 0 #132c42,8px 12px 22px #173b5515}.device-screen{height:100%;position:relative;border-radius:6px;background:linear-gradient(140deg,#ebf4f5,#d3e8ef);padding:21px 14px}.device-tablet{left:233px;top:32px;width:162px;height:213px;transform:translateZ(-15px) rotateZ(8deg)}.device-mobile{left:33px;top:211px;width:91px;height:155px;transform:translateZ(130px) rotateZ(-8deg);padding:5px;border-radius:10px}.device-mobile .device-screen{padding:15px 10px}.device-profile{position:relative;background:#bedde7;border-radius:50%;width:41px;height:41px;margin:0 auto 21px;overflow:hidden}.device-profile:before{content:'';position:absolute;top:6px;left:14px;width:14px;height:17px;border-radius:50%;background:#79aec1}.device-profile:after{content:'';position:absolute;bottom:0;left:6px;width:30px;height:18px;border-radius:20px 20px 0 0;background:#79aec1}.device-screen>i{display:block;background:#b1d3df;height:4px;margin-top:8px;width:100%;border-radius:3px}.device-screen>i:nth-of-type(2){width:65%}.device-screen>small{position:absolute;bottom:13px;left:0;width:100%;text-align:center;font-size:5px;letter-spacing:1px;color:#7099b1}.device-mobile .device-screen>small{font-size:4px;letter-spacing:.4px}.device-mobile .device-profile{width:34px;height:34px;margin-bottom:13px}.device-mobile .device-profile:before{left:11px}.device-mobile .device-profile:after{left:2px}.device-link{position:absolute;width:151px;height:133px;border:1px dashed #479fc155;border-radius:17px;transform:rotateX(35deg) translateZ(-20px)}.link-one{left:170px;top:115px}.link-two{left:85px;top:215px}.device-link>i{position:absolute;top:-3px;width:5px;height:5px;background:#30b4d4;border-radius:50%;animation:link-travel 5s ease-in-out infinite}.link-two>i{animation-delay:-2s}.security-label{position:absolute;left:188px;top:329px;transform:translateZ(100px) rotateZ(5deg);font:24px/1.15 var(--serif);background:#fbfdf9;border:1px solid #dae8ec;box-shadow:3px 5px 0 #c6dce5;padding:14px 18px;white-space:nowrap;color:#37637b}.security-label em{font-size:18px;color:#659aaa}
@keyframes face-sweep{0%,100%{top:13%;opacity:.2}50%{top:84%;opacity:1}}@keyframes head-turn{0%,100%{rotate:y -4deg}50%{rotate:y 8deg}}@keyframes link-travel{0%,100%{left:5%;opacity:.3}50%{left:90%;opacity:1}}
@media(max-width:1100px) and (min-width:761px){.imid-step h1{font-size:66px}.imid-step h2{font-size:58px}}
@media(max-width:760px){.imid-brand{font-size:27px;gap:10px}.imid-mark{scale:.85;transform-origin:left center;width:29px}.imid-step h1{font-size:56px}.imid-step h2{font-size:49px}.header-link{font-size:9px}.scene-caption{font-size:6px}.identity-label{font-size:21px}}
@media(max-width:760px) and (max-height:700px){.imid-step h1{font-size:49px}.imid-step h2{font-size:46px}}
/* Lift the face caption off the dark display platform. */
.face-caption{top:336px;left:63px;padding:10px 15px;background:#fbfdf8;border:1px solid #d9e7ec;border-radius:4px;box-shadow:3px 5px 0 #c9dce4;font-size:21px;white-space:nowrap}