@layer pages{main{padding:0}.site-footer{position:static}.main-nav{position:relative}body{padding-block-end:0}:root{--dot-color: #f0f2f511;--dot-size: 1px;--dot-spacing: 32px;--hero-radar-drop: 0rem;--hero-text-drop: 0rem}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(var(--dot-color) var(--dot-size),transparent var(--dot-size));background-size:var(--dot-spacing) var(--dot-spacing);pointer-events:none;z-index:-1}html{scroll-padding-top:0}.hero-section{display:flex;align-items:center;padding-block:calc(var(--spacing-md) + 2 * var(--hero-text-drop)) var(--spacing-xl);min-block-size:calc(100vh - var(--nav-height));min-block-size:calc(100svh - var(--nav-height))}.hero-inner{display:flex;flex-direction:column;gap:var(--spacing-md);inline-size:92%;max-inline-size:33.75rem;margin-inline:auto;padding:var(--spacing-md)}.hero-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.hero-radar-slot{display:none}.hero-title{font-family:var(--font-mono);font-size:clamp(2.6rem,1.6rem + 1.4vw,4rem)}.hero-subtitle{font-family:var(--font-sans);font-size:clamp(1.4rem,.6rem + 1.1vw,1.6rem);color:var(--bt-hud-main);line-height:1.5;animation:fadeInUp .3s ease-out}.hero-body{font-family:var(--font-sans);font-size:clamp(1rem,.6rem + .6vw,1rem);color:var(--text-dim);line-height:1.8}.hero-scroll-cta{align-self:flex-start;margin-block-start:var(--spacing-sm)}.tools-page-section{position:relative;overflow:hidden;background:radial-gradient(circle at bottom,var(--bg-section-night-start) 0%,var(--bg-section-night-end) 100%);margin:0;inline-size:100%;min-block-size:100vh;min-block-size:100svh;display:flex;flex-direction:column;align-items:center}.tools-page-section cyber-night-sky{position:absolute;z-index:0}.tools-grid-section{flex:1;position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:var(--spacing-md);inline-size:92%;margin-inline:auto;align-content:center;padding-block-end:var(--spacing-xl)}.tools-page-section .site-footer{align-self:stretch;flex-shrink:0}.tools-section-title{position:relative;z-index:1;inline-size:92%;padding-block-start:var(--spacing-xl);font-family:var(--font-mono);font-size:clamp(1.6rem,1.2rem + 1vw,2.2rem);font-weight:700;color:var(--text-primary-white);text-align:center;margin-block-end:var(--spacing-lg)}.tool-card{--tool-card-img-w: 100%;--tool-card-img-h: 6.75rem;display:flex;flex-direction:column;position:relative;background:var(--surface-elevated);border:1px solid color-mix(in srgb,var(--accent-bright) 18%,transparent);border-radius:var(--border-radius-card);overflow:hidden;box-shadow:var(--shadow-elevated);transition:var(--transition-normal)}.tool-card:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset);border-color:var(--bg-primary)}.tool-card-image{inline-size:var(--tool-card-img-w);block-size:var(--tool-card-img-h);flex-shrink:0;object-fit:cover}.tool-card:after{content:"";position:absolute;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:var(--tool-card-img-h, 6.75rem);background:linear-gradient(to bottom,transparent 25%,var(--surface-elevated) 100%);pointer-events:none}.tool-card-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex:1;padding:var(--spacing-sm);container-type:inline-size}.tool-title{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary-white);margin-block-end:var(--spacing-xs);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.tool-description{flex-grow:1;margin-block-end:var(--spacing-sm);font-family:var(--font-sans);font-size:clamp(1rem,.8rem + .4vw,1.15rem);line-height:1.6;color:var(--text-secondary);text-align:center}.tool-button-group{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);inline-size:100%}.tool-button-group .btn{flex:1}.mobile-text{display:inline}.desktop-text{display:none}.boot-radar{opacity:0}@media(width>=48rem){.desktop-text{display:inline}.mobile-text{display:none}.hero-inner{max-inline-size:45rem;padding:var(--spacing-lg)}.tools-grid-section{grid-template-columns:repeat(2,1fr);max-inline-size:54rem;gap:var(--spacing-sm)}.tool-card{--tool-card-img-w: 6.3rem;--tool-card-img-h: auto;flex-direction:row;align-items:stretch;min-block-size:7.2rem}.tool-card:after{inline-size:var(--tool-card-img-w, 6.3rem);block-size:100%;background:linear-gradient(to right,transparent 25%,var(--surface-elevated) 100%)}.tool-card-content{padding:var(--spacing-md) var(--spacing-sm)}}@media(width>=64rem)and (height>=48rem){:root{--hero-radar-drop: var(--spacing-xl);--hero-text-drop: calc(var(--spacing-xl) - var(--spacing-sm))}}@media(width>=64rem){.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);max-inline-size:67.5rem;padding:var(--spacing-xl) var(--spacing-lg)}.hero-radar-slot{display:block}.boot-radar{--boot-radar-max-size: 460px;--boot-radar-fill: .6;--boot-radar-hero-size: min( var(--boot-radar-max-size), calc((100svh - var(--nav-height)) * var(--boot-radar-fill)) );--boot-radar-size: var(--boot-radar-hero-size);--boot-radar-settled-glow: drop-shadow( 0 0 50px color-mix(in srgb, var(--boot-radar-color) 28%, transparent) );--boot-radar-settled-opacity: .5;transform:translate(calc(max(1rem + var(--boot-radar-margin),(100vw - var(--chrome-max-width)) / 2 + var(--boot-radar-margin)) + min(var(--chrome-max-width),100vw) / 4 + var(--boot-radar-size) * .6 - 50vw + 2.7rem),calc(var(--boot-radar-margin) + var(--boot-radar-size) * .4 - 50svh + 1.4rem + var(--hero-radar-drop))) scale(1);opacity:var(--boot-radar-settled-opacity);filter:var(--boot-radar-settled-glow)}.tools-grid-section{max-inline-size:64.125rem;gap:var(--spacing-md)}.tool-card{--tool-card-img-w: 8.55rem;min-block-size:9rem}.tool-card-content{padding:var(--spacing-md)}.tool-title{font-size:clamp(1.1rem,.9rem + .3vw,1.3rem);white-space:normal}.tool-description{font-size:clamp(.875rem,.75rem + .3vw,1rem)}}@media(width>=80rem){.hero-inner{max-inline-size:97.2rem;padding:var(--spacing-lg);padding-bottom:var(--spacing-xxl)}.tools-grid-section{max-inline-size:97.2rem;gap:var(--spacing-md) var(--spacing-xl)}.tool-card{--tool-card-img-w: 10.8rem;min-block-size:9.9rem}.tools-section-title{font-size:clamp(2rem,1.5rem + .8vw,2.8rem)}}@container (min-width: 15.5rem){.tool-button-group .desktop-text{display:inline}.tool-button-group .mobile-text{display:none}}@container (min-width: 26rem){.tool-button-group{flex-direction:row}}.boot-radar.boot-active{transition:none;--boot-radar-size: min(490px, 70vmin);--boot-radar-boot-scale: 1;--boot-radar-active-glow: drop-shadow( 0 0 90px color-mix(in srgb, var(--boot-radar-color) 45%, transparent) );display:block;position:fixed;width:var(--boot-radar-size);height:var(--boot-radar-size);bottom:var(--boot-radar-margin);right:max(calc(1rem + var(--boot-radar-margin)),calc((100vw - var(--chrome-max-width)) / 2 + var(--boot-radar-margin)));transform:translate(calc(max(1rem + var(--boot-radar-margin),(100vw - var(--chrome-max-width)) / 2 + var(--boot-radar-margin)) + var(--boot-radar-size) * .5 - 50vw),calc(var(--boot-radar-margin) + var(--boot-radar-size) * .5 - 50vh)) scale(var(--boot-radar-boot-scale));filter:var(--boot-radar-active-glow);opacity:1}@media(width>=64rem){.boot-radar.boot-active{--boot-radar-size: var(--boot-radar-hero-size);--boot-radar-boot-scale: 1.065}}.boot-overlay{--dash-z-boot-overlay: 9999;position:fixed;inset:0;z-index:var(--dash-z-boot-overlay);background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2.5rem,2rem + 2vw,4rem);opacity:1;transition:var(--transition-boot-overlay)}.boot-overlay.dissolving{opacity:0;pointer-events:none}.boot-text{text-align:center;font-family:var(--font-mono);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);opacity:1;transition:var(--transition-boot-text)}.boot-text.hidden{opacity:0}.boot-title{--boot-title-glow: drop-shadow( 0 0 18px color-mix(in srgb, var(--accent-bright) 55%, transparent) );--boot-title-glow-peak: drop-shadow( 0 0 32px color-mix(in srgb, var(--accent-bright) 85%, transparent) );--boot-title-tracking: .3em;font-size:clamp(2rem,2rem + 2.5vw,3.5rem);font-weight:700;letter-spacing:var(--boot-title-tracking);margin-inline-end:calc(-1 * var(--boot-title-tracking));color:var(--accent-bright);filter:var(--boot-title-glow);animation:bootTitleGlow 3.8s ease-in-out infinite}.boot-subtitle{font-size:clamp(.6rem,.3rem + .55vw,.75rem);letter-spacing:.22em;color:var(--text-secondary)}.boot-status{font-size:var(--font-size-xs);letter-spacing:.12em;color:var(--text-secondary);margin-block-start:var(--spacing-xxs);min-block-size:1.2em}.boot-cursor{display:inline-block;color:var(--accent-bright);animation:bootCursorBlink 1s step-end infinite;margin-inline-start:1px}@keyframes bootTitleGlow{0%,to{filter:var(--boot-title-glow)}50%{filter:var(--boot-title-glow-peak)}}@keyframes bootCursorBlink{0%,to{opacity:1}50%{opacity:0}}@media(hover:hover)and (pointer:fine){.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-elevated-hover),0 0 0 1px color-mix(in srgb,var(--accent-bright) 30%,transparent)}}@media(prefers-reduced-motion:reduce){.tool-card{transition:none}.tool-card:hover{transform:none}.boot-overlay{display:none}.hero-subtitle{animation:none}}@media(prefers-contrast:more){.tool-card{border-color:var(--text-primary-blue)}.tool-title,.tool-description{color:var(--text-primary-white)}.boot-subtitle{opacity:1}}@media(forced-colors:active){.tool-card{border:1px solid ButtonText}.boot-overlay{background:Canvas}.boot-title,.boot-cursor{color:CanvasText;filter:none}}}