:root{--blue:#0874ff;--blue2:#0569f5;--ink:#0d1b39;--muted:#52617d;--line:#dbe4f0;--soft:#eef5ff;--white:#fff;--shadow:0 18px 45px rgba(24,69,140,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fbff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}.container{width:min(1135px,calc(100% - 40px));margin:auto}.hidden{display:none!important}a{text-decoration:none;color:inherit}
.site-header{height:82px;background:linear-gradient(90deg,#0874ff,#006cf6);color:#fff}.nav{height:100%;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-size:2rem;font-weight:850;letter-spacing:-.04em}.brand img{width:58px;height:58px;object-fit:contain}.menu{margin-left:auto;display:flex;align-items:center;gap:36px;font-weight:600}.menu a{opacity:.95}.menu a:hover{opacity:1}.lang,.theme{border:0;background:none;color:white;font:inherit;cursor:pointer}.lang i{font-size:.66rem;margin-left:5px}.divider{width:1px;height:28px;background:rgba(255,255,255,.25)}.theme{font-size:1.8rem}
.hero{background:linear-gradient(124deg,#0874ff 0%,#056cf7 58%,#0575ff 100%);color:#fff;min-height:397px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-130px;bottom:-200px;width:470px;height:470px;border-radius:50%;background:rgba(0,112,255,.18)}.hero-inner{min-height:397px;display:grid;grid-template-columns:1.35fr .85fr;align-items:center;position:relative;z-index:1}.hero-copy{padding:38px 0 64px}.eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.22em;margin-bottom:20px;opacity:.9}.hero h1{font-size:clamp(4rem,6.2vw,5.7rem);line-height:.91;letter-spacing:-.06em;margin:0 0 22px;font-weight:900}.hero p{font-size:1.18rem;line-height:1.55;max-width:670px;margin:0;opacity:.95}.mascot-zone{display:flex;align-items:center;justify-content:flex-end;gap:28px}.mascot-card{width:260px;height:260px;border-radius:54px;background:rgba(0,93,237,.26);display:grid;place-items:center;transform:rotate(-3deg);box-shadow:0 28px 70px rgba(0,50,150,.13) inset}.mascot-card img{width:190px;height:190px;object-fit:contain;transform:rotate(3deg)}.scribble{font-family:"Comic Sans MS","Segoe Print",cursive;font-size:1.45rem;font-weight:900;line-height:1.08;transform:rotate(-7deg);position:relative;min-width:145px}.scribble span{position:absolute;left:8px;right:-2px;height:4px;background:#fff;bottom:-16px;border-radius:99px;transform:rotate(-5deg)}
.tool-section{position:relative;margin-top:-57px;z-index:2;padding-bottom:55px}.download-card{background:#fff;border:1px solid #eef2f7;border-radius:23px;padding:20px 20px 14px;box-shadow:var(--shadow)}.download-form{display:grid;grid-template-columns:1fr 190px;gap:13px}.url-box{height:58px;border:1px solid #d5deea;border-radius:14px;display:flex;align-items:center;background:#fbfdff;overflow:hidden}.url-icon{height:100%;width:58px;display:grid;place-items:center;border-right:1px solid #d9e1ec;font-size:1.28rem;color:#142b55}.url-box input{border:0;outline:0;background:transparent;width:100%;height:100%;padding:0 16px;font-size:1rem;color:#1d2c48}.url-box input::placeholder{color:#6f7f98}.clear{width:34px;height:34px;margin-right:10px;border:0;border-radius:50%;background:#e3e9f1;color:#8a97aa;cursor:pointer;font-size:1rem}.download-btn{border:0;border-radius:14px;background:#0874ff;color:white;font-size:1.05rem;font-weight:850;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 8px 18px rgba(8,116,255,.22)}.download-btn:hover{filter:brightness(.97)}.download-btn:disabled{opacity:.75}.support-copy{text-align:center;color:#64738d;font-size:.83rem;margin-top:11px}.message{text-align:center;font-weight:700;color:#50709a;padding-top:8px}.message.error{color:#c33}
.result{margin-top:18px;border-top:1px solid var(--line);padding:18px 4px 3px;display:grid;grid-template-columns:330px 1fr;gap:24px}.thumb-wrap{position:relative;border-radius:15px;overflow:hidden;background:#edf3fb;aspect-ratio:16/9}.thumb-wrap img{width:100%;height:100%;object-fit:cover}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:rgba(13,27,57,.8);color:white;display:grid;place-items:center;padding-left:3px}.found{font-weight:850;display:flex;align-items:center;gap:8px}.found span{width:24px;height:24px;border-radius:50%;background:#17c979;color:white;display:grid;place-items:center;font-size:.75rem}.result-body h2{font-size:1.3rem;margin:7px 0 5px}.result-body p{margin:0 0 15px;color:var(--muted)}.formats{display:flex;flex-wrap:wrap;gap:10px}.quality{min-width:145px;min-height:64px;border:1px solid #e0e7f0;border-radius:12px;background:#f0f4f9;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:18px}.quality span{display:flex;flex-direction:column}.quality strong{font-size:1rem}.quality small{color:#687895;margin-top:2px}.quality.primary{background:#0874ff;color:white;border-color:#0874ff}.quality.primary small{color:rgba(255,255,255,.78)}
.platforms{display:grid;grid-template-columns:repeat(9,1fr);gap:18px;padding:32px 0 30px;border-bottom:1px solid #d8e2ef}.platform{text-align:center;font-size:.77rem;color:#20314e}.platform b{display:block;margin-top:9px;white-space:nowrap}.picon{width:58px;height:58px;border-radius:13px;margin:auto;display:grid;place-items:center;color:#fff;font-size:2rem;box-shadow:0 6px 14px rgba(25,60,110,.08)}.picon.x{background:#050505}.picon.instagram{background:radial-gradient(circle at 32% 105%,#ffd600 0 20%,#ff7a00 33%,#ff0169 52%,#d300c5 70%,#7638fa 100%)}.picon.facebook{background:#1674ea}.picon.tiktok{background:#050505;text-shadow:2px 1px #ff0050,-2px -1px #00f2ea}.picon.reddit{background:#ff4500}.picon.pinterest{background:#e60023}.picon.linkedin{background:#0a74a8}.picon.vimeo{background:#19a9e5}.picon.dailymotion{background:#050505;font-family:Arial Black,Arial,sans-serif;font-size:2rem}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding:24px 14px 32px}.benefits article{display:flex;align-items:center;gap:18px}.benefit-icon{width:72px;height:72px;border-radius:50%;background:#e8f2ff;color:#0874ff;display:grid;place-items:center;font-size:1.75rem;flex:0 0 auto}.benefits h3{font-size:1.05rem;margin:0 0 4px}.benefits p{margin:0;color:#53637d;font-size:.9rem}
.coming{background:linear-gradient(90deg,#eaf3ff,#e1efff);border-radius:17px;min-height:106px;display:flex;align-items:center;padding:18px 27px;gap:20px}.mini-bot{width:70px;height:70px;display:grid;place-items:center}.mini-bot img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,90,220,.08))}.coming h3{margin:0 0 5px;color:#0874ff;font-size:1.2rem}.coming p{margin:0;color:#53637d}.soon{margin-left:auto;background:#fff;border:1px solid #d4e5fb;border-radius:999px;padding:12px 19px;color:#0874ff;font-weight:800;font-size:.83rem;white-space:nowrap}.soon i{margin-right:8px}
.faq{padding:72px 0}.faq h2{font-size:2rem;letter-spacing:-.03em}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 18px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted);line-height:1.55}footer{border-top:1px solid var(--line);background:#fff}.footer{min-height:70px;display:flex;justify-content:space-between;align-items:center;color:#6d7b91;font-size:.84rem}
@media(max-width:1000px){.menu{gap:20px}.mascot-zone{gap:12px}.mascot-card{width:220px;height:220px}.mascot-card img{width:160px}.scribble{font-size:1.25rem}.platforms{grid-template-columns:repeat(5,1fr);row-gap:24px}.benefits{gap:20px}.result{grid-template-columns:280px 1fr}}
@media(max-width:760px){.container{width:min(100% - 24px,1135px)}.site-header{height:68px}.brand{font-size:1.45rem}.brand img{width:46px;height:46px}.menu a,.divider{display:none}.menu{gap:12px}.hero{min-height:auto}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:42px 0 88px}.hero h1{font-size:3.6rem}.hero p{font-size:1rem}.mascot-zone{display:none}.tool-section{margin-top:-55px}.download-card{padding:14px}.download-form{grid-template-columns:1fr}.download-btn{height:56px}.platforms{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:1fr;padding-left:3px;padding-right:3px}.result{grid-template-columns:1fr}.coming{align-items:flex-start}.soon{display:none}.footer{flex-direction:column;justify-content:center;gap:4px}}
@media(max-width:430px){.hero h1{font-size:3rem}.picon{width:52px;height:52px}.platform b{font-size:.7rem}.coming{padding:15px}.support-copy{font-size:.74rem}}