/* Code-native illustrations, not interactive app embeds. */
.phone-stage{position:relative;display:flex;align-items:center;justify-content:center;height:654px;padding:66px 24px 42px;overflow:hidden;background:#0b0b76;border-bottom:1px solid var(--line)}
.product-kind{position:absolute;z-index:1;top:22px;left:24px;right:24px}
.mockup-caption{position:absolute;bottom:15px;font-size:9px;letter-spacing:.04em;color:#aaaad4}
.device-preview{--app-bg:#f8f9fc;--app-ink:#192334;--app-muted:#6d7889;--app-line:#e6e9ef;--app-accent:#315fea;container-type:inline-size;position:relative;flex:none;width:252px;max-width:100%;aspect-ratio:1 / 2.16;padding:6px;border:1px solid #a5aac0;border-radius:36px;background:#141724;box-shadow:0 18px 32px #02023555;font-family:Inter,Arial,sans-serif;font-weight:400;letter-spacing:-.015em;line-height:1.4;text-align:left;color:var(--app-ink);user-select:none}
.device-screen{height:100%;overflow:hidden;border-radius:29px;background:var(--app-bg);display:flex;flex-direction:column;font-size:4.4cqw}
.device-preview b,.device-preview strong{font-weight:600}
.device-status{height:15cqw;min-height:15cqw;padding:5.2cqw 7cqw 0;display:flex;align-items:flex-start;justify-content:space-between;position:relative;font-size:4.1cqw;font-weight:600}
.device-status i{position:absolute;left:50%;top:3.4cqw;transform:translateX(-50%);width:27cqw;height:7cqw;border-radius:20px;background:#141724}
.device-signal{position:relative;height:3.4cqw;width:6cqw;margin-top:.8cqw;border:1px solid;border-radius:2px}
.device-signal::before{content:'';position:absolute;inset:1px;background:currentColor;border-radius:1px}
.device-signal::after{content:'';position:absolute;top:1px;left:-6cqw;width:3.7cqw;height:2.4cqw;border-top:1.5px solid;border-radius:50%}
.app-body{padding:2cqw 6.5cqw 0;flex:1;min-height:0}
.app-topline{display:flex;align-items:center;justify-content:space-between;gap:3cqw;margin-bottom:4cqw}
.app-wordmark{font-size:9.5cqw;line-height:1.15;letter-spacing:-.055em}
.wordmark-dot{display:inline-block;margin-left:1cqw;width:1.7cqw;height:1.7cqw;background:var(--app-accent);border-radius:50%}
.app-wordmark>span:not(.wordmark-dot){color:var(--app-accent)}
.app-muted{color:var(--app-muted);font-size:3.8cqw}
.app-avatar{display:grid;place-items:center;height:10cqw;width:10cqw;border-radius:50%;background:var(--app-line);font-size:4cqw}
.app-title{display:block;margin:5cqw 0;font-size:9cqw;letter-spacing:-.055em;line-height:1.15}
.app-icon{flex:none;width:8cqw;height:8cqw;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.app-button{display:flex;align-items:center;justify-content:space-between;gap:2cqw;min-height:15cqw;padding:3.5cqw 5cqw;margin-top:5cqw;background:var(--app-accent);color:white;font-size:4.4cqw;font-weight:500;border-radius:4cqw}
.app-bottom-nav{display:flex;flex:none;justify-content:space-around;padding:4cqw 2cqw 10cqw;margin-top:4cqw;border-top:1px solid var(--app-line);font-size:3.5cqw;color:var(--app-muted);position:relative}
.app-bottom-nav .selected{color:var(--app-accent);font-weight:600}
.app-bottom-nav::after{content:'';position:absolute;bottom:3cqw;left:33%;width:34%;height:1.2cqw;border-radius:5px;background:var(--app-ink)}
.app-section-label{display:flex;justify-content:space-between;align-items:center;gap:2cqw;margin:6cqw 0 3.5cqw;font-size:4.8cqw}
.app-section-label .app-icon{width:6cqw;height:6cqw}
.app-badge{padding:1.5cqw 3cqw;border-radius:20px;font-size:3.3cqw;line-height:1;background:#e8efff;color:#315fea}
.app-list-row{display:flex;align-items:center;gap:3cqw;padding:4.5cqw 0;border-bottom:1px solid var(--app-line)}
.app-list-row>span:nth-child(2){flex:1}
.device-preview small{display:block;color:var(--app-muted);font-size:3.5cqw;margin-top:1.5cqw;font-weight:400}
.app-success{color:#257256;font-size:3.4cqw}
.progress-track{height:1.7cqw;background:var(--app-line);border-radius:10px;overflow:hidden}
.progress-track i{display:block;width:33.33%;height:100%;background:var(--app-accent)}

/* Source-faithful screens: original hierarchy with crisp live type. */
.device-home-indicator{position:relative;flex:none;height:9cqw}
.device-home-indicator::after{content:'';position:absolute;bottom:3cqw;left:33%;width:34%;height:1.2cqw;border-radius:5px;background:var(--app-ink)}
.app-foxis{--app-bg:#f0f4f9;--app-ink:#192233;--app-muted:#8b99b0;--app-line:#e7edf5;--app-accent:#2873df}
.app-foxis .device-status{background:white}
.app-foxis .app-body{padding:0}
.foxis-header{display:flex;align-items:center;justify-content:space-between;padding:3cqw 5cqw;background:white;border-bottom:1px solid #e7edf5}
.foxis-header strong{display:flex;align-items:center;gap:3cqw;color:#2873df;font-size:6.8cqw;letter-spacing:-.025em}
.foxis-header strong .app-icon{width:7cqw;height:7cqw;stroke-width:1.8}
.foxis-header>.app-icon{width:5cqw;height:5cqw;color:#778398}
.foxis-content{padding:4cqw 5cqw}
.app-foxis .app-title{margin:0 0 1.2cqw;font-size:10cqw;font-weight:700;letter-spacing:-.035em}
.foxis-content>.app-muted{font-size:4.25cqw}
.foxis-actions{display:flex;align-items:center;gap:4cqw;margin:4cqw 0 3cqw;color:#2873df;font-size:3.7cqw;font-weight:600}
.foxis-upload{display:flex;align-items:center;justify-content:center;gap:3cqw;width:48%;min-height:16cqw;border-radius:4cqw;background:#2873df;color:white;text-align:center;box-shadow:0 2px 5px #2873df1a}
.foxis-upload .app-icon{width:5cqw;height:5cqw}
.foxis-search{display:flex;align-items:center;gap:3cqw;min-height:11cqw;padding:3cqw 4cqw;background:white;border-radius:4cqw;color:#95a2b7;font-size:3.1cqw}
.foxis-search .app-icon{width:5cqw;height:5cqw}
.foxis-section-label{font-size:3.4cqw;letter-spacing:.065em;text-transform:uppercase;color:#8c99af;font-weight:600;margin:4cqw 0 2cqw}
.health-metrics{display:grid;grid-template-columns:1fr 1fr;gap:3cqw}
.health-metric{min-width:0;padding:3cqw;border:1px solid #eaf0f7;border-radius:4.5cqw;background:white;box-shadow:0 1px 2px #1b355005}
.metric-meta{display:flex;align-items:center;justify-content:space-between;font-size:2.9cqw;line-height:1;color:#97a5bc}
.metric-meta .app-icon{width:4cqw;height:4cqw;padding:.7cqw;box-sizing:content-box;background:#edf4ff;border-radius:2cqw;color:#2873df}
.metric-trend{display:block;color:#8997ae;font-size:3.1cqw;line-height:1.3;margin:2.4cqw 0 2cqw;white-space:nowrap}
.metric-trend.down{color:#e26565}
.health-metric>b{display:block;font-size:4.3cqw;line-height:1.2;letter-spacing:-.02em}
.metric-value{display:flex;align-items:baseline;gap:1.2cqw;margin-top:2cqw;color:#2873df;min-height:12.5cqw}
.metric-value strong{font-size:9.3cqw;line-height:1.05;letter-spacing:-.045em;font-weight:700;white-space:nowrap}
.metric-value>span{font-size:2.7cqw;line-height:1.3;color:#95a2b7;min-width:0;white-space:nowrap}
.health-metric:nth-child(3) .metric-value{flex-direction:column;align-items:flex-start;gap:.5cqw}
.health-metric:nth-child(3) .metric-value strong{font-size:8.5cqw}
.metric-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8edf5;padding-top:2cqw;margin-top:1cqw;color:#2873df;font-size:3.4cqw;line-height:1}
.metric-footer .app-icon{width:4cqw;height:4cqw;color:#9aa6ba}
.foxis-next-section{margin-top:5cqw;margin-bottom:0}
.app-access{--app-bg:#fafbfd}
.pass-card{position:relative;padding:5cqw;border-radius:5cqw;background:#e9efff;color:#244899}
.pass-card>.app-icon{margin-bottom:5cqw}
.pass-card .app-badge{position:absolute;right:4cqw;top:5cqw;background:#fff}
.pass-card strong{display:block;margin-bottom:1.5cqw;font-size:6cqw}
.pass-card>span:not(.app-badge){display:block;font-size:4cqw}
.pass-divider{border-top:1px dashed #bccbf0;margin:5cqw -5cqw}
.pass-arrow{float:right}
.gate-mark{background:#edf1f8;padding:3cqw;border-radius:3cqw;color:#315fea}
.history-row{display:flex;align-items:center;justify-content:space-between;font-size:4cqw}
.app-saypay{--app-bg:#f7f7fb;--app-ink:#323842;--app-muted:#9395a1;--app-accent:#6664df}
.app-saypay .device-status{background:white}
.app-saypay .app-body{padding:0}
.dashboard-header{padding:2cqw 5cqw 4cqw;background:white;border-bottom:1px solid #efeff4}
.dashboard-header strong{display:flex;align-items:center;justify-content:center;gap:2cqw;font-size:6.1cqw;letter-spacing:.005em;color:#6664df;font-weight:700}
.dashboard-header .app-icon{width:5.5cqw;height:5.5cqw}
.dashboard-overview{padding:3cqw 6cqw 4cqw;background:white;box-shadow:0 2px 4px #2624410c}
.dashboard-team{width:66%;display:flex;flex-direction:column;align-items:flex-start;gap:1.5cqw;border:1px solid #8c88ea;border-left:3px solid #6664df;border-radius:2cqw;padding:3cqw 4cqw;background:#f1f0f9;font-size:3.6cqw}
.dashboard-team b{font-size:4.1cqw}
.dashboard-team .app-badge{color:#6664df;background:#e4e1ff;font-size:3cqw;padding:1cqw 2cqw}
.dashboard-content{padding:4cqw 6cqw 0}
.app-saypay .app-title{font-size:7.7cqw;font-weight:700;letter-spacing:-.025em;margin:0 0 1.5cqw}
.dashboard-content>.app-muted{font-size:3.7cqw}
.dashboard-metrics{display:grid;grid-template-columns:1fr 1fr;gap:2.5cqw;margin-top:4cqw}
.dashboard-metrics>div{position:relative;min-width:0;padding:2.8cqw 4cqw;background:white;border:1px solid #efeff4;border-radius:3.5cqw;box-shadow:0 1px 3px #29264c08;overflow:hidden}
.dashboard-metrics>div::before{content:'';position:absolute;inset:0 auto 0 0;width:1cqw;background:#6664df}
.dashboard-metrics>div>span{display:block;font-size:3.25cqw;line-height:1.4;color:#8d8e9b}
.dashboard-metrics strong{display:block;margin-top:2.5cqw;font-size:8.7cqw;line-height:1.1;font-weight:600}
.dashboard-culture b{display:inline-block;margin-top:3cqw;padding:1cqw 2.5cqw;border-radius:10px;font-size:3cqw;color:white;background:#1515f5;line-height:1.25}
.dashboard-members{margin-top:4cqw;background:white;border:1px solid #efeff4;border-radius:3.5cqw;padding:3cqw}
.dashboard-members>strong{display:flex;align-items:center;gap:2cqw;font-size:5cqw;margin-bottom:3.5cqw}
.dashboard-members .app-icon{width:4.6cqw;height:4.6cqw}
.dashboard-members>div{padding:2cqw 3cqw;background:#fafafd;border:1px solid #f0f0f5;border-radius:2cqw;font-size:3.6cqw}
.dashboard-members>div+div{margin-top:2cqw}
.dashboard-members b{display:flex;align-items:center;gap:1.5cqw;font-size:3.5cqw;color:#6664df;margin-bottom:1cqw}
.dashboard-members>div>span{font-size:3.6cqw}
.dashboard-members b .app-icon{width:3.6cqw;height:3.6cqw}
.app-fresh{--app-bg:#fcfdf9;--app-accent:#37764f;--app-line:#e3eade}
.app-fresh .app-wordmark{color:#37764f;font-weight:800;letter-spacing:-.065em}
.delivery-note{display:flex;align-items:center;gap:2cqw;padding-block:1cqw 5cqw;font-size:3.6cqw}
.delivery-note .app-icon{width:5cqw;height:5cqw;color:#37764f}
.delivery-note span:last-child{margin-left:auto}
.fresh-feature{position:relative;overflow:hidden;height:49cqw;border-radius:5cqw;background:#dcead4;color:#20422d;padding:5cqw}
.fresh-feature>span{position:relative;z-index:1;font-size:3.2cqw}
.fresh-feature strong{position:relative;z-index:1;display:block;margin-top:4cqw;font-size:7.2cqw;line-height:1.12;letter-spacing:-.045em}
.fresh-feature .produce-art{position:absolute;width:45cqw;height:45cqw;right:-8cqw;bottom:-10cqw}
.produce-grid{display:grid;grid-template-columns:1fr 1fr;gap:3cqw}
.produce-grid>div{height:35cqw;border-radius:4cqw;position:relative;overflow:hidden;padding:3.5cqw}
.produce-grid b{font-size:4.2cqw;position:relative;z-index:1}
.produce-grid svg{width:30cqw;height:30cqw;position:absolute;right:-1cqw;bottom:-4cqw}
.produce-greens{background:#e4edd6}.produce-fruits{background:#f7e7d7}.produce-vegetables{background:#f7eed3}.produce-berries{background:#eee4ef}
.app-bars{--app-bg:#f3f1eb;--app-ink:#24221f;--app-accent:#24221f;--app-muted:#75726c;--app-line:#dedcd5}
.app-bars .app-topline{margin-bottom:5cqw}
.bar-wordmark{display:block;font-size:17cqw;line-height:.88;letter-spacing:-.07em;font-weight:600;padding-bottom:6cqw;border-bottom:1px solid #c6c3ba}
.booking-heading{display:flex;align-items:center;justify-content:space-between;padding-block:5cqw;font-size:5cqw;line-height:1.3}
.booking-heading .app-icon{width:12cqw;height:12cqw}
.booking-field{display:grid;grid-template-columns:1fr auto;padding:3cqw 0;border-bottom:1px solid var(--app-line)}
.booking-field b{grid-column:1;margin-top:1cqw;font-size:4.6cqw}
.booking-field>:last-child{grid-column:2;grid-row:1 / 3;align-self:center}
.booking-times{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;font-size:4cqw}
.booking-times span{text-align:center;padding:3cqw 1cqw;border:1px solid #d4d1c8;border-radius:2cqw}
.booking-times .selected{color:white;background:#24221f;border-color:#24221f}
.app-bars .app-button{border-radius:2cqw}
.app-daruma{--app-bg:#fff;--app-ink:#1e2029;--app-muted:#8b8d99;--app-line:#f0f0f4;--app-accent:#39764d}
.app-daruma .app-body{padding:1cqw 5cqw 0}
.strategy-header{display:flex;align-items:center;gap:3cqw;margin-bottom:5cqw;font-size:4.7cqw}
.strategy-header b{font-weight:500}
.strategy-header>span{font-size:7cqw;line-height:1}
.strategy-header .app-icon{width:6cqw;height:6cqw;margin-left:auto}
.strategy-tabs{display:flex;gap:1cqw;padding:1cqw;border-radius:3cqw;background:#f0f0f4;margin-bottom:6cqw;font-size:3.25cqw}
.strategy-tabs span{flex:1;text-align:center;padding:2.2cqw .5cqw;white-space:nowrap}
.strategy-tabs .selected{background:white;border-radius:2cqw;font-weight:600;box-shadow:0 1px 3px #1719270a}
.strategy-horizon{padding:5cqw;background:linear-gradient(120deg,#f7f8fa 35%,#e1f4d3);border-radius:4cqw}
.strategy-horizon>span{font-size:4.1cqw}
.strategy-horizon strong{display:block;font-size:12cqw;line-height:1;letter-spacing:-.045em;font-weight:650;margin-top:10cqw}
.strategy-title{display:block;font-size:9cqw;line-height:1.1;letter-spacing:-.04em;font-weight:700;margin:7cqw 0 4cqw}
.strategy-focus-label{font-size:5.3cqw;margin-bottom:3cqw}
.strategy-focus{display:flex;gap:2cqw;margin-bottom:5cqw}
.strategy-focus>span{display:flex;align-items:center;gap:1cqw;padding:1.8cqw 2cqw;border-radius:12px;background:#edf8e4;color:#42733d;font-size:3.1cqw;white-space:nowrap}
.strategy-focus .app-icon{width:3.8cqw;height:3.8cqw;color:#ad9753}
.strategy-health{padding:4.5cqw;background:linear-gradient(120deg,#f7f8fa 45%,#edf8e6);border-radius:4cqw}
.strategy-health>strong{display:flex;align-items:center;gap:2cqw;font-size:6.4cqw;line-height:1.2;font-weight:650;margin-bottom:3cqw}
.strategy-health .app-icon{width:5cqw;height:5cqw;color:#c19a3e}
.strategy-health>span{font-size:3.8cqw;line-height:1.35}
.strategy-health dl{margin:4cqw 0 0}
.strategy-health dt{color:#8b8d99;font-size:3cqw;line-height:1.3;margin-top:3.5cqw}
.strategy-health dt:first-child{margin-top:0}
.strategy-health dd{font-size:3.5cqw;line-height:1.45;margin:1cqw 0 0}
@media(max-width:560px){.phone-stage{height:614px;padding:62px 18px 40px}.device-preview{width:236px;border-radius:34px;padding:5px}.device-screen{border-radius:28px}.product-kind{top:20px;left:20px;right:20px}}
@media(max-width:360px){.phone-stage{height:570px;padding-inline:14px}.device-preview{width:216px;border-radius:31px}.device-screen{border-radius:25px}}