:root{
  --bg:#050608;--surface:#0a0d10;--surface-2:#0e1217;--surface-3:#131820;
  --text:#f3f6f8;--muted:#8d98a6;--muted-2:#626d7a;--line:#1c232c;--line-strong:#2a3440;
  --blue:#91c6ff;--violet:#c5a7ff;--mint:#78e7bd;--amber:#f1ce83;--danger:#ff8c9b;
  --shadow:0 24px 80px rgba(0,0,0,.4);--radius:20px;--max:1680px;
}
html[data-theme="light"]{
  --bg:#f3f4f6;--surface:#fff;--surface-2:#f8f9fb;--surface-3:#eef1f5;
  --text:#11151b;--muted:#5e6875;--muted-2:#7c8794;--line:#dfe3e8;--line-strong:#cdd3da;
  --blue:#2870bd;--violet:#7550bd;--mint:#148861;--amber:#8a6514;--shadow:0 24px 70px rgba(40,48,58,.14);
}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}
html[data-theme="light"]{color-scheme:light}
body{min-width:320px;margin:0;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit}
.ambient{position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(900px 520px at 82% -8%,rgba(99,105,255,.12),transparent 64%),radial-gradient(700px 480px at 8% 45%,rgba(42,185,150,.055),transparent 68%)}
.ambient::after{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(22px)}
.header-inner{width:min(var(--max),calc(100% - 48px));height:76px;margin:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:34px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:760;text-decoration:none;letter-spacing:-.02em}
.brand img{width:29px;height:29px;object-fit:contain}
.main-nav{display:flex;align-items:center;justify-content:center;gap:28px}
.main-nav a{position:relative;padding:28px 0 25px;color:var(--muted);font-size:14px;font-weight:620;text-decoration:none;transition:color .18s ease}
.main-nav a:hover,.main-nav a.active{color:var(--text)}
.main-nav a.active::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--violet))}
.header-actions{display:flex;align-items:center;gap:9px}
.icon-button{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:transparent;cursor:pointer}
.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.icon-button .moon,html[data-theme="light"] .icon-button .sun{display:none}
html[data-theme="light"] .icon-button .moon{display:block}
.signin{padding:11px 13px;color:var(--muted);font-size:14px;font-weight:650;text-decoration:none}
.primary-button{padding:12px 18px;border:1px solid color-mix(in srgb,var(--text) 16%,transparent);border-radius:999px;color:var(--bg);background:var(--text);font-size:14px;font-weight:720;text-decoration:none;white-space:nowrap}

