:root{--bg:hsl(42,28%,7%);--bg2:hsl(42,26%,11%);--panel:hsl(42,22%,13%);--ink:hsl(42,14%,94%);--muted:hsl(42,14%,67%);
  --line:hsl(42,20%,22%);--acc:hsl(42,72%,58%);--acc2:hsl(80,72%,60%);--glow:hsl(45,78%,62%);--radius:6px;
  --head:"Philosopher",serif;--body:"Mulish",sans-serif;--good:#4cc38a;--bad:#e5645d;--bandink:#10100a;--btnink:#fff}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--body);background:var(--bg);color:var(--ink);line-height:1.6}
html{scroll-behavior:smooth}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--head);text-transform:uppercase;letter-spacing:.5px}
.qoen-wrap{max-width:1060px;margin:0 auto;padding:0 22px}
.qoen-btn{display:inline-block;padding:13px 30px;border-radius:var(--radius);font-family:var(--head);font-weight:700;font-size:16px;
  background:linear-gradient(135deg,var(--acc),var(--acc2));color:var(--btnink);border:0;cursor:pointer;
  box-shadow:0 8px 22px rgba(0,0,0,.22);transition:transform .15s,filter .15s}
.qoen-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}
.qoen-btn.qoen-lg{padding:16px 42px;font-size:18px}
.qoen-btn.qoen-alt{background:linear-gradient(135deg,var(--glow),var(--acc2))}
.qoen-btn.qoen-ghost{background:none;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}
.qoen-btn.qoen-ghost:hover{border-color:var(--glow);color:var(--glow)}
.qoen-trustrow{display:flex;gap:9px 18px;flex-wrap:wrap;margin-top:20px}
.qoen-hero.qoen-center .qoen-trustrow{justify-content:center}
.qoen-trustpt{font-family:var(--body);font-size:13.5px;font-weight:700;color:var(--muted)}
.qoen-trustpt b{color:var(--good);margin-right:2px}
.qoen-review-anchor{scroll-margin-top:84px}
.qoen-bonus-note{font-size:13px;color:var(--muted);margin:12px auto 0;max-width:560px;line-height:1.5}
.qoen-commentq{max-width:680px;margin:0;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:var(--radius);padding:20px 24px}
.qoen-commentq blockquote{margin:0;font-size:18px;line-height:1.6;font-style:italic}
.qoen-commentq figcaption{display:flex;align-items:center;gap:11px;margin-top:14px}
.qoen-cq-avatar{flex:none;width:42px;height:42px;border-radius:50%;background:rgba(128,128,128,.2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}
.qoen-cq-who{display:flex;flex-direction:column;line-height:1.3}
.qoen-cq-role{font-size:13px;color:var(--muted)}
.qoen-kicker{display:inline-block;font-family:var(--head);font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--glow);font-weight:700}
.qoen-byline{display:inline-block;font-family:var(--body);font-size:13.5px;color:var(--muted);margin-bottom:8px}
.qoen-byline b{color:var(--ink);font-weight:700}
.qoen-pill{display:inline-block;padding:5px 14px;border-radius:999px;background:rgba(127,127,127,.14);color:var(--muted);font-size:13px;font-weight:700}

header{position:sticky;top:0;z-index:20;background:var(--bg2);border-bottom:1px solid var(--line)}
.qoen-topbar{background:var(--acc);color:var(--btnink);text-align:center;font-family:var(--head);letter-spacing:2px;text-transform:uppercase;font-size:12px;padding:6px 0}
.qoen-nav{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px}
.qoen-nav.qoen-center{flex-direction:column;height:auto;padding:14px 0;gap:8px}
.qoen-logo{display:flex;align-items:center;gap:9px;font-family:var(--head);font-weight:800;font-size:23px}
.qoen-logo b{color:var(--glow)}
.qoen-menu{display:flex;gap:18px;font-size:14px;font-weight:600;color:var(--muted);flex-wrap:wrap}
.qoen-menu a:hover{color:var(--ink)}.qoen-menu a.qoen-active{color:var(--glow)}
.qoen-navt{display:none}
.qoen-burger{display:none;cursor:pointer;font-size:26px;line-height:1;user-select:none;padding:4px 8px;color:var(--ink)}
@media(max-width:920px){
  .qoen-nav{flex-wrap:wrap}
  .qoen-hlogin{display:none}
  .qoen-burger{display:block;order:3}
  .qoen-nav .qoen-btn.qoen-alt{order:2;padding:9px 18px;font-size:14px}
  .qoen-menu{display:none;order:4;width:100%;flex-direction:column;gap:0;padding:6px 0 2px;border-top:1px solid var(--line);margin-top:6px}
  .qoen-menu a{display:block;padding:12px 4px;border-bottom:1px solid var(--line)}
  .qoen-menu a:last-child{border-bottom:0}
  .qoen-navt:checked ~ .qoen-menu{display:flex}
  .qoen-nav.qoen-center{flex-direction:row;justify-content:space-between}
}

