:root{--bg:#080f13;--surface:#111f26cc;--surface-solid:#122129;--text:#e8f4f4;--muted:#9ab3b7;--accent:#2dd4bf;--border:#82b4be40;--shadow:0 10px 30px #0000004d;--tooltip-bg:#061219;--tooltip-text:#e8f4f4;--tooltip-border:color-mix(in srgb, var(--border) 82%, #1f3340)}:root[data-theme=light]{--bg:#fff;--surface:#fffffffa;--surface-solid:#fff;--text:#0f2f3a;--muted:#2f5967;--accent:#0f766e;--border:#1f4d5c3d;--shadow:0 12px 24px #152c3814;--tooltip-bg:#f3f8fa;--tooltip-text:#0f2f3a;--tooltip-border:#1f4d5c47}*{box-sizing:border-box}body{background:radial-gradient(circle at top, #153442 0%, var(--bg) 45%);color:var(--text);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}:root[data-theme=light] body{background:var(--bg)}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:clamp(.75rem,2.4vw,1.2rem)}.grid{gap:1rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;width:100%;margin-inline:auto;overflow:hidden}.header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.pageHeader{align-items:center;gap:.7rem;min-width:0;display:flex}.pageHeaderLogo{border-radius:12px;flex-shrink:0}.headerNav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.desktopNav{display:flex}.mobileNav{display:none}.navTab{border:1px solid var(--border);background:var(--surface-solid);color:var(--text);border-radius:10px;padding:.45rem .8rem;font-size:.9rem;font-weight:600;transition:background-color .14s,color .14s,border-color .14s,transform .14s,box-shadow .14s}.navTab:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--surface-solid));transform:translateY(-1px)}.navTab.active{color:#fff;border-color:var(--accent);background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 78%, #0b1318), var(--accent));box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 28%, transparent)}.hamburgerBtn{border:1px solid var(--border);background:var(--surface-solid);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;position:relative}.hamburgerBtn span{background:var(--text);transform-origin:50%;border-radius:999px;width:18px;height:2px;margin-left:-9px;transition:transform .17s,opacity .17s,background-color .17s;position:absolute;left:50%}.hamburgerBtn span:first-child{transform:translateY(-5px)}.hamburgerBtn span:nth-child(2){transform:translateY(0)}.hamburgerBtn span:nth-child(3){transform:translateY(5px)}.hamburgerBtn.active span:first-child{background:var(--accent);transform:translateY(0)rotate(45deg)}.hamburgerBtn.active span:nth-child(2){opacity:0}.hamburgerBtn.active span:nth-child(3){background:var(--accent);transform:translateY(0)rotate(-45deg)}.mobileMenuBackdrop{z-index:35;background:#050e1447;border:0;margin:0;padding:0;position:fixed;inset:0}.mobileMenuPanel{z-index:40;background:color-mix(in srgb, var(--surface) 96%, transparent);border:1px solid var(--border);width:min(260px,100vw - 24px);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:14px;gap:.45rem;padding:.55rem;transition:opacity .16s,transform .16s;display:grid;position:fixed;top:68px;right:12px;transform:translateY(-8px)scale(.98)}.mobileMenuPanel.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.mobileMenuLink{border:1px solid var(--border);background:var(--surface-solid);border-radius:10px;padding:.6rem .7rem;font-weight:600;transition:border-color .14s,background-color .14s,transform .14s}.mobileMenuLink:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--surface-solid));transform:translateY(-1px)}.mobileMenuLink.active{color:#fff;border-color:var(--accent);background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 78%, #0b1318), var(--accent))}.badge{border:1px solid var(--border);color:var(--accent);border-radius:999px;padding:.2rem .6rem;font-size:.75rem}button,input[type=range]{accent-color:var(--accent)}button{border:1px solid var(--border);background:var(--surface-solid);color:var(--text);cursor:pointer;border-radius:10px;padding:.5rem .8rem}.themeToggle{justify-content:center;align-items:center;gap:0;padding:.45rem .55rem;font-size:.85rem;font-weight:600;line-height:1;display:inline-flex}.themeToggle.iconOnly{width:36px;height:36px;padding:0}.themeToggle svg{color:var(--accent)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.7rem}th{color:var(--muted);font-weight:600}.tableWrap{-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}.tableWrap>table{min-width:700px}.rankingControls{flex-wrap:wrap;align-items:flex-end;gap:.7rem;display:flex}.segmentControl{border:1px solid var(--border);border-radius:11px;display:inline-flex;overflow:hidden}.segmentControl button,.segmentControl a{border:0;border-right:1px solid var(--border);background:var(--surface-solid);min-width:88px;color:var(--text);border-radius:0;justify-content:center;align-items:center;height:36px;padding:0 .7rem;font-weight:600;text-decoration:none;display:inline-flex}.segmentControl button:last-child,.segmentControl a:last-child{border-right:0}.segmentControl button.active,.segmentControl a.active{background:var(--accent);color:#fff}.segmentControl.isPending{opacity:.82}.segmentControl button:disabled,.segmentControl a[aria-disabled=true]{cursor:wait}.tariffTypeControlWrap{gap:.4rem;display:grid}.tariffTypePending{color:var(--muted);align-items:center;gap:.45rem;min-height:1rem;font-size:.82rem;display:inline-flex}.tariffTypePendingDot{background:var(--accent);width:.5rem;height:.5rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent);border-radius:999px;animation:.9s ease-in-out infinite tariffPendingPulse}@keyframes tariffPendingPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 36%, transparent);opacity:.75;transform:scale(.9)}70%{box-shadow:0 0 0 8px color-mix(in srgb, var(--accent) 0%, transparent);opacity:1;transform:scale(1.1)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent);opacity:.75;transform:scale(.9)}}.inlineField{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:inline-flex}.inlineField select,.inlineField input{border:1px solid var(--border);background:var(--surface-solid);color:var(--text);border-radius:10px;height:36px;padding:0 .65rem}.inlineField select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:2rem}.priceDetailsCard>summary{list-style:none}.priceDetailsCard>summary::-webkit-details-marker{display:none}.priceDetailsSummary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.priceDetailsActions{align-items:center;gap:.7rem;display:flex}.detailToggle{color:var(--muted);align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;display:inline-flex}.detailChevron{transition:transform .16s;display:inline-flex}.priceDetailsCard[open] .detailChevron,.dsoTariffHeader[aria-expanded=true] .detailChevron{transform:rotate(180deg)}.listFilters{grid-template-columns:minmax(250px,2fr) minmax(190px,1fr) minmax(180px,1fr);gap:.75rem;margin-bottom:.9rem;display:grid}.listFilters.dsoListSearchOnly{grid-template-columns:minmax(0,1fr)}.listFilters.dsoListSearchOnly .inlineField,.listFilters.dsoListSearchOnly .inlineField input{width:100%}.iconLink{border:1px solid var(--border);width:1.8rem;height:1.8rem;color:var(--text);background:color-mix(in srgb, var(--surface-solid) 88%, transparent);border-radius:999px;place-items:center;font-size:1rem;font-weight:700;line-height:1;transition:transform .14s,border-color .14s,background-color .14s;display:inline-grid}.iconLink:hover{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));background:color-mix(in srgb, var(--accent) 16%, var(--surface-solid));transform:translateY(-1px)}.clickableRow{cursor:pointer}.clickableRow:hover td,.clickableRow:focus-visible td{background:color-mix(in srgb, var(--accent) 9%, transparent)}.inlineBackLink{color:var(--muted);align-items:center;gap:.35rem;font-size:.88rem;display:inline-flex}.inlineBackLink:hover{color:var(--text)}.iconBackLink{border:1px solid var(--border);width:2rem;height:2rem;color:var(--muted);background:color-mix(in srgb, var(--surface-solid) 90%, transparent);border-radius:999px;place-items:center;transition:border-color .14s,transform .14s,color .14s;display:inline-grid}.iconBackLink:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 60%, var(--border));transform:translateY(-1px)}.dsoStatCard{padding:1rem}.dsoStatLabel{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;font-size:.76rem}.dsoStatValue{font-size:1.05rem;font-weight:700;line-height:1.3}.dsoAreaRow{flex-wrap:wrap;gap:.55rem;display:flex}.areaChip{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-solid) 90%, transparent);border-radius:999px;padding:.32rem .66rem;font-size:.78rem}.areaChip.active{color:#fff;border-color:var(--accent);background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 78%, #0b1318), var(--accent))}.areaChip.muted{color:var(--muted);opacity:.75}.dsoTabHeader{flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem;display:inline-flex}.miniTab{appearance:none;border:1px solid var(--border);cursor:pointer;font:inherit;border:1px solid var(--border);color:var(--muted);background:color-mix(in srgb, var(--surface-solid) 85%, transparent);border-radius:10px;padding:.35rem .68rem;font-size:.86rem}.miniTab.active{color:var(--text);border-color:color-mix(in srgb, var(--accent) 60%, var(--border))}.pill{border:1px solid var(--border);border-radius:8px;align-items:center;padding:.18rem .52rem;font-size:.78rem;font-weight:600;display:inline-flex}.pill.private,.pill.business,.pill.neutral{color:var(--text);background:color-mix(in srgb, var(--surface-solid) 88%, transparent)}.tariffFilterBar{flex-wrap:wrap;gap:.75rem;margin-bottom:.85rem;display:flex}.tariffToggleGroup{border:1px solid var(--border);border-radius:10px;display:inline-flex;position:relative;overflow:hidden}.tariffToggleHighlight{background:color-mix(in srgb, var(--accent) 18%, var(--surface-solid));pointer-events:none;z-index:0;border-radius:9px;height:100%;transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.tariffToggleBtn{appearance:none;color:var(--muted);cursor:pointer;z-index:1;background:0 0;border:none;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:color .2s;position:relative}.tariffToggleBtn:not(:last-child){border-right:1px solid var(--border)}.tariffToggleBtn:hover{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--text)}.tariffToggleBtn.active{color:var(--accent)}.dsoTariffHeader{text-align:left;background:0 0;border:0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:0;display:flex}.dsoTariffToggle{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 16%, var(--surface-solid));color:var(--accent);white-space:nowrap;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:.25rem;margin-left:auto;padding:.18rem .52rem;font-size:.78rem;font-weight:600;display:inline-flex}.dsoTariffHeader:hover .dsoTariffToggle{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, var(--surface-solid))}.peakDefinitionCell{align-items:center;gap:.35rem;display:inline-flex}.peakInfoWrap{z-index:1;align-items:center;display:inline-flex;position:relative}.tooltipTriggerButton{appearance:none;font:inherit;border:0;margin:0;padding:0}.peakInfoIcon{border:1px solid color-mix(in srgb, var(--accent) 50%, var(--border));width:.9rem;height:.9rem;color:var(--accent);cursor:help;background:0 0;border-radius:999px;flex-shrink:0;place-items:center;padding:0;font-size:.66rem;font-weight:700;line-height:1;display:inline-grid}.peakInfoTooltipPortal{box-sizing:border-box;pointer-events:none;z-index:2600;display:inline-block;position:fixed;top:0;left:0}.peakInfoTooltipBubble{border:1px solid var(--tooltip-border);background:var(--tooltip-bg);color:var(--tooltip-text);white-space:normal;overflow-wrap:anywhere;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:.75rem 1rem;font-size:.9rem;line-height:1.45;display:inline-block;position:relative;box-shadow:0 16px 36px #00000038}.peakInfoTooltipPortal[data-nowrap=true] .peakInfoTooltipBubble{white-space:nowrap;overflow-wrap:normal}.peakInfoTooltipArrow{background:var(--tooltip-bg);width:12px;height:12px;position:absolute;transform:translate(-50%)rotate(45deg)}.peakInfoTooltipPortal[data-placement=up] .peakInfoTooltipArrow{border-right:1px solid var(--tooltip-border);border-bottom:1px solid var(--tooltip-border);bottom:-5px}.peakInfoTooltipPortal[data-placement=down] .peakInfoTooltipArrow{border-left:1px solid var(--tooltip-border);border-top:1px solid var(--tooltip-border);top:-5px}.peakInfoWrap:hover,.peakInfoWrap:focus-within{z-index:2100}.loadingCard{padding:1rem}.loadingHeader{align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.loadingSpinner{border:2px solid color-mix(in srgb, var(--accent) 25%, transparent);border-top-color:var(--accent);border-radius:999px;width:1rem;height:1rem;animation:.8s linear infinite spin}.loadingBars{gap:.45rem;display:grid}.loadingBar{background:linear-gradient(90deg, color-mix(in srgb, var(--surface-solid) 75%, transparent) 0%, color-mix(in srgb, var(--surface-solid) 92%, transparent) 50%, color-mix(in srgb, var(--surface-solid) 75%, transparent) 100%);background-size:220% 100%;border-radius:999px;height:.72rem;animation:1.2s ease-in-out infinite pulseBar}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseBar{0%{opacity:.65;background-position:0 0}50%{opacity:1;background-position:100% 0}to{opacity:.65;background-position:0 0}}.rankLegend{color:var(--muted);justify-content:space-between;gap:.75rem;margin-bottom:.7rem;font-size:.85rem;display:flex}.rankRows{gap:.55rem;display:grid}.rankRow{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-solid) 88%, transparent);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.6rem .75rem;display:grid}.rankRowLink{color:inherit;text-decoration:none;transition:border-color .14s,background-color .14s,transform .14s}.rankRowLink:hover,.rankRowLink:focus-visible{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--surface-solid));transform:translateY(-1px)}.rankIndex{text-align:center;width:2rem;color:var(--muted);font-weight:700}.rankMain{min-width:0}.rankTop{justify-content:space-between;align-items:baseline;gap:.7rem;margin-bottom:.35rem;display:flex}.rankMeta{color:var(--muted);margin-top:.1rem;font-size:.82rem;display:block}.rankPrice{white-space:nowrap;font-weight:700}.rankBarTrack{background:color-mix(in srgb, var(--border) 75%, transparent);border-radius:999px;height:10px;overflow:hidden}.rankBarFill{background:linear-gradient(90deg,#0f766e,#2dd4bf);border-radius:999px;height:100%}.peakBubble{color:#fff;cursor:help;background:linear-gradient(#94a3b8,#64748b);border:0;border-radius:999px;place-items:center;width:2.1rem;height:2.1rem;padding:0;font-weight:700;display:grid}.peakBubble.peak-low{background:linear-gradient(#22c55e,#15803d);box-shadow:0 8px 16px #15803d33}.peakBubble.peak-good{background:linear-gradient(#34d399,#16a34a);box-shadow:0 8px 16px #16a34a33}.peakBubble.peak-high{background:linear-gradient(#4ade80,#22c55e);box-shadow:0 8px 16px #22c55e33}.peakBubble.peak-unknown{background:linear-gradient(#94a3b8,#64748b)}.routeLoadingOverlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07141b5c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}:root[data-theme=light] .routeLoadingOverlay{background:#e9f4f873}.routeLoadingCard{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);width:min(430px,100vw - 2rem);box-shadow:var(--shadow);border-radius:14px;padding:1rem 1.05rem}.routeLoadingTitle{margin-bottom:.65rem;display:block}.routeLoadingTrack{background:color-mix(in srgb, var(--border) 75%, transparent);border-radius:999px;height:10px;overflow:hidden}.routeLoadingBar{background:linear-gradient(90deg,#0f766e,#2dd4bf);border-radius:999px;width:0%;height:100%;animation:1.4s ease-in-out infinite routeLoadGrow}@keyframes routeLoadGrow{0%{opacity:.65;width:0%}75%{opacity:1;width:92%}90%{opacity:1;width:100%}to{opacity:0;width:100%}}@media (max-width:800px){.mobile-stack{grid-template-columns:1fr!important}.header{align-items:flex-start}.pageHeader h1{font-size:2rem;line-height:1.15}.pageHeaderLogo{border-radius:14px;width:54px;height:54px}.desktopNav{display:none}.mobileNav{flex-wrap:nowrap;display:flex}.rankLegend{display:none}.rankRow{grid-template-columns:auto 1fr auto}.rankTop{flex-direction:column;align-items:flex-start}.listFilters{grid-template-columns:1fr}.tableWrap>table{min-width:640px}}