:root{
--bg:#0a1120;--surface:#141d33;--surface-2:#1b2642;--surface-3:#243154;
--line:#2c3a5e;--line-2:#3a4d78;--text:#e6ebf6;--muted:#aeb8cf;
--flare:#d23a2c;--flare-hi:#e24838;--flare-lo:#a82a1f;--lime:#8ed24a;--lime-lo:#6fb733;
--star:#e8b64a;--on-flare:#ffffff;
--flare-grad:linear-gradient(135deg,#e24838 0%,#a82a1f 100%);
--round:12px;--hold:1110px;--edge:32px;
--stack:"Trebuchet MS","Segoe UI",Verdana,system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden;max-width:100%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
body{margin:0;font:16px/1.62 var(--stack);color:var(--text);background:var(--bg);overflow-x:hidden;max-width:100%;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
a:focus-visible,button:focus-visible,label:focus-visible,span:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
h1,h2,h3,h4{margin:0 0 16px;font-weight:800;line-height:1.2;color:var(--text);overflow-wrap:break-word;letter-spacing:.2px}
h1{font-size:40px}h2{font-size:29px}h3{font-size:21px}h4{font-size:17px}
p{margin:0 0 15px;overflow-wrap:break-word}
ul,ol{margin:0 0 16px;padding-left:22px}li{margin-bottom:7px}
strong{font-weight:800}

.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 30px;border-radius:var(--round);border:1px solid var(--line)}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}
th,td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
thead th{background:var(--surface-3);font-weight:800}
tbody tr:nth-child(even) td{background:var(--surface-2)}
tbody tr:last-child td{border-bottom:none}
td:first-child{font-weight:700}

.page{display:flex;flex-direction:column;min-height:100vh}
main{flex:1 0 auto}
.canvas{max-width:calc(var(--hold) + var(--edge)*2);margin:0 auto;padding:0 var(--edge) 44px}
.ref{cursor:pointer;-webkit-user-select:none;user-select:none}

@keyframes breathe{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(210,58,44,0)}50%{transform:scale(1.04);box-shadow:0 0 26px rgba(210,58,44,.45)}}
.cta,.btn-join,.feedback__cta{animation:breathe 2.7s ease-in-out infinite;will-change:transform}
.cta:hover,.btn-join:hover,.feedback__cta:hover{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.cta,.btn-join,.feedback__cta{animation:none}}

.cta{display:flex;align-items:center;justify-content:center;text-align:center;max-width:340px;width:100%;min-height:58px;margin:10px auto 0;padding:12px 24px;border:none;border-radius:var(--round);background:linear-gradient(180deg,var(--flare-hi) 0%,var(--flare) 100%);color:var(--on-flare);font:800 18px/1 var(--stack);text-decoration:none;transition:filter .2s,transform .1s}
.cta:hover{filter:brightness(1.08)}
.cta:active{transform:scale(.98)}
.cta--ghost{background:transparent;border:2px solid var(--lime);color:var(--text);box-shadow:none}
.cta--ghost:hover{background:rgba(142,210,74,.14);filter:none}

.masthead{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--line)}
.masthead__row{max-width:calc(var(--hold) + var(--edge)*2);margin:0 auto;padding:0 var(--edge);height:66px;display:flex;align-items:center;gap:22px}
.brandmark{margin-right:auto}
.brandmark img{height:44px;width:auto}
.navmenu__list{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.navmenu__list li{margin:0}
.navmenu__list .ref{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:8px;font-size:14px;font-weight:700;color:var(--text);background:var(--surface-2);border:1px solid var(--line)}
.navmenu__list .ref:hover{background:var(--surface-3);border-color:var(--line-2)}
.navmenu__list .ref svg{width:16px;height:16px;fill:var(--lime);flex:none}
.navmenu__enter{display:none}
.mastenter{display:flex;gap:10px}
.btn-login,.btn-join{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border-radius:8px;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap;cursor:pointer}
.btn-login{background:var(--surface-2);color:var(--lime);border:1px solid var(--lime)}
.btn-login:hover{background:var(--surface-3)}
.btn-join{background:linear-gradient(180deg,var(--flare-hi) 0%,var(--flare) 100%);color:var(--on-flare);border:none}
.btn-join:hover{filter:brightness(1.08)}
.navcheck{position:absolute;opacity:0;pointer-events:none}
.navburst{display:none;width:42px;height:40px;padding:9px;flex-direction:column;justify-content:space-between;cursor:pointer;border-radius:8px;background:var(--surface-2);border:1px solid var(--line)}
.navburst span{display:block;height:3px;border-radius:2px;background:var(--text);transition:transform .25s,opacity .25s}

.crumbs{background:var(--bg);border-bottom:1px solid var(--line)}
.crumbs ol{max-width:calc(var(--hold) + var(--edge)*2);margin:0 auto;padding:9px var(--edge);list-style:none;display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted)}
.crumbs li{margin:0}
.crumbs li+li::before{content:"›";margin-right:8px;color:var(--muted)}
.crumbs [aria-current]{color:var(--text)}