.qoen-hero{position:relative;overflow:hidden;padding:62px 0 54px;
  background:radial-gradient(760px 340px at 72% -10%,var(--bg2),transparent)}
.qoen-hero-grid{display:grid;grid-template-columns:1.15fr .9fr;gap:38px;align-items:center}
@media(max-width:860px){.qoen-hero-grid{grid-template-columns:1fr;text-align:center}}
.qoen-hero.qoen-center{text-align:center}
.qoen-hero h1{font-size:46px;line-height:1.1;font-weight:800;margin:12px 0 12px}
.qoen-hero.qoen-center h1{margin-inline:auto;max-width:760px}
.qoen-hero h1 span{color:var(--glow)}
.qoen-hero p.qoen-sub{font-family:var(--body);color:var(--muted);font-size:18px;max-width:520px;margin-bottom:24px}
.qoen-hero.qoen-center p.qoen-sub{margin-inline:auto}
.qoen-hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.qoen-hero.qoen-center .qoen-hero-cta{justify-content:center}
.qoen-rating{color:var(--muted);font-size:14px}.qoen-stars{color:var(--glow);letter-spacing:2px}
.qoen-bonus-card{background:linear-gradient(160deg,var(--panel),var(--bg2));border:1px solid var(--line);
  border-radius:var(--radius);padding:28px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.28);}
.qoen-bonus-card .qoen-lbl{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:1.5px}
.qoen-bonus-card .qoen-big{font-family:var(--head);font-size:38px;font-weight:900;margin:8px 0;color:var(--glow)}
.qoen-bonus-card .qoen-fs{font-size:19px;font-weight:800;color:var(--acc2);margin-bottom:16px}
.qoen-bonus-card small{display:block;color:var(--muted);font-size:12px;margin-top:13px}
.qoen-strip{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px}
.qoen-strip .qoen-s{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 26px;min-width:150px;}
.qoen-strip .qoen-s .qoen-v{font-family:var(--head);font-size:30px;color:var(--acc);line-height:1}
.qoen-strip .qoen-s .qoen-l{font-family:var(--body);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}

.qoen-phead{padding:50px 0 6px;background:radial-gradient(640px 240px at 80% -18%,var(--bg2),transparent)}
.qoen-phead.qoen-center{text-align:center}
.qoen-phead h1{font-size:38px;font-weight:800;margin-top:8px}
.qoen-phead p{font-family:var(--body);color:var(--muted);max-width:640px;margin:10px 0 0}
.qoen-phead.qoen-center p{margin-inline:auto}
.qoen-crumbs{font-family:var(--body);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}

section.qoen-blk{padding:44px 0}
h2.qoen-title{font-size:30px;font-weight:800;margin-bottom:8px;text-align:center}
.qoen-lead{font-family:var(--body);color:var(--muted);text-align:center;max-width:620px;margin:0 auto 26px}
.qoen-article{max-width:760px;margin:0 auto;font-family:var(--body)}
.qoen-article p{margin:0 0 16px}.qoen-article h3{color:var(--glow);font-size:21px;margin:26px 0 10px}
.qoen-article ol,.qoen-article ul{margin:0 0 16px 22px}.qoen-article li{margin:6px 0}
.qoen-warnbox{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:var(--radius);padding:18px 22px;margin:0 0 18px}
.qoen-warnbox h3{margin:0 0 8px;color:var(--glow);font-size:19px}.qoen-warnbox ul{margin:0 0 0 20px}

.qoen-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:760px){.qoen-cards{grid-template-columns:1fr}}
.qoen-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-align:center;}
.qoen-card .qoen-ic{font-size:30px;margin-bottom:10px}.qoen-card h3{font-size:19px;margin-bottom:6px}
.qoen-card p{font-family:var(--body);color:var(--muted);font-size:14px}

