html{scroll-padding-top:76px}.viewport-mode{display:inline-flex;align-items:center;min-height:32px;padding:0 .65rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.68rem;font-weight:850;background:rgba(8,23,37,.72)}.mobile-navigation{display:none}.header{position:sticky;top:0;z-index:9;background:rgba(6,16,28,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(69,222,160,.55)!important;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(min-width:768px){html[data-viewport=desktop] .filters{display:grid;grid-template-columns:minmax(0,1fr);position:relative}html[data-viewport=desktop] .ranking{scroll-margin-top:90px}html[data-viewport=desktop] .detail-panel{width:min(620px,48vw)}html[data-viewport=desktop] .summary-grid,html[data-viewport=desktop] .demo-metrics,html[data-viewport=desktop] .dr-summary{align-items:stretch}}
@media(max-width:767px){:root{--mobile-nav-height:72px}html{scroll-padding-top:68px}body{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px))}.header{min-height:58px;padding:.55rem max(12px,env(safe-area-inset-left)) .55rem max(12px,env(safe-area-inset-right));border-bottom:1px solid var(--line)}.brand>span{width:38px;height:38px;border-radius:12px}.brand strong{font-size:.83rem}.header-actions{margin-left:auto}.header-actions .button{display:none}.viewport-mode{min-height:34px;font-size:.64rem}.mobile-navigation{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:40;min-height:var(--mobile-nav-height);padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left));border-top:1px solid var(--line);background:rgba(7,18,30,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -16px 40px rgba(0,0,0,.3)}.mobile-navigation button{min-width:0;min-height:52px;border:0;border-radius:12px;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit}.mobile-navigation button span{font-size:1.05rem}.mobile-navigation button b{font-size:.61rem}.mobile-navigation button.active{background:rgba(69,222,160,.1);color:var(--green)}main{padding:0 max(12px,env(safe-area-inset-right)) 2rem max(12px,env(safe-area-inset-left))}.hero{padding:1.5rem 0 1.2rem}.hero h1{font-size:clamp(2.25rem,13vw,3.35rem);line-height:.96}.lead{font-size:.88rem;line-height:1.7}.live-status{border-radius:16px}.summary-grid,.demo-metrics,.dr-summary,.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem}.summary-grid article,.demo-metrics article,.dr-summary article,.performance-grid article{padding:.75rem;border:1px solid var(--line);border-radius:12px;background:rgba(8,23,37,.64)}.summary-grid strong,.demo-metrics strong,.dr-summary strong,.performance-grid strong{font-size:1.15rem}.visual-grid{gap:.7rem}.chart-card,.filters,.ranking,.demo-trade,.dr-shell{border-radius:16px;padding:.85rem}.filter-grid{grid-template-columns:1fr!important;gap:.7rem}.field.wide{grid-column:auto}.field input[type=search],.field select,.button,.filters button,.dr-tabs button{min-height:44px}.card-heading,.demo-heading,.dr-head{display:block}.filter-actions,.demo-actions,.decision-report-actions{margin-top:.7rem;display:grid;grid-template-columns:1fr 1fr}.table-wrap{overflow:visible;border:0}.ranking table,.ranking thead{display:block}.ranking thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ranking tbody{display:grid;gap:.7rem}.ranking tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;padding:.7rem;background:#081725}.ranking tbody td{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:.48rem;border:0;white-space:normal}.ranking tbody td::before{content:attr(data-label);display:block;margin-bottom:.2rem;color:var(--muted);font-size:.59rem;font-weight:800}.ranking tbody td:nth-child(2),.ranking tbody td:nth-child(3){grid-column:span 1}.ranking tbody td:nth-child(2) strong{font-size:.9rem}.ranking tbody td:nth-child(5){background:rgba(69,222,160,.07);border-radius:10px}.demo-chart-card{grid-template-columns:1fr}.demo-table-wrap{overflow:visible;border:0}.demo-table,.demo-table thead{display:block}.demo-table thead{position:absolute;width:1px;height:1px;overflow:hidden}.demo-table tbody{display:grid;gap:.7rem}.demo-table tr{display:grid;grid-template-columns:repeat(2,1fr);padding:.7rem;border:1px solid var(--line);border-radius:14px;background:#081725}.demo-table td{white-space:normal;border:0;padding:.42rem}.dr-tabs{position:sticky;top:58px;z-index:8;margin-left:-.85rem;margin-right:-.85rem;padding:.55rem .85rem;background:rgba(7,18,30,.95)}.dr-grid,.pillar-grid,.technical-grid,.plan-grid,.dr-plans{grid-template-columns:1fr!important}.dr-cols,.decision-columns{grid-template-columns:1fr}.dr-tech,.technical-metrics{grid-template-columns:repeat(2,1fr)!important}.detail-panel{inset:0;width:100vw;max-width:none;padding:1.25rem max(16px,env(safe-area-inset-right)) calc(1.25rem + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0}.detail-panel>button{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));min-width:44px;min-height:44px}.own-data-content,.method-grid{grid-template-columns:1fr}.methodology{margin-top:2rem}.decision-price,.dr-price{grid-template-columns:1fr}.decision-card footer,.dr-card footer{display:block}.decision-card footer b,.dr-card footer b{display:block;margin-top:.35rem}footer{padding-bottom:calc(1rem + var(--mobile-nav-height) + env(safe-area-inset-bottom))}}
@media(max-width:390px){.summary-grid,.demo-metrics,.dr-summary,.performance-grid{grid-template-columns:1fr!important}.ranking tbody tr,.demo-table tr{grid-template-columns:1fr}.dr-tech,.technical-metrics{grid-template-columns:1fr!important}.mobile-navigation button b{font-size:.56rem}}