/* Landing-page visual system: ink, indigo and soft violet. */
.landing{--ink:#19233d;--muted:#61708b;--accent:#5546e8;--line:#e4e7f1;background:radial-gradient(ellipse at 80% 5%,#eae5ff 0,transparent 32%),radial-gradient(ellipse at 10% 22%,#e6f1ff 0,transparent 30%),#f8f9fd;color:var(--ink)}
.landing .page-shell{max-width:1120px;padding:0 32px}.landing .site-header{height:88px;border-bottom:1px solid var(--line)}
.landing .brand{color:var(--ink)}.landing .brand-mark{background:var(--accent);color:white;box-shadow:0 5px 14px #5546e826}.landing .brand-dot{color:var(--accent)}.landing .header-link{color:var(--muted)}.landing .language-control select{border-color:var(--line);color:var(--ink);background:white}
.landing main{max-width:940px;margin:36px auto 0}.landing #staging-notice{max-width:760px;margin:0 auto 18px;background:#fff8e8;color:#795c23;border:1px solid #efdfbb;font-size:12px;border-radius:10px}
.landing .workspace{max-width:760px;margin:0 auto;padding:40px 44px;background:#fff;border:1px solid #e1e4f1;border-radius:24px;box-shadow:0 20px 70px #3037670c;border-top:4px solid var(--accent)}
.landing .workspace-heading{text-align:center;margin-bottom:30px}.landing .workspace-kicker{color:var(--accent);font-size:11px;letter-spacing:.17em}.beta-pill{display:inline-block;margin-left:8px;padding:4px 7px;background:#eeebff;border-radius:5px;font-size:9px;letter-spacing:.08em}.landing .workspace-heading h1{color:var(--ink);font-size:46px;letter-spacing:-.055em;line-height:1.2;margin:18px 0 15px}.landing .workspace-heading p{color:var(--muted)}
.landing .field-label,.landing .select-group label,.landing .mini-label{color:#45516b}.landing .url-row{border-color:#cdd2e8;background:#fafaff}.landing .url-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #eeecff}.landing .url-row input{color:var(--ink)}.landing .paste-button{background:#eeebff;color:#493acb;border-color:transparent}.landing .paste-button:hover{background:#e4dfff}.landing .input-hint,.landing .legal-note,.landing .advanced p{color:var(--muted)}.landing .primary-button{background:var(--accent);box-shadow:0 7px 18px #5546e822}.landing .primary-button:not(:disabled):hover{background:#4235c8}.landing .primary-button:disabled{background:#e9e8f4;color:#78788f;box-shadow:none}.landing #capacity-note:before{background:#8175ed}.landing .options-row{border-bottom:0}.landing .advanced{border-color:var(--line)}.landing .advanced summary{color:#4c5870}.landing .legal-note{font-size:11px}.landing .support-details{max-width:760px;margin:14px auto 0;border:0;background:transparent}.landing .support-details>summary{color:var(--muted);text-align:center}.landing .result-card{max-width:760px;margin:20px auto;background:#eeedff;border:1px solid #dbd7fc}
.landing .learn-section{margin:72px 0}.landing .section-eyebrow{color:var(--accent);text-align:center;font-size:10px;letter-spacing:.19em}.landing .learn-section h2{color:var(--ink);text-align:center;font-size:30px;margin:10px 0 14px}.landing .section-intro{text-align:center;color:var(--muted);font-size:14px}.landing .learn-grid{gap:20px;margin-top:30px}.landing .learn-card{border-color:var(--line);border-radius:16px;padding:28px;box-shadow:0 5px 16px #27396503}.landing .learn-card h3{color:var(--ink);font-size:17px}.landing .learn-card p{color:var(--muted);font-size:14px}.landing .learn-number{background:#eeeaff;color:#5846d8}.landing .learn-card:nth-child(2) .learn-number{background:#e5efff;color:#3170c8}.landing .learn-card:nth-child(3) .learn-number{background:#dff4ee;color:#23806a}.landing .learn-grid.two .learn-card{border-left:3px solid #8b7ff0;background:#f2f0ff}.landing .learn-grid.two .learn-card:nth-child(2){border-left-color:#73a5e9;background:#eef5ff}.landing .learn-grid.two h3{margin-top:0}
.landing #faq{max-width:760px;margin:72px auto}.landing .faq-list{margin-top:28px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 24px}.landing .faq-list details{border-color:var(--line)}.landing .faq-list details:last-child{border-bottom:0}.landing .faq-list summary{color:var(--ink);font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:16px}.landing .faq-list summary::-webkit-details-marker{display:none}.landing .faq-list summary:after{content:'+';color:var(--accent);font-size:20px;font-weight:400}.landing .faq-list details[open] summary:after{content:'−'}.landing .faq-list p{color:var(--muted);max-width:640px}.landing .faq-list summary:focus-visible{outline-color:var(--accent)}
.landing .contact-panel{display:block;text-align:center;background:#202945;color:#fff;border-radius:20px;padding:40px;margin:64px 0 44px}.landing .contact-panel h2{color:#fff;font-size:25px;margin:0 0 12px}.landing .contact-panel p{color:#c0c8df}.landing .contact-panel a{color:#d8d3ff;text-underline-offset:5px}.landing .site-footer{max-width:940px;border-color:var(--line);color:var(--muted);padding:24px 0;gap:16px;line-height:1.8}.landing .site-footer nav a{text-underline-offset:4px}
@media(max-width:740px){.landing .page-shell{padding:0 18px}.landing .site-header{height:74px}.landing main{margin-top:22px}.landing .workspace{padding:28px 22px;border-radius:19px}.landing .workspace-heading h1{font-size:36px}.landing .learn-section,.landing #faq{margin:48px auto}.landing .learn-section h2{font-size:25px}.landing .learn-card{padding:24px}.landing .faq-list{padding:0 18px}.landing .contact-panel{padding:32px 20px;margin:40px 0 24px}.landing .header-link{font-size:12px}.landing .learn-grid{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.landing .beta-disclosure{max-width:760px;margin:0 auto 14px;color:#536080;font-size:13px;line-height:1.8;padding:14px 18px;background:#eeedff;border:1px solid #dedafb;border-radius:10px}

.landing .supported-platforms{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:0 0 26px;padding:17px 12px;background:#eeebff;border:1px solid #dcd5ff;border-radius:12px;color:#35258e;font-size:27px;font-weight:800;letter-spacing:-.035em;line-height:1.5}.landing .supported-platforms b{color:#aaa0d4;font-size:20px}.landing #support-overview .learn-card:first-child h3{font-size:25px;font-weight:800;color:#35258e;line-height:1.5}@media(max-width:600px){.landing .supported-platforms{font-size:21px;gap:7px;padding:14px 8px}.landing #support-overview .learn-card:first-child h3{font-size:22px}}
/* Vivid accessible landing theme. Controls keep their existing behavior. */
.landing{--ink:#f6f5ff;--muted:#b8c2da;--accent:#b9a3ff;--line:#354160;background:radial-gradient(ellipse at 85% 2%,#52299a88,transparent 34%),radial-gradient(ellipse at 0 25%,#006d7880,transparent 28%),#0b1024;color:var(--ink)}
.landing .brand-mark{background:linear-gradient(135deg,#8a57ff,#4c4cff);color:#fff}.landing .brand-dot{color:#67f2ce}.landing .header-link{color:#e1daff}.landing .language-control select{background:#1b2540;color:#fff;border-color:#536183}.landing .site-header{border-color:#ffffff20}
.landing .beta-disclosure{background:#262346;color:#e1d9ff;border-color:#655388;border-left:4px solid #bda3ff}.landing #staging-notice{background:#342b1d;color:#ffdf98;border-color:#7f6638;border-left:4px solid #ffc966;font-size:13px}
.landing .workspace{background:linear-gradient(145deg,#242540,#161f36);border:1px solid #64519c;border-top:4px solid #a67aff;box-shadow:0 25px 90px #0005,0 0 50px #7547ff16}.landing .workspace-heading h1{color:#fff;font-size:49px;text-shadow:0 3px 25px #a478ff30}.landing .workspace-heading p{color:#ccd3e8;font-size:15px}.landing .workspace-kicker{color:#77f3d3}.landing .beta-pill{background:#4a366d;color:#e7d8ff}
.landing .supported-platforms{background:#10182e;border-color:#4f4c78;padding:14px 10px;gap:8px}.landing .supported-platforms span{font-size:23px;border-radius:8px;padding:5px 9px}.landing .supported-platforms span:nth-of-type(1){background:#ff6b811c;color:#ff9aaa}.landing .supported-platforms span:nth-of-type(2){background:#ffffff15;color:#fff}.landing .supported-platforms span:nth-of-type(3){background:#ff9e471a;color:#ffc487}.landing .supported-platforms span:nth-of-type(4){background:#3ff2d41a;color:#69f3dc}.landing .supported-platforms b{color:#737e9b}
.landing .field-label{color:#e3ddff;font-size:14px}.landing .url-row{background:#f8faff;border:2px solid #b2a1f0;box-shadow:0 0 0 5px #b18aff0c}.landing .url-row input{color:#19233d}.landing .url-row input::placeholder{color:#60708a}.landing .url-row:focus-within{border-color:#70f1d2;box-shadow:0 0 0 4px #70f1d225}.landing .paste-button{background:#e4ddff;color:#3d288c}.landing .select-group label,.landing .mini-label{color:#c6cfe6}.landing .select-group select{background-color:#1b2641;color:#fff;border-color:#5a6584}.landing .detected-platform{color:#7af1d6}.landing .input-hint{color:#bac6dd}.landing #capacity-note{color:#bdd9d3;font-size:12px}.landing #capacity-note:before{background:#64edc9}.landing .primary-button{background:linear-gradient(100deg,#68f0c7,#71dbf8);color:#092c2e;font-weight:800;font-size:17px;box-shadow:0 8px 28px #63e6c326}.landing .primary-button:not(:disabled):hover{background:#98ffdc;color:#092c2e;box-shadow:0 10px 30px #63e6c345}.landing .primary-button:disabled{background:#34415d;color:#b4bfd7;box-shadow:none}.landing .advanced summary{color:#d5ccff;font-size:14px}.landing .advanced input,.landing .advanced textarea{background:#111b31;color:#fff;border-color:#596887}.landing .advanced input::placeholder,.landing .advanced textarea::placeholder{color:#a9b6ce}.landing .advanced p,.landing .legal-note{color:#aebbd4}.landing .advanced button{background:#363454;color:#ece6ff;border-color:#726492}.landing .support-details>summary{color:#c6d0e6}
.landing .learn-section h2{color:#fff}.landing .section-eyebrow{color:#73f2d3}.landing .section-intro{color:#b8c2da}.landing .learn-card{background:#172139;border-color:#364763;box-shadow:0 10px 30px #0002}.landing .learn-card h3{color:#f7f5ff}.landing .learn-card p{color:#c0cbe0}.landing .learn-number{background:#6341be;color:#fff;box-shadow:0 7px 20px #7a42f333}.landing .learn-card:nth-child(2) .learn-number{background:#126f9e;color:#fff}.landing .learn-card:nth-child(3) .learn-number{background:#106f5c;color:#aeffde}.landing .learn-grid.two .learn-card{background:linear-gradient(120deg,#302147,#1c233b);border-left-color:#ae87ff}.landing .learn-grid.two .learn-card:nth-child(2){background:linear-gradient(120deg,#123844,#1b263e);border-left-color:#5ceacb}.landing #support-overview .learn-card:first-child h3{color:#dfcaff}
.landing .faq-list{background:#161f36;border-color:#36435f}.landing .faq-list summary{color:#f0edff}.landing .faq-list summary:after{color:#77efcf}.landing .faq-list details[open]{background:#222a44;border-radius:8px}.landing .faq-list details[open] summary{color:#b7ffeb}.landing .faq-list p{color:#c6cfe2}.landing .contact-panel{background:linear-gradient(115deg,#503294,#213c60);border:1px solid #7e64b0}.landing .contact-panel p{color:#e0dcf2}.landing .contact-panel a{color:#9ff9e0;font-weight:600}.landing .site-footer{color:#b2bfd8}.landing .result-card{background:#182f3c;border-color:#468f83}.landing .result-header h2,.landing .result-message,.landing .guide-note,.landing .guide-steps{color:#e4f6f1}.landing .result-badge{background:#295a50;color:#b5ffe6}.landing .file-link{background:#69edc8;color:#0b302b}.landing .transfer-progress{background:#152e39;border-color:#3d746c;color:#e1fff5}.landing .route-directory{background:#1b2840;color:#ced8ea}.landing .route-list li{background:#24324a;color:#e1e7f3}.landing .support-heading h2,.landing .route-directory h3{color:#fff}.landing .route-footnote,.landing #support-description{color:#c0cbe0}.landing .input-error{color:#ffabb7}
@media(max-width:740px){.landing .workspace-heading h1{font-size:37px}.landing .supported-platforms{gap:4px}.landing .supported-platforms span{font-size:19px;padding:4px 5px}.landing .supported-platforms b{font-size:15px}.landing .beta-disclosure,.landing #staging-notice{font-size:12px}}@media(max-width:380px){.landing .supported-platforms span{font-size:16px;padding:4px 3px}.landing .supported-platforms{gap:3px}}
/* Devanagari requires additional line height for vowel marks. */
html[lang="hi"] body { font-family: "Nirmala UI", "Noto Sans Devanagari", system-ui, sans-serif; }
html[lang="hi"] .workspace-heading h1 { line-height: 1.4; }
html[lang="hi"] p, html[lang="hi"] summary { line-height: 1.85; }

/* Locale layouts preserve input URL direction and allow translated controls to wrap. */
html[dir="rtl"] body {text-align:right;font-family:Tahoma,Arial,sans-serif;}
html[dir="rtl"] .workspace-heading,html[dir="rtl"] .platform-highlight {text-align:center;}
html[dir="rtl"] input[type="url"],html[dir="rtl"] #video-url {direction:ltr;text-align:left;}
#language-select {max-width:180px;}
html[lang="th"] body {line-height:1.8;}
@media(max-width:740px){.header-actions .header-link{display:none}.site-header{gap:12px}.brand{flex-shrink:0}#language-select{max-width:140px}}