:root{
--deep:#160b0a;--hull:#241110;--hull-2:#311715;--hull-3:#3f1e19;
--brass:#f4b021;--brass-2:#ffcf4d;--rust:#c1301a;--rust-2:#e0472c;
--ink:#f5ece0;--ink-dim:#c6ab9d;--line:#4a2620;--line-2:#6d3a2e;
--chip:#efe7da;--shell:1080px;--gutter:40px;--bar:66px;--radius:14px;
--sans:"Segoe UI",Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{overflow-x:hidden;max-width:100%}
body{margin:0;background:var(--deep);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--brass-2);text-decoration:none}
h1,h2,h3,h4{line-height:1.2;overflow-wrap:break-word;margin:0 0 .55em}
h2{font-size:27px;color:var(--ink)}
h3{font-size:20px;color:var(--brass-2)}
h4{font-size:17px}
p{margin:0 0 1em;overflow-wrap:break-word}
.deck{min-height:100vh}
.hook{cursor:pointer}
.hook:focus-visible,a:focus-visible,[tabindex]:focus-visible,button:focus-visible{outline:3px solid var(--brass);outline-offset:2px}

.topbar{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--hull);border-bottom:1px solid var(--line);height:var(--bar)}
.topbar__row{max-width:none;margin-inline:0;height:var(--bar);padding:0 24px;display:flex;align-items:center;gap:22px}
.mark img{height:38px;width:auto}
.toggler{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.toggler span{width:24px;height:2px;background:var(--ink);border-radius:2px}
.helm{display:flex;align-items:center;gap:8px;flex:1}
.helm__list{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.helm__list a{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-size:14px;font-weight:600;padding:8px 12px;border-radius:9px;border:1px solid transparent}
.helm__list a svg{width:17px;height:17px;fill:var(--brass)}
.helm__list a:hover{background:var(--hull-3);border-color:var(--line-2)}
.crew{display:flex;gap:10px;margin-left:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;font-weight:700;border-radius:10px;padding:10px 18px;cursor:pointer;border:1px solid var(--line-2);background:var(--hull-2);color:var(--ink);text-align:center}
.btn:hover{background:var(--hull-3)}
.btn--gold{background:linear-gradient(180deg,var(--brass-2),var(--brass));color:#2a1405;border-color:#b57e12;box-shadow:0 6px 18px rgba(244,176,33,.25)}
.btn--gold:hover{filter:brightness(1.05)}
.btn--rust{background:linear-gradient(180deg,var(--rust-2),var(--rust));color:#fff;border-color:#8f2214}
.btn--wide{width:100%;max-width:360px;font-size:16px;padding:14px 24px}

.hold{max-width:calc(var(--shell) + var(--gutter)*2);margin:0 auto;padding:calc(var(--bar) + 30px) var(--gutter) 40px}
.panel{background:var(--hull);border:1px solid var(--line);border-radius:var(--radius);padding:30px;margin-bottom:26px}
.panel>*:last-child{margin-bottom:0}
.panel--flush{padding:0;overflow:hidden;background:none;border:0}
figure{margin:0}
.scene{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:26px}
.scene img{width:100%}

.opening{background:var(--hull);border:1px solid var(--line);border-radius:var(--radius);padding:34px;margin-bottom:26px;text-align:center}
.opening__title{font-size:40px;color:var(--brass-2);margin:0 0 10px}
.opening__deal{display:inline-block;font-weight:700;color:var(--ink);background:var(--hull-3);border:1px solid var(--line-2);border-radius:999px;padding:8px 20px;margin-bottom:18px;font-size:15px}
.opening__banner{display:block;border-radius:12px;overflow:hidden;margin:0 auto 18px;max-width:100%}
.opening__lead{max-width:100%;text-align:left;font-size:17px}
.opening .btn--wide{margin:8px auto 0}

.glance table,.tablewrap table{width:100%;border-collapse:collapse;font-size:15px}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin-bottom:1em}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
thead th{background:linear-gradient(180deg,var(--hull-3),var(--hull-2));color:var(--brass-2);font-size:13px;text-transform:uppercase;letter-spacing:.04em}
tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
td:first-child{color:var(--ink);font-weight:600}

.chest__tabs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 18px;padding:0}
.chest__tab{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:10px;background:var(--hull-2);border:1px solid var(--line);color:var(--ink);font-weight:600;font-size:14px;cursor:pointer}
.chest__tab svg{width:18px;height:18px;fill:var(--brass)}
.chest__tab.active{background:var(--hull-3);border-color:var(--brass);color:var(--brass-2)}
.chest__panel{display:none}
.chest__panel.active{display:block}
.reel{display:grid;grid-auto-flow:column;grid-auto-columns:178px;gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
.tile{scroll-snap-align:start;background:var(--hull-2);border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer}
.tile:hover{border-color:var(--line-2)}
.tile__art{aspect-ratio:360/472;overflow:hidden}
.tile__art img{width:100%;height:100%;object-fit:cover}
.tile__cap{padding:9px 11px}
.tile__name{display:block;font-weight:700;font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile__studio{display:block;font-size:12px;color:var(--ink-dim);margin-top:2px}

.studios__grid,.cashier__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.crest{background:var(--chip);border:1px solid #d8ccb8;border-radius:12px;height:74px;display:flex;align-items:center;justify-content:center;padding:12px}
.crest img{max-height:44px;width:auto}
.cashier__grid .crest img{max-height:34px}

.ladder td:first-child{color:var(--brass-2)}
.perks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.perk{background:var(--hull-2);border:1px solid var(--line);border-radius:12px;padding:16px}
.perk b{color:var(--brass-2)}

.verdict__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.verdict__box{background:var(--hull-2);border:1px solid var(--line);border-radius:12px;padding:20px}
.verdict__box--good{border-top:3px solid var(--brass)}
.verdict__box--bad{border-top:3px solid var(--rust-2)}
.verdict__box ul{margin:0;padding-left:18px}
.verdict__box li{margin-bottom:8px}

ol,ul{margin:0 0 1em;padding-left:20px}
li{margin-bottom:6px}
.steps{list-style:none;counter-reset:s;padding:0}
.steps li{counter-increment:s;position:relative;padding:0 0 12px 44px;margin:0}
.steps li::before{content:counter(s);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:8px;background:linear-gradient(180deg,var(--brass-2),var(--brass));color:#2a1405;font-weight:800;display:flex;align-items:center;justify-content:center}

.voices__head{display:flex;flex-wrap:wrap;align-items:center;gap:18px;justify-content:space-between;background:var(--hull-2);border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin-bottom:18px}
.voices__score{display:flex;align-items:center;gap:12px}
.voices__score b{font-size:34px;color:var(--brass-2)}
.stars{display:inline-flex;gap:2px}
.stars svg{width:18px;height:18px;fill:var(--brass)}
.voices__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.voice{background:var(--hull-2);border:1px solid var(--line);border-radius:12px;padding:16px}
.voice__top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.voice__ava{width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,var(--rust-2),var(--rust));color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.voice__meta span{display:block;font-weight:700;font-size:14px}
.voice__meta small{color:var(--ink-dim);font-size:12px}
.voice p{margin:0;font-size:14px}

.questions__item{border:1px solid var(--line);border-radius:12px;background:var(--hull-2);margin-bottom:10px;padding:6px 18px}
.questions__item h3{margin:12px 0}
.questions__item p{margin:0 0 12px}

.stamp{display:flex;align-items:center;gap:14px;background:var(--hull-2);border:1px solid var(--line-2);border-radius:12px;padding:16px 20px;margin-bottom:26px}
.stamp svg{width:26px;height:26px;fill:var(--brass);flex:none}
.stamp b{color:var(--brass-2)}

.intro-line{color:var(--ink-dim);font-size:15px;margin-bottom:12px}

.keel{background:var(--hull);border-top:1px solid var(--line);margin-top:20px}
.keel__row{max-width:calc(var(--shell) + var(--gutter)*2);margin:0 auto;padding:40px var(--gutter);display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.keel__brand img{height:44px;margin-bottom:14px}
.keel__brand p{font-size:14px;color:var(--ink-dim)}
.keel__social{display:flex;gap:10px;margin-top:14px}
.keel__social a{width:38px;height:38px;border-radius:9px;background:var(--hull-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.keel__social a:hover{background:var(--hull-3);border-color:var(--line-2)}
.keel__social svg{width:19px;height:19px;fill:var(--ink)}
.keel__coltitle{font-weight:700;color:var(--brass-2);margin-bottom:12px;font-size:14px;text-transform:uppercase;letter-spacing:.04em}
.keel__nav{list-style:none;margin:0;padding:0}
.keel__nav li{margin-bottom:8px}
.keel__nav .hook,.keel__nav a{color:var(--ink-dim);font-size:14px}
.keel__nav .hook:hover{color:var(--ink)}
.keel__app{display:flex;flex-direction:column;gap:9px;margin-top:6px}
.appbtn{display:inline-flex;align-items:center;gap:9px;background:var(--hull-2);border:1px solid var(--line);border-radius:10px;padding:8px 14px;color:var(--ink);font-size:13px;font-weight:600}
.appbtn svg{width:20px;height:20px;fill:var(--brass)}
.appbtn:hover{background:var(--hull-3)}
.keel__pay{max-width:calc(var(--shell) + var(--gutter)*2);margin:0 auto;padding:20px var(--gutter);display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;border-top:1px solid var(--line)}
.keel__pay .paychip{background:var(--chip);border:1px solid #d8ccb8;border-radius:8px;height:40px;padding:6px 10px;display:flex;align-items:center}
.keel__pay .paychip img{max-height:26px;width:auto}
.keel__seals{max-width:calc(var(--shell) + var(--gutter)*2);margin:0 auto;padding:20px var(--gutter);display:grid;grid-template-columns:repeat(4,auto);gap:22px;justify-content:center;align-items:center;border-top:1px solid var(--line)}
.keel__seals a,.keel__seals .age{display:flex;align-items:center;justify-content:center}
.keel__seals img{max-height:44px;width:auto;filter:brightness(0) invert(1);opacity:.85}
.age{width:46px;height:46px;border-radius:50%;border:2px solid var(--ink-dim);color:var(--ink);font-weight:800;font-size:15px}
.rules{max-width:calc(var(--shell) + var(--gutter)*2);margin:0 auto;padding:22px var(--gutter);border-top:1px solid var(--line);color:var(--ink-dim);font-size:12.5px;line-height:1.7}
.rules p{margin:0 0 10px}
.keel__bottom{border-top:1px solid var(--line);text-align:center;padding:18px;color:var(--ink-dim);font-size:12px}
.keel__bottom p{margin:4px 0}

.totop{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border-radius:12px;background:linear-gradient(180deg,var(--brass-2),var(--brass));color:#2a1405;border:0;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:55;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.totop.on{display:flex}
.totop svg{width:22px;height:22px;fill:#2a1405}

@keyframes breathe{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(244,176,33,0)}50%{transform:scale(1.035);box-shadow:0 0 26px rgba(244,176,33,.45)}}
.pulse{animation:breathe 2.7s ease-in-out infinite;will-change:transform}
.pulse:hover{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.pulse{animation:none}}

@media (max-width:1100px){
:root{--gutter:24px}
.helm{position:fixed;top:var(--bar);left:0;right:0;background:var(--hull);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:10px;padding:16px 24px;display:none}
.helm.open{display:flex}
.helm__list{flex-direction:column}
.crew{margin-left:0;flex-direction:column}
.toggler{display:flex}
.keel__row{grid-template-columns:1fr 1fr}
.studios__grid,.cashier__grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
:root{--gutter:24px}
.opening__title{font-size:32px}
h2{font-size:23px}
.verdict__grid,.voices__grid{grid-template-columns:1fr}
.perks{grid-template-columns:1fr 1fr}
.reel{grid-auto-columns:154px}
.keel__seals{grid-template-columns:repeat(2,auto)}
}
@media (max-width:560px){
:root{--gutter:18px}
.panel,.opening{padding:20px}
.studios__grid,.cashier__grid{grid-template-columns:repeat(2,1fr)}
.perks{grid-template-columns:1fr}
.keel__row{grid-template-columns:1fr}
.reel{grid-auto-columns:142px}
}
@media (max-width:380px){:root{--gutter:14px}}