/* Shared finishing for the local Logi Grid presentation. */
:root{scroll-padding-top:var(--site-scroll-offset,86px)}
.home-page{--page-line:#26453a;--page-soft:#0a231b;--page-copy:#a8c4b5;--page-accent:#99e6c5;overflow-x:clip}
[data-theme="light"] .home-page{--page-line:#c8d9cc;--page-soft:#eaf2e9;--page-copy:#476b58;--page-accent:#146e55}
.navigation{height:78px;gap:24px}
.nav-links{gap:25px;margin-right:18px;font-size:12px}
.nav-links a{position:relative;white-space:nowrap;padding:11px 0}
.nav-links a:after{content:"";position:absolute;height:2px;background:currentColor;bottom:3px;left:0;right:100%;transition:right .25s}
.nav-links a[aria-current="page"]{color:var(--page-accent)}
.nav-links a:hover:after,.nav-links a[aria-current="page"]:after{right:0}
.menu-toggle{display:none;width:38px;height:38px;border:1px solid var(--page-line);background:transparent;border-radius:50%;align-items:center;justify-content:center;color:var(--page-accent)}
.menu-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}
.hero{grid-template-columns:minmax(0,500px) minmax(0,var(--hero-art-width,390px));justify-content:center;gap:40px;min-height:0;padding-top:28px;padding-bottom:36px}
.home-page .hero:before{display:none}
.hero-copy{padding:0}
.hero h1{font-size:clamp(43px,4.5vw,60px);line-height:1.12;letter-spacing:-1.8px}
.hero-description{font-size:15px;line-height:1.8;max-width:450px}
.hero-context{font-size:8px;gap:10px;margin-top:32px;flex-wrap:wrap}
.hero-illustration{min-width:0;max-width:475px;width:var(--hero-art-width,100%);margin:0;justify-self:start;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0;isolation:isolate}
.hero-illustration>svg{display:block;width:100%;height:auto;overflow:visible;background:transparent}
.hero-illustration figcaption{font-family:var(--font-heading);font-size:10px;text-align:center;color:var(--page-copy);letter-spacing:.3px;margin-top:8px}
.hero-illustration .cloud-highlight{animation:cloud-light 5s ease-in-out infinite alternate}
@keyframes cloud-light{from{opacity:.35}to{opacity:.85}}
.principles-strip>.wrap{gap:28px;padding-top:25px;padding-bottom:25px}
.principles-strip .wrap>span{font-size:11px}
.section-space{padding-top:85px;padding-bottom:85px}
.section-heading h2{font-size:clamp(31px,3.3vw,44px);line-height:1.17}
.section-heading>p{font-size:13px;line-height:1.8;max-width:300px}
.module-panel h3{font-size:clamp(25px,2.6vw,34px);line-height:1.16}
.module-description{font-size:13px;line-height:1.8}
.module-features h4{font-size:16px;line-height:1.35}
.module-features p{font-size:11px;line-height:1.7}
.module-detail-link{color:var(--page-accent)!important;white-space:nowrap;border-color:var(--page-line)!important;font-size:7px!important;padding:7px 9px!important;letter-spacing:1px!important}
.module-detail-link:hover{background:var(--page-soft)}
.workspace-tab small{font-size:9px;line-height:1.45;letter-spacing:0}
.module-bottom p{font-size:10px;line-height:1.7}
.capability-note{font-size:10px;color:var(--page-copy);line-height:1.65}
.day-panel p,.people-principles p{font-size:13px;line-height:1.8}
.day-switch button{font-size:12px}
.people-statement>p:not(.eyebrow){font-size:14px;line-height:1.9}
.people-statement .text-link{font-size:13px}
.home-footer{font-size:10px}
.home-page .theme-toggle{flex-shrink:0}
@media(max-width:1100px){.nav-links{gap:18px;margin-right:0;font-size:11px}.navigation{gap:20px}.navigation .brand-lockup>img{width:170px}.hero{gap:28px}.hero h1{font-size:clamp(39px,4.7vw,54px)}.hero-description{font-size:14px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:10px}}
@media(max-width:950px){.navigation{position:relative;height:72px;gap:14px}.navigation .brand-lockup{margin-right:auto}.menu-toggle{display:flex;order:2}.navigation>.theme-toggle{order:3}.navigation>.nav-login{order:4}.nav-links{display:none;position:absolute;top:calc(100% + 1px);left:24px;right:24px;margin:0;padding:16px 20px;background:var(--forest);border:1px solid var(--page-line);box-shadow:0 12px 35px #0002;border-radius:0 0 12px 12px;flex-direction:column;gap:5px;font-size:14px}.navigation[data-menu-open="true"] .nav-links{display:flex}.nav-links a{width:max-content;max-width:100%}.hero{grid-template-columns:1fr 1fr;gap:20px}.hero h1{font-size:43px}.hero-description{font-size:13px}.hero-context{font-size:6px;gap:8px}.hero-actions{gap:17px;flex-wrap:wrap}.hero-actions .button{font-size:11px}.hero-illustration{max-width:520px}.hero-copy{padding:16px 0}}
@media(max-width:700px){.wrap{padding-left:24px;padding-right:24px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-top:32px;padding-bottom:35px}.hero-copy{max-width:560px;padding:0}.hero h1{font-size:clamp(37px,8vw,54px);letter-spacing:-1.6px;line-height:1.1;margin-bottom:21px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:18px}.hero-description{font-size:14px;max-width:480px;margin-bottom:24px}.hero-actions .text-link{font-size:11px}.hero-context{font-size:7px;margin-top:27px}.hero-illustration{width:100%;max-width:580px;align-self:center;margin-top:5px}.hero-illustration figcaption{font-size:10px}.principles-strip .wrap>span{font-size:10px}.principles-strip>.wrap{gap:20px}.section-space{padding-top:56px;padding-bottom:56px}.section-heading>p{font-size:12px}.module-description{font-size:12px}.module-panel h3{font-size:29px}.module-features p{font-size:11px}.module-features h4{font-size:15px}.module-detail-link{font-size:6px!important;letter-spacing:.5px!important;padding:6px!important}.module-bottom p{font-size:9px}.capability-note{font-size:10px}.day-panel p,.people-principles p{font-size:12px}.people-statement>p:not(.eyebrow){font-size:13px}.day-switch{gap:18px}.day-switch button{font-size:10px}.navigation .brand-lockup>img{width:148px}.navigation{gap:9px}.navigation .nav-login{font-size:10px;padding:9px 11px;gap:8px}.navigation .theme-toggle{width:36px;height:36px}.menu-toggle{width:36px;height:36px}.navigation .nav-login svg{display:none}.home-footer{font-size:9px}.home-footer .powered{font-size:9px}}
@media(max-width:360px){.wrap{padding-left:18px;padding-right:18px}.navigation .brand-lockup>img{width:128px}.navigation{gap:8px}.navigation .nav-login{padding:8px;font-size:9px}.navigation .theme-toggle,.menu-toggle{width:32px;height:32px}.hero h1{font-size:35px}.hero-description{font-size:13px}.hero-context{font-size:6px}.principles-strip .wrap>span{padding-left:10px}.module-features{column-gap:12px}}
@media(prefers-reduced-motion:reduce){.hero-illustration .cloud-highlight{animation:none}.nav-links a:after{transition:none}}