:root{color-scheme:dark;--bg:#090a0f;--surface:#11131b;--surface-2:#151824;--border:#252938;--text:#f5f6fb;--muted:#969caf;--muted-2:#6d7489;--accent:#8585ff;--accent-2:#6969f0;--accent-glow:rgba(111,105,255,.2);--green:#62e6b2;--radius:20px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button,a,select{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.site-shell{overflow:hidden}
.topbar{height:78px;max-width:1160px;padding:0 26px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,255,255,.055)}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}
.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,#9292ff,#5f61e9);box-shadow:0 6px 24px rgba(105,105,240,.25)}
.brand-mark svg{width:20px;height:20px;fill:none;stroke:white;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brand-dot{color:var(--accent)}
.nav-links{display:flex;align-items:center;gap:32px;margin-left:auto;margin-right:12px}
.nav-links a,.footer-links a{font-size:13px;color:#a7adbf;transition:color .2s}
.nav-links a:hover,.footer-links a:hover{color:#fff}
.nav-cta{border:1px solid #36384b;border-radius:11px;padding:10px 14px;font-size:12px;font-weight:700;background:#141621;transition:border-color .2s,background .2s}
.nav-cta:hover{border-color:#7474ed;background:#1a1b2b}
.nav-cta span{color:var(--accent);margin-left:8px}
.menu-toggle{display:none;background:none;border:1px solid var(--border);color:white;border-radius:9px;padding:6px 10px}
.hero{position:relative;text-align:center;padding:76px 22px 60px;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-2;top:-190px;left:50%;transform:translateX(-50%);width:min(980px,100vw);height:600px;background:radial-gradient(ellipse at center,rgba(81,79,211,.16),transparent 66%);pointer-events:none}
.hero-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}
.orb-one{width:5px;height:5px;left:17%;top:210px;background:#8885ff;box-shadow:0 0 18px 4px rgba(136,133,255,.3)}
.orb-two{width:4px;height:4px;right:19%;top:130px;background:#5de0bd;box-shadow:0 0 16px 3px rgba(93,224,189,.25)}
.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#a5a7ff}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #2b2c48;background:rgba(20,21,40,.72);border-radius:99px}
.eyebrow-dot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 10px rgba(98,230,178,.7)}
h1,h2,h3,p{margin-top:0}
.hero h1{font-family:Manrope,sans-serif;font-size:clamp(48px,7vw,78px);line-height:1.04;letter-spacing:-4.2px;font-weight:800;margin:25px 0 17px}
.hero h1 span{color:var(--accent);background:linear-gradient(100deg,#a2a0ff,#6f72f7 58%,#b7a5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy{max-width:540px;margin:0 auto;color:#a5aabd;font-size:15px;line-height:1.8}
.download-card{position:relative;text-align:left;max-width:720px;margin:35px auto 0;padding:25px;background:linear-gradient(145deg,rgba(21,23,34,.97),rgba(14,16,24,.98));border:1px solid #2c3041;border-radius:22px;box-shadow:0 25px 90px rgba(0,0,0,.28),0 0 70px rgba(98,94,255,.055)}
.field-label{display:block;font-size:12px;font-weight:700;color:#dce0ee;margin-bottom:10px}
.url-input-wrap{height:60px;display:flex;align-items:center;gap:12px;padding:0 9px 0 16px;background:#0b0d14;border:1px solid #33374a;border-radius:13px;transition:border-color .2s,box-shadow .2s}
.url-input-wrap:focus-within{border-color:#7777f4;box-shadow:0 0 0 3px rgba(119,119,244,.11)}
.url-icon{width:19px;height:19px;fill:none;stroke:#7f8499;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.url-input-wrap input{flex:1;min-width:0;color:#f4f5fb;background:transparent;border:0;outline:0;font-size:13px}
.url-input-wrap input::placeholder{color:#676e83}
.paste-btn{border:1px solid #373a4e;border-radius:9px;padding:8px 12px;color:#c9caff;background:#1a1c2b;font-size:12px;font-weight:700;cursor:pointer}
.paste-btn:hover{background:#24263b}
.form-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px}
.form-hint{font-size:11px;color:#9399ad}
.tiny-check{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:5px;border-radius:50%;color:#6de2b4;background:rgba(109,226,180,.1);font-size:10px}
.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;border:1px solid #8786ff;border-radius:11px;background:linear-gradient(110deg,#7775fa,#6265e9);color:white;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 7px 22px rgba(91,91,235,.2);transition:transform .2s,filter .2s,box-shadow .2s}
.primary-btn:hover{filter:brightness(1.09);transform:translateY(-1px);box-shadow:0 10px 28px rgba(91,91,235,.28)}
.primary-btn:disabled{opacity:.6;cursor:wait;transform:none}
.primary-btn span:last-child{font-size:16px;line-height:1}
.card-footnote{display:flex;justify-content:center;align-items:center;gap:7px;margin:18px 0 0;color:#858b9e;font-size:10px}
.card-footnote svg{width:14px;height:14px;fill:none;stroke:#68d9b1;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.notice{margin-top:15px;padding:11px 13px;border:1px solid #4b3b3b;border-radius:10px;background:#231819;color:#ffb6b6;font-size:12px}
.notice.success{border-color:#244d41;background:#10231e;color:#a6f1d4}
.video-info{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:start}
.video-preview{width:100px;aspect-ratio:16/10;background:#202331;border:1px solid #34384b;border-radius:10px;overflow:hidden;display:grid;place-items:center}
.video-preview img{width:100%;height:100%;object-fit:cover}
.video-placeholder{color:#999cff;font-size:28px}
.video-source{color:#a5a7ff;font-size:9px;font-weight:700;letter-spacing:1.4px}
.video-details h2{font-size:14px;line-height:1.45;margin:4px 0 5px;overflow-wrap:anywhere}
.video-details p{font-size:11px;color:var(--muted);margin:0}
.download-options{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.option-field label{display:block;color:#a9aec0;font-size:11px;margin-bottom:6px}
.option-field select{width:100%;height:42px;padding:0 12px;border:1px solid #34384a;border-radius:9px;background:#0c0e15;color:#e9eaf5;font-size:12px}
.full-width{grid-column:1/-1;width:100%}
.job-status{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}
.status-heading{display:flex;align-items:center;gap:12px}
.status-heading>div{flex:1}
.status-heading strong{font-size:12px}
.status-heading p{font-size:11px;color:var(--muted);margin:3px 0 0}
.status-percent{font-size:12px;font-weight:700;color:#c0c0ff}
.spinner{width:20px;height:20px;border:2px solid #34364d;border-top-color:#9b9aff;border-radius:50%;animation:spin .8s linear infinite}
.spinner.done{border-color:#62e6b2;animation:none;position:relative}
.spinner.done:after{content:"✓";position:absolute;inset:-3px 0 0;text-align:center;color:#62e6b2;font-size:15px}
@keyframes spin{to{transform:rotate(360deg)}}
.progress-track{height:5px;border-radius:9px;background:#292c3b;margin:17px 0 15px;overflow:hidden}
.progress-fill{width:0;height:100%;border-radius:9px;background:linear-gradient(90deg,#6768ec,#a6a0ff);transition:width .3s}
.download-result{margin-top:5px}
.text-btn{display:block;margin:12px auto 0;color:#b9bbff;background:none;border:0;font-size:12px;cursor:pointer}
.platform-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:25px auto 0;max-width:780px}
.platform-label{width:100%;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#73798c;margin-bottom:3px}
.platform-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #262938;border-radius:8px;background:rgba(17,19,28,.68);color:#adb2c4;font-size:10px}
.platform-dot{width:7px;height:7px;border-radius:50%;background:#999}
.youtube{background:#ff5555}.instagram{background:#d96bb8}.tiktok{background:#6de7e7}.facebook{background:#6c9cff}
.muted-chip{color:#73798c}
.legal-note{max-width:680px;margin:18px auto 0;color:#666d80;font-size:10px}
.section{max-width:1080px;margin:0 auto;padding:88px 26px}
.section-heading{text-align:center;max-width:610px;margin:0 auto 36px}
.section-heading h2,.faq-intro h2,.bottom-cta h2{font-family:Manrope,sans-serif;font-size:clamp(30px,4vw,43px);line-height:1.15;letter-spacing:-1.7px;margin:12px 0}
.section-heading h2 span{color:#9a9bff}
.section-heading p,.faq-intro p,.bottom-cta p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:0}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step-card,.feature-card{position:relative;border:1px solid #252938;border-radius:17px;background:linear-gradient(150deg,#12141d,#0d0f16);padding:25px;overflow:hidden}
.step-number{position:absolute;right:20px;top:15px;color:#383c50;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1px}
.step-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #363754;border-radius:13px;background:#1c1d31;margin-bottom:21px}
.step-icon svg,.feature-icon svg{width:21px;height:21px;fill:none;stroke:#a8a6ff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.step-card h3,.feature-card h3{font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.3px;margin-bottom:8px}
.step-card p,.feature-card p{color:#969caf;font-size:12px;line-height:1.8;margin:0}
.features-section{padding-top:68px}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feature-card{padding:23px}
.feature-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;margin-bottom:18px}
.feature-icon svg{stroke:white}
.feature-icon.purple{background:#5b4fb1}.feature-icon.blue{background:#315f9e}.feature-icon.green{background:#23795f}.feature-icon.orange{background:#945c32}.feature-icon.pink{background:#8e426f}.feature-icon.teal{background:#267b86}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start;padding-top:75px;padding-bottom:95px}
.faq-intro h2{margin-top:13px}
.faq-list details{border-bottom:1px solid #292c39;padding:17px 0}
.faq-list details:first-child{border-top:1px solid #292c39}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;font-size:13px;font-weight:600}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{color:#aaa9ff;font-size:20px;font-weight:400;transition:transform .2s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 28px 0 0}
.bottom-cta{max-width:1028px;margin:0 auto 80px;padding:34px 38px;border:1px solid #34334e;border-radius:20px;background:radial-gradient(ellipse at 80% 20%,rgba(100,95,230,.19),transparent 50%),linear-gradient(120deg,#151622,#10111a);display:flex;align-items:center;justify-content:space-between;gap:28px}
.bottom-cta h2{font-size:29px;margin:8px 0}
.bottom-cta p{font-size:12px}
.bottom-cta .primary-btn{flex-shrink:0}
.footer{max-width:1080px;margin:0 auto;padding:26px;border-top:1px solid #202330;display:grid;grid-template-columns:1fr 1.2fr 2fr;gap:16px;align-items:center}
.footer-brand{font-size:15px}
.footer-brand .brand-mark{width:28px;height:28px;border-radius:9px}
.footer-brand .brand-mark svg{width:16px;height:16px}
.footer>p{font-size:10px;color:#73798c;text-align:center;margin:0}
.footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;column-gap:14px;row-gap:8px}
.footer-links a{font-size:10px}
.footer small{grid-column:1/-1;text-align:center;color:#5f6577;font-size:10px;padding-top:7px}
[hidden]{display:none!important}
@media(max-width:760px){.topbar{height:68px;padding:0 18px}.nav-links{display:none;position:absolute;z-index:10;top:67px;left:0;right:0;padding:18px 22px;background:#11131b;border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:16px}.nav-links.open{display:flex}.nav-cta{margin-left:auto;font-size:11px;padding:9px 10px}.menu-toggle{display:block}.hero{padding:62px 17px 42px}.hero h1{font-size:clamp(46px,12vw,65px);letter-spacing:-2.8px}.hero-copy{font-size:13px;max-width:460px}.download-card{margin-top:28px;padding:17px;border-radius:17px}.form-row{align-items:stretch;flex-direction:column}.form-hint{order:2;text-align:center}.primary-btn{min-height:44px}.platform-row{gap:7px}.platform-chip{font-size:9px;padding:6px 8px}.section{padding:65px 18px}.steps-grid{grid-template-columns:1fr;gap:11px}.step-card{padding:20px;display:grid;grid-template-columns:48px 1fr;column-gap:14px}.step-number{top:14px;right:15px;font-size:21px}.step-icon{grid-row:span 2;margin:0}.step-card h3{align-self:end;margin:0 0 4px}.step-card p{grid-column:2}.features-grid{grid-template-columns:repeat(2,1fr);gap:10px}.feature-card{padding:17px}.feature-card h3{font-size:13px}.feature-card p{font-size:11px}.feature-icon{margin-bottom:13px}.faq-section{grid-template-columns:1fr;gap:28px;padding-top:45px;padding-bottom:65px}.bottom-cta{margin:0 18px 55px;padding:25px;align-items:flex-start;flex-direction:column}.bottom-cta h2{font-size:26px}.footer{grid-template-columns:1fr;justify-items:center;text-align:center;padding:25px 18px}.footer>p{max-width:300px}.footer-links{justify-content:center;flex-wrap:wrap}.footer small{grid-column:auto}}
@media(max-width:430px){.brand{font-size:17px;gap:8px}.brand-mark{width:30px;height:30px}.nav-cta{display:none}.hero h1{font-size:46px}.download-card{padding:14px}.url-input-wrap{gap:8px;padding-left:11px}.url-input-wrap input{font-size:12px}.paste-btn{padding:7px 9px}.video-info{grid-template-columns:78px 1fr;gap:11px}.video-preview{width:78px}.download-options{grid-template-columns:1fr}.option-field,.full-width{grid-column:1}.features-grid{grid-template-columns:1fr}.feature-card{display:grid;grid-template-columns:42px 1fr;column-gap:13px}.feature-icon{grid-row:span 2;margin:0}.feature-card h3{align-self:end;margin:0 0 3px}.feature-card p{grid-column:2}.section-heading h2{letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Optional YouTube cookie upload */
.advanced-options{margin-top:14px;border-top:1px solid #252a39;padding-top:12px;color:#a9aec0;font-size:12px}
.advanced-options summary{cursor:pointer;color:#b7b9d5;font-weight:600}
.advanced-content{padding-top:12px}
.advanced-content .field-label{margin-bottom:8px}
.advanced-content input[type=file]{display:block;width:100%;font-size:12px;color:#a9aec0}
.advanced-content input[type=file]::file-selector-button{margin-right:10px;padding:8px 10px;border:1px solid #34384a;border-radius:8px;background:#171a26;color:#e9eaf5;cursor:pointer}
.advanced-content p{margin:9px 0 0;line-height:1.6;color:#858ca4;font-size:11px}


/* Phase 1: informational pages */
.content-page{max-width:980px;margin:0 auto;padding:70px 26px 88px;min-height:55vh}
.page-heading{max-width:760px;margin:0 auto 36px}
.page-heading h1{font-family:Manrope,sans-serif;font-size:clamp(38px,6vw,58px);line-height:1.1;letter-spacing:-2.4px;margin:14px 0}
.page-heading>p{max-width:680px;color:var(--muted);font-size:14px;line-height:1.85}
.prose{max-width:760px;margin:0 auto}
.prose h2,.contact-card h2,.page-callout h2{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.5px;margin:34px 0 10px}
.prose p,.prose li,.contact-card p{color:#aeb3c5;font-size:14px;line-height:1.9}
.prose ul{padding-left:22px}
.prose li{padding-left:4px;margin:5px 0}
.inline-link,.contact-email{color:#b8b7ff;text-decoration:underline;text-decoration-color:#6767b5;text-underline-offset:3px}
.contact-card,.page-callout{max-width:760px;margin:0 auto 28px;padding:25px;border:1px solid #2c3041;border-radius:17px;background:linear-gradient(145deg,rgba(21,23,34,.97),rgba(14,16,24,.98))}
.contact-card h2:first-child,.page-callout h2:first-child{margin-top:0}
.contact-email{font-size:18px;font-weight:700;overflow-wrap:anywhere}
.page-faq-list{max-width:820px;margin:0 auto}
.page-faq-list details{padding:20px 0}
.page-faq-list summary{font-size:14px}
.page-faq-list details p{font-size:13px;line-height:1.9}
.page-callout{margin-top:42px}
.page-callout p{color:var(--muted);font-size:13px;line-height:1.8}
.faq-more{text-align:center;margin:24px 0 0;font-size:12px}
.faq-more a{color:#b8b7ff;text-decoration:underline;text-underline-offset:4px}
.content-page+.footer{margin-top:0}
@media(max-width:760px){
  .info-topbar{height:auto;min-height:68px;padding:14px 18px;flex-wrap:wrap;gap:12px}
  .info-topbar .nav-links{display:flex;position:static;top:auto;left:auto;right:auto;width:100%;padding:0;background:transparent;border:0;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;margin:0;order:3}
  .info-topbar .nav-links a{font-size:12px}
  .info-topbar .nav-cta{display:none}
  .content-page{padding:52px 18px 65px}
  .page-heading{margin-bottom:28px}
  .page-heading h1{letter-spacing:-1.6px}
  .prose h2,.contact-card h2,.page-callout h2{font-size:19px}
  .prose p,.prose li,.contact-card p{font-size:13px}
  .contact-card,.page-callout{padding:20px}
  .page-faq-list details{padding:17px 0}
}

/* Phase 2: platform downloader SEO landing pages */
.platform-hub{max-width:1080px;margin:0 auto;padding:72px 26px}
.platform-hub-inner{padding:32px;border:1px solid #292d3d;border-radius:22px;background:linear-gradient(145deg,rgba(20,22,34,.92),rgba(12,14,21,.98))}
.platform-hub h2,.seo-faq-section h2,.related-downloaders h2{font-family:Manrope,sans-serif;font-size:clamp(26px,4vw,36px);line-height:1.2;letter-spacing:-1px;margin:12px 0}
.platform-hub-inner>p{max-width:700px;color:var(--muted);font-size:14px;line-height:1.8}
.platform-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:25px}
.platform-card{display:flex;flex-direction:column;gap:12px;min-height:205px;padding:20px;border:1px solid #2b3042;border-radius:15px;background:#11131d;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.platform-card:hover{border-color:#7977d9;transform:translateY(-2px)}
.platform-card-label{font-size:10px;letter-spacing:1.3px;color:#aaa8ff}
.platform-card strong{font-family:Manrope,sans-serif;font-size:17px;line-height:1.35}
.platform-card>span:not(.platform-card-label){color:#aeb3c5;font-size:12px;line-height:1.7}
.platform-card .platform-card-action{margin-top:auto;color:#c0bfff;font-weight:700}
.seo-landing-page{max-width:1020px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:0 0 30px;color:#8e94a9;font-size:11px}
.breadcrumbs a{color:#b8b7ff;text-decoration:none}
.seo-page-heading{max-width:850px;margin:0 auto 42px}
.seo-page-heading h1{max-width:800px}
.seo-page-heading .primary-btn{display:inline-flex;margin-top:12px}
.quality-note{font-size:11px!important;line-height:1.7!important;color:#9399ad!important;margin-top:16px}
.seo-prose{max-width:800px}
.seo-content-section{margin:0 0 34px}
.seo-content-section h2{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.6px;margin:0 0 12px}
.seo-content-section p,.seo-content-section li{color:#aeb3c5;font-size:14px;line-height:1.9}
.seo-content-section ol,.seo-content-section ul{padding-left:22px}
.seo-content-section li{padding-left:4px;margin:7px 0}
.seo-faq-section,.related-downloaders{max-width:850px;margin:56px auto 0}
.seo-faq-section>h2,.related-downloaders>h2{margin-bottom:22px}
.related-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.related-link{display:flex;flex-direction:column;gap:8px;padding:17px;border:1px solid #2b3042;border-radius:13px;background:#11131d;text-decoration:none}
.related-link strong{color:#e8e9f3;font-size:13px}
.related-link span{color:#aeb3c5;font-size:11px;line-height:1.7}
.footer-platform-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 16px;padding-top:14px;border-top:1px solid #202330}
.footer-platform-links a{color:#aeb3c5;font-size:11px;text-decoration:none}
.footer-platform-links a:hover{color:#c0bfff}
@media(max-width:760px){.platform-hub{padding:45px 18px}.platform-hub-inner{padding:21px}.platform-card-grid{grid-template-columns:1fr}.platform-card{min-height:0}.seo-page-heading{margin-bottom:30px}.seo-content-section h2{font-size:20px}.seo-content-section p,.seo-content-section li{font-size:13px}.related-link-grid{grid-template-columns:1fr}.breadcrumbs{margin-bottom:23px}}


/* Phase 2.1: platform dropdown, visual steps, responsive SEO pages */
.nav-dropdown{position:relative;display:inline-flex;align-items:center;color:inherit;font-size:inherit}
.nav-dropdown>summary{display:inline-flex;align-items:center;gap:7px;list-style:none;cursor:pointer;white-space:nowrap;color:inherit}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-chevron{display:inline-block;transition:transform .18s ease;font-size:15px;line-height:1}
.nav-dropdown[open] .nav-chevron{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;z-index:1000;top:calc(100% + 14px);left:-18px;width:280px;max-height:min(72vh,520px);overflow:auto;padding:8px;border:1px solid #303449;border-radius:14px;background:#10121b;box-shadow:0 18px 50px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:3px}
.nav-dropdown-menu a{display:block;padding:11px 12px;border-radius:9px;color:#d8daea;text-decoration:none;font-size:13px;line-height:1.4}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#202338;color:#fff;outline:none}
.how-to-download{max-width:960px;margin:58px auto 0;padding:28px;border:1px solid #292d3d;border-radius:22px;background:linear-gradient(145deg,rgba(20,22,34,.94),rgba(12,14,21,.98))}
.how-to-heading{max-width:760px;margin:0 auto 26px;text-align:center}
.how-to-heading h2{font-family:Manrope,sans-serif;font-size:clamp(25px,4vw,34px);line-height:1.2;letter-spacing:-.8px;margin:12px 0}
.how-to-heading p{color:#aeb3c5;font-size:13px;line-height:1.8}
.how-to-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.how-to-step{min-width:0;overflow:hidden;border:1px solid #2c3042;border-radius:15px;background:#11131d}
.step-visual{display:flex;align-items:center;justify-content:center;min-height:190px;padding:15px;background:radial-gradient(ellipse at top,rgba(110,104,255,.12),transparent 72%),#0b0d14;border-bottom:1px solid #282c3a}
.mock-app-window,.mock-copy-window,.mock-downloader-window{width:100%;max-width:260px;overflow:hidden;border:1px solid #33384a;border-radius:12px;background:#151824;box-shadow:0 8px 22px rgba(0,0,0,.25);color:#dfe1ed}
.mock-app-top{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #2b3040;font-size:11px}
.mock-platform-badge{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:8px;background:#5e5be5;color:white;font-size:10px;font-weight:800}
.platform-youtube-video-downloader .mock-platform-badge{background:#e34242}
.platform-instagram-reels-downloader .mock-platform-badge{background:linear-gradient(135deg,#f6a63a,#d94d91,#7655d8)}
.platform-facebook-video-downloader .mock-platform-badge{background:#2374e1}
.platform-tiktok-video-downloader .mock-platform-badge{background:#222;color:#5de8e0;border:1px solid #4c6b72}
.platform-x-video-downloader .mock-platform-badge{background:#000;border:1px solid #555}
.mock-app-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mock-dots{margin-left:auto;letter-spacing:2px;color:#8f95a8}
.mock-video-thumb{position:relative;display:flex;align-items:center;justify-content:center;min-height:91px;background:linear-gradient(135deg,#2d3150,#171b2a 58%,#36304c)}
.mock-play{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.13);color:#fff}
.mock-video-caption{position:absolute;bottom:7px;left:9px;color:#d8daea;font-size:9px}
.mock-post-actions{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:10px 8px;color:#aeb3c5;font-size:9px}
.mock-share-action{display:inline-flex;align-items:center;gap:3px;color:#c1bfff}
.mock-share-action svg{width:13px;height:13px}
.mock-copy-window,.mock-downloader-window{padding:14px}
.mock-window-label{margin:0 0 10px;color:#9da4bb;font-size:10px}
.mock-url-field,.mock-paste-field{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:11px 8px;border:1px solid #393e54;border-radius:8px;background:#0c0e15;color:#cfd2e4;font-size:9px;line-height:1.5;overflow-wrap:anywhere}
.mock-copy-icon{flex:0 0 auto;color:#b9b7ff}
.mock-copy-confirm{display:flex;align-items:center;gap:7px;margin-top:13px;color:#bdbbff;font-size:10px}
.mock-copy-confirm svg{width:16px;height:16px}
.mock-downloader-brand{display:flex;align-items:center;gap:7px;margin-bottom:17px;font-size:13px}
.mock-mini-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#7069f5;color:white;font-weight:900}
.mock-download-button{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:10px 8px;border-radius:8px;background:#665ff0;color:white;font-size:10px;font-weight:700}
.mock-download-button svg{width:15px;height:15px}
.mock-quality-row{display:flex;justify-content:space-between;gap:5px;margin-top:10px;color:#969db1;font-size:8px}
.step-copy{padding:17px}
.step-number{color:#aaa7ff;font-size:10px;font-weight:800;letter-spacing:1.4px}
.step-copy h3{margin:9px 0;font-family:Manrope,sans-serif;font-size:16px;line-height:1.35}
.step-copy p{margin:0;color:#aeb3c5;font-size:12px;line-height:1.8}
.how-to-disclaimer{margin:18px 0 0;color:#9299ad;font-size:10px;line-height:1.7;text-align:center}
.seo-page-heading{width:100%;max-width:850px;box-sizing:border-box}
.seo-page-heading h1{width:100%;max-width:100%;font-size:clamp(2rem,5.7vw,4rem);line-height:1.08;letter-spacing:-.045em;overflow-wrap:anywhere;word-break:normal}
.seo-landing-page,.content-page{box-sizing:border-box;overflow-wrap:break-word}
.seo-landing-page{width:100%;max-width:1020px;margin-left:auto;margin-right:auto;padding-left:clamp(16px,3vw,32px);padding-right:clamp(16px,3vw,32px)}
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:850px){.how-to-step-grid{grid-template-columns:1fr}.how-to-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.step-visual{min-height:0;border-bottom:0;border-right:1px solid #282c3a;padding:12px}.step-copy{align-self:center;padding:15px}.how-to-download{padding:20px}}
@media(max-width:620px){.nav-dropdown-menu{position:fixed;top:72px;left:14px;right:14px;width:auto;max-height:70vh}.how-to-step{grid-template-columns:1fr}.step-visual{min-height:170px;border-right:0;border-bottom:1px solid #282c3a}.how-to-download{margin-top:38px;padding:15px}.seo-page-heading h1{font-size:clamp(1.9rem,9vw,3rem);letter-spacing:-.035em}.nav-links{gap:12px}}