.access-page{--access-hero-bg:#f2f5f7;--access-hero-glow:#e2e5e8;--access-panel:#fff;--access-panel-shadow:0 22px 60px #1f29331a;--access-card:#fff;--access-card-hover:#f7f9fa;background:var(--surface);flex-direction:column;min-height:100dvh;display:flex}:root[data-theme=dark] .access-page{--access-hero-bg:#192027;--access-hero-glow:#2a333b;--access-panel:#20262c;--access-panel-shadow:0 24px 65px #00000040;--access-card:#1d2227;--access-card-hover:#272e34}.access-header{align-items:center;gap:30px;width:min(100%,1380px);min-height:94px;margin:0 auto;padding:20px 44px;display:flex}.access-header .brand{margin:0;padding:0}.access-header .brand-word{display:block}.access-header-label{border-left:1px solid var(--outline-variant);color:var(--on-surface-variant);padding-left:28px;font-size:.9rem}.access-header-actions{align-items:center;gap:18px;margin-left:auto;display:flex}.access-header-link{min-height:44px;color:var(--primary);align-items:center;gap:9px;padding:8px 4px;font-size:.9rem;font-weight:700;display:inline-flex}.access-header-link:hover{text-decoration:underline}.access-main{flex:1;width:min(100%,1380px);max-width:none;margin:0 auto;padding:18px 44px 64px}.access-hero{isolation:isolate;border:1px solid color-mix(in srgb, var(--primary) 14%, var(--outline-variant));background:radial-gradient(circle at 8% 2%, var(--access-hero-glow), transparent 42%), var(--access-hero-bg);border-radius:36px;grid-template-columns:minmax(0,1.12fr) minmax(370px,.88fr);align-items:center;gap:clamp(36px,6vw,100px);min-height:580px;padding:clamp(42px,6vw,82px);display:grid;position:relative;overflow:hidden}.access-hero:after{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--primary) 17%, transparent);width:570px;height:570px;box-shadow:0 0 0 72px color-mix(in srgb, var(--primary) 4%, transparent), 0 0 0 146px color-mix(in srgb, var(--primary) 3%, transparent);pointer-events:none;border-radius:50%;position:absolute;bottom:-400px;right:-240px}.access-intro{min-width:0}.access-eyebrow{color:var(--primary);letter-spacing:.11em;align-items:center;gap:10px;margin-bottom:26px;font-size:.75rem;font-weight:750;line-height:1.4;display:inline-flex}.access-eyebrow>span{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.access-intro h1{letter-spacing:-.065em;text-wrap:balance;max-width:750px;font-size:clamp(3.2rem,5.1vw,5.4rem);font-weight:750;line-height:1.02}.access-intro h1 em{color:var(--primary);font-style:normal}.access-intro>p{max-width:540px;color:var(--on-surface-variant);margin-top:27px;font-size:clamp(1.02rem,1.35vw,1.18rem);line-height:1.65}.access-highlights{flex-wrap:wrap;gap:10px;margin-top:35px;display:flex}.access-highlights span{border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);color:var(--on-surface);background:color-mix(in srgb, var(--surface-bright) 64%, transparent);border-radius:12px;align-items:center;gap:9px;padding:9px 13px;font-size:.82rem;font-weight:650;display:inline-flex}.access-highlights svg{color:var(--primary)}.access-connection{color:var(--on-surface-variant);align-items:center;gap:9px;margin-top:26px;font-size:.8rem;display:inline-flex}.access-entry{border:1px solid var(--outline-variant);background:var(--access-panel);min-width:0;box-shadow:var(--access-panel-shadow);border-radius:28px;padding:clamp(30px,3.1vw,48px)}.access-entry-head{color:var(--primary);letter-spacing:.1em;align-items:center;gap:14px;margin-bottom:36px;font-size:.72rem;font-weight:750;display:flex}.access-entry-icon{background:var(--primary-container);width:48px;height:48px;color:var(--on-primary-container);border-radius:16px;place-items:center;display:grid}.access-entry h2{letter-spacing:-.055em;text-wrap:balance;max-width:420px;font-size:clamp(2rem,2.75vw,2.9rem);line-height:1.09}.access-entry>p{max-width:360px;color:var(--on-surface-variant);margin-top:18px;font-size:.95rem}.access-entry-actions{gap:11px;margin-top:33px;display:grid}.access-entry-actions .button{border-radius:15px;justify-content:space-between;width:100%;min-height:56px;padding-inline:20px;font-size:.91rem}.access-entry-actions .button.outlined{border-color:var(--outline-variant)}.access-entry-actions .button.outlined:hover{background:var(--surface-low)}.access-entry-note{color:var(--on-surface-variant);text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:22px;font-size:.76rem;display:flex}.access-entry-note svg{color:var(--primary)}.install-section{padding-top:74px}.install-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.install-heading .eyebrow,.access-faq .eyebrow{color:var(--primary)}.install-heading h2{letter-spacing:-.055em;margin-top:10px;font-size:clamp(1.9rem,3vw,2.7rem)}.install-heading p{color:var(--on-surface-variant);margin-top:9px;font-size:.95rem}.install-app-mark{flex:none;align-items:center;gap:12px;display:flex}.install-app-mark img{border-radius:15px}.install-app-mark>div{font-size:1.07rem;font-weight:750}.install-app-mark span{color:var(--on-surface-variant);font-size:.76rem;font-weight:400;display:block}.install-platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.platform-card{border:1px solid var(--outline-variant);background:var(--access-card);min-width:0;min-height:284px;transition:border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);border-radius:24px;flex-direction:column;padding:26px;display:flex;position:relative}.platform-card:hover{border-color:var(--primary);background:var(--access-card-hover);transform:translateY(-2px)}.platform-card.selected{border:2px solid var(--primary);padding:25px}.platform-top{justify-content:space-between;align-items:start;gap:10px;margin-bottom:21px;display:flex}.platform-number{color:var(--outline);letter-spacing:.08em;font-size:.75rem;font-weight:750}.platform-symbol{width:52px;height:52px;color:var(--primary);background:var(--primary-container);border-radius:17px;place-items:center;display:grid}.platform-card h3{letter-spacing:-.035em;font-size:1.35rem}.platform-card>p{color:var(--on-surface-variant);margin:4px 0 19px;font-size:.87rem}.device-label{background:var(--secondary-container);color:var(--on-secondary-container);border-radius:999px;padding:4px 9px;font-size:.7rem;font-weight:650;position:absolute;top:89px;right:26px}.platform-card>.button{border-radius:13px;width:100%;min-height:46px;margin-top:auto;padding-inline:14px;font-size:.83rem}.access-notice,.install-feedback{background:var(--warning-container);color:var(--warning);border-radius:14px;align-items:center;gap:12px;margin-bottom:15px;padding:15px 18px;font-size:.88rem;display:flex}.install-feedback{background:var(--secondary-container);color:var(--on-secondary-container);margin:20px 0 0}.install-guide{border:1px solid var(--outline-variant);background:var(--surface-low);border-radius:24px;margin-top:20px;padding:30px}.guide-heading{align-items:center;gap:14px;margin-bottom:22px;display:flex}.guide-icon{width:48px;height:48px;color:var(--primary);background:var(--primary-container);border-radius:15px;flex:none;place-items:center;display:grid}.guide-heading h3{font-size:1.2rem}.guide-heading p{color:var(--on-surface-variant);margin-top:2px;font-size:.84rem}.guide-heading>.text-link{margin-left:auto}.chevron-up{transform:rotate(180deg)}.install-guide ol{gap:17px;margin:0;padding:0;list-style:none;display:grid}.install-guide li{align-items:start;gap:13px;display:flex}.install-guide li>span{background:var(--primary-container);width:29px;height:29px;color:var(--on-primary-container);border-radius:50%;flex:none;place-items:center;font-size:.83rem;font-weight:750;display:grid}.install-guide li>p{max-width:820px;font-size:.93rem}.guide-footnote{max-width:850px;color:var(--on-surface-variant);margin:19px 0 3px;font-size:.85rem}.install-guide>.text-link{margin-top:10px}.access-faq{border-top:1px solid var(--outline-variant);grid-template-columns:.8fr 1.2fr;gap:50px;margin-top:70px;padding:39px 0 0;display:grid}.access-faq h2{letter-spacing:-.04em;margin-top:9px;font-size:1.7rem}.access-faq details{border-bottom:1px solid var(--outline-variant)}.access-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:16px 0;font-size:.94rem;font-weight:650;list-style:none;display:flex}.access-faq summary::-webkit-details-marker{display:none}.access-faq details[open] summary svg{transform:rotate(180deg)}.access-faq details p{color:var(--on-surface-variant);padding:0 25px 20px 0;font-size:.9rem}.local-preview-note{background:var(--surface-container);color:var(--on-surface-variant);border-radius:15px;align-items:start;gap:12px;margin-top:36px;padding:18px 20px;font-size:.81rem;display:flex}.local-preview-note svg{flex:none;margin-top:1px}.local-preview-note strong{color:var(--on-surface)}.access-footer{border-top:1px solid var(--outline-variant);width:min(100%,1380px);max-width:none;color:var(--on-surface-variant);justify-content:space-between;gap:20px;margin:0 auto;padding:20px 44px 32px;font-size:.79rem;display:flex}.access-footer strong{color:var(--primary);margin-right:9px}.access-footer>a{color:var(--on-surface);align-items:center;gap:6px;display:inline-flex}.access-footer>a:hover{color:var(--primary)}.workspace-install-link{min-height:44px;color:var(--primary);align-items:center;gap:9px;margin-bottom:14px;font-size:.8125rem;display:flex}.rail-compact .workspace-install-link>span{display:none}.workspace-connectivity{color:var(--warning);background:var(--warning-container);padding:12px 32px;font-size:.875rem}@media (max-width:1050px){.access-header,.access-main{padding-inline:30px}.access-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.88fr);gap:30px;padding:44px}.access-intro h1{font-size:clamp(3rem,5vw,4.4rem)}.access-entry{padding:30px}.access-footer{padding-inline:30px}}@media (max-width:760px){.access-header{min-height:76px;padding:16px 22px}.access-header-label{display:none}.access-header-actions{gap:8px}.access-main{padding:8px 18px 40px}.access-hero{border-radius:28px;grid-template-columns:1fr;gap:35px;min-height:0;padding:34px 28px}.access-intro h1{max-width:580px;font-size:clamp(2.7rem,9vw,4.2rem)}.access-intro>p{margin-top:20px}.access-highlights{margin-top:25px}.access-connection{margin-top:20px}.access-entry{max-width:none;padding:30px}.access-entry-head{margin-bottom:20px}.access-entry h2 br{display:none}.install-section{padding-top:52px}.install-app-mark{display:none}.install-platforms{grid-template-columns:1fr;gap:12px}.platform-card{grid-template-columns:58px 1fr auto;align-items:center;column-gap:15px;min-height:0;padding:18px;display:grid}.platform-card.selected{padding:17px}.platform-top{grid-area:1/1/3;align-items:center;margin:0}.platform-number{display:none}.platform-card h3{grid-area:1/2;align-self:end;font-size:1.18rem}.platform-card>p{grid-area:2/2;align-self:start;margin:1px 0 0}.platform-card>.button{grid-area:1/3/3;width:auto;max-width:190px;margin:0}.device-label{display:none}.access-faq{grid-template-columns:1fr;gap:12px;margin-top:52px}.guide-heading{flex-wrap:wrap}.guide-heading>.text-link{margin-left:62px}.access-footer{padding:18px 22px 25px}}@media (max-width:560px){.access-header .brand-word{font-size:1.7rem}.access-header .brand-symbol{width:28px}.access-header-link{font-size:.84rem}.access-hero{padding:28px 21px}.access-eyebrow{letter-spacing:.08em;margin-bottom:20px;font-size:.66rem}.access-intro h1{font-size:clamp(2.45rem,10.5vw,3.3rem)}.access-intro>p{font-size:.99rem}.access-highlights{gap:7px}.access-highlights span{padding:7px 10px;font-size:.74rem}.access-highlights svg{width:16px;height:16px}.access-entry{border-radius:22px;padding:24px 21px}.access-entry h2{font-size:2rem}.access-entry-actions .button{padding-inline:14px;font-size:.84rem}.access-entry-note{font-size:.7rem}.install-heading h2{font-size:2rem}.install-heading p{font-size:.88rem}.platform-card,.platform-card.selected{align-items:stretch;padding:20px;display:flex}.platform-top{margin-bottom:14px}.platform-card h3{font-size:1.25rem}.platform-card>p{margin:3px 0 17px}.platform-card>.button{width:100%;max-width:none}.device-label{display:block;top:32px;right:20px}.install-guide{padding:22px 18px}.guide-heading>.text-link{margin-left:0}.access-footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.platform-card{transition:none}.platform-card:hover{transform:none}}
