.home-hero-devices{padding:0!important;position:relative;isolation:isolate;overflow:hidden;background:var(--kw-bg)!important}
.home-hero-devices .home-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:0;align-items:center;min-height:580px;padding-block:38px}
.home-hero-devices .home-hero-copy{position:relative;z-index:2;padding:2rem 0;max-width:500px}
.home-hero-devices .home-hero-copy h1{font-size:clamp(3rem,4.4vw,4.1rem)!important;line-height:1.055!important;letter-spacing:-.045em;max-width:13ch;margin-bottom:1.5rem}
.home-hero-devices .hero-intro{max-width:39ch;font-size:1.0625rem!important;line-height:1.8!important}
.home-hero-devices .hero-actions{gap:1.5rem;flex-wrap:wrap}
.home-hero-devices .hero-footnote{max-width:36ch;font-size:.8125rem!important;margin-top:1.5rem;color:var(--kw-text-muted)}
.home-hero-device-art{position:relative;align-self:center;aspect-ratio:1.5;margin:0;min-width:0;z-index:1;pointer-events:none}
.home-hero-device-art img{position:absolute;left:-5%;bottom:0;width:114%;max-width:none;height:auto;object-fit:contain;object-position:center bottom;border:0!important;border-radius:0!important;background:transparent!important;filter:none!important}
.hero-workspace{position:relative;z-index:3;margin:0;padding:0;border-top:1px solid var(--kw-border);background:var(--kw-bg)}
.hero-workspace>summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:70px;padding:1rem 0;list-style:none;cursor:pointer;font-size:.9375rem;font-weight:600;color:var(--kw-text-secondary)}
.hero-workspace>summary::-webkit-details-marker{display:none}
.hero-workspace>summary>span{display:flex;align-items:center;gap:.75rem}
.hero-workspace>summary>i{font-size:20px;color:var(--kw-text-primary)}
.hero-workspace[open]>summary>i{transform:rotate(45deg)}
.hero-workspace .home-system-ui{width:100%;max-width:1080px;margin:0 auto 2.5rem;padding-top:1rem}
.hero-workspace .kw-system{min-height:0}
.home-hero-devices:has(.hero-workspace[open]){overflow:visible}
@media(min-width:1600px){
 .home-hero-devices .home-hero-grid{min-height:620px}
 .home-hero-device-art img{width:112%;left:-3%}
}
@media(max-width:1100px){
 .home-hero-devices .home-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);min-height:530px;padding-bottom:30px}
 .home-hero-device-art img{width:117%;left:-5%}
 .home-hero-devices .home-hero-copy h1{font-size:3.2rem!important}
 .home-hero-devices .hero-intro{font-size:1rem!important;max-width:34ch}
 .home-hero-devices .hero-actions{gap:1rem}
 .home-hero-devices .hero-actions>.kw-btn{font-size:.9375rem!important;padding-inline:1.1rem!important}
}
@media(max-width:800px){
 .home-hero-devices .home-hero-grid{grid-template-columns:1fr;min-height:0;padding-top:20px;padding-bottom:12px;gap:0}
 .home-hero-devices .home-hero-copy{padding:1.5rem 0 .75rem;max-width:620px}
 .home-hero-devices .home-hero-copy h1{font-size:clamp(2.75rem,7.5vw,4rem)!important;max-width:16ch}
 .home-hero-devices .hero-intro{max-width:53ch}
 .home-hero-devices .hero-footnote{margin-top:1.25rem;max-width:42ch}
 .home-hero-device-art{width:100%;max-width:670px;aspect-ratio:1.5;margin:1rem 0 0;justify-self:center}
 .home-hero-device-art img{width:104%;left:-2%}
 .hero-workspace>summary{font-size:.875rem;min-height:64px}
 .hero-workspace .home-system-ui{margin-bottom:1.5rem}
}
@media(max-width:480px){
 .home-hero-devices .home-hero-copy{padding-top:1rem}
 .home-hero-devices .home-hero-copy h1{font-size:clamp(2.4rem,10vw,2.9rem)!important;letter-spacing:-.04em;max-width:13ch}
 .home-hero-devices .hero-actions{gap:1.1rem}
 .home-hero-devices .hero-actions>.kw-btn{font-size:.875rem!important;padding-inline:1rem!important;min-height:48px}
 .home-hero-devices .hero-actions>.text-link{font-size:.875rem!important}
 .home-hero-devices .hero-footnote{font-size:.75rem!important;max-width:40ch}
 .home-hero-devices .home-hero-grid{padding-bottom:8px}
 .home-hero-device-art{aspect-ratio:1.46;margin-top:.75rem}
 .home-hero-device-art img{width:108%;left:-4%}
 .hero-workspace>summary{font-size:.8125rem;gap:.5rem}
 .hero-workspace>summary>span{gap:.5rem}
 .hero-workspace>summary img{width:20px;height:20px}
}