:root{--red:#d92f42;--red-dark:#b91f32;--ink:#18212d;--muted:#6d7785;--line:#e8eaf0;--soft:#f7f8fb;--coral:#ffe9e8;--shadow:0 18px 60px rgba(26,38,58,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.site-header{height:78px;padding:0 max(5.5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1f4;background:rgba(255,255,255,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;letter-spacing:-1px}.brand-mark{width:35px;height:35px;background:var(--red);border-radius:12px;display:grid;place-items:center;box-shadow:0 5px 14px #d92f4230}.brand-mark svg{width:22px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand-accent{color:var(--red)}.desktop-nav{display:flex;gap:34px;color:#667080;font-size:14px;font-weight:600}.desktop-nav a:hover,.footer-links a:hover{color:var(--red)}.header-cta{background:#fff3f3;color:var(--red-dark);font-weight:700;font-size:13px;padding:12px 17px;border-radius:12px}.header-cta span{margin-left:7px}.menu-toggle{display:none;border:0;background:transparent;font-size:24px}.hero{position:relative;overflow:hidden;text-align:center;padding:88px 20px 68px;background:radial-gradient(ellipse at 50% 0%,#fff1f1 0,rgba(255,255,255,0) 52%),linear-gradient(180deg,#fff 0%,#fff 80%,#fffafa 100%)}.hero-glow{position:absolute;width:500px;height:350px;background:#ffe7e8;filter:blur(90px);opacity:.55;top:-220px;left:calc(50% - 250px);pointer-events:none}.eyebrow,.section-kicker{font-size:11px;letter-spacing:1.7px;font-weight:800;color:var(--red);display:inline-flex;align-items:center;gap:8px}.eyebrow{padding:9px 13px;border:1px solid #f7d7d9;border-radius:999px;background:#fff9f9}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-2px}h1{font-size:clamp(42px,6vw,70px);line-height:1.08;margin:24px 0 18px;font-weight:800}h1 span,.tutorial-content h2 span{color:var(--red)}.hero-copy{max-width:580px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.75}.downloader-card{position:relative;z-index:1;max-width:850px;margin:38px auto 0;padding:26px;background:#fff;border:1px solid #f0e5e6;border-radius:20px;box-shadow:var(--shadow);text-align:left}.input-label{font-size:13px;font-weight:700;margin-bottom:10px}.url-row{display:flex;gap:10px}.url-input-wrap{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:1px solid #e2e5eb;border-radius:12px;padding:0 10px 0 15px;transition:.2s}.url-input-wrap:focus-within{border-color:#e28b94;box-shadow:0 0 0 4px #d92f4210}.link-icon{width:19px;flex-shrink:0;fill:none;stroke:#9aa2ae;stroke-width:1.8;stroke-linecap:round}.url-input-wrap input{border:0;outline:0;min-width:0;flex:1;height:52px;font:inherit;font-size:14px;color:var(--ink);background:transparent}.url-input-wrap input::placeholder{color:#a1a8b2}.paste-btn{border:0;background:#f5f6f8;color:#505b69;border-radius:8px;padding:9px 11px;font:600 12px "DM Sans";cursor:pointer;white-space:nowrap}.paste-btn span{margin-right:4px}.download-btn,.result-download{border:0;background:var(--red);color:white;font:700 14px "DM Sans";border-radius:12px;padding:0 23px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;white-space:nowrap;transition:.2s;box-shadow:0 6px 15px #d92f4226}.download-btn:hover,.result-download:hover{background:var(--red-dark);transform:translateY(-1px)}.download-btn:disabled,.result-download:disabled{opacity:.65;cursor:wait;transform:none}.download-symbol{font-size:20px}.privacy-note{font-size:11px;color:#8a929e;margin:14px 0 0}.privacy-note span{color:#4d9c75;margin-right:5px}.trust-row{display:flex;justify-content:center;gap:26px;margin-top:25px;color:#6c7582;font-size:12px}.trust-row b{color:#37a071;margin-right:5px}.status{margin-top:17px;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.5}.status.error{background:#fff0f0;color:#ad2434;border:1px solid #ffd9dc}.status.success{background:#eefaf3;color:#237747;border:1px solid #ccefd9}.status.loading{background:#f4f6fa;color:#4b5c75;border:1px solid #e5eaf2}.result-card{margin-top:18px;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;align-items:center;gap:14px}.result-card[hidden],.status[hidden]{display:none}.result-card img{width:78px;height:88px;object-fit:cover;border-radius:9px;background:#f2f2f2}.result-info{flex:1;min-width:0}.result-kicker{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#2b9a65}.result-info h3{font-size:15px;margin:5px 0;overflow-wrap:anywhere}.result-info p{font-size:12px;color:var(--muted);margin:0}.result-download{padding:13px 16px;font-size:12px}.section-wrap{max-width:1120px;margin:0 auto;padding-left:24px;padding-right:24px}.steps-section{padding-top:88px;padding-bottom:95px}.section-heading{text-align:center;max-width:600px;margin:0 auto 38px}.section-heading h2,.seo-copy h2,.tutorial-content h2{font-size:clamp(30px,4vw,43px);line-height:1.15;margin:13px 0 13px}.section-heading p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{padding:27px 25px 28px;border:1px solid #eceef2;border-radius:17px;background:white;transition:.2s}.step-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #18212d0a}.step-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;font-size:24px;font-weight:700;margin-bottom:25px}.coral{background:#ffe9e8;color:#d92f42}.peach{background:#fff0df;color:#bd792e}.lilac{background:#eeeaff;color:#7560c8}.step-number{font-size:10px;letter-spacing:1.4px;color:#929aa6;font-weight:800}.step-card h3{font-size:17px;margin:9px 0}.step-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.tutorial-section{padding:75px max(8vw,24px);background:#faf7f7;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.tutorial-content{max-width:470px}.tutorial-content h2{margin-top:15px}.tutorial-content p{color:var(--muted);line-height:1.8;font-size:14px}.text-link{color:var(--red);font-size:13px;font-weight:800;display:inline-flex;gap:10px;margin-top:9px}.tutorial-visual{position:relative;max-width:500px;width:100%;margin:auto}.browser-window{background:#fff;border:1px solid #e7e2e4;border-radius:18px;overflow:hidden;box-shadow:0 25px 60px #49232a12;transform:rotate(1deg)}.browser-top{height:44px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;gap:6px;padding:0 14px}.browser-top i{width:7px;height:7px;background:#e5c4c7;border-radius:50%}.browser-top span{margin:auto;font-size:10px;color:#a4a4a4;background:#f8f8f8;padding:6px 60px;border-radius:6px}.browser-body{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.mock-pin{border:1px solid #eee;border-radius:13px;padding:8px}.mock-image{height:160px;border-radius:8px;background:linear-gradient(145deg,#e6b7ad,#f5d8c7 48%,#c77e72);display:grid;place-items:center;position:relative}.play-icon{width:42px;height:42px;border-radius:50%;background:#fff9;color:var(--red);display:grid;place-items:center;padding-left:3px}.mock-tag{position:absolute;bottom:8px;left:8px;background:#ffffffd9;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:800}.mock-lines{padding:10px 2px 3px;display:grid;gap:7px}.mock-lines b,.mock-lines i{height:6px;border-radius:5px;background:#e8e8e8}.mock-lines b{width:78%;background:#d4d6db}.mock-lines i{width:48%}.mock-download{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eee;border-radius:13px;padding:13px;box-shadow:0 8px 20px #2020300a}.mock-check{width:30px;height:30px;border-radius:10px;background:#e4f8eb;color:#27814c;display:grid;place-items:center}.mock-download div{flex:1}.mock-download b,.mock-download small{display:block}.mock-download b{font-size:11px}.mock-download small{font-size:9px;color:#8b929d;margin-top:4px}.mock-arrow{font-size:20px;color:var(--red)}.floating-chip{position:absolute;background:#fff;border:1px solid #eee;border-radius:11px;padding:11px 14px;font-size:11px;font-weight:700;box-shadow:0 12px 35px #1b233011}.chip-one{top:-18px;right:-15px;color:#b34b53}.chip-two{bottom:15px;left:-25px;color:#52627a}.seo-section{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:1.4fr .8fr;gap:80px;align-items:center}.seo-copy h2{max-width:540px}.seo-copy p{font-size:14px;line-height:1.85;color:var(--muted)}.seo-stat{border:1px solid #f0e2e3;background:#fffafa;border-radius:18px;padding:27px}.stat-icon{width:42px;height:42px;border-radius:13px;background:#ffe6e7;color:var(--red);display:grid;place-items:center;font-size:22px}.seo-stat h3{font-size:18px;margin:18px 0 8px}.seo-stat p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.faq-section{padding-top:10px;padding-bottom:100px}.faq-list{max-width:790px;margin:auto;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0 4px}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-weight:700;font-size:14px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--red);font-size:21px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.8;color:var(--muted);max-width:690px;margin:0 0 20px}.site-footer{background:#171d28;color:#fff;padding:42px max(5.5vw,24px) 20px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:25px;padding-bottom:34px}.footer-brand{color:#fff}.footer-main p{font-size:12px;color:#aab1bc;margin:9px 0 0}.footer-links{display:flex;justify-content:flex-end;gap:23px;font-size:12px;color:#c5cad2}.footer-bottom{border-top:1px solid #303642;padding-top:19px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#9ba4b2}
@media(max-width:800px){.desktop-nav{gap:18px}.tutorial-section{gap:35px;padding-top:60px;padding-bottom:60px}.seo-section{gap:35px}.browser-body{padding:14px}.mock-image{height:130px}.floating-chip{font-size:10px}.chip-two{left:-10px}.chip-one{right:-8px}}
@media(max-width:640px){.site-header{height:66px;padding:0 18px}.brand{font-size:20px}.brand-mark{width:32px;height:32px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;color:var(--ink)}.desktop-nav.open{position:absolute;top:65px;left:0;right:0;padding:20px;background:#fff;display:flex;flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}.hero{padding:63px 16px 48px}h1{font-size:44px;letter-spacing:-1.8px}.hero-copy{font-size:14px}.downloader-card{margin-top:28px;padding:17px;border-radius:16px}.url-row{flex-direction:column}.url-input-wrap input{height:49px;font-size:13px}.download-btn{height:49px;width:100%}.trust-row{gap:10px;flex-wrap:wrap;font-size:10px}.result-card{flex-wrap:wrap}.result-card img{width:64px;height:70px}.result-download{width:100%}.steps-section{padding-top:65px;padding-bottom:65px}.steps-grid{grid-template-columns:1fr;gap:12px}.step-card{padding:22px}.step-icon{margin-bottom:17px}.section-heading{margin-bottom:28px}.section-heading h2,.seo-copy h2,.tutorial-content h2{letter-spacing:-1.3px}.tutorial-section{grid-template-columns:1fr;padding:56px 22px;gap:38px}.tutorial-visual{max-width:420px}.browser-body{grid-template-columns:1fr 1fr;gap:9px;padding:12px}.mock-image{height:120px}.browser-top span{padding:6px 35px}.seo-section{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px;gap:24px}.faq-section{padding-bottom:70px}.faq-list summary{font-size:13px}.footer-main{grid-template-columns:1fr;gap:20px}.footer-links{justify-content:flex-start;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:9px}}