:root{
--color-bg:#171B20;
--color-bg-plum:#2A2028;
--color-paper:#F3EEE4;
--color-card:#25272D;
--color-burgundy:#6B3D51;
--color-burgundy-hover:#8A5369;
--color-gold:#D8A861;
--color-ivory:#F4EBDD;
--color-ink:#2E2925;
--color-border:#7A6042;
--radius:4px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:Georgia,"Times New Roman",serif;background:var(--color-bg);color:var(--color-ivory);line-height:1.6;}
h1,h2,h3,h4{margin:0 0 .5em;font-weight:600;}
p{margin:0 0 1em;color:#C9BCA8;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;}
.btn--gold{background:var(--color-gold);color:#231a09;}
.btn--outline{border-color:var(--color-border);color:var(--color-ivory);background:transparent;}
.btn--lg{padding:15px 32px;}
.btn--block{width:100%;justify-content:center;}

.site-header{border-bottom:1px solid rgba(122,96,66,.4);}
.header__row{display:flex;align-items:center;justify-content:space-between;height:84px;gap:24px;}
.brand{display:flex;align-items:center;gap:10px;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;}
.brand img{border-radius:50%;}
.brand__name b{display:block;font-size:.65em;font-weight:400;letter-spacing:.2em;}
.nav{display:flex;gap:30px;flex:1;justify-content:center;}
.nav a{color:#B9AC98;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;}
.nav a:hover{color:var(--color-gold);}

.hero{position:relative;padding:70px 0 60px;background:linear-gradient(100deg,rgba(23,27,32,.95) 0%,rgba(23,27,32,.82) 45%,rgba(23,27,32,.5) 100%),url("../img/banners/hero-1.webp") center/cover no-repeat;}
.hero__index{position:absolute;left:0;top:70px;display:flex;flex-direction:column;gap:22px;padding-left:24px;color:var(--color-border);font-size:.78rem;}
.hero__row{display:grid;grid-template-columns:1.3fr .8fr;gap:50px;align-items:start;padding-left:40px;}
.eyebrow{display:block;color:var(--color-gold);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;margin-bottom:14px;}
.eyebrow--dark{color:var(--color-ivory);opacity:.75;}
.hero h1{font-size:2.9rem;color:var(--color-ivory);}
.hero__lead{max-width:52ch;font-size:1.02rem;}
.hero__bonus{background:var(--color-burgundy);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:8px;}
.hero__bonus-label{text-transform:uppercase;font-size:.72rem;letter-spacing:.1em;color:var(--color-gold);}
.hero__bonus-value{font-size:1.7rem;font-weight:700;color:var(--color-ivory);}
.hero__bonus-note{color:#E4C9D2;margin-bottom:10px;}
.hero__links{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;}
.hero__links a{font-size:.82rem;color:#E4C9D2;}

.features{padding:60px 0;}
.features h2,.slots h2,.faq h2{text-transform:uppercase;letter-spacing:.1em;font-size:1.3rem;color:var(--color-ivory);}
.features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px;}
.feature-card{background:var(--color-card);border:1px solid rgba(122,96,66,.3);padding:14px;}
.feature-card__num{color:var(--color-gold);font-size:1.4rem;font-weight:700;}
.feature-card h3{font-size:1rem;margin-top:10px;}
.feature-card p{font-size:.82rem;}

.slots{padding:20px 0 70px;}
.section__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;flex-wrap:wrap;gap:12px;}
.link-arrow{color:var(--color-gold);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;}
.slider-nav{display:flex;align-items:center;gap:14px;}
.slider-nav__btn{width:38px;height:38px;border:1px solid var(--color-border);background:transparent;color:var(--color-ivory);font-size:1rem;cursor:pointer;transition:background .2s,color .2s;}
.slider-nav__btn:hover{background:var(--color-gold);color:#231a09;border-color:var(--color-gold);}
.slider-nav__btn:disabled{opacity:.35;cursor:default;background:transparent;color:var(--color-ivory);border-color:var(--color-border);}
.slider-nav__count{color:#C9BCA8;font-size:.78rem;letter-spacing:.06em;min-width:52px;text-align:center;}
.slot-slider{overflow:hidden;}
.slot-slider__track{display:flex;gap:14px;transition:transform .4s ease;}
.slot-card{position:relative;flex:0 0 220px;height:300px;background:var(--color-card);overflow:hidden;}
.slot-card__num{position:absolute;top:10px;left:10px;z-index:2;color:var(--color-gold);font-weight:700;font-size:.85rem;}
.slot-card__media{position:absolute;inset:0;}
.slot-card__media img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88;}
.slot-card__body{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(0deg,rgba(23,27,32,.92),transparent);}
.slot-card__title{font-weight:700;font-size:.9rem;color:var(--color-ivory);}
.slot-card__provider{font-size:.72rem;color:#C9BCA8;}
.slot-card__actions{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(23,27,32,.78);opacity:0;transition:opacity .2s;}
.slot-card:hover .slot-card__actions{opacity:1;}
.slot-card__btn{padding:9px 20px;background:var(--color-gold);color:#231a09;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;}
.slot-card__btn--demo{background:transparent;border:1px solid var(--color-gold);color:var(--color-gold);}

.recommend{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--color-bg-plum);}
.recommend__media{min-height:420px;overflow:hidden;position:relative;background:linear-gradient(160deg,rgba(58,42,53,.55),rgba(28,21,27,.8));}
.recommend__media img{width:100%;height:100%;object-fit:cover;display:block;}
.recommend__panel{background:var(--color-paper);color:var(--color-ink);padding:60px;display:flex;flex-direction:column;justify-content:center;}
.recommend__panel h2{color:var(--color-ink);font-size:1.8rem;}
.recommend__panel p{color:#5a5148;}
.recommend__list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:16px;}
.recommend__list li{display:flex;gap:14px;align-items:flex-start;}
.recommend__list b{display:block;font-size:.95rem;}
.recommend__list span{color:#5a5148;font-size:.82rem;}
.recommend__icon{width:26px;height:26px;border-radius:50%;background:var(--color-burgundy);flex:none;margin-top:2px;}

.seo{background:var(--color-paper);color:var(--color-ink);padding:70px 0;}
.seo__wrap{max-width:860px;}
.seo h2{font-size:1.7rem;color:var(--color-ink);}
.seo h3{color:var(--color-burgundy);font-size:1.15rem;margin-top:1.6em;}
.seo h4{font-size:1rem;margin-top:1.2em;color:var(--color-ink);}
.seo p{color:#5a5148;}
.seo ul,.seo ol{color:#5a5148;}

.cta-strip{padding:60px 0;background:linear-gradient(120deg,rgba(107,61,81,.92),rgba(42,32,40,.9)),url("../img/banners/cta-bg.webp") center/cover no-repeat;}
.cta-strip__row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.cta-strip__title{font-size:1.3rem;color:var(--color-ivory);}

.faq{padding:60px 0 80px;}
.accordion{display:flex;flex-direction:column;gap:12px;margin-top:26px;max-width:760px;}
.accordion__item{background:var(--color-card);border:1px solid rgba(122,96,66,.3);padding:16px 20px;}
.accordion__item summary{cursor:pointer;font-weight:600;list-style:none;color:var(--color-ivory);}
.accordion__item summary::-webkit-details-marker{display:none;}
.accordion__item p{margin:12px 0 0;}

.site-footer{background:var(--color-bg);border-top:1px solid rgba(122,96,66,.4);padding:44px 0 24px;}
.footer__grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:20px;padding-bottom:20px;}
.footer__brand{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;}
.footer__brand img{border-radius:50%;}
.footer__col{display:flex;flex-direction:column;gap:8px;}
.footer__title{font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gold);margin-bottom:2px;}
.footer__col a{color:#B9AC98;font-size:.84rem;}
.footer__legal{border-top:1px solid rgba(122,96,66,.3);padding-top:16px;color:#8B7F6E;font-size:.76rem;}

@media (max-width:960px){
.nav{display:none;}
.hero__row{grid-template-columns:1fr;padding-left:20px;}
.hero__index{display:none;}
.features__grid{grid-template-columns:repeat(2,1fr);}
.slot-card{flex-basis:180px;height:250px;}
.recommend{grid-template-columns:1fr;}
.footer__grid{grid-template-columns:1fr 1fr;}
}