@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@400;500&display=swap');html{scroll-behavior:smooth}:root{--bg:#f0f4f8;--bg2:#e8eef5;--bg3:#dde6f0;--surface:#ffffff;--surface2:#f4f7fb;--border:#d1dce8;--border2:#b8ccde;--text:#0f2030;--text2:#2e4a62;--text3:#5a7a92;--accent:#0070cc;--accent2:#0058a8;--green:#0a7c4e;--amber:#b45309;--red:#c53030;--coral:#b84020}[data-theme="dark"]{--bg:#080c0f;--bg2:#0d1318;--bg3:#111820;--surface:#161e26;--surface2:#1c2730;--border:#1f2e3a;--border2:#2a3d4e;--text:#e8f0f5;--text2:#8ba3b4;--text3:#4e6a7a;--accent:#00d4ff;--accent2:#0098c4;--green:#00e5a0;--amber:#ffb800;--red:#ff4b4b;--coral:#ff6b35}.evbm-outer{background:var(--bg);min-height:90vh;padding:0rem 0rem}.evbm-content{max-width:1900px;margin:0 auto;background:var(--surface);border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,0.1);overflow:clip;position:relative;isolation:isolate}.evbm-content::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,100,200,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,100,200,0.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0;border-radius:24px}@supports not (overflow:clip){.evbm-content{overflow:hidden}}@media (max-width:768px){.evbm-content{border-radius:18px}.evbm-content::before{border-radius:18px}.evbm-outer{padding:0}}:root .evbm-nav{background:rgba(240,244,248,0.95) !important;border-bottom:1px solid var(--border)}[data-theme="dark"] .evbm-nav{background:rgba(8,12,15,0.92) !important}.evbm-nav{background:rgba(8,12,15,0.85);backdrop-filter:blur(12px);border-bottom:1px solid #1f2e3a;padding:0 2rem;min-height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;gap:1rem;border-radius:24px 24px 0 0}.scroll-top{position:fixed;bottom:1.5rem;right:1.5rem;width:40px;height:40px;background:var(--surface2);border:1px solid var(--border2);border-radius:50%;color:var(--accent);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:opacity 0.3s,transform 0.3s,background 0.2s;z-index:200;text-decoration:none}.scroll-top.visible{opacity:1;transform:translateY(0)}.scroll-top:hover{background:rgba(0,212,255,0.1);border-color:var(--accent)}.evbm-nav .nav-logo{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:0.15em;color:#00d4ff;flex-shrink:0}.nav-right{display:flex;align-items:center;gap:0.75rem;flex-shrink:0}.evbm-nav ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.evbm-nav ul li a{color:#8ba3b4;text-decoration:none;font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase;transition:color 0.2s;font-weight:400}.evbm-nav ul li a:hover,.evbm-nav ul li a.nav-active{color:#00d4ff}.evbm-nav ul li a.nav-active{position:relative}.evbm-nav ul li a.nav-active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--accent);border-radius:1px}.hero{position:relative;display:flex;align-items:center;padding:2rem 4rem 3rem;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 50%,rgba(0,212,255,0.06) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 20% 80%,rgba(0,229,160,0.04) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;max-width:640px}.hero-tag{display:inline-flex;align-items:center;gap:8px;font-family:'DM Mono',monospace;font-size:0.72rem;color:var(--accent);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:1.5rem;opacity:0;animation:fadeUp 0.6s ease forwards 0.2s}.hero-tag::before{content:'';width:24px;height:1px;background:var(--accent)}.hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(3.5rem,8vw,7rem);line-height:0.95;letter-spacing:0.02em;margin-bottom:1.5rem;opacity:0;animation:fadeUp 0.7s ease forwards 0.35s}.hero h1 span{color:var(--accent)}.hero p{font-size:1.05rem;color:var(--text2);max-width:500px;margin-bottom:2rem;opacity:0;animation:fadeUp 0.7s ease forwards 0.5s}.hero-stats{display:flex;gap:2rem;opacity:0;animation:fadeUp 0.7s ease forwards 0.65s}.hero-stat strong{display:block;font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--accent);line-height:1}.hero-stat span{font-size:0.7rem;color:var(--text3);text-transform:uppercase;letter-spacing:0.08em}.hero-visual{position:absolute;right:2rem;top:50%;transform:translateY(-50%);opacity:0;animation:fadeIn 1s ease forwards 0.8s}section{position:relative;padding:4rem 4rem;max-width:1200px;margin:0 auto}.section-label{font-family:'DM Mono',monospace;font-size:0.7rem;color:var(--accent);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:0.5rem}.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:0.03em;line-height:1;margin-bottom:0.75rem}.section-subtitle{font-size:0.95rem;color:var(--text2);max-width:580px;margin-bottom:2.5rem}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border2),transparent);margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1.5rem;transition:border-color 0.25s,transform 0.25s}.card:hover{border-color:var(--border2);transform:translateY(-2px)}.voltage-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.volt-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:2rem;position:relative;overflow:hidden;transition:border-color 0.25s}.volt-card:hover{border-color:var(--border2)}.volt-card.v400::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--amber)}.volt-card.v800::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent)}.volt-number{font-family:'Bebas Neue',sans-serif;font-size:4rem;line-height:1;margin-bottom:0.25rem}.volt-card.v400 .volt-number{color:var(--amber)}.volt-card.v800 .volt-number{color:var(--accent)}.volt-unit{font-family:'DM Mono',monospace;font-size:1rem;color:var(--text3);letter-spacing:0.1em}.volt-name{font-size:1.1rem;font-weight:400;margin-bottom:1rem;color:var(--text)}.volt-specs{list-style:none;margin:1.25rem 0}.volt-specs li{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;border-bottom:1px solid var(--border);font-size:0.85rem;color:var(--text2)}.volt-specs li span:last-child{font-family:'DM Mono',monospace;font-size:0.8rem;color:var(--text)}.brands{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:1rem}.brand-tag{font-size:0.72rem;padding:3px 10px;border-radius:2px;background:var(--bg3);color:var(--text2);border:1px solid var(--border);font-family:'DM Mono',monospace;letter-spacing:0.05em}.cell-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.cell-type-card.full-width{grid-column:1 / -1}.cell-type-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1.75rem;transition:border-color 0.25s,transform 0.25s;position:relative;overflow:hidden}.cell-type-card:hover{border-color:var(--border2);transform:translateY(-3px)}.cell-name{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:0.05em;margin-bottom:0.25rem}.cell-formula{font-family:'DM Mono',monospace;font-size:0.75rem;color:var(--text3);margin-bottom:1rem}.cell-desc{font-size:0.85rem;color:var(--text2);line-height:1.6;margin-bottom:1.25rem}.rating-bar{margin-bottom:0.5rem}.rating-label{display:flex;justify-content:space-between;font-size:0.72rem;color:var(--text3);margin-bottom:3px;font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:0.06em}.rating-track{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.rating-fill{height:100%;border-radius:2px;transition:width 1s ease}.connection-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:2rem}.tab-btn{padding:0.75rem 1.5rem;background:none;border:none;color:var(--text3);font-family:'DM Sans',sans-serif;font-size:0.85rem;cursor:pointer;transition:color 0.2s,border-color 0.2s;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:400;letter-spacing:0.04em}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{display:none}.tab-content.active{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.connection-info h3{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:0.03em;margin-bottom:0.75rem}.connection-info p{font-size:0.9rem;color:var(--text2);margin-bottom:1rem;line-height:1.7}.formula-box{background:var(--bg2);border:1px solid var(--border2);border-radius:4px;padding:1.25rem;font-family:'DM Mono',monospace;margin:1rem 0}.formula-box .f-row{display:flex;align-items:center;gap:0.75rem;padding:0.3rem 0;font-size:0.85rem;color:var(--text)}.formula-box .f-label{color:var(--text3);min-width:80px;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em}.f-value{color:var(--accent);font-weight:500}.hierarchy-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:2rem;position:relative}.hier-card{background:var(--surface);border:1px solid var(--border);padding:2rem;position:relative;transition:background 0.25s}.hier-card:not(:last-child)::after{content:'→';position:absolute;right:-14px;top:50%;transform:translateY(-50%);color:var(--accent);font-size:1.2rem;z-index:1}.hier-card:hover{background:var(--surface2)}.hier-num{font-family:'Bebas Neue',sans-serif;font-size:3.5rem;color:var(--border2);line-height:1;margin-bottom:0.5rem}.hier-title{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:0.05em;margin-bottom:0.75rem;color:var(--accent)}.hier-desc{font-size:0.85rem;color:var(--text2);line-height:1.65;margin-bottom:1.25rem}.hier-detail{font-size:0.78rem;color:var(--text3);font-family:'DM Mono',monospace;line-height:1.8}.chem-table{width:100%;border-collapse:collapse;margin-top:2rem;font-size:0.85rem}.chem-table th{text-align:left;padding:0.75rem 1rem;font-family:'DM Mono',monospace;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--text3);border-bottom:1px solid var(--border);font-weight:400}.chem-table td{padding:0.75rem 1rem;border-bottom:1px solid var(--border);color:var(--text2);vertical-align:middle}.chem-table tr:hover td{background:var(--surface)}.chem-table td:first-child{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;color:var(--text);letter-spacing:0.05em}.star-rating{display:flex;gap:2px}.star{width:8px;height:8px;border-radius:50%}.star.on{background:var(--accent)}.star.off{background:var(--border2)}.badge{display:inline-block;font-family:'DM Mono',monospace;font-size:0.7rem;padding:2px 8px;border-radius:2px;text-transform:uppercase;letter-spacing:0.08em}.badge-green{background:rgba(0,229,160,0.12);color:var(--green);border:1px solid rgba(0,229,160,0.25)}.badge-amber{background:rgba(255,184,0,0.12);color:var(--amber);border:1px solid rgba(255,184,0,0.25)}.badge-red{background:rgba(255,75,75,0.12);color:var(--red);border:1px solid rgba(255,75,75,0.25)}.badge-blue{background:rgba(0,212,255,0.12);color:var(--accent);border:1px solid rgba(0,212,255,0.25)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:2rem;counter-reset:step}.step-card{padding:1.5rem;border:1px solid var(--border);border-right:none;position:relative;counter-increment:step;transition:background 0.25s}.step-card:last-child{border-right:1px solid var(--border)}.step-card:hover{background:var(--surface)}.step-num{font-family:'Bebas Neue',sans-serif;font-size:3rem;color:var(--border2);line-height:1;margin-bottom:0.5rem}.step-title{font-size:0.9rem;font-weight:500;margin-bottom:0.5rem;color:var(--text)}.step-desc{font-size:0.8rem;color:var(--text3);line-height:1.6}.evbm-footer{border-top:1px solid var(--border);padding:2.5rem 4rem;text-align:center;color:var(--text3);font-size:0.75rem;font-family:'DM Mono',monospace;letter-spacing:0.05em;background:transparent;clear:both}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.ss-compare-grid{margin-top:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.ss-compare-header{margin-bottom:0.75rem}.ss-compare-label{font-family:'DM Mono',monospace;font-size:0.72rem;color:var(--accent);text-transform:uppercase;letter-spacing:0.12em}.ss-compare-table{display:grid;grid-template-columns:1.4fr 1fr 1fr;border:1px solid var(--border);border-radius:4px;overflow:hidden}.ss-col{background:var(--surface2);padding:0.75rem 1rem;border-bottom:1px solid var(--border)}.ss-col-label{background:var(--bg2)}.ss-col-title{font-family:'Bebas Neue',sans-serif;font-size:1.1rem;letter-spacing:0.05em;display:flex;align-items:center;gap:4px}.ss-row-label{padding:0.6rem 1rem;border-bottom:1px solid var(--border);font-family:'DM Mono',monospace;font-size:0.72rem;color:var(--text3);text-transform:uppercase;letter-spacing:0.07em;background:var(--bg2);display:flex;align-items:center}.ss-row-li,.ss-row-ss{padding:0.6rem 1rem;border-bottom:1px solid var(--border);font-size:0.82rem;color:var(--text2);display:flex;align-items:center;line-height:1.4}.ss-row-li{background:var(--surface)}.ss-row-ss{background:var(--surface)}.ss-positive{color:var(--green) !important}.ss-caution{color:var(--amber) !important}.ss-neutral{color:var(--text2) !important}.ss-compare-table > *:nth-last-child(-n+3){border-bottom:none}.ss-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}.ss-type-card{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--ss-color,var(--accent));border-radius:4px;padding:1.5rem;transition:transform 0.25s,box-shadow 0.25s}.ss-type-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,0,0,0.3)}.ss-type-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.ss-type-name{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:0.04em;line-height:1;margin-bottom:0.2rem}.ss-type-formula{font-family:'DM Mono',monospace;font-size:0.65rem;color:var(--text3);letter-spacing:0.03em}.ss-type-desc{font-size:0.82rem;color:var(--text2);line-height:1.65;margin-bottom:1rem}.ss-type-bars{margin-bottom:1rem}.ss-type-brands{display:flex;flex-wrap:wrap;gap:0.35rem}.ss-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.5rem}.ss-challenges,.ss-roadmap{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1.5rem}.ss-challenge-list{display:flex;flex-direction:column;gap:1.1rem}.ss-challenge-item{display:flex;gap:0.85rem;align-items:flex-start}.ss-challenge-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center;margin-top:2px}.ss-challenge-title{font-size:0.88rem;font-weight:500;color:var(--text);margin-bottom:0.25rem}.ss-challenge-desc{font-size:0.78rem;color:var(--text3);line-height:1.6}.ss-roadmap-list{display:flex;flex-direction:column;gap:0}.ss-roadmap-item{display:flex;align-items:flex-start;gap:0.75rem;padding-bottom:1.25rem;position:relative}.ss-roadmap-item:last-child{padding-bottom:0}.ss-roadmap-dot{width:12px;height:12px;border-radius:50%;margin-top:4px;flex-shrink:0;position:relative;z-index:1}.ss-roadmap-line{display:none}.ss-roadmap-item:not(:last-child)::after{content:'';position:absolute;left:5px;top:16px;bottom:0;width:2px;background:var(--border2)}.ss-roadmap-text{font-size:0.82rem;color:var(--text2);line-height:1.55;padding-top:2px;flex:1}.volt-card{transition:border-color 0.25s,box-shadow 0.25s,transform 0.2s}.volt-card:hover{border-color:var(--border2);box-shadow:0 8px 32px rgba(0,212,255,0.06);transform:translateY(-2px)}.volt-card.v400:hover{box-shadow:0 8px 32px rgba(255,184,0,0.08)}.volt-card.v800:hover{box-shadow:0 8px 32px rgba(0,212,255,0.10)}.cell-type-card{transition:border-color 0.25s,box-shadow 0.25s,transform 0.2s}.cell-type-card:hover{box-shadow:0 8px 32px rgba(0,0,0,0.3);transform:translateY(-3px)}.hier-card{transition:background 0.25s,box-shadow 0.25s}.hier-card:hover{background:var(--surface2);box-shadow:inset 0 0 0 1px var(--border2)}.step-card{transition:background 0.25s,box-shadow 0.25s}.step-card:hover{background:var(--surface);box-shadow:inset 0 2px 0 var(--accent)}svg{max-width:100%}.tab-content svg,.connection-tabs ~ div svg{overflow:visible}.cell-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}.formula-box{overflow-x:auto;-webkit-overflow-scrolling:touch}.formula-box .f-row{min-width:280px}.tab-btn{position:relative;overflow:hidden}.tab-btn::after{content:'';position:absolute;inset:0;background:rgba(0,212,255,0.04);opacity:0;transition:opacity 0.2s}.tab-btn:hover::after{opacity:1}.hero-stat strong{background:linear-gradient(135deg,var(--accent),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.divider{background:linear-gradient(90deg,transparent,var(--accent) 20%,var(--border2) 50%,var(--accent) 80%,transparent);opacity:0.3;height:1px}.section-label{background:linear-gradient(90deg,var(--accent),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--text2);border-radius:2px;transition:all 0.25s}.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:900px){.evbm-nav ul{gap:1.2rem}.evbm-nav ul li a{font-size:0.72rem}}@media (max-width:768px){.evbm-nav{padding:0 1rem;height:auto;min-height:52px;flex-wrap:wrap;position:relative;border-radius:18px 18px 0 0}.nav-hamburger{display:flex}.evbm-nav ul{display:none;width:100%;flex-direction:column;gap:0;padding:0.5rem 0 0.75rem;border-top:1px solid var(--border);margin-top:0.25rem;order:3}.evbm-nav ul.open{display:flex}.evbm-nav ul li a{display:block;padding:0.6rem 0;font-size:0.82rem}.nav-right{margin-left:auto}.ss-types-grid{grid-template-columns:1fr;gap:1rem}.ss-bottom-grid{grid-template-columns:1fr;gap:1rem}.ss-compare-table{grid-template-columns:1fr 1fr 1fr;font-size:0.75rem}.ss-row-label,.ss-row-li,.ss-row-ss,.ss-col{padding:0.5rem 0.6rem}.hero{padding:1.5rem 1.25rem 2rem}.hero-visual{display:none}.hero h1{font-size:clamp(2.8rem,12vw,5rem)}section{padding:2.5rem 1.25rem}.section-title{font-size:clamp(1.6rem,6vw,2.5rem)}.voltage-grid{grid-template-columns:1fr;gap:1rem}.tab-content.active{grid-template-columns:1fr;gap:1.5rem}.hierarchy-flow{grid-template-columns:1fr;gap:1rem}.cell-types-grid{grid-template-columns:1fr 1fr;gap:1rem}.steps-grid{grid-template-columns:1fr 1fr;gap:0}.cell-format-grid{grid-template-columns:1fr;gap:1rem}.why-800v-grid{grid-template-columns:1fr !important}.hier-card:not(:last-child)::after{display:none}.hier-card{border-bottom:none}.hier-card:not(:last-child){border-bottom:1px solid var(--border)}.ctp-box{flex-direction:column !important}.tab-btn{padding:0.65rem 1rem;font-size:0.78rem}.evbm-footer{padding:2rem 1.25rem}.volt-card{padding:1.5rem 1.25rem}.volt-number{font-size:3rem}}@media (max-width:520px){.cell-types-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr}.hero-stats{gap:1.25rem}.hero-stat strong{font-size:1.7rem}.tab-btn{padding:0.6rem 0.75rem;font-size:0.72rem}.connection-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.section-subtitle{font-size:0.88rem}.cell-type-card[style*="span 2"]{grid-column:span 1 !important}.ss-compare-table{font-size:0.68rem}.ss-row-label,.ss-row-li,.ss-row-ss,.ss-col{padding:0.4rem 0.45rem}}@media (max-width:380px){.hero h1{font-size:2.4rem}section{padding:2rem 1rem}.evbm-footer{padding:1.5rem 1rem}}