.mock-showcase{max-width:1392px;margin:0 auto;padding:0 32px;color:#101b2d}.mock-scene{position:relative;margin:0;min-width:0;overflow:hidden;border-radius:20px;background:#e9e4d9}.mock-scene-hero{height:630px}.mock-scene-disc{position:absolute;width:700px;height:700px;right:-160px;top:-200px;border-radius:50%;background:#d9c9a8}.mock-desktop{background:#fff;border-radius:13px;border:7px solid #1b2739;box-shadow:0 30px 70px -35px #101b2d70;overflow:hidden;position:absolute;width:83%;left:4.5%;top:43px;z-index:1;text-align:left}.mock-browser-bar{height:27px;background:#eef0ef;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#5a6270;font-size:8px}.mock-browser-dots{display:flex;gap:4px}.mock-browser-dots i{width:4px;height:4px;border-radius:50%;background:#b5babd}.mock-browser-preview{font-size:7px;color:#5a6270}.mock-app-shell{display:grid;grid-template-columns:145px 1fr;min-height:440px;overflow:hidden}.mock-app-sidebar{background:#fafaf7;border-right:1px solid #eceeea;padding:16px 12px 0;display:flex;flex-direction:column;min-width:0}.mock-app-sidebar>img{width:100px;height:auto;margin:0 0 20px 3px}.mock-company{display:flex;align-items:center;gap:7px;padding:9px 0 14px;border-bottom:1px solid #e6e7e1;font-size:8px;white-space:nowrap}.mock-company-symbol{display:flex;align-items:center;justify-content:center;background:#eae4d7;width:24px;height:24px;border-radius:5px;font-size:8px;flex-shrink:0}.mock-company small{display:block;font-size:6px;color:#5a6270;margin-top:4px}.mock-company>svg{width:10px;height:10px;margin-left:auto}.mock-app-nav{padding-top:14px;display:flex;flex-direction:column;gap:4px}.mock-app-nav>div{display:flex;align-items:center;gap:8px;min-height:30px;padding:6px 8px;border-radius:5px;font-size:8px;color:#5a6270;white-space:nowrap}.mock-app-nav svg{width:12px;height:12px}.mock-app-nav>div.mock-nav-selected{background:#101b2d;color:#f7f4ee}.mock-app-nav b{margin-left:auto;font-size:7px;font-weight:400;background:#e8e3d8;color:#101b2d;padding:2px 4px;border-radius:3px}.mock-sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px;font-size:7px;color:#5a6270;padding:14px 5px 13px}.mock-user{display:flex;align-items:center;gap:7px;margin-top:8px;padding-top:12px;border-top:1px solid #e2e5df}.mock-user>b{width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8e1d2;color:#101b2d;font-size:7px;font-weight:400}.mock-user>span{font-size:7px;color:#101b2d}.mock-user small{font-size:6px;display:block;color:#5a6270;margin-top:4px}.mock-app-content{padding:0 20px 15px;min-width:0;background:#fff}.mock-app-topline{height:42px;border-bottom:1px solid #eceeea;display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#5a6270}.mock-app-topline i{font-style:normal;margin:0 8px;color:#5a6270}.mock-app-topline>div{display:flex;align-items:center;gap:12px}.mock-app-topline svg{width:11px;height:11px}.mock-app-topline b{font-size:6px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#eee8db;color:#101b2d;font-weight:400}.mock-app-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 0 20px}.mock-app-heading h3{font-size:17px;font-weight:500;line-height:1.2;letter-spacing:-.025em;text-wrap:nowrap}.mock-app-heading p{font-size:7px;color:#5a6270;line-height:1.5;margin-top:6px;white-space:nowrap}.mock-period{font-size:7px;border:1px solid #e1e3dc;padding:7px 8px;border-radius:4px;display:flex;align-items:center;gap:8px;white-space:nowrap}.mock-period svg{width:9px;height:9px}.mock-summary{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px;padding:0 0 18px;border-bottom:1px solid #e6e8e2}.mock-summary>div{display:flex;flex-direction:column;gap:10px;min-width:0}.mock-summary>div+div{border-left:1px solid #e6e8e2;padding-left:16px}.mock-summary>div>span{font-size:7px;color:#5a6270;white-space:nowrap}.mock-summary strong{font-size:19px;font-weight:500;letter-spacing:-.035em;white-space:nowrap}.mock-summary>div+div strong{font-size:14px;line-height:1.38;letter-spacing:-.02em}.mock-summary strong.mock-period-total{font-size:17px}.mock-summary small{font-size:6px;color:#5a6270;white-space:nowrap}.mock-dashboard-middle{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;padding:18px 0 17px;border-bottom:1px solid #e6e8e2}.mock-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px}.mock-panel-title strong{font-weight:500}.mock-panel-title>span{display:flex;align-items:center;gap:5px;font-size:6px;color:#5a6270;white-space:nowrap}.mock-panel-title>span svg{width:10px;height:10px}.mock-bars{padding-top:14px;display:flex;flex-direction:column;gap:9px}.mock-bar-row>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:7px;gap:10px;margin-bottom:5px}.mock-bar-row strong{font-weight:400;font-size:6px;color:#5a6270}.mock-bar-track{height:5px;background:#f0eee8;border-radius:2px;overflow:hidden}.mock-bar-track i{display:block;height:100%;background:#c6a66b;border-radius:2px}.mock-bar-row:nth-child(2) .mock-bar-track i{background:#8f9aab}.mock-bar-row:nth-child(3) .mock-bar-track i{background:#101b2d}.mock-activity{border-left:1px solid #e6e8e2;padding-left:20px}.mock-notice{display:flex;align-items:flex-start;gap:8px;margin-top:14px}.mock-notice-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#f1eadc;color:#80622f;flex-shrink:0}.mock-notice-icon svg{width:12px;height:12px}.mock-notice b{font-weight:500;font-size:8px}.mock-notice p{font-size:7px;color:#5a6270;line-height:1.7;margin-top:5px}.mock-reviewers{display:flex;align-items:center;margin-top:16px}.mock-reviewers>span{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid white;border-radius:50%;font-size:5px;background:#e8e0cd;margin-left:-4px}.mock-reviewers>span:nth-child(2){background:#dfe5e0}.mock-reviewers>span:nth-child(3){background:#e2e6ed}.mock-reviewers>span:first-child{margin-left:0}.mock-reviewers p{font-size:6px;margin-left:7px;color:#5a6270}.mock-table{padding-top:16px}.mock-table table{border-collapse:collapse;width:100%;text-align:left;table-layout:auto;margin-top:12px}.mock-table th{font-size:6px;color:#5a6270;font-weight:400;background:#f8f9f6;padding:8px 7px}.mock-table td{font-size:7px;padding:10px 7px;border-bottom:1px solid #eceee8;white-space:nowrap}.mock-table td:first-child{font-weight:500}.mock-row-icon{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;background:#f0eee7;border-radius:4px;vertical-align:middle;margin-right:7px}.mock-row-icon svg{width:10px;height:10px;color:#80622f}.mock-status{display:inline-block;background:#e8ece7;color:#425446;border-radius:3px;padding:4px 5px;font-size:6px}.mock-status-gold{background:#efe8d9;color:#705425}.mock-phone{width:218px;position:absolute;right:4.4%;top:98px;background:#152031;border:5px solid #152031;border-radius:33px;z-index:3;box-shadow:0 24px 45px -22px #101b2d99;text-align:left}.mock-phone-screen{overflow:hidden;border-radius:28px;background:#fbfbf8;position:relative}.mock-phone-status{position:relative;height:31px;padding:12px 16px 0;display:flex;align-items:flex-start;justify-content:space-between;font-size:7px;font-weight:600}.mock-phone-status>i{position:absolute;left:50%;top:7px;transform:translateX(-50%);width:62px;height:17px;border-radius:12px;background:#101b2d}.mock-phone-status>div{display:flex;align-items:center;gap:4px}.mock-phone-status>div>span{height:6px;width:10px;border-bottom:1px solid #101b2d;border-top:1px solid #101b2d;display:block;transform:skewY(-15deg)}.mock-phone-status b{width:12px;height:6px;border:1px solid #101b2d;border-radius:1px;background:#101b2d}.mock-phone-header{display:flex;align-items:center;justify-content:space-between;padding:15px 14px 10px}.mock-phone-header img{width:85px;height:auto}.mock-phone-header>span{width:23px;height:23px;border-radius:50%;background:#e9e1d1;color:#101b2d;font-size:6px;display:flex;align-items:center;justify-content:center}.mock-phone-content{padding:13px 14px 0}.mock-phone-greeting{font-size:7px;color:#5a6270}.mock-phone-content>h3{font-size:19px;line-height:1.18;font-weight:500;letter-spacing:-.025em;margin:8px 0 18px;max-width:160px}.mock-phone-trip{background:#101b2d;color:#f7f4ee;border-radius:11px;padding:14px 12px}.mock-phone-trip-label{display:flex;align-items:center;gap:6px;font-size:6px;color:#d2bb94;margin-bottom:18px}.mock-phone-trip-label svg{width:11px;height:11px}.mock-phone-trip>strong{font-size:19px;font-weight:400;letter-spacing:-.025em;display:block;white-space:nowrap}.mock-phone-trip>p{font-size:6px;line-height:1.6;color:#c0cad5;margin-top:7px}.mock-phone-trip-status{border-top:1px solid #ffffff29;padding-top:12px;margin-top:15px;font-size:5px;color:#e0cfae;display:flex;align-items:center;gap:5px;white-space:nowrap}.mock-phone-trip-status i{width:4px;height:4px;border-radius:50%;background:#c6a66b;flex-shrink:0}.mock-phone-next{display:flex;align-items:center;justify-content:space-between;margin:21px 0 8px;gap:8px}.mock-phone-next b{font-size:8px;font-weight:500}.mock-phone-next>span{font-size:5px;color:#5a6270}.mock-phone-list>div{display:flex;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid #e2e5df}.mock-phone-list>div>svg{width:14px;height:14px;color:#80622f}.mock-phone-list>div>svg:last-child{width:10px;height:10px;margin-left:auto;color:#5a6270}.mock-phone-list strong{font-size:7px;font-weight:500;display:block}.mock-phone-list small{font-size:5px;color:#5a6270;display:block;margin-top:5px}.mock-phone-note{font-size:5px;color:#5a6270;text-align:center;padding:16px 0 12px}.mock-phone-navigation{display:flex;justify-content:space-around;padding:10px 10px 8px;border-top:1px solid #e6e8e1}.mock-phone-navigation>span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:5px;color:#5a6270}.mock-phone-navigation svg{width:13px;height:13px}.mock-phone-navigation .mock-phone-nav-active{color:#80622f}.mock-phone-home{width:65px;height:3px;border-radius:2px;background:#101b2d;margin:4px auto 6px}.mock-corp-card{position:absolute;z-index:4;width:260px;height:158px;background:#101b2d;border-radius:12px;padding:19px 21px;color:#c6a66b;box-shadow:0 22px 38px -20px #101b2d99;display:flex;flex-direction:column;text-align:left;overflow:hidden}.mock-corp-card:after{content:'';position:absolute;width:270px;height:270px;border:1px solid #c6a66b3b;border-radius:50%;left:110px;top:-80px;pointer-events:none}.mock-corp-card>img{width:94px;height:auto;position:relative;z-index:1}.mock-card-chip{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.mock-card-chip>svg{width:26px;height:19px}.mock-card-chip>span>svg{width:16px;height:16px;transform:rotate(-90deg)}.mock-card-number{font-size:12px;letter-spacing:.12em;margin-top:12px;white-space:nowrap;color:#f7f4ee}.mock-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:5px;letter-spacing:.05em;color:#d4c5a8;margin-top:auto}.mock-card-hero{left:8%;bottom:38px;transform:rotate(-8deg)}.mock-scene-caption{position:absolute;bottom:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 27px;color:#45505e;font-size:9px;line-height:1.5;background:#e9e4d9}.mock-scene-caption>span:last-child{font-size:8px}.mock-showcase-product{max-width:1270px;margin-top:-45px;margin-bottom:90px}.mock-scene-product{height:600px;background:#e9e4d9}.mock-scene-product .mock-desktop{width:89%;left:5.5%;top:36px}.mock-scene-product .mock-app-shell{min-height:475px}.mock-scene-product .mock-phone{display:none}.mock-scene-product .mock-summary strong{font-size:23px}.mock-scene-product .mock-summary>div+div strong{font-size:18px}.mock-scene-product .mock-app-heading h3{font-size:20px}.mock-scene-product .mock-app-heading p{font-size:9px}.mock-scene-product .mock-summary>div>span{font-size:9px}.mock-scene-product .mock-summary small{font-size:8px}.mock-scene-product .mock-panel-title{font-size:10px}.mock-scene-product .mock-panel-title>span{font-size:8px}.mock-scene-product .mock-bar-row>div:first-child{font-size:9px}.mock-scene-product .mock-bar-row strong{font-size:8px}.mock-scene-product .mock-notice b{font-size:10px}.mock-scene-product .mock-notice p{font-size:9px}.mock-scene-product .mock-reviewers p{font-size:8px}.mock-scene-product .mock-table th{font-size:8px}.mock-scene-product .mock-table td{font-size:9px;padding-top:12px;padding-bottom:12px}.mock-scene-product .mock-status{font-size:8px}.mock-scene-product .mock-dashboard-middle{padding-top:22px;padding-bottom:21px}.mock-card-product{right:8%;bottom:45px;transform:rotate(8deg)}
@media(min-width:1051px){.mock-desktop-home{width:81%;left:5%}.mock-scene-hero{height:675px}.mock-desktop-home .mock-app-shell{min-height:485px}.mock-desktop-home .mock-app-heading h3{font-size:20px}.mock-desktop-home .mock-app-heading p{font-size:9px}.mock-desktop-home .mock-summary>div>span{font-size:9px}.mock-desktop-home .mock-summary strong{font-size:24px}.mock-desktop-home .mock-summary>div+div strong{font-size:18px}.mock-desktop-home .mock-summary small{font-size:8px}.mock-desktop-home .mock-panel-title{font-size:10px}.mock-desktop-home .mock-panel-title>span{font-size:8px}.mock-desktop-home .mock-bar-row>div:first-child{font-size:9px}.mock-desktop-home .mock-notice b{font-size:10px}.mock-desktop-home .mock-notice p{font-size:9px}.mock-desktop-home .mock-table th{font-size:8px}.mock-desktop-home .mock-table td{font-size:9px}.mock-desktop-home .mock-status{font-size:8px}.mock-phone{width:245px;top:102px}.mock-phone-content>h3{font-size:22px;max-width:190px}.mock-phone-trip{padding:17px 15px}.mock-phone-trip>strong{font-size:22px}.mock-phone-trip>p{font-size:8px}.mock-phone-trip-label{font-size:8px}.mock-phone-trip-status{font-size:6px}.mock-phone-list strong{font-size:9px}.mock-phone-list small{font-size:7px}.mock-phone-content{padding:16px 17px 0}.mock-phone-list>div{padding:16px 0}.mock-phone-note{font-size:6px}.mock-phone-next b{font-size:10px}.mock-phone-next>span{font-size:6px}.mock-phone-navigation{padding-top:13px;padding-bottom:10px}.mock-phone-navigation>span{font-size:6px}.mock-card-hero{left:8%;bottom:44px;width:290px;height:177px;padding:22px 24px}.mock-corp-card>img{width:105px}.mock-card-number{font-size:14px}.mock-card-bottom{font-size:6px}}
@media(max-width:1050px){.mock-scene-hero{height:600px}.mock-desktop{width:88%;left:4%;top:37px}.mock-app-shell{grid-template-columns:125px 1fr}.mock-app-sidebar{padding-left:10px;padding-right:10px}.mock-company{gap:5px;font-size:7px}.mock-company-symbol{width:21px;height:21px}.mock-app-nav>div{font-size:7px;gap:6px}.mock-app-content{padding-left:15px;padding-right:15px}.mock-app-heading h3{font-size:16px}.mock-app-heading p{font-size:6px}.mock-period{font-size:6px;padding:6px}.mock-summary strong{font-size:17px}.mock-summary>div+div strong{font-size:12px}.mock-summary>div+div{padding-left:10px}.mock-summary{gap:8px}.mock-dashboard-middle{gap:13px}.mock-activity{padding-left:13px}.mock-phone{right:3%;top:122px;width:202px}.mock-phone-content>h3{font-size:18px}.mock-phone-trip>strong{font-size:18px}.mock-phone-content{padding-left:12px;padding-right:12px}.mock-card-hero{width:235px;height:145px;left:7%;bottom:42px;padding:16px 18px}.mock-card-chip{margin-top:11px}.mock-card-number{font-size:11px;margin-top:10px}.mock-scene-product{height:580px}.mock-scene-product .mock-desktop{width:92%;left:4%}.mock-scene-product .mock-app-heading h3{font-size:18px}.mock-scene-product .mock-app-heading p{font-size:8px}.mock-scene-product .mock-summary strong{font-size:21px}.mock-scene-product .mock-summary>div+div strong{font-size:15px}.mock-scene-product .mock-summary>div>span{font-size:8px}.mock-scene-product .mock-summary small{font-size:7px}.mock-scene-product .mock-table td{font-size:8px}.mock-scene-product .mock-status{font-size:7px}.mock-card-product{width:230px;height:145px}}
@media(max-width:760px){.mock-showcase{padding:0 16px}.mock-scene{border-radius:15px}.mock-scene-hero{height:650px}.mock-scene-disc{width:460px;height:460px;right:-150px;top:80px}.mock-desktop{left:25px;top:40px;width:740px;transform:rotate(-4deg);transform-origin:top left;opacity:.95;border-width:5px;box-shadow:0 20px 50px -30px #101b2d80}.mock-app-shell{grid-template-columns:130px 1fr;min-height:410px}.mock-app-heading h3{font-size:17px}.mock-app-heading p{font-size:7px}.mock-summary strong{font-size:18px}.mock-summary>div+div strong{font-size:13px}.mock-app-content{padding-left:17px;padding-right:17px}.mock-phone{width:228px;right:25px;top:125px;transform:rotate(4deg);border-width:5px;border-radius:33px}.mock-phone-content{padding:14px 16px 0}.mock-phone-content>h3{font-size:21px;line-height:1.13;max-width:180px}.mock-phone-greeting{font-size:8px}.mock-phone-trip{padding:16px 13px}.mock-phone-trip-label{font-size:7px;margin-bottom:15px}.mock-phone-trip>strong{font-size:21px}.mock-phone-trip>p{font-size:7px}.mock-phone-trip-status{font-size:6px;line-height:1.5;white-space:normal}.mock-phone-next b{font-size:9px}.mock-phone-next>span{font-size:6px}.mock-phone-list strong{font-size:8px}.mock-phone-list small{font-size:6px;line-height:1.5}.mock-phone-list>div{padding:14px 0}.mock-phone-note{font-size:6px;padding:15px 0 12px}.mock-phone-navigation>span{font-size:6px}.mock-phone-navigation svg{width:15px;height:15px}.mock-card-hero{width:225px;height:140px;left:22px;bottom:58px;transform:rotate(-10deg);padding:15px 18px}.mock-card-number{font-size:11px}.mock-card-bottom{font-size:5px}.mock-corp-card>img{width:88px}.mock-scene-caption{padding:13px 18px;font-size:9px;display:block;line-height:1.5}.mock-scene-caption>span{display:block}.mock-scene-caption>span:last-child{font-size:8px;margin-top:3px}.mock-showcase-product{margin-top:-20px;margin-bottom:60px}.mock-scene-product{height:660px}.mock-scene-product .mock-desktop{left:23px;top:38px;width:810px;transform:rotate(-3deg)}.mock-scene-product .mock-phone{display:block;top:135px;right:30px;transform:rotate(3deg);width:233px}.mock-scene-product .mock-app-shell{min-height:460px}.mock-card-product{width:218px;height:138px;left:22px;right:auto;bottom:56px;transform:rotate(-9deg);padding:15px 17px}}
@media(max-width:380px){.mock-scene-hero{height:635px}.mock-phone{right:20px;top:120px;width:218px}.mock-phone-content>h3{font-size:20px}.mock-phone-trip>strong{font-size:19px}.mock-card-hero{left:15px;bottom:59px;width:215px;height:134px;padding:14px 17px}.mock-scene-product .mock-phone{right:20px;width:220px}.mock-scene-product{height:650px}.mock-scene-caption{font-size:8px}.mock-card-product{left:15px;width:215px;height:134px}}
@media(prefers-reduced-motion:reduce){.mock-desktop,.mock-phone,.mock-corp-card{animation:none!important;transition:none!important}}

/* Opening scene: dimensional hardware over FERIK's midnight world. */
.mock-showcase-hero{padding:0;max-width:none;margin:0;min-width:0;isolation:isolate}
.mock-scene-hero{height:560px;background:transparent;border-radius:0;perspective:1200px;overflow:hidden}
.mock-scene-hero .mock-scene-disc{width:650px;height:650px;right:-20px;top:-40px;background:radial-gradient(ellipse at center,#c6a66b26 0%,#c6a66b09 43%,#101b2d00 70%);border-radius:50%}
.mock-scene-hero .mock-desktop-home{width:780px;left:-65px;top:75px;transform:rotateY(14deg) rotateX(7deg) rotateZ(-7deg) scale(.77);transform-origin:50% 10%;border-color:#26354a;border-width:7px;box-shadow:0 35px 75px -25px #000b}
.mock-scene-hero .mock-desktop-home .mock-app-shell{min-height:465px}
.mock-scene-hero .mock-phone{width:223px;right:26px;top:84px;transform:rotateY(-12deg) rotateZ(8deg);box-shadow:12px 30px 55px -15px #000a;border-color:#27354a;z-index:4}
.mock-scene-hero .mock-phone-content>h3{font-size:20px;max-width:175px}
.mock-scene-hero .mock-phone-trip{padding:15px 13px}
.mock-scene-hero .mock-phone-trip>strong{font-size:20px}
.mock-scene-hero .mock-phone-trip>p{font-size:7px}
.mock-scene-hero .mock-phone-trip-label{font-size:7px}
.mock-scene-hero .mock-phone-trip-status{font-size:6px}
.mock-scene-hero .mock-phone-list>div{padding:13px 0}
.mock-scene-hero .mock-phone-list strong{font-size:8px}
.mock-scene-hero .mock-phone-list small{font-size:6px}
.mock-scene-hero .mock-phone-note{font-size:6px}
.mock-scene-hero .mock-phone-next b{font-size:9px}
.mock-scene-hero .mock-phone-next>span{font-size:6px}
.mock-scene-hero .mock-card-hero{left:23px;bottom:54px;width:247px;height:153px;padding:17px 20px;transform:rotateY(14deg) rotateZ(-13deg);z-index:5;background:linear-gradient(125deg,#26394f 0%,#101b2d 42%,#1d2c40 100%);box-shadow:0 25px 38px -15px #000a}
.mock-scene-hero .mock-card-hero>img{width:97px}
.mock-scene-hero .mock-card-number{font-size:12px}
.mock-scene-hero .mock-card-bottom{font-size:5px}
.mock-scene-hero .mock-card-back{transform:translate(30px,-25px) rotateY(14deg) rotateZ(4deg);background:linear-gradient(125deg,#3a4a5c,#1c2a3d 48%,#101b2d);z-index:3;color:#c6a66b}
.mock-scene-hero .mock-card-back:after{border-color:#c6a66b40}
.mock-scene-hero .mock-card-back .mock-card-number,.mock-scene-hero .mock-card-back .mock-card-bottom{color:#f7f4ee}
.mock-scene-hero .mock-scene-caption{color:#c0cad6;background:none;bottom:2px;padding:8px 22px;font-size:9px;display:block}
.mock-scene-hero .mock-scene-caption>span:first-child{display:none}
.mock-scene-hero .mock-scene-caption>span:last-child{font-size:9px}
@media(max-width:1050px) and (min-width:761px){.mock-scene-hero .mock-desktop-home{left:-115px;transform:rotateY(14deg) rotateX(7deg) rotateZ(-7deg) scale(.7)}.mock-scene-hero .mock-phone{right:20px;width:205px;top:102px}.mock-scene-hero .mock-card-hero{width:223px;height:140px;left:10px;bottom:69px}}
@media(max-width:760px){.mock-scene-hero{height:510px}.mock-scene-hero .mock-scene-disc{width:500px;height:500px;right:-70px;top:0}.mock-scene-hero .mock-desktop-home{left:-72px;top:54px;width:750px;transform:rotateY(12deg) rotateX(8deg) rotateZ(-8deg) scale(.62);transform-origin:0 0}.mock-scene-hero .mock-phone{width:210px;right:20px;top:35px;transform:rotateY(-10deg) rotateZ(7deg)}.mock-scene-hero .mock-phone-content>h3{font-size:19px;max-width:165px}.mock-scene-hero .mock-phone-content{padding:10px 13px 0}.mock-scene-hero .mock-phone-trip{padding:12px 11px}.mock-scene-hero .mock-phone-trip-label{margin-bottom:13px}.mock-scene-hero .mock-phone-trip>strong{font-size:19px}.mock-scene-hero .mock-phone-next{margin-top:15px}.mock-scene-hero .mock-phone-list>div{padding:10px 0}.mock-scene-hero .mock-phone-note{padding:12px 0 8px}.mock-scene-hero .mock-phone-navigation{padding-top:9px;padding-bottom:7px}.mock-scene-hero .mock-card-hero{left:20px;bottom:45px;width:220px;height:138px;padding:15px 18px;transform:rotateY(10deg) rotateZ(-11deg)}.mock-scene-hero .mock-card-back{transform:translate(26px,-22px) rotateY(10deg) rotateZ(6deg)}.mock-scene-hero .mock-card-number{font-size:11px}.mock-scene-hero .mock-corp-card>img{width:88px}.mock-scene-hero .mock-scene-caption{bottom:0;padding-left:20px}}

/* Device screens keep real phone proportions; their content is a static concept. */
.mock-phone{height:500px}.mock-phone-screen{height:100%;display:flex;flex-direction:column}.mock-phone-status,.mock-phone-header,.mock-phone-navigation,.mock-phone-home{flex-shrink:0}.mock-phone-content{flex:1;min-height:0;overflow:hidden}.mock-phone-navigation{background:#fbfbf8;position:relative;z-index:1}.mock-scene-hero .mock-phone{height:470px}.mock-phone-list>div:last-child{border-bottom:0}
@media(max-width:760px){.mock-scene-hero .mock-phone{height:440px}.mock-scene-product .mock-phone{height:500px}}