@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--blue:#244bfa;--ink:#151927;--muted:#68707f;--line:#e4e7ef;--pale:#f0f3ff;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ffb54b;outline-offset:6px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-.065em}em{font-style:normal;color:var(--blue)}.skip{position:fixed;z-index:100;top:-60px;background:var(--ink);color:#fff;padding:15px}.skip:focus{top:0}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(18px);z-index:20;border-bottom:1px solid #e8ebf2}.logo{display:inline-flex;align-items:baseline;font-family:Manrope,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.8px}.logo span{font-weight:500}.logo i,.mini-logo i,.card-brand i{display:inline-block;width:6px;height:6px;background:var(--blue);align-self:flex-start;margin:7px 0 0 3px}.logo i{margin-top:5px}nav{display:flex;gap:36px;font-size:14px}nav a{color:#6f7582;position:relative;padding:14px 0;transition:color .25s}nav a.active,nav a:hover{color:var(--ink)}nav a:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:2px;transform:scaleX(0);background:var(--blue);transition:transform .3s}nav a.active:after{transform:scaleX(1)}.button{display:inline-flex;align-items:center;gap:45px;padding:19px 24px;border:0;border-radius:9px;color:#fff;background:var(--blue);font-size:15px;font-weight:500;transition:transform .3s,box-shadow .3s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #244bfa30}.button span{font-size:20px}.button.small{padding:13px 18px;gap:27px;font-size:14px}.chapter{padding:35px 5% 0;scroll-margin-top:0;position:relative;overflow:hidden}.chapter-label{display:flex;justify-content:space-between;font-size:11px;font-weight:600;letter-spacing:.15em;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;min-height:780px;gap:25px}.hero-copy{padding-top:61px;position:relative;z-index:2}h1{font-size:clamp(54px,5.5vw,84px);line-height:1.09;white-space:nowrap}.hero-copy>p{font-size:17px;line-height:1.6;color:var(--muted);margin:25px 0 27px}.use-picker{max-width:450px;margin-top:47px}.picker-heading{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.12em;margin-bottom:12px}.case{width:100%;display:flex;align-items:center;gap:15px;background:transparent;border:0;border-top:1px solid var(--line);padding:14px 5px;text-align:left;font-size:14px;transition:color .25s,padding .3s,background .3s}.case:hover{padding-left:13px;background:#f7f8fc}.case.active{color:var(--blue)}.case-icon{display:inline-flex;align-items:center;justify-content:center;width:23px;font-size:22px;line-height:1}.case-plus{margin-left:auto;font-size:20px;font-weight:400}.experience{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.experience:before{content:'';position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(ellipse,#dbe5ff9c 0%,#f3f5ff75 45%,#fff0 70%);z-index:-1}.orbit{position:absolute;width:550px;height:550px;border:1px solid #dce4f58a;border-radius:50%;z-index:-1}.orbit-two{width:700px;height:700px}.orbit-three{width:850px;height:850px;border-style:dashed;opacity:.45}.phone-tilt{transform:rotate(8deg);transition:transform .7s var(--ease);will-change:transform}.phone{width:289px;background:#fbfcff;border:7px solid #252935;border-radius:44px;padding:4px;box-shadow:0 30px 50px -18px #17275263,0 0 0 2px #c5c9d2,4px 0 0 4px #999fae;position:relative;overflow:hidden}.phone:after{content:'';position:absolute;bottom:7px;width:92px;height:4px;border-radius:10px;background:#252935;left:50%;transform:translateX(-50%)}.phone-top{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:10px;font-weight:700;position:relative}.island{background:#141722;width:77px;height:21px;border-radius:20px;position:absolute;left:50%;top:2px;transform:translateX(-50%)}.phone-content{padding:16px 14px 17px}.app-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.mini-logo{font-size:19px;letter-spacing:-1.2px;font-weight:700;display:flex;align-items:baseline}.mini-logo b{font-weight:400}.mini-logo i{width:4px;height:4px;margin-top:3px}.avatar-small{background:#e9edfa;color:var(--blue);padding:8px;border-radius:50%;font-size:9px}.greeting{font-size:8px;letter-spacing:.1em;color:#7c8291}.phone h2{font-size:31px;line-height:1.2;letter-spacing:-1.2px;margin:7px 0 18px}.app-credential{background:linear-gradient(135deg,#244bfa,#1837c5);border-radius:14px;color:white;padding:16px;box-shadow:0 8px 18px #244bfa25;position:relative;overflow:hidden}.app-credential:after{content:'';position:absolute;width:190px;height:190px;border:1px solid #ffffff1c;border-radius:50%;right:-65px;top:25px;box-shadow:0 0 0 18px #ffffff08,0 0 0 36px #ffffff06}.cred-top{display:flex;justify-content:space-between;font-size:13px;font-weight:600}.cred-top span:last-child{font-size:7px;border:1px solid #ffffff47;padding:3px 5px;border-radius:12px;letter-spacing:.04em}.identity-initials{display:flex;position:relative;justify-content:center;align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;width:45px;height:45px;margin:19px 0 9px;font-size:16px}.identity-initials span{position:absolute;bottom:0;right:-2px;background:#fff;color:var(--blue);border-radius:50%;font-size:7px;padding:2px}.app-credential>strong{display:block;font-size:18px;font-weight:500}.employee{display:block;font-size:10px;color:#c1ccff;margin-top:3px}.cred-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff30;margin-top:15px;padding-top:11px;font-size:9px}.cred-bottom span:last-child{font-size:19px}.request{background:white;border:1px solid #e7eaf2;border-radius:13px;margin-top:14px;padding:13px;min-height:164px}.request-meta{display:flex;align-items:center;gap:6px;color:#697181;font-size:7px;letter-spacing:.05em}.request-icon{background:#eef1ff;color:var(--blue);padding:3px 5px;border-radius:5px;font-size:12px}.request-new{margin-left:auto;font-size:6px;color:var(--blue)}.request h3{font-size:12px;margin-top:9px;line-height:1.4;letter-spacing:-.2px}.request p{color:#757d8b;font-size:9px;line-height:1.5;margin:5px 0 12px}.approve{display:flex;justify-content:space-between;width:100%;border:0;border-radius:7px;background:var(--blue);color:#fff;padding:9px 11px;font-size:9px}.approve:hover{background:#173ad0}.approve.success{background:#168063}.demo-status{display:block;color:#747b87;text-align:center;font-size:7px;margin-top:8px}.phone-nav{display:flex;justify-content:space-around;margin-top:17px;color:#9096a4;text-align:center;font-size:19px}.phone-nav small{display:block;font-size:7px;margin-top:3px}.phone-nav .selected{color:var(--blue)}.float-label{position:absolute;z-index:3;top:110px;left:-6px;padding:14px 19px 14px 52px;border:1px solid #ebedf5;background:#ffffffed;box-shadow:0 8px 26px #2937680c;border-radius:11px;font-size:12px;line-height:1.55;transform:rotate(-6deg);animation:bob 6s ease-in-out infinite}.float-label strong{font-weight:500}.verified-icon{position:absolute;left:15px;top:18px;color:var(--blue);font-size:23px}.secure-label{position:absolute;z-index:4;right:-10px;bottom:129px;display:flex;align-items:center;gap:12px;background:white;border:1px solid #e7ebf4;padding:16px 22px 16px 15px;border-radius:12px;box-shadow:0 10px 24px #21366e15;transform:rotate(-5deg);animation:bob 7s ease-in-out infinite reverse}.security-symbol{width:36px;height:36px;background:var(--pale);border-radius:8px;display:flex;justify-content:center;align-items:center;color:var(--blue);font-size:24px}.secure-label strong{font-size:12px;display:block;font-weight:500}.secure-label div>span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.experience-caption{position:absolute;bottom:45px;font-size:9px;letter-spacing:.17em;color:#8892aa}.section-end{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0;font-size:10px;letter-spacing:.08em;color:var(--muted)}.section-end a{display:flex;align-items:center;gap:24px;font-size:12px;letter-spacing:0}.section-end a span{font-size:22px;color:var(--blue)}.credentials{background:#173bd7;color:white;min-height:820px;padding-bottom:0}.credentials .chapter-label{color:#b4c3ff}.credentials-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:102px 0 98px;align-items:center}.credentials h2,.get-started h2{font-size:clamp(48px,5.6vw,81px);line-height:1.13}.credentials h2>span{color:#9eb6ff}.credentials-copy>p{font-size:16px;line-height:1.7;color:#c2cfff;margin-top:25px}.affiliation-buttons{display:flex;gap:6px;margin-top:36px}.affiliation-buttons button{padding:11px 16px;border:1px solid #ffffff40;border-radius:30px;background:transparent;color:#dbe4ff;font-size:13px;transition:all .3s}.affiliation-buttons button.active,.affiliation-buttons button:hover{background:#fff;color:#173bd7}.role-description{margin-top:37px;display:flex;gap:19px;max-width:410px;min-height:83px}.role-description>span{font-size:12px;color:#92aaff;padding-top:4px}.role-description h3{font-size:17px;font-weight:500;letter-spacing:-.3px}.role-description p{font-size:14px;line-height:1.6;color:#b9c9ff;margin-top:8px}.credential-stage{perspective:1400px;position:relative;display:flex;flex-direction:column;align-items:center;gap:35px}.identity-card{border:0;padding:0;background:transparent;width:min(100%,460px);height:300px;perspective:1400px;transform:rotate(-8deg);transition:transform .7s var(--ease);border-radius:22px}.identity-card:hover{transform:rotate(-4deg) translateY(-7px)}.card-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s var(--ease)}.identity-card.flipped .card-inner{transform:rotateY(180deg)}.card-face{display:block;position:absolute;inset:0;text-align:left;backface-visibility:hidden;border-radius:22px;padding:26px 30px;color:#173087;background:linear-gradient(130deg,#fff 0%,#e9eeff 70%,#c6d4ff);box-shadow:0 35px 45px #071d7a65;border:1px solid #fff9;overflow:hidden}.card-front:after{content:'';position:absolute;border-radius:50%;width:350px;height:350px;right:-160px;top:40px;border:1px solid #849de12b;box-shadow:0 0 0 20px #99ade812,0 0 0 40px #99ade80c;pointer-events:none}.card-brand{display:flex;align-items:baseline;font-weight:700;font-size:23px;letter-spacing:-1px}.card-brand b{font-weight:400}.card-check{margin-left:auto;width:27px;height:27px;border:1px solid #728de3;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center}.card-kicker{display:block;margin-top:24px;font-size:8px;letter-spacing:.18em;color:#7385b4}#affiliation-word{display:block;margin-top:5px;font-size:30px;letter-spacing:-1px;font-family:Manrope,sans-serif;font-weight:500}.card-person{display:flex;align-items:center;gap:13px;margin-top:20px}.large-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#cad7fe;width:44px;height:44px;font-size:16px}.card-person strong{display:block;font-size:14px;font-weight:500}.card-person>span>span{display:block;font-size:10px;color:#7d8ab0;margin-top:4px}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b6c5ec;margin-top:21px;padding-top:12px;font-size:7px;color:#6f7ba1;letter-spacing:.1em}.card-footer strong{display:block;font-size:10px;font-weight:500;letter-spacing:0;color:#263f8b;margin-top:4px}.card-nfc{font-size:20px;letter-spacing:-3px;color:#5674c5;transform:rotate(180deg)}.card-back{transform:rotateY(180deg)}.card-back .card-brand{font-size:18px;letter-spacing:-.5px}.back-copy{display:block;font-size:24px;letter-spacing:-1px;margin-top:20px;line-height:1.3}.back-detail{display:block;font-size:8px;letter-spacing:.1em;margin-top:16px;color:#7686b1}.back-detail strong{display:block;font-size:12px;color:#193578;letter-spacing:0;font-weight:500;margin-top:3px}.back-note{display:block;font-size:8px;margin-top:18px;color:#6c7aa2}.flip-hint{font-size:12px;color:#c3d0ff;margin-top:15px}.flip-hint span{font-size:22px;vertical-align:middle;margin-right:8px}.credential-bottom{border-top:1px solid #ffffff2b;display:flex;justify-content:space-between;padding:28px 0;color:#b5c7ff;font-size:13px}.get-started{background:#f7f8fb;padding-top:38px}.start-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;padding:88px 0 84px}.eyebrow{font-size:10px;letter-spacing:.17em;color:var(--muted);font-weight:500}.get-started h2{margin-top:21px;font-size:clamp(45px,5.1vw,74px);white-space:nowrap}.start-grid>div>p{font-size:16px;color:var(--muted);line-height:1.7;margin-top:26px}.downloads{display:flex;gap:12px;margin-top:32px}.store-button{background:#151927;color:#fff;display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:9px;border:1px solid #151927;text-align:left;min-width:188px;transition:transform .25s,box-shadow .25s}.store-button:hover{transform:translateY(-3px);box-shadow:0 7px 18px #1a254022}.store-button svg{width:23px;height:27px}.store-button small{display:block;font-size:9px;margin-bottom:3px}.store-button strong{font-size:19px;letter-spacing:-.5px;font-weight:500}.store-arrow{margin-left:auto;align-self:flex-start;font-size:15px}.store-button.unavailable{background:transparent;color:#626c81;border-color:#cfd5e0}.start-grid>div>p.android-note{font-size:11px;margin-top:13px;color:#798193}.getting-ready{padding:32px 0 0 40px;align-self:center}.start-mark{width:66px;height:66px;display:flex;align-items:center;justify-content:center;background:var(--blue);color:white;border-radius:17px;font-size:44px;letter-spacing:-3px;position:relative;box-shadow:0 8px 24px #244bfa28;margin-bottom:26px}.start-mark i{width:5px;height:5px;position:absolute;top:14px;right:11px;background:#fff}.getting-ready h3{font-family:Manrope,sans-serif;font-size:26px;font-weight:500;letter-spacing:-1px;line-height:1.4}.getting-ready ol{list-style:none;padding:0;margin-top:30px}.getting-ready li{display:flex;gap:19px;border-top:1px solid #dde2ec;padding:21px 0}.getting-ready li>span{font-size:11px;color:var(--blue);padding-top:2px}.getting-ready li strong{font-size:15px;font-weight:500}.getting-ready li p{font-size:13px;line-height:1.5;color:var(--muted);margin-top:6px}.devices{display:flex;align-items:center;border-top:1px solid #dde2ec;border-bottom:1px solid #dde2ec;padding:29px 0;gap:46px}.devices>div{display:flex;align-items:center;gap:10px;font-size:14px}.device-icon{font-size:27px;color:#727d91}.devices>p{font-size:12px;line-height:1.6;color:var(--muted);margin-left:auto}.devices strong{font-weight:500;color:#354057}footer{display:flex;align-items:center;justify-content:space-between;padding:38px 0;font-size:11px;color:var(--muted)}footer .logo{font-size:23px;color:var(--ink)}footer>span:nth-child(2){font-size:9px;letter-spacing:.14em}footer a:last-of-type{font-size:12px}dialog{border:0;border-radius:20px;padding:45px;max-width:470px;color:var(--ink);box-shadow:0 20px 100px #152e6760}dialog::backdrop{background:#0c174b70;backdrop-filter:blur(6px)}dialog h2{font-size:38px;line-height:1.15;margin:20px 0}dialog p{font-size:16px;line-height:1.6;color:var(--muted);margin-bottom:25px}.dialog-close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:28px;color:var(--muted)}.request.animate{animation:refresh .4s var(--ease)}.card-inner.changing{animation:roleChange .55s var(--ease)}@keyframes bob{50%{translate:0 -9px}}@keyframes refresh{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes roleChange{0%,100%{scale:1}50%{scale:.94;opacity:.5}}@media(min-width:1600px){.chapter,header{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}.hero-grid{min-height:850px}.phone{width:310px}.hero-copy{padding-top:85px}.float-label{top:135px}.secure-label{right:35px}.credentials-grid{padding-top:120px}}@media(max-width:1100px){header{padding:0 4%;height:80px}nav{gap:22px}.chapter{padding-left:4%;padding-right:4%}.hero-grid{min-height:775px;gap:10px}h1{font-size:6vw}.hero-copy>p{font-size:15px}.phone{width:270px}.float-label{left:-5px;top:77px;font-size:10px;padding:12px 14px 12px 43px}.secure-label{right:-5px;bottom:100px;padding:12px}.hero-copy{padding-top:47px}.identity-card{height:290px}.card-face{padding:24px}.credentials-grid{gap:30px}.affiliation-buttons button{padding:10px 12px;font-size:12px}.start-grid{gap:35px}.getting-ready{padding-left:15px}.store-button{min-width:165px;padding:12px}.store-button strong{font-size:16px}.devices{gap:25px}.devices>div{font-size:12px}}@media(max-width:760px){html{scroll-padding-top:74px}header{height:74px;padding:0 6%}header .logo{font-size:25px}nav{display:none}.button.small{font-size:12px;padding:11px 13px;gap:16px}.chapter{padding:26px 6% 0}.chapter-label{font-size:8px;letter-spacing:.1em}.chapter-label>span:last-child{max-width:125px;text-align:right}.hero-grid{display:flex;flex-direction:column;gap:0}.hero-copy{padding-top:38px}h1{font-size:clamp(39px,8.5vw,64px);line-height:1.12;white-space:normal}.hero-copy>p{font-size:15px;margin:20px 0 23px}.button{font-size:14px;padding:16px 20px;gap:35px}.use-picker{margin-top:32px;max-width:none}.picker-heading{font-size:9px}.case{font-size:13px;padding:13px 3px}.experience{min-height:730px;margin-top:20px}.phone{width:275px}.float-label{left:0;top:25px;font-size:11px}.secure-label{right:-5px;bottom:80px}.experience-caption{bottom:18px}.section-end{margin-top:20px}.section-end>span{max-width:160px;font-size:8px;line-height:1.6}.credentials{padding-top:28px}.credentials-grid{display:flex;flex-direction:column;align-items:stretch;padding:54px 0 45px;gap:75px}.credentials h2,.get-started h2{font-size:clamp(43px,10.5vw,70px)}.credentials-copy>p{font-size:15px;margin-top:20px}.affiliation-buttons{gap:8px;margin-top:26px}.affiliation-buttons button{padding:12px 16px;font-size:12px}.role-description{margin-top:28px}.identity-card{width:95%;height:275px;transform:rotate(-5deg)}.card-face{padding:24px}.card-brand{font-size:22px}.card-kicker{margin-top:17px}#affiliation-word{font-size:28px}.card-person{margin-top:16px}.card-footer{margin-top:15px}.credential-stage{gap:22px}.credential-bottom{padding:25px 0;font-size:10px;gap:30px;line-height:1.5}.credential-bottom>span:last-child{text-align:right}.start-grid{display:flex;flex-direction:column;padding:58px 0 37px;gap:45px}.get-started h2{font-size:clamp(39px,9.6vw,68px)}.start-grid>div>p{font-size:15px;margin-top:23px}.desktop-break{display:none}.downloads{gap:9px}.store-button{min-width:0;flex:1;gap:9px;padding:12px 10px}.store-button strong{font-size:16px}.store-button small{font-size:8px}.store-button svg{width:20px}.store-arrow{display:none}.getting-ready{padding:12px 0 0;align-self:stretch}.getting-ready h3{font-size:27px}.getting-ready li{padding:20px 0}.getting-ready li p{font-size:14px}.devices{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;padding:28px 0}.devices>div{font-size:14px}.devices>p{grid-column:span 2;margin-left:0;margin-top:7px;font-size:13px}footer{display:grid;grid-template-columns:1fr 1fr;gap:25px 10px;padding:30px 0}footer>span:nth-child(2){text-align:right;line-height:1.5}footer>span:last-child{text-align:right}footer>a:last-of-type{font-size:11px}dialog{width:calc(100% - 36px);padding:36px 27px}dialog h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.phone-tilt{will-change:auto}}

