:root{--home-cta-width: 280px;--home-support-width: var(--content-reading);--home-steps-width: 680px;--home-accent-tilt: -1deg}.home-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.home-page .site-header{border-bottom:0}.home-main{max-width:var(--content-home);flex:1;padding-block:var(--space-12) var(--space-10)}.home-intro{text-align:center}.home-intro h1{font-size:var(--font-size-hero);line-height:var(--line-height-heading);letter-spacing:var(--tracking-tight);margin-top:var(--space-5)}.home-intro h1 em{position:relative;isolation:isolate;font-style:normal;color:var(--color-primary);white-space:nowrap}.home-intro h1 em:after{content:"";position:absolute;inset-inline:0;bottom:var(--space-1);height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-primary-soft);transform:rotate(var(--home-accent-tilt));z-index:-1}.home-description{font-size:var(--font-size-lg);color:var(--color-muted);line-height:var(--line-height-reading);margin-top:var(--space-5)}.home-apps{display:flex;justify-content:center;align-items:center;list-style:none;gap:var(--space-8);margin:var(--space-5) 0 0;padding:0}.home-apps li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--weight-medium);color:var(--color-muted)}.home-apps img{display:block;flex-shrink:0;width:var(--icon-lg);height:var(--icon-lg);object-fit:contain}.home-login{display:flex;flex-direction:column;align-items:center;margin-top:var(--space-7)}.home-login>.button{min-width:var(--home-cta-width);min-height:var(--space-14);font-size:var(--font-size-lg)}.home-support{max-width:var(--home-support-width);margin:var(--space-7) auto 0}.support-devices{padding:var(--space-5) var(--space-6);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg)}.home-support h2{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--weight-semibold);color:var(--color-ink);margin-bottom:var(--space-5)}.home-support h2 .site-icon{color:var(--color-primary)}.support-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}.support-table th,.support-table td{padding:var(--space-2) 0;border-bottom:var(--border-width) solid var(--color-border)}.support-table thead th{padding-top:0;padding-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-muted);font-weight:var(--weight-medium)}.support-table tbody th{font-size:var(--font-size-base);color:var(--color-ink);font-weight:var(--weight-medium)}.support-table th:last-child,.support-table td{text-align:right}.support-table tbody tr:last-child>*{border-bottom:0}.support-table .platform-supported th{color:var(--color-success);font-weight:var(--weight-semibold)}.platform-state{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--weight-medium);white-space:nowrap}.platform-state .site-icon{width:var(--icon-sm);height:var(--icon-sm)}.state-supported{color:var(--color-success);background:var(--color-success-soft)}.state-pending{color:var(--color-warning);background:var(--color-warning-soft)}.state-unavailable{color:var(--color-muted);background:var(--color-surface-subtle)}.support-progress{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-muted);margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.support-progress>span{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2)}.support-progress .site-icon{width:var(--icon-sm);height:var(--icon-sm)}.support-access{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-muted);margin-top:var(--space-4)}.access-title{display:inline-flex;align-items:center;gap:var(--space-2)}.access-title .site-icon{color:var(--color-primary)}.access-title strong{font-weight:var(--weight-medium);color:var(--color-ink)}.home-setup{max-width:var(--home-support-width);margin:0 auto;text-align:center;padding-top:var(--space-6)}.home-setup h2{font-size:var(--font-size-sm);color:var(--color-muted);font-weight:var(--weight-medium)}.home-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:var(--home-steps-width);list-style:none;margin:var(--space-4) auto 0;padding:0}.home-steps:before{content:"";position:absolute;top:var(--space-4);inset-inline:calc(100% / 6);border-top:var(--border-width) dashed var(--color-border-strong)}.home-steps li{position:relative}.home-steps a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-muted);min-height:var(--control-height-compact);padding-bottom:var(--space-2);border-radius:var(--radius-sm)}.home-steps a>span:last-child{text-wrap:balance}.step-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-brand);height:var(--icon-brand);background:var(--color-canvas);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-primary)}.step-icon .site-icon{width:var(--icon-sm);height:var(--icon-sm)}.home-steps a:hover{color:var(--color-primary)}.home-steps a:hover .step-icon{border-color:var(--color-primary);background:var(--color-primary-soft)}@media(max-width:800px){.home-main{padding-top:var(--space-8)}.home-intro h1{font-size:var(--font-size-4xl)}}@media(max-width:600px){.home-main{padding-top:var(--space-6);padding-bottom:var(--space-8)}.home-intro h1{font-size:var(--font-size-3xl);margin-top:var(--space-4)}.home-description{font-size:var(--font-size-base);margin-top:var(--space-4)}.home-apps{gap:var(--space-6);margin-top:var(--space-4)}.home-login{margin-top:var(--space-6)}.home-login>.button{width:100%;min-width:0;padding-inline:var(--space-5)}.home-support{margin-top:var(--space-5)}.support-devices{padding:var(--space-5)}.home-setup{padding-top:var(--space-5)}}