.page-shell{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:520px;display:flex;align-items:center;padding:88px clamp(32px,4vw,64px) 72px;color:#f3f6f8;background:#06070a}
.hero::before,.hero::after{content:"";position:absolute;inset:0;pointer-events:none}
.hero::before{z-index:-2;background:#06070a url("../homepage/assets/tile-model-router-photoreal-v1.webp") 68% center/cover no-repeat;filter:saturate(1.08) contrast(1.04);transform:scale(1.012)}
.hero::after{z-index:-1;background:linear-gradient(90deg,rgba(3,5,8,.97) 0%,rgba(3,5,8,.9) 31%,rgba(3,5,8,.58) 52%,rgba(3,5,8,.12) 78%,rgba(3,5,8,.24) 100%),linear-gradient(0deg,rgba(3,5,8,.48),transparent 48%,rgba(3,5,8,.14))}
.hero-copy{max-width:880px}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11.5px;font-weight:760;letter-spacing:.14em;text-transform:uppercase}
.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 18px var(--violet)}
.hero h1{margin:18px 0 20px;color:#f3f6f8;font-size:clamp(56px,7vw,108px);font-weight:650;line-height:.9;letter-spacing:-.062em;text-wrap:balance;text-shadow:0 3px 34px rgba(0,0,0,.5)}
.hero h1 span{color:#cdd5df;font-weight:560}
.hero p{max-width:760px;margin:0;color:#aab4c0;font-size:clamp(16.5px,1.3vw,20px);line-height:1.58;letter-spacing:-.012em;text-wrap:pretty}
html[data-theme="light"] .hero p{color:#c0c8d2}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-cta a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;font-size:14px;font-weight:740;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.hero-cta a:hover{transform:translateY(-1px)}.hero-cta-primary{border:1px solid #f3f6f8;color:#06070a;background:#f3f6f8}.hero-cta-secondary{border:1px solid rgba(255,255,255,.18);color:#f3f6f8;background:rgba(5,8,12,.48);backdrop-filter:blur(12px)}
.hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.hero-badges span{padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#aeb8c4;background:rgba(5,8,12,.54);backdrop-filter:blur(12px);font-size:12.5px;font-weight:620}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 0 68px}
.stats article{min-height:160px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 92%,transparent),color-mix(in srgb,var(--surface) 72%,transparent))}
.stats span{color:var(--muted);font-size:12px;font-weight:720;letter-spacing:.13em;text-transform:uppercase}
.stats strong{margin:12px 0 5px;font-size:38px;font-weight:680;line-height:1;letter-spacing:-.045em}
.stats article:nth-child(1) strong{color:var(--blue)}.stats article:nth-child(2) strong{color:var(--violet)}.stats article:nth-child(3) strong{color:var(--mint)}.stats article:nth-child(4) strong{color:var(--amber)}
.stats small{color:var(--muted-2);font-size:13px}

.catalog{padding:0 0 72px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
.section-head h2{max-width:780px;margin:12px 0 9px;font-size:clamp(34px,4vw,56px);font-weight:630;line-height:1;letter-spacing:-.045em;text-wrap:balance}
.section-head p{max-width:760px;margin:0;color:var(--muted);font-size:15.5px;line-height:1.58;text-wrap:pretty}
.snapshot{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12.5px;white-space:nowrap}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px rgba(120,231,189,.8)}
.class-tabs{display:flex;gap:6px;overflow-x:auto;padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--surface);scrollbar-width:none}
.class-tabs::-webkit-scrollbar{display:none}
.class-tabs button{min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border:0;border-radius:11px;color:var(--muted);background:transparent;font-size:13.5px;font-weight:650;white-space:nowrap;cursor:pointer}
.class-tabs button span{min-width:23px;padding:3px 6px;border-radius:999px;color:var(--muted-2);background:var(--surface-3);font-size:10.5px;text-align:center}
.class-tabs button:hover{color:var(--text)}
.class-tabs button.active{color:var(--text);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line)}
.class-tabs button.active span{color:var(--blue);background:color-mix(in srgb,var(--blue) 11%,var(--surface-3))}
.toolbar{width:min(100%,1180px);display:grid;grid-template-columns:minmax(340px,1fr) 210px 220px auto;align-items:stretch;gap:10px;margin:14px 0 12px}
.search-field,.select-field{height:56px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .18s ease,background .18s ease}.search-field:focus-within,.select-field:focus-within{border-color:var(--line-strong);background:var(--surface-2)}
.search-field{display:flex;align-items:center;gap:11px;padding:0 16px}.search-field svg{width:18px;flex:0 0 18px;fill:none;stroke:var(--muted-2);stroke-width:1.5}.search-field input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:14px}.search-field input::placeholder{color:var(--muted-2)}
.select-field{position:relative;display:block;padding:8px 34px 7px 13px}.select-field::after{content:"";position:absolute;right:15px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.select-field span{display:block;color:var(--muted-2);font-size:9px;font-weight:680;line-height:1.1;text-transform:uppercase;letter-spacing:.09em}.select-field select{width:100%;min-width:0;margin-top:5px;padding:0;border:0;outline:0;appearance:none;color:var(--text);background:transparent;font-size:13px;font-weight:620;line-height:1.2;cursor:pointer}
.clear-button{min-height:56px;padding:0 17px;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:transparent;font-size:13px;font-weight:650;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}.clear-button:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface)}
.catalog-meta{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:12.5px}.catalog-meta p{margin:0}.catalog-meta strong{color:var(--text)}
.legend{display:flex;gap:18px}.legend span{display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;border-radius:50%}.dot.benchmark{background:var(--violet)}.dot.route{background:var(--mint)}

