h1,h2,h3,html{line-height:1.2}a,button{color:inherit}body,section{color:var(--text-1)}.system-header,header h1{text-transform:uppercase}.cell-label,.col-header,.neuro-status-row,.neuro-title,.text-success,header h1{font-weight:700}.cursor-focus::after,.cursor-type::after,.hero-section>h2 .cursor-blink::after{content:'_';animation:1s step-end infinite blinkCursor}.cta-2-button,a{text-decoration:none}.modal-animation,body{-webkit-font-smoothing:antialiased}:root{--font-primary:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';--font-display:'Orbitron',sans-serif;--font-mono:'SF Mono','Segoe UI Mono','Roboto Mono','Courier New',monospace;--bg-1:#000;--bg-2:#151515;--bg-3:#333;--bg-4:#4D4D4D;--bg-5:#666;--text-1:#FFF;--text-2:#E6E6E6;--text-3:#CCC;--text-4:#B3B3B3;--text-5:#999;--text-muted:#B0B0B0;--accent-green:#00FFA3;--accent-red:#FF6464;--border-subtle:rgba(255, 255, 255, 0.15);--border-default:rgba(255, 255, 255, 0.25);--border-focus:#00FFA3;--space-vertical:0.25rem;--space-horizontal:1rem;--space-vertical-page:clamp(1.5rem, 0.1666rem + 8.889vw, 3.5rem);--space-horizontal-page:1rem;--gradient-text:linear-gradient(135deg, #C4C4C4 0%, #DEDEDE 100%);--container:71%;--backdrop-blur:blur(24px) saturate(180%);--overlay-light:rgba(255, 255, 255, 0.4);--shadow-default:rgba(0, 0, 0, 0.8);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.5);--canvas-bg-fade:rgba(0, 0, 0, 0.08);--canvas-stroke-primary:rgba(255, 255, 255, 0.75);--canvas-stroke-secondary:rgba(255, 255, 255, 0.15);--canvas-particles:rgba(255, 255, 255, 0.65);--canvas-circle:rgba(255, 255, 255, 0.9);--canvas-shadow:rgba(255, 255, 255, 0.25)}html.light-mode{--bg-1:#FFF;--bg-2:#F5F5F5;--bg-3:#CCC;--bg-4:#B3B3B3;--bg-5:#999;--text-1:#000;--text-2:#1A1A1A;--text-3:#4D4D4D;--text-4:#666;--text-5:#808080;--text-muted:#707070;--accent-green:#286E28;--accent-red:#CC0014;--border-subtle:rgba(0, 0, 0, 0.08);--border-default:rgba(0, 0, 0, 0.15);--border-focus:#00A86B;--gradient-text:linear-gradient(135deg, #3A3A3A 0%, #1A1A1A 100%);--backdrop-blur:blur(24px) saturate(120%);--overlay-light:rgba(0, 0, 0, 0.4);--shadow-default:rgba(0, 0, 0, 0.12);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1);--canvas-bg-fade:rgba(255, 255, 255, 0.08);--canvas-stroke-primary:rgba(0, 0, 0, 0.75);--canvas-stroke-secondary:rgba(0, 0, 0, 0.15);--canvas-particles:rgba(0, 0, 0, 0.65);--canvas-circle:rgba(0, 0, 0, 0.9);--canvas-shadow:rgba(0, 0, 0, 0.25)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth;font-family:var(--font-mono)}body{min-height:100dvh;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;background:var(--bg-1)}h1,h2,h3{font-size:inherit;font-weight:inherit;text-wrap:balance}figcaption,li,p{max-width:65ch;text-wrap:pretty}ol,ul{list-style:none}ol:not([class]),ul:not([class]){padding-left:1.25em;list-style:revert}.hero-section>h2,.monitor-body p{margin-bottom:var(--space-horizontal);padding-left:var(--space-horizontal)}li::marker{color:currentColor}a:not([class]):not(header a){text-decoration:underline;text-decoration-skip-ink:auto;text-underline-offset:.15em}:focus-visible{outline:currentColor solid 2px;outline-offset:2px;outline:2px solid var(--accent-green);outline-offset:2px}:focus:not(:focus-visible){outline:0}canvas,img,picture,svg{display:block;max-width:100%;height:auto}svg:not([width]){width:1em;height:1em}button{font:inherit;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;line-height:inherit}.system-header,h2,h3{color:var(--text-3)}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;text-align:inherit;background:0 0;border:none}header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-vertical);flex-wrap:wrap;margin:0 auto;border-bottom:1px solid var(--bg-3);padding:var(--space-vertical);position:sticky;top:0;z-index:10;background:var(--bg-1)}header a{display:block}header h1{font-family:var(--font-display);font-size:var(--h1);letter-spacing:clamp(.1em, 1.5vw, .25em);background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;padding:var(--space-vertical) 0;width:90vw;border-top:2px solid var(--text-5);word-wrap:break-word;hyphens:auto}header img{display:inline-block!important;width:auto;height:50px;filter:none}h2{font-size:var(--h2)}h3{font-size:var(--h3)}div,li,p{font-size:var(--p);color:var(--text-4)}section{position:relative;display:flex;flex-direction:column;text-align:left;max-width:800px;margin:0 auto;padding:clamp(3rem,6vw,5rem) var(--space-horizontal) 0;font-family:var(--font-mono);border-bottom:1px dashed var(--border-default)}.theme-toggle-container{position:fixed;top:20px;right:1em;z-index:2;user-select:none}.theme-toggle{display:flex;align-items:center;justify-content:space-between;width:52px;height:28px;background:var(--bg-4);border:1px solid var(--text-4);border-radius:28px;cursor:pointer;position:relative;transition:250ms}.theme-toggle:hover{border-color:var(--text-1)}.toggle-circle{position:absolute;width:20px;height:20px;background:var(--bg-2);border-radius:50%;top:3px;left:3px;transition:transform 250ms;z-index:1}html.light-mode .toggle-circle{transform:translateX(24px)}.toggle-icon{position:absolute;width:12px;height:12px;top:50%;transform:translateY(-50%);opacity:.5}.icon-moon{left:7px}.icon-sun{right:7px;filter:invert(1)}.hero-section{align-items:center}.hero-section>h2{border-left:3px solid var(--accent-red);width:100%}.command-line,.monitor-body p{border-left:2px solid var(--accent-green)}.hero-section>h2 .cursor-blink::after{color:var(--accent-red)}.system-header{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.blink-red{display:inline-block;width:8px;height:8px;background-color:var(--accent-red);border-radius:50%;box-shadow:0 0 5px var(--accent-red);animation:2s infinite alertStatus}.text-degraded{color:var(--accent-red);text-shadow:0 0 5px rgba(255,69,58,.4)}.cursor-type::after{color:var(--accent-green);font-weight:700}.diagnostic-text{color:var(--text-2);max-width:650px}.col-header:nth-child(2),.dot-com,.footer-navigation-link:hover,.neuro-subtitle>div:nth-child(2),.parasympathetic h3,.protocol-section li:hover::before,.text-highlight{color:var(--accent-green)}.sympathetic h3,.text-danger{color:var(--accent-red)}.command-line{display:block;margin-top:1rem;color:var(--text-4);background:rgba(0,255,163,.05);font-family:"Courier New",monospace}.cell-label,.terminal-bar{color:var(--text-3);text-transform:uppercase}.data-terminal-window{width:100%;background:#0a0a0a;border:1px solid var(--border-default);box-shadow:0 4px 20px rgba(0,0,0,.5);position:relative;overflow:hidden}.terminal-bar{background:var(--bg-3);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between}.terminal-grid{display:grid;grid-template-columns:80px 1fr 1fr;background:var(--border-subtle);padding:1px}.cell-data,.cell-label{display:flex;align-items:center}.cell-data,.cell-label,.col-header{background:var(--bg-2)}.col-header{padding:.8rem;text-transform:uppercase;text-align:center;grid-column:span 1}.col-header:first-child{grid-column:2}.col-header:nth-child(2){grid-column:3}.cell-label{justify-content:center;writing-mode:vertical-lr;transform:rotate(180deg)}.cell-data{justify-content:center}.arrow-down,.typing-effect{display:inline-block}.text-accent{color:var(--accent-green);text-shadow:0 0 8px rgba(0,255,65,.2)}.text-success{color:var(--accent-green)}.text-muted{color:var(--text-3)}.execution-prompt{width:100%;text-align:center;opacity:.8}.typing-effect{margin-bottom:1rem;background:#000}.prompt-user{color:#00ffa3;margin-right:.5rem}.command{color:#fff;word-break:keep-all}.scroll-indicator{color:var(--text-1);text-transform:uppercase;animation:2s infinite fadeScroll}.neuro-trigger-wrapper{position:relative;z-index:1;font-family:var(--font-mono);margin-bottom:5rem;width:100%;max-width:415px}.neuro-card{background:var(--bg-2);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-subtle);border-left:4px solid var(--accent-green);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.neuro-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.neuro-btn,.neuro-status-row{text-transform:uppercase;display:flex;gap:6px}.neuro-status-row{align-items:center}.status-dot{width:6px;height:6px;background-color:var(--accent-green);border-radius:50%;box-shadow:0 0 8px var(--accent-green);animation:2s infinite heartbeat;flex-shrink:0}.status-text{color:var(--accent-green);white-space:nowrap}.neuro-title{color:var(--text-1);margin-top:2px;padding-bottom:2px}.neuro-title span{border-bottom:1.5px solid var(--accent-green);text-underline-offset:4px}.neuro-subtitle{color:var(--text-2);line-height:1.4;overflow:hidden;text-overflow:ellipsis}.neuro-btn{background:var(--text-2);color:var(--bg-1);border:none;height:44px;padding:0 16px;border-radius:6px;font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.5px;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;transition:.2s,box-shadow .2s;box-shadow:0 4px 12px rgba(0,0,0,.15)}.neuro-footer-alert,.social-proof{position:absolute;font-size:10px;text-transform:uppercase;letter-spacing:.5px;gap:4px;display:flex;opacity:.8;right:0}.neuro-btn:hover{background:var(--bg-1);color:var(--text-2);box-shadow:0 0 .3rem var(--accent-green)}.neuro-btn:active{transform:scale(.96)}.neuro-icon{width:12px;height:12px;fill:currentColor}.neuro-footer-alert{bottom:-60px;color:var(--accent-red);align-items:center}.social-proof{bottom:-30px;color:var(--text-1);align-items:center}.breath-section{padding-bottom:clamp(3rem,6vw,5rem)}.biometric-monitor{border:1px solid var(--bg-4);background:var(--bg-2);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.5)}.monitor-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-horizontal-page);background:var(--bg-3);border-bottom:1px solid var(--border-subtle)}.signal-status{color:var(--accent-red);display:flex;align-items:center;gap:6px}.monitor-body{padding:var(--space-horizontal);border:1px solid var(--bg-4)}.monitor-body p{font-family:var(--font-primary);color:#e6e6e6;line-height:1.6}.monitor-body strong{color:#fff;font-weight:600}.oscilloscope-view{position:relative;width:100%;border:1px solid var(--accent-green);background:rgba(0,20,10,.9);margin:0;overflow:hidden}.oscilloscope-view img{display:block;width:100%;height:auto;opacity:.8;mix-blend-mode:screen;filter:contrast(1.2) brightness(1.1) grayscale(100%) sepia(100%) hue-rotate(90deg) saturate(300%)}.screen-overlay{position:absolute;inset:0;z-index:2;background-image:linear-gradient(rgba(0,255,163,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,163,.1) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;box-shadow:inset 0 0 40px rgba(0,0,0,.8)}.oscilloscope-view figcaption{position:absolute;bottom:0;left:0;right:0;background:rgba(0,20,10,.9);padding:8px 12px;display:flex;justify-content:space-between;font-family:var(--font-mono);color:var(--accent-green);z-index:3}.protocol-section h3,.protocol-section li span{font-family:var(--font-primary);text-transform:uppercase}.data-value{font-weight:700}html.light-mode .monitor-header{background:#f0f0f0}html.light-mode .oscilloscope-view{border-color:#000;background:#fff}html.light-mode .oscilloscope-view img{filter:grayscale(100%) contrast(1.2);mix-blend-mode:normal;opacity:1}html.light-mode .screen-overlay{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px)}html.light-mode .oscilloscope-view figcaption{color:var(--bg-3)}.protocol-section{margin:0 auto;padding:var(--space-vertical-page) var(--space-horizontal)}.protocol-section h3{position:relative;display:inline-block;color:var(--text-3);font-weight:400;margin-bottom:var(--space-vertical-page);max-width:60ch;border-left:2px solid var(--accent-green);padding-left:var(--space-horizontal);background:rgba(0,255,163,.05)}.cursor-focus::after{color:var(--accent-green);margin-left:4px}.protocol-section ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:var(--space-horizontal);counter-reset:protocol-counter}.comment-line,.protocol-section li span,.terminal-content h3{margin-bottom:var(--space-horizontal-page)}.protocol-section li{color:var(--text-2);position:relative;background:var(--bg-2);border:1px solid var(--border-subtle);padding:var(--space-horizontal);padding-left:calc(var(--space-horizontal) + 3rem);border-radius:3px;transition:transform .3s,box-shadow .3s,border-color .3s;counter-increment:protocol-counter}.protocol-section li:hover{transform:translateX(4px);border-color:var(--accent-green);box-shadow:-4px 4px 0 var(--border-subtle)}.protocol-section li::before{font-family:var(--font-mono);content:"0" counter(protocol-counter);position:absolute;left:var(--space-horizontal);top:var(--space-vertical-page);color:var(--border-default);letter-spacing:-.05em;transition:color .3s;font-weight:900;font-size:var(--h3)}.protocol-section li span{display:block;color:var(--accent-green);font-size:var(--h1);font-weight:600}.cta-2-content h3 sup,.protocol-section li sup,.step h3 sup{font-size:.5rem}.protocol-section li strong{font-weight:600;color:var(--text-1)}html.light-mode .protocol-section li{background:#fff;border:1px solid #000;box-shadow:2px 2px 0 rgba(0,0,0,.1)}html.light-mode .protocol-section li:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000;border-color:#000}html.light-mode .protocol-section li::before{color:#e5e5e5}html.light-mode .cta-2-action,html.light-mode .program-benefits-list li strong,html.light-mode .program-closing-heading,html.light-mode .program-price-current,html.light-mode .protocol-section li:hover::before{color:#000}html.light-mode .protocol-section li span{color:#000;background:#00ffa3;padding:5px;width:max-content;border-radius:6px}.terminal-content{color:#e0e0e0;padding:var(--space-horizontal-page) var(--space-horizontal);border:1px solid var(--bg-4)}.terminal-content h3{color:#00ffa3;font-weight:600}.cmd,.cta-warning em,.prompt{font-weight:700}.comment-line{color:#a0a0a0;font-style:italic}.line-instruction{margin:var(--space-horizontal-page) 0}.prompt{color:#00ffa3;margin-right:8px;user-select:none}.cmd{color:#fff}.output{color:#a0a0a0;margin:4px 0 0 20px}.code-block{background:rgba(255,255,255,.05);padding:var(--space-horizontal-page);margin:12px 0 0 20px;border-left:2px solid #00ffa3;font-size:.85rem;font-family:var(--font-mono);white-space:pre-wrap;overflow-x:hidden;color:#ccc}.var{color:#569cd6}.val{color:#ce9178}.comment{color:#6a9955}html.light-mode .terminal-window{box-shadow:10px 10px 0 rgba(0,0,0,.8);border:2px solid #000}html.light-mode .terminal-bar{background:#e5e5e5;border-bottom:2px solid #000}.cta-button,.program-card{display:block;width:100%;max-width:480px;margin:0 auto;padding:clamp(1.25rem,3vw,1.5rem) clamp(1.5rem,4vw,2rem);background:var(--bg-card);border:2px solid var(--accent-green);border-radius:15px;color:var(--text-1);text-decoration:none;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;position:relative;transition:.3s;box-shadow:0 0 0 0 var(--accent-green),inset 0 1px 0 var(--border-subtle)}.cta-price-container,.cta-subtext,.cta-trust{gap:var(--space-horizontal-page);margin-top:var(--space-horizontal-page)}.cta-action,.cta-badge{letter-spacing:.1em;font-weight:800;text-transform:uppercase}.cta-button:hover{transform:scale(1.01);border-color:var(--accent-green);box-shadow:0 0 0 4px rgba(0,255,163,.15),0 8px 24px rgba(0,0,0,.2),inset 0 1px 0 var(--border-subtle)}.cta-button:active{transform:translateY(0)}.cta-badge{position:absolute;top:-14px;right:20px;background:#c80000;color:#fff;font-size:.7rem;padding:6px 16px;clip-path:polygon(10% 0,100% 0,100% 100%,0% 100%);box-shadow:0 4px 10px rgba(255,69,58,.4);animation:2s infinite pulseRed}.cta-content{display:flex;flex-direction:column;gap:var(--space-horizontal-page);align-items:center}.cta-action{font-size:clamp(1.2rem, 3vw, 1.5rem);font-family:var(--font-display);border-bottom:2px solid var(--accent-green);padding-bottom:4px;margin-bottom:8px;display:inline-block;color:var(--text-1)}.cta-price-old,.logic-card h3{font-size:.8rem}.cta-price-current,.cta-price-old,.cta-warning{font-family:var(--font-mono)}.cta-price-container{display:flex;align-items:center;justify-content:center}.cta-price-old{color:var(--text-3);opacity:.6;position:relative}.cta-price-old::after{content:'';position:absolute;left:0;top:45%;width:100%;height:1px;background:currentColor;transform:rotate(-10deg)}.cta-price-current{font-size:clamp(1.75rem, 5vw, 2.25rem);font-weight:800;color:var(--accent-green);letter-spacing:-.02em;text-shadow:0 0 15px rgba(0,255,163,.4);animation:3s ease-in-out infinite priceShimmer}.cta-subtext,.cta-trust-item{color:var(--text-4);display:flex}.cta-subtext{align-items:center;justify-content:center;font-size:clamp(.75rem, 2vw, .875rem);letter-spacing:.02em}.cta-subtext::after,.cta-subtext::before{content:'•';opacity:.5}.cta-trust{display:flex;justify-content:center;align-items:center;padding-top:var(--space-horizontal-page);border-top:1px solid var(--border-subtle)}.cta-trust-item{align-items:center;gap:var(--space-vertical);font-size:clamp(.625rem, 1.5vw, .75rem);font-weight:500}.cta-trust-icon{width:14px;height:14px;fill:var(--accent-green);flex-shrink:0}.cta-warning{font-size:clamp(.75rem, 1.5vw, .875rem);color:var(--accent-red);text-align:center;margin-top:var(--space-horizontal);opacity:.9}.cta-2-action,.data-list li strong,.program-closing-action,.program-closing-heading,.step h3{font-family:var(--font-primary)}.cta-warning em{font-style:normal}html.light-mode .cta-price-old{color:var(--text-2)}html.light-mode .cta-button{background:#fff;border:2px solid #000;color:#000;box-shadow:4px 4px 0 0 #000}html.light-mode .cta-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 #000}html.light-mode .cta-button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 0 rgba(0,0,0,.25)}html.light-mode .cta-badge{background:#000;color:#fff;box-shadow:none}html.light-mode .cta-action{color:#000;border-bottom-color:#000}html.light-mode .cta-price-current{color:#059669;text-shadow:none!important;font-weight:800;letter-spacing:-.02em}html.light-mode .cta-trust-item{color:#444;font-weight:600}html.light-mode .cta-trust-icon{fill:#000000;filter:brightness(0) opacity(1)}.payment-security{text-align:center;padding:var(--space-horizontal) 0;background-color:transparent;max-width:40rem;margin:var(--space-horizontal) auto}.logic-card,.step{background:var(--bg-2);padding:var(--space-horizontal-page)}.payment-security-header{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-vertical);margin-bottom:var(--space-horizontal-page);color:var(--text-muted);font-size:clamp(.625rem, 1.5vw, .6875rem);font-weight:600;text-transform:uppercase;letter-spacing:.0625rem}.payment-security-icon{width:12px;height:12px;color:#fff;flex-shrink:0;filter:brightness(0) invert(1) opacity(.7)}.payment-security-logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(.75rem,3vw,1.25rem);row-gap:var(--space-horizontal)}.payment-security-logo{height:clamp(18px,4vw,22px);width:auto;transition:.3s;filter:brightness(0) invert(1) opacity(.7)}.payment-security-logo:hover{filter:brightness(0) invert(1) opacity(1);transform:translateY(-2px);cursor:pointer}html.light-mode .footer-qr-image,html.light-mode .payment-security-icon{filter:inherit}html.light-mode .payment-security-logo{filter:grayscale(100%) opacity(.6)}html.light-mode .payment-security-logo:hover{filter:none;opacity:1}.logic-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-horizontal);margin-bottom:var(--space-horizontal)}.logic-card h3,.science-introduction{margin-bottom:var(--space-horizontal-page)}.logic-card{border:1px solid var(--border-subtle);border-radius:8px}.parasympathetic p,.sympathetic p{letter-spacing:.05rem}.parasympathetic strong,.sympathetic strong{color:var(--text-3);font-weight:900;letter-spacing:normal}.science-introduction{display:flex;flex-direction:column;gap:var(--space-horizontal-page);width:100%}.breathing-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-horizontal-page);margin-top:var(--space-horizontal-page);margin-bottom:var(--space-horizontal)}.step{border:1px solid var(--border-default);position:relative}.pro-tip,.step.alert{background:rgba(0,255,163,.05)}.step-label{color:var(--text-muted);position:absolute;top:10px;right:10px}.step h3{font-weight:100}.duration{font-size:1.5rem;font-weight:800;color:var(--accent-green);margin:10px 0}.step.alert{border:2px solid var(--accent-green)}.pro-tip{margin-top:var(--space-horizontal-page);padding:var(--space-horizontal-page);border-left:4px solid var(--accent-green);color:var(--text-secondary)}.data-list li,.keys-section h3,.pro-tip{color:var(--text-3)}.keys-section h3{margin-bottom:20px;display:flex;align-items:center;gap:10px}.data-list{list-style:none;padding:0;margin:0 0 24px}.cta-2-button,.distribution-header,.pro-tip,.program-details-section h3,.program-intro{margin-bottom:var(--space-horizontal)}.data-list li{padding:var(--space-horizontal-page) 0;border-bottom:1px dashed var(--border-subtle);padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:var(--space-horizontal-page)}.data-list li:last-child{border-bottom:none}.data-list li strong{color:var(--accent-green);text-transform:uppercase}.pro-tip{border-left:2px solid var(--accent-green);padding:16px}.pro-tip strong{color:var(--accent-green);margin-right:6px}.program-details-section h3{text-transform:uppercase}.program-hook strong{color:var(--text-3);font-weight:600}.closing-section h3,.footer-brand-block{text-align:center}.cta-2-button{display:block;background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border:1px solid #404040;border-radius:4px;padding:24px;transition:.2s;position:relative;overflow:hidden}.cta-2-button:hover{border-color:#888;box-shadow:0 0 15px rgba(255,255,255,.05)}.cta-2-action{margin-bottom:8px!important;color:var(--text-1)}.program-card-subtitle{color:var(--text-2);margin:4px 0}.program-price-container{margin:20px 0 10px;display:flex;align-items:center;gap:12px}.program-price-original{text-decoration:line-through;color:#666;font-size:.9rem}.program-price-current{font-size:1.5rem;font-weight:700;color:#fff}.program-price-savings{background:#fff;color:#000;padding:2px 6px;font-size:.7rem;font-weight:900;border-radius:2px}.program-price-note{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.purchase-link{margin-top:20px;background:#e0e0e0;color:#000;text-align:center;padding:12px;font-weight:900;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;border-radius:2px;transition:background .2s}.cta-2-button:hover .purchase-link{background:#fff;color:#000}html.light-mode .cta-2-button{background:linear-gradient(145deg,#e6e6e6,#fff);border:1px solid #b5b5b5;color:#333}html.light-mode .program-card-subtitle,html.light-mode .program-closing-text{color:#666}html.light-mode .program-price-savings,html.light-mode .purchase-link{background:#000;color:#fff}html.light-mode .cta-2-button:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#000}.program-benefits-list h3{color:var(--text-3);margin-bottom:20px;text-transform:uppercase;padding-bottom:8px}.program-benefits-list ul{list-style:none;padding:0;margin-bottom:50px}.program-benefits-list li{color:var(--text-4);margin-bottom:16px;padding-left:20px;position:relative}.program-benefits-list li::before{content:"—";position:absolute;left:0;color:var(--text-5)}.program-benefits-list li strong{color:var(--text-2);font-weight:700}.program-closing{background:var(--bg-2);border:2px solid var(--accent-red);padding:40px;text-align:center;border-radius:4px;margin-bottom:var(--space-horizontal)}.program-closing-heading{font-weight:900;color:var(--text-1);margin-bottom:15px}.program-closing-text{color:var(--text-3);margin-bottom:30px;margin-left:auto;margin-right:auto}.program-closing-action{display:inline-block;background:#803535;color:var(--text-1);text-decoration:none;padding:1rem;font-weight:600;font-size:1.1rem;letter-spacing:.1em;border-radius:2px;transition:transform .1s,background .2s;box-shadow:0 10px 20px rgba(255,0,0,.2)}.program-closing-action:hover{background:#ff453a;transform:translateY(-2px);box-shadow:0 15px 30px rgba(255,59,48,.3)}html.light-mode .program-benefits-list li{color:#444}html.light-mode .program-closing{background:#f8f8f8;border-color:#000}html.light-mode .program-closing-action{background:#000;box-shadow:0 10px 20px rgba(0,0,0,.1);color:#fff}.testimonial-section{padding:80px 40px;max-width:700px}.testimonial-heading{font-size:.8rem;letter-spacing:.25em;color:var(--text-5);text-align:center;margin-bottom:40px;text-transform:uppercase}.testimonial-content{font-family:Georgia,serif;font-size:1.15rem;line-height:1.7;color:#d0d0d0;font-style:italic}.testimonial-content p{margin-bottom:24px}.testimonial-content strong{font-style:normal;color:#fff;border-bottom:1px solid #444}html.light-mode .testimonial-heading{color:var(--text-4)}html.light-mode .testimonial-section{border-top-color:#eee}html.light-mode .testimonial-content{color:#333}html.light-mode .testimonial-content strong{color:#000;border-bottom-color:#ccc}.testimonial-content::after{content:"— NYC Neural HQ";display:block;margin-top:30px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#666;font-style:normal}.distribution-header h3{color:var(--accent-green);margin-bottom:8px;text-align:center}.distribution-header p{color:var(--text-3);max-width:inherit}.share-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.share-button{display:flex;align-items:center;gap:10px;background:var(--bg-2);border:1px solid var(--border-default);padding:var(--space-horizontal-page);color:var(--text-2);text-decoration:none;text-transform:uppercase;transition:.1s;cursor:pointer}.share-button:hover{background:var(--text-2);color:#000;border-color:var(--text-2)}.share-button:hover img,.share-button:hover svg,html.light-mode .share-button img,html.light-mode .share-button svg{filter:invert(1)}.highlight-btn{border-color:var(--accent-green);color:var(--accent-green)}.footer-brand,.highlight-btn:hover svg,.share-footer-note strong{color:var(--text-1)}.highlight-btn:hover{background:var(--accent-green);color:var(--bg-1)}.share-footer-note{margin-top:var(--space-horizontal-page);padding-top:var(--space-horizontal-page);border-top:1px solid var(--border-subtle);margin-bottom:var(--space-horizontal)}.share-footer-note p{color:var(--text-3);text-align:justify}html.light-mode .share-section{background:#f0f0f0;border-color:#ddd}html.light-mode .share-button{background:#fff;border-color:#ccc;color:#333}html.light-mode .highlight-btn svg,html.light-mode .highlight-btn:hover svg{color:var(--bg-1)}footer{padding:var(--space-horizontal) var(--space-horizontal) var(--space-horizontal)}.footer-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-horizontal)}.footer-brand{font-size:1rem;letter-spacing:5px;font-weight:900}.footer-tagline{font-size:.7rem;color:var(--text-3);text-transform:uppercase;margin-top:5px;letter-spacing:2px}.footer-qr-container{margin-top:var(--space-horizontal-page);display:flex;flex-direction:column;align-items:center;gap:8px}.footer-qr-image{filter:invert(1) contrast(1.2)}.footer-qr-container figcaption{font-size:.6rem;color:var(--accent-green)}.footer-navigation-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-horizontal-page);list-style:none;padding:0}.footer-navigation-link{color:var(--text-2);text-decoration:none;font-size:.8rem;transition:color .2s}.footer-bottom{text-align:center;border-top:1px solid var(--border-subtle);padding-top:var(--space-horizontal-page);width:100%}.footer-copyright{font-size:.7rem;color:var(--text-3);margin-bottom:10px}.modal-animation-breath-phase,.modal-messages-content,.modal-messages-title{margin-bottom:var(--space-horizontal)}.system-version{margin-left:15px;color:var(--accent-red)}.medical-disclaimer{font-size:.6rem;text-transform:uppercase;color:var(--text-4);letter-spacing:1px}.modal-animation{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-1);touch-action:none;font-family:var(--font-primary);color:var(--text-1);z-index:20;opacity:0;pointer-events:none;transition:opacity 1s ease-in-out}.modal-animation.is-visible,.modal-messages.is-visible{opacity:1;pointer-events:auto}.modal-animation::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,var(--overlay-light) 0,transparent 70%);opacity:0;mix-blend-mode:overlay;transition:opacity .6s}.modal-animation.is-visible::after{opacity:.4}.modal-animation-canvas{position:fixed;inset:0;width:100%;height:100vh;height:100dvh}.modal-animation-ui{position:fixed;inset:0;pointer-events:none;z-index:10;display:grid;grid-template-rows:1fr auto 1fr;padding:clamp(1rem,5vw,3.75rem)}@supports (padding:env(safe-area-inset-top)){.modal-animation-ui{padding-top:max(clamp(1rem,5vw,3.75rem),env(safe-area-inset-top));padding-bottom:max(clamp(1rem,5vw,3.75rem),env(safe-area-inset-bottom));padding-left:max(clamp(1rem,5vw,3.75rem),env(safe-area-inset-left));padding-right:max(clamp(1rem,5vw,3.75rem),env(safe-area-inset-right))}}.modal-animation-status{justify-self:center;align-self:center;font-size:clamp(.625rem, 2.2vw, 1.75rem);letter-spacing:clamp(.1em, .5vw, .2em);text-transform:uppercase;opacity:0;transform:translateY(20px);color:var(--text-1);text-align:center}.modal-animation-status.is-visible{opacity:.85;transform:translateY(0)}.modal-animation-breath{justify-self:center;align-self:start;text-align:center;opacity:0;transform:scale(.9);transition:.8s cubic-bezier(.16, 1, .3, 1)}.modal-animation-breath.is-active{opacity:1;transform:scale(1)}.modal-animation-breath-phase{font-size:clamp(.625rem, 1.8vw, 1.125rem);letter-spacing:clamp(.15em, .5vw, .3em);opacity:.85;color:var(--text-2)}.modal-animation-ready,.modal-messages{position:fixed;inset:0;opacity:0;padding:var(--space-horizontal)}.modal-animation-breath-timer{font-size:clamp(2rem, 10vw, 8.75rem);font-weight:800;line-height:1;color:var(--text-1)}.modal-animation-progress{position:fixed;bottom:0;left:0;right:0;height:1px;background:var(--border-subtle);z-index:20}.modal-animation-progress-fill{height:100%;width:0%;background:var(--text-1);box-shadow:0 0 15px var(--shadow-default);transition:width .2s ease-out}.modal-animation-ready{display:grid;place-items:center;font-size:clamp(1.5rem, 10vw, 9rem);font-weight:900;letter-spacing:clamp(.05em, .3vw, .15em);color:var(--text-1);text-shadow:0 4px 40px var(--shadow-default);transition:opacity 1.8s ease-out;text-align:center}.modal-animation-ready.is-active{opacity:1}.modal-animation-cursor{display:inline-block;width:clamp(4px,1.5vw,10px);height:1.1em;background:var(--text-1);margin-left:4px;animation:1s steps(1) infinite blink;box-shadow:0 0 10px var(--shadow-default)}@keyframes blink{0%,49%{opacity:1}100%,50%{opacity:0}}.modal-messages{display:flex;align-items:center;justify-content:center;background:var(--bg-2);backdrop-filter:blur(5px);z-index:30;pointer-events:none;transition:opacity .3s}.modal-messages-window{max-width:min(500px,calc(100vw - 2rem));width:100%;background:var(--bg-1);border-radius:3px;padding:var(--space-horizontal);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);text-align:center}.modal-messages-title{font-size:clamp(1.125rem, 3vw, 1.5rem);color:var(--text-1)}.modal-messages-content{color:var(--text-2);line-height:1.6}.modal-messages-actions{display:flex;flex-wrap:wrap;gap:var(--space-horizontal);justify-content:center}.modal-messages-button{min-height:44px;padding:var(--space-horizontal) var(--space-horizontal);border-radius:3px;font-weight:600;font-size:clamp(.875rem, 2vw, 1rem);cursor:pointer;transition:.3s;flex:1 1 auto;min-width:120px}.modal-messages-button--secondary{border:1px solid var(--border-default);background:var(--bg-1);color:var(--text-1)}.modal-messages-button--secondary:hover{background:var(--bg-3)}.modal-messages-button--primary{border:1px solid var(--text-1);background:var(--text-1);color:var(--bg-1)}.modal-messages-button--primary:hover{background:var(--text-1);border-color:var(--text-1)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blinkStatus{0%,100%{opacity:1;box-shadow:0 0 5px var(--accent-green)}50%{opacity:.3;box-shadow:0 0 2px var(--accent-green)}}@keyframes alertStatus{0%,100%{opacity:1;box-shadow:0 0 5px var(--accent-red)}50%{opacity:.3;box-shadow:0 0 2px var(--accent-red)}}@keyframes blinkCursor{0%,49%{opacity:1}100%,50%{opacity:0}}@keyframes heartbeat{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}@keyframes ctaPulse{0%,100%{box-shadow:0 0 0 0 var(--accent-green),inset 0 1px 0 var(--border-subtle)}50%{box-shadow:0 0 0 4px rgba(0,255,163,.15),inset 0 1px 0 var(--border-subtle)}}@keyframes badgeGlow{0%,100%{box-shadow:0 0 8px var(--accent-red)}50%{box-shadow:0 0 12px var(--accent-red)}}@keyframes priceShimmer{0%,100%{text-shadow:0 0 5px var(--accent-green)}50%{text-shadow:0 0 10px var(--accent-green)}}@keyframes fadeScroll{0%,100%{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}@keyframes systemBoot{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1px) and (max-width:56px){header{display:block;max-width:100%}header a{display:inline}header h1{width:auto}}@media (min-width:56px) and (max-width:186px){header{display:block;max-width:100%}header a{width:max-content;margin:auto}header h1{width:100%;text-align:center}}@media (min-width:187px) and (max-width:240px){header{max-width:100%}header h1{width:100%;text-align:center}.payment-security{padding:var(--space-sm)}.payment-security-header{font-size:.5rem;gap:.25rem}.payment-security-icon{width:8px;height:8px}.payment-security-logos{gap:.5rem}.payment-security-logo{height:14px}}@media (min-width:1px) and (max-width:320px){:root{--h1:clamp(0.5286rem, 0.0001rem + 3.50vw, 0.7046rem);--h2:calc(var(--h1) / 1.01);--h3:calc(var(--h2) / 1.01);--p:calc(var(--h3) / 1.01)}h2{font-weight:900;letter-spacing:2px;line-height:1rem}h3{font-weight:500;letter-spacing:1.7px;line-height:1.7}li,p{font-weight:100;letter-spacing:1px;line-height:1.5}.protocol-section li sup{font-size:.3rem}.social-proof{bottom:-40px}.neuro-footer-alert{bottom:-80px}.program-price-container{flex-direction:column}}@media (min-width:240px) and (max-width:352px){header img{height:clamp(3.5rem,-1rem + 30vw,5rem)}.cta-action{font-size:.875rem}.cta-price-current{font-size:1.5rem}}@media (min-width:1px) and (max-width:480px){header{position:relative}.theme-toggle-container{position:absolute}}@media (min-width:320px) and (max-width:480px){:root{--h1:0.75rem;--h2:clamp(0.75rem, -0.25rem + 5vw, 1.25rem);--h3:clamp(0.75rem, 0.25rem + 2.5vw,1rem);--p:0.75rem}header{flex-direction:row;flex-wrap:wrap}header h1{width:175px;border:none}h2{font-weight:900;letter-spacing:2px;line-height:clamp(1.6rem, .8rem + 4vw, 2rem)}h3{font-weight:500;letter-spacing:1.7px;line-height:1.7}li,p{font-weight:100;letter-spacing:clamp(.075rem, .037rem + .19vw, .094rem);line-height:clamp(1.15rem, .85rem + 1.5vw, 1.3rem)}.theme-toggle-container{top:100px}}@media (min-width:352px){header{max-width:max-content}header h1{width:209px;padding:var(--space-vertical) var(--space-horizontal);border-left:2px solid var(--text-5);border-top:none}header img{height:clamp(3.5rem,-1rem + 30vw,5rem)}}@media (min-width:454px){header h1{width:341px}}@media (min-width:480px){:root{--h1:clamp(0.75rem,-0.25rem + 3.333vw,1rem);--h2:clamp(1.25rem, -0.292rem + 5.14vw, 1.7rem);--h3:clamp(1rem, 0.316rem + 2.28vw, 1.2rem);--p:clamp(0.75rem, 0.579rem + 0.57vw, 0.8rem)}header{flex-direction:row;flex-wrap:wrap;max-width:inherit}header h1{width:clamp(21.3125rem,-4.6875rem + 86.67vw,27.8125rem)}h2{font-weight:900;letter-spacing:2px;line-height:2rem}h3{font-weight:500;letter-spacing:1.7px;line-height:1.7}li,p{font-weight:100;letter-spacing:.094rem;line-height:1.3rem}.theme-toggle-container{top:100px}.terminal-bar>:first-child{flex:1}.terminal-bar>:first-child,.terminal-bar>:last-child{flex-shrink:0}.terminal-bar::before{content:"";width:10px;height:10px;border-radius:50%;background:#ff5f56;box-shadow:16px 0 0 #ffbd2e,32px 0 0 #27c93f;margin-right:48px;margin-top:2px}}@media (max-width:480px){.hero-section{padding:.5rem 1rem 0}.system-header{flex-direction:column;align-items:flex-start}.cell-label{padding:.45rem .6rem}.cell-data{padding:.75rem .6rem}.cell-data::before{font-size:.55rem}.text-muted{color:var(--text-4)}.terminal-content{padding:var(--space-horizontal)}.code-block,.output{margin-left:0}.terminal-bar::after{font-size:.65rem}.cta-content{gap:var(--space-vertical)}.cta-trust,.logic-grid{gap:var(--space-horizontal)}.cta-button{padding:1rem 1.25rem}.cta-price-container,.cta-subtext,.cta-trust{flex-direction:column}.cta-badge{top:-10px;right:12px;font-size:.5625rem;padding:3px 10px}.cta-trust{align-items:start}.logic-grid{display:flex;flex-direction:column}}@media (min-width:620px){:root{--space-horizontal:clamp(1rem, -7.3778rem + 21.62vw, 3rem)}header{gap:clamp(.25rem,-5.4052rem + 14.594vw,1.6rem)}header h1{width:clamp(27.6662rem,-3.0548rem + 79.28vw,35rem);line-height:clamp(1.2rem, calc(-.4755rem + 4.324vw), 1.6rem);letter-spacing:clamp(.25rem, .0408rem + .54vw, .3rem)}.payment-security{padding:1.5rem .625rem}.footer-container{flex-direction:row;justify-content:space-between;align-items:flex-start}.footer-bottom,.footer-brand-block{text-align:left}}@media (max-width:620px){:root{--accent-red:#FF6464}}.system-header{padding-bottom:.4rem;margin-bottom:1.5rem;flex-wrap:wrap;gap:.3rem .5rem}.status-left,.status-right{display:flex;align-items:center;gap:.4rem}.hero-section>h2{margin-bottom:1.5rem;border-left-width:2px}.diagnostic-text{margin-bottom:1.5rem;word-wrap:break-word;overflow-wrap:break-word}.command-line{padding:.5rem .6rem;white-space:normal;word-break:break-word}.data-terminal-window{margin-top:1rem;margin-bottom:2rem}.terminal-bar{padding:.35rem .75rem}.terminal-grid{grid-template-columns:1fr 1fr;gap:1px}.col-header:first-child{grid-column:1;padding:.6rem .5rem;background:rgba(255,69,58,.1);border-bottom:2px solid var(--accent-red)}.col-header:nth-child(2){grid-column:2;padding:.6rem .5rem;background:rgba(58,255,69,.1);border-bottom:2px solid var(--accent-green)}.cell-label{grid-column:1/-1;writing-mode:horizontal-tb;transform:none;text-align:left;padding:.5rem .75rem;background:var(--bg-3);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-subtle)}.cell-data{padding:.85rem .65rem;text-align:left;align-items:flex-start}.cell-data.text-danger{background:rgba(255,69,58,.01)}.cell-data.text-accent,.cell-data.text-success{background:rgba(0,255,163,.04)}.execution-prompt{margin-top:2rem;padding-bottom:1.5rem}.typing-effect{padding:.3rem .5rem;max-width:95%;word-break:break-all}.protocol-section li{padding:var(--space-horizontal);padding-left:calc(var(--space-horizontal) + 3rem)}.protocol-section li::before{left:var(--space-horizontal);top:var(--space-vertical-page)}.text-muted{color:#9f9f9f}
.volume-container {
position: relative;
z-index: 1000;
width: 100%;
max-width: 320px;
background: var(--bg-2);
border: 1px solid var(--border-subtle);
border-radius: 8px;
padding: clamp(1.5rem, 5vw, 2rem);
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
animation: fadeIn 0.6s ease-out;
margin: auto;
margin-top: 5%;
opacity:0.7;
display:none;
}
/* Volume Display */
.volume-display {
text-align: center;
margin-bottom: clamp(1.5rem, 5vw, 2rem);
}
.volume-label {
color: var(--text-secondary);
font-size: clamp(0.625rem, 2.5vw, 0.75rem);
font-weight: 300;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 0.75rem;
opacity: 0.6;
}
.volume-value {
color: var(--text-primary);
font-size: clamp(2rem, 8vw, 2.5rem);
font-weight: 300;
line-height: 1;
letter-spacing: -0.02em;
transition: opacity 0.2s ease;
}
.volume-unit {
font-size: 0.5em;
opacity: 0.5;
margin-left: 0.15em;
}
/* Slider Container */
.slider-container {
position: relative;
padding: clamp(1rem, 4vw, 1.5rem) 0;
margin-bottom: clamp(1rem, 4vw, 1.5rem);
height: 40px;
display: flex;
align-items: center;
}
/* Track Background */
.slider-track {
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 2px;
transform: translateY(-50%);
background: var(--border-subtle);
overflow: hidden;
pointer-events: none;
}
.slider-fill {
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: var(--text-2);
transition: width 0.15s ease;
opacity: 0.8;
}
/* Custom Range Slider */
input[type="range"] {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 40px;
background: transparent;
outline: none;
position: relative;
z-index: 2;
cursor: pointer;
margin: 0;
padding: 0;
}
/* Remove default track styling */
input[type="range"]::-webkit-slider-runnable-track {
width: 100%;
height: 2px;
background: transparent;
border: none;
}
input[type="range"]::-moz-range-track {
width: 100%;
height: 2px;
background: transparent;
border: none;
}
/* Slider Thumb - Webkit */
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
background: var(--text-2);
border: 2px solid var(--bg-3);
border-radius: 50%;
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 0 0 1px var(--border-subtle);
margin-top: -7px;
position: relative;
}
input[type="range"]::-webkit-slider-thumb:hover {
transform: scale(1.2);
box-shadow: 0 0 0 2px var(--text-1);
}
input[type="range"]::-webkit-slider-thumb:active {
transform: scale(1.1);
}
/* Slider Thumb - Firefox */
input[type="range"]::-moz-range-thumb {
width: 16px;
height: 16px;
background: var(--text-2);
border: 2px solid var(--bg-3);
border-radius: 50%;
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 0 0 1px var(--border-subtle);
}
input[type="range"]::-moz-range-thumb:hover {
transform: scale(1.2);
box-shadow: 0 0 0 2px var(--text-1);
}
/* Volume Markers */
.volume-markers {
display: flex;
justify-content: space-between;
padding: 0 2px;
}
.marker {
color: var(--text-secondary);
font-size: clamp(0.625rem, 2vw, 0.7rem);
font-weight: 300;
opacity: 0.4;
transition: opacity 0.2s ease;
}
.marker.active {
opacity: 0.6;
}
/* Control Button */
.control-button {
width: 100%;
background: transparent;
border: 1px solid var(--border-subtle);
border-radius: 4px;
color: var(--text-primary);
padding: clamp(0.75rem, 3vw, 1rem);
font-family: inherit;
font-size: clamp(0.75rem, 2.5vw, 0.875rem);
font-weight: 400;
letter-spacing: 0.05em;
cursor: pointer;
transition: all 0.2s ease;
margin-top: clamp(1rem, 4vw, 1.5rem);
opacity: 0.6;
text-align:center;
}
.control-button:hover {
background: var(--text-1);
border-color: var(--text-2);
opacity: 0.8;
}
.control-button:active {
transform: scale(0.98);
}
.control-button.muted {
opacity: 1;
border-color: var(--text-1);
}
/* Audio Element (hidden) */
audio {
display: none;
}
/* Animations */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Responsive Touch Improvements */
@media (max-width: 768px) {
.slider-container {
height: 44px;
}
input[type="range"] {
height: 44px;
}
input[type="range"]::-webkit-slider-thumb {
width: 20px;
height: 20px;
margin-top: -9px;
}
input[type="range"]::-moz-range-thumb {
width: 20px;
height: 20px;
}
.slider-track {
height: 3px;
}
}
@media (max-width: 480px) {
.volume-container {
max-width: 280px;
padding: 1.25rem;
}
}
/* Prevent text selection during interaction */
.volume-container * {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
/* Focus states for accessibility */
input[type="range"]:focus-visible {
outline: 2px solid var(--text-1);
outline-offset: 4px;
}
.control-button:focus-visible {
outline: 2px solid var(--text-1);
outline-offset: 2px;
}