/* 1clickads — app-0811b.css (8/11/2026, thay app-0811a.css). CÙNG HỌ 1clickseo/1clicklead (anh Ân: "không đổi màu, vẫn màu cam"):
   bảng màu chép nguyên :root của static/oneclickseo/app-0411ab.css — nhấn cam #FF5A36 (hover/đậm #E2401D), vàng #FFC24B chỉ là điểm nhấn phụ,
   chữ #1F1A17, nền trắng + khối kem #F3F0EE / #FFF7F3. Khung/class tiền tố oa- giữ như 0811a. Icon: macro oneclicklead/_icons.html (.oc-icon). */
:root{
  --oa-accent:#FF5A36; --oa-accent-2:#E2401D; --oa-accent-soft:#FFE9E3; --oa-accent-bg:#FFF7F3;
  --oa-sun:#FFC24B; --oa-sun-soft:#FFF4DB; --oa-sun-ink:#9A6A00;
  --oa-ok:#14855D; --oa-ok-soft:#E3F8EF;
  --oa-info:#3A62D6; --oa-info-soft:#EEF3FF;
  --oa-bg:#FFFFFF; --oa-block:#F3F0EE; --oa-line:#F0EAE6;
  --oa-ink:#1F1A17; --oa-muted:#6E6661; --oa-faint:#A9A09A; --oa-faint-2:#BDB5B0;
  --oa-font:'Be Vietnam Pro',sans-serif;
  --oa-r-pill:999px; --oa-r-card:20px; --oa-r-hero:30px;
  --oa-shadow:0 10px 30px rgba(31,26,23,.05);
  --oa-shadow-pop:0 16px 40px rgba(31,26,23,.10);
}
/* reset */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
html,body{overscroll-behavior:none;overscroll-behavior-x:none}
html{overflow-x:clip}
.oa-dc-tblw{overscroll-behavior-x:contain;overscroll-behavior-y:auto;overflow-y:hidden}
body{font-family:var(--oa-font);font-size:16px;line-height:1.55;color:var(--oa-ink);background:var(--oa-bg);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
.oc-icon{display:inline-block;flex:none;vertical-align:middle}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
table{border-collapse:separate;border-spacing:0}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.5px;line-height:1.2}
:focus{outline:none}
:focus-visible{outline:2px solid var(--oa-accent);outline-offset:2px}
.oa-num{font-variant-numeric:tabular-nums}
.oa-muted{color:var(--oa-muted)}
.oa-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* khung */
.oa-container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}
.oa-main{flex:1 0 auto;padding:32px 0 56px}
.oa-header{background:var(--oa-bg);border-bottom:1.5px solid var(--oa-line)}
.oa-header__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.oa-logo{position:relative;display:inline-flex;align-items:center;flex:none;height:40px}
.oa-logo img{display:block;flex:none}
.oa-logo__full{width:134px;height:32px}
.oa-logo__mark{display:none!important;width:40px;height:40px}
.oa-header__right{display:flex;align-items:center;gap:8px;min-width:0}
.oa-nav{display:flex;align-items:center;gap:4px;margin-right:4px}
.oa-nav__a{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:var(--oa-r-pill);font-weight:600;font-size:14px;color:var(--oa-muted);white-space:nowrap}
.oa-nav__a .oc-icon{color:currentColor}
.oa-nav__a:hover{color:var(--oa-accent-2);background:var(--oa-accent-bg)}
.oa-nav__a[aria-current=page]{color:var(--oa-accent-2);background:var(--oa-accent-soft)}
.oa-balance{height:40px;min-height:40px;padding:0 14px;font-size:14px;flex:0 1 auto;min-width:0}
.oa-balance>.oa-num{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oa-lang{display:inline-flex;align-items:center;gap:2px;height:40px;padding:3px;border:1.5px solid var(--oa-line);border-radius:var(--oa-r-pill);background:var(--oa-bg);flex:none}
.oa-lang__o{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:100%;padding:0 8px;border-radius:var(--oa-r-pill);font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--oa-muted)}
.oa-lang__o:hover{color:var(--oa-ink)}
.oa-lang__btn{gap:6px;cursor:pointer;list-style:none;user-select:none;color:var(--oa-ink)}
.oa-lang__btn::-webkit-details-marker{display:none}
.oa-lang__btn:focus{outline:none}.oa-lang__btn:focus-visible{outline:2px solid var(--oa-ink);outline-offset:2px}
.oa-lang__pop{min-width:220px;max-height:60vh;overflow-y:auto;overscroll-behavior:contain;z-index:80}
.oa-lang__pop .oa-lang__o{height:auto;min-height:40px;min-width:0;justify-content:space-between;padding:0 12px;border-radius:12px;font-size:14px;letter-spacing:0;color:var(--oa-ink)}
.oa-lang__pop .oa-lang__o[aria-current=true]{background:var(--oa-ink);color:var(--oa-bg)}
.oa-lang__pop .oa-lang__o:focus{outline:none}.oa-lang__pop .oa-lang__o:focus-visible{outline:2px solid var(--oa-ink);outline-offset:-2px}
[dir=rtl] .oa-lang__pop{right:auto;left:0}
.oa-avatar-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;cursor:pointer;list-style:none;user-select:none}
.oa-avatar-btn::-webkit-details-marker{display:none}
.oa-avatar-btn:focus{outline:none}.oa-avatar-btn:focus-visible{outline:2px solid var(--oa-ink);outline-offset:2px}
.oa-avatar{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--oa-accent);display:grid;place-items:center;overflow:hidden;background:var(--oa-accent-soft);color:var(--oa-accent)}
.oa-menu{position:relative}
.oa-menu__pop{position:absolute;right:0;top:calc(100% + 8px);min-width:280px;max-width:min(92vw,420px);background:var(--oa-bg);border:1.5px solid var(--oa-line);border-radius:16px;box-shadow:var(--oa-shadow-pop);padding:8px;z-index:60}
[dir=rtl] .oa-menu__pop{right:auto;left:0}
.oa-menu__email{display:flex;align-items:center;gap:8px;padding:10px 12px;color:var(--oa-muted);font-size:14px;border-bottom:1.5px solid var(--oa-line);margin-bottom:6px;min-width:0}
.oa-menu__who{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oa-menu__item{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 12px;border-radius:12px;font-weight:600;font-size:14px;text-align:left;color:var(--oa-ink)}
.oa-menu__item:hover{background:var(--oa-accent-bg);color:var(--oa-accent-2)}
.oa-menu__item:focus{outline:none}.oa-menu__item:focus-visible{outline:2px solid var(--oa-ink);outline-offset:-2px}
.oa-menu__item[aria-current=page]{background:var(--oa-accent-soft);color:var(--oa-accent-2)}
.oa-menu__sep{height:1.5px;background:var(--oa-line);margin:6px 0}
.oa-footer{border-top:1.5px solid var(--oa-line);padding:18px 0;font-size:13px;color:var(--oa-muted)}
.oa-footer__in{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.oa-footer a:hover{color:var(--oa-accent-2)}

/* nút */
.oa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:var(--oa-r-pill);border:1.5px solid transparent;font-weight:600;font-size:15px;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.oa-btn--primary{background:var(--oa-accent);color:var(--oa-bg)}
.oa-btn--primary:hover{background:var(--oa-accent-2)}
.oa-btn--ghost{background:var(--oa-bg);color:var(--oa-ink);border-color:var(--oa-line)}
.oa-btn--ghost:hover{background:var(--oa-accent-bg);color:var(--oa-accent-2)}
.oa-btn--sm{position:relative;height:40px;min-height:40px;padding:0 16px;font-size:14px;flex:none}
.oa-btn--block{display:flex;width:100%}
.oa-btn:disabled,.oa-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}

/* ô nhập */
.oa-input{display:block;width:100%;height:48px;padding:0 22px;border-radius:var(--oa-r-pill);border:1.5px solid var(--oa-line);background:var(--oa-bg);font-size:15px;font-weight:500;transition:border-color .15s}
.oa-input::placeholder{color:var(--oa-faint)}
.oa-input:focus{border-color:var(--oa-accent);outline:none}
.oa-input:disabled{opacity:.45;cursor:not-allowed}
.oa-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.oa-label{font-size:13px;font-weight:600;color:var(--oa-muted);margin-left:4px}

/* chip */
.oa-chip{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 12px;border-radius:var(--oa-r-pill);font-size:13px;font-weight:600;white-space:nowrap;background:var(--oa-block);color:var(--oa-muted)}
.oa-chip--ok{background:var(--oa-ok-soft);color:var(--oa-ok)}
.oa-chip--accent{background:var(--oa-accent-soft);color:var(--oa-accent-2)}

/* thông báo */
.oa-alert{display:flex;gap:10px;align-items:flex-start;border-radius:16px;padding:12px 16px;margin-bottom:16px;font-size:14px}
.oa-alert--err{background:var(--oa-sun-soft);border:1px solid var(--oa-sun);color:var(--oa-sun-ink)}
.oa-alert--info{background:var(--oa-bg);border:1px solid var(--oa-line);color:var(--oa-ink)}

/* ===== landing (bê oc-ld-*) ===== */
.oa-ld{overflow-x:clip}
.oa-ld-sec{padding:72px 0 0;scroll-margin-top:24px}
.oa-ld-h2{font-size:36px;letter-spacing:-1px;margin-bottom:8px;text-wrap:balance}
.oa-ld-lead{color:var(--oa-muted);font-size:17px;max-width:640px;text-wrap:pretty}
.oa-ld-head{margin-bottom:28px}
.oa-ld-head--c{text-align:center}
.oa-ld-head--c .oa-ld-lead{margin:0 auto}
.oa-ld-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:24px 0 8px}
.oa-ld-h1{font-size:58px;line-height:1.08;letter-spacing:-2px;margin-bottom:20px;text-wrap:balance}
/* "1 click" tô khối vàng như bút dạ (anh chốt 8/11) */
.oa-ld-mark{background:var(--oa-sun);color:var(--oa-ink);padding:0 .14em;border-radius:8px;white-space:nowrap;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* 3 dòng tick ngay dưới tiêu đề hero */
.oa-ld-ticks{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0 0 30px;font-size:18px;font-weight:600}
.oa-ld-ticks li{display:flex;align-items:center;gap:10px}
.oa-ld-ticks .oc-icon{color:var(--oa-ok)}
.oa-ld-paste{display:flex;align-items:center;gap:8px;background:var(--oa-bg);border:2px solid var(--oa-line);border-radius:var(--oa-r-pill);padding:7px 7px 7px 22px;max-width:580px;box-shadow:0 14px 40px rgba(31,26,23,.07);transition:border-color .15s}
.oa-ld-paste:focus-within{border-color:var(--oa-accent)}
.oa-ld-paste>.oc-icon{color:var(--oa-faint)}
.oa-ld-paste input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:17px;font-weight:500;height:44px}
.oa-ld-paste input::placeholder{color:var(--oa-faint)}
.oa-ld-paste .oa-btn{height:48px;padding:0 26px;font-size:16px}
.oa-ld-err{min-height:22px;margin-top:10px;font-size:14px;font-weight:600;color:var(--oa-accent-2)}
.oa-ld-app{margin-top:18px}
/* thẻ minh hoạ bên phải hero: dựng bằng khối chữ + icon bộ chung, không ảnh vẽ tay */
.oa-ld-art{position:relative;background:var(--oa-accent-bg);border-radius:var(--oa-r-hero);padding:28px;display:flex;flex-direction:column;gap:14px}
.oa-ld-card{background:var(--oa-bg);border-radius:20px;box-shadow:0 20px 50px rgba(31,26,23,.08);padding:18px 20px}
.oa-ld-k{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--oa-muted);font-weight:600;margin-bottom:6px}
.oa-ld-t{font-weight:700;font-size:16px;line-height:1.4}
.oa-ld-flow{list-style:none;display:flex;flex-direction:column;gap:10px}
.oa-ld-flow li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px}
.oa-ld-flow .oa-ld-ic{margin:0;width:36px;height:36px}
.oa-ld-flow li .oc-icon:last-child{margin-left:auto;color:var(--oa-ok)}