/* Version one, distilled into a single screen. */
html,body{height:100%;overflow:hidden}body{display:flex;flex-direction:column}header{position:relative;height:90px;flex-shrink:0;border:0;background:white;backdrop-filter:none}main{flex:1;min-height:0;display:flex}.hero{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:10px}.chapter-label{flex-shrink:0}.hero-grid{flex:1;min-height:0;grid-template-columns:1.05fr 1fr;align-items:center}.hero-copy{padding-top:0}.hero-copy h1{font-size:clamp(42px,5.4vw,80px)}.hero-copy>p{font-size:17px}.hero-copy .downloads{flex-wrap:wrap;margin-top:32px}.store-button.unavailable{cursor:default}.store-button.unavailable:hover{transform:none;box-shadow:none}.experience{height:100%;min-height:0;margin:0}.phone-tilt{transform:rotate(8deg) scale(.78)}.float-label{top:10%;left:0}.secure-label{bottom:12%;right:0}.experience-caption{bottom:3%}.orbit{width:440px;height:440px}.orbit-two{width:590px;height:590px}.orbit-three{width:740px;height:740px}.landing-footer{margin:0 5%;padding:21px 0;border-top:1px solid var(--line);flex-shrink:0;display:flex;gap:20px;font-size:12px}.legal-links{display:flex;gap:25px}.legal-links a{font-size:12px!important;color:#68707f}.legal-links a:hover{color:var(--blue);text-decoration:underline}.approve{cursor:default}.approve:hover{background:var(--blue)}
@media(min-width:761px) and (max-height:780px){header{height:70px}.phone-tilt{transform:rotate(8deg) scale(.64)}.hero-copy h1{font-size:clamp(40px,5vw,68px)}.float-label{top:6%;font-size:10px}.secure-label{bottom:7%;font-size:10px}.experience-caption{display:none}}
@media(max-width:760px){header{height:65px}.hero{padding:6px 6% 0}.chapter-label{font-size:8px}.chapter-label>span:last-child{display:none}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}.hero-copy{padding-top:18px;flex-shrink:0}.hero-copy h1{font-size:clamp(34px,6.8vw,48px)}.hero-copy>p{font-size:14px;line-height:1.5;margin:15px 0 0}.hero-copy .downloads{margin-top:19px;flex-wrap:nowrap}.experience{flex:1;min-height:0}.phone-tilt{position:absolute;transform:rotate(8deg) scale(.46)}.float-label{left:3%;top:15%;font-size:9px;padding:9px 12px 9px 36px}.verified-icon{left:10px;top:12px;font-size:19px}.secure-label{bottom:12%;right:0;padding:10px;gap:7px}.secure-label strong{font-size:10px}.secure-label div>span{font-size:8px}.security-symbol{height:27px;width:27px;font-size:20px}.experience-caption{display:none}.orbit{height:270px;width:270px}.orbit-two{height:380px;width:380px}.orbit-three{height:490px;width:490px}.landing-footer{padding:15px 0;gap:12px;margin:0 6%;font-size:10px}.legal-links{gap:14px}.legal-links a{font-size:10px!important}.store-button{min-height:53px}.store-button strong{font-size:16px}}
@media(max-width:760px) and (max-height:730px){header{height:53px}.hero-copy{padding-top:12px}.hero-copy h1{font-size:32px}.hero-copy>p{font-size:12px;margin-top:10px}.hero-copy .downloads{margin-top:13px}.phone-tilt{transform:rotate(8deg) scale(.34)}.float-label{display:none}.secure-label{bottom:10%;padding:8px}.landing-footer{padding:12px 0}}