table.qoen-t{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:0 auto;font-family:var(--body)}
table.qoen-t th{padding:13px 16px;text-align:left;background:var(--bg2);color:var(--glow);font-family:var(--head)}
table.qoen-t td{padding:13px 16px;border-bottom:1px solid var(--line);font-size:14px;background:var(--panel)}
table.qoen-t tr:last-child td{border-bottom:0}table.qoen-t td:first-child{color:var(--muted)}

.qoen-provs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.qoen-prov{padding:9px 18px;background:var(--panel);border:1px solid var(--line);border-radius:999px;font-weight:700;color:var(--muted);font-size:13px;font-family:var(--body)}

.qoen-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:760px){.qoen-grid4{grid-template-columns:repeat(2,1fr)}}
.qoen-tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .15s,border-color .15s;}
.qoen-tile:hover{transform:translateY(-2px);border-color:var(--acc)}
.qoen-tile .qoen-thumb{height:92px;background:linear-gradient(135deg,var(--acc),var(--acc2))}
.qoen-tile:nth-child(4n+2) .qoen-thumb{background:linear-gradient(135deg,var(--acc2),var(--glow))}
.qoen-tile:nth-child(4n+3) .qoen-thumb{background:linear-gradient(135deg,var(--glow),var(--acc))}
.qoen-tile .qoen-cap{padding:11px 13px;font-size:13px;font-weight:700;font-family:var(--body)}.qoen-tile .qoen-cap span{display:block;color:var(--muted);font-weight:400;font-size:12px}

.qoen-pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:760px){.qoen-pay-grid{grid-template-columns:1fr 1fr}}
.qoen-pay{display:flex;flex-direction:column;gap:5px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;border-left:3px solid var(--glow);transition:transform .15s;font-family:var(--body)}
.qoen-pay:hover{transform:translateY(-2px)}.qoen-pay .qoen-ic{font-size:22px}.qoen-pay b{font-size:15px}.qoen-pay span{color:var(--muted);font-size:12px}

.qoen-proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:840px;margin:0 auto}
@media(max-width:760px){.qoen-proscons{grid-template-columns:1fr}}
.qoen-pc{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;}
.qoen-pc h3{margin-bottom:12px}
.qoen-pc li{list-style:none;padding:7px 0 7px 28px;position:relative;color:var(--muted);font-size:14px;font-family:var(--body)}
.qoen-pc.qoen-pro li:before{content:"♦";position:absolute;left:0}
.qoen-pc.qoen-con li:before{content:"✕";position:absolute;left:3px;color:var(--bad);font-weight:900}

.qoen-faq{max-width:760px;margin:0 auto}
.qoen-faq details{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:15px 19px;margin-bottom:10px}
.qoen-faq summary{cursor:pointer;font-weight:700;font-family:var(--head);list-style:none}
.qoen-faq summary::-webkit-details-marker{display:none}.qoen-faq summary:after{content:"+";float:right;color:var(--glow);font-weight:900}
.qoen-faq details[open] summary:after{content:"–"}
.qoen-faq p{font-family:var(--body);color:var(--muted);margin-top:11px;font-size:14px}

.qoen-band{background:linear-gradient(135deg,var(--acc),var(--acc2));border-radius:calc(var(--radius) + 6px);padding:44px 28px;text-align:center;color:var(--bandink);}
.qoen-band h2{font-size:30px;font-weight:800;margin-bottom:10px}.qoen-band p{font-family:var(--body);margin-bottom:20px;opacity:.95}
.qoen-band .qoen-btn{background:var(--panel);color:var(--acc)}

footer{border-top:1px solid var(--line);margin-top:38px;padding:36px 0 26px;color:var(--muted);font-size:13px;background:var(--bg2);font-family:var(--body)}
.qoen-foot-grid{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:22px}
.qoen-foot-grid a{display:block;color:var(--muted);padding:3px 0}.qoen-foot-grid a:hover{color:var(--glow)}
.qoen-foot-col b{color:var(--ink);display:block;margin-bottom:8px;font-family:var(--head)}
.qoen-logo-foot{font-family:var(--head);font-size:22px;margin-bottom:12px;color:var(--ink)}
.qoen-age{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:2px solid var(--bad);color:var(--bad);font-weight:900;margin-right:12px;flex-shrink:0}
.qoen-disc{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:flex-start}