.oa-ld-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none}
.oa-ld-step{background:var(--oa-accent-bg);border-radius:20px;padding:26px}
.oa-ld-n{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:800;color:var(--oa-bg);margin-bottom:16px}
.oa-ld-step h3,.oa-ld-feat h3{font-size:19px;margin-bottom:6px}
.oa-ld-step p,.oa-ld-feat p{color:var(--oa-muted);font-size:15px}
.oa-ld-c1{background:var(--oa-accent)}.oa-ld-c2{background:var(--oa-sun);color:var(--oa-ink)}.oa-ld-c3{background:var(--oa-ok)}.oa-ld-c4{background:var(--oa-info)}

.oa-ld-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.oa-ld-feat{border:1.5px solid var(--oa-line);border-radius:20px;padding:26px}
.oa-ld-ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px;flex:none}
.oa-ld-i1{background:var(--oa-accent-soft);color:var(--oa-accent-2)}.oa-ld-i2{background:var(--oa-sun-soft);color:var(--oa-sun-ink)}
.oa-ld-i3{background:var(--oa-ok-soft);color:var(--oa-ok)}.oa-ld-i4{background:var(--oa-info-soft);color:var(--oa-info)}

/* "Bạn trả gì" — 4 dòng chi phí + bảng bậc phí */
.oa-ld-pay{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.oa-ld-costs{list-style:none;display:flex;flex-direction:column;gap:12px}
.oa-ld-cost{display:flex;gap:14px;align-items:flex-start;border:1.5px solid var(--oa-line);border-radius:20px;padding:18px 20px}
.oa-ld-cost .oa-ld-ic{margin:0;width:40px;height:40px}
.oa-ld-cost b{display:block;font-size:16px;margin-bottom:2px}
.oa-ld-cost span{color:var(--oa-muted);font-size:15px}
.oa-ld-tiers{background:var(--oa-accent-bg);border-radius:20px;padding:24px}
.oa-ld-tiers h3{font-size:19px;margin-bottom:4px}
.oa-ld-tiers>p{color:var(--oa-muted);font-size:15px;margin-bottom:14px}
.oa-ld-note2{text-align:center;color:var(--oa-muted);font-size:15px;margin:24px auto 20px;max-width:720px;padding:0 12px;text-wrap:balance}
.oa-ld-center{display:flex;justify-content:center}

/* bảng bậc phí — dùng chung landing + pháp lý */
.oa-tbl{width:100%;font-size:15px;background:var(--oa-bg);border:1.5px solid var(--oa-line);border-radius:16px;overflow:hidden}
.oa-tbl th,.oa-tbl td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--oa-line)}
.oa-tbl th{background:var(--oa-block);font-weight:700;font-size:13px}
.oa-tbl td.num,.oa-tbl th.num{text-align:right;font-variant-numeric:tabular-nums}
.oa-tbl tr:last-child td{border-bottom:0}

