/* Безкоштовні інструменти */
.fr-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:30px}
.fr-wrap.one{grid-template-columns:minmax(0,1fr);max-width:860px;margin-left:auto;margin-right:auto}
.fr-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:0 30px 70px rgba(76,60,201,.14);overflow:hidden;min-width:0}
.fr-card h3{margin:0 0 14px;font-size:18px}
.fr-l{display:block;font-weight:700;font-size:14px;margin:14px 0 6px}.fr-l small{font-weight:500;color:var(--muted)}
.fr-card input[type=text],.fr-card input[type=number],.fr-card input[type=url],.fr-card input[type=tel],.fr-card input:not([type]),.fr-card textarea,.fr-card select{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:11px 13px;font:15px/1.45 Inter,system-ui,sans-serif;background:#fff;color:var(--ink);min-width:0}
.fr-card textarea{resize:vertical;min-height:120px}
.fr-card input:focus,.fr-card textarea:focus,.fr-card select:focus{outline:2px solid #A78BFA;border-color:transparent}
.fr-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fr-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.fr-row>div{min-width:0}
.fr-ck{display:flex;gap:8px;align-items:center;font-size:14.5px;margin-top:10px;cursor:pointer}.fr-ck input{width:18px;height:18px;accent-color:#6C5CE7}
.fr-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}.fr-chips button{border:1px solid var(--line);background:#F7F6FF;border-radius:999px;padding:7px 12px;font:600 13px Inter,system-ui,sans-serif;cursor:pointer;color:var(--ink)}.fr-chips button:hover,.fr-chips button.on{border-color:#A78BFA;background:#EFEBFF;color:#4B3CC9}
.fr-go{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}.fr-go .b{justify-content:center}.fr-go .b.big{min-width:200px;font-size:17px}
.b.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.b.ghost.ok{border-color:#22C55E;color:#15803D}
.b:disabled{opacity:.7;cursor:wait}
.fr-res{margin-top:18px;text-align:center;background:linear-gradient(135deg,#F3F1FF,#FBF8FF);border:1px solid #E4DEFF;border-radius:20px;padding:20px;animation:frp .35s ease}
.fr-big{display:block;font-size:clamp(54px,12vw,110px);line-height:1;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;word-break:break-word;padding:6px 0}
.fr-big.many{font-size:clamp(22px,4vw,30px);line-height:1.4}
.fr-joke{color:var(--muted);margin:6px 0 0;font-size:14.5px}
.fr-lbl{display:block;color:var(--muted);font-size:14px}
.fr-win{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}.fr-win li{font-size:clamp(20px,3.6vw,28px);font-weight:800;word-break:break-word}
.fr-drum{font-size:clamp(26px,5vw,40px);font-weight:800;padding:10px 0}
.fr-meta{color:var(--muted);font-size:13.5px;margin:6px 0 12px}
.fr-ra{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.fr-tip{color:var(--muted);font-size:14px;margin:14px 0 0;line-height:1.5}
.fr-warn{color:#B42318;font-weight:600}
.fr-err{color:#B42318;font-size:14px;min-height:1px;margin:8px 0 0}
.fr-ph{color:var(--muted);text-align:center;padding:30px 10px;border:2px dashed #E4DEFF;border-radius:18px}
.fr-hist{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px}.fr-hist li{background:#F3F1FF;border-radius:999px;padding:4px 10px;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes frp{from{transform:scale(.95);opacity:0}to{transform:none;opacity:1}}
.fr-cf{position:absolute;top:30%;width:9px;height:14px;border-radius:2px;pointer-events:none;animation:frc 1.7s ease-out forwards;z-index:5}
@keyframes frc{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--x),420px) rotate(560deg);opacity:0}}
#qr-box{display:grid;place-items:center;aspect-ratio:1;max-width:340px;margin:0 auto;background:#fff;border-radius:18px}#qr-box svg{width:100%;height:auto;display:block;border-radius:12px}
.fr-col{width:52px;height:44px;padding:3px!important;cursor:pointer}
.ml-row{display:grid;grid-template-columns:92px minmax(0,1fr) auto auto;gap:8px;align-items:center;margin-bottom:10px}.ml-row input{font-size:13.5px!important}
.mk-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mk-g div{background:#fff;border:1px solid #E4DEFF;border-radius:16px;padding:14px;text-align:left}.mk-g span{display:block;color:var(--muted);font-size:13.5px}.mk-g b{font-size:clamp(20px,3.4vw,28px)}
#pc-out,#ut-out{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:14px!important}
.fr-ad{margin:44px auto 0;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;background:linear-gradient(135deg,#1B1446,#3B2A8C);color:#fff;border-radius:26px;padding:26px 28px;max-width:900px}
.fr-ad .ic{font-size:44px}.fr-ad h3{margin:0 0 6px;font-size:22px;color:#fff}.fr-ad p{margin:0;color:rgba(255,255,255,.82)}.fr-ad .bt{display:flex;flex-direction:column;gap:8px}.fr-ad .bt .b{justify-content:center;white-space:nowrap}
.fr-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.fr-tools a{display:block;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s}
.fr-tools a:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(76,60,201,.14);border-color:#C9BFFF}
.fr-tools a.cur{border-color:#A78BFA;background:#F7F5FF;pointer-events:none}
.fr-tools .e{font-size:30px;display:block}.fr-tools b{display:block;margin:8px 0 4px;font-size:16px}.fr-tools span{color:var(--muted);font-size:14px;line-height:1.45;display:block}
.fr-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.fr-steps div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.fr-steps b{display:block;margin:6px 0 4px}.fr-steps p{margin:0;color:var(--muted);font-size:15px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin-bottom:10px}.faq summary{font-weight:600;cursor:pointer}.faq p{color:var(--muted);margin:10px 0 0}
.fr-crumb{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:12px}.fr-crumb a{color:rgba(255,255,255,.85)}
.narrow{max-width:900px}
@media(max-width:1000px){.fr-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.fr-wrap{grid-template-columns:minmax(0,1fr)}.fr-steps{grid-template-columns:1fr}.fr-ad{grid-template-columns:1fr;text-align:center}}
@media(max-width:600px){.fr-card{padding:16px;border-radius:22px}.fr-row{grid-template-columns:1fr 1fr}.fr-row>div:last-child:nth-child(3){grid-column:1/-1}.fr-go .b.big{width:100%}.ml-row{grid-template-columns:1fr 1fr}.ml-row b,.ml-row input{grid-column:1/-1}.fr-tools{grid-template-columns:1fr}.mk-g{grid-template-columns:1fr 1fr}}
.gw-prizes{display:grid;gap:8px;margin-bottom:10px}.gw-pr{display:grid;grid-template-columns:118px minmax(0,1fr) 36px;gap:8px;align-items:center}.gw-pr span{font-weight:700;font-size:14px;white-space:nowrap}.gw-pr .x{width:36px;height:40px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:20px;line-height:1;color:var(--muted);cursor:pointer}.gw-pr .x:hover{color:#B42318;border-color:#F3B4B0}
.gw-res{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px;text-align:left}.gw-li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;align-items:center;background:#fff;border:1px solid #E4DEFF;border-radius:16px;padding:12px 14px;animation:frp .4s ease}.gw-li .pl{grid-row:span 2;font-weight:700;font-size:14px;color:var(--muted);white-space:nowrap}.gw-li b{font-size:clamp(17px,2.6vw,22px);word-break:break-word}.gw-li em{font-style:normal;color:#4B3CC9;font-weight:600;font-size:14.5px;word-break:break-word}.gw-li.first{border-color:#F5C451;background:linear-gradient(135deg,#FFF9E6,#fff);box-shadow:0 8px 24px rgba(245,196,81,.25)}.gw-li.first b{font-size:clamp(20px,3.2vw,26px)}
@media(max-width:600px){.gw-pr{grid-template-columns:96px minmax(0,1fr) 36px}.gw-pr span{font-size:13px}}
.fr-hero .badge{display:inline-flex;margin-bottom:18px}.fr-hero .fr-crumb{margin-bottom:14px}.fr-hero h1{max-width:20em}
body.fr-page section .w>.ey:first-child{margin-top:0}
body.fr-page [hidden]{display:none!important}
.fr-seo h2{margin-top:0}.fr-seo h3{margin:26px 0 8px;font-size:20px}.fr-seo p,.fr-seo li{color:#3B3F5C;line-height:1.7}.fr-seo ul,.fr-seo ol{padding-left:22px}.fr-seo li{margin-bottom:8px}
.fr-sell{background:linear-gradient(180deg,#F6F4FF,#fff)}.fr-sl{max-width:760px;color:#3B3F5C;font-size:17px;line-height:1.7;margin:0 0 26px}
.fr-scg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fr-sc{display:block;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s}.fr-sc:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(76,60,201,.14);border-color:#C9BFFF}
.fr-sc .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c)}.fr-sc .ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fr-sc b{display:block;margin:12px 0 4px;font-size:17px}.fr-sc>span:last-child{color:var(--muted);font-size:15px;line-height:1.5;display:block}
.fr-plw{margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;background:#1B1446;color:#fff;border-radius:24px;padding:24px 26px}.fr-plw h3{margin:0 0 6px;color:#fff;font-size:21px}.fr-plw p{margin:0;color:rgba(255,255,255,.78)}
.fr-pl{display:flex;gap:10px}.fr-pl div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px 16px;min-width:118px}.fr-pl div.on{background:#fff;color:#1B1446}.fr-pl span{display:block;font-size:13px;opacity:.8}.fr-pl b{display:block;font-size:24px}.fr-pl small{font-size:12px;opacity:.75}
@media(max-width:900px){.fr-scg{grid-template-columns:1fr 1fr}.fr-plw{grid-template-columns:1fr}.fr-pl{flex-wrap:wrap}.fr-pl div{flex:1}}
@media(max-width:600px){.fr-scg{grid-template-columns:1fr}.fr-pl div{min-width:0}}
/* Одна ширина для всіх секцій: усі блоки на всю ширину контейнера сайту (1200 px), один лівий край */
body.fr-page .w.narrow,body.fr-page .narrow{max-width:1200px}
body.fr-page .fr-ad,body.fr-page .wh-ad{max-width:none;margin-left:0;margin-right:0}
body.fr-page .fr-wrap.one{max-width:none}
body.fr-page .fr-seo p,body.fr-page .fr-seo ul,body.fr-page .fr-seo ol,body.fr-page section .w>p,body.fr-page .fr-sl{max-width:820px}
body.fr-page .faq details{max-width:none}
body.fr-page .fr-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:860px){body.fr-page .fr-steps{grid-template-columns:1fr}}
/* Інструмент і результат поруч — однакової висоти */
.fr-wrap:not(.one){align-items:stretch}
.fr-wrap:not(.one)>.fr-card{display:flex;flex-direction:column}
.fr-wrap:not(.one)>.fr-card>.fr-ph{flex:1;display:grid;place-items:center}