:root{--bg:hsl(265,28%,7%);--bg2:hsl(265,26%,11%);--panel:hsl(265,22%,13%);--ink:hsl(265,14%,94%);--muted:hsl(265,14%,67%);
  --line:hsl(265,20%,22%);--acc:hsl(265,72%,58%);--acc2:hsl(303,72%,60%);--glow:hsl(85,78%,62%);--radius:16px;
  --head:"Sora",sans-serif;--body:"Inter",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);}
.op10-wrap{max-width:1060px;margin:0 auto;padding:0 22px}
.op10-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}
.op10-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}
.op10-btn.op10-lg{padding:16px 42px;font-size:18px}
.op10-btn.op10-alt{background:linear-gradient(135deg,var(--glow),var(--acc2))}
.op10-btn.op10-ghost{background:none;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}
.op10-btn.op10-ghost:hover{border-color:var(--glow);color:var(--glow)}
.op10-trustrow{display:flex;gap:9px 18px;flex-wrap:wrap;margin-top:20px}
.op10-hero.op10-center .op10-trustrow{justify-content:center}
.op10-trustpt{font-family:var(--body);font-size:13.5px;font-weight:700;color:var(--muted)}
.op10-trustpt b{color:var(--good);margin-right:2px}
.op10-review-anchor{scroll-margin-top:84px}
.op10-bonus-note{font-size:13px;color:var(--muted);margin:12px auto 0;max-width:560px;line-height:1.5}
.op10-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}
.op10-commentq blockquote{margin:0;font-size:18px;line-height:1.6;font-style:italic}
.op10-commentq figcaption{display:flex;align-items:center;gap:11px;margin-top:14px}
.op10-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}
.op10-cq-who{display:flex;flex-direction:column;line-height:1.3}
.op10-cq-role{font-size:13px;color:var(--muted)}
.op10-kicker{display:inline-block;font-family:var(--head);font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--glow);font-weight:700}
.op10-byline{display:inline-block;font-family:var(--body);font-size:13.5px;color:var(--muted);margin-bottom:8px}
.op10-byline b{color:var(--ink);font-weight:700}
.op10-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)}
.op10-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}
.op10-nav{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px}
.op10-nav.op10-center{flex-direction:column;height:auto;padding:14px 0;gap:8px}
.op10-logo{display:flex;align-items:center;gap:9px;font-family:var(--head);font-weight:800;font-size:23px}
.op10-logo b{color:var(--glow)}
.op10-menu{display:flex;gap:18px;font-size:14px;font-weight:600;color:var(--muted);flex-wrap:wrap}
.op10-menu a:hover{color:var(--ink)}.op10-menu a.op10-active{color:var(--glow)}
.op10-navt{display:none}
.op10-burger{display:none;cursor:pointer;font-size:26px;line-height:1;user-select:none;padding:4px 8px;color:var(--ink)}
@media(max-width:920px){
  .op10-nav{flex-wrap:wrap}
  .op10-hlogin{display:none}
  .op10-burger{display:block;order:3}
  .op10-nav .op10-btn.op10-alt{order:2;padding:9px 18px;font-size:14px}
  .op10-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}
  .op10-menu a{display:block;padding:12px 4px;border-bottom:1px solid var(--line)}
  .op10-menu a:last-child{border-bottom:0}
  .op10-navt:checked ~ .op10-menu{display:flex}
  .op10-nav.op10-center{flex-direction:row;justify-content:space-between}
}

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

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

section.op10-blk{padding:44px 0}
h2.op10-title{font-size:30px;font-weight:800;margin-bottom:8px;text-align:center}
.op10-lead{font-family:var(--body);color:var(--muted);text-align:center;max-width:620px;margin:0 auto 26px}
.op10-article{max-width:760px;margin:0 auto;font-family:var(--body)}
.op10-article p{margin:0 0 16px}.op10-article h3{color:var(--glow);font-size:21px;margin:26px 0 10px}
.op10-article ol,.op10-article ul{margin:0 0 16px 22px}.op10-article li{margin:6px 0}
.op10-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}
.op10-warnbox h3{margin:0 0 8px;color:var(--glow);font-size:19px}.op10-warnbox ul{margin:0 0 0 20px}

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

table.op10-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.op10-t th{padding:13px 16px;text-align:left;background:var(--bg2);color:var(--glow);font-family:var(--head)}
table.op10-t td{padding:13px 16px;border-bottom:1px solid var(--line);font-size:14px;background:var(--panel)}
table.op10-t tr:last-child td{border-bottom:0}table.op10-t td:first-child{color:var(--muted)}

.op10-provs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.op10-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)}

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

.op10-pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:760px){.op10-pay-grid{grid-template-columns:1fr 1fr}}
.op10-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)}
.op10-pay:hover{transform:translateY(-2px)}.op10-pay .op10-ic{font-size:22px}.op10-pay b{font-size:15px}.op10-pay span{color:var(--muted);font-size:12px}

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

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

.op10-band{background:linear-gradient(135deg,var(--acc),var(--acc2));border-radius:calc(var(--radius) + 6px);padding:44px 28px;text-align:center;color:var(--bandink);}
.op10-band h2{font-size:30px;font-weight:800;margin-bottom:10px}.op10-band p{font-family:var(--body);margin-bottom:20px;opacity:.95}
.op10-band .op10-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)}
.op10-foot-grid{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:22px}
.op10-foot-grid a{display:block;color:var(--muted);padding:3px 0}.op10-foot-grid a:hover{color:var(--glow)}
.op10-foot-col b{color:var(--ink);display:block;margin-bottom:8px;font-family:var(--head)}
.op10-logo-foot{font-family:var(--head);font-size:22px;margin-bottom:12px;color:var(--ink)}
.op10-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}
.op10-disc{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:flex-start}

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