:root{--c-bg-deep:#0f1626;--c-bg-primary:#152035;--c-bg-mid:#1c2a45;--c-bg-surface:#243352;--c-bg-light:#2d3d5e;--c-accent:#f59e0b;--c-accent-bright:#fbbf24;--c-accent-dim:#d97706;--c-cyan:#fef3c7;--c-cta-start:#f59e0b;--c-cta-end:#d97706;--c-cta-hover-start:#d97706;--c-cta-hover-end:#b45309;--c-success:#22c55e;--c-gold:#fbbf24;--c-error:#ff3b30;--c-blue:#3b82f6;--c-blue-dim:#1e3a5f;--c-text:#fff;--c-text-70:#ffffffb3;--c-text-50:#ffffff80;--c-text-30:#ffffff4d;--glass-fill:linear-gradient(135deg, #ffffff0f 0%, #ffffff05 50%, #f59e0b0a 100%);--glass-border:#ffffff1a;--glass-border-accent:#f59e0b4d;--glass-glow:0 4px 24px #f59e0b26, 0 1px 3px #0003;--glass-glow-hover:0 8px 40px #f59e0b40, 0 2px 6px #00000040;--c-header-scrolled-bg:#0f1626e0;--c-header-scrolled-bg-light:#fefce8e6;--c-mobile-menu-bg:#0f1626f5;--c-mobile-menu-bg-light:#fefce8f5;--c-tag-bg:#f59e0b1f;--c-tag-border:#f59e0b40;--c-icon-bg:#f59e0b1f;--c-cta-glow:#f59e0b59;--c-cta-glow-hover:#f59e0b80;--c-cta-radial:#f59e0b1f}[data-theme=light]{--c-bg-deep:#fefce8;--c-bg-primary:#fef9e7;--c-bg-mid:#fef3c7;--c-bg-surface:#fde68a;--c-bg-light:#fcd34d;--c-text:#1e293b;--c-text-70:#1e293bbf;--c-text-50:#1e293b99;--c-text-30:#1e293b66;--glass-fill:linear-gradient(135deg, #ffffffb3 0%, #fff6 50%, #f59e0b0f 100%);--glass-border:#1e293b1a;--glass-glow:0 4px 24px #f59e0b14, 0 1px 3px #0000000a;--glass-glow-hover:0 8px 40px #f59e0b26, 0 2px 6px #0000000f}.install-panel{background:var(--neo-bg);border:1px solid color-mix(in srgb, var(--c-accent) 18%, var(--glass-border));width:min(100%,920px);box-shadow:9px 9px 18px var(--neo-shadow-dark), -9px -9px 18px var(--neo-shadow-light);border-radius:26px;padding:18px}.install-panel-header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;padding:0 4px;display:flex}.install-kicker,.install-section-label{font-family:var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--c-accent);font-size:.72rem;font-weight:900;display:inline-flex}.install-note{color:var(--c-text-50);font-size:.86rem}.install-badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.install-badge{background:var(--neo-bg);min-height:172px;color:var(--c-text);text-align:left;cursor:pointer;box-shadow:inset 5px 5px 11px var(--neo-shadow-dark), inset -5px -5px 11px var(--neo-shadow-light);transition:transform var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);border:0;border-radius:20px;flex-direction:column;align-items:flex-start;gap:7px;padding:16px;display:flex;position:relative}.install-badge:hover{box-shadow:inset 6px 6px 13px var(--neo-shadow-dark), inset -6px -6px 13px var(--neo-shadow-light);transform:translateY(-1px)}.install-badge--primary{color:var(--c-accent-bright)}.install-badge-option{color:var(--c-text-50);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.install-badge-title{color:var(--neo-title);font-size:1.04rem;font-weight:900}.install-badge-desc{min-height:34px;color:var(--c-text-70);font-size:.84rem;line-height:1.35}.install-badge-code{width:100%;color:var(--c-accent-bright);font-family:var(--f-code);overflow-wrap:anywhere;margin-top:auto;font-size:.78rem;line-height:1.65}.install-badge-code span{color:var(--c-text-50)}.install-badge>i{color:var(--c-text-30);font-size:.84rem;position:absolute;top:14px;right:14px}.install-panel-footer{gap:12px;margin-top:14px;display:grid}.launch-command{background:var(--neo-bg);box-shadow:inset 4px 4px 9px var(--neo-shadow-dark), inset -4px -4px 9px var(--neo-shadow-light);border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.launch-command code{color:var(--c-accent-bright);font-family:var(--f-code);font-size:.9rem}.install-details{color:var(--c-text-70);border-radius:18px;padding:0}.install-details summary{cursor:pointer;background:var(--neo-bg);min-height:44px;color:var(--neo-title);box-shadow:4px 4px 9px var(--neo-shadow-dark), -4px -4px 9px var(--neo-shadow-light);border-radius:18px;align-items:center;padding:10px 14px;font-weight:800;display:flex}.install-details[open] summary{box-shadow:inset 4px 4px 9px var(--neo-shadow-dark), inset -4px -4px 9px var(--neo-shadow-light)}.install-details-grid{grid-template-columns:minmax(0,1.65fr) minmax(220px,.8fr);gap:16px;padding:16px 4px 2px;display:grid}.cli-list,.requirements-list{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.cli-list li,.requirements-list li{background:color-mix(in srgb, var(--neo-bg) 88%, var(--c-accent) 12%);color:var(--c-text-70);border-radius:12px;gap:3px;padding:9px 10px;display:grid}.cli-list code{color:var(--c-accent-bright);font-family:var(--f-code);font-size:.76rem}.cli-list span,.requirements-list li{font-size:.78rem;line-height:1.4}.install-options{gap:10px;width:min(100%,720px);display:grid}.install-cmd{width:100%;font-family:var(--f-code);text-align:left;color:var(--c-accent-bright);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);user-select:all;background:#ffffff0d;border:1px solid #f59e0b33;border-radius:18px;align-items:center;gap:12px;padding:12px 16px;font-size:.82rem;display:flex;box-shadow:4px 4px 12px #0000004d,-2px -2px 6px #ffffff08,inset 0 1px #ffffff0f}.install-cmd--primary{border-color:#f59e0b5c}.install-cmd .cmd-label{width:78px;font-family:var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--neo-title,var(--c-text));user-select:none;flex:none;font-size:.72rem;font-weight:800}.install-cmd .cmd-line{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (hover:hover){.install-cmd:hover{transform:translateY(-2px);box-shadow:6px 6px 16px #00000059,-2px -2px 8px #ffffff0a}}.install-cmd .cmd-prefix{color:var(--c-text-50);user-select:none}.install-cmd .cmd-copy{color:var(--c-text-30);user-select:none;margin-left:auto;font-size:.8rem}@media (width<=640px){.install-panel{border-radius:22px;padding:14px}.install-panel-header{gap:4px;display:grid}.install-badges,.install-details-grid{grid-template-columns:1fr}.install-badge{min-height:148px}.install-options{width:100%}.install-cmd{border-radius:16px;flex-wrap:wrap;align-items:flex-start;padding:12px 14px}.install-cmd .cmd-label{flex-basis:calc(100% - 28px);width:auto}.install-cmd .cmd-line{white-space:normal;overflow-wrap:anywhere;flex-basis:calc(100% - 28px)}.install-cmd .cmd-copy{margin-top:-24px;margin-left:auto}}.feature-icon--blue{--neo-accent:var(--c-blue);color:var(--c-blue)}.feature-icon--apple .apple-symbol{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-size:1.55rem;font-weight:700;line-height:1;display:block;transform:translateY(-1px)}.feature-icon--brewbar .brewbar-menu-glyph,.detail-icon-bar .brewbar-menu-glyph{background:currentColor;width:26px;height:26px;display:block;-webkit-mask:url(/brewtui/assets/icons/brewbar-menubar-light.png) 50%/contain no-repeat;mask:url(/brewtui/assets/icons/brewbar-menubar-light.png) 50%/contain no-repeat}.pro-badge{border-radius:var(--r-pill);background:linear-gradient(135deg, var(--c-accent), var(--c-accent-dim));color:#fff;vertical-align:middle;letter-spacing:.06em;margin-left:6px;padding:2px 8px;font-size:.6rem;font-weight:700;display:inline-block}.section-title,.cta-card h2{background:linear-gradient(135deg, color-mix(in srgb, var(--c-accent-bright,var(--c-accent)) 100%, white) 0%, var(--c-accent) 55%, color-mix(in srgb, var(--c-accent) 70%, #ff7a59) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}[data-theme=light] .section-title,[data-theme=light] .cta-card h2{background:linear-gradient(135deg, color-mix(in srgb, var(--c-accent) 90%, #630) 0%, var(--c-accent) 50%, color-mix(in srgb, var(--c-accent) 80%, #c50) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (width>=1024px){.details-grid.details-grid--2x2{grid-template-columns:repeat(2,1fr)!important}}.feature-icon,.detail-card-icon{--neo-accent:var(--c-accent);--neo-surface:color-mix(in srgb, var(--c-bg-primary) 84%, var(--neo-accent) 16%);--neo-surface-low:color-mix(in srgb, var(--c-bg-deep) 88%, var(--neo-accent) 12%);background:linear-gradient(145deg, var(--neo-surface), var(--neo-surface-low));color:color-mix(in srgb, var(--neo-accent) 86%, #fff 14%);border:1px solid color-mix(in srgb, var(--neo-accent) 18%, #ffffff0f);transition:box-shadow .25s,transform .25s;box-shadow:9px 9px 18px #00000057,-7px -7px 16px #ffffff0e,inset 1px 1px 1px #ffffff29,inset -1px -1px 1px #00000038}.feature-icon i,.detail-card-icon i,.feature-icon .apple-symbol{text-shadow:0 1px 1px #0000008c, 0 -1px 0 color-mix(in srgb, var(--neo-accent) 34%, #ffffff2e);filter:drop-shadow(0 3px 6px #00000038)}[data-theme=light] .feature-icon,[data-theme=light] .detail-card-icon{--neo-surface:color-mix(in srgb, var(--c-bg-primary) 86%, var(--neo-accent) 14%);--neo-surface-low:color-mix(in srgb, var(--c-bg-mid) 90%, #fff 10%);background:linear-gradient(145deg, var(--neo-surface), var(--neo-surface-low));color:color-mix(in srgb, var(--neo-accent) 84%, #0f172a 16%);box-shadow:12px 12px 24px #94a3b852, -10px -10px 22px #ffffffeb, inset 1px 1px 1px #ffffffe6, inset -1px -1px 1px color-mix(in srgb, var(--neo-accent) 13%, #0f172a14);border-color:color-mix(in srgb, var(--neo-accent) 16%, #ffffff7a)}[data-theme=light] .feature-icon i,[data-theme=light] .detail-card-icon i,[data-theme=light] .feature-icon .apple-symbol{text-shadow:0 1px 0 #ffffff8c, 0 -1px 0 color-mix(in srgb, var(--neo-accent) 18%, #0f172a14);filter:drop-shadow(0 2px 3px #94a3b83d)}.screenshot-scroll{gap:var(--sp-lg);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:var(--sp-sm) var(--sp-sm) var(--sp-lg);scrollbar-width:none;display:flex;overflow-x:auto}.screenshot-scroll::-webkit-scrollbar{display:none}.screenshot-item{scroll-snap-align:center;border-radius:var(--r-card);border:1px solid var(--glass-border);flex-shrink:0;overflow:hidden;box-shadow:0 8px 32px #0000004d}.screenshot-item--tui{width:min(85vw,700px)}.screenshot-item--tui img{width:100%;height:auto}.screenshot-item--bar{width:min(50vw,280px)}.screenshot-item--bar img{width:100%;height:auto}.detail-icon-tui{--neo-accent:var(--c-accent);color:var(--c-accent-bright)}.detail-icon-bar{--neo-accent:var(--c-accent);color:var(--c-accent)}.detail-icon-pro{--neo-accent:var(--c-success);color:var(--c-success)}.detail-icon-team{--neo-accent:var(--c-blue);color:var(--c-blue)}.hero-logo{height:auto}.hero-logo img{filter:drop-shadow(0 6px 28px #f59e0b59);border-radius:28px}.hero-logo:before,.hero-logo:after{display:none}:root{--c-bg-deep:#171a22;--c-bg-primary:#1f2430;--c-bg-mid:#242a38;--c-bg-surface:#2b3244;--c-bg-light:#343d53;--c-accent:#d39a2c;--c-accent-bright:#e5b44a;--c-accent-dim:#a86f17;--c-cyan:#d7dcf4;--c-cta-start:#d39a2c;--c-cta-end:#9f6817;--c-cta-hover-start:#e5b44a;--c-cta-hover-end:#b8761b;--c-blue:#5b8def;--c-blue-dim:#29365a;--c-text:#f0ebdd;--c-text-70:#e1ddcfb8;--c-text-50:#e1ddcf8a;--c-text-30:#e1ddcf57;--glass-fill:#171a22;--glass-border:#ffffff0b;--glass-border-accent:#d39a2c52;--glass-glow:8px 8px 16px #000c, -8px -8px 16px #ffffff0b;--glass-glow-hover:10px 10px 20px #000000d1, -8px -8px 18px #ffffff0e;--c-header-scrolled-bg:#171a22e0;--c-mobile-menu-bg:#171a22f5;--c-tag-bg:#d39a2c21;--c-tag-border:#d39a2c3d;--c-icon-bg:transparent;--c-cta-glow:#0000006b;--c-cta-glow-hover:#00000085;--c-cta-radial:#d39a2c14;--neo-bg:#171a22;--neo-surface-hi:#1f2430;--neo-surface-lo:#12151c;--neo-shadow-light:#ffffff0b;--neo-shadow-dark:#000c;--neo-title:#f0ebdd;--neo-muted:#a6a99f}[data-theme=light]{--c-bg-deep:#edf0e8;--c-bg-primary:#edf0e8;--c-bg-mid:#e6e9e1;--c-bg-surface:#dfe2d8;--c-bg-light:#f8f6ed;--c-text:#182235;--c-text-70:#283246c7;--c-text-50:#28324694;--c-text-30:#2832465c;--c-accent:#bc861e;--c-accent-bright:#d29a2e;--c-accent-dim:#8f6518;--c-blue:#3b82f6;--glass-fill:#edf0e8;--glass-border:#ffffff42;--glass-border-accent:#bc861e38;--glass-glow:8px 8px 16px #c4c9bd, -8px -8px 16px #fff;--glass-glow-hover:10px 10px 20px #c4c9bdb8, -10px -10px 20px #fffffff5;--c-header-scrolled-bg-light:#edf0e8e0;--c-mobile-menu-bg-light:#edf0e8f5;--c-tag-bg:#bc861e1f;--c-tag-border:#bc861e38;--c-cta-radial:#bc861e1a;--neo-bg:#edf0e8;--neo-surface-hi:#f8f6ed;--neo-surface-lo:#dfe2d8;--neo-shadow-light:#fff;--neo-shadow-dark:#c4c9bd;--neo-title:#182235;--neo-muted:#626b75}body{background:var(--neo-bg)}.atmosphere:before{background:radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--c-accent) 12%, transparent), transparent 30%), radial-gradient(circle at 86% 45%, color-mix(in srgb, var(--c-blue) 10%, transparent), transparent 30%), var(--neo-bg)}.orb{opacity:.08;filter:blur(110px)}[data-theme=light] .orb{opacity:.11}.section-title,.cta-card h2,[data-theme=light] .section-title,[data-theme=light] .cta-card h2,[data-theme=dark] .section-title,[data-theme=dark] .cta-card h2{-webkit-text-fill-color:currentColor;color:var(--neo-title);background:0 0;-webkit-background-clip:border-box;background-clip:border-box}.section-label{color:var(--c-accent)}.hero-brand,.nav-brand-text,.footer-brand-name{color:var(--neo-title)}.brand-accent,.footer-tech span[style*=--c-accent]{color:var(--c-accent)!important}.glass{background:var(--neo-bg);border:1px solid color-mix(in srgb, var(--neo-shadow-light) 26%, transparent);box-shadow:var(--glass-glow);-webkit-backdrop-filter:none}@media (hover:hover){.glass:hover{box-shadow:var(--glass-glow-hover);border-color:color-mix(in srgb, var(--c-accent) 24%, var(--glass-border))}}.feature-card,.detail-card,.faq-item,.cta-card{background:var(--neo-bg);box-shadow:8px 8px 16px var(--neo-shadow-dark), -8px -8px 16px var(--neo-shadow-light);border-radius:18px}.feature-card,.detail-card{border-color:color-mix(in srgb, var(--neo-shadow-light) 26%, transparent)}.feature-card:hover,.detail-card:hover,.faq-item:hover,.cta-card:hover{box-shadow:10px 10px 20px color-mix(in srgb, var(--neo-shadow-dark) 86%, transparent), -10px -10px 20px color-mix(in srgb, var(--neo-shadow-light) 92%, transparent)}.feature-icon,.detail-card-icon{--neo-accent:var(--c-accent);--neo-icon-bg:var(--neo-bg);background:var(--neo-icon-bg);color:var(--neo-accent);box-shadow:inset 3px 3px 6px var(--neo-shadow-dark), inset -3px -3px 6px var(--neo-shadow-light);text-shadow:0 1px #ffffff47;border:none}.detail-card .detail-card-icon{box-shadow:5px 5px 10px var(--neo-shadow-dark), -5px -5px 10px var(--neo-shadow-light)}.feature-icon i,.detail-card-icon i,.feature-icon .apple-symbol{filter:none;text-shadow:0 1px #ffffff38}.feature-card:hover .feature-icon,.detail-card:hover .detail-card-icon{box-shadow:inset 4px 4px 8px var(--neo-shadow-dark), inset -4px -4px 8px var(--neo-shadow-light);transform:translateY(0)}.feature-icon--blue,.detail-icon-team{--neo-accent:var(--c-blue);color:var(--c-blue)}.detail-icon-pro{--neo-accent:var(--c-success)}[data-theme=dark] .feature-card,[data-theme=dark] .detail-card,[data-theme=dark] .faq-item,[data-theme=dark] .cta-card{background:linear-gradient(145deg, var(--neo-surface-hi), var(--neo-surface-lo))}[data-theme=dark] .feature-icon,[data-theme=dark] .detail-card-icon,[data-theme=dark] .install-cmd,[data-theme=dark] .nav-link.active,[data-theme=dark] .nav-btn:hover,[data-theme=dark] .lang-toggle:hover{background:var(--neo-bg)}.pro-badge{box-shadow:2px 2px 5px color-mix(in srgb, var(--neo-shadow-dark) 42%, transparent), -1px -1px 4px color-mix(in srgb, var(--neo-shadow-light) 28%, transparent);background:linear-gradient(145deg,#d7a03a,#a66c18)}.install-cmd{background:var(--neo-bg);border:1px solid color-mix(in srgb, var(--neo-shadow-light) 26%, transparent);color:var(--c-accent);box-shadow:5px 5px 10px var(--neo-shadow-dark), -5px -5px 10px var(--neo-shadow-light);user-select:text}@media (hover:hover){.install-cmd:hover{box-shadow:7px 7px 14px color-mix(in srgb, var(--neo-shadow-dark) 88%, transparent), -7px -7px 14px color-mix(in srgb, var(--neo-shadow-light) 92%, transparent);transform:translateY(-1px)}}.nav-link,.nav-btn,.lang-toggle{color:var(--c-text-70)}.nav-link.active,.nav-link:hover,.nav-btn:hover,.lang-toggle:hover{color:var(--neo-title);background:var(--neo-bg);box-shadow:4px 4px 9px var(--neo-shadow-dark), -4px -4px 9px var(--neo-shadow-light)}.site-header.scrolled{box-shadow:0 1px 0 color-mix(in srgb, var(--neo-shadow-light) 20%, transparent), 0 12px 26px color-mix(in srgb, var(--neo-shadow-dark) 34%, transparent)}.site-header{overflow:visible}.nav-brand,.nav-link.active{z-index:103;position:relative}.header-ant{--ant-route-duration:43s;width:48px;height:48px;top:var(--brewtui-ant-header-y,32px);z-index:102;pointer-events:none;animation:brewtuiAntRoute var(--ant-route-duration) linear infinite, brewtuiAntBob .4s ease-in-out infinite alternate;will-change:left, top, opacity, transform;display:block;position:fixed;left:-64px;transform:translateY(-50%)}.header-ant:after{content:"";filter:blur(2.2px);opacity:.78;pointer-events:none;z-index:0;background:radial-gradient(#ffbe5094 0%,#ffbe5047 44%,#ffbe5000 74%);border-radius:999px;width:44px;height:7px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)scaleX(1.24)}.header-ant img{z-index:1;object-fit:contain;width:48px;height:48px;position:relative}@keyframes brewtuiAntRoute{0%{left:-64px;top:var(--brewtui-ant-header-y,32px);opacity:1}48%{left:calc(100vw + 64px);top:var(--brewtui-ant-header-y,32px);opacity:1}48.01%,99.99%{left:calc(100vw + 64px);top:var(--brewtui-ant-header-y,32px);opacity:0}to{left:-64px;top:var(--brewtui-ant-header-y,32px);opacity:1}}@keyframes brewtuiAntBob{0%{margin-top:-1px;transform:translateY(-50%)rotate(-2deg)}to{margin-top:1px;transform:translateY(-50%)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.header-ant{animation:none;display:none}}[data-theme=light] .feature-icon,[data-theme=light] .detail-card-icon{background:var(--neo-bg);color:var(--neo-accent);box-shadow:inset 3px 3px 6px var(--neo-shadow-dark), inset -3px -3px 6px var(--neo-shadow-light);border:none}[data-theme=light] .detail-card .detail-card-icon{box-shadow:5px 5px 10px var(--neo-shadow-dark), -5px -5px 10px var(--neo-shadow-light)}[data-theme=light] .feature-icon i,[data-theme=light] .detail-card-icon i,[data-theme=light] .feature-icon .apple-symbol{filter:none;text-shadow:0 1px #ffffff47}[data-theme=light] .feature-card:hover .feature-icon,[data-theme=light] .detail-card:hover .detail-card-icon{box-shadow:inset 4px 4px 8px var(--neo-shadow-dark), inset -4px -4px 8px var(--neo-shadow-light)}[data-theme=dark] .feature-icon,[data-theme=dark] .detail-card-icon{background:var(--neo-bg);color:var(--neo-accent);box-shadow:inset 3px 3px 6px var(--neo-shadow-dark), inset -3px -3px 6px var(--neo-shadow-light);border:none}[data-theme=dark] .detail-card .detail-card-icon{box-shadow:5px 5px 10px var(--neo-shadow-dark), -5px -5px 10px var(--neo-shadow-light)}[data-theme=dark] .feature-icon i,[data-theme=dark] .detail-card-icon i,[data-theme=dark] .feature-icon .apple-symbol{filter:none;text-shadow:0 1px #ffffff1f}