.opening{padding:30px 0 40px;text-align:center}
.opening__title{margin-bottom:18px}
.opening__banner{display:block;margin:0 auto 24px;border-radius:var(--round);overflow:hidden;border:1px solid var(--line)}
.opening__banner img{width:100%;height:auto}
.opening__lead{margin:0 auto 22px;text-align:left;font-size:17px}
.opening__lead p:last-child{margin-bottom:0}

.figband{margin:8px 0 44px}
.figband .ref{display:block}
.figband img{width:100%;border-radius:var(--round);border:1px solid var(--line)}

.block{margin:0 0 44px}
.block__center{text-align:center}
.prose p,.prose li{font-size:17px}
.prose h3{margin-top:26px}
.factsheet{margin:0 0 44px}
.factsheet__cap{display:flex;align-items:center;justify-content:center;min-height:62px;margin:0 0 22px;padding:12px 20px;border-radius:var(--round);background:var(--flare-grad);text-align:center;font-size:23px;font-weight:800;color:var(--on-flare)}
.factsheet td:first-child{width:30%}

.block,.gallery,.feedback,.questions,.footing{content-visibility:auto;contain-intrinsic-size:auto 600px}

ul.ticks{list-style:none;padding:0}
ul.ticks li{position:relative;padding-left:26px}
ul.ticks li::before{content:"";position:absolute;left:0;top:9px;width:11px;height:11px;border-radius:3px;background:var(--lime)}
ol.steps{padding-left:22px}
ol.steps li{margin:8px 0}

.gallery{margin:0 0 50px}
.gallery h2{text-align:center;margin-bottom:22px}
.gallery__tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;margin:0 0 22px;padding:0}
.gallery__tabs li{margin:0}
.gallery__tab{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);font-size:15px;font-weight:800;text-decoration:none;cursor:pointer}
.gallery__tab svg{fill:currentColor;flex:none}
.gallery__tab:hover,.gallery__tab.active{background:var(--surface-3);border-color:var(--lime)}
.deck{display:none}
.deck.active{display:block}
.gallery__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 18px}
.card{display:block;text-decoration:none;color:var(--text);min-width:0}
.card__art{display:block;position:relative;border-radius:8px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);aspect-ratio:360/472}
.card__art img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.card:hover .card__art img{transform:scale(1.04)}
.card__name{display:block;margin-top:9px;font-size:14px;font-weight:700;line-height:1.3}
.card small{display:block;font-size:12px;color:var(--muted)}
.card--logo .card__art{aspect-ratio:220/84;background:#eef2f9}
.card--logo .card__art img{object-fit:contain;padding:10px}
.card--logo .card__name{text-align:center}

.verdict{margin:0 0 44px}
.verdict__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.verdict__col{padding:22px;border-radius:var(--round);background:var(--surface);border:1px solid var(--line)}
.verdict__col h3{margin-bottom:12px}
.verdict__col ul{margin:0;padding:0;list-style:none}
.verdict__col li{position:relative;padding-left:27px;margin-bottom:10px}
.verdict__col li::before{content:"";position:absolute;left:0;top:7px;width:11px;height:11px;border-radius:50%}
.verdict__col--up li::before{background:var(--lime)}
.verdict__col--down li::before{background:var(--flare)}

.feedback{margin:0 0 50px}
.feedback__bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin-bottom:20px;border-radius:var(--round);background:var(--surface);border:1px solid var(--line)}
.feedback__label{font-size:14px;color:var(--muted);margin-bottom:4px}
.feedback__score{display:flex;align-items:center;gap:10px}
.feedback__score>span{font-size:26px;font-weight:800}
.feedback__score small{color:var(--muted);font-size:13px}
.stars{display:inline-flex;gap:2px}
.stars svg{width:18px;height:18px;fill:var(--star)}
.feedback__cta{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border:none;border-radius:8px;background:linear-gradient(180deg,var(--flare-hi) 0%,var(--flare) 100%);color:var(--on-flare);font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap;cursor:pointer}
.feedback__cta:hover{filter:brightness(1.08)}
.feedback__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.voice{padding:20px;border-radius:var(--round);background:var(--surface-2);border:1px solid var(--line)}
.voice__head{display:flex;align-items:center;gap:12px;margin-bottom:11px}
.voice__ava{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--flare-grad);font-weight:800;font-size:18px;color:var(--on-flare)}
.voice__meta span{display:block;font-weight:700}
.voice__meta small{color:var(--muted);font-size:12px}
.voice__stars{margin-bottom:10px}
.voice__text p{margin:0;font-size:15px}

.questions{margin:0 0 44px}
.questions__item{padding:18px 22px;margin-bottom:12px;border-radius:var(--round);background:var(--surface-2);border:1px solid var(--line)}
.questions__item h3{font-size:18px;margin-bottom:8px}
.questions__item p{margin:0;font-size:16px}

