/* Hero11: one rounded stage inside the existing sidebar content column. */
.evolution .e-home{--hero-gutter:clamp(16px,2.2vw,32px)}
.evolution .e-home .e-hero{display:block;position:relative;isolation:isolate;margin:var(--hero-gutter);width:calc(100% - 2 * var(--hero-gutter));height:calc(100svh - 80px - 2 * var(--hero-gutter));min-height:520px;max-height:1100px;padding:0;border:1px solid #fff;border-radius:32px;overflow:clip;background:#d4e9f2;box-shadow:0 22px 60px -36px #16477560}
.evolution .e-home #device-showcase{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;padding:0}
.e-home #device-showcase .ds-surface{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;box-shadow:none!important;background:#cbe4ed}
.e-home .p8-hero-copy{position:absolute;z-index:5;left:clamp(28px,3.2vw,54px);top:clamp(52px,9vh,100px);width:40%;max-width:510px;padding:0;margin:0;text-align:left;pointer-events:none;isolation:isolate}
.e-home .p8-hero-copy:before{content:'';position:absolute;z-index:-1;inset:-70px -70px -65px -60px;background:radial-gradient(ellipse at 30% 35%,#f5fbfff2 10%,#f5fbffd9 38%,#f5fbff65 63%,transparent 78%);filter:blur(12px);pointer-events:none}
.e-home .p8-hero-copy a{pointer-events:auto}
.evolution .e-home .e-hero h1{font-size:clamp(34px,3.6vw,58px);line-height:1.06;letter-spacing:-.055em;max-width:none;margin:22px 0 20px;color:#113253;text-shadow:0 1px #ffffff85}
.evolution .e-home .e-hero-lead{font-size:clamp(14px,1.2vw,17px);line-height:1.65;max-width:380px;padding:0;margin:0 0 24px;color:#355c78}
.evolution .e-home .e-actions{justify-content:flex-start;gap:16px;flex-wrap:wrap;margin:0}
.evolution .e-home .e-small{font-size:10px;text-align:left;margin:15px 0 0;color:#4f7087}
.evolution .e-home .e-hero-foot{display:none}
.e-home #device-showcase .ds-control-strip{position:absolute;z-index:8;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 48px);display:flex;flex-wrap:nowrap;gap:10px;padding:8px!important;margin:0;background:#f6fbffe8;border:1px solid #fff;border-radius:20px;backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 12px 35px #123e6226!important;justify-content:center}
.e-home #device-showcase .ds-views{position:absolute;z-index:6;top:24px;right:24px;width:max-content;max-width:55%;margin:0;padding:5px;border:1px solid #ffffffdc;border-radius:17px;background:#f5fbffe0;backdrop-filter:blur(20px);box-shadow:0 5px 24px #285d7c13;flex-wrap:nowrap}
.e-home #device-showcase .ds-views button{font-size:10px;min-height:36px;padding:7px 11px}
.e-home #device-showcase .ds-status{position:absolute;z-index:5;bottom:98px;left:24px;right:24px;max-width:none;margin:0!important;color:#33556c;text-shadow:0 1px #fff;font-size:10px!important;pointer-events:none;text-align:center}
.e-home #device-showcase .ds-chapter,.e-home #device-showcase .ds-preview-link{display:none}
.e-home .ds-focus-controls{width:auto;order:0}
.e-home .ds-control-strip>.ds-primary{order:1}
.e-home .ds-tools{order:2}
.e-home .ds-tools .ds-toolbar{z-index:30}
.e-home .e-hero:has(.ds-interactive) .p8-hero-copy{opacity:0;pointer-events:none}
.e-home .e-hero:has(.ds-interactive) .p8-hero-copy a{pointer-events:none}
.e-home #join{scroll-margin-top:100px}
.e-home #device-showcase .ds-fallback{background:#d5e9f2 url('/assets/hero09-wide.webp') center/cover no-repeat}
.e-home #device-showcase .ds-fallback .e-showcase{display:none}
@media(max-width:1099px){.e-home .p8-hero-copy{left:30px;top:90px;width:42%}.evolution .e-home .e-hero h1{font-size:clamp(33px,4.1vw,46px)}.evolution .e-home .e-tour-link{font-size:11px}}
@media(max-width:899px) and (min-height:601px){
 .e-home .p8-hero-copy{left:30px;right:30px;top:30px;width:auto;max-width:550px}
 .evolution .e-home .e-hero h1{font-size:clamp(32px,5.2vw,44px);margin:16px 0}
 .evolution .e-home .e-hero-lead{font-size:14px;max-width:420px;margin-bottom:18px}
 .e-home #device-showcase .ds-views{top:auto;bottom:91px;left:50%;right:auto;transform:translateX(-50%);max-width:calc(100% - 28px)}
 .e-home #device-showcase .ds-status{display:none}
}
@media(max-width:760px){
 .evolution .e-home{--hero-gutter:14px}
 .evolution .e-home .e-hero{height:calc(100svh - 68px - 2 * var(--hero-gutter));min-height:540px;border-radius:25px}
 .e-home .p8-hero-copy{left:22px;right:22px;top:24px;width:auto;max-width:none}
 .evolution .e-home .e-hero h1{font-size:clamp(27px,7.8vw,38px);margin:16px 0 13px;line-height:1.07}
 .evolution .e-home .e-hero-lead{font-size:12px;line-height:1.6;max-width:310px;margin-bottom:16px}
 .evolution .e-home .e-status{font-size:8px;padding:8px 10px}
 .evolution .e-home .e-actions{gap:13px}
 .evolution .e-home .e-actions .btn{font-size:10px;min-height:41px;padding:11px 14px}
 .evolution .e-home .e-tour-link{font-size:10px}
 .evolution .e-home .e-small{font-size:8px;margin-top:10px}
 .e-home .p8-hero-copy:before{inset:-45px -40px -40px;background:radial-gradient(ellipse at 35% 25%,#f5fbfff5 10%,#f5fbffe0 43%,#f5fbff88 64%,transparent 82%)}
 .e-home #device-showcase .ds-control-strip{left:12px;right:12px;bottom:16px;width:auto;max-width:none;transform:none;padding:6px!important;gap:5px;justify-content:space-between;border-radius:16px;height:49px}
 .e-home #device-showcase .ds-focus-controls{width:auto;padding:2px!important;flex-wrap:nowrap;gap:0!important}
 .e-home #device-showcase .ds-focus-controls button{font-size:8px!important;padding:7px!important;min-height:32px!important}
 .e-home .ds-control-strip>.ds-primary{font-size:9px;min-width:0;padding:8px;min-height:35px}
 .e-home .ds-tools>summary{font-size:0;padding:8px 10px;min-height:35px}
 .e-home .ds-tools>summary:before{content:'•••';font-size:12px}
 .e-home .ds-tools>summary:after{display:none}
 .e-home #device-showcase .ds-views{top:auto;bottom:79px;left:50%;right:auto;transform:translateX(-50%);max-width:calc(100% - 24px);padding:3px;gap:0;border-radius:14px}
 .e-home #device-showcase .ds-views button{font-size:8px;padding:6px 8px;min-height:32px;white-space:nowrap}
 .e-home #device-showcase .ds-status{display:none}
}
@media(max-width:360px){.e-home .p8-hero-copy{left:18px;right:18px;top:20px}.evolution .e-home .e-hero h1{font-size:27px}.e-home #device-showcase .ds-views button{padding-inline:6px}.e-home #device-showcase .ds-focus-controls button{padding-inline:6px!important}}
@media(max-height:600px) and (min-width:640px){
 .evolution .e-home .e-hero{min-height:0;height:calc(100svh - 80px - 2 * var(--hero-gutter))}
 .e-home .p8-hero-copy{top:23px;left:26px;width:42%;right:auto}
 .evolution .e-home .e-hero h1{font-size:28px;margin:0 0 12px}
 .evolution .e-home .e-hero-lead{font-size:12px;margin-bottom:14px}
 .e-home .e-status,.e-home .e-small{display:none}
 .evolution .e-home .e-actions .btn{min-height:36px;padding:9px 13px;font-size:10px}
 .e-home #device-showcase .ds-views{top:12px;bottom:auto;left:auto;right:12px;transform:none;max-width:51%;padding:3px}
 .e-home #device-showcase .ds-views button{font-size:8px;padding:5px 8px;min-height:30px}
 .e-home #device-showcase .ds-control-strip{bottom:12px;padding:5px!important}
 .e-home #device-showcase .ds-status{display:none}
}
html[data-theme=dark] .e-home .p8-hero-copy:before{background:radial-gradient(ellipse at 30% 30%,#102b43f5,#102b43a0 55%,transparent 78%)}
html[data-theme=dark].evolution .e-home .e-hero h1{color:#e6f2ff;text-shadow:none}
html[data-theme=dark].evolution .e-home :is(.e-hero-lead,.e-small){color:#c2d9eb}
html[data-theme=dark] .e-home #device-showcase :is(.ds-control-strip,.ds-views){background:#163650e8;border-color:#43677f}
html[data-theme=dark] .e-home #device-showcase .ds-views button{color:#d4e8ff}

/* Leave the fixed mobile navigation its own space below the rounded stage. */
@media(max-width:760px) and (min-height:601px){
 .evolution .e-home .e-hero{height:calc(100svh - 68px - 2 * var(--hero-gutter) - 84px);min-height:0}
}
@media(max-width:760px) and (max-height:700px){
 .e-home .p8-hero-copy{top:19px}
 .evolution .e-home .e-hero h1{font-size:26px;margin:0 0 12px}
 .evolution .e-home .e-status,.evolution .e-home .e-small{display:none}
 .evolution .e-home .e-hero-lead{font-size:11px;margin-bottom:13px}
}

@media(max-width:760px){
 .e-home #device-showcase .ds-views{width:calc(100% - 28px);max-width:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 1.35fr;gap:0}
 .e-home #device-showcase .ds-views button{min-width:0;padding:6px 3px;font-size:8px}
 .e-home #device-showcase .ds-control-strip>.ds-primary{font-size:8px;padding:8px 7px;white-space:nowrap}
}

@media(max-width:760px){.e-home #device-showcase .ds-views button[data-view]{padding:6px 2px!important;min-width:0!important}}