.table-shell{overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface);scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}
table{width:100%;min-width:1240px;border-collapse:collapse;table-layout:fixed}
thead{position:sticky;z-index:2;top:0;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px)}
th{height:52px;padding:0 14px;border-bottom:1px solid var(--line);color:var(--muted-2);font-size:11px;font-weight:670;letter-spacing:.07em;text-align:left;text-transform:uppercase}
th button{display:flex;align-items:center;gap:6px;padding:0;border:0;color:inherit;background:transparent;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}th button:hover,th button[data-active="true"]{color:var(--text)}th button span{min-width:12px;font-size:13px;text-align:center}th button[data-active="true"] span{color:var(--blue)}
.rank-col{width:58px}.model-col{width:330px}.price-col{width:205px}.action-col{width:58px}
tbody tr{height:92px;border-bottom:1px solid var(--line);transition:background .15s ease}tbody tr:last-child{border-bottom:0}tbody tr:hover,tbody tr:focus-within{background:color-mix(in srgb,var(--surface-3) 64%,transparent)}
td{padding:14px;color:#c6cdd5;font-size:13.5px;vertical-align:middle}html[data-theme="light"] td{color:#3d4651}
.rank{color:var(--muted-2);font-variant-numeric:tabular-nums}
.model-cell{display:flex;align-items:center;gap:13px}
.model-mark{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:13px;color:var(--blue);background:linear-gradient(145deg,var(--surface-3),var(--surface));font-size:12px;font-weight:800;letter-spacing:.04em}
.model-copy{min-width:0}.model-copy button{max-width:100%;display:block;overflow:hidden;padding:0;border:0;color:var(--text);background:transparent;font-size:14.5px;font-weight:720;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.model-copy button:hover{color:var(--blue)}
.model-copy p{margin:5px 0 0;overflow:hidden;color:var(--muted-2);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.provider{color:var(--muted)}
.inline-badges{display:inline-flex;align-items:center;gap:5px;margin-left:7px;vertical-align:2px}.mini-badge{padding:3px 6px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;font-weight:760;text-transform:uppercase}
.stars-button{position:relative;display:inline-grid;grid-template-columns:repeat(5,12px);gap:2px;padding:7px 6px;border:0;border-radius:8px;color:#2a3038;background:transparent;font-size:14px;line-height:1;cursor:pointer}.stars-button:hover,.stars-button:focus-visible{background:var(--surface-3);outline:0}.stars-button .on{color:var(--star-color,var(--blue));text-shadow:0 0 10px color-mix(in srgb,var(--star-color,var(--blue)) 55%,transparent)}
.rating-value{display:block;margin-top:2px;color:var(--muted-2);font-size:10.5px}
.price{font-variant-numeric:tabular-nums}.price strong{display:block;color:var(--text);font-size:14px}.price small{display:block;margin-top:5px;color:var(--muted-2);font-size:10.5px;line-height:1.35}
.metric{font-variant-numeric:tabular-nums}.metric strong{display:block;color:var(--text);font-size:14px}.metric small{display:block;margin-top:5px;color:var(--muted-2);font-size:10.5px}.uptime-line{display:flex;align-items:center;gap:7px}.uptime-bar{width:30px;height:6px;overflow:hidden;border-radius:4px;background:var(--line)}.uptime-bar i{display:block;height:100%;background:var(--mint)}
.open-row{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:transparent;font-size:17px;cursor:pointer}.open-row:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface-3)}
.empty-state{padding:70px 20px;text-align:center}.empty-state strong{font-size:20px}.empty-state p{color:var(--muted)}
.pagination{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:13px}.pagination p{margin:0}.pagination>div,.pagination #pageButtons{display:flex;align-items:center;gap:5px}.pagination button{min-width:36px;height:36px;padding:0 9px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:transparent;cursor:pointer}.pagination button:hover:not(:disabled),.pagination button.active{color:var(--text);border-color:var(--line-strong);background:var(--surface-3)}.pagination button:disabled{opacity:.3;cursor:not-allowed}

.site-footer{width:100%;border-top:1px solid var(--line);color:var(--muted);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 72%,transparent),var(--surface));font-size:12px}
.footer-shell{width:min(var(--max),calc(100% - 48px));margin:auto;padding:54px 0 22px}
.footer-main{display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(140px,.58fr) minmax(140px,.58fr) minmax(220px,.8fr);gap:42px;padding-bottom:42px}
.footer-intro{max-width:340px}.footer-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:17px;font-weight:760;text-decoration:none}.footer-brand img{width:28px;height:28px}.footer-intro p{margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.footer-column{display:flex;align-items:flex-start;flex-direction:column;gap:11px}.footer-column strong{margin-bottom:4px;color:var(--text);font-size:12px;letter-spacing:.04em}.footer-column a{color:var(--muted);text-decoration:none;transition:color .16s ease}.footer-column a:hover{color:var(--text)}
.footer-status{min-height:122px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:19px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface-2) 86%,transparent)}.footer-status>span{display:flex;align-items:center;gap:8px;color:var(--mint);font-size:10px;font-weight:720;letter-spacing:.08em;text-transform:uppercase}.footer-status i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px color-mix(in srgb,var(--mint) 70%,transparent)}.footer-status strong{margin-top:16px;color:var(--text);font-size:20px;letter-spacing:-.03em}.footer-status small{margin-top:4px;color:var(--muted-2)}
.footer-bottom{min-height:58px;display:grid;grid-template-columns:auto auto minmax(260px,1fr);align-items:center;gap:22px;border-top:1px solid var(--line);color:var(--muted-2)}.footer-bottom>div{display:flex;gap:18px}.footer-bottom a{color:var(--muted-2);text-decoration:none}.footer-bottom a:hover{color:var(--text)}.footer-bottom p{margin:0;text-align:right;line-height:1.45}