.freshness{margin:0 0 18px}
.freshness__box{display:flex;align-items:center;gap:12px;padding:15px 20px;border-radius:var(--round);background:var(--surface-2);border:1px solid var(--line);font-size:15px;color:var(--muted)}
.freshness__box svg{width:22px;height:22px;fill:var(--lime);flex:none}

.footing{background:var(--surface);border-top:1px solid var(--line)}
.footing__row{max-width:calc(var(--hold) + var(--edge)*2);margin:0 auto;padding:40px var(--edge);display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.footing__brand{max-width:360px;min-width:0}
.footing__brand img.flogo{height:52px;width:auto;margin-bottom:16px}
.footing__brand p{font-size:14px;color:var(--muted)}
.social-row{display:flex;gap:10px;margin-top:14px}
.social-row .ref{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--line);border-radius:8px}
.social-row .ref:hover{background:var(--surface-3)}
.social-row img{width:18px;height:18px}
.footing__cols{display:flex;gap:56px;flex-wrap:wrap}
.foot-col__cap{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text);margin-bottom:12px}
.foot-nav__list{list-style:none;margin:0;padding:0}
.foot-nav__list li{margin-bottom:8px}
.foot-nav__list .ref{font-size:14px;color:var(--muted);text-decoration:none}
.foot-nav__list .ref:hover{color:var(--text);text-decoration:underline}
.pay-row{max-width:calc(var(--hold) + var(--edge)*2);margin:0 auto;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;padding:22px var(--edge);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pay-row .chip{background:#eef2f9;border:1px solid var(--line);border-radius:8px;height:44px;width:74px;display:flex;align-items:center;justify-content:center;padding:6px}
.pay-row .chip img{max-height:30px;width:auto}
.seals{max-width:calc(var(--hold) + var(--edge)*2);margin:0 auto;display:grid;grid-template-columns:repeat(6,auto);gap:16px;justify-content:center;align-items:center;padding:22px var(--edge)}
.seals a img{height:42px;width:auto;opacity:.92}
.seals a:hover img{opacity:1}
.seal18{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:3px solid var(--flare);color:var(--flare);font-weight:800;font-size:14px}
.footing__base{border-top:1px solid var(--line)}
.smallprint{max-width:calc(var(--hold) + var(--edge)*2);margin:0 auto;padding:22px var(--edge);font-size:12.5px;line-height:1.7;color:var(--muted)}
.smallprint p{margin:0 0 9px}

@media(max-width:1100px){
.navmenu__list .ref{padding:8px 10px;font-size:13px}
.gallery__grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:1000px){
.masthead__row{gap:12px}
.navburst{display:flex;order:3}
.mastenter{order:2;margin-left:auto}
.brandmark{margin-right:0}
.navmenu{display:none;position:absolute;left:0;right:0;top:66px;padding:14px var(--edge) 20px;background:var(--surface);border-bottom:1px solid var(--line);z-index:49}
.navcheck:checked~.navmenu{display:block}
.navcheck:checked~.navburst span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
.navcheck:checked~.navburst span:nth-child(2){opacity:0}
.navcheck:checked~.navburst span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}
.navmenu__list{flex-direction:column;gap:8px}
.navmenu__list .ref{padding:12px 12px;font-size:15px}
.navmenu__enter{display:flex;gap:10px;margin-top:14px}
.navmenu__enter>*{flex:1}
.gallery__grid{grid-template-columns:repeat(3,1fr)}
.feedback__grid{grid-template-columns:repeat(2,1fr)}
.footing__row{flex-direction:column;gap:30px}
}
@media(max-width:768px){
:root{--edge:24px}
h1{font-size:31px}h2{font-size:24px}h3{font-size:19px}
.prose p,.prose li,.opening__lead{font-size:16px}
th,td{padding:10px 10px;font-size:13px}
.factsheet__cap{font-size:19px;min-height:54px}
.gallery__tabs{gap:9px}
.gallery__tab{height:44px;font-size:14px}
.gallery__grid{grid-template-columns:repeat(3,1fr);gap:16px 12px}
.verdict__grid{grid-template-columns:1fr}
.feedback__bar{flex-direction:column;align-items:flex-start}
.feedback__cta{width:100%}
.feedback__grid{grid-template-columns:1fr}
.seals{grid-template-columns:repeat(3,auto)}
.footing__cols{gap:36px}
}
@media(max-width:560px){
:root{--edge:18px}
.gallery__grid{grid-template-columns:repeat(2,1fr)}
.cta{min-height:52px;font-size:16px}
}
@media(max-width:380px){
:root{--edge:14px}
h1{font-size:27px}
.brandmark img{height:34px}
.btn-login,.btn-join{height:36px;padding:0 12px;font-size:13px}
.seals{grid-template-columns:repeat(2,auto)}
}