:root{
  --red:#EC1C2E; --red-deep:#C8102E; --pink:#FF2E63;
  --ink:#0F172A; --text:#475569; --muted:#94A3B8;
  --bg:#FFFFFF; --soft:#F8FAFC; --line:#E8EDF3; --line-2:#DFE6EF;
  --footer:#0E1726; --footer-2:#16223A;
  --radius:16px; --shadow:0 20px 50px -28px rgba(15,23,42,.28);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.container{max-width:1180px;margin:0 auto;padding:0 24px}
h1,h2,h3,h4{color:var(--ink);line-height:1.15;letter-spacing:-.02em}

/* ---------- HEADER ---------- */
.site-header{position:sticky;top:0;z-index:300;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.hbar{display:flex;align-items:center;gap:24px;height:74px}
.logo img{height:30px;width:auto;display:block}
.mainnav{display:flex;gap:30px;margin-left:14px}
.mainnav a{font-size:14.5px;font-weight:600;color:#334155}
.mainnav a:hover{color:var(--red)}
.hcta{margin-left:auto;display:flex;align-items:center;gap:14px}
.btn-ghost-sm{font-size:14.5px;font-weight:600;color:#334155}
.btn-ghost-sm:hover{color:var(--red)}
.btn-red-sm{background:var(--red);color:#fff;font-weight:700;font-size:14px;padding:10px 20px;border-radius:11px;box-shadow:0 10px 22px -10px var(--red)}
.btn-red-sm:hover{background:var(--red-deep)}
@media(max-width:860px){.mainnav{display:none}.btn-ghost-sm{display:none}}

/* ---------- HERO ---------- */
.hero{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 15% -10%, #EAF0FF 0%, transparent 60%), radial-gradient(1000px 500px at 100% 0%, #F3ECFF 0%, transparent 55%), linear-gradient(180deg,#F6F8FF 0%, #FFFFFF 75%)}
.hero-grid{display:grid;grid-template-columns:1.02fr 1.1fr;gap:48px;align-items:center;padding:72px 24px 84px}
.hero-copy h1{font-size:clamp(36px,5vw,58px);font-weight:800}
.hero-copy h1 .grad{background:linear-gradient(90deg,var(--pink),var(--red));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{font-size:18px;color:var(--text);max-width:46ch;margin-top:22px}
.hero-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.btn-red{display:inline-flex;align-items:center;gap:9px;background:var(--red);color:#fff;font-weight:700;font-size:15.5px;padding:15px 26px;border-radius:13px;box-shadow:0 16px 30px -14px var(--red);transition:.18s}
.btn-red:hover{background:var(--red-deep);transform:translateY(-2px)}
.btn-red svg{width:18px;height:18px}
.btn-white{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--ink);font-weight:700;font-size:15.5px;padding:15px 24px;border-radius:13px;border:1px solid var(--line-2);box-shadow:0 10px 24px -16px rgba(15,23,42,.4);transition:.18s}
.btn-white:hover{border-color:#cbd5e1;transform:translateY(-2px)}
.gdots{display:grid;grid-template-columns:repeat(3,4px);grid-auto-rows:4px;gap:3px}
.gdots i{width:4px;height:4px;border-radius:1px;background:var(--ink);display:block}
.hero-trust{display:flex;flex-wrap:wrap;gap:24px;margin-top:34px}
.hero-trust span{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#64748b}
.hero-trust svg{width:17px;height:17px;color:var(--red)}
@media(max-width:920px){.hero-grid{grid-template-columns:1fr;gap:40px;padding:54px 24px 64px}.hero-demo{order:2}}

/* ---------- DEMO ---------- */
.hero-demo{position:relative}
.demo{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 40px 80px -40px rgba(15,23,42,.45);overflow:hidden}
.demo-top{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--line);background:var(--soft)}
.dd{width:11px;height:11px;border-radius:50%}
.dd.r{background:#ff5f57}.dd.y{background:#febc2e}.dd.g{background:#28c840}
.demo-url{margin-left:10px;font-size:11.5px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:20px;padding:4px 14px}
.demo-body{display:flex;min-height:308px}
.demo-menu{position:relative;width:166px;border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:6px;background:#fbfcfe;flex-shrink:0}
.di{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#64748b;padding:9px 10px;border-radius:10px;transition:.3s}
.di-ic{width:18px;height:18px;border-radius:5px;background:#dde5ef;display:inline-block;flex-shrink:0}
.di.on{background:#fff;color:var(--ink);box-shadow:0 6px 16px -8px rgba(15,23,42,.3)}
.di.on .di-ic{background:var(--red)}
.demo-cursor{position:absolute;left:142px;top:0;width:20px;height:20px;pointer-events:none;transition:transform .55s cubic-bezier(.34,1.2,.4,1);z-index:5;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.demo-cursor svg{width:20px;height:20px}
.demo-screen{position:relative;flex:1;overflow:hidden}
.scene{position:absolute;inset:0;padding:16px 18px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .4s}
.scene.active{opacity:1;visibility:visible}
.sc-h{display:flex;justify-content:space-between;align-items:baseline}
.sc-h b{font-size:14.5px;color:var(--ink)}
.sc-h i{font-size:11px;color:var(--muted);font-style:normal}
.sc-stage{position:relative;flex:1;margin-top:6px}
.sc-done{position:absolute;right:16px;bottom:12px;background:#ecfdf5;color:#16A34A;border:1px solid #bbf7d0;border-radius:20px;padding:5px 13px;font-size:12px;font-weight:700;opacity:0}
.scene.active .sc-done{animation:dDone .5s 2.7s both}
@keyframes dDone{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.demo-progress{height:4px;background:var(--line)}
.demo-fill{height:100%;width:0;background:linear-gradient(90deg,var(--red),#ff7a7a)}

/* scene: merge */
.st-merge .doc{position:absolute;top:50%;width:48px;height:62px;border-radius:7px;background:#fff;border:2px solid #cfd8e6;transform:translate(-50%,-50%)}
.st-merge .doc::after{content:"";position:absolute;left:8px;right:8px;top:12px;height:3px;background:#e2e8f0;box-shadow:0 8px 0 #e2e8f0,0 16px 0 #e2e8f0}
.st-merge .l{left:30%}.st-merge .r{left:70%}
.st-merge .c{left:50%;opacity:0;border-color:var(--red);box-shadow:0 12px 26px -10px rgba(236,28,46,.5)}
.scene.active .st-merge .l{animation:mgL 1.3s .25s forwards}
.scene.active .st-merge .r{animation:mgR 1.3s .25s forwards}
.scene.active .st-merge .c{animation:mgC .55s 1.35s forwards}
@keyframes mgL{to{left:50%;opacity:0}}
@keyframes mgR{to{left:50%;opacity:0}}
@keyframes mgC{from{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

/* scene: compress */
.st-comp{display:flex;align-items:flex-end;justify-content:center;gap:26px;height:100%;padding-bottom:6px}
.st-comp .bar{width:54px;height:104px;border-radius:9px;background:linear-gradient(#7C3AED,#a78bfa)}
.scene.active .st-comp .bar{animation:dShrink 1.6s .35s forwards}
@keyframes dShrink{to{height:38px}}
.st-comp .sz{position:absolute;top:8px;left:50%;transform:translateX(-50%);font-weight:700;font-size:14px}
.st-comp .big{color:var(--muted)}
.st-comp .small{color:#16A34A;opacity:0}
.scene.active .st-comp .big{animation:dOut .4s 1s forwards}
.scene.active .st-comp .small{animation:dIn .4s 1.25s forwards}
@keyframes dOut{to{opacity:0}}
@keyframes dIn{to{opacity:1}}

/* scene: pdf->jpg */
.st-jpg{display:flex;align-items:center;justify-content:center;gap:12px;height:100%}
.st-jpg .pdoc{width:48px;height:62px;border-radius:7px;background:#fff;border:2px solid #cfd8e6;flex-shrink:0}
.st-jpg .arr{color:var(--muted);font-weight:800;font-size:20px}
.st-jpg .tile{width:32px;height:40px;border-radius:6px;opacity:0}
.st-jpg .t1{background:#bfdbfe}.st-jpg .t2{background:#bbf7d0}.st-jpg .t3{background:#fde68a}
.scene.active .st-jpg .t1{animation:dPop .42s 1s both}
.scene.active .st-jpg .t2{animation:dPop .42s 1.3s both}
.scene.active .st-jpg .t3{animation:dPop .42s 1.6s both}
@keyframes dPop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}

/* scene: rotate */
.st-rot{display:grid;place-items:center;height:100%}
.st-rot .rdoc{width:54px;height:68px;border-radius:7px;background:#fff;border:2px solid #cfd8e6}
.scene.active .st-rot .rdoc{animation:dRot 1.5s .45s forwards}
@keyframes dRot{to{transform:rotate(90deg)}}

/* scene: page number */
.st-num{display:grid;place-items:center;height:100%}
.st-num .ndoc{position:relative;width:54px;height:68px;border-radius:7px;background:#fff;border:2px solid #cfd8e6}
.st-num .pgn{position:absolute;bottom:6px;left:50%;transform:translateX(-50%) scale(.4);opacity:0;font-style:normal;font-size:11px;font-weight:800;color:#C026D3}
.scene.active .st-num .pgn{animation:dPop .5s 1.1s both}

.pdf-badge{position:absolute;right:-12px;bottom:-16px;width:78px;height:96px;background:var(--red);color:#fff;border-radius:10px 10px 14px 14px;display:grid;place-items:center;font-weight:800;font-size:15px;letter-spacing:.04em;box-shadow:0 22px 40px -16px rgba(236,28,46,.6);transform:rotate(4deg)}
.pdf-badge::before{content:"";position:absolute;top:0;right:0;border-width:0 18px 18px 0;border-style:solid;border-color:#fff #fff transparent transparent;border-radius:0 10px 0 6px;opacity:.9}
@media(max-width:920px){.pdf-badge{display:none}}

/* ---------- SECTION HEADINGS ---------- */
.sec-eyebrow{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:800;text-align:center}
.sec-eyebrow.left{text-align:left}
.sec-title{font-size:clamp(26px,3.4vw,38px);font-weight:800;text-align:center;margin-top:12px}

/* ---------- TOOLS ---------- */
.tools-sec{padding:80px 0 30px}
.tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:46px}
@media(max-width:1080px){.tools-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.tools-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.tools-grid{grid-template-columns:1fr}}
.tool{text-align:left;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;cursor:pointer;transition:.2s;display:flex;flex-direction:column;gap:12px;min-height:160px}
.tool:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-2)}
.tool .ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center}
.tool .ic svg{width:24px;height:24px}
.tool h3{font-size:16.5px;font-weight:700}
.tool p{font-size:13.5px;color:var(--text);line-height:1.45}
.tint-indigo{background:#EEF2FF;color:#4F46E5}
.tint-rose{background:#FFF1F2;color:#E11D48}
.tint-violet{background:#F5F3FF;color:#7C3AED}
.tint-amber{background:#FFF7ED;color:#EA580C}
.tint-red{background:#FEF2F2;color:#DC2626}
.tint-teal{background:#ECFDF5;color:#0D9488}
.tint-sky{background:#EFF6FF;color:#2563EB}
.tint-green{background:#F0FDF4;color:#16A34A}
.tint-fuchsia{background:#FDF4FF;color:#C026D3}
.tint-slate{background:#F1F5F9;color:#475569}

/* ---------- WORKSPACE ---------- */
.workspace{max-width:980px;margin:18px auto 0;padding:0 24px;display:none}
.workspace.active{display:block;animation:rise .35s ease}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ws-card{background:#fff;border:1px solid var(--line-2);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.ws-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px;background:var(--soft)}
.ws-head .ic{width:46px;height:46px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center}
.ws-head .ic svg{width:23px;height:23px}
.ws-head h3{font-size:20px;font-weight:700}
.ws-head p{font-size:13.5px;color:var(--text)}
.ws-close{margin-left:auto;background:#fff;border:1px solid var(--line-2);border-radius:10px;width:38px;height:38px;cursor:pointer;color:#64748b;display:grid;place-items:center;transition:.15s}
.ws-close:hover{background:var(--ink);color:#fff}
.ws-body{padding:24px}
.drop{border:2px dashed var(--line-2);border-radius:14px;padding:40px 24px;text-align:center;cursor:pointer;transition:.2s;background:var(--soft)}
.drop:hover,.drop.over{border-color:var(--red);background:#FFF5F6}
.drop svg{width:42px;height:42px;color:var(--red);margin-bottom:10px}
.drop b{font-size:17px;font-weight:700;color:var(--ink);display:block}
.drop span{font-size:13px;color:var(--text);display:block;margin-top:4px}
.drop .pick{display:inline-block;margin-top:14px;background:var(--ink);color:#fff;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:700}
.files{margin-top:18px;display:flex;flex-direction:column;gap:8px}
.file{display:flex;align-items:center;gap:12px;background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:11px 14px;animation:rise .25s ease}
.file.draggable{cursor:grab}.file.dragging{opacity:.4}
.file .grip{color:var(--muted);cursor:grab}
.file .fic{width:30px;height:30px;border-radius:8px;background:#FEE2E4;color:var(--red);display:grid;place-items:center;flex-shrink:0}
.file .fic svg{width:16px;height:16px}
.file .meta{flex:1;min-width:0}
.file .meta b{font-size:14px;font-weight:600;color:var(--ink);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.file .meta small{font-size:12px;color:var(--muted)}
.file .del{background:none;border:none;cursor:pointer;color:var(--muted);padding:4px;border-radius:6px}
.file .del:hover{color:var(--red);background:#fff}
.opts{margin-top:20px;display:flex;flex-direction:column;gap:15px}
.opt-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.opt-label{font-size:13.5px;font-weight:700;color:var(--ink);min-width:130px}
.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:11px;overflow:hidden}
.seg button{background:#fff;border:none;padding:9px 15px;cursor:pointer;font-size:13px;font-weight:600;color:#64748b;border-right:1px solid var(--line)}
.seg button:last-child{border-right:none}
.seg button.on{background:var(--ink);color:#fff}
input[type=text],select{font-size:14px;padding:10px 13px;border:1px solid var(--line-2);border-radius:11px;background:#fff;color:var(--ink);min-width:200px;font-family:inherit}
input[type=text]:focus,select:focus{outline:none;border-color:var(--red)}
.hint{font-size:12.5px;color:var(--muted)}
.thumbs{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}
.thumb{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;cursor:grab}
.thumb.dragging{opacity:.4}
.thumb canvas{width:100%;display:block}
.thumb .pno{position:absolute;bottom:0;left:0;right:0;background:rgba(15,23,42,.8);color:#fff;font-size:11px;text-align:center;padding:3px}
.actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn{background:var(--red);color:#fff;border:none;padding:14px 26px;border-radius:13px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:.18s;box-shadow:0 14px 26px -14px var(--red)}
.btn:hover:not(:disabled){background:var(--red-deep);transform:translateY(-2px)}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn svg{width:18px;height:18px}
.btn.ghost{background:#fff;color:#475569;box-shadow:none;border:1px solid var(--line-2)}
.btn.ghost:hover:not(:disabled){background:var(--soft);color:var(--ink)}
.status{margin-top:16px;font-size:14px;display:none;align-items:center;gap:10px;padding:13px 16px;border-radius:11px}
.status.show{display:flex}
.status.work{background:var(--soft);color:var(--text)}
.status.ok{background:#ECFDF5;color:#16A34A;border:1px solid #bbf7d0}
.status.err{background:#FEF2F2;color:#DC2626;border:1px solid #fecaca}
.spinner{width:16px;height:16px;border:2px solid var(--line-2);border-top-color:var(--red);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.usecount{font-size:12px;color:var(--muted);margin-left:auto}

/* ---------- AD BAND ---------- */
.adband{margin:46px auto 0}
.adband .box{border:1px dashed var(--line-2);border-radius:14px;background:var(--soft);padding:14px;text-align:center;min-height:100px;display:grid;place-items:center}
.adband .box small{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

/* ---------- FEATURE BAND ---------- */
.feature{padding:60px 0}
.feat-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:linear-gradient(135deg,#EEF2FF 0%, #F5ECFF 100%);border:1px solid #E6E9FB;border-radius:26px;padding:44px}
@media(max-width:840px){.feat-card{grid-template-columns:1fr;padding:32px}}
.feat-illu{display:grid;place-items:center}
.feat-illu svg{width:100%;max-width:340px;height:auto}
.feat-copy h2{font-size:clamp(24px,3vw,34px);font-weight:800;margin-top:12px}
.feat-list{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:16px}
.feat-list li{display:flex;align-items:flex-start;gap:13px;font-size:15px;color:#334155}
.feat-list .fi{width:34px;height:34px;border-radius:10px;background:#fff;color:var(--red);display:grid;place-items:center;flex-shrink:0;box-shadow:0 6px 14px -8px rgba(15,23,42,.3)}
.feat-list .fi svg{width:18px;height:18px}

/* ---------- PRIVACY ---------- */
.privacy{padding:30px 0 70px}
.privacy .lead{font-size:16px;color:var(--text);max-width:66ch;margin-top:14px}
.pcards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
@media(max-width:900px){.pcards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.pcards{grid-template-columns:1fr}}
.pcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
.pcard .pic{width:38px;height:38px;border-radius:11px;background:#FEE2E4;color:var(--red);display:grid;place-items:center;margin-bottom:12px}
.pcard .pic svg{width:20px;height:20px}
.pcard h4{font-size:16px;font-weight:700;margin-bottom:6px}
.pcard p{font-size:13px;color:var(--text);line-height:1.5}
.pdetails{margin-top:24px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.pdetails details{border-bottom:1px solid var(--line)}
.pdetails details:last-child{border-bottom:none}
.pdetails summary{cursor:pointer;padding:16px 20px;font-weight:700;font-size:15px;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--ink);gap:16px}
.pdetails summary::-webkit-details-marker{display:none}
.pdetails summary::after{content:"+";font-size:22px;line-height:1;color:var(--red);font-weight:400}
.pdetails details[open] summary::after{content:"\2013"}
.pdetails .pc{padding:0 20px 18px;font-size:14px;color:var(--text);line-height:1.65}
.pdetails .pc a{color:var(--red);text-decoration:underline}
.pdetails .pc ul{margin:8px 0 0 18px}
.pdetails .pc li{margin-bottom:6px}
.fineprint{font-size:12px;color:var(--muted);margin-top:18px;line-height:1.6}

/* ---------- FOOTER ---------- */
.site-footer{background:var(--footer);color:#9aa7bd}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr;gap:32px;padding:56px 24px 30px}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:520px){.foot-grid{grid-template-columns:1fr}}
.foot-brand img{height:30px;margin-bottom:14px}
.foot-brand p{font-size:13.5px;max-width:30ch}
.socials{display:flex;gap:10px;margin-top:16px}
.socials a{width:34px;height:34px;border-radius:9px;background:var(--footer-2);display:grid;place-items:center;color:#cdd7e6;transition:.15s}
.socials a:hover{background:var(--red);color:#fff}
.socials svg{width:16px;height:16px}
.foot-col h4{color:#fff;font-size:14px;font-weight:700;margin-bottom:14px}
.foot-col a{display:block;font-size:13.5px;margin-bottom:9px;color:#9aa7bd}
.foot-col a:hover{color:#fff}
.news p{font-size:13px;margin-bottom:12px}
.news-box{display:flex;gap:8px}
.news-box input{flex:1;min-width:0;background:var(--footer-2);border:1px solid #25324d;color:#fff;border-radius:10px;padding:10px 12px;font-size:13px}
.news-box input::placeholder{color:#6b7a93}
.news-box button{background:var(--red);border:none;color:#fff;border-radius:10px;width:44px;cursor:pointer;font-size:18px;font-weight:700}
.news-box button:hover{background:var(--red-deep)}
.foot-bottom{border-top:1px solid #1d2942}
.foot-bottom .container{padding:18px 24px;font-size:12.5px;color:#6b7a93;text-align:center}

/* ---------- AD MODAL ---------- */
.modal{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);display:none;place-items:center;padding:20px}
.modal.show{display:grid;animation:fade .25s ease}
@keyframes fade{from{opacity:0}to{opacity:1}}
.modal .panel{background:#fff;border-radius:18px;max-width:560px;width:100%;box-shadow:0 30px 80px -30px rgba(0,0,0,.6);overflow:hidden;animation:rise .3s ease}
.modal .ptop{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.modal .ptop b{font-size:17px;color:var(--ink)}
.modal .ptop small{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.modal .adslot{padding:18px;min-height:260px;display:grid;place-items:center;background:var(--soft);border-bottom:1px solid var(--line)}
.modal .adslot .ph{text-align:center;color:var(--muted)}
.modal .adslot .ph svg{width:40px;height:40px;margin-bottom:8px}
.modal .pbot{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.modal .pbot p{font-size:13px;color:var(--text)}
.modal .skip{background:var(--ink);color:#fff;border:none;padding:11px 22px;border-radius:11px;font-weight:700;cursor:pointer;font-size:14px}
.modal .skip:disabled{opacity:.45;cursor:not-allowed}
.hidden{display:none!important}

/* ---------- LEGAL / CONTENT SECTIONS ---------- */
.legal{padding:34px 0}
.legal .container{max-width:880px}
.legal h2{font-size:clamp(24px,3vw,32px);font-weight:800}
.legal h3{font-size:18px;font-weight:700;margin-top:24px;color:var(--ink)}
.legal p{margin-top:10px;font-size:15px;color:var(--text)}
.legal ul{margin:10px 0 0 20px}
.legal li{margin-bottom:6px;font-size:15px;color:var(--text)}
.legal .updated{font-size:12.5px;color:var(--muted);margin-top:18px}

/* ---------- COOKIE CONSENT ---------- */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:900;background:#fff;border-top:1px solid var(--line-2);box-shadow:0 -12px 30px -22px rgba(15,23,42,.5);transform:translateY(115%);transition:transform .4s ease}
.cookie.show{transform:none}
.ck-inner{max-width:1180px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ck-inner p{font-size:13.5px;color:var(--text);flex:1;min-width:240px;margin:0}
.ck-inner a{color:var(--red);text-decoration:underline}
.ck-btns{display:flex;gap:10px}
.ck-no{background:#fff;border:1px solid var(--line-2);color:#475569;padding:10px 18px;border-radius:11px;font-weight:700;cursor:pointer;font-size:13.5px;font-family:inherit}
.ck-no:hover{background:var(--soft)}
.ck-all{background:var(--red);border:none;color:#fff;padding:10px 20px;border-radius:11px;font-weight:700;cursor:pointer;font-size:13.5px;font-family:inherit}
.ck-all:hover{background:var(--red-deep)}