/* Actual app captures, in an upright frame with the original screen ratio. */
.experience{container-type:size}.screenshot-preview{height:calc(100% - 40px);max-height:680px;display:flex;flex-direction:column;align-items:center;gap:15px;z-index:2;min-height:0}.screenshot-phone{height:calc(100% - 51px);aspect-ratio:1206/2622;flex-shrink:1;min-height:0;box-sizing:content-box;border:6px solid #242833;border-radius:35px;background:#f7f8fa;overflow:hidden;box-shadow:0 18px 40px #1c2b4620,0 0 0 1px #b2b8c4;transform:none}.screenshot-phone img{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:1206/2622}.screenshot-controls{display:flex;align-items:center;gap:13px;flex-shrink:0;height:36px}.screenshot-controls button{width:32px;height:32px;border:1px solid #dbe1ed;border-radius:50%;background:white;color:#40527d;font-size:18px}.screenshot-controls button:hover{background:#edf2ff;border-color:#a3b5ea}.screenshot-controls>span{min-width:142px;text-align:center;font-size:12px;color:#526079}.screenshot-controls small{display:block;margin-top:3px;color:#929aad;font-size:10px}.float-label{left:-3%;top:13%}.secure-label{right:-2%;bottom:15%}
@media(max-width:1100px){.float-label{left:-6%;font-size:10px}.secure-label{right:-5%}}
@media(max-width:760px){.screenshot-preview{height:calc(100% - 22px);gap:8px;max-height:none}.screenshot-phone{height:calc(100% - 40px);border-width:4px;border-radius:21px}.screenshot-controls{height:28px;gap:7px}.screenshot-controls button{height:27px;width:27px;font-size:16px}.screenshot-controls>span{font-size:10px;min-width:126px}.screenshot-controls small{font-size:9px;margin-top:1px}.float-label{left:0;top:18%;font-size:9px}.secure-label{right:0;bottom:17%}}
@media(max-width:760px) and (max-height:730px){.secure-label{display:none}.screenshot-preview{height:calc(100% - 12px)}}
/* Subtle perspective keeps the screen proportional while giving the device depth. */
.screenshot-preview{perspective:1400px}.screenshot-phone{transform:rotateX(3deg) rotateY(-9deg) rotateZ(3deg);transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s;box-shadow:4px 1px 0 #747c8a,6px 2px 0 #333945,0 22px 42px #1c2b4629;will-change:transform}.screenshot-phone.is-tracking{transition:transform .16s ease-out,box-shadow .3s}.screenshot-controls{position:relative;z-index:4}
@media(hover:none){.screenshot-phone{transform:rotateY(-5deg) rotateZ(2deg)}}
@media(prefers-reduced-motion:reduce){.screenshot-phone{transform:none;transition:none;will-change:auto}}

/* Smaller device, three focused benefits, and concise enrollment guidance. */
.screenshot-preview{height:calc(88% - 40px);max-height:600px}.claim-guidance{margin-top:30px;max-width:390px}.claim-guidance h2{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:600;letter-spacing:0;margin-bottom:8px}.claim-guidance p{font-size:14px;line-height:1.65;color:var(--muted)}.benefit-security{top:15%;left:-3%;font-size:12px;max-width:270px}.benefit-security strong{font-weight:500}.benefit-signing{right:-1%;bottom:26%;max-width:220px}.benefit-signing strong{font-size:12px;line-height:1.5}.benefit-microsoft{top:auto;bottom:16%;left:-7%;font-size:12px;transform:rotate(4deg);animation-delay:-2s}.benefit-microsoft .verified-icon{font-size:23px}
@media(min-width:761px) and (max-height:780px){.claim-guidance{margin-top:22px}.hero-copy>p{margin:20px 0}.hero-copy .downloads{margin-top:24px}.benefit-security,.benefit-microsoft{font-size:10px}.benefit-signing strong{font-size:10px}}
@media(max-width:1100px) and (min-width:761px){.benefit-security{left:-6%;font-size:10px;max-width:228px}.benefit-microsoft{left:-7%;font-size:10px}.benefit-signing{right:-4%}.benefit-signing strong{font-size:10px}.claim-guidance p{font-size:13px}}
@media(max-width:760px){.claim-guidance{margin-top:17px;max-width:430px}.claim-guidance h2{font-size:13px;margin-bottom:4px}.claim-guidance p{font-size:12px;line-height:1.5}.screenshot-preview{height:calc(92% - 16px);max-height:none}.benefit-security{left:0;top:12%;max-width:190px;font-size:9px;padding:10px 12px 10px 33px}.benefit-signing{right:0;bottom:21%;max-width:175px;display:flex}.benefit-signing strong{font-size:9px}.benefit-microsoft{left:0;bottom:17%;max-width:180px;font-size:9px;padding:10px 12px 10px 33px}.benefit-microsoft .verified-icon{left:10px;font-size:18px;top:13px}}
@media(max-width:500px){.benefit-security{max-width:140px;font-size:8px;padding:9px 9px 9px 25px;left:-3%}.benefit-security .verified-icon{left:7px;font-size:15px;top:11px}.benefit-microsoft{max-width:127px;left:-3%;font-size:8px;padding:9px 8px 9px 25px}.benefit-microsoft .verified-icon{left:7px;font-size:15px;top:11px}.benefit-signing{right:-3%;padding:9px;gap:5px;max-width:135px}.benefit-signing .security-symbol{width:22px;height:22px;font-size:15px}.benefit-signing strong{font-size:8px}.claim-guidance p{font-size:11px}}
@media(max-width:760px) and (max-height:730px){.claim-guidance{margin-top:11px}.claim-guidance h2{font-size:12px}.claim-guidance p{font-size:11px}.benefit-security,.benefit-microsoft{display:block}.benefit-security{top:5%}.benefit-signing{bottom:25%}.benefit-microsoft{bottom:16%}.screenshot-preview{height:calc(96% - 10px)}}

/* One supplied image; retain the established device size and motion. */
.screenshot-phone,.screenshot-phone img{aspect-ratio:1608/3496}

.copyright{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.powered-by{color:#68707f}@media(max-width:760px){.copyright{gap:4px 12px}.landing-footer{align-items:center}}@media(max-width:500px){.copyright{flex-direction:column;align-items:flex-start}.legal-links{gap:10px}}

/* Real iPhone 16 Pro asset; screenshot aligned to its native screen opening. */
.screenshot-phone{position:relative;aspect-ratio:1350/2760;box-sizing:content-box;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none;filter:drop-shadow(0 20px 24px #1c2b4624)}.screenshot-phone #app-screenshot{position:absolute;left:5.4815%;top:2.5725%;width:88.963%;height:94.8188%;aspect-ratio:auto;border-radius:14.7% / 6.75%;object-fit:contain;background:#dfe2e7}.screenshot-phone .device-frame{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:1350/2760;object-fit:contain;pointer-events:none}

/* Airy blue linework inspired by the reference opening. */
.hero{isolation:isolate;background:#fff}#flow-background{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-grid{position:relative}.experience:before{display:none}.experience{isolation:auto}.screenshot-phone{filter:drop-shadow(0 20px 24px #1c2b461c)}

/* Original reference canvas proportions and responsive placement. */
#flow-background{inset:auto;right:-12%;top:80px;width:66%;height:660px}
@media(max-width:1100px){#flow-background{right:-28%;width:90%;opacity:.7}}
@media(max-width:700px){#flow-background{top:300px;right:-70%;width:140%;height:460px;opacity:.35}}

/* Stable headline layout with a gentle three-word cycle. */
@media(min-width:761px){.hero-copy h1{font-size:clamp(32px,4.15vw,64px)}}
.rotating-word{display:inline-grid;vertical-align:top}
.rotating-word span{grid-area:1/1;opacity:0;animation:identity-word 9s infinite;will-change:transform,opacity}
.rotating-word span:nth-child(2){animation-delay:3s}
.rotating-word span:nth-child(3){animation-delay:6s}
@keyframes identity-word{0%{opacity:0;transform:translateY(.18em)}4%,28%{opacity:1;transform:translateY(0)}33%,100%{opacity:0;transform:translateY(-.18em)}}
@media(prefers-reduced-motion:reduce){.rotating-word span{animation:none;transform:none}.rotating-word span:first-child{opacity:1}}