.model-dialog{width:min(1380px,calc(100vw - 32px));max-height:min(920px,calc(100vh - 24px));overflow-y:auto;overscroll-behavior:contain;padding:0;border:1px solid color-mix(in srgb,var(--line-strong) 88%,var(--blue));border-radius:28px;color:var(--text);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 34px 110px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.025) inset;backdrop-filter:blur(32px);scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}
.model-dialog:focus{outline:none}
.model-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(12px) saturate(.72)}
.dialog-close-form{position:sticky;z-index:7;top:0;height:0;margin:0;pointer-events:none}.dialog-close{position:absolute;top:52px;right:52px;width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:50%;color:#aab4c0;background:rgba(8,12,17,.76);box-shadow:0 10px 28px rgba(0,0,0,.3);backdrop-filter:blur(18px);pointer-events:auto;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.dialog-close svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.dialog-close:hover{color:#fff;border-color:rgba(255,255,255,.24);background:rgba(20,25,32,.9)}.dialog-close:focus-visible{outline:2px solid var(--blue);outline-offset:3px;box-shadow:0 10px 28px rgba(0,0,0,.34),0 0 0 5px rgba(145,198,255,.08)}
.dialog-body{position:relative;padding:38px}.dialog-head{position:relative;overflow:hidden;min-height:126px;display:flex;align-items:center;gap:20px;padding:24px 84px 24px 24px;border:1px solid var(--line);border-radius:21px;background:radial-gradient(520px 180px at 12% 0%,rgba(145,198,255,.13),transparent 68%),radial-gradient(420px 190px at 78% 115%,rgba(197,167,255,.1),transparent 70%),var(--surface-2)}.dialog-head::after{content:"";position:absolute;right:-70px;bottom:-105px;width:280px;height:190px;border:1px solid rgba(145,198,255,.12);border-radius:50%;transform:rotate(-13deg);box-shadow:0 0 80px rgba(107,92,255,.08)}.dialog-head .model-mark{position:relative;z-index:1;width:68px;height:68px;flex-basis:68px;border-radius:20px;font-size:17px;box-shadow:0 16px 36px rgba(0,0,0,.24)}.dialog-head>div{position:relative;z-index:1}.dialog-head h2{margin:0;font-size:clamp(30px,3vw,42px);font-weight:660;line-height:1.04;letter-spacing:-.038em}.dialog-head p{margin:7px 0 0;color:var(--muted);font-size:14.5px;line-height:1.45}
.dialog-badges{display:flex;flex-wrap:wrap;gap:7px;margin:14px 2px}.dialog-badges span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.012);font-size:11px}
.dialog-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.dialog-panel{grid-column:span 6;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 96%,transparent),color-mix(in srgb,var(--surface) 88%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}.dialog-panel h3{margin:0 0 18px;font-size:14px;font-weight:690;line-height:1.3;letter-spacing:-.012em}.dialog-panel-wide{grid-column:span 6}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.price-card{min-height:82px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.price-card span{color:var(--muted-2);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.price-card strong{display:block;margin-top:12px;font-size:16px}.price-card small{display:block;margin-top:3px;color:var(--muted);font-size:10px}
.benchmark-list{display:grid;gap:12px}.benchmark-row{display:grid;grid-template-columns:150px 1fr 46px;align-items:center;gap:12px}.benchmark-row span{color:var(--muted);font-size:11.5px}.benchmark-row strong{text-align:right;font-size:12px}.score-track{height:7px;overflow:hidden;border-radius:8px;background:var(--line)}.score-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--violet))}
.route-list{display:grid;gap:8px}.route-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 16px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.05)}.route-item div{display:grid;gap:3px}.route-item strong{font-size:12px}.route-item small{color:var(--muted);font-size:10.5px}.route-item>span{color:var(--muted);font-size:11px}.route-item>span:not(.route-status){grid-column:1}.route-status{grid-column:2;grid-row:1/3;color:var(--mint)!important}
.dialog-note{margin:15px 0 0;color:var(--muted-2);font-size:11px;line-height:1.5}
.dialog-purchase{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 14px;padding:17px 18px;border:1px solid color-mix(in srgb,var(--blue) 30%,var(--line));border-radius:17px;background:linear-gradient(100deg,color-mix(in srgb,var(--blue) 10%,var(--surface-2)),color-mix(in srgb,var(--violet) 7%,var(--surface-2)));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.dialog-purchase div{display:grid;gap:5px}.dialog-purchase strong{font-size:14px}.dialog-purchase span{color:var(--muted);font-size:11.5px;line-height:1.4}.dialog-purchase a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 17px;border-radius:999px;color:var(--bg);background:var(--text);box-shadow:0 10px 26px rgba(0,0,0,.22);font-size:12.5px;font-weight:720;text-decoration:none;white-space:nowrap}
.rating-popover{position:fixed;z-index:100;width:260px;padding:13px 14px;border:1px solid var(--line-strong);border-radius:13px;color:var(--text);background:var(--surface-3);box-shadow:var(--shadow);font-size:12px;line-height:1.45;pointer-events:none}.rating-popover strong{display:block;margin-bottom:5px}.rating-popover span{color:var(--muted)}

