/* Edit Text feature section — shared by the store / download pages
   (microsoft-store, chrome-extension, android-app). The homepage has its
   own inline copy. Self-contained: uses .etf-wrap (no home-container dep). */
.etf-sec{background:linear-gradient(180deg,#faf9ff 0%,#f1effe 100%);padding:84px 0}
.etf-wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.etf-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:center}
@media(max-width:920px){.etf-grid{grid-template-columns:1fr;gap:34px}}
.etf-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#4f46e5}
.etf-new{background:#4f46e5;color:#fff;letter-spacing:.06em;padding:3px 8px;border-radius:6px;font-size:10px}
.etf-title{font-size:clamp(25px,3.3vw,37px);font-weight:800;line-height:1.13;color:#0f172a;margin:14px 0 0;letter-spacing:-.02em}
.etf-title .ac{background:linear-gradient(135deg,#7c3aed,#4f46e5);-webkit-background-clip:text;background-clip:text;color:transparent}
.etf-sub{font-size:16px;color:#475569;line-height:1.6;margin:16px 0 0;max-width:46ch}
.etf-bullets{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:13px}
.etf-bullets li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:#334155;line-height:1.5}
.etf-bullets .material-symbols-outlined{color:#4f46e5;font-size:21px;flex:0 0 auto}
.etf-bullets b{color:#0f172a;font-weight:700}
.etf-win{position:relative;background:#fff;border:1px solid #e7e5f3;border-radius:16px;overflow:hidden;box-shadow:0 36px 80px -28px rgba(79,70,229,.32),0 12px 32px rgba(15,23,42,.08)}
.etf-tb{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;background:#f6f5fe;border-bottom:1px solid #ece9fb}
.etf-tb img{height:17px;display:block}
.etf-wc{width:46px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='12' viewBox='0 0 46 12' fill='none' stroke='%2394a3b8' stroke-width='1.3' stroke-linecap='round'%3E%3Cline x1='0' y1='6.5' x2='10' y2='6.5'/%3E%3Crect x='18.5' y='1.5' width='9' height='9' rx='1'/%3E%3Cline x1='36' y1='1.5' x2='45' y2='10.5'/%3E%3Cline x1='45' y1='1.5' x2='36' y2='10.5'/%3E%3C/svg%3E") no-repeat center}
.etf-doc{position:relative;padding:26px 30px 22px}
.etf-h{font-size:18px;font-weight:800;color:#0f172a;margin:0 0 3px}
.etf-meta{font-size:11.5px;color:#a3a3c2;margin:0 0 18px}
.etf-line{position:relative;font-size:13.5px;color:#475569;line-height:1.55;margin:0 0 11px;width:fit-content;max-width:100%}
.etf-target{padding:2px 5px;border-radius:5px;animation:etfEdit 10s ease-in-out infinite;transform-origin:left center}
.etf-selbox{position:absolute;inset:-3px -7px;border:1.6px solid #4f46e5;border-radius:6px;opacity:0;pointer-events:none;animation:etfSel 10s ease-in-out infinite}
.etf-selbox::before,.etf-selbox::after{content:"";position:absolute;width:9px;height:9px;background:#fff;border:1.6px solid #4f46e5;border-radius:2px}
.etf-selbox::before{left:-5px;top:-5px}.etf-selbox::after{right:-5px;bottom:-5px}
.etf-tbar{position:absolute;top:-42px;left:0;display:flex;gap:2px;background:#1f2937;border-radius:9px;padding:4px;box-shadow:0 10px 22px rgba(0,0,0,.30);opacity:0;transform:translateY(6px);pointer-events:none;animation:etfTbar 10s ease-in-out infinite}
.etf-tbar>span{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#fff}
.etf-tbar .material-symbols-outlined{font-size:16px}
.etf-tbar>span.hot{background:#4f46e5}
.etf-stylebar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 14px;background:#f7f7fb;border-top:1px solid #eceaf6}
.etf-sb-font,.etf-sb-size{font-size:11.5px;font-weight:600;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:5px 10px}
.etf-sb-tg{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:13px;font-weight:800;color:#475569;background:#fff;border:1px solid #e2e8f0}
.etf-sb-tg.bold{animation:etfBold 10s ease-in-out infinite}
.etf-sb-clr{width:27px;height:27px;border-radius:6px;border:1px solid #e2e8f0;background:conic-gradient(from 0deg,#ef4444,#f59e0b,#10b981,#3b82f6,#8b5cf6,#ef4444)}
.etf-cursor{position:absolute;width:20px;height:20px;z-index:6;pointer-events:none;animation:etfCursor 10s ease-in-out infinite}
.etf-cursor svg{width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
@keyframes etfSel{0%,12%{opacity:0}18%,82%{opacity:1}90%,100%{opacity:0}}
@keyframes etfTbar{0%,16%{opacity:0;transform:translateY(6px)}22%,80%{opacity:1;transform:translateY(0)}88%,100%{opacity:0;transform:translateY(6px)}}
@keyframes etfEdit{0%,34%{color:#475569;font-weight:400;transform:translateX(0);background:transparent}44%{color:#4f46e5;font-weight:700;transform:translateX(0);background:rgba(79,70,229,.07)}60%,78%{color:#4f46e5;font-weight:700;transform:translateX(36px);background:rgba(79,70,229,.07)}90%,100%{color:#475569;font-weight:400;transform:translateX(0);background:transparent}}
@keyframes etfBold{0%,40%{background:#fff;color:#475569;border-color:#e2e8f0}48%,82%{background:#4f46e5;color:#fff;border-color:#4f46e5}90%,100%{background:#fff;color:#475569;border-color:#e2e8f0}}
@keyframes etfCursor{0%{left:80%;top:16%;opacity:0}8%{opacity:1}17%,20%{left:20%;top:54%}21%{left:21%;top:55%}22%{left:20%;top:54%}58%{left:20%;top:54%}72%,86%{left:44%;top:54%;opacity:1}93%,100%{opacity:0;left:80%;top:16%}}
@media(prefers-reduced-motion:reduce){.etf-target,.etf-selbox,.etf-tbar,.etf-sb-tg.bold,.etf-cursor{animation:none}.etf-selbox,.etf-tbar{opacity:1}.etf-tbar{transform:none}}