.oa-ld-faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.oa-ld-faq details{border:1.5px solid var(--oa-line);border-radius:20px;background:var(--oa-bg)}
.oa-ld-faq details[open]{background:var(--oa-accent-bg);border-color:var(--oa-accent-soft)}
.oa-ld-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-weight:700;font-size:17px;cursor:pointer}
.oa-ld-faq summary::-webkit-details-marker{display:none}
.oa-ld-faq summary:focus{outline:none}.oa-ld-faq summary:focus-visible{outline:2px solid var(--oa-ink);outline-offset:-2px;border-radius:20px}
.oa-ld-faq summary .oc-icon{transition:transform .15s;color:var(--oa-muted)}
.oa-ld-faq details[open] summary .oc-icon{transform:rotate(180deg);color:var(--oa-accent-2)}
.oa-ld-faq p{padding:0 24px 22px;color:var(--oa-muted)}

.oa-ld-cta{background:var(--oa-accent);color:var(--oa-bg);border-radius:30px;padding:56px 40px;text-align:center;position:relative;overflow:hidden}
.oa-ld-cta__logo{display:block;height:28px;width:117px;margin:0 auto 20px}
.oa-ld-cta h2{font-size:38px;letter-spacing:-1px;margin-bottom:10px;text-wrap:balance}
.oa-ld-cta p{opacity:.85;font-size:17px;margin:0 auto 26px;max-width:640px}
.oa-ld-cta .oa-btn{background:var(--oa-bg);color:var(--oa-accent-2);height:52px;padding:0 30px;font-size:16px}
.oa-ld-cta .oa-btn:hover{background:var(--oa-accent-soft)}
.oa-ld-cta .oa-btn:focus-visible{outline-color:var(--oa-bg)}