@media(max-width:1180px){
  .main-nav{gap:18px}.main-nav a:nth-child(1),.main-nav a:nth-child(4){display:none}.hero{padding-inline:clamp(28px,4vw,48px)}.stats{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.clear-button{min-height:56px}.footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-status{grid-column:1/-1;min-height:96px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.footer-status>span{grid-column:1}.footer-status strong{grid-column:2;grid-row:1/3;margin:0}.footer-status small{grid-column:1}
}
@media(max-width:1050px){.model-dialog{width:min(960px,calc(100vw - 24px))}.dialog-panel,.dialog-panel-wide{grid-column:1/-1}}
@media(max-width:760px){
  .header-inner,.page-shell,.footer-shell{width:min(100% - 24px,var(--max))}.header-inner{height:64px;gap:10px}.brand span,.main-nav,.signin{display:none}.header-actions{margin-left:auto}.primary-button{padding:11px 14px;font-size:12px}
  .hero{min-height:460px;padding:48px 22px 42px}.hero::before{background-position:64% center}.hero::after{background:linear-gradient(90deg,rgba(3,5,8,.96),rgba(3,5,8,.7) 72%,rgba(3,5,8,.42)),linear-gradient(0deg,rgba(3,5,8,.68),transparent 58%)}.hero h1{font-size:clamp(48px,15vw,72px)}.hero p{font-size:16px}.hero-cta{display:grid;grid-template-columns:1fr 1fr}.hero-cta a{padding-inline:12px}.model-dialog{width:calc(100vw - 12px);max-height:calc(100vh - 12px);border-radius:20px}.dialog-body{padding:18px}.dialog-head{min-height:108px;padding:18px 58px 18px 16px}.dialog-head .model-mark{width:54px;height:54px;flex-basis:54px;border-radius:16px}.dialog-head h2{font-size:27px}.dialog-close{top:30px;right:30px;width:38px;height:38px}.dialog-close svg{width:16px;height:16px}.dialog-badges{margin-block:12px}.dialog-purchase{align-items:stretch;flex-direction:column}.dialog-purchase a{width:100%}
  .stats{gap:8px;padding-bottom:52px}.stats article{min-height:130px;padding:16px}.stats strong{font-size:30px}.stats span{font-size:9.5px}.stats small{font-size:11px}
  .section-head{align-items:flex-start;flex-direction:column}.snapshot{white-space:normal}.class-tabs{margin-inline:-12px;border-radius:0;border-inline:0;padding-inline:12px}
  .toolbar{grid-template-columns:1fr}.search-field,.select-field,.clear-button{grid-column:auto}.catalog-meta{align-items:flex-start;flex-direction:column;padding:8px 0 12px}.legend{flex-wrap:wrap;gap:8px 14px}
  .pagination{align-items:flex-start;flex-direction:column;padding:18px 0}.pagination>div{width:100%;justify-content:space-between}.pagination #pageButtons button:nth-child(n+4){display:none}
  .footer-shell{padding:38px 0 18px}.footer-main{grid-template-columns:1fr 1fr;gap:32px 20px;padding-bottom:32px}.footer-intro,.footer-status{grid-column:1/-1}.footer-status{display:flex;min-height:116px}.footer-status strong{margin-top:16px}.footer-bottom{grid-template-columns:1fr;gap:12px;padding-top:20px}.footer-bottom>div{grid-row:2}.footer-bottom p{text-align:left}.dialog-body{padding:22px}.dialog-head h2{font-size:24px}.dialog-grid{grid-template-columns:1fr}.dialog-panel-wide{grid-column:auto}.price-grid{grid-template-columns:1fr}.benchmark-row{grid-template-columns:110px 1fr 38px}.route-item{grid-template-columns:1fr auto}.route-item>span:not(.route-status){display:none}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}