/* Scene14 uses the accepted Coastal layout and shared responsive content gutter. */
.evolution .e-home>section:not(.e-hero){width:calc(100% - 2 * var(--hero-gutter));max-width:none!important;margin-inline:var(--hero-gutter)!important;box-sizing:border-box;min-width:0}
.evolution .e-home>.e-section{padding:clamp(30px,4vw,58px) 0!important}
.evolution .e-home .e-inline-signup{margin-block:26px 22px!important;padding:clamp(24px,3vw,40px)!important;gap:clamp(24px,3vw,44px);grid-template-columns:.8fr 1.2fr;min-height:0!important;align-items:center}
.evolution .e-home .e-inline-signup .direct-form{padding:clamp(22px,2.4vw,32px)!important;border-radius:26px!important;min-height:0!important}
.evolution .e-home .e-inline-signup-copy h2{font-size:clamp(30px,3.2vw,46px)!important;line-height:1.08}
.evolution .e-home .e-inline-signup-copy p{font-size:14px;line-height:1.65;max-width:35ch}
.e-home #join .direct-field{margin-bottom:0}.e-home #join .direct-field :is(input,select){min-height:44px!important;height:44px!important;padding-block:9px!important}
.e-home #join .e-signup-progress{margin-block:18px 22px!important;padding-block:0!important}
.e-home #join .direct-form h3{margin:18px 0!important;font-size:21px!important}
.e-home #join .direct-form .direct-grid{gap:14px!important}.e-home #join .direct-form .actions{margin-top:20px!important}
.evolution .e-home .e-product-grid{gap:18px!important}.evolution .e-home .e-product-card{min-height:clamp(350px,43vh,470px)!important;padding:28px!important;overflow:hidden!important;perspective:none!important;transform:none!important}
.evolution .e-home .e-product-card h3{font-size:clamp(27px,2.4vw,36px)!important;max-width:14ch;line-height:1.12}
.evolution .e-home .e-product-card img{transform:rotate(-2deg)!important;max-width:100%;object-fit:cover}
.evolution .e-home .e-guide-feature{padding:clamp(28px,4vw,56px)!important;gap:36px!important;min-height:0!important}
.evolution .e-home .e-final{padding:clamp(40px,5vw,68px)!important;min-height:0!important}
/* Edge-docked glass controls. Labels never share the refracted backdrop layer. */
.e-home #device-showcase .ds-control-strip{bottom:12px!important;border-radius:22px!important;padding:7px!important;background:linear-gradient(140deg,#ffffffd9,#e7f4ffb3)!important;backdrop-filter:blur(22px) saturate(1.65)!important;border:1px solid #ffffffed!important;box-shadow:0 12px 30px #173d6428,inset 0 1px 1px #fff,inset 0 -1px #b0d0ee6b!important;gap:8px;isolation:isolate}
.ds-control-strip:before,.ds-views:before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 20% 0,#ffffffc9,transparent 55%),linear-gradient(125deg,#fff6,transparent 30%,#fff4);z-index:-1}
.e-home #device-showcase .ds-focus-controls{padding:3px!important;gap:2px!important;background:#dceafb9c;border:1px solid #ffffffc4;border-radius:16px}
.e-home #device-showcase .ds-focus-controls button{display:flex;align-items:center;gap:6px;border-radius:12px!important;min-height:40px!important;padding:9px 12px!important;font-size:10px!important;white-space:nowrap}
.ds-device-icon14{font-size:17px;line-height:1}.e-home #device-showcase .ds-control-strip>.ds-primary{border-radius:15px;min-height:44px;background:linear-gradient(130deg,#fff,#eff8ff);box-shadow:inset 0 1px #fff}
.e-home #device-showcase .ds-views{max-width:calc(100% - 48px);border-radius:18px;backdrop-filter:blur(22px) saturate(1.45);background:#f6fbffd9;align-items:center;isolation:isolate}
.e-home #device-showcase .ds-status{bottom:88px!important;font-size:10px!important}
.ds-directory14{position:relative}.ds-directory14>summary{cursor:pointer;list-style:none;font-size:10px;font-weight:650;padding:10px 12px;border-radius:12px;color:#19578b;white-space:nowrap}.ds-directory14>summary::-webkit-details-marker{display:none}.ds-directory14[open]>summary{background:#dfedff}.ds-directory14 summary span{margin-left:7px}
.ds-directory-panel14{position:absolute;right:0;top:calc(100% + 14px);width:420px;max-width:calc(100vw - 56px);max-height:min(540px,calc(100svh - 220px));overflow:auto;overscroll-behavior:contain;padding:20px;background:#f6fbfff2;border:1px solid #fff;border-radius:24px;backdrop-filter:blur(25px) saturate(1.4);box-shadow:0 22px 65px #143b6d30;z-index:50}
.ds-directory-panel14 header{padding:3px 3px 17px;border-bottom:1px solid #dce7f4}.ds-directory-panel14 header span{font-size:8px;letter-spacing:.15em;display:block;color:#6082a2}.ds-directory-panel14 header strong{font-size:24px;font-weight:600;letter-spacing:-.04em;display:block;margin-top:5px}.ds-directory-panel14 section{margin-top:15px}.ds-directory-panel14 h3{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6a88a5;margin:0 0 8px}.ds-directory-panel14 section>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}.e-home #device-showcase .ds-directory-panel14 button{display:flex;justify-content:space-between;align-items:center;min-height:42px;padding:10px 12px;border:1px solid #dce9f8;background:#fff9;color:#315c82;border-radius:12px;font-size:11px}.ds-directory-panel14 button:hover{background:#dcecff!important}
.ds-tools .ds-toolbar{min-width:290px;border-radius:20px!important;background:#f6fbfff5!important;backdrop-filter:blur(24px);box-shadow:0 20px 55px #173c692b!important;border:1px solid #fff!important;padding:12px!important;bottom:calc(100% + 16px)!important;top:auto!important}
.ds-tools .ds-toolbar>div{display:flex;gap:5px;flex-wrap:wrap}.ds-tools .ds-toolbar button{flex:1 1 auto;min-height:40px!important;border-radius:12px!important;white-space:nowrap}
.e-home .e-hero[data-type14=scene] .p8-hero-copy:before{opacity:0}.e-home .e-hero[data-type14=scene] .p8-hero-copy h1,.e-home .e-hero[data-type14=scene] .p8-hero-copy .e-actions{opacity:0;pointer-events:none!important}.e-home .e-hero[data-type14=scene] .p8-hero-copy .e-actions a{pointer-events:none!important}
@media(max-width:1099px){.e-home #device-showcase .ds-views{max-width:calc(100% - 30px)}.ds-directory-panel14{width:360px}}
@media(max-width:760px){.evolution .e-home .e-inline-signup{grid-template-columns:1fr;padding:25px 18px!important;gap:22px}.evolution .e-home .e-inline-signup-copy h2{font-size:33px!important}.evolution .e-home .e-inline-signup .direct-form{padding:22px 17px!important}.evolution .e-home .e-product-card{min-height:370px!important;padding:25px!important}.evolution .e-home .e-product-card h3{font-size:30px!important}.e-home #device-showcase .ds-control-strip{height:57px;left:10px!important;right:10px!important;gap:4px;padding:5px!important;bottom:10px!important}.e-home #device-showcase .ds-focus-controls button{font-size:8px!important;min-height:38px!important;padding:8px 7px!important;gap:4px}.ds-device-icon14{display:none}.e-home #device-showcase .ds-control-strip>.ds-primary{font-size:8px!important;min-height:40px;padding:8px 7px!important}.e-home #device-showcase .ds-tools>summary{padding:10px 8px!important}.e-home #device-showcase .ds-views{display:flex!important;bottom:80px!important;top:auto;left:10px!important;right:10px!important;transform:none!important;width:auto!important;max-width:none!important;padding:3px!important;gap:0}.e-home #device-showcase .ds-views button[data-view]{font-size:8px;min-height:32px;padding:6px 6px!important}.e-home #device-showcase .ds-views button[data-view=network],.e-home #device-showcase .ds-views button[data-view=studio]{display:none}.e-home #device-showcase .ds-views button[data-ds=tour]{font-size:8px;flex:1}.ds-directory14{margin-left:auto}.ds-directory14>summary{font-size:8px;padding:10px 8px}.ds-directory-panel14{width:min(335px,calc(100vw - 50px));max-height:calc(100svh - 240px);top:auto;bottom:calc(100% + 12px);right:0;padding:17px}.ds-tools .ds-toolbar{min-width:min(290px,calc(100vw - 60px));right:0!important}.evolution .e-home>.e-section{padding-block:38px!important}.evolution .e-home .e-guide-feature{gap:18px!important}.evolution .e-home .e-journal-grid{gap:20px}.evolution .e-home .e-final h2{font-size:38px}}
@media(max-width:360px){.e-home #device-showcase .ds-focus-controls button{padding-inline:5px!important}.e-home #device-showcase .ds-views button[data-view=work]{display:none}}
@media(max-height:730px) and (min-width:1000px){.e-home #join .direct-form{padding:22px!important}.e-home #join .e-signup-progress{margin-block:12px 16px!important}.e-home #join .direct-form h3{margin:12px 0!important}.e-home #join .direct-form .direct-grid{gap:11px!important}.e-home #join .e-inline-signup-copy h2{font-size:36px!important}}
html[data-theme=dark] .e-home #device-showcase :is(.ds-control-strip,.ds-views,.ds-directory-panel14,.ds-tools .ds-toolbar){background:#183650ee!important;color:#e0eeff;border-color:#4b6e88!important}html[data-theme=dark] .ds-directory-panel14 button{background:#254661!important;color:#dfedff!important;border-color:#45647f!important}

@media(max-width:760px){.ds-directory14{position:static}.ds-directory-panel14{width:100%;max-width:none!important;right:0}}

@media(min-width:761px){.ds-directory-panel14{max-height:min(510px,calc(100svh - 300px))}}

.e-home .e-hero[data-type14=scene] .p8-hero-copy{opacity:0!important;pointer-events:none!important}.e-home .e-hero[data-type14=scene] .p8-hero-copy a{pointer-events:none!important}
.e-home #join .form-top h2{margin:0!important;line-height:1.2!important}.e-home #join .e-signup-progress li{flex-direction:row;align-items:center;gap:8px;padding-top:8px;line-height:1.3}.e-home #join .direct-field>span{line-height:1.2!important;margin-bottom:5px!important}.e-home #join .e-form-navigation{margin-top:14px!important}.e-home #join .e-form-navigation button{min-height:44px!important}
@media(max-height:780px) and (min-width:1000px){.evolution .e-home .e-inline-signup{padding:20px!important}.evolution .e-home .e-inline-signup .direct-form{padding:20px!important}.e-home #join .e-signup-progress{margin-block:12px 14px!important}.e-home #join .direct-form h3{margin:10px 0!important}.e-home #join .direct-form .direct-grid{gap:10px!important}}

@media(min-width:761px){.e-home #device-showcase.ds-screen-focus .ds-views{top:auto;bottom:92px;left:50%;right:auto;transform:translateX(-50%)}.ds-screen-focus .ds-directory-panel14{top:auto;bottom:calc(100% + 14px)}}

.ds-device-icon14 svg{display:block;width:17px;height:17px}.ds-focus-controls button{transition:background .18s,box-shadow .18s,transform .18s}.ds-focus-controls button:active{transform:scale(.96)}
@media(max-height:600px) and (min-width:640px){.e-home #device-showcase .ds-views button[data-view]{display:none}.e-home #device-showcase .ds-views{max-width:48%;width:max-content}.e-home #device-showcase .ds-views button[data-ds=tour]{font-size:8px}.e-home #device-showcase .ds-directory14>summary{font-size:9px}.e-home .p8-hero-copy{max-width:43%}.e-home #device-showcase.ds-screen-focus .ds-views{max-width:calc(100% - 30px)}}

/* Keep the dock on its measured edge; reset inherited paragraph margins. */
.e-home #device-showcase .ds-control-strip,.e-home #device-showcase .ds-views{margin:0!important}
.e-home #join :is(#form-host,.direct-form,.direct-grid,.e-signup-progress li){min-width:0}.e-home #join .e-signup-progress{width:100%;gap:10px}.e-home #join .e-signup-progress li{min-width:0;overflow-wrap:anywhere}
.evolution .e-home .e-product-card{display:flex!important;flex-direction:column;align-items:stretch;padding:26px!important;min-height:350px!important;gap:0}
.evolution .e-home .e-product-card .e-card-top{margin:0 0 14px!important;flex:none}.evolution .e-home .e-product-card .e-card-category{margin:0 0 10px!important}
.evolution .e-home .e-product-card h3{margin:0 0 12px!important}.evolution .e-home .e-product-card p{margin:0!important}
.evolution .e-home .e-product-card .e-card-link{position:static!important;margin:18px 0 0!important;flex:none}
.evolution .e-home .e-product-card .e-card-preview{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;height:145px!important;max-height:145px!important;object-fit:cover;object-position:left top;margin:22px 0 0!important;transform:rotate(-1deg)!important;flex:none}
.evolution .e-home .e-product-card:hover{transform:translateY(-4px)!important}
@media(min-width:1100px){.evolution .e-home .e-product-card:is(:nth-child(1),:nth-child(4),:nth-child(6)){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto 1fr;gap:10px 24px}.evolution .e-home .e-product-card:is(:nth-child(1),:nth-child(4),:nth-child(6))>:not(.e-card-preview){grid-column:1}.evolution .e-home .e-product-card:is(:nth-child(1),:nth-child(4),:nth-child(6)) .e-card-preview{grid-column:2;grid-row:1/6;height:100%!important;max-height:360px!important;margin:0!important;align-self:center}.evolution .e-home .e-product-card:is(:nth-child(1),:nth-child(4),:nth-child(6)) .e-card-link{align-self:end}}
@media(max-width:760px){.evolution .e-home .e-product-card{padding:24px!important}.evolution .e-home .e-product-card h3{max-width:none}.evolution .e-home .e-product-card .e-card-preview{height:150px!important;max-height:150px!important}}

.e-home .e-hero{overflow-anchor:none}.e-home #device-showcase{overflow-anchor:none}
@media(max-height:600px) and (min-width:640px){.e-home #device-showcase.ds-screen-focus .ds-views{top:12px;bottom:auto;left:auto;right:12px;transform:none;max-width:48%}}

/* Reserve the native companion's edge-pull area; controls must not sit behind it. */
@media(max-width:760px){.e-home #device-showcase .ds-control-strip{right:42px!important}.e-home #device-showcase .ds-tools{order:0}.e-home #device-showcase .ds-focus-controls{order:1}.e-home #device-showcase .ds-control-strip>.ds-primary{order:2}.e-home #device-showcase .ds-tools .ds-toolbar{left:0!important;right:auto!important}}
@media(max-width:360px){.e-home #device-showcase .ds-focus-controls{gap:0!important;padding:2px!important}.e-home #device-showcase .ds-focus-controls button{width:32px!important;min-width:32px!important;padding:7px!important;position:relative}.e-home #device-showcase .ds-device-icon14{display:block!important}.e-home #device-showcase .ds-focus-controls button>span:last-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.e-home #device-showcase .ds-control-strip>.ds-primary{font-size:7px!important;padding-inline:4px!important}.e-home #device-showcase .ds-tools>summary{padding-inline:7px!important}}