/* ===== Этап 2 · структурные варианты (каркас + блоки), выбор по seed ===== */
.qoen-nav-top{display:flex;align-items:center;justify-content:space-between;height:60px}
.qoen-head-actions{display:flex;gap:10px;align-items:center}
.qoen-nav-bar{background:var(--bg2);border-top:1px solid var(--line)}
.qoen-nav-bar .qoen-wrap{display:flex;align-items:center;gap:14px;min-height:48px}
.qoen-nav-min{gap:14px}
.qoen-pillrow{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.qoen-featpill{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:9px 18px;font-family:var(--head);font-weight:700;font-size:14px;color:var(--acc)}
.qoen-offerbox{background:linear-gradient(160deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.28);}
.qoen-offerbox-top{font-family:var(--head);text-transform:uppercase;letter-spacing:1.5px;font-size:13px;color:var(--glow);font-weight:800;margin-bottom:14px}
.qoen-offerlist{list-style:none;margin-bottom:16px}
.qoen-offerlist li{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line);font-family:var(--body);font-weight:700;font-size:15px}
.qoen-offerlist li:before{content:"✓";color:var(--good);font-weight:900}
.qoen-offerlist li:last-child{border-bottom:0}
.qoen-featrow{display:flex;gap:16px;align-items:flex-start;max-width:760px;margin:0 auto 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;}
.qoen-featrow .qoen-ic{font-size:26px;flex:none}.qoen-featrow h3{font-size:18px;margin-bottom:3px}
.qoen-featrow p{font-family:var(--body);color:var(--muted);font-size:14px}
.qoen-featgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:820px;margin:0 auto}
@media(max-width:640px){.qoen-featgrid{grid-template-columns:1fr}}
.qoen-featnum{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;gap:14px;align-items:flex-start;}
.qoen-featnum .qoen-num{font-family:var(--head);font-size:30px;font-weight:900;color:var(--glow);line-height:1}
.qoen-featnum h3{font-size:18px;margin-bottom:4px}.qoen-featnum p{font-family:var(--body);color:var(--muted);font-size:14px}
.qoen-ratebars{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.qoen-ratebar .qoen-rtop{display:flex;justify-content:space-between;font-size:14px;margin-bottom:5px}
.qoen-ratebar .qoen-rtrack{height:9px;background:rgba(128,128,128,.18);border-radius:999px;overflow:hidden}
.qoen-ratebar .qoen-rfill{height:100%;background:linear-gradient(90deg,var(--acc),var(--glow));border-radius:999px}
.qoen-ratetiles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:680px;margin:0 auto}
@media(max-width:640px){.qoen-ratetiles{grid-template-columns:repeat(2,1fr)}}
.qoen-ratetile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 10px;text-align:center;}
.qoen-ratetile .qoen-rv{font-family:var(--head);font-size:26px;font-weight:900;color:var(--acc)}
.qoen-ratetile .qoen-rl{font-family:var(--body);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}
.qoen-pcwrap{display:flex;gap:24px;flex-wrap:wrap;max-width:780px;margin:0 auto}
.qoen-pcstack{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.qoen-pccol{flex:1;min-width:240px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;}
.qoen-pccol h3{margin-bottom:12px}.qoen-pccol ul{list-style:none}
.qoen-pccol li{padding:8px 0;font-family:var(--body);color:var(--muted);font-size:14px;line-height:1.5}
.qoen-pctable{width:100%;max-width:780px;margin:0 auto;border-collapse:collapse;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-family:var(--body)}
.qoen-pctable th{padding:13px 16px;text-align:left;background:var(--bg2);color:var(--glow);font-family:var(--head)}
.qoen-pctable td{padding:11px 16px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top;width:50%}
.qoen-stepcol{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.qoen-step{display:flex;gap:14px;align-items:flex-start}
.qoen-step .qoen-sn{font-family:var(--head);font-weight:900;color:var(--glow);font-size:20px;flex:none;width:30px}
.qoen-step p{font-family:var(--body);color:var(--muted);font-size:15px}
.qoen-foot-center{text-align:center}
.qoen-foot-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:14px 0}
.qoen-foot-links a{color:var(--muted)}.qoen-foot-links a:hover{color:var(--glow)}
.qoen-foot-rowcols{display:flex;gap:28px;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}
.qoen-factstable{max-width:560px;margin:0 auto}
.qoen-factstable td:last-child{text-align:right}
.qoen-paytable{max-width:680px;margin:0 auto}