:root{--bg:#f5f7fb;--surface:#fff;--ink:#111827;--muted:#667085;--line:#e4e8f0;--brand:#1d4ed8;--brand2:#2563eb;--navy:#0b1634;--navy2:#102755;--soft:#eef4ff;--success:#079455;--danger:#b42318;--shadow:0 14px 42px rgba(16,24,40,.08);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{touch-action:manipulation}img{max-width:100%;display:block}[hidden]{display:none!important}.wrap{width:min(1080px,calc(100% - 32px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header-inner{height:66px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:850;letter-spacing:-.45px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#4f46e5);color:#fff;font-weight:900}.nav{display:flex;gap:22px;align-items:center;color:#475467;font-size:14px;font-weight:650}.nav a:hover{color:var(--brand)}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:70px 0 76px}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero:before{width:380px;height:380px;left:-170px;top:-210px;background:rgba(37,99,235,.24)}.hero:after{width:280px;height:280px;right:-120px;bottom:-170px;background:rgba(99,102,241,.18)}.hero-inner{position:relative;z-index:1;text-align:center}.eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.15px;text-transform:uppercase;color:#bfdbfe}.hero h1{max-width:790px;margin:12px auto 12px;font-size:clamp(37px,6vw,60px);line-height:1.04;letter-spacing:-2.25px}.hero-copy{max-width:650px;margin:0 auto;color:#d7e3ff;font-size:17px}.downloader-form{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;max-width:860px;margin:30px auto 0}.url-field{display:flex;align-items:center;min-width:0;background:#fff;border:1px solid rgba(255,255,255,.5);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.14);overflow:hidden}.url-field:focus-within{outline:3px solid rgba(96,165,250,.25)}.url-field input{min-width:0;width:100%;height:58px;padding:0 18px;border:0;outline:0;background:#fff;color:#101828;font-size:16px}.url-field input::placeholder{color:#98a2b3}.paste-btn{height:40px;margin-right:8px;padding:0 14px;border:0;border-left:1px solid #eef0f4;background:#f8fafc;color:#344054;border-radius:9px;cursor:pointer;font-size:13px;font-weight:800}.paste-btn:hover{background:#eef2f7}.download-btn{height:58px;border:0;border-radius:12px;background:#fff;color:#173b86;box-shadow:0 10px 30px rgba(0,0,0,.14);cursor:pointer;font-weight:850;font-size:16px}.download-btn:hover{background:#eff6ff}.download-btn:disabled{opacity:.7;cursor:wait}.status{min-height:20px;max-width:860px;margin:10px auto 0;text-align:left;color:#fecaca;font-size:13px;font-weight:700}.spinner{display:inline-block;width:14px;height:14px;margin-right:7px;border:2px solid rgba(23,59,134,.28);border-top-color:#173b86;border-radius:50%;vertical-align:-2px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.ad-shell{padding:14px 0;text-align:center}.ad-label{display:block;margin-bottom:5px;text-align:center;text-transform:uppercase;letter-spacing:1.05px;font-size:8px;font-weight:750;color:#98a2b3}.ad-slot{display:grid;place-items:center;margin-inline:auto;max-width:100%;overflow:hidden;border:1px dashed #d0d5dd;border-radius:9px;background:#fafbfc;color:#98a2b3;text-align:center}.ad-slot:empty:before{content:attr(data-format) "  ·  ad placement";font-size:10px;font-weight:650;letter-spacing:.25px}.ad-728x90{width:min(728px,100%);min-height:90px}.ad-160x600{width:160px;min-height:600px}.ad-300x250{width:300px;min-height:250px}.ad-320x50{width:320px;min-height:50px}.ad-responsive,.ad-native{width:100%;min-height:90px}.leader{max-width:760px}.ad-rail{position:fixed;top:88px;z-index:14;width:160px}.ad-rail-left{left:10px}.ad-rail-right{right:10px}.ad-rail .ad-label{font-size:8px}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start;padding:22px 0 4px}.main-col{min-width:0}.side-col{display:grid;gap:16px}.sponsor-card{padding:18px;text-align:left;cursor:pointer;font:inherit;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px rgba(16,24,40,.05)}.sponsor-card small{color:#98a2b3;text-transform:uppercase;font-size:9px;letter-spacing:1px}.sponsor-card strong{display:block;margin:5px 0 4px}.sponsor-card p{margin:0;color:var(--muted);font-size:13px}
.loading-ad{margin-bottom:18px}.result-card{margin-bottom:22px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.result-head{padding:15px 20px;border-bottom:1px solid var(--line);font-size:12px;font-weight:850;color:var(--success);text-transform:uppercase;letter-spacing:.8px}.result-body{padding:22px}.result-preview{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:start}.cover-wrap{aspect-ratio:9/14;overflow:hidden;border-radius:14px;background:#18203a}.cover-wrap img{width:100%;height:100%;object-fit:cover}.cover-fallback{height:100%;display:grid;place-items:center;color:#fff;font-size:42px}.result-kicker{font-size:11px;font-weight:850;color:var(--brand);text-transform:uppercase;letter-spacing:.8px}.result-info{min-width:0}.result-info h2{margin:7px 0 14px;font-size:24px;line-height:1.25;overflow-wrap:anywhere}.creator{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:750}.creator img{width:36px;height:36px;border-radius:50%;object-fit:cover}.creator small{display:block;color:var(--muted);font-weight:500}.mini-stats{display:flex;gap:13px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:12px}.result-ad-slot{margin:22px 0}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.download-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:#fafafa;font-size:13px;font-weight:750;transition:.18s ease}.download-option b{color:var(--brand)}.download-option.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.download-option.primary b{color:#fff}.download-option:hover{transform:translateY(-1px);border-color:#b8c8ea}.slides{margin-top:24px}.slides h3{font-size:16px}.slides-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.slide-thumb{position:relative;overflow:hidden;aspect-ratio:3/4;border-radius:12px;background:#eee}.slide-thumb img{width:100%;height:100%;object-fit:cover}.slide-thumb span{position:absolute;left:7px;right:7px;bottom:7px;padding:7px;border-radius:8px;background:rgba(17,24,39,.78);color:#fff;font-size:10px;text-align:center}.rights-note{margin:18px 0 0;color:var(--muted);font-size:11px}
.section{padding:56px 0}.section.white{background:#fff}.section-head{max-width:690px;margin:0 auto 28px;text-align:center}.section-head small{color:var(--brand);font-weight:850;text-transform:uppercase;letter-spacing:1px}.section-head h2{margin:8px 0;font-size:clamp(27px,4vw,38px);letter-spacing:-1.25px}.section-head p{margin:0;color:var(--muted)}.steps,.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step,.feature{padding:21px;background:#fff;border:1px solid var(--line);border-radius:15px}.white .step,.white .feature{background:#fafbfc}.step b,.feature b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--soft);color:var(--brand);font-size:12px}.step h3,.feature h3{margin:14px 0 7px}.step p,.feature p{margin:0;color:var(--muted);font-size:14px}.faq{max-width:820px}.faq details{margin-bottom:10px;padding:0 18px;background:#fff;border:1px solid var(--line);border-radius:13px}.faq summary{cursor:pointer;padding:17px 0;font-weight:800}.faq p{margin:0 0 17px;color:var(--muted);font-size:14px}.seo-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}.seo-copy h2{font-size:32px;letter-spacing:-1px}.seo-copy p,.seo-copy li{color:var(--muted);font-size:14px}.info-box{padding:22px;border-radius:15px;background:var(--navy);color:#fff}.info-box p{color:#dbe6ff}
.footer{padding:40px 0 86px;background:#0b1223;color:#cbd5e1}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(2,1fr);gap:28px}.footer h4{margin:0 0 9px;color:#fff}.footer a{display:block;margin:7px 0;font-size:13px}.footer .brand{color:#fff}.footer-note{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:11px}.mobile-sticky{display:none;position:fixed;z-index:40;right:0;bottom:0;left:0;padding:5px 8px;background:rgba(255,255,255,.97);border-top:1px solid var(--line)}.mobile-sticky .ad-label{margin-bottom:2px}.page-hero{padding:48px 0;background:var(--navy);color:#fff}.page-hero h1{margin:0 0 8px}.prose{max-width:820px;padding:40px 0}.prose h2{margin-top:30px}.prose p,.prose li{color:#555e70}.contact-form{display:grid;gap:12px;max-width:600px}.contact-form input,.contact-form textarea{padding:12px;border:1px solid var(--line);border-radius:10px}.contact-form button{width:max-content;padding:11px 18px;border:0;border-radius:10px;background:var(--brand);color:#fff;font-weight:800}
@media(max-width:1420px){.ad-rail{display:none!important}}
@media(max-width:850px){.nav{display:none}.content-grid{grid-template-columns:1fr}.side-col{grid-template-columns:repeat(2,minmax(0,1fr))}.steps,.features{grid-template-columns:1fr 1fr}.seo-copy{grid-template-columns:1fr}.result-preview{grid-template-columns:140px minmax(0,1fr)}}
@media(max-width:620px){.wrap{width:min(1080px,calc(100% - 22px))}.hero{padding:50px 0 55px}.hero h1{font-size:38px;letter-spacing:-1.45px}.hero-copy{font-size:15px}.downloader-form{grid-template-columns:1fr;gap:9px;margin-top:24px}.url-field input{height:54px;padding-left:14px}.paste-btn{height:38px}.download-btn{height:52px}.status{margin-top:8px}.ad-shell{padding:10px 0}.ad-728x90{min-height:58px}.content-grid{padding-top:10px}.side-col{grid-template-columns:1fr}.result-body{padding:14px}.result-preview{grid-template-columns:100px minmax(0,1fr);gap:13px}.result-info h2{font-size:17px}.mini-stats{gap:8px}.download-grid{grid-template-columns:1fr}.slides-grid{grid-template-columns:repeat(2,1fr)}.steps,.features{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.mobile-sticky{display:block}.ad-320x50{min-height:50px}}
@media(max-width:380px){.hero h1{font-size:34px}.result-preview{grid-template-columns:82px minmax(0,1fr)}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}

/* Dynamic ad integration; visual design intentionally unchanged */
.ad-slot:not(:empty){border:0;background:transparent;border-radius:0}.ad-slot:not(:empty):before{display:none}.ad-slot iframe,.ad-frame{display:block;max-width:100%;margin-inline:auto;border:0}.fallback-slot{border:1px solid var(--line)!important;background:#fff!important;border-radius:10px!important}.sv-fallback-ad{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;color:var(--ink);background:#fff}.sv-fallback-ad small{color:#98a2b3;text-transform:uppercase;font-size:8px;letter-spacing:1px}.sv-fallback-ad strong{font-size:13px}.sv-fallback-ad span{color:var(--brand);font-size:12px;font-weight:750}.sv-fallback-ad.vertical{flex-direction:column;text-align:center}.sv-fallback-ad.compact span{display:none}