html{color-scheme:dark;--aura-accent-color-light: #ff4e70;--aura-accent-color-dark: #ff4e70;--lumo-primary-color: #00d2ff;--lumo-primary-text-color: #ffffff;--aura-contrast-level: 2;--aura-surface-level: -1;--app-font-heading: "Roboto", var(--aura-font-family, var(--lumo-font-family));--app-font-body: var(--aura-font-family, var(--lumo-font-family));--app-hero-title-size: 1.6rem;--app-h1-size: 1.4rem;--app-h2-size: 1.2rem;--app-h3-size: 1rem;--app-font-weight-heading: 700;--aura-app-layout-inset: 24px;--aura-base-radius: 4;--aura-base-size: 18;--aura-shadow-color: --aura-background-color}.hero-section h1{font-family:var(--app-font-heading);font-size:var(--app-hero-title-size)!important;font-weight:var(--app-font-weight-heading);margin-top:0;line-height:1.2;color:var(--lumo-primary-color)}.hero-section h2{font-family:var(--app-font-heading);font-size:var(--app-h2-size)!important;font-weight:var(--app-font-weight-heading);margin-top:0;line-height:1.2;color:var(--lumo-primary-color)}.hero-section p{color:var(--lumo-primary-text-color)}vaadin-drawer-toggle{--vaadin-button-size: 4.5rem;--lumo-icon-size-m: 3rem}vaadin-app-layout{--vaadin-app-layout-navbar-height: 600px}vaadin-app-layout::part(content){background-color:var(--lumo-base-color);margin:0 auto;padding:var(--lumo-space-l)}.blog-content{font-family:var(--aura-font-family, var(--lumo-font-family));color:var(--lumo-body-text-color);line-height:var(--lumo-line-height-m)}.blog-content h1,.blog-content h2,.blog-content h3{font-family:var(--app-font-heading);color:var(--lumo-primary-color);font-weight:var(--app-font-weight-heading);margin-top:2.5rem;margin-bottom:var(--lumo-space-m)}.blog-content h1:first-child,.blog-content h2:first-child{margin-top:1.2rem}.blog-content h1{font-size:var(--app-h1-size);color:var(--lumo-primary-color)}.blog-content h2{font-size:var(--app-h2-size);color:var(--lumo-primary-color)}.blog-content h3{font-size:var(--app-h3-size);color:var(--lumo-primary-color)}.blog-content p{margin-bottom:var(--lumo-space-m)}.blog-content ul{padding-left:1.5rem;margin-bottom:var(--lumo-space-m);list-style-type:disc;list-style-position:inside}.blog-content li{display:list-item;list-style-type:disc;margin-bottom:var(--lumo-space-s)}.blog-content a{color:var(--lumo-primary-color);text-decoration:none;font-weight:500;transition:color .2s}.blog-content a:hover{color:var(--aura-accent-color-dark)}.blog-content img{max-width:60%;max-height:300px;height:auto;object-fit:contain;border-radius:var(--aura-base-radius, 8px);margin-top:var(--lumo-space-s);margin-bottom:var(--lumo-space-m);margin-left:auto;margin-right:auto;display:block}.blog-content image-row{display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap;margin:20px 0}.blog-content image-row img{max-width:100%;height:auto;flex:1;object-fit:cover}.blog-content vaadin-button{margin-top:var(--lumo-space-l)}.scrollable-view{overflow:auto}.view-container{max-width:650px;width:100%;margin:0 auto;padding-bottom:var(--lumo-space-xl)}.hero-section{text-align:center}.hero-subtitle{color:var(--lumo-primary-color);font-size:var(--lumo-font-size-l);margin-top:var(--lumo-space-xs);margin-bottom:0!important}.blog-content a.feature-card,.feature-card{display:block;width:100%;box-sizing:border-box;text-decoration:none!important;color:var(--lumo-body-text-color)!important;background-color:var(--lumo-contrast-5pct);padding:1.25rem 1.75rem;border-radius:8px;margin-top:1rem;margin-bottom:var(--lumo-space-m);border:1px solid rgba(0,210,255,.3);cursor:pointer;overflow:hidden;transition:border-color .2s,box-shadow .2s}.feature-card h1,.feature-card p{text-decoration:none!important}.feature-card h1{color:var(--lumo-header-text-color)!important}.feature-card p{color:var(--lumo-secondary-text-color)!important}.feature-card:hover{border-color:var(--lumo-primary-color);box-shadow:0 2px 10px #00d2ff33}.feature-card-icon{color:var(--lumo-primary-color)}.feature-card-title{font-size:var(--lumo-font-size-l)!important;margin:0 0 var(--lumo-space-xs) 0!important}.feature-card-desc{margin:0!important}.playbook-download-section{margin-top:3rem;margin-bottom:3rem}.playbook-download-section a{text-decoration:none!important}.playbook-download-section a:hover{color:var(--aura-accent-color-dark)}.onion-copy-section{margin-top:1.5rem;margin-bottom:3rem}.onion-code-block{font-family:monospace;background-color:var(--lumo-contrast-10pct);padding:var(--lumo-space-s) var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);word-break:break-all;text-align:center}.blog-view-container{max-width:800px;width:100%;margin:0 auto;padding-bottom:var(--lumo-space-xl)}.blog-article-select{width:100%;margin-bottom:var(--lumo-space-xl)}.blog-article-content{width:100%;margin-top:var(--lumo-space-m);margin-bottom:var(--lumo-space-xl)}.drawer-logo{height:60px;margin-top:var(--vaadin-gap-m);margin-bottom:var(--vaadin-gap-m)}.drawer-nav{flex-grow:1}.fixed-footer{position:relative;text-align:center;padding-bottom:var(--lumo-space-m);color:var(--lumo-primary-color);font-size:var(--lumo-font-size-s)}.navbar-logo{height:110px;max-height:12vh;max-width:calc(100% - 10px);object-fit:contain;margin-top:5px;margin-bottom:5px;cursor:pointer;transition:transform .1s ease-in-out}.navbar-logo:active{transform:scale(.95)}.navbar-slot{width:70px}.navbar-toggle{margin-left:10px;padding:.25rem .5rem;min-width:auto;border-radius:8px;background-color:transparent;border:1px solid rgba(0,210,255,.3);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .1s}.navbar-toggle:hover{border-color:var(--lumo-primary-color);box-shadow:0 2px 8px #00d2ff26}.navbar-toggle:active{transform:scale(.95)}.navbar-toggle-icon{height:35px;object-fit:contain;display:block}.legal-table{width:100%;border-collapse:collapse;margin:20px 0;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);color:var(--lumo-primary-text-color)}.legal-table thead th{text-align:left;padding:12px;border-bottom:2px solid var(--lumo-primary-text-color);color:var(--lumo-primary-text-color);font-weight:700}.legal-table tbody td{padding:10px 12px;color:var(--lumo-primary-text-color);border-bottom:1px solid var(--lumo-primary-text-color)}.legal-table tbody tr:nth-child(2n){background-color:transparent}.legal-table a{color:var(--lumo-primary-text-color);text-decoration:none}.legal-table a:hover{text-decoration:none}