@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#191b30;--muted:#777b91;--purple:#6959e8;--blue:#4c80f4;--line:#e9eaf4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:15px 'DM Sans',Arial,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}button,input{font:inherit}.header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1150px)/2),5%);border-bottom:1px solid #f0f1f8;position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(12px);z-index:5}.brand{display:flex;align-items:center;font:800 22px Manrope,sans-serif;letter-spacing:-1px;gap:3px}.brand>span:last-child,footer .brand{color:var(--ink)}.brand>span:not(.logo){color:var(--purple)}.logo{display:grid;place-items:center;width:30px;height:30px;margin-right:8px;border-radius:9px;background:linear-gradient(135deg,#7966f2,#4c83f5);color:white}.header nav,footer nav{display:flex;gap:28px;align-items:center;font-size:12px;color:#73778c;font-weight:600}.header nav a:hover,footer nav a:hover{color:var(--purple)}.header-btn{font-size:12px;font-weight:700;border:1px solid var(--line);border-radius:11px;padding:10px 15px}.hero{max-width:1150px;margin:auto;padding:75px 20px 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;min-height:500px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--purple)}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(48px,5.5vw,70px);line-height:1.07;letter-spacing:-3px;margin:19px 0}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#6858e8,#4c83f5);color:transparent;background-clip:text}.lead{max-width:460px;color:var(--muted);font-size:16px;line-height:1.85}.actions{display:flex;align-items:center;gap:24px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:0;border-radius:12px;padding:14px 20px;font-size:13px;font-weight:700;cursor:pointer}.primary{background:linear-gradient(110deg,#6b5be8,#4e80f4);color:white;box-shadow:0 9px 22px #625ee52c}.plain-link{font-size:12px;font-weight:700}.trust{font-size:11px;color:#85899b;margin-top:32px}.art{height:350px;position:relative;display:grid;place-items:center}.orb{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#ddd9ff,#e9eeff 50%,#fff 73%)}.tile{position:relative;width:230px;height:260px;background:linear-gradient(145deg,#fff,#f8f7ff);border:1px solid #fff;border-radius:27px;box-shadow:0 25px 60px #3f3e9b24;transform:rotate(-5deg);display:flex;flex-direction:column;align-items:center;padding:35px 20px}.wave{height:80px;display:flex;align-items:center;color:#7062eb;font-size:25px;letter-spacing:2px}.play{display:grid;place-items:center;margin-top:16px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#7864f0,#4d84f4);color:white;box-shadow:0 8px 17px #5b6de63d}.tile small{margin-top:20px;color:#8185a1;font-size:9px;font-weight:800;letter-spacing:1.5px}.line{width:130px;height:5px;border-radius:5px;background:#e7e8f5;margin-top:12px}.line.short{width:85px;margin-top:7px}.float{position:absolute;z-index:2;background:white;border:1px solid #f0f0fa;border-radius:14px;padding:12px;box-shadow:0 13px 35px #4c4b9220;min-width:160px;font-size:14px}.float small{display:block;color:#9295a8;font-size:10px;margin:3px 0 0 26px}.float strong{position:absolute;right:12px;top:22px;color:#289d6a}.top{right:0;top:40px}.bottom{left:0;bottom:38px}.tool-section{background:linear-gradient(180deg,#f8f9ff,#fcfcff);padding:70px 15px 80px}.section-title{text-align:center;margin:0 auto 30px}.section-title h2{font-size:clamp(27px,3vw,36px);letter-spacing:-1px;margin:10px 0}.section-title p{font-size:13px;color:var(--muted);margin:0}.card{max-width:740px;margin:auto;background:white;border:1px solid #ebecf5;border-radius:22px;overflow:hidden;box-shadow:0 18px 55px #3d3f801c}.tabs{display:flex;gap:4px;padding:14px;border-bottom:1px solid #f0f0f7;overflow:auto}.tab{white-space:nowrap;border:1px solid transparent;border-radius:10px;background:white;color:#81859a;font-size:12px;font-weight:700;padding:10px 12px}.tab.active{background:#f2f0ff;color:#5e52d7;border-color:#e9e5ff}.card form{padding:26px 28px 23px}.card form>label,legend{display:block;font-size:12px;font-weight:700;margin-bottom:10px}.urlbox{display:flex;align-items:center;gap:10px;padding:6px 7px 6px 13px;border:1px solid #e5e7f1;border-radius:12px}.urlbox:focus-within{border-color:#a7a0f6;box-shadow:0 0 0 3px #7668ed15}.urlbox>span{color:#8b8da5}.urlbox input{border:0;outline:0;min-width:0;flex:1;padding:9px 0;font-size:12px}.urlbox button{border:0;background:#f0efff;color:#6256d9;font-size:11px;font-weight:700;border-radius:8px;padding:9px 13px}.card fieldset{border:0;padding:0;margin:22px 0 0;display:flex;gap:12px;flex-wrap:wrap}.card legend{margin-bottom:10px}.format{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #e8e9f2;border-radius:12px;padding:10px 13px;min-width:145px;cursor:pointer}.format:has(input:checked){border-color:#9388f2;background:#faf9ff}.format input{accent-color:#7061e8}.fmt{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.audio{background:#efedff;color:#6d5ce7}.video{background:#eaf1ff;color:#4b7cf3}.format b,.format small{display:block}.format b{font-size:12px}.format small{font-size:10px;color:#9497aa}.submit{width:100%;margin-top:22px}.note{font-size:10px;color:#9295a7;line-height:1.7}.message{background:#fff5e9;border:1px solid #ffe4c4;color:#8c571b;padding:12px;border-radius:10px;font-size:12px;margin-top:12px}.notice{margin:0 28px 25px;padding:14px 15px;border:1px solid #eeedff;border-radius:12px;background:#f8f8ff;font-size:11px}.notice p{margin:4px 0 0;color:#7f8298;line-height:1.7}.features{max-width:1080px;margin:auto;padding:75px 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.feature-icon{width:43px;height:43px;border-radius:13px;background:#efedff;color:#7061e8;display:grid;place-items:center;font-size:20px}.feature-icon.green{background:#e7f8f1;color:#2a9d70}.feature-icon.orange{background:#fff0e8;color:#dd8b51}.features h3{font-size:16px;margin:16px 0 8px}.features p{font-size:12px;line-height:1.8;color:#7c8095}.faq{background:#f9faff;padding:70px 20px 80px}.faq details{max-width:760px;margin:auto;border-top:1px solid #e6e8f3;padding:19px 2px}.faq details:last-child{border-bottom:1px solid #e6e8f3}.faq summary{cursor:pointer;font-weight:700;font-size:13px}.faq details p{font-size:12px;color:#777c91;line-height:1.8}.bottom{max-width:1100px;margin:65px auto;border-radius:24px;padding:40px 45px;background:linear-gradient(115deg,#6555e5,#4b7cf2);color:white;display:flex;align-items:center;justify-content:space-between;gap:25px}.bottom .eyebrow{color:#dedaff}.bottom h2{font-size:30px;margin:9px 0}.bottom p{color:#e3e3ff;font-size:12px}.light{background:white;color:#4d49b6;white-space:nowrap}footer{border-top:1px solid #f0f1f7;padding:25px max(calc((100vw - 1150px)/2),5%);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer .brand{font-size:18px}footer p{font-size:10px;color:#9295a7}footer nav{gap:17px}footer nav button{border:0;background:none;color:#74788d;font-size:10px;cursor:pointer}.cookie{position:fixed;z-index:20;bottom:16px;left:16px;right:16px;max-width:960px;margin:auto;padding:19px 21px;background:white;border:1px solid #e7e8f3;border-radius:17px;box-shadow:0 15px 65px #23244b2b;display:flex;align-items:center;gap:20px}.cookie[hidden],.backdrop[hidden]{display:none}.cookie>div:first-child{flex:1}.cookie p,.modal p{font-size:11px;color:#74788d;line-height:1.7;margin:5px 0}.cookie a{color:#5f54d8;text-decoration:underline}.cookie-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cookie-actions button{border:1px solid #e0e2ef;background:white;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:700;white-space:nowrap}.cookie-actions .primary{background:linear-gradient(110deg,#6b5be8,#4e80f4);color:white;border:0}.backdrop{position:fixed;inset:0;z-index:30;background:#191a2d75;display:grid;place-items:center;padding:18px}.modal{width:min(100%,460px);background:white;border-radius:20px;padding:27px;position:relative}.modal h2{font-size:25px;margin:8px 0}.close{position:absolute;right:15px;top:12px;border:0;border-radius:50%;width:30px;height:30px;font-size:22px}.option{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #ececf4;font-size:12px}.option small{display:block;color:#85899c;font-size:10px;margin-top:3px}.option input{accent-color:#6c5ce7;width:18px;height:18px}.option> b:last-child{color:#289663;font-size:10px}.modal .submit{margin-top:18px}.legal{max-width:820px;margin:auto;padding:60px 22px 80px;min-height:65vh}.legal h1{font-size:clamp(35px,5vw,48px);letter-spacing:-1.7px}.legal h2{font-size:20px;margin:30px 0 8px}.legal p,.legal li{font-size:13px;line-height:1.9;color:#555a70}.legal a{color:#5c53d6;text-decoration:underline}.warning{padding:14px 16px;border:1px solid #f2d7a4;background:#fff9ed;color:#825b22;border-radius:12px;font-size:12px;margin:22px 0}.simple-footer{display:block;text-align:center;padding:25px}.simple-footer a{margin:0 9px;color:#6257d7;font-size:11px}@media(max-width:800px){.hero{grid-template-columns:1fr;text-align:center;padding-top:55px;gap:15px}.lead{margin:auto}.actions{justify-content:center}.art{max-width:520px;width:100%;margin:auto}.features{gap:25px}.header nav{gap:14px}}@media(max-width:580px){.header{height:68px;padding:0 15px}.header nav{display:none}.header-btn{font-size:10px;padding:9px}.hero{padding:42px 20px}.hero h1{letter-spacing:-2.4px}.lead{font-size:14px}.art{height:290px;transform:scale(.9)}.top{right:0}.bottom{left:0}.tool-section{padding:55px 12px}.section-title h2{font-size:26px}.tabs{padding:10px}.tab{padding:9px;font-size:11px}.card form{padding:22px 16px}.notice{margin:0 16px 17px}.features{grid-template-columns:1fr;padding:52px 28px;gap:25px}.bottom{display:block;margin:35px 12px;padding:27px 22px}.bottom .btn{margin-top:16px}.bottom h2{font-size:25px}footer{justify-content:center;text-align:center;padding:24px 15px}footer p{width:100%;order:3}footer nav{justify-content:center;flex-wrap:wrap;gap:12px}.cookie{display:block;left:9px;right:9px;bottom:9px;padding:16px;max-height:85vh;overflow:auto}.cookie-actions{margin-top:12px}.cookie-actions button{flex:1}.cookie-actions #settings{width:100%}.modal{padding:23px 19px}.legal{padding:42px 20px 60px}}