.freename-import .imp-hero{width:calc(100% - 40px);max-width:1480px;margin:22px auto 0;padding:54px 24px 42px;border-radius:22px;background:#f0e9fc}.freename-import .imp-hero-inner{max-width:960px;padding:0}.freename-import .imp-eyebrow{padding:0;border:0;border-radius:0;background:none;color:var(--fn-purple);font-size:11px;letter-spacing:1.5px}.freename-import .imp-eyebrow .dot{background:var(--fn-purple)}.freename-import h1{margin:20px auto 0;font-size:clamp(36px,4.7vw,64px);font-weight:800;line-height:1.04;letter-spacing:-.045em}.freename-import h1 em{display:block;color:var(--fn-purple);font-style:normal}.freename-import .sub{max-width:570px;margin:20px auto 0;font-size:16px;line-height:1.6;color:#776b80}.freename-import .sub b{font-weight:600}.freename-import .imp-supported{margin:14px auto 0;font-size:12px;color:#716279}.freename-import .imp-paths{max-width:640px;margin-top:28px}.freename-import .imp-drop{min-height:178px;justify-content:center;gap:10px;border:1px dashed #ae95bd;border-radius:13px;background:#fffefa;color:var(--fn-purple);box-shadow:0 5px 0 #c9b8d3}.freename-import .imp-drop.over,.freename-import .imp-drop:hover{background:#fff;border-color:var(--fn-purple)}.freename-import .imp-drop:focus-visible,.freename-import .imp-gh:focus-within{outline:3px solid var(--fn-purple);outline-offset:4px}.freename-import .imp-drop strong{font-size:18px;color:var(--fn-ink)}.freename-import .imp-drop span{font-size:13px;color:#776b80}.freename-import .imp-or{margin:24px 0 18px;font-size:12px;color:#776b80}.freename-import .imp-or:after,.freename-import .imp-or:before{background:#d8cbe2}.freename-import .imp-gh{background:#fffefa;border:1px solid #c7b5d1;border-radius:12px;padding:7px;box-shadow:0 4px 0 #c9b8d3}.freename-import .imp-gh .iw{min-width:0}.freename-import .imp-gh input{font:inherit;font-size:14px;color:var(--fn-ink)}.freename-import .imp-gh input::-moz-placeholder{color:#918995}.freename-import .imp-gh input::placeholder{color:#918995}.freename-import .imp-gh button{background:var(--fn-yellow);color:#191713;border-radius:7px;min-height:44px;padding:10px 20px;font-size:14px;font-weight:600}.freename-import .imp-gh button:hover:not(:disabled){background:#ffdf59}.freename-import .imp-gh button:disabled{opacity:.6}.freename-import .imp-gh-hint{margin:15px 8px 0;font-size:12px;line-height:1.6;color:#776b80}.freename-import .imp-err{max-width:640px;margin:22px auto 0;text-align:left;line-height:1.6;background:#fff4f1;border-color:#e6b5aa;color:#913c2b}.freename-import .imp-how{max-width:760px;margin:34px auto 0;gap:20px;flex-wrap:nowrap;font-size:13px}.freename-import .imp-how>div{flex:1;color:#44374e}.freename-import .imp-how b{color:var(--fn-purple)}.freename-import .imp-how span{display:block;margin-top:5px;color:#807288;font-size:11px}.freename-import .imp-how>svg{color:#a28daf}.freename-import .imp-footer{display:flex;justify-content:space-between;gap:20px;max-width:1440px;margin:auto;padding:28px 48px;font-size:12px;color:#77747d}.freename-import .imp-footer>a{display:inline-flex;align-items:center;gap:8px}@media (max-width:720px){.freename-import .imp-hero{width:calc(100% - 20px);margin-top:12px;padding:35px 16px 28px;border-radius:16px}.freename-import .imp-eyebrow{font-size:9px;letter-spacing:1px}.freename-import h1{font-size:clamp(34px,8vw,52px)}.freename-import .sub{font-size:14px}.freename-import .imp-supported{font-size:11px}.freename-import .imp-drop{padding:26px 12px}.freename-import .imp-drop strong{font-size:16px}.freename-import .imp-gh{flex-wrap:wrap}.freename-import .imp-gh .iw{flex-basis:100%;min-height:44px;padding:0 6px}.freename-import .imp-gh input{font-size:16px}.freename-import .imp-gh button{width:100%;justify-content:center}.freename-import .imp-how{flex-direction:column;gap:12px}.freename-import .imp-how>svg{transform:rotate(90deg)}.freename-import .imp-footer{padding:25px 20px}}.freename-import .imp-html-hint{max-width:590px;margin:18px auto 0;font-size:12px;line-height:1.6;color:#776b80}