/* ===== đăng nhập (khuôn oneclicklead/auth_login.html, đổi sang biến oa-) ===== */
.oa-auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px}
.oa-auth__logo{display:inline-flex;margin-bottom:24px;line-height:0}
.oa-auth__logo img{display:block;height:36px;width:151px}
.oa-auth__card{width:100%;max-width:420px;background:var(--oa-block);border:1px solid var(--oa-line);border-radius:20px;padding:32px 28px}
.oa-auth__title{margin:0 0 6px;font-size:24px;font-weight:700;letter-spacing:-.01em}
.oa-auth__sub{margin:0 0 22px;color:var(--oa-muted);font-size:14px}
.oa-auth__code{text-align:center;font-size:22px;font-weight:600;letter-spacing:.5em;padding-left:calc(22px + .5em)}
.oa-auth__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font-size:14px}
.oa-auth__row a,.oa-link-btn{font-weight:600;color:var(--oa-accent)}
.oa-auth__row a:hover,.oa-link-btn:hover{color:var(--oa-accent-2)}
.oa-link-btn{border:0;background:none;padding:0;font:inherit;cursor:pointer}
.oa-auth__foot{margin-top:20px;text-align:center;font-size:14px;color:var(--oa-muted)}
.oa-auth__legal{margin-top:16px;text-align:center;font-size:13px;color:var(--oa-faint)}
.oa-auth__legal a{color:var(--oa-muted);text-decoration:underline;text-underline-offset:3px}
.oa-top{position:absolute;top:16px;right:16px;z-index:70}
[dir=rtl] .oa-top{right:auto;left:16px}

