:root{--r:#e11d2e;--r2:#b91224;--ink:#0f172a;--bg:#fff;--soft:#f4f5f9;--ln:#e2e5ee;--tx:#475569;--card:#fff}
@media(prefers-color-scheme:dark){:root{--bg:#0b1020;--soft:#111834;--ln:#242e52;--tx:#b8c1dc;--ink:#fff;--card:#141b3a}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 Inter,system-ui,Segoe UI,Arial,sans-serif;color:var(--tx);background:var(--bg)}
h1,h2,h3{color:var(--ink);line-height:1.2;margin:0 0 10px}a{color:var(--r)}.w{max-width:1140px;margin:auto;padding:0 20px}
header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--ln)}
nav{display:flex;align-items:center;justify-content:space-between;height:66px;gap:10px}
.lg{display:flex;align-items:center;gap:9px;font-weight:800;font-size:21px;color:var(--ink)!important;text-decoration:none}.lg img{width:38px}.lg em{color:var(--r);font-style:normal}
.mn{display:flex;gap:4px;align-items:center}.mn a{padding:8px 12px;text-decoration:none;color:var(--tx);font-weight:600;border-radius:8px;font-size:15px}.mn a:hover,.mn a.on{color:var(--r);background:var(--soft)}
.dd{position:relative}.dd div{display:none;position:absolute;top:100%;left:0;background:var(--card);border:1px solid var(--ln);border-radius:12px;padding:6px;min-width:170px;box-shadow:0 12px 30px rgba(0,0,0,.12)}.dd:hover div{display:block}.dd div a{display:block}
#bg{display:none;background:0;border:0;font-size:28px;color:var(--ink)}
@media(max-width:900px){#bg{display:block}.mn{display:none;position:absolute;top:66px;left:0;right:0;background:var(--bg);flex-direction:column;align-items:stretch;padding:10px;border-bottom:1px solid var(--ln)}.mn.o{display:flex}.dd div{display:block;position:static;border:0;box-shadow:none;padding-left:14px}}
@media(max-width:400px){nav [data-scroll-calc]{display:none}}
.b{display:inline-block;background:linear-gradient(135deg,var(--r),var(--r2));color:#fff!important;border:0;border-radius:12px;padding:13px 24px;font:700 15px inherit;cursor:pointer;text-decoration:none;box-shadow:0 8px 20px rgba(225,29,46,.3);transition:.2s}.b:hover{transform:translateY(-2px)}
.b.o{background:0;border:2px solid var(--r);color:var(--r)!important;box-shadow:none}.b.s{padding:8px 14px;font-size:14px}.b.d{background:#334155;box-shadow:none}
.hero{color:#fff;overflow:hidden}
.hero .bt{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}
section{padding:64px 0}.alt{background:var(--soft)}h1.t,h2.t{font-size:32px;text-align:center}.sub{text-align:center;max-width:620px;margin:0 auto 34px}
.g{display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}.g2{display:grid;gap:22px;grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.g,.g2{grid-template-columns:1fr}}@media(min-width:600px) and (max-width:900px){.g{grid-template-columns:1fr 1fr}}
.c{background:var(--card);border:1px solid var(--ln);border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(15,23,42,.06);transition:.25s}a.c{display:block;text-decoration:none;color:var(--tx)}.c:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(15,23,42,.12)}
.c.f{border:2px solid var(--r);position:relative}.c.f:before{content:"Most popular";position:absolute;top:-13px;left:20px;background:var(--r);color:#fff;font-size:12px;font-weight:700;padding:3px 12px;border-radius:20px}
.pk{display:flex;flex-direction:column}.pk>div:first-child{flex:1}
.pk button.b{width:100%;margin-top:20px;padding:14px 20px;font-size:16px;letter-spacing:.01em;border-radius:12px;box-shadow:0 10px 24px rgba(225,29,46,.28)}
.pk button.b:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 14px 30px rgba(225,29,46,.38)}
.pr{font-size:40px;font-weight:800;color:var(--ink)}.c ul{padding-left:20px}.c li{margin:3px 0}.no{color:#94a3b8;text-decoration:line-through}.nt{font-size:14px}
.th{aspect-ratio:3/4;border-radius:12px;border:1px solid var(--ln);background:linear-gradient(135deg,#dbe4ff,#fde2e4) center/cover;margin-bottom:14px;display:flex;align-items:center;justify-content:center;font-size:44px;overflow:hidden}
.th img{width:100%;height:100%;object-fit:cover;display:block}
.th.w16{aspect-ratio:16/9}.tag{display:inline-block;background:var(--soft);border-radius:20px;padding:2px 12px;font-size:13px;font-weight:600;color:var(--r)}
.kit{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;margin-bottom:22px}@media(max-width:900px){.kit{grid-template-columns:1fr}}
label{display:block;font-weight:600;margin:13px 0 4px;color:var(--ink);font-size:14px}
select,input:not([type=checkbox]),textarea{width:100%;padding:11px 12px;border:1px solid var(--ln);border-radius:10px;font:inherit;background:var(--bg);color:var(--ink)}
.cl{display:flex;gap:8px;align-items:center;font-weight:600}.cl input{width:auto!important}
.row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--ln)}.tot{font-size:28px;font-weight:800;color:var(--r)}
.wn{background:#fff4e5;color:#7a4b00;padding:10px 12px;border-radius:10px;margin-top:12px;font-size:14px}
.calc{max-width:740px;margin:auto}details{border:1px solid var(--ln);border-radius:12px;padding:13px 18px;margin-bottom:10px;background:var(--card)}summary{cursor:pointer;font-weight:700;color:var(--ink)}
.stp{counter-reset:s}.stp .c:before{counter-increment:s;content:counter(s);display:flex;width:38px;height:38px;border-radius:50%;background:var(--r);color:#fff;align-items:center;justify-content:center;font-weight:800;margin-bottom:10px}
.fl{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.fl select{width:auto}
.bc{font-size:14px;margin-bottom:18px}.stars{color:#f5a623;letter-spacing:2px}
.cta{background:linear-gradient(135deg,#0b1226,#7f1220);color:#fff;text-align:center;border-radius:24px;padding:48px 20px}.cta h2{color:#fff}
footer{background:#0b1226;color:#b8c1dc;padding:44px 0 24px}footer h4{color:#fff;margin:0 0 10px}footer a{display:block;color:#b8c1dc;text-decoration:none;padding:2px 0}footer a:hover{color:#fff}footer .g{grid-template-columns:2fr 1fr 1fr 1fr}@media(max-width:900px){footer .g{grid-template-columns:1fr 1fr}}@media(max-width:560px){footer .g{grid-template-columns:1fr}}
dialog{border:0;border-radius:20px;max-width:580px;width:94%;padding:26px;background:var(--bg);color:var(--tx);max-height:92vh;overflow-y:auto}dialog::backdrop{background:rgba(5,8,20,.65)}
.mdx{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--ln);background:var(--soft);color:var(--ink);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mdx:hover{background:var(--ln)}
table{width:100%;border-collapse:collapse}td,th{padding:9px;border-bottom:1px solid var(--ln);text-align:left;font-size:14px}
.ad{display:grid;grid-template-columns:200px 1fr;gap:24px}@media(max-width:900px){.ad{grid-template-columns:1fr}}.ad aside a{display:block;padding:9px 12px;border-radius:8px;text-decoration:none;font-weight:600;color:var(--tx)}.ad aside a.on{background:var(--r);color:#fff}
.hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap;border:0!important}.ok{color:#15803d;font-weight:600}

:root{--r:#d92d20;--r2:#b42318;--bg:#fff;--soft:#f7f7f9;--ln:#e7e8ee;--tx:#5b6072;--ink:#12141f;--card:#fff}
body{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;font-size:15px}
.b{border-radius:8px;box-shadow:none;padding:11px 20px}.b:hover{transform:none;filter:brightness(1.08)}
.c{border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,.05)}.c:hover{transform:none;box-shadow:0 8px 24px rgba(16,24,40,.08)}
.ik{width:40px;height:40px;border-radius:10px;background:#fdecea;color:var(--r);display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:14px}
.ey{text-align:center;color:var(--r);font:700 11px/1 inherit;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
h1.t,h2.t{font-size:34px;letter-spacing:-.02em}section{padding:72px 0}
.hero{background:radial-gradient(ellipse at 75% 30%,#2a0f14,transparent 55%),#0b0c14;padding:84px 0 96px}.hero .w{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}
.hero h1{color:#fff;font-size:clamp(34px,5vw,58px);letter-spacing:-.03em;font-weight:800}.hero h1 em{color:#f04438;font-style:normal}
.hero p{font-size:18px;opacity:.88}
.pill{display:inline-block;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);border-radius:20px;padding:5px 14px;font-size:13px;margin-bottom:22px}
.w2{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important}.vp{color:#fff;opacity:.85;font-size:14px}
.mk{display:flex;justify-content:center}
.trustbar{border-bottom:1px solid var(--ln);background:linear-gradient(135deg,#fff6f5,#fff)}
.trustbar .w{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:30px 20px}
.trustbar .w>b{font-size:30px;font-weight:800;letter-spacing:-.02em}
.tb{display:flex;justify-content:center;align-items:stretch;gap:16px;flex-wrap:wrap;width:100%}
.tb a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:14px 26px;box-shadow:0 4px 14px rgba(15,23,42,.06);transition:.2s;text-decoration:none;min-width:150px}
.tb a:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,23,42,.12)}
.tb .wm{font-weight:800;font-size:20px;letter-spacing:-.02em;line-height:1}
.tb .wm-fiverr{color:#404145}.tb .wm-fiverr i{color:#1DBF73;font-style:normal}
.tb .wm-upwork{color:#14A800}
.tb .wm-freelancer{color:#29B2FE}
.tb small{display:block;font-weight:600;color:var(--tx);font-size:12px}
.tb small b{color:#f5a623}
.g4{display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.g4{grid-template-columns:1fr 1fr}}@media(max-width:560px){.g4{grid-template-columns:1fr}}
.cal{display:grid;grid-template-columns:1.3fr 1fr;max-width:980px;margin:auto;border:1px solid var(--ln);border-radius:16px;overflow:hidden;background:#fff}.cal .l1{padding:26px}.cal .l2{background:#0b0c14;color:#cbd0e0;padding:26px}.cal .l2 h4{color:#fff;font-size:12px;letter-spacing:.12em;margin:0 0 14px}.cal .l2 .row{border-color:rgba(255,255,255,.12)}.cal .l2 b{color:#fff}
.big{font-size:54px;font-weight:800;color:#fff;margin:14px 0;line-height:1}.cal .l2 .b{width:100%}@media(max-width:800px){.cal{grid-template-columns:1fr}}
.tg{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ln);border-radius:10px;padding:12px 14px;margin:12px 0}
.tg input{appearance:none;-webkit-appearance:none;width:40px!important;height:22px;border-radius:12px;background:#d0d3dc;position:relative;cursor:pointer;flex:none;padding:0;border:0}.tg input:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.tg input:checked{background:var(--r)}.tg input:checked:before{left:20px}
.paper{max-width:760px;margin:auto;background:#fff;border:1px solid var(--ln);border-radius:12px;padding:30px;box-shadow:0 20px 50px rgba(16,24,40,.08)}
.ph{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:8px}.ph h3{letter-spacing:.04em;margin:0}.ph small{color:var(--tx)}.ph label{width:130px;font-size:12px;margin:0}
.paper input:not([type=checkbox]),.paper select{background-color:#fff5f4;border:1px solid #f3c2be;padding:8px 10px;border-radius:4px}
.lt{table-layout:fixed}.lt th{font-size:11px;text-transform:uppercase;color:var(--tx);text-align:left}.lt td{padding:3px}.lt th:first-child,.lt td:first-child{width:auto}.lt th:nth-child(2),.lt td:nth-child(2),.lt th:nth-child(3),.lt td:nth-child(3){width:70px}.lt th:nth-child(4),.lt td:nth-child(4){width:80px}.lt .am{text-align:right;font-weight:700}.lt td:nth-child(2) input,.lt td:nth-child(3) input{width:100%}
.lk{background:0;border:0;color:var(--r);font-weight:700;cursor:pointer;padding:4px 0;font:inherit}
.tt{margin:12px 0 12px auto;width:230px}.tt div{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.tt input{width:70px!important}.tt div:last-child{border-top:2px solid var(--ink);font-size:18px}
.sg>div{display:flex;justify-content:space-between;font-weight:600;color:var(--ink);margin-top:14px}.sg canvas{width:100%;max-width:500px;height:90px;background:#fff5f4;border:1px dashed #e7a7a1;border-radius:8px;touch-action:none;cursor:crosshair;margin-top:6px;display:block}
.fq{padding:6px 22px;max-width:820px;margin:auto}.fq details{border:0;border-bottom:1px solid var(--ln);border-radius:0;margin:0;background:0;padding:14px 0}.fq details:last-child{border:0}
.cta{background:linear-gradient(135deg,#d92d20,#b42318)}.cta .b{background:#fff;color:var(--r)!important}.cta .b.o{background:0;border:1px solid #fff;color:#fff!important}
.tp{display:flex;align-items:center;gap:6px;margin-bottom:10px}.pf{margin-left:auto;background:#fdecea;color:var(--r);font-size:11px;font-weight:700;padding:2px 10px;border-radius:12px}

.mk{perspective:1200px;min-height:420px;align-items:center;position:relative}
.mk:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(240,68,56,.45),transparent 65%);filter:blur(30px);animation:pulse 5s ease-in-out infinite}
.fl{animation:flo 6s ease-in-out infinite;transform-style:preserve-3d}
.scene{position:relative;width:280px;height:380px;transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-16deg);transition:transform .2s ease-out}
.sheet{position:absolute;inset:0;border-radius:18px;background:#fff}
.s3{transform:translateZ(-64px) translate(34px,28px);background:linear-gradient(135deg,#f04438,#7a1410);box-shadow:0 40px 80px rgba(0,0,0,.5)}
.s2{transform:translateZ(-32px) translate(17px,14px);background:linear-gradient(135deg,#eef0f8,#cfd4e6)}
.s1{transform:translateZ(0);padding:20px;color:#8a8fa3;font-size:11px;box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 1px 0 #fff;background:linear-gradient(160deg,#fff,#f4f5fb)}
.s1 .bar{display:flex;justify-content:space-between;align-items:center;margin:-20px -20px 16px;padding:12px 20px;background:linear-gradient(90deg,#d92d20,#f04438);color:#fff;border-radius:18px 18px 0 0;font-size:11px;letter-spacing:.08em}
.s1 u{display:flex;align-items:center;height:28px;padding:0 8px;border:1.5px solid #f3b3ad;background:#fff5f4;border-radius:6px;margin:3px 0 11px;text-decoration:none;color:#12141f;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden}
.s1 u span:after{content:"";display:inline-block;width:1.5px;height:13px;background:var(--r);margin-left:1px;vertical-align:middle;animation:blink 1s steps(1) infinite}
.s1 .tl{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#12141f;border-top:1px dashed #d9dbe6;padding-top:10px}.s1 .tl b{font-size:24px;font-variant-numeric:tabular-nums}
.sg2{width:100%;height:56px;margin-top:6px;border-bottom:1px solid #e3e5ee}.sg2 path{fill:none;stroke:#d92d20;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:400;animation:sig 6s ease-in-out infinite}
.chip{position:absolute;background:rgba(255,255,255,.96);color:#12141f;border-radius:20px;padding:7px 14px;font:700 12px/1 inherit;box-shadow:0 14px 30px rgba(0,0,0,.4);transform:translateZ(80px);animation:bob 4s ease-in-out infinite;white-space:nowrap}
.c1{top:24px;right:-44px}.c2{bottom:96px;left:-56px;animation-delay:-1.3s}.c3{bottom:-8px;right:-14px;animation-delay:-2.6s}.chip:first-letter{color:var(--r)}
@keyframes flo{50%{transform:translateY(-14px)}}@keyframes bob{50%{transform:translateZ(80px) translateY(-9px)}}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{transform:scale(1.15);opacity:.7}}
@keyframes sig{0%{stroke-dashoffset:400}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-400}}
@media(prefers-reduced-motion:reduce){.fl,.chip,.mk:before,.sg2 path{animation:none}.sg2 path{stroke-dashoffset:0}}
@media(max-width:900px){.hero .w{grid-template-columns:1fr}.mk{min-height:400px;margin-top:20px}.c1{right:-10px}.c2{left:-10px}}
@media(max-width:480px){.scene{transform:rotateX(4deg) rotateY(-8deg)}.chip{display:none}}
.s1 .rg{gap:8px;flex-wrap:wrap}.s1 .rg span{font-weight:600}
.rg select,select{-webkit-appearance:none;appearance:none;line-height:1.3;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6"><path d="M0 0l5 6 5-6" fill="%23888"/></svg>');background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}
input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea{line-height:1.3}
.mq{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mq-tr{display:flex;gap:22px;width:max-content;animation:mqs var(--dur,50s) linear infinite}
.mq:hover .mq-tr{animation-play-state:paused}
.mq-tr .c{width:290px;flex:none}
@keyframes mqs{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.mq-tr{animation:none;overflow-x:auto}}