/* Zorpt · home page */
.hero{text-align:center;padding:clamp(28px,7vw,76px) 0 40px}
.mark{width:clamp(74px,11vw,112px);height:auto;margin:0 auto 22px;display:block;filter:drop-shadow(0 0 26px var(--glow)) drop-shadow(0 0 70px rgba(30,144,255,.5));animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px)}}
.field{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.field label{font:600 11px var(--head);letter-spacing:.18em;text-transform:uppercase;color:var(--ti)}
.field input{flex:1;min-width:200px;background:rgba(4,10,28,.75);border:1px solid var(--hair);border-radius:12px;padding:12px 16px;color:var(--wh);font:500 14px var(--body);transition:.2s}
.field input:focus{border-color:var(--ice);box-shadow:0 0 0 4px rgba(91,223,255,.12),0 0 24px -6px var(--glow);outline:0}
.drop{border:1.5px dashed rgba(91,223,255,.45);border-radius:18px;padding:clamp(34px,6vw,64px) 20px;text-align:center;cursor:pointer;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.drop:hover,.drop.over{background:rgba(91,223,255,.07);border-color:var(--ice);transform:translateY(-3px);box-shadow:0 0 50px -12px var(--glow),inset 0 0 40px -20px var(--glow)}
.drop img{width:46px;height:46px;margin-bottom:14px;filter:drop-shadow(0 0 10px var(--glow))}
.drop b{display:block;font:700 15px var(--head);letter-spacing:-.01em;margin-bottom:6px}
.drop span{color:var(--ti);font-size:13.5px}
.busy{text-align:center;padding:48px 0}
.spin{width:42px;height:42px;border-radius:50%;border:3px solid var(--hair);border-top-color:var(--ice);margin:0 auto 18px;animation:sp 1s linear infinite;filter:drop-shadow(0 0 10px var(--glow))}
@keyframes sp{to{transform:rotate(360deg)}}
.pvbox{aspect-ratio:16/10;border-radius:14px;overflow:hidden;border:1px solid rgba(91,223,255,.3);background:#000;box-shadow:0 0 60px -20px var(--glow)}
.pvbox iframe{width:100%;height:100%;border:0}
.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.note{color:var(--ti);font-size:13px;margin-top:12px}
section.blk{padding:84px 0 0}
h2{font:800 clamp(24px,3.8vw,42px)/1.1 var(--head);letter-spacing:-.035em;text-align:center;margin-bottom:38px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.grid .card{padding:28px}
.grid p{color:var(--pl);font-size:14.5px}
.navr{display:flex;gap:26px;align-items:center}
nav a.sup{color:var(--ice);text-shadow:0 0 16px var(--glow)}
.field select{background:rgba(4,10,28,.75);border:1px solid var(--hair);border-radius:12px;padding:12px 14px;color:var(--wh);font:500 14px var(--body)}
.field select:focus{border-color:var(--ice);outline:0;box-shadow:0 0 0 4px rgba(91,223,255,.12)}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.tag{display:inline-block;font:600 10px var(--head);letter-spacing:.16em;text-transform:uppercase;padding:5px 12px;border-radius:999px;border:1px solid rgba(91,223,255,.4);color:var(--ice);margin-bottom:14px}
.free{max-width:860px;text-align:center;padding:clamp(28px,5vw,52px)}
.free .tag{background:rgba(91,223,255,.1);box-shadow:0 0 28px -6px var(--glow);animation:pulse 3s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 40px 0 var(--glow)}}
.free p{color:var(--pl);max-width:52ch;margin:0 auto 6px}
.free .row{justify-content:center}
.free .btn{text-decoration:none;display:inline-block}
@media(max-width:560px){.navr{gap:14px}nav a.l{font-size:10.5px}}