/* ===== pháp lý (bê oc-dc-* + oc-lg-*) ===== */
.oa-dc{padding-top:32px;padding-bottom:56px}
.oa-dc-back{display:inline-flex;align-items:center;gap:6px;color:var(--oa-muted);font-weight:600;font-size:14px;margin-bottom:16px}
.oa-dc-back:hover{color:var(--oa-ink)}
.oa-dc-h1{font-size:36px;margin-bottom:10px}
.oa-dc-sub{color:var(--oa-muted);margin-bottom:18px}
.oa-dc-sec{margin-top:44px}
.oa-dc-sec>h2{font-size:24px;margin-bottom:6px}
.oa-dc-tblw{overflow-x:auto;margin:6px 0 16px}
.oa-dc-tblw .oa-tbl{min-width:420px}
.oa-lg{max-width:760px;margin:0 auto}
.oa-lg-toc{border:1.5px solid var(--oa-line);border-radius:16px;padding:14px 18px;margin-top:24px;font-size:14px}
.oa-lg-toc__t{font-weight:700;margin-bottom:6px}
.oa-lg-toc ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;color:var(--oa-muted)}
.oa-lg-toc a:hover,.oa-lg-foot a:hover{color:var(--oa-accent-2)}
.oa-lg .oa-dc-sec{margin-top:36px;scroll-margin-top:84px}
.oa-lg-body p,.oa-lg-body ul{margin:0 0 12px;color:var(--oa-ink);line-height:1.7}
.oa-lg-body ul{padding-left:22px}
.oa-lg-body li{margin-bottom:6px}
.oa-lg-foot{margin-top:44px;padding-top:20px;border-top:1.5px solid var(--oa-line);display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--oa-muted)}
.oa-lg-foot a{font-weight:600;color:var(--oa-ink);text-decoration:underline;text-underline-offset:3px}
.oa-lg-foot__links{display:flex;flex-wrap:wrap;gap:8px 20px}

/* ===== responsive ===== */
@media (max-width:1023px){
  .oa-nav{display:none}
  .oa-ld-hero,.oa-ld-pay{grid-template-columns:1fr;gap:32px}
  .oa-ld-art{max-width:560px;width:100%;margin:0 auto}
  .oa-ld-steps,.oa-ld-feats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .oa-main{padding:20px 0 40px}
  .oa-balance{padding:0 10px;font-size:13px}
  .oa-hide-sm{display:none}
  .oa-header .oa-btn--sm:has(.oa-hide-sm){width:40px;padding:0}
  .oa-logo__full{display:none!important}
  .oa-logo__mark{display:block!important}
  .oa-lang__o{min-width:40px;padding:0 6px}
  .oa-menu__item{min-height:44px}
  .oa-footer__in{gap:6px 8px}
  .oa-footer__in>span:first-child{flex:1 1 100%;padding:12px 0}
  .oa-footer__in>span:first-child+span{display:none}
  .oa-footer__in>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
  .oa-ld-sec{padding-top:52px}
  .oa-ld-h1{font-size:36px;letter-spacing:-1px}
  .oa-ld-ticks{font-size:16px;margin-bottom:22px}
  .oa-ld-h2,.oa-ld-cta h2{font-size:28px}
  .oa-ld-paste{flex-wrap:wrap;border-radius:24px;padding:10px}
  .oa-ld-paste>.oc-icon{display:none}
  .oa-ld-paste input{flex:1 1 100%;padding:0 10px}
  .oa-ld-paste .oa-btn{width:100%}
  .oa-ld-art{padding:18px;border-radius:24px}
  .oa-ld-steps,.oa-ld-feats{grid-template-columns:1fr}
  .oa-ld-cta{padding:40px 22px;border-radius:24px}
  .oa-auth{padding-top:72px}
  .oa-auth__card{padding:26px 18px}
  .oa-auth__title{font-size:22px}
  .oa-top{top:12px;right:12px}
  [dir=rtl] .oa-top{right:auto;left:12px}
  .oa-dc-h1{font-size:28px}
}
@media (max-width:400px){
  .oa-header__in{gap:8px}
  .oa-header .oa-btn--sm:not(:has(.oa-hide-sm)){padding:0 10px;font-size:13px}
  .oa-balance{padding:0 8px;gap:4px}
}
@media (prefers-reduced-motion:reduce){.oa-ld-faq summary .oc-icon{transition:none}}