:root{--ink:#22202c;--muted:#716d7a;--soft:#f8f7fb;--paper:#fff;--line:#e9e6ef;--brand:#6848e8;--brand-dark:#5134d1;--coral:#ff7b61;--mint:#91d9c3;--shadow:0 24px 70px rgba(48,37,93,.10);--radius:24px;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif;--content:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.content-width{width:min(var(--content),calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:78px;position:relative;z-index:10;background:#fff;border-bottom:1px solid rgba(40,35,56,.055)}.header-inner{max-width:1240px;height:100%;padding:0 30px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font:800 19px var(--display);letter-spacing:-1px;color:#252232}.brand-mark{width:35px;height:35px;border-radius:12px;background:var(--brand);display:grid;place-items:center;box-shadow:0 6px 14px rgba(104,72,232,.2)}.brand-mark svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.desktop-nav{display:flex;gap:36px;margin-left:80px}.nav-link{color:#6d6878;font-size:13px;font-weight:600;transition:color .2s}.nav-link:hover,.footer-nav a:hover{color:var(--brand)}.header-actions{display:flex;align-items:center;gap:18px}.language-control{display:flex;align-items:center;gap:7px;color:#666170;font-size:11px;font-weight:700;letter-spacing:.04em}.language-control svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.4}.language-control select{appearance:none;border:0;background:transparent;color:inherit;font-weight:700;font-size:11px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:22px;height:2px;background:#292638;margin:5px}.mobile-nav{display:none}.hero-wrap{position:relative;overflow:hidden;background:var(--soft);min-height:600px;padding:72px 20px 54px}.hero-wrap:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% -2%,rgba(199,183,255,.28),transparent 54%),radial-gradient(ellipse at 80% 30%,rgba(255,194,175,.13),transparent 35%);pointer-events:none}.hero-content{position:relative;z-index:1;margin:auto;max-width:860px;text-align:center}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.orb-one{width:160px;height:160px;border:1px solid rgba(104,72,232,.08);top:73px;left:max(4vw,calc((100vw - 1160px)/2))}.orb-two{width:70px;height:70px;border:1px solid rgba(255,123,97,.15);right:max(10vw,calc((100vw - 980px)/2));top:145px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #e8e3f5;background:rgba(255,255,255,.65);border-radius:30px;padding:5px 12px;color:#706a7e;font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.status-dot{width:7px;height:7px;background:#87cfb5;border-radius:50%;box-shadow:0 0 0 4px rgba(135,207,181,.15)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.045em}h1{font-size:clamp(38px,5.8vw,65px);line-height:1.08;margin:24px auto 13px;font-weight:700;max-width:810px}h1 span,.feature-heading h2 span,.how-copy h2 span,.faq-heading h2 span,.related-inner h2 span,.care-inner h2 span{color:var(--brand)}.hero-lede{color:#777282;font-size:16px;margin:0 auto 31px}.download-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid #eeebf3;padding:13px;border-radius:20px;box-shadow:var(--shadow);text-align:left}.tool-tabs{display:flex;gap:4px;justify-content:center;border-bottom:1px solid #f0eef4;padding:1px 0 12px;margin-bottom:13px;overflow:auto;scrollbar-width:none}.tool-tabs::-webkit-scrollbar{display:none}.tool-tab{border:0;background:transparent;white-space:nowrap;color:#7e7988;font-size:12px;font-weight:600;padding:9px 13px;border-radius:10px;transition:all .18s}.tool-tab:hover{background:#f7f5fc;color:var(--brand)}.tool-tab.active{color:var(--brand);background:#f0ecff}.input-row{display:flex;align-items:center;gap:8px;min-height:58px;border:1px solid #e9e6ef;border-radius:12px;padding:5px 7px 5px 14px;transition:border .2s,box-shadow .2s}.input-row:focus-within{border-color:#a894f4;box-shadow:0 0 0 3px rgba(104,72,232,.09)}.input-icon{display:grid;place-items:center;color:#a09baa}.input-icon svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.input-row input{width:100%;min-width:0;height:44px;border:0;outline:0;background:transparent;color:#302d3b;font-size:14px}.input-row input::placeholder{color:#aaa6b1}.paste-button,.clear-button{border:0;background:transparent;color:#787382;font-size:12px;font-weight:700;padding:9px 11px;border-radius:8px}.paste-button:hover,.clear-button:hover{background:#f5f3f9;color:var(--brand)}.clear-button{display:grid;place-items:center;padding:8px}.clear-button svg{width:17px;stroke:currentColor;stroke-width:1.7;fill:none}.form-note{font-size:11px;color:#96919f;margin:9px 4px 13px}.submit-button{width:100%;height:49px;padding:0 17px;border:0;border-radius:11px;background:var(--brand);color:white;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s,transform .2s}.submit-button:hover{background:var(--brand-dark);transform:translateY(-1px)}.submit-button:disabled{opacity:.72;cursor:wait;transform:none}.button-arrow{font-size:17px;line-height:1}.form-message{margin-top:12px;border-radius:10px;padding:11px 13px;font-size:12px;line-height:1.5}.form-message.error{color:#8b3f39;background:#fff1ef;border:1px solid #f6d9d5}.form-message.success{color:#286950;background:#effaf5;border:1px solid #d4f0e2}.form-message.loading{color:#6452a5;background:#f5f2ff;border:1px solid #e6defc}.permission-note{display:flex;align-items:center;gap:7px;color:#8a8692;font-size:10px;margin:13px 3px 1px}.permission-note svg{width:15px;flex:none;fill:none;stroke:#8b80a5;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.trust-row{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:25px;color:#85808e;font-size:11px}.trust-row b{color:#6450b7;font-size:10px;margin-right:5px}.trust-row i{height:3px;width:3px;background:#c8c2d2;border-radius:50%}.intro-section{padding-top:94px;padding-bottom:101px}.section-kicker{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:10px;color:#827d8b}.kicker-line{height:1px;width:25px;background:var(--brand)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:start;margin-top:24px}.intro-grid h2,.feature-heading h2,.how-copy h2,.faq-heading h2,.related-inner h2,.care-inner h2{font-size:clamp(30px,4vw,43px);line-height:1.2;margin:0;font-weight:650}.intro-grid>div{padding-top:4px}.intro-grid p,.care-inner p{color:#777280;font-size:14px;line-height:1.85;margin:0 0 19px}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:12px;font-weight:700}.text-link span{font-size:16px;transition:transform .2s}.text-link:hover span{transform:translate(2px,-2px)}.feature-section{background:#faf9fc;padding:86px 0 93px}.feature-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:35px}.feature-heading h2{margin-top:17px}.feature-heading>p{max-width:320px;color:#817c89;font-size:13px;margin:0 0 5px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.feature-card{position:relative;min-height:228px;padding:24px 24px 26px;background:#fff;border:1px solid #eeebf3;border-radius:17px;overflow:hidden}.feature-card h3{font-size:16px;letter-spacing:-.025em;margin:21px 0 8px}.feature-card p{font-size:12px;color:#85808d;line-height:1.7;max-width:300px;margin:0}.feature-number{position:absolute;right:22px;top:22px;color:#d9d5e0;font:700 11px var(--display)}.feature-icon{width:39px;height:39px;border-radius:13px;display:grid;place-items:center}.feature-icon svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature-icon.violet{background:#f0ecff;color:#7054e5}.feature-icon.coral{background:#fff0ec;color:#ee826c}.feature-icon.mint{background:#eaf8f2;color:#54a98b}.how-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:11%;padding-top:102px;padding-bottom:105px}.how-copy h2{margin:18px 0 14px}.muted-copy{font-size:13px;color:#85808d;margin-bottom:22px}.steps-list{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:43px 1fr 24px;gap:15px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}.step-count{font:700 11px var(--display);color:#a59eb2;padding-top:4px}.step h3{font-size:15px;margin:0 0 5px;letter-spacing:-.02em}.step p{font-size:12px;color:#898491;margin:0;line-height:1.7}.step-symbol{justify-self:end;color:#9b92b1;font-size:17px}.care-section{background:#f5f2ff;padding:59px 0}.care-inner{display:grid;grid-template-columns:68px 1fr 38px;gap:25px;align-items:center}.care-mark{width:55px;height:55px;display:grid;place-items:center;background:#fff;border-radius:17px}.care-mark svg{width:34px;fill:none;stroke:var(--brand);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.care-inner h2{font-size:29px;margin:13px 0 8px}.care-inner p{max-width:680px;margin:0;font-size:12px}.care-link{width:34px;height:34px;border:1px solid #d9d1f5;border-radius:50%;display:grid;place-items:center;color:var(--brand);justify-self:end}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:11%;padding-top:100px;padding-bottom:103px}.faq-heading h2{margin:18px 0 12px}.faq-heading>p{font-size:13px;color:#85808d}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:18px 0;font-weight:600;font-size:13px}.faq-item summary::-webkit-details-marker{display:none}.faq-plus{width:20px;height:20px;position:relative;flex:none;margin-left:18px}.faq-plus:before,.faq-plus:after{content:'';position:absolute;width:11px;height:1px;background:#898392;top:10px;left:4px;transition:transform .18s}.faq-plus:after{transform:rotate(90deg)}.faq-item[open] .faq-plus:after{transform:rotate(0)}.faq-item p{font-size:12px;color:#85808d;line-height:1.8;margin:-2px 32px 17px 0;max-width:550px}.related-section{background:#faf9fc;padding:65px 0}.related-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.related-inner h2{font-size:30px;margin-top:15px}.related-links{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:9px;min-width:380px}.related-links a{background:#fff;border:1px solid #efedf3;border-radius:10px;padding:11px 13px;font-size:11px;font-weight:600;color:#615d6b;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.related-links a:hover{border-color:#d7cef8;color:var(--brand);transform:translateY(-1px)}.related-links a span{font-size:14px;color:#a49cad}.site-footer{background:#262432;color:#fff;padding:39px 0 18px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1.5fr 38px;align-items:center;gap:20px;padding-bottom:34px}.footer-brand{color:#fff}.footer-tagline{font-size:11px;color:#b6b2c1;line-height:1.6;margin:0}.footer-nav{display:flex;justify-content:flex-end;gap:22px}.footer-nav a{font-size:10px;color:#d0cdd6}.back-top{height:34px;width:34px;border:1px solid #4a4756;border-radius:50%;display:grid;place-items:center;color:#d4d0db}.footer-bottom{border-top:1px solid #403d4c;padding-top:15px;display:flex;justify-content:space-between;gap:20px;color:#aaa6b5;font-size:9px}.footer-social span{color:#ff8e74;margin-left:4px}@media(max-width:900px){.desktop-nav{margin-left:10px;gap:22px}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:span 2}.how-section,.faq-section{gap:7%}.footer-top{grid-template-columns:1fr 1fr 38px}.footer-nav{grid-column:1/3;justify-content:flex-start;grid-row:2}.back-top{grid-column:3;grid-row:1}.related-inner{align-items:flex-start;flex-direction:column;gap:28px}.related-links{min-width:0;width:100%}}@media(max-width:640px){.content-width{width:calc(100% - 36px)}.site-header{height:66px}.header-inner{padding:0 18px}.desktop-nav{display:none}.menu-toggle{display:block}.language-control{margin-right:5px}.mobile-nav{position:absolute;top:65px;left:0;right:0;padding:10px 18px 16px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 18px rgba(38,31,63,.06)}.mobile-nav.open{display:grid;gap:0}.mobile-nav a{padding:11px 3px;color:#625d6c;font-size:13px;font-weight:600;border-bottom:1px solid #f2f0f5}.mobile-nav a:last-child{border:0}.hero-wrap{padding:53px 16px 37px;min-height:0}.hero-content{max-width:520px}.eyebrow{font-size:9px}h1{font-size:39px;margin:20px auto 12px;max-width:420px}.hero-lede{font-size:13px;max-width:320px;line-height:1.7;margin-bottom:23px}.download-card{padding:10px;border-radius:17px}.tool-tabs{justify-content:flex-start;gap:2px;margin-bottom:11px;padding-bottom:9px}.tool-tab{font-size:11px;padding:8px 10px}.input-row{min-height:52px;padding-left:10px;gap:4px}.input-row input{font-size:12px}.input-row input::placeholder{font-size:11px}.paste-button,.clear-button{padding:8px 7px;font-size:11px}.form-note{font-size:10px}.submit-button{height:46px}.permission-note{font-size:9px;align-items:flex-start;line-height:1.5}.permission-note svg{width:13px;margin-top:1px}.trust-row{gap:8px;font-size:9px;margin-top:19px;white-space:nowrap}.trust-row b{font-size:9px;margin-right:2px}.trust-row i{width:2px}.orb-one{width:105px;height:105px;left:-37px;top:70px}.orb-two{width:45px;height:45px;right:0;top:107px}.intro-section{padding-top:65px;padding-bottom:66px}.intro-grid{grid-template-columns:1fr;gap:17px;margin-top:18px}.intro-grid h2,.feature-heading h2,.how-copy h2,.faq-heading h2{font-size:32px}.intro-grid p{font-size:13px}.feature-section{padding:64px 0}.feature-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:23px}.feature-heading>p{max-width:380px}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-large{grid-column:auto}.feature-card{min-height:190px;padding:21px}.feature-card h3{margin-top:16px}.how-section{grid-template-columns:1fr;gap:30px;padding-top:68px;padding-bottom:68px}.how-copy h2{margin:15px 0 10px}.step{grid-template-columns:32px 1fr 20px;gap:11px;padding:18px 0}.step h3{font-size:14px}.step p{font-size:11px}.care-section{padding:42px 0}.care-inner{grid-template-columns:44px 1fr;gap:14px}.care-mark{height:42px;width:42px;border-radius:13px;align-self:start}.care-mark svg{width:28px}.care-inner h2{font-size:25px}.care-inner p{font-size:11px}.care-link{display:none}.faq-section{grid-template-columns:1fr;gap:23px;padding-top:68px;padding-bottom:69px}.faq-heading h2{margin:14px 0 8px}.faq-item summary{font-size:12px;padding:16px 0}.faq-item p{font-size:11px}.related-section{padding:49px 0}.related-inner h2{font-size:27px}.related-links{grid-template-columns:1fr 1fr;gap:7px}.related-links a{font-size:10px;padding:10px}.footer-top{grid-template-columns:1fr 35px;gap:13px;padding-bottom:23px}.footer-tagline{grid-column:1;grid-row:2}.footer-nav{grid-column:1/3;grid-row:3;gap:15px;flex-wrap:wrap}.footer-nav a{font-size:10px}.back-top{grid-column:2;grid-row:1}.footer-bottom{flex-wrap:wrap;gap:7px 20px;font-size:9px}.footer-social{width:100%}}@media(max-width:360px){h1{font-size:34px}.content-width{width:calc(100% - 30px)}.hero-wrap{padding-inline:11px}.tool-tab{padding-inline:8px}.trust-row{gap:5px;font-size:8px}.related-links{grid-template-columns:1fr}}
.cms-content{padding:56px 0;border-top:1px solid #f1eef5}.cms-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%;margin-top:18px;align-items:start}.cms-content-grid h2,.cms-faq-content h2{font:650 clamp(25px,3.5vw,36px)/1.2 var(--display);letter-spacing:-.04em;margin:0}.cms-content-grid p,.cms-faq-content p{font-size:13px;color:#777280;line-height:1.85;margin:0}.cms-card-section{background:#faf9fc}.cms-faq{background:#f5f2ff;padding:52px 0}.cms-faq-content{max-width:680px;margin:17px 0 0 35px}.cms-faq-content h2{font-size:27px;margin-bottom:10px}.cms-divider{height:20px;background:linear-gradient(90deg,transparent,#f3f0fa,transparent)}@media(max-width:640px){.cms-content{padding:40px 0}.cms-content-grid{grid-template-columns:1fr;gap:12px}.cms-content-grid h2{font-size:27px}.cms-content-grid p,.cms-faq-content p{font-size:12px}.cms-faq{padding:40px 0}.cms-faq-content{margin-left:0}.cms-faq-content h2{font-size:24px}}
.cms-features{background:#faf9fc;padding:78px 0}.cms-features>div>h2,.cms-steps h2,.cms-faq-grid h2,.cms-related h2{font:650 clamp(29px,4vw,42px)/1.2 var(--display);letter-spacing:-.045em;margin:15px 0 24px}.cms-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.cms-feature-card{position:relative;min-height:174px;padding:22px;background:#fff;border:1px solid #eeebf3;border-radius:15px}.cms-feature-card h3{font:700 15px var(--display);letter-spacing:-.025em;margin:12px 25px 8px 0}.cms-feature-card p{font-size:12px;line-height:1.75;color:#85808d;margin:0}.cms-feature-index{position:absolute;top:19px;right:19px;font:700 10px var(--display);color:#c3bfcb}.cms-steps{padding:86px 0}.cms-steps-grid,.cms-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}.cms-steps h2,.cms-faq-grid h2{margin-bottom:10px}.cms-muted{font-size:12px;color:#85808d;line-height:1.75}.cms-step-list{border-top:1px solid var(--line)}.cms-step{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:19px 0;border-bottom:1px solid var(--line)}.cms-step>span{font:700 11px var(--display);color:#9b91b4;padding-top:3px}.cms-step h3{font:700 14px var(--display);margin:0 0 4px}.cms-step p{font-size:11px;color:#85808d;margin:0;line-height:1.7}.cms-faq{background:#faf9fc;padding:78px 0}.cms-faq-grid h2{font-size:36px}.cms-faq-list{border-top:1px solid var(--line)}.cms-faq-list details{border-bottom:1px solid var(--line)}.cms-faq-list summary{cursor:pointer;list-style:none;padding:16px 30px 16px 0;font-weight:600;font-size:12px;position:relative}.cms-faq-list summary::-webkit-details-marker{display:none}.cms-faq-list summary:after{content:'+';position:absolute;right:3px;color:#7666b5;font-size:17px;top:11px}.cms-faq-list details[open] summary:after{content:'−'}.cms-faq-list details p{color:#85808d;font-size:11px;line-height:1.8;margin:0 20px 16px 0}.cms-cta{background:#f3f0ff;padding:48px 0}.cms-cta-inner{display:grid;grid-template-columns:49px 1fr 35px;gap:17px;align-items:center}.cms-cta-mark{width:43px;height:43px;background:white;border-radius:14px;display:grid;place-items:center;color:var(--brand);font-size:20px}.cms-cta h2{font:650 27px var(--display);letter-spacing:-.04em;margin:10px 0 5px}.cms-cta p{font-size:11px;color:#777280;line-height:1.75;margin:0;max-width:750px}.cms-cta-inner>a{height:32px;width:32px;border:1px solid #d9d1f5;border-radius:50%;display:grid;place-items:center;color:var(--brand)}.cms-related{background:#faf9fc;padding:55px 0}.cms-related-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cms-related h2{font-size:29px;margin-bottom:0}.cms-related-inner>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px;min-width:380px}.cms-related-inner>div:last-child a{background:white;border:1px solid #efedf3;border-radius:9px;padding:10px 12px;font-size:10px;font-weight:600;display:flex;justify-content:space-between}.cms-related-inner>div:last-child a span{color:var(--brand)}@media(max-width:640px){.cms-features,.cms-faq{padding:56px 0}.cms-feature-grid{grid-template-columns:1fr}.cms-feature-card{min-height:145px}.cms-steps{padding:62px 0}.cms-steps-grid,.cms-faq-grid{grid-template-columns:1fr;gap:18px}.cms-steps h2,.cms-faq-grid h2{font-size:31px}.cms-cta{padding:37px 0}.cms-cta-inner{grid-template-columns:40px 1fr;gap:11px}.cms-cta-mark{width:37px;height:37px}.cms-cta h2{font-size:23px}.cms-cta-inner>a{display:none}.cms-related{padding:44px 0}.cms-related-inner{align-items:flex-start;flex-direction:column;gap:18px}.cms-related h2{font-size:26px}.cms-related-inner>div:last-child{min-width:0;width:100%;grid-template-columns:1fr 1fr}.cms-related-inner>div:last-child a{font-size:9px;padding:9px}}
.media-download-link{display:inline-flex;align-items:center;justify-content:center;margin-top:9px;padding:10px 18px;border-radius:10px;background:#6848e8;color:#fff;font-weight:700;text-decoration:none}.media-download-link:hover{background:#5134d1}
.media-result[hidden]{display:none}.media-result{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left}.media-result h3{margin:0;font-size:16px}.media-result video{display:block;width:min(100%,420px);max-height:560px;margin:0 auto;border-radius:10px;background:#17151d;object-fit:contain}.media-result .media-download-link{justify-self:center;min-width:min(100%,260px);text-align:center}
.media-download-link{border:0;font-family:inherit;cursor:pointer}.download-progress-panel[hidden]{display:none}.download-progress-panel{display:grid;gap:9px;justify-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:#faf9fd}.download-status-text{margin:0;color:#514b60;font-size:12px;text-align:center}.download-progress{width:min(100%,360px);height:10px;accent-color:#6848e8}.download-cancel{padding:5px 12px;border:0;background:transparent;color:#6d6878;font-size:12px;text-decoration:underline}
:root{--content:1400px}
.content-width{width:min(var(--content),calc(100% - 56px))}
.header-inner{max-width:1480px;padding-inline:clamp(20px,3vw,44px)}
.hero-wrap{min-height:560px;padding:58px 24px 40px}
.hero-content{max-width:1160px}
.download-card{max-width:1040px}
.content-section{padding:60px 0 84px;background:#fff}
.content-inner{width:min(1400px,calc(100% - 56px));margin:0 auto}
#page-content:not(:empty){padding-bottom:26px}
#dynamic-sections{display:grid;gap:0}
#dynamic-sections>.cms-features,#dynamic-sections>.cms-steps,#dynamic-sections>.cms-faq,#dynamic-sections>.cms-content,#dynamic-sections>.cms-cta,#dynamic-sections>.cms-related{padding:28px 0;background:transparent;border:0}
.cms-section-inner{width:100%;margin:0 auto}
.cms-divider{height:1px;margin:14px 0;background:#f0eef4}
@media(max-width:760px){.content-width{width:calc(100% - 30px)}.content-inner{width:calc(100% - 30px)}.content-section{padding:38px 0 52px}.hero-wrap{padding:48px 15px 34px;min-height:0}.hero-content{max-width:none}.download-card{max-width:none}#page-content:not(:empty){padding-bottom:18px}#dynamic-sections>.cms-features,#dynamic-sections>.cms-steps,#dynamic-sections>.cms-faq,#dynamic-sections>.cms-content,#dynamic-sections>.cms-cta,#dynamic-sections>.cms-related{padding:22px 0}}
/* Simple downloader followed by one continuous, editable article. */
:root{--font:Arial,Helvetica,sans-serif;--display:Arial,Helvetica,sans-serif;--shadow:none}
.site-header{height:68px;box-shadow:none}
/* Hero Section - SaveFromIns Design */
.hero-wrap {
  position: relative;
  background: radial-gradient(52% 24% at 105% -5%, #76b4ff, #76b4ff00),
              radial-gradient(38% 58% at 5% 100%, #ff11f2, #ff11f200 100%),
              radial-gradient(25% 32% at 100% 100%, #ff9f7a, #ff9f7a00),
              linear-gradient(180deg, #9e67ff 0%, #ff2d80 100%);
  padding: 44px 20px 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}
.hero-content {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Encompassing Hero Card Container */
.hero-card {
  position: relative;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  border: 1.5px solid rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 24px;
  padding: 34px 28px 38px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12), inset 0 1px 1px rgba(255, 255, 255, 0.35);
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

[data-theme="dark"] .hero-card {
  background: rgba(18, 19, 28, 0.45);
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

/* Floating Tool Tabs Pill Bar */
.tool-tabs-container {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 26px;
}
.tool-tabs {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #ffffff;
  border-radius: 18px;
  padding: 6px 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  border-bottom: none;
  margin-bottom: 0;
}
.tool-tabs::-webkit-scrollbar {
  display: none;
}
.tool-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 20px;
  border-radius: 12px;
  color: #0f1015;
  font-size: 14.5px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.2s ease;
  border: 0;
  background: transparent;
}
.tool-tab:hover {
  color: #000000;
  background: #f4f4f7;
}
.tool-tab.active {
  background: #743cf3;
  color: #ffffff;
  font-weight: 600;
  box-shadow: 0 2px 10px rgba(116, 60, 243, 0.35);
}
.tool-tab .tab-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.tool-tab .tab-icon svg {
  width: 100%;
  height: 100%;
}
.tool-tab.active .tab-icon {
  color: #ffffff !important;
}
.tool-tab.active .tab-icon svg {
  stroke: #ffffff !important;
}

/* Hero Typography */
.hero-content h1,
h1#hero-title {
  color: #ffffff !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: clamp(32px, 3.8vw, 48px);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.15;
  margin: 0 0 8px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.hero-content h1 span {
  color: inherit !important;
}
.hero-lede,
p#hero-copy {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: clamp(15px, 1.6vw, 21px);
  font-weight: 400;
  line-height: 1.45;
  max-width: 720px;
  margin: 0 auto 32px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

/* Download Input Bar */
.download-container {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
.download-container form {
  width: 100%;
}
.search-pill {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border-radius: 18px !important;
  padding: 10px 10px 12px !important;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.14) !important;
  gap: 10px !important;
  height: auto !important;
  box-sizing: border-box !important;
  width: 100% !important;
}
.search-input-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 12px !important;
  min-height: 54px !important;
  padding: 0 4px 0 16px !important;
  box-sizing: border-box !important;
}
.search-pill:focus-within {
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.4) !important;
}
.search-pill input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-size: 20px !important;
  color: rgba(0, 0, 0, 0.8) !important;
  font-family: inherit !important;
  padding: 0 !important;
}
.search-pill input::placeholder {
  color: rgba(0, 0, 0, 0.42) !important;
  font-size: 19px !important;
}
.clear-button {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  background: #f1f2f5 !important;
  color: #6b7280 !important;
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  cursor: pointer !important;
}
.clear-button:hover {
  background: #e2e5eb !important;
  color: #111827 !important;
}
.clear-button[hidden] {
  display: none !important;
}
.clear-button svg {
  width: 14px !important;
  height: 14px !important;
}
.paste-button {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 12px !important;
  border: 1px solid #e5e7eb !important;
  background: #ffffff !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #4b5563 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  height: 44px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
.paste-button:hover {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
}
.paste-button svg {
  width: 18px !important;
  height: 18px !important;
  color: #4b5563 !important;
}
.search-pill .submit-button,
.submit-button {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  border: none !important;
  background: #743cf3 !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  padding: 0 24px !important;
  box-shadow: 0 4px 14px rgba(116, 60, 243, 0.4) !important;
  transition: background 0.2s ease, transform 0.15s ease !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}
.search-pill .submit-button:hover,
.submit-button:hover {
  background: #622fe6 !important;
  transform: translateY(-1px) !important;
}
.search-pill .submit-button:active,
.submit-button:active {
  transform: translateY(0) !important;
}
.search-pill .submit-button:disabled,
.submit-button:disabled {
  opacity: 0.75 !important;
  cursor: wait !important;
  transform: none !important;
}

/* Feedback messages & Result card */
.form-message {
  margin-top: 14px;
  border-radius: 14px;
  padding: 13px 18px;
  font-size: 13.5px;
  line-height: 1.5;
  background: #ffffff;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.14);
  text-align: left;
}
.form-message.error {
  color: #991b1b;
  background: #fef2f2;
  border: 1px solid #fecaca;
}
.form-message.success {
  color: #065f46;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}
.form-message.loading {
  color: #4338ca;
  background: #eef2ff;
  border: 1px solid #c7d2fe;
}
.media-result {
  margin-top: 18px;
  background: #ffffff;
  border-radius: 20px;
  padding: 22px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.18);
  text-align: center;
  display: grid;
  gap: 14px;
}
.media-result[hidden] {
  display: none;
}
.media-result h3 {
  margin: 0;
  font-size: 18px;
  color: #111827;
}
.media-result video {
  display: block;
  width: min(100%, 440px);
  max-height: 540px;
  margin: 0 auto;
  border-radius: 12px;
  background: #000;
}
@media (max-width: 768px) {
  .site-header {
    height: 64px !important;
  }
  .header-inner {
    padding: 0 16px !important;
  }
  .desktop-nav {
    display: none !important;
  }
  .menu-toggle {
    display: block !important;
  }
  .hero-wrap {
    padding: 24px 12px 36px !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  .hero-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .hero-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px 8px 22px !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
  }
  .tool-tabs-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
  }
  .tool-tabs {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 4px 4px !important;
    gap: 2px !important;
    overflow: visible !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
  }
  .tool-tab {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 0 !important;
    border-radius: 14px !important;
    margin: 0 !important;
  }
  .tool-tab .tab-label {
    display: none !important;
  }
  .tool-tab .tab-icon {
    margin: 0 auto !important;
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .tool-tab .tab-icon svg {
    width: 19px !important;
    height: 19px !important;
  }
  h1#hero-title {
    font-size: 22px !important;
    margin-bottom: 6px !important;
    padding: 0 4px !important;
  }
  .hero-lede,
  p#hero-copy {
    font-size: 13px !important;
    margin-bottom: 16px !important;
    padding: 0 6px !important;
  }
  .download-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .search-pill {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    border-radius: 18px !important;
    padding: 8px 8px 10px !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }
  .search-input-wrap {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    gap: 6px !important;
    background: transparent !important;
    padding: 0 2px 0 6px !important;
    box-sizing: border-box !important;
  }
  .search-pill input {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    font-size: 13.5px !important;
    padding: 6px 0 !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
  }
  .search-pill input::placeholder {
    font-size: 13px !important;
  }
  .clear-button {
    flex: 0 0 auto !important;
    width: 24px !important;
    height: 24px !important;
  }
  .paste-button {
    flex: 0 0 auto !important;
    width: auto !important;
    height: 38px !important;
    padding: 4px 12px !important;
    font-size: 13px !important;
    gap: 4px !important;
    white-space: nowrap !important;
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
    background: #ffffff !important;
    color: #4b5563 !important;
    box-sizing: border-box !important;
  }
  .paste-button svg {
    width: 15px !important;
    height: 15px !important;
  }
  .search-pill .submit-button,
  .submit-button {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }
}
.content-section{padding:36px 0 50px;background:#fff}
#page-content:not(:empty){padding:0}

/* Device Guide Section: "How to Download Instagram Video & Photo on Any Device" */
.device-guide-section {
  padding: 56px 0 32px;
  background: #ffffff;
}
.device-guide-inner {
  width: min(1140px, calc(100% - 48px));
  margin: 0 auto;
}
.device-guide-title {
  text-align: center;
  font-size: 26px;
  font-weight: 800;
  color: #111827;
  letter-spacing: -0.02em;
  margin: 0 0 36px;
  line-height: 1.3;
}
.device-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.device-card {
  background: #ffffff;
  border: 1px solid #eef0f4;
  border-radius: 20px;
  padding: 28px 24px 30px;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}
.device-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  border-color: #e2e5eb;
}
.device-card-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
.device-icon-badge {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.device-icon-badge.badge-ios {
  background: #0f172a;
  color: #ffffff;
}
.device-icon-badge.badge-android {
  background: #0ea668;
  color: #ffffff;
}
.device-icon-badge.badge-pc {
  background: #6848e8;
  color: #ffffff;
}
.device-card-name {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  margin: 0;
  letter-spacing: -0.01em;
}
.device-card-desc {
  font-size: 14px;
  line-height: 1.68;
  color: #525c6e;
  margin: 0;
}
.device-card-desc strong,
.device-card-desc b {
  color: #111827;
  font-weight: 600;
}

@media (max-width: 900px) {
  .device-cards-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .device-guide-section {
    padding: 38px 0 20px;
  }
  .device-guide-title {
    font-size: 22px;
    margin-bottom: 24px;
  }
  .device-guide-inner {
    width: calc(100% - 32px);
  }
  .device-card {
    padding: 22px 20px;
  }
}

/* Footer Styles - SSSTIK Column Layout */
.site-footer {
  padding: 48px 0 24px;
  background: #f8f9fb;
  color: #555b69;
  border-top: 1px solid #e9ebf0;
}
.footer-main {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 36px;
  padding-bottom: 36px;
}
.footer-col-brand .footer-brand {
  margin-bottom: 14px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.footer-desc {
  font-size: 13px;
  line-height: 1.65;
  color: #666d7a;
  margin: 0;
  max-width: 300px;
}
.footer-heading {
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 16px;
  color: #252232;
  letter-spacing: -0.01em;
}
.footer-links,
.footer-features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer-links a {
  font-size: 13.5px;
  color: #666d7a;
  text-decoration: none;
  transition: color 0.2s, transform 0.2s;
  display: inline-block;
}
.footer-links a:hover {
  color: var(--brand, #743cf3);
  transform: translateX(2px);
}
.footer-features li {
  font-size: 13.5px;
  color: #666d7a;
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer-features .check-icon {
  font-weight: 700;
  color: #10b981;
}
.footer-bottom {
  position: relative;
  border-top: 1px solid #e4e7ee;
  padding-top: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.footer-copy {
  margin: 0;
  font-size: 12.5px;
  color: #7a808b;
}
.site-footer .back-top {
  position: absolute;
  right: 0;
  top: 14px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #e11d74;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(225, 29, 116, 0.35);
  transition: transform 0.2s, background 0.2s;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
.site-footer .back-top:hover {
  background: #c2185b;
  transform: translateY(-2px);
}
@media (max-width: 900px) {
  .footer-main {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}
@media (max-width: 640px) {
  .footer-main {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .footer-bottom {
    flex-direction: column;
    gap: 16px;
  }
  .site-footer .back-top {
    position: static;
  }
}
[dir=rtl] .page-article{text-align:right}[dir=rtl] .page-article,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:normal}[dir=rtl] .page-article ul,[dir=rtl] .page-article ol{padding-left:0;padding-right:25px}[dir=rtl] .desktop-nav{margin-left:0;margin-inline-start:80px}[dir=rtl] .footer-nav{margin-left:0;margin-inline-start:auto}[dir=rtl] .input-row input{direction:ltr;text-align:left}[dir=rtl] .permission-note{text-align:right}.language-control select{max-width:155px}
[dir=rtl] .page-article th,[dir=rtl] .page-article td{text-align:right}
/* Theme Toggle Button */
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 9999px;
  border: 1px solid #e2e4e9;
  background: #ffffff;
  color: #4b5563;
  cursor: pointer;
  padding: 0;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.theme-toggle:hover {
  background: #f3f4f6;
  color: #111827;
  border-color: #d1d5db;
}
.theme-icon-dark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.theme-icon-light {
  display: none;
  align-items: center;
  justify-content: center;
}
[data-theme="dark"] .theme-icon-dark {
  display: none;
}
[data-theme="dark"] .theme-icon-light {
  display: inline-flex;
}

/* Dark Theme */
[data-theme="dark"] {
  color-scheme: dark;
}
[data-theme="dark"] body {
  background-color: #0d0e12;
  color: #e4e4e7;
}
[data-theme="dark"] .site-header {
  background: #131419;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .brand {
  color: #ffffff;
}
[data-theme="dark"] .nav-link {
  color: #a1a1aa;
}
[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .footer-nav a:hover {
  color: #ffffff;
}
[data-theme="dark"] .language-control {
  color: #a1a1aa;
}
[data-theme="dark"] .language-control select {
  color: #e4e4e7;
  background: transparent;
}
[data-theme="dark"] .language-control select option {
  background: #181920;
  color: #ffffff;
}
[data-theme="dark"] .theme-toggle {
  background: #1c1d24;
  border-color: #2e303b;
  color: #fbbf24;
}
[data-theme="dark"] .theme-toggle:hover {
  background: #272832;
  border-color: #3f4252;
  color: #fde047;
}
[data-theme="dark"] .menu-toggle span {
  background: #ffffff;
}
[data-theme="dark"] .mobile-nav {
  background: #131419;
  border-bottom: 1px solid #272832;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.5);
}
[data-theme="dark"] .mobile-nav a {
  color: #e4e4e7;
  border-bottom-color: #272832;
}

/* Content section in dark mode */
[data-theme="dark"] .content-section {
  background: #0d0e12;
}
[data-theme="dark"] .page-article,
[data-theme="dark"] .mce-content-body {
  color: #d4d4d8;
}
[data-theme="dark"] .page-article h2,
[data-theme="dark"] .mce-content-body h2,
[data-theme="dark"] .page-article h3,
[data-theme="dark"] .mce-content-body h3,
[data-theme="dark"] .page-article h4,
[data-theme="dark"] .mce-content-body h4 {
  color: #ffffff;
}
[data-theme="dark"] .page-article p,
[data-theme="dark"] .mce-content-body p {
  color: #a1a1aa;
}
[data-theme="dark"] .page-article a,
[data-theme="dark"] .mce-content-body a {
  color: #a78bfa;
}
[data-theme="dark"] .page-article blockquote,
[data-theme="dark"] .mce-content-body blockquote {
  background: #181922;
  border-left-color: #743cf3;
  color: #e4e4e7;
}
[data-theme="dark"] .page-article pre,
[data-theme="dark"] .mce-content-body pre {
  background: #181922;
  border: 1px solid #272832;
  color: #f4f4f5;
}
[data-theme="dark"] .page-article th,
[data-theme="dark"] .mce-content-body th {
  background: #1c1d28;
  color: #ffffff;
  border-color: #272832;
}
[data-theme="dark"] .page-article td,
[data-theme="dark"] .mce-content-body td {
  border-color: #272832;
  color: #d4d4d8;
}
[data-theme="dark"] .page-article hr,
[data-theme="dark"] .mce-content-body hr {
  border-top-color: #272832;
}
[data-theme="dark"] .page-article figcaption,
[data-theme="dark"] .mce-content-body figcaption {
  color: #71717a;
}

/* FAQ in dark mode */
[data-theme="dark"] .page-article #faq,
[data-theme="dark"] .mce-content-body #faq {
  border-top-color: #272832;
}
[data-theme="dark"] .page-article #faq details,
[data-theme="dark"] .mce-content-body #faq details {
  border-bottom-color: #272832;
}
[data-theme="dark"] .page-article #faq summary,
[data-theme="dark"] .mce-content-body #faq summary {
  color: #ffffff;
}
[data-theme="dark"] .page-article #faq summary::after,
[data-theme="dark"] .mce-content-body #faq summary::after {
  color: #a78bfa;
}
[data-theme="dark"] .page-article #faq details>p,
[data-theme="dark"] .mce-content-body #faq details>p {
  color: #a1a1aa;
}

/* Footer in dark mode */
[data-theme="dark"] .site-footer {
  background: #08080a;
  color: #71717a;
  border-top-color: #1f2026;
}
[data-theme="dark"] .footer-brand {
  color: #ffffff;
}
[data-theme="dark"] .footer-desc {
  color: #9ca3af;
}
[data-theme="dark"] .footer-heading {
  color: #ffffff;
}
[data-theme="dark"] .footer-links a {
  color: #a1a1aa;
}
[data-theme="dark"] .footer-links a:hover {
  color: #ffffff;
}
[data-theme="dark"] .footer-features li {
  color: #a1a1aa;
}
[data-theme="dark"] .footer-bottom {
  border-top-color: #1f2026;
  color: #71717a;
}
[data-theme="dark"] .footer-copy {
  color: #71717a;
}
[data-theme="dark"] .site-footer .back-top {
  background: #e11d74;
  color: #ffffff;
}
[data-theme="dark"] .site-footer .back-top:hover {
  background: #c2185b;
}

/* Dark mode for Device Guide Section */
[data-theme="dark"] .device-guide-section {
  background: #0d0e12;
}
[data-theme="dark"] .device-guide-title {
  color: #ffffff;
}
[data-theme="dark"] .device-card {
  background: #14151e;
  border-color: #232532;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
[data-theme="dark"] .device-card:hover {
  border-color: #383a4c;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
[data-theme="dark"] .device-card-name {
  color: #ffffff;
}
[data-theme="dark"] .device-card-desc {
  color: #94a3b8;
}
[data-theme="dark"] .device-card-desc strong,
[data-theme="dark"] .device-card-desc b {
  color: #f1f5f9;
}