@font-face{font-family:Oswald;src:url('/assets/fonts/oswald.woff2') format('woff2');font-weight:200 700;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
.app-landing{--ink:#0b0d12;--navy:#0f172a;--gold:#f0a621;--white:#f8fafc;--muted:#bac1cc;--line:rgba(248,250,252,.16);font-family:Inter,sans-serif;color:var(--white);background:var(--navy);isolation:isolate;overflow:clip}
.app-landing *, .app-promo *{box-sizing:border-box}.app-landing a{text-decoration:none;color:inherit}.app-landing button{font:inherit}.app-landing img{display:block;max-width:100%}.app-landing p{margin:0}.app-landing h1,.app-landing h2,.app-landing h3{font-family:Oswald,sans-serif;font-weight:400;text-transform:none;letter-spacing:-.025em;line-height:1.05;text-wrap:balance;margin:0}
.app-landing a:focus-visible,.app-landing button:focus-visible,.app-landing summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.app-landing [id]{scroll-margin-top:110px}.app-wrap{width:min(1280px,calc(100% - 100px));margin-inline:auto;position:relative;z-index:2}
.app-skip{position:fixed;top:-100px;left:20px;z-index:100;background:#f0a621;color:#0f172a!important;padding:12px}.app-skip:focus{top:10px}
.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:36px;justify-content:space-between;min-height:90px;padding:16px max(30px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:rgba(15,23,42,.87);backdrop-filter:blur(18px)}
.app-brand{display:inline-flex;align-items:center;gap:12px;font-size:21px;letter-spacing:-.05em;font-weight:600;white-space:nowrap}.app-brand img{transition:transform .4s}.app-brand:hover img{transform:scale(1.12)}.app-header nav{display:flex;gap:28px;font-size:13px}.app-header nav a{padding:8px 0;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}.app-header nav a:hover{color:var(--gold);border-color:var(--gold)}
.app-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 24px;background:var(--gold);color:var(--navy)!important;font-size:14px;font-weight:650;line-height:1.3;border-radius:8px;transition:transform .25s,box-shadow .25s,background .25s;min-height:48px}.app-button:hover{transform:translateY(-3px);box-shadow:0 8px 35px #f0a62135;background:#ffd82b}.app-button.small{padding:13px 18px;font-size:13px;white-space:nowrap}
.app-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.65}.app-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:min(850px,calc(100svh - 90px));padding:74px 0 70px;gap:25px}.hero-copy{position:relative;z-index:4}.app-eyebrow{font-size:11px;letter-spacing:.12em;line-height:1.6;color:var(--gold);margin-bottom:25px!important}.app-hero h1{font-size:clamp(58px,6.5vw,98px);margin-bottom:30px}.app-hero h1>span,.download-finale h2>span,.gold-line{color:var(--gold)}.app-lede{font-size:16px;line-height:1.8;color:#d6dbe4;max-width:425px}.download-links{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 16px}.store-link{display:flex;align-items:center;gap:10px;min-height:65px;padding:12px 16px;border:1px solid rgba(248,250,252,.35);border-radius:10px;background:#0b0d12;color:#f8fafc!important;text-decoration:none!important;transition:transform .25s,border-color .25s,box-shadow .25s;line-height:1.15}.store-link:hover,.store-link.is-preferred{border-color:#f0a621;box-shadow:0 10px 32px #f0a62120}.store-link:hover{transform:translateY(-3px)}.store-link svg{width:26px;height:30px;flex:none}.store-link small{display:block;font-size:9px;margin-bottom:5px;letter-spacing:.015em}.store-link strong{display:block;font-size:17px;font-weight:500}.store-arrow{margin-left:10px;color:#f0a621;font-size:18px}.download-note{font-size:11px!important;color:var(--muted);line-height:1.8}.download-note a{text-decoration:underline!important;text-underline-offset:4px}.scroll-invitation{display:flex;align-items:center;gap:12px;width:fit-content;font-size:11px;color:var(--muted)!important;margin-top:55px}.scroll-invitation:hover{color:var(--gold)!important}.scroll-track{width:30px;height:1px;background:var(--gold)}
.hero-art{margin:0;position:relative;perspective:1600px;min-width:0;align-self:center}.screen-stage{height:590px;position:relative;transform-style:preserve-3d;transform:translate3d(0,var(--travel,0px),var(--depth,0px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .12s linear}.device{background:#111821;border:5px solid #344054;border-radius:33px;box-shadow:0 0 0 1px #ffffff30,12px 30px 40px #0007;overflow:hidden;position:relative}.device img{width:100%;height:auto}.hero-device{position:absolute;width:230px;height:495px;transform-style:preserve-3d}.device-back{width:195px;height:425px;left:0;top:60px;transform:translateZ(-90px) rotateY(19deg) rotateZ(-9deg);filter:brightness(.88)}.device-side{right:-2%;top:118px;width:208px;height:412px;transform:translateZ(-35px) rotateY(-19deg) rotateZ(10deg);filter:brightness(.9)}.device-front{left:26%;top:21px;transform:translateZ(65px) rotateY(-9deg) rotateX(4deg)}.scene-orbit{position:absolute;left:-13%;top:13%;width:123%;height:75%;border:1px solid #f0a62155;border-radius:50%;transform:translateZ(-150px) rotateX(55deg) rotateZ(-23deg);box-shadow:0 0 30px #f0a6210b}.orbit-two{top:21%;left:-7%;transform:translateZ(50px) rotateX(62deg) rotateZ(24deg);border-color:#f8fafc20}.scene-word{position:absolute;inset:10px 0 auto -10px;font-family:Oswald,sans-serif;font-size:190px;line-height:.95;font-weight:600;color:#ffffff04;letter-spacing:-.03em;transform:translateZ(-200px)}.scene-tag{position:absolute;z-index:6;display:block;padding:14px 17px;background:#1e293beF;border:1px solid #f0a62155;border-radius:6px;font-size:11px;box-shadow:0 12px 30px #0004;transform:translateZ(110px)}.tag-one{left:-15px;top:167px}.tag-two{right:0;bottom:95px}.scene-tag span{margin-left:15px;color:var(--gold)}.hero-art figcaption,.chapter-art figcaption{font-size:10px;color:#bac1cc;line-height:1.7;position:relative;z-index:3;text-align:center;margin-top:12px}
.people-intro{padding:120px 0 60px;border-top:1px solid var(--line)}.people-intro h2{font-size:clamp(48px,6vw,82px);max-width:900px}.people-intro h2>span{color:#bac1cc}
.app-chapter{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);align-items:center;min-height:920px;position:relative;border-bottom:1px solid var(--line);padding:80px 0}.chapter-copy{position:relative;z-index:4}.chapter-copy h2{font-size:clamp(44px,4.4vw,65px);margin-bottom:28px}.chapter-copy>p:not(.app-eyebrow){font-size:16px;line-height:1.9;color:#d6dbe4;max-width:430px}.chapter-number{display:inline-block;margin-right:16px;padding-right:16px;border-right:1px solid #f0a62160}.chapter-copy .chapter-detail{font-size:12px!important;color:#bac1cc!important;margin-top:18px;max-width:410px}.chapter-copy .app-button{margin-top:32px}.chapter-more{display:block;width:fit-content;font-size:12px;margin-top:22px;color:#bac1cc!important;text-decoration:underline!important;text-underline-offset:4px}.chapter-more:hover{color:#f0a621!important}.reverse .chapter-copy{order:2}.reverse .chapter-art{order:1}.chapter-art{position:relative;perspective:1200px;margin:0;min-width:0}.chapter-plane{position:relative;height:660px;transform-style:preserve-3d;transform:translate3d(0,var(--travel,0px),var(--depth,0px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .12s linear}.chapter-device{width:285px;max-height:615px;position:absolute;left:50%;top:20px;transform:translateX(-50%) rotateY(-12deg) rotateZ(3deg);box-shadow:18px 30px 70px #0008}.reverse .chapter-device{transform:translateX(-50%) rotateY(12deg) rotateZ(-3deg)}.chapter-halo{position:absolute;inset:5% -10% 10%;border:1px solid #f0a62140;border-radius:49% 49% 12% 12%;transform:rotate(-10deg);background:radial-gradient(ellipse at 50% 45%,#f0a62112,transparent 70%)}.reverse .chapter-halo{border-radius:45% 6% 45% 6%;transform:rotate(8deg)}.chapter-stamp{position:absolute;bottom:44px;left:0;z-index:3;display:flex;align-items:center;gap:18px;padding:18px 25px;background:#1e293bf2;border:1px solid #ffffff25;border-radius:14px;transform:translateZ(80px);box-shadow:0 15px 40px #0005}.chapter-stamp span{font-family:Oswald,sans-serif;color:var(--gold);font-size:32px}.chapter-stamp b{font-size:12px;font-weight:500}.detail-window{position:absolute;right:-4%;top:70px;width:163px;height:235px;border:3px solid #475569;border-radius:20px 20px 50px 20px;overflow:hidden;transform:translateZ(90px);box-shadow:0 20px 40px #0006}.detail-window img{width:100%;transform:translateY(-45px)}
.app-faq{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:120px 0}.app-faq h2{font-size:54px}.app-faq details{padding:23px 0;border-bottom:1px solid var(--line)}.app-faq summary{cursor:pointer;font-size:15px;line-height:1.6}.app-faq details p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:18px}.app-faq a{text-decoration:underline}
.download-finale{padding:150px 0 120px;text-align:center;isolation:isolate}.download-finale h2{font-size:clamp(80px,13vw,170px);margin-bottom:35px}.download-finale>p:not(.app-eyebrow){font-size:15px;color:var(--muted)}.download-finale .download-links{justify-content:center;margin-top:36px}.finale-mark{position:absolute;z-index:-1;left:50%;top:110px;transform:translateX(-50%) scale(3);opacity:.035}.fine-print{max-width:510px;font-size:10px!important;line-height:1.8;margin:40px auto 0!important}.app-footer{border-top:1px solid var(--line);padding:40px 0 65px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.app-footer p{font-size:12px;color:var(--muted)}.app-footer nav{display:flex;gap:20px;flex-wrap:wrap;width:100%;font-size:11px;color:var(--muted)}.app-footer nav a:hover{color:var(--gold)}.motion-toggle{position:fixed;right:18px;bottom:18px;z-index:30;font-size:10px!important;padding:10px 14px;background:#0b0d12dd;border:1px solid #f8fafc40;border-radius:30px;color:#f8fafc;cursor:pointer;backdrop-filter:blur(8px)}
/* Shared, scoped screenshot panels on the existing marketing pages. */
.app-promo{width:min(1120px,calc(100% - 48px));margin:75px auto;padding:55px 60px;display:grid;grid-template-columns:1fr 270px;gap:45px;align-items:center;position:relative;overflow:hidden;isolation:isolate;background:#0f172a;color:#f8fafc;border:1px solid #f0a62150;border-radius:32px 8px 32px 8px}.app-promo:before{content:'';position:absolute;inset:0;border:1px solid #f0a62140;border-radius:50%;transform:translateX(45%) rotate(-25deg);z-index:-1}.app-promo h2{font-family:Oswald,sans-serif;font-size:42px;text-transform:none;font-weight:400;line-height:1.12;letter-spacing:-.02em;margin:0 0 18px}.app-promo p{font:14px/1.8 Inter,sans-serif;color:#bac1cc;max-width:500px}.app-promo .app-eyebrow{color:#f0a621;font-size:11px}.app-promo .promo-image{height:330px;perspective:1000px}.app-promo .promo-image img{width:210px;margin:auto;border:5px solid #475569;border-radius:25px;box-shadow:15px 15px 45px #0008;transform:rotateY(-16deg) rotateZ(5deg);transition:transform .65s}.app-promo:hover .promo-image img{transform:rotateY(-5deg) rotateZ(0deg) translateY(-10px)}.app-promo .download-note{color:#bac1cc}.app-promo a:focus-visible{outline:2px solid #f0a621;outline-offset:5px}.app-promo .promo-caption{font-size:10px;line-height:1.7;margin-top:18px}
@media(max-width:1100px){.app-wrap{width:calc(100% - 64px)}.app-hero{gap:0}.app-hero h1{font-size:66px}.screen-stage{transform-origin:center;scale:.85;width:115%;margin-left:-5%}.hero-art{min-height:570px}.hero-device{width:215px;height:460px}.device-back{width:185px;height:405px}.device-side{width:195px;height:385px}.device-front{left:24%}.tag-one{left:-15px}.app-header nav{gap:17px}.app-chapter{gap:45px;min-height:850px}.chapter-device{width:260px}.chapter-plane{height:625px}.app-faq{gap:40px}}
@media(max-width:760px){.app-header{min-height:75px;padding:13px 22px;gap:15px}.app-header nav{display:none}.app-brand{font-size:18px;gap:9px}.app-brand img{width:32px;height:32px}.app-button.small{font-size:11px;padding:12px;gap:10px}.app-wrap{width:calc(100% - 44px)}.app-hero{grid-template-columns:1fr;padding:52px 0 38px;min-height:0;gap:12px}.app-hero h1{font-size:clamp(53px,13vw,78px);margin-bottom:23px}.app-eyebrow{font-size:10px;margin-bottom:19px!important}.app-lede{font-size:14px;max-width:360px}.download-links{gap:10px;margin-top:26px}.store-link{padding:11px 12px;gap:7px;min-height:60px}.store-link svg{width:21px;height:26px}.store-link small{font-size:8px}.store-link strong{font-size:15px}.store-arrow{margin-left:6px;font-size:16px}.scroll-invitation{margin-top:27px}.hero-art{min-height:0;height:555px;margin-top:25px}.screen-stage{height:505px;scale:.8;transform-origin:top center;width:440px;left:50%;margin-left:-220px}.hero-art figcaption{margin-top:-75px}.device-front{left:25%}.device-back{left:1%}.device-side{right:0}.scene-tag{font-size:10px;padding:12px}.tag-one{left:-8px;top:155px}.tag-two{bottom:10px}.scene-word{font-size:160px}.people-intro{padding:65px 0 30px}.people-intro h2{font-size:45px}.app-chapter{grid-template-columns:1fr;gap:32px;min-height:0;padding:70px 0 50px}.chapter-copy h2{font-size:45px}.chapter-copy>p:not(.app-eyebrow){font-size:14px}.chapter-copy .chapter-detail{font-size:11px!important}.chapter-copy .app-button{margin-top:24px}.chapter-more{font-size:11px}.reverse .chapter-copy,.reverse .chapter-art{order:unset}.chapter-art{margin:15px 0 0}.chapter-plane{height:600px}.chapter-device{width:250px}.chapter-halo{inset:10% 0 8%}.chapter-stamp{left:0;bottom:50px;padding:14px 17px;gap:12px}.chapter-stamp b{font-size:11px}.detail-window{width:125px;height:200px;right:-2%;top:70px}.app-faq{grid-template-columns:1fr;gap:25px;padding:70px 0}.app-faq h2{font-size:45px}.download-finale{padding:95px 0 75px}.download-finale h2{font-size:96px}.download-finale>p:not(.app-eyebrow){font-size:13px}.download-finale .fine-print{font-size:10px}.app-footer{gap:20px}.app-footer nav{gap:17px;line-height:1.6}.app-promo{padding:34px 25px;grid-template-columns:1fr;gap:35px;margin:50px auto}.app-promo h2{font-size:36px}.app-promo .promo-image{height:300px;overflow:hidden}.app-promo .download-links{flex-direction:column;align-items:flex-start}.motion-toggle{right:12px;bottom:12px;font-size:9px!important}.app-atmosphere{opacity:.45}}
@media(max-width:370px){.app-wrap{width:calc(100% - 36px)}.app-header{padding-inline:18px}.app-brand{font-size:16px}.app-brand img{width:28px}.store-link{padding:10px 9px;gap:5px}.store-arrow{display:none}.store-link strong{font-size:14px}.screen-stage{scale:.7}.hero-art{height:465px}.chapter-device{width:232px}.chapter-plane{height:555px}.chapter-stamp{bottom:30px}.app-hero h1{font-size:52px}.people-intro h2{font-size:39px}}
.motion-paused [data-depth-scene]{transform:none!important;transition:none!important}.motion-paused .app-landing *, .motion-paused .app-promo *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.app-atmosphere{display:none}.app-landing *, .app-promo *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.app-landing [data-depth-scene]{transform:none!important}.app-promo:hover .promo-image img{transform:rotateY(-16deg) rotateZ(5deg)}.motion-toggle{display:none}}

/* One scroll score: the three devices gather, descend, then open sideways.
   Resting angles stay fixed; shared easing keeps screens and captions together. */
.device-back{transform:translate3d(calc(var(--gather,0px) - var(--fan,0px)),var(--drop,0px),-90px) rotateY(19deg) rotateZ(-9deg)}
.device-side{transform:translate3d(calc(var(--fan,0px) - var(--gather,0px)),var(--drop,0px),-35px) rotateY(-19deg) rotateZ(10deg)}
.device-front{transform:translate3d(0,calc(var(--drop,0px) * .5),calc(65px + var(--front-depth,0px))) rotateY(-9deg) rotateX(4deg)}
.tag-one{transform:translate3d(calc(var(--fan,0px) * -.25),calc(var(--drop,0px) * .6),110px)}
.tag-two{transform:translate3d(calc(var(--fan,0px) * .25),calc(var(--drop,0px) * .6),110px)}

/* Keep the original world visible while reserving contrast for the copy. */
.app-atmosphere{mask-image:linear-gradient(to right,rgba(0,0,0,.32),rgba(0,0,0,.65) 55%,#000)}
@media(max-width:760px){.app-atmosphere{mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),#000 90%)}}

.app-promo .promo-image img{height:auto}.app-promo{scroll-margin-top:100px}

/* Hold the screens in the scene while the surrounding page travels past.
   The hold ends naturally at the hero boundary; no wheel or touch is trapped. */
@media(min-width:1000px) and (min-height:760px) and (prefers-reduced-motion:no-preference){
   .app-hero{min-height:calc(100svh + 440px);align-items:start}
   .hero-copy{padding-top:75px}
   .hero-art{position:sticky;top:130px;align-self:start;margin-top:40px}
}

html.motion-paused{scroll-behavior:auto}

/* Interaction feedback shares the site's gold accent. */
.motion-toggle:hover{color:#f0a621;border-color:#f0a621;background:#0f172a}
.app-faq summary:hover{color:#f0a621}
.download-note a:hover,.app-faq p a:hover{color:#f0a621;text-decoration-thickness:2px}

/* Account choices share the depth and light of the surrounding scene. */
.role-jumps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:48px;perspective:1200px}
.role-jumps .role-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:256px;padding:22px 20px 18px;isolation:isolate;overflow:hidden;border:1px solid #f0a62160;border-radius:20px 7px 20px 7px;background:linear-gradient(145deg,#233148f2,#0f172af5 70%);box-shadow:inset 0 1px 0 #ffffff15,0 10px 28px #0003;color:#f8fafc;transform:perspective(900px) rotateX(0deg) rotateY(0deg);transition:transform .45s cubic-bezier(.2,.75,.25,1),border-color .3s,box-shadow .45s,background .3s}
.role-card:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.36;background:radial-gradient(circle at var(--spot-x,70%) var(--spot-y,0%),#f0a62155,transparent 66%);transition:opacity .35s}
.role-card:after{content:'';position:absolute;inset:-35%;pointer-events:none;z-index:-1;background:linear-gradient(110deg,transparent 35%,#fff3 49%,transparent 64%);transform:translateX(-105%) skewX(-12deg);transition:transform .75s cubic-bezier(.2,.7,.3,1)}
.role-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px;color:#f0a621}
.role-index{font-size:11px;letter-spacing:.14em;opacity:.8}
.role-symbol{width:30px;height:30px;transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .4s}
.role-name{font-family:Oswald,sans-serif;font-size:clamp(20px,1.85vw,27px);font-weight:400;line-height:1.15;letter-spacing:-.01em}
.role-description{font-size:11px;line-height:1.7;color:#bac1cc;max-width:165px;margin-top:12px;margin-bottom:25px}
.role-card-action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;color:#f0a621;font-size:10px;letter-spacing:.025em}
.role-arrow{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:50%;border:1px solid #f0a62170;background:#f0a62114;font-size:18px;transition:transform .4s,background .3s,color .3s,box-shadow .4s}
.role-jumps .role-card:is(:hover,:focus-visible){border-color:#f0a621;background:linear-gradient(145deg,#30415b,#111c31 75%);box-shadow:inset 0 1px 0 #ffffff30,0 18px 42px #0006,0 0 28px #f0a62120}
.role-card:is(:hover,:focus-visible):before{opacity:1}
.role-card:is(:hover,:focus-visible):after{transform:translateX(105%) skewX(-12deg)}
.role-card:is(:hover,:focus-visible) .role-arrow{color:#0f172a;background:#f0a621;box-shadow:0 0 22px #f0a62145}
.role-card:is(:hover,:focus-visible) .role-symbol{filter:drop-shadow(0 0 9px #f0a62166)}
.release-preview{display:inline-flex;padding:6px 10px;margin-bottom:18px!important;border:1px solid #f0a62160;border-radius:4px;color:#f0a621!important;font-size:11px!important;line-height:1.2!important}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .role-jumps .role-card:is(:hover,:focus-visible){transform:perspective(900px) translateY(-9px) rotateX(var(--card-rx,3deg)) rotateY(var(--card-ry,-3deg))}
  .role-card:is(:hover,:focus-visible) .role-symbol{transform:translateY(-3px) rotate(-8deg) scale(1.12)}
  .role-card:is(:hover,:focus-visible) .role-arrow{transform:translate(2px,-2px) rotate(5deg)}
  .role-jumps .role-card:active{transform:perspective(900px) translateY(-3px) scale(.985)}
}
@media(max-width:1000px){.role-jumps{grid-template-columns:repeat(3,minmax(0,1fr))}.role-jumps .role-card{min-height:235px}.role-name{font-size:25px}}
@media(max-width:760px){.role-jumps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px}.role-jumps .role-card{min-height:238px;padding:20px 17px 16px}.role-name{font-size:24px}.role-description{font-size:11px}.role-card-top{margin-bottom:24px}.role-jumps .role-card:last-child{grid-column:1/-1;min-height:210px}.role-card:last-child .role-description{max-width:none}.role-card:last-child .role-card-top{margin-bottom:18px}}
@media(max-width:370px){.role-jumps{gap:10px}.role-jumps .role-card{padding:17px 13px 14px}.role-name{font-size:21px}.role-description{font-size:10px}.role-symbol{width:26px;height:26px}}
html.motion-paused .role-jumps .role-card,html.motion-paused .role-card .role-symbol,html.motion-paused .role-card .role-arrow{transform:none!important}
html.motion-paused .role-card:after{display:none}
@media(prefers-reduced-motion:reduce){.role-jumps .role-card,.role-card .role-symbol,.role-card .role-arrow{transform:none!important}.role-card:after{display:none}}

.role-jumps .role-card:active{border-color:#ffd82b;background:#26364e}

/* Keep every navigation tab, including Contact, available on small screens. */
@media(max-width:760px){
  .app-header{flex-wrap:wrap;row-gap:12px}
  .app-header nav{display:flex;order:3;width:100%;justify-content:space-between;gap:12px;font-size:11px;border-top:1px solid var(--line);padding-top:4px}
  .app-landing [id]{scroll-margin-top:135px}
}