:root{--spacing-lg:1.5rem;--spacing-md:1rem;--spacing-sm:.75rem;--spacing-xl:2rem;--spacing-xs:.5rem;--color-scrim:#ffffffb3;--spacing-2xl:3rem;--spacing-3xl:4rem;--color-accent:#cba86a;--color-border:#2b2928;--font-size-lg:clamp(1.125rem, 1.05rem + .6vw, 1.25rem);--font-size-sm:clamp(.875rem, .85rem + .2vw, 1rem);--font-size-xl:clamp(1.25rem, 1.15rem + .9vw, 1.5rem);--font-size-xs:clamp(.6875rem, .65rem + .2vw, .8125rem);--color-neutral:#343233;--color-outline:#534241;--color-overlay:#fff6;--color-primary:#6d2630;--color-surface:#0a0a08;--divider-value:1px solid var(--color-outline);--font-size-2xl:clamp(1.5rem, 1.35rem + 1.2vw, 1.85rem);--font-size-3xl:clamp(2.2rem, 1.9rem + 2.4vw, 2.8rem);--font-size-4xl:clamp(3rem, 2.4rem + 3.6vw, 4.2rem);--font-size-base:1rem;--shadow-level-1:0 1px 3px #0000000f;--shadow-level-2:0 6px 20px #0000001f;--shadow-level-3:0 18px 40px #0000002e;--color-backplate:#fff9;--color-on-accent:#1a120f;--color-secondary:#9a5752;--border-radius-lg:16px;--border-radius-md:10px;--border-radius-sm:6px;--border-radius-xl:24px;--color-on-primary:#fafafa;--color-on-surface:#fff9f0;--font-family-body:"Montserrat", sans-serif;--font-weight-body:400;--line-height-body:1.6;--content-max-width:76rem;--border-radius-card:var(--border-radius-lg);--border-radius-full:9999px;--border-radius-none:0px;--color-on-secondary:#fff;--font-style-heading:normal;--font-weight-medium:600;--font-family-heading:"Merriweather", serif;--font-weight-heading:700;--letter-spacing-body:.02em;--line-height-heading:1.28;--dl-layout-size-large:144px;--dl-layout-size-small:48px;--dl-layout-space-unit:16px;--border-radius-control:var(--border-radius-md);--dl-layout-size-medium:96px;--dl-layout-size-xlarge:192px;--dl-layout-size-xsmall:16px;--font-style-subheading:normal;--color-surface-elevated:color-mix(in oklab, var(--color-surface) 92%, var(--color-secondary));--dl-color-theme-accent1:#fff;--dl-color-theme-accent2:#f5d1b0;--dl-layout-radius-round:50%;--dl-layout-size-xxlarge:288px;--letter-spacing-heading:.06em;--text-transform-heading:none;--dl-color-theme-primary1:#bf4408;--dl-color-theme-primary2:#e65103;--dl-layout-size-maxwidth:1400px;--dl-layout-radius-radius2:2px;--dl-layout-radius-radius4:4px;--dl-layout-radius-radius8:8px;--dl-layout-space-halfunit:8px;--dl-layout-space-sixunits:96px;--dl-layout-space-twounits:32px;--dl-color-theme-secondary1:#fff;--dl-color-theme-secondary2:#fbf1eb;--dl-layout-space-fiveunits:80px;--dl-layout-space-fourunits:64px;--color-on-surface-secondary:#e6ded6;--dl-layout-space-threeunits:48px;--dl-color-theme-neutral-dark:#191818;--dl-layout-radius-cardradius:8px;--dl-color-theme-neutral-light:#fbfaf9;--dl-layout-radius-imageradius:8px;--dl-layout-radius-inputradius:24px;--dl-layout-radius-buttonradius:24px;--dl-layout-space-oneandhalfunits:24px}@supports (color:lab(0% 0 0)){:root{--color-scrim:lab(100% -.0000298023 .0000119209/.7);--color-overlay:lab(100% -.0000298023 .0000119209/.4);--color-backplate:lab(100% -.0000298023 .0000119209/.6)}}.btn{gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);box-shadow:var(--shadow-level-1);text-align:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:var(--border-radius-control);border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex}.btn-primary{color:var(--color-on-primary);border-color:var(--color-primary);background-color:var(--color-primary)}.btn-secondary{color:var(--color-on-secondary);border-color:var(--color-secondary);background-color:var(--color-secondary)}.btn-accent{color:var(--color-on-accent);border-color:var(--color-accent);background-color:var(--color-accent)}.btn-outline{color:var(--color-primary);border:1px solid var(--color-primary);background-color:var(--color-surface)}.btn-link{color:var(--color-primary);box-shadow:none;background-color:#0000;border-color:#0000;text-decoration:underline}.btn-sm{padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl)}.btn-xl{padding:var(--spacing-xl) var(--spacing-2xl)}.btn:focus-visible{outline:2px solid var(--color-outline);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn-primary:hover:not(:disabled){border-color:color-mix(in oklab, var(--color-primary) 90%, var(--color-surface));background-color:color-mix(in oklab, var(--color-primary) 90%, var(--color-surface))}.btn-secondary:hover:not(:disabled){border-color:color-mix(in oklab, var(--color-secondary) 90%, var(--color-surface));background-color:color-mix(in oklab, var(--color-secondary) 90%, var(--color-surface))}.btn-accent:hover:not(:disabled){border-color:color-mix(in oklab, var(--color-accent) 90%, var(--color-surface));background-color:color-mix(in oklab, var(--color-accent) 90%, var(--color-surface))}.btn-outline:hover:not(:disabled){color:var(--color-on-primary);border-color:var(--color-primary);background-color:var(--color-primary)}.btn-link:hover:not(:disabled){color:color-mix(in oklab, var(--color-primary) 80%, black);text-decoration:underline}.section-title{font-size:var(--font-size-3xl);font-style:var(--font-style-heading);font-family:var(--font-family-heading);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);text-transform:var(--text-transform-heading)}.section-subtitle{opacity:.85;font-size:var(--font-size-lg);font-style:var(--font-style-subheading);font-family:var(--font-family-heading);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);padding-bottom:10px}.section-content{font-size:var(--font-size-base);font-family:var(--font-family-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.container{padding:0 var(--spacing-xl);max-width:var(--content-max-width);margin:0 auto}.navigation-wrapper{z-index:1000;background:var(--color-surface);border-bottom:1px solid var(--color-border);width:100%;transition:background .3s,box-shadow .3s;position:sticky;top:0}.navigation-container{height:auto;padding:var(--spacing-md) var(--spacing-xl);max-width:var(--content-max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navigation-logo-link{gap:var(--spacing-sm);color:var(--color-on-surface);align-items:center;text-decoration:none;transition:opacity .2s;display:flex}.navigation-logo-link:hover{opacity:.8}.navigation-desktop-links{gap:var(--spacing-xl);align-items:center;display:flex}.navigation-mobile-toggle{color:var(--color-on-surface);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;display:none}.navigation-logo-icon{color:var(--color-primary);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.navigation-brand-name{font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-heading);white-space:nowrap;letter-spacing:var(--letter-spacing-heading)}.navigation-link{gap:var(--spacing-xs);color:var(--color-on-surface);font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;text-decoration:none;transition:color .2s;display:flex}.navigation-link:hover{color:var(--color-primary)}.navigation-external svg{opacity:.6}.navigation-mobile-overlay{z-index:1100;background:var(--color-surface);flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1);display:none;position:fixed;inset:0;transform:translate(100%)}.navigation-overlay-header{padding:var(--spacing-md) var(--spacing-xl);z-index:1110;background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.navigation-overlay-content{padding:var(--spacing-3xl) var(--spacing-xl);flex-direction:column;flex:1;display:flex;overflow-y:auto}.navigation-mobile-close{color:var(--color-on-surface);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none}.navigation-mobile-links{gap:var(--spacing-xl);flex-direction:column;display:flex}.navigation-mobile-link{color:var(--color-on-surface);opacity:0;font-size:var(--font-size-2xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-heading);text-decoration:none;transform:translateY(20px)}.navigation-mobile-actions{opacity:0;margin-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.navigation-wrapper.scrolled{background:color-mix(in oklab, var(--color-surface) 95%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0000004d}.navigation-mobile-overlay.is-active{display:flex;transform:translate(0)}.navigation-mobile-overlay.is-active .navigation-mobile-link{animation:.5s forwards navItemFadeIn}.navigation-mobile-overlay.is-active .navigation-mobile-link:first-child{animation-delay:.1s}.navigation-mobile-overlay.is-active .navigation-mobile-link:nth-child(2){animation-delay:.2s}.navigation-mobile-overlay.is-active .navigation-mobile-link:nth-child(3){animation-delay:.3s}.navigation-mobile-overlay.is-active .navigation-mobile-link:nth-child(4){animation-delay:.4s}.navigation-mobile-overlay.is-active .navigation-mobile-actions{animation:.5s .5s forwards navItemFadeIn}.footer-root{color:var(--color-on-surface);border-top:var(--divider-value);padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-xl);background-color:var(--color-surface);position:relative;overflow:hidden}.footer-root:before{content:"";opacity:.5;background:linear-gradient(90deg, transparent, var(--color-primary), transparent);width:100%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer-container{padding:0 var(--spacing-xl);max-width:var(--content-max-width);margin:0 auto}.footer-grid{gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl);grid-template-columns:2fr 1fr 1fr;display:grid}.footer-bottom{gap:var(--spacing-xl);border-top:var(--divider-value);padding-top:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.footer-copyright{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.footer-status{gap:var(--spacing-sm);border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-surface-elevated);border-radius:var(--border-radius-full);align-items:center;display:flex}.footer-status span{color:var(--color-on-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.footer-logo-wrapper{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);align-items:center;display:flex}.footer-description{color:var(--color-on-surface-secondary);max-width:400px;line-height:var(--line-height-body);margin-bottom:var(--spacing-xl)}.footer-socials{gap:var(--spacing-md);display:flex}.footer-title{color:var(--color-accent);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);letter-spacing:.1em;text-transform:uppercase}.footer-status-indicator{border-radius:var(--border-radius-full);background-color:#2ecc71;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 8px #2ecc71}.footer-shield-badge{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);align-items:center;display:flex}.footer-shield-badge svg{color:var(--color-accent);width:18px;height:18px}.footer-logo-icon{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:var(--border-radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.footer-brand-name{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading)}.footer-social-link{color:var(--color-on-surface);border:1px solid var(--color-border);background:var(--color-surface-elevated);border-radius:var(--border-radius-full);justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:all .3s;display:flex}.footer-social-link:hover{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary);transform:translateY(-3px)}.footer-list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-shield-text{font-size:var(--font-size-xs);font-family:var(--font-family-body)}.footer-link{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);font-family:var(--font-family-body);text-decoration:none;transition:color .2s,padding-left .2s;display:inline-block}.footer-link:hover{color:var(--color-primary);padding-left:var(--spacing-xs)}.hero-section{background:var(--color-surface);align-items:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.hero-media-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-video{filter:brightness(.4);object-fit:cover;width:100%;height:100%}.hero-overlay{z-index:2;background:linear-gradient(to bottom, transparent, var(--color-surface));width:100%;height:100%;position:absolute;top:0;left:0}.features-overview{padding:var(--spacing-3xl) 0;background:var(--color-surface)}.features-header{text-align:center;margin-bottom:var(--spacing-3xl)}.features-grid{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);border-radius:var(--border-radius-card);transition:transform .3s,border-color .3s}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-5px)}.feature-card h3{margin-bottom:var(--spacing-sm)}.feature-icon{color:var(--color-accent);background:color-mix(in oklab, var(--color-primary) 15%, transparent);border-radius:var(--border-radius-md);width:48px;height:48px;margin-bottom:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.pricing-snapshot{padding:var(--spacing-3xl) 0;background:var(--color-surface-elevated)}.pricing-header{text-align:center;margin-bottom:var(--spacing-3xl)}.pricing-table-wrapper{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-lg);overflow:hidden}.pricing-footer{margin-top:var(--spacing-xl);text-align:center}.pricing-table{border-collapse:collapse;width:100%}.pricing-table th{color:var(--color-on-primary);padding:var(--spacing-lg);font-size:var(--font-size-xs);background:var(--color-primary);text-align:left;font-family:var(--font-family-heading);letter-spacing:.1em;text-transform:uppercase}.pricing-table td{color:var(--color-on-surface);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.pricing-table tr:last-child td{border-bottom:none}.pricing-table tr:hover{background:color-mix(in oklab, var(--color-primary) 5%, transparent)}.performance-stats{color:var(--color-on-primary);padding:var(--spacing-3xl) 0;background:var(--color-primary)}.stats-grid{gap:var(--spacing-2xl);text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.stat-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.stat-value{color:var(--color-accent);font-size:var(--font-size-3xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-heading)}.stat-label{opacity:.8;font-size:var(--font-size-sm);letter-spacing:.1em;text-transform:uppercase}.customer-testimonials{padding:var(--spacing-3xl) 0;background:var(--color-surface);overflow:hidden}.carousel-container{padding:0 var(--spacing-xl);max-width:1200px;margin:0 auto;position:relative}.carousel-track{gap:var(--spacing-xl);transition:transform .5s ease-in-out;display:flex}.carousel-controls{gap:var(--spacing-md);margin-top:var(--spacing-2xl);justify-content:center;display:flex}.testimonial-card{flex:0 0 calc(33.333% - (var(--spacing-xl) * 2 / 3));border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface-elevated);border-radius:var(--border-radius-card);min-width:300px}.carousel-btn{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;background:var(--color-surface-elevated);border-radius:var(--border-radius-full);justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.carousel-btn:hover{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.testimonial-author{gap:var(--spacing-md);margin-top:var(--spacing-xl);align-items:center;display:flex}.author-avatar{border:2px solid var(--color-accent);border-radius:var(--border-radius-full);background-position:50%;background-size:cover;width:48px;height:48px}.author-name{color:var(--color-on-surface);font-weight:var(--font-weight-medium);display:block}.author-role{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);display:block}.join-discord-cta{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg, var(--color-surface), var(--color-primary));text-align:center}.discord-dialog{background:0 0;border:none;width:90%;max-width:500px;padding:0}.discord-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9}.modal-inner{color:var(--color-on-surface);border:1px solid var(--color-outline);padding:var(--spacing-3xl);background:var(--color-surface-elevated);text-align:center;border-radius:var(--border-radius-xl)}.modal-visual{color:var(--color-accent);margin-bottom:var(--spacing-lg)}.modal-benefits{gap:var(--spacing-lg);margin:var(--spacing-xl) 0;justify-content:center;display:flex}.modal-actions{gap:var(--spacing-md);flex-direction:column;display:flex}.benefit-item{gap:var(--spacing-xs);font-size:var(--font-size-sm);align-items:center;display:flex}.contact-support{padding:var(--spacing-3xl) 0;background:var(--color-surface)}.split-layout{gap:var(--spacing-3xl);align-items:center;display:flex}.contact-info{flex:1}.contact-discord-card{perspective:1000px;flex:1}.support-details{gap:var(--spacing-xl);margin:var(--spacing-2xl) 0;grid-template-columns:1fr 1fr;display:grid}.discord-card-inner{color:var(--color-on-primary);padding:var(--spacing-3xl);background:var(--color-primary);border-radius:var(--border-radius-xl);position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.discord-card-inner:before{filter:blur(40px);content:"";background:color-mix(in oklab, var(--color-accent) 20%, transparent);border-radius:var(--border-radius-full);width:200px;height:200px;position:absolute;top:-20%;right:-10%}.discord-status{gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);border-radius:var(--border-radius-full);margin-bottom:var(--spacing-lg);background:#0003;align-items:center;display:inline-flex}.status-dot{border-radius:var(--border-radius-full);background:#2ecc71;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes navItemFadeIn{to{opacity:1;transform:translateY(0)}}@media (max-width:991px){.navigation-desktop-links{gap:var(--spacing-lg)}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand-col{grid-column:span 2}.features-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.testimonial-card{flex:0 0 calc(50% - var(--spacing-xl))}.split-layout{flex-direction:column}}@media (max-width:767px){.navigation-container{padding:var(--spacing-md) var(--spacing-lg)}.navigation-desktop-links{display:none}.navigation-mobile-toggle{display:block}.footer-bottom{gap:var(--spacing-lg);text-align:center;flex-direction:column}.pricing-table{width:100%;display:block}.pricing-table thead{display:none}.pricing-table tbody,.pricing-table tr{width:100%;display:block}.pricing-table td{padding-left:50%;position:relative}.pricing-table td:before{left:var(--spacing-lg);color:var(--color-accent);content:attr(data-label);text-align:left;width:45%;font-weight:var(--font-weight-medium);position:absolute}.pricing-table td:last-child{text-align:center;padding-left:var(--spacing-lg);border-bottom:none}.pricing-table td:last-child:before{display:none}}@media (max-width:479px){.footer-grid{gap:var(--spacing-xl);grid-template-columns:1fr}.footer-brand-col{grid-column:span 1}.features-grid,.stats-grid{grid-template-columns:1fr}.stat-value{font-size:var(--font-size-2xl)}.testimonial-card{flex:0 0 100%}.support-details{grid-template-columns:1fr}}
