:root{--blue:#7c3aed;--navy:#222039}body{background:linear-gradient(180deg,#faf8ff 0,#fff 640px)}body:before{display:none}a{color:#6d28d9}.brand-mark{width:34px;height:34px;border-radius:10px;background:#7c3aed;color:#fff;display:grid;place-items:center;font-size:25px;font-weight:800}.brand{display:flex;align-items:center;gap:9px;font-size:27px;font-weight:750;letter-spacing:-1px;color:#222039}.brand:hover{text-decoration:none}.brand small{font-size:9px;letter-spacing:1px;color:#8d849c;display:block;margin-top:-3px}.hero{padding-top:57px}.hero h1{font-size:clamp(36px,5vw,60px);letter-spacing:-2px;max-width:800px}.hero h1 em{font-style:normal;color:#7c3aed}.hero .eyebrow{color:#7c3aed;background:#f2ebff;border-color:#e9ddff;letter-spacing:1.2px}.eyebrow-dot{background:#8b5cf6}.hero p{max-width:570px}.clip-workspace{max-width:790px;margin-top:30px;padding:28px}.input-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.input-heading span{font-size:10px;background:#f3edfc;color:#7c3aed;border-radius:5px;padding:4px 7px}.clip-workspace label{margin:0;color:#55516c;font-size:12px}.clip-input{display:flex;align-items:center;background:#fbfaff;border:1px solid #e5dff0;border-radius:12px;margin-top:10px;padding-left:15px}.clip-input span{color:#a496b8;font-size:20px}.clip-input input{border:0;background:transparent;margin:0;padding:17px 13px;min-width:0;flex:1}.clip-input input:focus{background:transparent}.clip-input button{background:transparent;border:0;color:#8b7a9e;font-size:24px;padding:12px}.clip-workspace .actions{border:0;padding-top:0;margin:17px 0 0}.primary{background:#7c3aed;box-shadow:0 5px 13px #7c3aed15}.primary:hover{background:#6d28d9}.clip-workspace .primary{width:100%;padding:15px}.clip-workspace .hint{margin:11px 0 0;text-align:center;color:#9a90aa;font-size:11px}.tool-meta b,.section-kicker{color:#7c3aed}.step-number{color:#7c3aed;background:#f3edff}.process-section{max-width:960px;margin:auto}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-block:1px solid #eee9f5;margin-top:15px;padding:31px 10px}.benefits h3{font-size:14px;margin:0 0 6px;color:#49415f}.benefits p{font-size:12px;line-height:1.8;color:#90869f;margin:0}.practical{padding-bottom:30px}.practical details{border-color:#eee9f5}.guides-grid a:hover{border-color:#d1b9ee}.guides-grid span{color:#7c3aed}.result-summary{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:center;max-width:1040px;margin:auto}.result-summary video{width:100%;aspect-ratio:16/9;background:#1b1529;border-radius:16px}.result-summary h2{font-size:24px;overflow-wrap:anywhere;margin:10px 0 16px}.result-summary p{font-size:13px;color:#8d819c;line-height:1.7}.clip-badge{display:inline-block;background:#f3edff;color:#7c3aed;border-radius:7px;font-size:10px;font-weight:700;padding:6px 9px;letter-spacing:1px}.quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:28px}.quality-card{border:1px solid #e9e1f2;border-radius:16px;padding:23px;background:#fff}.quality-card h2{font-size:28px;margin:9px 0}.quality-card p{font-size:12px;color:#94869f;margin-bottom:20px}.quality-card .primary{display:block;text-align:center}.quality-card small{color:#968aa2;font-size:10px}.expiry{font-size:12px;color:#8d819c;line-height:1.7;margin:20px 0}.download[aria-disabled]{background:#aaa;cursor:default}.error-panel{max-width:650px;margin:30px auto 70px;text-align:center;border:1px solid #e9e1f2;border-radius:18px;padding:35px}.error-panel p{color:#8c8098;margin-bottom:25px}footer{background:#faf8fd;border-color:#eee9f5}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-main .brand{justify-content:flex-start}.footer-brand p{max-width:350px}.language select:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#7c3aed}
@media(max-width:800px){.hero h1{font-size:44px;letter-spacing:-1.5px}.result-summary{grid-template-columns:1fr}.benefits{grid-template-columns:1fr;padding:25px 0;gap:19px}.footer-main{grid-template-columns:1fr 1fr}.result-summary h2{font-size:22px}.clip-workspace{padding:22px}.hero{padding-top:36px}}
@media(max-width:540px){.hero h1{font-size:38px;max-width:370px}.hero p{font-size:14px;max-width:340px}.clip-workspace{padding:19px;margin-top:25px}.clip-input input{font-size:12px;padding:16px 9px}.clip-input{padding-left:10px}.clip-input button{padding:10px}.input-heading span{font-size:9px}.quality-grid{grid-template-columns:1fr}.tool-meta{font-size:10px}.brand{font-size:25px}.hero .eyebrow{font-size:9px}.content-page .hero h1,.result-page .hero h1{font-size:33px;letter-spacing:-1px}}