:root{--bg:#F4F6FB;--surface:#fff;--ink:#111827;--muted:#69758D;--line:#E4E8F1;--line2:#D7DDEA;--primary:#6558F5;--primary2:#8A73F7;--cyan:#22B6C5;--green:#18A56F;--shadow:0 18px 50px rgba(32,44,78,.08);--shadow2:0 10px 28px rgba(32,44,78,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#FAFBFF 0,#F4F6FB 42%,#F7F9FD 100%);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}
.topbar{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,232,241,.88)}.topbar .inner{max-width:1500px;margin:auto;padding:13px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.015em}.brand-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.75),transparent 26%),linear-gradient(145deg,#6558F5,#8B73F7 62%,#20B3C5);box-shadow:0 12px 24px rgba(101,88,245,.23),inset 0 1px 1px rgba(255,255,255,.55)}.brand small{display:block;color:#8B96A9;font-size:10px;font-weight:600;letter-spacing:0}.top-links{display:flex;align-items:center;justify-content:center;gap:24px;font-size:12px;font-weight:750;color:#59677E}.top-links a:hover,.nav-mega-trigger:hover{color:#4F46D7}.nav-mega-trigger{border:0;background:transparent;color:inherit;font-weight:750}.top-cta{display:flex;align-items:center;gap:9px}.global-search{position:relative;display:flex;align-items:center;gap:7px;width:230px;padding:9px 11px;border-radius:12px;background:#F8FAFD;border:1px solid var(--line)}.global-search input{width:100%;border:0;outline:0;background:transparent;font-size:11px}.search-results{display:none;position:absolute;top:calc(100% + 8px);right:0;width:340px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);z-index:100}.search-results.open{display:grid}.search-results a{display:flex;gap:10px;align-items:center;padding:8px;border-radius:10px}.search-results a:hover{background:#F6F8FC}.search-results img{width:38px;height:38px}.search-results b{display:block;font-size:11px}.search-results small{display:block;color:var(--muted);font-size:9px}.pill{padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#6B7890;font-size:9px;white-space:nowrap}.mobile-tools-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-weight:800;color:#53617A}.mega-menu{display:none;position:absolute;left:0;right:0;top:100%;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);box-shadow:0 24px 45px rgba(38,50,85,.12)}.mega-menu.open{display:block}.mega-inner{max-width:1500px;margin:auto;padding:22px 24px 24px;display:grid;grid-template-columns:1.25fr .9fr .75fr .85fr;gap:18px}.mega-col h4,.mega-promo>span{margin:0 0 7px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#99A4B6}.mega-col>a{display:flex;align-items:center;gap:9px;padding:7px;border-radius:12px}.mega-col>a:hover{background:#F5F7FB}.mega-col img{width:42px;height:42px}.mega-col b{display:block;font-size:11px}.mega-col small{display:block;color:#7B879E;font-size:9px;line-height:1.3}.mega-promo{padding:18px;border-radius:20px;background:linear-gradient(145deg,#F0F0FF,#ECFAFB);border:1px solid #DEE4F5}.mega-promo h4{font-size:20px;line-height:1.12;margin:6px 0}.mega-promo p{font-size:11px;color:#6E7A92}.mega-promo a{font-size:11px;color:#574CDF;font-weight:800}
.primary-btn,.secondary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;padding:11px 14px;font-weight:850;font-size:11px;border:0;transition:.18s}.primary-btn{color:#fff;background:linear-gradient(135deg,#6558F5,#8A73F7);box-shadow:0 12px 25px rgba(101,88,245,.22)}.secondary-btn{background:#fff;color:#3C4962;border:1px solid var(--line);box-shadow:var(--shadow2)}.ghost-btn{background:#F6F7FB;color:#5B6880;border:1px solid var(--line)}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.primary-btn:disabled,.secondary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.compact{padding:8px 11px}
/* home */
.home-hero{max-width:1500px;margin:24px auto 0;padding:0 24px}.hero-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:16px;align-items:stretch}.hero-copy{position:relative;overflow:hidden;padding:42px;border-radius:30px;background:linear-gradient(140deg,#FFFFFF 0,#FAFAFF 58%,#EDF9FA 100%);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-copy:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-190px;top:-200px;background:radial-gradient(circle,rgba(105,88,245,.17),transparent 67%)}.hero-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#F3F2FF;border:1px solid #E0E1FF;color:#574ADF;font-size:10px;font-weight:850}.hero-copy h1{font-size:56px;line-height:1.01;letter-spacing:-.055em;margin:16px 0 13px;max-width:800px}.hero-copy>p{font-size:16px;color:#67748C;max-width:760px;margin:0}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.hero-trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.hero-trust span{font-size:10px;color:#6B7890;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 8px}.workbench{position:relative;overflow:hidden;padding:20px;border-radius:30px;background:linear-gradient(160deg,#171A2B,#22263E 55%,#1A3242);box-shadow:0 26px 56px rgba(28,34,62,.22)}.workbench:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-90px;background:radial-gradient(circle,rgba(104,89,245,.5),transparent 68%)}.wb-top{display:flex;align-items:center;justify-content:space-between;color:#DDE2F1;font-size:10px;position:relative;z-index:2}.wb-dot{display:inline-flex;align-items:center;gap:6px}.wb-dot i{width:8px;height:8px;border-radius:50%;background:#23CF93;box-shadow:0 0 0 4px rgba(35,207,147,.12)}.file-process{position:relative;z-index:2;margin-top:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:17px}.file-row{display:flex;align-items:center;gap:13px}.file-thumb{width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,#7E6BFF,#A993FF);display:grid;place-items:center;color:#fff;font-size:24px;box-shadow:0 12px 20px rgba(94,75,226,.35)}.file-row b{display:block;color:#fff;font-size:14px}.file-row small{display:block;color:#AAB4C9;margin-top:2px}.save-ring{margin-left:auto;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2DD59B 0 87%,rgba(255,255,255,.11) 87%);position:relative}.save-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#20253A}.save-ring strong{position:relative;z-index:2;color:#fff;font-size:14px}.process-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.1);margin-top:17px;overflow:hidden}.process-bar i{display:block;width:87%;height:100%;background:linear-gradient(90deg,#7464F6,#2CC6D2,#2FD499);border-radius:999px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.ba-card{padding:12px;border-radius:16px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08)}.ba-card span{display:block;color:#9AA6BD;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.ba-card strong{display:block;color:#fff;font-size:21px;margin-top:4px}.wb-bottom{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.wb-stat{padding:11px;border-radius:14px;background:rgba(255,255,255,.07);color:#fff}.wb-stat span{display:block;color:#96A4BB;font-size:8px;text-transform:uppercase}.wb-stat strong{display:block;font-size:15px;margin-top:3px}
.metric-ribbon{max-width:1500px;margin:13px auto 0;padding:0 24px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric-card{padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow2)}.metric-card span{display:block;color:#8792A7;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.metric-card strong{display:block;font-size:24px;letter-spacing:-.03em;margin-top:3px}.metric-card small{display:block;color:#8C97AA;font-size:9px;margin-top:1px}
.section{max-width:1500px;margin:0 auto;padding:42px 24px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}.section-head .eyebrow{display:block;color:#8792A8;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.section-head h2{font-size:34px;letter-spacing:-.035em;margin:5px 0 0}.section-head p{max-width:570px;color:#748097;margin:0;font-size:12px}.category-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.category-tabs a{padding:8px 11px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:800;color:#5F6C84}.category-tabs a:hover{border-color:#C9C9F8;color:#5549DE}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.tool-card{position:relative;overflow:hidden;min-height:202px;display:flex;flex-direction:column;align-items:flex-start;padding:17px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2);transition:.18s}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#D6DCEB}.tool-card:after{content:"";position:absolute;width:125px;height:125px;border-radius:50%;right:-60px;top:-60px;background:radial-gradient(circle,rgba(101,88,245,.08),transparent 70%)}.tool-card img{width:72px;height:72px;filter:drop-shadow(0 12px 15px rgba(41,52,87,.14));transition:.18s}.tool-card:hover img{transform:translateY(-4px) rotate(-2deg)}.tool-card h3{font-size:18px;letter-spacing:-.02em;margin:10px 0 4px}.tool-card p{color:#6F7C93;font-size:11px;margin:0}.tool-card em{margin-top:auto;padding-top:12px;font-style:normal;color:#574CDF;font-weight:850;font-size:10px}.tool-card .tag{position:absolute;right:12px;bottom:10px;color:#A7AFBE;font-size:9px;font-weight:800;letter-spacing:.08em}
.feature-showcase{display:grid;grid-template-columns:1.08fr .92fr;gap:14px}.feature-big,.feature-small{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow2)}.feature-big{padding:28px;display:grid;grid-template-columns:1fr 260px;gap:18px;align-items:center;background:linear-gradient(145deg,#F5F4FF,#fff)}.feature-big h3{font-size:28px;letter-spacing:-.035em;margin:10px 0 7px}.feature-big p{color:#707D94;margin:0}.feature-icon-cloud{position:relative;height:190px}.feature-icon-cloud img{position:absolute;width:98px;height:98px;filter:drop-shadow(0 18px 20px rgba(48,61,102,.18))}.feature-icon-cloud img:nth-child(1){left:14px;bottom:22px;transform:rotate(-7deg)}.feature-icon-cloud img:nth-child(2){right:8px;top:14px;transform:rotate(7deg)}.feature-icon-cloud img:nth-child(3){right:54px;bottom:5px;transform:scale(.82)}.feature-stack{display:grid;gap:12px}.feature-small{padding:22px}.feature-small h3{font-size:20px;margin:0 0 6px}.feature-small p{color:#748097;margin:0;font-size:12px}.local-meter{display:flex;align-items:center;gap:15px;margin-top:16px}.meter-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#F0EFFF,#EAFBFC);font-size:24px}.meter-copy strong{display:block;font-size:25px}.meter-copy span{display:block;color:#758198;font-size:10px}.usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.usecase{padding:23px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.usecase span{display:inline-flex;width:38px;height:38px;border-radius:12px;align-items:center;justify-content:center;background:#F2F2FF;color:#574CDF;font-weight:900}.usecase h3{font-size:19px;margin:12px 0 5px}.usecase p{color:#738097;margin:0;font-size:11px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.step{padding:22px;border-radius:21px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.step-num{width:33px;height:33px;border-radius:11px;display:grid;place-items:center;background:#F0F0FF;color:#574CDF;font-weight:900}.step h3{margin:12px 0 4px;font-size:18px}.step p{margin:0;color:#748097;font-size:11px}.faq-list{display:grid;gap:8px;max-width:1040px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.faq-q{width:100%;border:0;background:#fff;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;font-weight:800;text-align:left;color:#27334B;font-size:11px}.faq-a{display:none;padding:0 17px 15px;color:#6D7A91;font-size:11px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{transform:rotate(45deg)}.final-cta{padding:30px;border-radius:26px;background:linear-gradient(135deg,#6255EC,#8B73F5 54%,#20AFC0);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden}.final-cta:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-110px;background:rgba(255,255,255,.12)}.final-cta h2{font-size:30px;margin:0;letter-spacing:-.035em}.final-cta p{margin:6px 0 0;color:rgba(255,255,255,.84);font-size:11px}.final-cta .secondary-btn{position:relative;z-index:2}
.site-footer{margin-top:42px;background:#171A28;color:#DDE3F0}.footer-inner{max-width:1500px;margin:auto;padding:38px 24px 30px;display:grid;grid-template-columns:1.3fr repeat(4,.7fr);gap:32px}.footer-brand p{color:#929DB2;max-width:350px;font-size:11px}.footer-col h4{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#8995AA;margin:0 0 11px}.footer-col a{display:block;color:#D4D9E6;font-size:11px;margin:8px 0}.footer-bottom{max-width:1500px;margin:auto;padding:14px 24px 20px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;gap:16px;color:#808CA1;font-size:9px}
/* module pages */
.page-wrap{max-width:1500px;margin:22px auto 0;padding:0 24px 28px}.breadcrumb{display:flex;align-items:center;gap:7px;color:#8792A7;font-size:10px;margin-bottom:12px}.module-hero{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:14px}.module-copy{position:relative;overflow:hidden;padding:28px;border-radius:26px;background:linear-gradient(145deg,#fff,#F9FAFF);border:1px solid var(--line);box-shadow:var(--shadow2)}.module-copy:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-90px;background:radial-gradient(circle,rgba(101,88,245,.11),transparent 67%)}.module-title-row{display:flex;align-items:center;gap:18px}.module-title-row img{width:96px;height:96px;filter:drop-shadow(0 18px 18px rgba(42,54,91,.17))}.module-copy .eyebrow{display:block;color:#574CDF;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.module-copy h1{font-size:38px;letter-spacing:-.045em;line-height:1.02;margin:6px 0 8px}.module-copy p{color:#6C7990;margin:0;font-size:13px}.module-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.module-pills span{padding:7px 9px;background:#F7F8FC;border:1px solid var(--line);border-radius:999px;color:#64718A;font-size:9px;font-weight:750}.module-summary{padding:20px;border-radius:26px;background:linear-gradient(160deg,#191D2E,#22263C);box-shadow:0 20px 42px rgba(28,34,62,.18);color:#fff}.module-summary span{display:block;color:#8F9CB2;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.module-summary strong{display:block;font-size:25px;margin-top:3px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.summary-card{padding:12px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07)}.summary-card strong{font-size:17px}.summary-bar{height:7px;border-radius:999px;background:rgba(255,255,255,.08);margin-top:14px;overflow:hidden}.summary-bar i{display:block;width:72%;height:100%;border-radius:999px;background:linear-gradient(90deg,#7766F7,#27BFCD,#2CCB93)}
.module-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.module-step{padding:11px 13px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow2)}.module-step span{display:block;color:#9AA4B6;font-size:8px;text-transform:uppercase}.module-step b{display:block;font-size:10px;margin-top:2px}.module-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;margin-top:14px;align-items:start}.module-main{display:grid;gap:12px}.tool-shell,.settings-panel .tool-shell{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow2)}.tool-shell{padding:17px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.panel-head h3{font-size:16px;margin:0}.panel-head p{margin:3px 0 0;color:#7B879D;font-size:10px}.panel-side{color:#8994A9;font-size:9px}.dropzone{padding:42px 20px;text-align:center;border:1.5px dashed #C8D1DF;border-radius:18px;background:linear-gradient(180deg,#FCFDFF,#F8FAFE)}.dropzone.drag{border-color:#918AF1;background:#F8F8FF}.dropzone img{width:84px;height:84px;filter:drop-shadow(0 16px 16px rgba(39,50,84,.15))}.dropzone h3{font-size:17px;margin:8px 0 3px}.dropzone p{color:#7A879E;font-size:11px;margin:0}.workspace-steps{display:none}.drop-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}.stats-inline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.inline-card{padding:12px;background:#F8FAFD;border:1px solid var(--line);border-radius:14px}.inline-card span{display:block;color:#8995AA;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.inline-card strong{display:block;font-size:18px;margin-top:3px}.settings-panel{position:sticky;top:76px}.settings-panel .tool-shell{padding:18px;background:linear-gradient(180deg,#fff,#FBFCFF)}.settings-panel .panel-head{padding-bottom:10px;border-bottom:1px solid var(--line)}.setting{padding:9px 0;border-bottom:1px solid #EDF0F5}.setting:last-of-type{border-bottom:0}.setting label,.settings-panel label{display:block;color:#58657D;font-size:10px;font-weight:750;margin-bottom:5px}.setting input[type=text],.setting input[type=number],.setting input[type=color],.setting select,.settings-panel input[type=text],.settings-panel input[type=number],.settings-panel input[type=color],.settings-panel select{width:100%;padding:10px 11px;border:1px solid var(--line2);border-radius:11px;background:#fff;outline:0;color:#263249;font-size:11px}.setting input:focus,.setting select:focus,.settings-panel input:focus,.settings-panel select:focus{border-color:#B8C0FB;box-shadow:0 0 0 3px rgba(101,88,245,.07)}.range-row{display:flex;justify-content:space-between;gap:10px;color:#58657D;font-size:10px;font-weight:750;margin-bottom:4px}input[type=range]{width:100%;accent-color:#6558F5}.check{display:flex!important;align-items:center;gap:7px;font-weight:600!important;color:#637088!important;margin:10px 0}.check input{accent-color:#6558F5}.notice{padding:10px;border-radius:12px;background:#F7F9FD;border:1px solid var(--line);font-size:9px;color:#748097;margin:10px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.results{display:grid;gap:8px}.result-row{display:grid;grid-template-columns:52px minmax(0,1fr) 90px 80px 86px;gap:10px;align-items:center;padding:9px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow2)}.result-thumb{width:52px;height:48px;border-radius:10px;object-fit:cover;background:#F1F4F8}.result-name{min-width:0}.result-name b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-name span,.result-meta span{display:block;color:#8591A7;font-size:8px}.result-meta b{font-size:10px}.good{color:#139B69}.bad{color:#D35364}.bar{height:4px;border-radius:999px;background:#EEF1F6;overflow:hidden;margin-top:5px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#6558F5,#8A73F7,#22B6C5)}.mini-btn{padding:7px 8px;border:1px solid var(--line);background:#fff;border-radius:8px;font-weight:800;color:#53617A;font-size:8px}.sort-list{display:grid;gap:8px}.sort-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;background:#fff;border:1px solid var(--line);border-radius:14px}.sort-item img{width:52px;height:48px;border-radius:10px;object-fit:cover}.sort-item b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sort-item span{display:block;color:#8490A6;font-size:8px}.reorder{display:flex;gap:4px}.reorder button,.tab-row button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 8px;font-weight:800;color:#53617A;font-size:8px}.tab-row{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:9px}.tab-row button.active{background:#F1F1FF;color:#574CDF;border-color:#DCDDFF}.pdf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:9px}.pdf-card{padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow2)}.pdf-card img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#F4F6F9;border-radius:9px}.pdf-card b{display:block;font-size:9px;margin-top:5px}.pdf-card span{font-size:8px;color:#7C88A0}.module-info{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:14px}.info-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow2)}.info-card h3{font-size:18px;margin:0 0 6px}.info-card p{color:#748097;font-size:10px;margin:0}.related-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.related-tool{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:12px}.related-tool img{width:40px;height:40px}.related-tool b{font-size:9px;display:block}.related-tool span{font-size:8px;color:#8290A6;display:block}
.site-footer{margin-top:34px;background:#171A28;color:#DDE3F0}.footer-inner{max-width:1500px;margin:auto;padding:36px 24px 28px;display:grid;grid-template-columns:1.3fr repeat(4,.7fr);gap:28px}.footer-brand p{color:#929DB2;max-width:340px;font-size:10px}.footer-col h4{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8C98AD;margin:0 0 10px}.footer-col a{display:block;color:#D4D9E6;font-size:10px;margin:7px 0}.footer-bottom{max-width:1500px;margin:auto;padding:13px 24px 18px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;gap:12px;color:#7E8A9F;font-size:8px}
@media(max-width:1180px){.hero-stage{grid-template-columns:1fr}.workbench{min-height:370px}.tool-grid{grid-template-columns:repeat(3,1fr)}.feature-showcase{grid-template-columns:1fr}.footer-inner{grid-template-columns:1.3fr repeat(2,1fr)}.module-hero{grid-template-columns:1fr}.module-layout{grid-template-columns:1fr}.settings-panel{position:static}.mega-inner{grid-template-columns:1fr 1fr}.mega-promo{grid-column:1/-1}}
@media(max-width:850px){.topbar .inner{grid-template-columns:auto 1fr}.top-links,.pill{display:none}.top-cta{justify-content:flex-end}.mobile-tools-btn{display:inline-flex}.mega-menu{position:fixed;top:69px;bottom:0;overflow:auto}.mega-inner{grid-template-columns:1fr;padding:14px}.global-search{width:min(270px,50vw)}.hero-copy{padding:28px}.hero-copy h1{font-size:42px}.metric-grid{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr 1fr}.usecase-grid,.steps{grid-template-columns:1fr}.feature-big{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}.module-steps{grid-template-columns:1fr 1fr}.module-info{grid-template-columns:1fr}.related-row{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.home-hero,.metric-ribbon,.section,.page-wrap{padding-left:13px;padding-right:13px}.topbar .inner{padding:10px 13px}.global-search{display:none}.hero-copy{padding:22px}.hero-copy h1{font-size:34px}.workbench{padding:16px;min-height:0}.before-after,.wb-bottom{grid-template-columns:1fr}.metric-grid,.tool-grid{grid-template-columns:1fr}.section{padding-top:32px}.section-head{display:block}.section-head p{margin-top:6px}.feature-icon-cloud{height:160px}.footer-inner{grid-template-columns:1fr}.footer-bottom{display:block}.module-title-row{align-items:flex-start}.module-title-row img{width:74px;height:74px}.module-copy{padding:20px}.module-copy h1{font-size:31px}.module-steps{grid-template-columns:1fr 1fr}.stats-inline{grid-template-columns:1fr 1fr}.result-row{grid-template-columns:52px minmax(0,1fr)}.result-row>:nth-child(3),.result-row>:nth-child(4),.result-row>:nth-child(5){grid-column:2}.two-col{grid-template-columns:1fr}.related-row{grid-template-columns:1fr}}


/* V7.0.2 — compact module hero + support page */
.module-hero{align-items:start;grid-template-columns:minmax(0,1fr) 430px;gap:16px}
.module-copy{padding:24px 26px;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fbfcff 64%,#f5f6ff 100%);min-height:0}
.module-copy:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:24px;bottom:-82px;background:radial-gradient(circle,rgba(101,88,245,.08),transparent 68%);pointer-events:none}
.module-title-row{align-items:center;gap:16px;position:relative;z-index:1}
.module-title-row img{width:82px;height:82px;flex:0 0 82px;filter:drop-shadow(0 14px 16px rgba(42,54,91,.14))}
.module-copy h1{font-size:36px;margin:5px 0 7px}
.module-copy p{max-width:760px;font-size:13px;line-height:1.55}
.module-pills{position:relative;z-index:1;margin-top:14px}
.module-pills span{background:#fff;border-color:#E1E5EF;box-shadow:0 5px 12px rgba(50,61,95,.035)}
.module-summary{position:relative;overflow:hidden;padding:20px;border-radius:24px;background:linear-gradient(145deg,#F1F1FF 0%,#F7F8FF 48%,#F0FBFC 100%);border:1px solid #DDE2F3;box-shadow:0 14px 34px rgba(50,61,95,.08);color:#172033}
.module-summary:before{content:"";position:absolute;width:150px;height:150px;right:-60px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(101,88,245,.15),transparent 68%)}
.module-summary:after{content:"";position:absolute;width:130px;height:130px;left:-58px;bottom:-75px;border-radius:50%;background:radial-gradient(circle,rgba(39,191,205,.14),transparent 68%)}
.module-summary>span{position:relative;z-index:1;color:#66738E;font-size:9px;font-weight:850;letter-spacing:.12em}
.module-summary>strong{position:relative;z-index:1;font-size:30px;letter-spacing:-.035em;color:#202843;margin-top:5px}
.summary-grid{position:relative;z-index:1;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:13px}
.summary-card{padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.76);border:1px solid rgba(202,210,230,.8);box-shadow:0 6px 14px rgba(52,66,100,.035)}
.summary-card span{color:#7A869E;font-size:8px;font-weight:800}
.summary-card strong{font-size:17px;color:#242D49;margin-top:3px}
.summary-bar{position:relative;z-index:1;height:5px;background:#DDE3F0;margin-top:13px}
.summary-bar i{width:68%;background:linear-gradient(90deg,#6D5CF5,#39A8E8,#2CCB93)}
.module-steps{margin-top:12px}
@media(max-width:1180px){.module-hero{grid-template-columns:1fr 1fr;align-items:start}}
@media(max-width:900px){.module-hero{grid-template-columns:1fr}.module-summary{max-width:none}.module-title-row img{width:74px;height:74px;flex-basis:74px}}
@media(max-width:560px){.module-copy{padding:18px}.module-title-row{gap:12px}.module-title-row img{width:62px;height:62px;flex-basis:62px}.module-copy h1{font-size:29px}.module-summary{padding:17px}.module-summary>strong{font-size:27px}.summary-grid{grid-template-columns:1fr 1fr}}

/* Support / donate page */
.support-wrap{max-width:1180px;margin:28px auto 0;padding:0 24px 40px}
.support-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;gap:20px;align-items:stretch}
.support-copy,.support-impact{border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow2)}
.support-copy{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#FAFAFF 60%,#F1FBFC 100%);padding:34px}
.support-copy:after{content:"";position:absolute;width:260px;height:260px;right:-100px;bottom:-125px;border-radius:50%;background:radial-gradient(circle,rgba(101,88,245,.12),transparent 68%)}
.support-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#F1F1FF;border:1px solid #DDE0FF;color:#574CDF;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.support-copy h1{font-size:48px;line-height:1.03;letter-spacing:-.045em;margin:17px 0 12px;max-width:720px}
.support-copy p{color:#68758E;font-size:14px;line-height:1.7;max-width:720px;margin:0}
.support-note{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.support-note span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#62708A;font-size:9px;font-weight:750}
.support-impact{background:linear-gradient(155deg,#191D30,#272C46);color:#fff;padding:26px;display:flex;flex-direction:column;justify-content:space-between}
.support-impact>span{font-size:9px;color:#A7B2C8;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.support-impact>strong{font-size:38px;letter-spacing:-.04em;margin-top:6px}
.support-impact p{color:#B5BED0;font-size:11px;line-height:1.6}
.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
.impact-card{padding:13px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.06);border-radius:16px}
.impact-card span{display:block;color:#97A5BD;font-size:8px;text-transform:uppercase;letter-spacing:.09em}.impact-card strong{display:block;font-size:20px;margin-top:3px}
.support-section{margin-top:18px}
.support-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:10px}.support-heading span{display:block;color:#919CB0;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.support-heading h2{font-size:26px;letter-spacing:-.03em;margin:4px 0 0}.support-heading p{margin:0;color:#77839A;font-size:10px}
.support-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.support-tier{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow2)}
.support-tier.featured{border-color:#CDC9FF;background:linear-gradient(155deg,#F7F6FF,#fff)}
.support-tier .amount{font-size:28px;font-weight:900;letter-spacing:-.035em}.support-tier b{display:block;font-size:12px;margin-top:3px}.support-tier p{color:#78849B;font-size:10px;min-height:46px}.support-tier a,.support-tier button{display:block;width:100%;text-align:center;margin-top:12px;padding:10px 12px;border-radius:11px;border:1px solid var(--line);background:#fff;color:#4E5B73;font-weight:800;font-size:9px}.support-tier.featured a,.support-tier.featured button{border:0;color:#fff;background:linear-gradient(135deg,#6758F3,#846CF7);box-shadow:0 10px 20px rgba(101,88,245,.18)}
.support-why{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.support-reason{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px}.support-reason strong{display:block;font-size:12px}.support-reason p{color:#78849A;font-size:10px;margin:5px 0 0}
.support-faq{display:grid;gap:8px}.support-faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}.support-faq summary{font-size:10px;font-weight:800;cursor:pointer}.support-faq p{font-size:10px;color:#78849A;margin:8px 0 0}
.support-bottom{margin-top:18px;padding:22px;border-radius:22px;background:linear-gradient(120deg,#6455F0,#8067F6 48%,#48B6D0);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px}.support-bottom h3{font-size:24px;margin:0}.support-bottom p{font-size:10px;color:rgba(255,255,255,.8);margin:5px 0 0}.support-bottom a{background:#fff;color:#3F4D67;padding:10px 13px;border-radius:10px;font-size:9px;font-weight:850}
@media(max-width:980px){.support-hero{grid-template-columns:1fr}.support-tiers{grid-template-columns:1fr 1fr}.support-why{grid-template-columns:1fr}}
@media(max-width:560px){.support-wrap{padding-left:13px;padding-right:13px}.support-copy{padding:22px}.support-copy h1{font-size:34px}.support-tiers{grid-template-columns:1fr}.support-heading{display:block}.support-heading p{margin-top:6px}.support-bottom{display:block}.support-bottom a{display:inline-block;margin-top:12px}}


/* =========================================================
   V7.0.3 — SIMPLIFIED MODULE WORKSPACE
   Goal: get users to the actual tool immediately.
   ========================================================= */

.page-wrap{
  max-width:1460px;
  margin:18px auto 0;
  padding-bottom:30px;
}

.breadcrumb{
  margin-bottom:10px;
}

.module-header-simple{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:16px 18px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:var(--shadow2);
}

.simple-title{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.simple-title>img{
  width:68px;
  height:68px;
  flex:0 0 68px;
  filter:drop-shadow(0 12px 14px rgba(42,54,91,.14));
}

.simple-eyebrow{
  display:block;
  color:#6558F5;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.simple-title h1{
  margin:3px 0 3px;
  font-size:30px;
  line-height:1.05;
  letter-spacing:-.04em;
}

.simple-title p{
  margin:0;
  max-width:760px;
  color:#748097;
  font-size:11px;
}

.module-quickstats{
  display:grid;
  grid-template-columns:repeat(3,minmax(105px,1fr));
  gap:7px;
}

.quickstat{
  min-width:105px;
  padding:10px 11px;
  border-radius:13px;
  background:#F8FAFD;
  border:1px solid var(--line);
}

.quickstat span{
  display:block;
  color:#8995AA;
  font-size:7px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.quickstat strong{
  display:block;
  margin-top:3px;
  color:#273249;
  font-size:16px;
  line-height:1.1;
}

.module-steps,
.module-info{
  display:none!important;
}

.module-layout{
  grid-template-columns:minmax(0,1fr) 300px;
  gap:12px;
  margin-top:12px;
}

.module-main{
  gap:9px;
}

.tool-shell,
.settings-panel .tool-shell{
  border-radius:18px;
}

.upload-shell{
  padding:14px;
}

.panel-head{
  margin-bottom:10px;
}

.panel-head h3{
  font-size:14px;
}

.panel-head p{
  font-size:9px;
}

.dropzone{
  padding:27px 18px;
  border-radius:15px;
}

.dropzone img{
  width:66px;
  height:66px;
}

.dropzone h3{
  margin-top:5px!important;
  font-size:15px;
}

.dropzone p{
  font-size:10px;
}

.drop-actions{
  margin-top:11px;
}

.operation-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  margin-top:9px;
}

.opstat{
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#F8FAFD;
}

.opstat span{
  display:block;
  color:#8A96AA;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.opstat strong{
  display:block;
  color:#273249;
  font-size:14px;
  margin-top:2px;
}

.settings-panel{
  top:72px;
}

.settings-panel .tool-shell{
  padding:15px;
}

.settings-panel .panel-head{
  padding-bottom:8px;
  margin-bottom:2px;
}

.setting{
  padding:8px 0;
}

.settings-panel .primary-btn,
.settings-panel .secondary-btn{
  min-height:42px;
}

.results{
  gap:7px;
}

.result-row{
  border-radius:13px;
  box-shadow:none;
}

@media(max-width:1180px){
  .module-layout{
    grid-template-columns:minmax(0,1fr) 290px;
  }
}

@media(max-width:900px){
  .module-header-simple{
    grid-template-columns:1fr;
  }
  .module-quickstats{
    grid-template-columns:repeat(3,1fr);
  }
  .module-layout{
    grid-template-columns:1fr;
  }
  .settings-panel{
    position:static;
  }
}

@media(max-width:560px){
  .page-wrap{
    padding-left:13px;
    padding-right:13px;
    margin-top:12px;
  }
  .breadcrumb{
    overflow:auto;
    white-space:nowrap;
    padding-bottom:2px;
  }
  .module-header-simple{
    padding:13px;
    border-radius:16px;
  }
  .simple-title{
    align-items:flex-start;
    gap:10px;
  }
  .simple-title>img{
    width:54px;
    height:54px;
    flex-basis:54px;
  }
  .simple-title h1{
    font-size:24px;
  }
  .simple-title p{
    font-size:10px;
  }
  .module-quickstats{
    grid-template-columns:repeat(3,1fr);
  }
  .quickstat{
    min-width:0;
    padding:8px;
  }
  .quickstat strong{
    font-size:13px;
  }
  .dropzone{
    padding:23px 13px;
  }
  .operation-strip{
    grid-template-columns:repeat(2,1fr);
  }
}


/* =========================================================
   V7.0.4 — Pakistan support page + individual PDF downloads
   ========================================================= */

.support-impact-light{
  background:linear-gradient(155deg,#F8F8FF,#F2FAFC);
  color:#1D263A;
  border-color:#E0E5F0;
}
.support-impact-light .impact-kicker{
  color:#69778F;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
}
.support-impact-light>strong{
  color:#172033;
  font-size:38px;
  margin-top:7px;
}
.support-impact-light p{color:#718098}
.support-impact-light .impact-card{
  background:#fff;
  border-color:#E2E7F0;
}
.support-impact-light .impact-card span{color:#8794AA}
.support-impact-light .impact-card strong{color:#253149}

.pk-payment-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.pk-payment-card{
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:20px;
  box-shadow:var(--shadow2);
}
.pk-payment-card.featured{
  border-color:#CFCBFF;
  background:linear-gradient(155deg,#F9F8FF,#fff);
}
.pk-pay-head{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:12px;
}
.pk-pay-head b{display:block;font-size:14px}
.pk-pay-head span{display:block;color:#8793A8;font-size:9px;margin-top:2px}
.pk-pay-logo{
  width:44px;height:44px;border-radius:14px;
  display:grid;place-items:center;
  font-weight:950;font-size:14px;
  color:#fff;
  background:linear-gradient(135deg,#6658F3,#42B7C9);
  box-shadow:0 10px 18px rgba(70,80,160,.18)
}
.easypaisa-card .pk-pay-logo{background:linear-gradient(135deg,#17A761,#44D18D)}
.jazzcash-card .pk-pay-logo{background:linear-gradient(135deg,#E8243A,#F68057)}
.bank-card .pk-pay-logo{background:linear-gradient(135deg,#6558F5,#7B86F9)}
.international-card .pk-pay-logo{background:linear-gradient(135deg,#2598C7,#4CC5D5)}
.pk-payment-card>p{font-size:10px;color:#78859B;min-height:32px}
.payment-detail{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:9px 0;
  border-top:1px solid #EDF0F5;
}
.payment-detail span{
  color:#8A96AA;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.payment-detail strong{
  max-width:65%;
  text-align:right;
  color:#33415A;
  font-size:10px;
  word-break:break-word;
}
.payment-actions{
  display:flex;
  gap:7px;
  margin-top:11px;
}
.payment-copy,.payment-link{
  display:block;
  width:100%;
  text-align:center;
  margin-top:11px;
  padding:10px 12px;
  border-radius:11px;
  border:1px solid var(--line);
  background:#fff;
  color:#4E5B73;
  font-weight:850;
  font-size:9px;
}
.payment-actions .payment-copy{margin-top:0}
.payment-link.disabled{opacity:.62;cursor:not-allowed}
.pk-amounts{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.pk-amount{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:17px;
  box-shadow:var(--shadow2);
}
.pk-amount.featured{
  border-color:#CCC8FF;
  background:linear-gradient(145deg,#F5F3FF,#fff);
}
.pk-amount strong{display:block;font-size:20px}
.pk-amount span{display:block;color:#7C899F;font-size:9px;margin-top:4px}

.pdf-card{
  display:flex;
  flex-direction:column;
}
.pdf-card-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:7px;
}
.pdf-card-meta b{margin-top:0}
.pdf-card-meta span{display:block}
.pdf-page-download{
  flex:0 0 auto;
  padding:7px 9px;
}

@media(max-width:760px){
  .pk-payment-grid{grid-template-columns:1fr}
  .pk-amounts{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .pk-amounts{grid-template-columns:1fr}
  .payment-detail{display:block}
  .payment-detail strong{display:block;max-width:none;text-align:left;margin-top:4px}
  .payment-actions{display:grid}
}


/* =========================================================
   V7.0.5 — CATEGORY MEGA MENUS
   ========================================================= */

.nav-mega-trigger{
  position:relative;
  padding:7px 3px;
}
.nav-mega-trigger[aria-expanded="true"]{
  color:#4F46D7;
}
.nav-mega-trigger[aria-expanded="true"]:after{
  content:"";
  position:absolute;
  left:3px;
  right:3px;
  bottom:-14px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,#6558F5,#21B3C5);
}

.category-mega-inner{
  grid-template-columns:1fr 1fr .9fr;
  align-items:stretch;
}
.mega-feature-col>a{
  min-height:64px;
}
.mega-category-card{
  padding:20px;
  border-radius:22px;
  border:1px solid #DEE4F5;
  background:linear-gradient(145deg,#F4F4FF,#F2FBFC);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.pdf-category-card{
  background:linear-gradient(145deg,#F7F8FC,#F2F5FA);
}
.mega-category-card>span{
  color:#777F98;
  font-size:8px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
}
.mega-category-card h4{
  margin:7px 0;
  font-size:22px;
  line-height:1.08;
}
.mega-category-card p{
  margin:0;
  color:#6F7B91;
  font-size:10px;
}
.mega-category-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  align-items:center;
  margin-top:14px;
}
.mega-category-actions a{
  font-size:9px;
  font-weight:850;
  color:#574CDF;
}
.mega-category-actions .mega-action-primary{
  padding:9px 11px;
  border-radius:10px;
  background:#6558F5;
  color:#fff;
}

.donate-nav-link{
  color:#A86026!important;
}

/* =========================================================
   V7.0.5 — BUY ME A CHAI PAGE
   ========================================================= */

.chai-page{
  max-width:1480px;
  margin:0 auto;
  padding:22px 24px 40px;
}
.chai-hero{
  min-height:470px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:30px;
  align-items:center;
  overflow:hidden;
  position:relative;
  border:1px solid var(--line);
  border-radius:30px;
  padding:42px 48px;
  background:
    radial-gradient(circle at 8% 12%,rgba(255,213,137,.24),transparent 25%),
    radial-gradient(circle at 90% 12%,rgba(101,88,245,.10),transparent 24%),
    linear-gradient(145deg,#FFFDF8,#F8F6FF 62%,#F1FBFC);
  box-shadow:var(--shadow);
}
.chai-kicker{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  color:#965D21;
  background:#FFF3DA;
  border:1px solid #F5D8A0;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
}
.chai-copy h1{
  max-width:790px;
  margin:14px 0 11px;
  font-size:48px;
  line-height:1.04;
  letter-spacing:-.045em;
}
.chai-copy>p{
  max-width:770px;
  color:#6E7B92;
  font-size:14px;
}
.chai-jokes{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:16px;
}
.chai-jokes span{
  padding:7px 9px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--line);
  color:#68758C;
  font-size:9px;
  font-weight:700;
}
.chai-local-impact{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  max-width:520px;
  margin-top:20px;
}
.chai-local-impact>div{
  padding:14px 15px;
  border-radius:16px;
  background:rgba(255,255,255,.8);
  border:1px solid rgba(220,224,235,.9);
}
.chai-local-impact small,.chai-local-impact span{
  display:block;
  color:#8692A7;
  font-size:8px;
}
.chai-local-impact strong{
  display:block;
  font-size:23px;
  margin:3px 0;
}
.chai-footnote{
  display:block;
  margin-top:9px;
  color:#9A8A76;
  font-size:8px;
}

.chai-visual{
  position:relative;
  min-height:360px;
  display:grid;
  place-items:center;
}
.chai-cup{
  position:relative;
  z-index:3;
  width:250px;
  height:205px;
  border-radius:34px 34px 74px 74px;
  background:linear-gradient(145deg,#7C67F5,#5846D9);
  border:1px solid rgba(255,255,255,.45);
  box-shadow:
    0 45px 60px rgba(77,60,180,.22),
    inset 0 4px 8px rgba(255,255,255,.35),
    inset 0 -20px 32px rgba(34,25,100,.18);
}
.chai-cup:before{
  content:"";
  position:absolute;
  left:14px;right:14px;top:-14px;
  height:38px;
  border-radius:50%;
  background:linear-gradient(180deg,#F8E1BC,#B87131);
  border:9px solid #8270F5;
  box-shadow:inset 0 5px 8px rgba(80,30,10,.22);
}
.chai-cup span{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:36px;
  font-weight:950;
  letter-spacing:-.06em;
}
.chai-handle{
  position:absolute;
  z-index:2;
  right:18%;
  top:40%;
  width:105px;
  height:105px;
  border:22px solid #6755E7;
  border-left:0;
  border-radius:0 60px 60px 0;
}
.chai-shadow{
  position:absolute;
  z-index:1;
  bottom:36px;
  width:270px;
  height:38px;
  border-radius:50%;
  background:rgba(37,42,65,.13);
  filter:blur(8px);
}
.chai-steam{
  position:absolute;
  z-index:5;
  top:7%;
  color:#B39A7E;
  font-size:64px;
  font-family:Georgia,serif;
  opacity:.55;
  transform:rotate(90deg);
}
.steam-one{left:37%}
.steam-two{left:50%;top:1%;font-size:74px}
.steam-three{left:61%;top:10%;font-size:56px}
.chai-sticker{
  position:absolute;
  z-index:6;
  right:12%;
  bottom:18%;
  transform:rotate(-8deg);
  padding:8px 10px;
  border-radius:9px;
  background:#FFD467;
  border:2px solid #2D3347;
  color:#2D3347;
  font-size:9px;
  font-weight:950;
  letter-spacing:.06em;
  box-shadow:0 10px 16px rgba(30,35,55,.12);
}
.chai-section{
  margin-top:18px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:24px;
  background:#fff;
  box-shadow:var(--shadow2);
}
.chai-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:15px;
}
.chai-heading>div>span{
  display:block;
  color:#9A7A4A;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
}
.chai-heading h2{
  margin:3px 0 0;
  font-size:26px;
  letter-spacing:-.03em;
}
.chai-heading>p{
  max-width:480px;
  margin:0;
  color:#7B879C;
  font-size:10px;
  text-align:right;
}

.chai-tiers{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
}
.chai-tier{
  position:relative;
  overflow:hidden;
  min-height:230px;
  text-align:left;
  padding:17px;
  border:1px solid var(--line);
  border-radius:19px;
  background:linear-gradient(180deg,#fff,#FBFCFF);
  box-shadow:var(--shadow2);
  transition:.18s transform,.18s border-color,.18s box-shadow;
}
.chai-tier:hover{
  transform:translateY(-3px);
  border-color:#D6C8FF;
  box-shadow:var(--shadow);
}
.chai-tier.selected{
  border-color:#7666F4;
  box-shadow:0 0 0 3px rgba(101,88,245,.10),var(--shadow);
}
.chai-tier.featured{
  background:linear-gradient(155deg,#FFF7E7,#F7F4FF);
  border-color:#E9D1A1;
}
.chai-tier.custom{
  background:linear-gradient(155deg,#F5FCFA,#F8F7FF);
}
.tier-badge{
  position:absolute;
  right:10px;top:10px;
  padding:4px 6px;
  border-radius:999px;
  background:#6A5AF1;
  color:#fff;
  font-size:6px;
  font-weight:950;
  letter-spacing:.07em;
}
.tier-emoji{
  display:block;
  font-size:31px;
  margin-bottom:13px;
}
.chai-tier small{
  display:block;
  color:#8B96AA;
  font-size:7px;
  font-weight:900;
  letter-spacing:.11em;
}
.chai-tier strong{
  display:block;
  margin-top:3px;
  font-size:24px;
}
.chai-tier p{
  min-height:56px;
  margin:8px 0 12px;
  color:#758197;
  font-size:9px;
}
.chai-tier em{
  color:#5C50E4;
  font-size:9px;
  font-style:normal;
  font-weight:900;
}
.selected-support{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:12px;
  padding:12px 14px;
  border-radius:14px;
  background:#F8FAFD;
  border:1px solid var(--line);
}
.selected-support>span{
  color:#8A96AA;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.selected-support strong{
  font-size:13px;
}
.selected-support p{
  margin:0 0 0 auto;
  color:#78859B;
  font-size:9px;
}
.chai-why-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.chai-why-grid>div{
  padding:16px;
  border:1px solid var(--line);
  border-radius:17px;
  background:#FBFCFF;
}
.chai-why-grid span{font-size:24px}
.chai-why-grid strong{display:block;margin-top:8px;font-size:12px}
.chai-why-grid p{margin:5px 0 0;color:#78859B;font-size:9px}
.chai-final{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:18px;
  padding:30px 32px;
  border-radius:24px;
  color:#fff;
  background:
    radial-gradient(circle at 90% 10%,rgba(255,255,255,.16),transparent 30%),
    linear-gradient(135deg,#5C4CE5,#8A6CF3 55%,#2FB7C7);
  box-shadow:var(--shadow);
}
.chai-final span{
  font-size:8px;
  font-weight:950;
  letter-spacing:.13em;
  opacity:.8;
}
.chai-final h2{
  margin:4px 0;
  font-size:29px;
}
.chai-final p{
  margin:0;
  max-width:760px;
  color:rgba(255,255,255,.83);
  font-size:10px;
}
.chai-final-actions{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}
.chai-final .primary-btn{
  background:#fff;
  color:#5549DF;
}
.chai-final .secondary-btn{
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.28);
  color:#fff;
}

@media(max-width:1180px){
  .category-mega-inner{grid-template-columns:1fr 1fr}
  .mega-category-card{grid-column:1/-1}
  .chai-tiers{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
  .category-mega-inner{grid-template-columns:1fr}
  .nav-mega-trigger[aria-expanded="true"]:after{display:none}
  .chai-page{padding:14px}
  .chai-hero{grid-template-columns:1fr;padding:28px}
  .chai-visual{min-height:300px}
  .chai-tiers{grid-template-columns:repeat(2,1fr)}
  .chai-why-grid{grid-template-columns:repeat(2,1fr)}
  .chai-final{display:block}
  .chai-final-actions{margin-top:16px}
}
@media(max-width:560px){
  .chai-hero{padding:20px;border-radius:20px}
  .chai-copy h1{font-size:34px}
  .chai-visual{min-height:270px;transform:scale(.88)}
  .chai-local-impact{grid-template-columns:1fr 1fr}
  .chai-section{padding:16px}
  .chai-heading{display:block}
  .chai-heading>p{text-align:left;margin-top:7px}
  .chai-tiers{grid-template-columns:1fr}
  .chai-tier{min-height:0}
  .chai-tier p{min-height:0}
  .selected-support{display:block}
  .selected-support p{margin:5px 0 0}
  .chai-why-grid{grid-template-columns:1fr}
  .chai-final{padding:23px 20px}
  .chai-final-actions{display:grid}
}


/* V7.0.6 — NayaPay + footer branding */
.nayapay-card .pk-pay-logo{
  background:linear-gradient(135deg,#1B78F2,#6E4DF6);
}
.footer-bottom a{
  color:#6558F5;
  font-weight:800;
}
.footer-bottom a:hover{
  text-decoration:underline;
}


/* =========================================================
   V7.0.7 — FUN CHAI PACKAGES
   ========================================================= */

.chai-tiers-expanded{
  grid-template-columns:repeat(4,1fr);
}
.chai-tier.couple{
  background:
    radial-gradient(circle at 85% 10%,rgba(255,180,200,.18),transparent 25%),
    linear-gradient(155deg,#FFF9FB,#FFF);
}
.chai-tier.long-distance{
  background:
    radial-gradient(circle at 80% 15%,rgba(88,160,245,.13),transparent 25%),
    linear-gradient(155deg,#F8FBFF,#FFF);
}
.chai-tier.invite{
  background:
    radial-gradient(circle at 80% 15%,rgba(245,190,80,.16),transparent 25%),
    linear-gradient(155deg,#FFFDF6,#FFF);
}
.chai-tier.chai-with-me{
  background:
    radial-gradient(circle at 86% 12%,rgba(101,88,245,.17),transparent 27%),
    linear-gradient(155deg,#F7F5FF,#FFFDF9);
  border-color:#CFC7FF;
}
.chai-meetup-note{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:10px;
  padding:11px 12px;
  border-radius:13px;
  background:#FFF9ED;
  border:1px solid #F1DFC0;
  color:#7D684A;
}
.chai-meetup-note>span{
  font-size:18px;
  line-height:1;
}
.chai-meetup-note p{
  margin:0;
  font-size:9px;
  line-height:1.5;
}
@media(max-width:1180px){
  .chai-tiers-expanded{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .chai-tiers-expanded{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .chai-tiers-expanded{grid-template-columns:1fr}
}


/* =========================================================
   V7.0.8 — HOMEPAGE CHAI PROMO
   ========================================================= */

.home-chai-promo{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  align-items:center;
  gap:28px;
  margin:26px auto 24px;
  padding:30px 34px;
  border-radius:26px;
  border:1px solid #E6DEC9;
  background:
    radial-gradient(circle at 8% 10%,rgba(255,217,150,.24),transparent 26%),
    radial-gradient(circle at 92% 18%,rgba(101,88,245,.10),transparent 25%),
    linear-gradient(145deg,#FFFCF5,#F8F6FF 62%,#F2FBFC);
  box-shadow:var(--shadow2);
}

.home-chai-promo:before{
  content:"";
  position:absolute;
  width:220px;height:220px;
  right:-80px;bottom:-100px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(48,183,199,.10),transparent 68%);
}

.home-chai-copy{
  position:relative;
  z-index:2;
}

.home-chai-kicker{
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  background:#FFF1D7;
  border:1px solid #F0D59E;
  color:#9A6427;
  font-size:8px;
  font-weight:950;
  letter-spacing:.11em;
}

.home-chai-copy h2{
  margin:10px 0 7px;
  font-size:32px;
  line-height:1.05;
  letter-spacing:-.035em;
}

.home-chai-copy>p{
  max-width:720px;
  margin:0;
  color:#6F7B91;
  font-size:11px;
}

.home-chai-pills{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:14px;
}

.home-chai-pills span{
  padding:7px 9px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--line);
  color:#68758A;
  font-size:8px;
  font-weight:750;
}

.home-chai-actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:16px;
}

.home-chai-primary,
.home-chai-secondary{
  padding:10px 13px;
  border-radius:11px;
  font-size:9px;
  font-weight:900;
}

.home-chai-primary{
  color:#fff;
  background:linear-gradient(135deg,#9B682E,#D79B4A);
  box-shadow:0 10px 20px rgba(150,100,45,.16);
}

.home-chai-secondary{
  color:#5A50DF;
  background:#fff;
  border:1px solid var(--line);
}

.home-chai-visual{
  position:relative;
  min-height:210px;
  display:grid;
  place-items:center;
}

.mini-chai-cup{
  position:relative;
  z-index:3;
  width:150px;
  height:120px;
  border-radius:25px 25px 48px 48px;
  background:linear-gradient(145deg,#7561F3,#5947DC);
  border:1px solid rgba(255,255,255,.45);
  box-shadow:
    0 28px 38px rgba(69,52,170,.20),
    inset 0 4px 7px rgba(255,255,255,.32),
    inset 0 -16px 24px rgba(30,20,95,.16);
}

.mini-chai-cup:before{
  content:"";
  position:absolute;
  left:9px;right:9px;top:-10px;
  height:25px;
  border-radius:50%;
  background:linear-gradient(180deg,#F5D9AB,#B76E2D);
  border:6px solid #7D6AF3;
}

.mini-chai-cup span{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:23px;
  font-weight:950;
  letter-spacing:-.06em;
}

.mini-chai-handle{
  position:absolute;
  z-index:2;
  right:18%;
  top:39%;
  width:66px;
  height:66px;
  border:15px solid #6654E6;
  border-left:0;
  border-radius:0 40px 40px 0;
}

.mini-chai-shadow{
  position:absolute;
  z-index:1;
  bottom:22px;
  width:165px;
  height:24px;
  border-radius:50%;
  background:rgba(35,40,60,.12);
  filter:blur(6px);
}

.mini-chai-steam{
  position:absolute;
  z-index:5;
  top:6%;
  color:#A68E72;
  font-size:44px;
  font-family:Georgia,serif;
  opacity:.5;
  transform:rotate(90deg);
}

.mini-chai-steam.s1{left:41%}
.mini-chai-steam.s2{left:54%;top:0;font-size:52px}

.chai-saving-badge{
  position:absolute;
  right:0;
  bottom:6px;
  z-index:6;
  min-width:142px;
  padding:10px 11px;
  border-radius:13px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--line);
  box-shadow:0 10px 24px rgba(40,50,85,.10);
  backdrop-filter:blur(8px);
}

.chai-saving-badge small{
  display:block;
  color:#8B96AA;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.chai-saving-badge strong{
  display:block;
  margin:2px 0;
  font-size:18px;
  color:#28344A;
}

.chai-saving-badge span{
  color:#8A7561;
  font-size:7px;
}

@media(max-width:850px){
  .home-chai-promo{
    grid-template-columns:1fr;
    padding:24px;
  }
  .home-chai-visual{
    min-height:185px;
  }
}

@media(max-width:540px){
  .home-chai-promo{
    padding:19px;
    border-radius:20px;
  }
  .home-chai-copy h2{
    font-size:26px;
  }
  .home-chai-actions{
    display:grid;
  }
  .home-chai-primary,
  .home-chai-secondary{
    text-align:center;
  }
}


/* =========================================================
   V7.0.9 — MERGED FAQ + CHAI SECTION
   ========================================================= */

.faq-chai-section{
  margin-top:24px;
}

.faq-chai-grid{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);
  gap:22px;
  align-items:start;
}

.faq-column .section-head{
  margin-bottom:14px;
}

.faq-intro{
  margin:8px 0 0;
  max-width:760px;
  color:#758198;
  font-size:11px;
}

.faq-chai-card{
  position:relative;
  overflow:hidden;
  padding:24px;
  border-radius:24px;
  border:1px solid #E7DFC9;
  background:
    radial-gradient(circle at 12% 10%,rgba(255,217,150,.22),transparent 26%),
    radial-gradient(circle at 92% 12%,rgba(101,88,245,.08),transparent 24%),
    linear-gradient(145deg,#FFFCF5,#F8F6FF 62%,#F2FBFC);
  box-shadow:var(--shadow2);
}

.faq-chai-card:before{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  right:-76px;
  bottom:-84px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(48,183,199,.10),transparent 68%);
}

.faq-chai-kicker{
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  background:#FFF1D7;
  border:1px solid #F0D59E;
  color:#9A6427;
  font-size:8px;
  font-weight:950;
  letter-spacing:.11em;
}

.faq-chai-card h3{
  margin:12px 0 8px;
  font-size:28px;
  line-height:1.06;
  letter-spacing:-.04em;
}

.faq-chai-card > p{
  margin:0;
  color:#6F7B91;
  font-size:10px;
  line-height:1.6;
}

.faq-chai-visual{
  position:relative;
  min-height:170px;
  margin:12px 0 8px;
  display:grid;
  place-items:center;
}

.faq-chai-saving{
  position:relative;
  z-index:2;
  margin-top:4px;
  padding:12px 13px;
  border-radius:14px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--line);
  box-shadow:0 10px 24px rgba(40,50,85,.10);
}

.faq-chai-saving small{
  display:block;
  color:#8B96AA;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.faq-chai-saving strong{
  display:block;
  margin:2px 0;
  font-size:22px;
  color:#28344A;
}

.faq-chai-saving span{
  color:#8A7561;
  font-size:8px;
}

.faq-chai-pills{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}

.faq-chai-pills span{
  padding:7px 9px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--line);
  color:#68758A;
  font-size:8px;
  font-weight:750;
}

.faq-chai-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:14px;
}

.faq-chai-primary,
.faq-chai-secondary{
  padding:10px 13px;
  border-radius:11px;
  font-size:9px;
  font-weight:900;
}

.faq-chai-primary{
  color:#fff;
  background:linear-gradient(135deg,#9B682E,#D79B4A);
  box-shadow:0 10px 20px rgba(150,100,45,.16);
}

.faq-chai-secondary{
  color:#5A50DF;
  background:#fff;
  border:1px solid var(--line);
}

@media(max-width:980px){
  .faq-chai-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:540px){
  .faq-chai-card{
    padding:18px;
    border-radius:20px;
  }
  .faq-chai-card h3{
    font-size:24px;
  }
  .faq-chai-actions{
    display:grid;
  }
  .faq-chai-primary,
  .faq-chai-secondary{
    text-align:center;
  }
}


/* =========================================================
   V7.1.0 — FAQ EXPANDED + CHAI VISUAL FIX
   ========================================================= */

.faq-list{
  display:grid;
  gap:12px;
}

.faq-column .faq-list .faq-item{
  background:transparent;
}

.faq-chai-card{
  min-height:100%;
}

.faq-chai-visual{
  position:relative;
  min-height:230px;
  margin:12px 0 8px;
  display:grid;
  place-items:center;
  overflow:hidden;
}

.faq-mug-wrap{
  position:relative;
  width:300px;
  height:200px;
  display:grid;
  place-items:center;
}

.faq-mug{
  position:relative;
  z-index:3;
  width:180px;
  height:132px;
  border-radius:34px 34px 54px 54px;
  background:linear-gradient(145deg,#735EF2 0%,#5C48E0 52%,#4E3AD5 100%);
  box-shadow:
    0 24px 40px rgba(84,66,196,.24),
    inset 0 3px 7px rgba(255,255,255,.26),
    inset 0 -14px 22px rgba(30,22,90,.14);
}

.faq-mug:before{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  top:-10px;
  height:28px;
  border-radius:999px;
  background:linear-gradient(180deg,#F7E0B8,#BB7736);
  border:6px solid #7C6AF2;
  box-shadow:inset 0 4px 6px rgba(96,51,17,.20);
}

.faq-tea-surface{
  position:absolute;
  left:18px;
  right:18px;
  top:2px;
  height:18px;
  border-radius:999px;
  background:linear-gradient(180deg,#D5924E,#B86C2B);
  opacity:.88;
}

.faq-mug span{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:23px;
  font-weight:950;
  letter-spacing:-.05em;
}

.faq-mug-handle{
  position:absolute;
  z-index:2;
  left:205px;
  top:46px;
  width:70px;
  height:66px;
  border:14px solid #5B46E1;
  border-left:none;
  border-radius:0 40px 40px 0;
  background:transparent;
}

.faq-mug-shadow{
  position:absolute;
  z-index:1;
  bottom:24px;
  width:180px;
  height:22px;
  background:rgba(35,41,66,.12);
  border-radius:50%;
  filter:blur(7px);
}

.faq-steam{
  position:absolute;
  z-index:5;
  top:22px;
  color:#B39A7E;
  font-size:48px;
  line-height:1;
  font-family:Georgia,serif;
  opacity:.48;
  transform:rotate(90deg);
  pointer-events:none;
}

.faq-steam-one{
  left:43%;
}
.faq-steam-two{
  left:53%;
  top:14px;
  font-size:54px;
}

.faq-chai-pills{
  gap:8px;
}

.faq-chai-pills span{
  font-size:8px;
}

@media(max-width:1280px){
  .faq-chai-grid{
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  }
}

@media(max-width:980px){
  .faq-mug-wrap{
    transform:scale(.94);
  }
}

@media(max-width:540px){
  .faq-chai-visual{
    min-height:190px;
  }
  .faq-mug-wrap{
    transform:scale(.82);
  }
}


/* =========================================================
   V7.1.1 — TRUE MOBILE NAVIGATION + HOMEPAGE OPTIMIZATION
   ========================================================= */

/* Dedicated mobile drawer */
.mobile-nav-backdrop,
.mobile-nav-drawer{
  display:none;
}

.hamburger-bars{
  width:20px;
  height:16px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.hamburger-bars i{
  display:block;
  width:100%;
  height:2px;
  border-radius:999px;
  background:#44516A;
}

@media(max-width:850px){
  html.mobile-nav-open,
  body.mobile-nav-open{
    overflow:hidden;
  }

  .topbar{
    position:sticky;
    top:0;
    z-index:120;
  }

  .topbar .inner{
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    min-height:64px;
    padding:9px 14px;
  }

  .topbar .brand{
    min-width:0;
  }

  .topbar .brand-logo{
    width:38px;
    height:38px;
    border-radius:12px;
    flex:0 0 38px;
  }

  .topbar .brand>div:last-child{
    min-width:0;
    font-size:13px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .topbar .brand small{
    font-size:8px;
  }

  .topbar .top-links,
  .topbar .global-search{
    display:none!important;
  }

  .topbar .top-cta{
    display:flex;
    justify-content:flex-end;
  }

  .mobile-tools-btn{
    display:grid!important;
    place-items:center;
    width:42px;
    height:42px;
    padding:0;
    border-radius:13px;
    background:#fff;
    border:1px solid var(--line);
    box-shadow:0 7px 18px rgba(42,54,91,.07);
  }

  .topbar>.mega-menu{
    display:none!important;
  }

  .mobile-nav-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:140;
    background:rgba(20,27,43,.42);
    backdrop-filter:blur(3px);
    opacity:0;
    pointer-events:none;
    transition:opacity .22s ease;
  }

  .mobile-nav-backdrop.open{
    opacity:1;
    pointer-events:auto;
  }

  .mobile-nav-drawer{
    display:flex;
    flex-direction:column;
    position:fixed;
    z-index:150;
    top:0;
    right:0;
    width:min(92vw,390px);
    height:100dvh;
    padding:14px;
    background:#F7F9FD;
    border-left:1px solid var(--line);
    box-shadow:-24px 0 55px rgba(26,34,60,.18);
    transform:translateX(105%);
    transition:transform .24s ease;
    overflow:hidden;
  }

  .mobile-nav-drawer.open{
    transform:translateX(0);
  }

  .mobile-drawer-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:2px 2px 12px;
  }

  .mobile-drawer-brand{
    min-width:0;
  }

  .mobile-drawer-brand .brand-logo{
    width:38px;
    height:38px;
  }

  .mobile-nav-close{
    flex:0 0 40px;
    width:40px;
    height:40px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
    color:#3D4A63;
    font-size:25px;
    line-height:1;
  }

  .mobile-drawer-search{
    display:flex;
    align-items:center;
    gap:8px;
    padding:11px 12px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:var(--shadow2);
  }

  .mobile-drawer-search input{
    width:100%;
    border:0;
    outline:0;
    background:transparent;
    font-size:16px; /* prevents iOS zoom */
    color:#243048;
  }

  .mobile-quick-links{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin:10px 0;
  }

  .mobile-quick-links a{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:46px;
    padding:10px 12px;
    border:1px solid var(--line);
    border-radius:13px;
    background:#fff;
    color:#3F4D66;
    font-size:11px;
    font-weight:850;
  }

  .mobile-nav-groups{
    flex:1;
    min-height:0;
    overflow:auto;
    overscroll-behavior:contain;
    padding-right:2px;
  }

  .mobile-nav-group{
    margin-bottom:8px;
    border:1px solid var(--line);
    border-radius:15px;
    background:#fff;
    overflow:hidden;
  }

  .mobile-group-toggle{
    width:100%;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:11px 13px;
    border:0;
    background:#fff;
    color:#2E3A53;
    font-size:12px;
    font-weight:900;
    text-align:left;
  }

  .mobile-group-toggle i{
    font-style:normal;
    transition:transform .18s ease;
  }

  .mobile-nav-group.open .mobile-group-toggle i{
    transform:rotate(180deg);
  }

  .mobile-group-links{
    display:none;
    padding:0 7px 7px;
  }

  .mobile-nav-group.open .mobile-group-links,
  .mobile-product-links .mobile-group-links{
    display:grid;
  }

  .mobile-group-links a{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    align-items:center;
    gap:10px;
    min-height:62px;
    padding:7px 8px;
    border-radius:12px;
  }

  .mobile-group-links a:hover,
  .mobile-group-links a:active{
    background:#F4F6FC;
  }

  .mobile-group-links img{
    width:44px;
    height:44px;
    object-fit:contain;
  }

  .mobile-group-links b{
    display:block;
    color:#33405A;
    font-size:11px;
  }

  .mobile-group-links small{
    display:block;
    margin-top:2px;
    color:#8591A6;
    font-size:8px;
  }

  .mobile-product-links .mobile-group-links a{
    grid-template-columns:1fr;
    min-height:52px;
  }

  .mobile-search-hidden{
    display:none!important;
  }

  .mobile-drawer-footer{
    padding:11px 4px 2px;
    border-top:1px solid var(--line);
  }

  .mobile-drawer-footer strong,
  .mobile-drawer-footer span,
  .mobile-drawer-footer a{
    display:block;
  }

  .mobile-drawer-footer strong{
    font-size:10px;
    color:#36435C;
  }

  .mobile-drawer-footer span{
    margin-top:2px;
    color:#8995A9;
    font-size:8px;
  }

  .mobile-drawer-footer a{
    margin-top:5px;
    color:#5C50DF;
    font-size:9px;
    font-weight:800;
  }

  /* Homepage becomes intentionally mobile-first */
  .home-hero{
    margin-top:12px;
    padding-left:14px;
    padding-right:14px;
  }

  .hero-stage{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .hero-copy{
    padding:26px;
    border-radius:23px;
  }

  .hero-copy h1{
    max-width:100%;
    font-size:40px;
    line-height:1.03;
  }

  .hero-copy>p{
    font-size:13px;
    line-height:1.55;
  }

  .hero-actions a,
  .hero-actions button{
    min-height:44px;
  }

  .workbench{
    min-height:auto;
    border-radius:23px;
    padding:17px;
  }

  .file-process{
    border-radius:17px;
    padding:13px;
  }

  .file-thumb{
    width:54px;
    height:54px;
    border-radius:15px;
  }

  .save-ring{
    width:58px;
    height:58px;
  }

  .before-after{
    gap:7px;
  }

  .metric-ribbon{
    padding-left:14px;
    padding-right:14px;
  }

  .metric-grid{
    grid-template-columns:repeat(2,1fr);
    gap:8px;
  }

  .metric-card{
    padding:13px;
  }

  .metric-card strong{
    font-size:21px;
  }

  .section{
    padding:32px 14px 0;
  }

  .section-head{
    align-items:flex-start;
  }

  .section-head h2{
    font-size:28px;
  }

  .tool-grid{
    grid-template-columns:repeat(2,1fr);
    gap:9px;
  }

  .tool-card{
    min-height:190px;
    padding:15px;
    border-radius:18px;
  }

  .tool-card img{
    width:62px;
    height:62px;
  }

  .tool-card h3{
    font-size:16px;
  }

  .feature-showcase,
  .usecase-grid,
  .steps{
    grid-template-columns:1fr;
  }

  .feature-big{
    grid-template-columns:1fr;
    padding:22px;
  }

  .feature-icon-cloud{
    height:145px;
  }

  .faq-chai-grid{
    grid-template-columns:1fr;
  }

  .faq-chai-card{
    margin-top:4px;
  }

  .final-cta{
    align-items:flex-start;
    flex-direction:column;
    padding:24px;
  }

  .final-cta>div:last-child{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
  }

  .site-footer{
    margin-top:36px;
  }

  .footer-inner{
    grid-template-columns:1fr 1fr;
    gap:20px 12px;
  }

  .footer-brand{
    grid-column:1/-1;
  }

  .footer-bottom{
    display:grid;
    gap:6px;
  }
}

@media(max-width:560px){
  .topbar .inner{
    min-height:60px;
    padding:8px 12px;
  }

  .topbar .brand-logo{
    width:36px;
    height:36px;
  }

  .topbar .brand>div:last-child{
    font-size:12px;
  }

  .mobile-tools-btn{
    width:40px;
    height:40px;
  }

  .mobile-nav-drawer{
    width:94vw;
    padding:12px;
  }

  .home-hero,
  .metric-ribbon,
  .section,
  .page-wrap{
    padding-left:12px;
    padding-right:12px;
  }

  .hero-copy{
    padding:20px;
    border-radius:20px;
  }

  .hero-kicker{
    font-size:8px;
  }

  .hero-copy h1{
    font-size:32px;
    letter-spacing:-.045em;
  }

  .hero-copy>p{
    font-size:12px;
  }

  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .hero-actions a,
  .hero-actions button{
    width:100%;
    text-align:center;
  }

  .hero-trust{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
  }

  .hero-trust span{
    text-align:center;
    font-size:8px;
  }

  .workbench{
    padding:14px;
    border-radius:20px;
  }

  .wb-top{
    gap:8px;
    flex-wrap:wrap;
  }

  .file-row{
    align-items:center;
    gap:9px;
  }

  .file-row>div:nth-child(2){
    min-width:0;
    flex:1;
  }

  .file-row b,
  .file-row small{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .save-ring{
    width:52px;
    height:52px;
    flex:0 0 52px;
  }

  .before-after{
    grid-template-columns:1fr 1fr;
  }

  .wb-bottom{
    grid-template-columns:repeat(3,1fr);
    gap:6px;
  }

  .wb-stat{
    padding:9px 7px;
  }

  .wb-stat strong{
    font-size:13px;
  }

  .metric-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .metric-card{
    min-height:94px;
  }

  .section{
    padding-top:28px;
  }

  .section-head h2{
    font-size:25px;
  }

  .tool-grid{
    grid-template-columns:1fr;
  }

  .tool-card{
    min-height:0;
    display:grid;
    grid-template-columns:68px minmax(0,1fr);
    grid-template-areas:
      "icon title"
      "icon desc"
      "icon action";
    align-items:start;
    column-gap:12px;
    padding:14px;
  }

  .tool-card img{
    grid-area:icon;
    width:62px;
    height:62px;
    margin-top:1px;
  }

  .tool-card h3{
    grid-area:title;
    margin:2px 0 3px;
    font-size:15px;
  }

  .tool-card p{
    grid-area:desc;
    font-size:10px;
  }

  .tool-card em{
    grid-area:action;
    margin-top:8px;
    padding-top:0;
  }

  .tool-card .tag{
    display:none;
  }

  .category-tabs{
    overflow:auto;
    flex-wrap:nowrap;
    margin-right:-12px;
    padding-right:12px;
    scrollbar-width:none;
  }

  .category-tabs::-webkit-scrollbar{
    display:none;
  }

  .category-tabs a{
    white-space:nowrap;
    flex:0 0 auto;
  }

  .feature-big,
  .feature-small,
  .usecase,
  .step{
    border-radius:18px;
  }

  .feature-big{
    padding:18px;
  }

  .feature-big h3{
    font-size:23px;
  }

  .faq-q{
    min-height:52px;
    padding:14px;
    font-size:10px;
  }

  .faq-a{
    padding:0 14px 14px;
    font-size:10px;
  }

  .faq-chai-card{
    padding:17px;
    border-radius:19px;
  }

  .faq-chai-card h3{
    font-size:23px;
  }

  .faq-chai-visual{
    min-height:175px;
  }

  .faq-chai-actions{
    display:grid;
  }

  .faq-chai-primary,
  .faq-chai-secondary{
    text-align:center;
  }

  .final-cta{
    border-radius:20px;
    padding:20px;
  }

  .final-cta h2{
    font-size:24px;
  }

  .final-cta>div:last-child{
    display:grid;
    width:100%;
  }

  .final-cta .secondary-btn{
    width:100%;
    text-align:center;
  }

  .footer-inner{
    grid-template-columns:1fr;
  }

  .footer-brand{
    grid-column:auto;
  }

  .footer-col{
    padding-top:4px;
  }
}

@media(max-width:390px){
  .hero-copy h1{
    font-size:29px;
  }

  .metric-card strong{
    font-size:18px;
  }

  .hero-trust{
    grid-template-columns:1fr;
  }

  .mobile-quick-links{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   V7.1.2 — GENERATED BRAND LOGO
   ========================================================= */

.brand-image{
  display:flex;
  align-items:center;
  padding:0;
  min-width:0;
}

.site-brand-logo{
  display:block;
  width:190px;
  height:auto;
  max-height:58px;
  object-fit:contain;
  object-position:left center;
}

.footer-brand .brand-image{
  display:block;
}

.footer-brand .site-brand-logo{
  width:230px;
  max-height:none;
}

.mobile-drawer-brand .site-brand-logo{
  width:190px;
  max-height:58px;
}

@media(max-width:1050px) and (min-width:851px){
  .topbar .site-brand-logo{
    width:158px;
  }
}

@media(max-width:850px){
  .topbar .site-brand-logo{
    width:180px;
    max-height:52px;
  }

  .mobile-drawer-brand .site-brand-logo{
    width:185px;
  }
}

@media(max-width:390px){
  .topbar .site-brand-logo{
    width:158px;
  }
}

/* =========================================================
   V7.1.2 — CHAI LIVE-CHAT STYLE SUPPORT LAUNCHER
   ========================================================= */

.chai-chat-widget{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:170;
  font-family:inherit;
}

.chai-chat-launcher{
  position:relative;
  min-width:154px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 18px 0 12px;
  border:1px solid rgba(217,181,119,.72);
  border-radius:999px;
  color:#5C4223;
  background:
    radial-gradient(circle at 25% 20%,rgba(255,255,255,.8),transparent 28%),
    linear-gradient(145deg,#FFF7E5,#F7E5BF);
  box-shadow:0 16px 36px rgba(73,54,30,.18);
  font-weight:900;
  font-size:10px;
  transition:.18s transform,.18s box-shadow;
}

.chai-chat-launcher:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 40px rgba(73,54,30,.22);
}

.chai-launcher-cup{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 5px 12px rgba(97,69,34,.12);
  font-size:17px;
}

.chai-online-dot{
  position:absolute;
  right:3px;
  top:3px;
  width:11px;
  height:11px;
  border:2px solid #fff;
  border-radius:50%;
  background:#20B979;
  box-shadow:0 0 0 0 rgba(32,185,121,.42);
  animation:chaiPulse 2s infinite;
}

@keyframes chaiPulse{
  0%{box-shadow:0 0 0 0 rgba(32,185,121,.38)}
  70%{box-shadow:0 0 0 7px rgba(32,185,121,0)}
  100%{box-shadow:0 0 0 0 rgba(32,185,121,0)}
}

.chai-chat-panel{
  position:absolute;
  right:0;
  bottom:64px;
  width:330px;
  overflow:hidden;
  border:1px solid #E4E8F0;
  border-radius:20px;
  background:#fff;
  box-shadow:0 24px 65px rgba(29,37,60,.20);
  opacity:0;
  transform:translateY(10px) scale(.97);
  transform-origin:bottom right;
  pointer-events:none;
  transition:.18s opacity,.18s transform;
}

.chai-chat-panel.open{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

.chai-chat-head{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 30px;
  gap:10px;
  align-items:center;
  padding:13px;
  color:#fff;
  background:
    radial-gradient(circle at 90% 0,rgba(255,255,255,.15),transparent 35%),
    linear-gradient(135deg,#6558F5,#7A67ED 58%,#29AFC0);
}

.chai-chat-avatar{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.20);
  font-size:21px;
}

.chai-chat-head b{
  display:block;
  font-size:12px;
}

.chai-chat-head span{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:2px;
  color:rgba(255,255,255,.78);
  font-size:8px;
}

.chai-chat-head span i{
  width:7px;height:7px;border-radius:50%;background:#55E39F;
}

.chai-chat-head button{
  width:30px;
  height:30px;
  border:0;
  border-radius:9px;
  color:#fff;
  background:rgba(255,255,255,.13);
  font-size:18px;
}

.chai-chat-body{
  padding:13px;
  background:#FAFBFE;
}

.chai-chat-message{
  position:relative;
  padding:10px 11px;
  border-radius:13px 13px 13px 4px;
  background:#fff;
  border:1px solid #E8EBF1;
}

.chai-chat-message p{
  margin:0;
  color:#536079;
  font-size:10px;
  line-height:1.55;
}

.chai-chat-savings{
  margin-top:9px;
  padding:10px 11px;
  border-radius:12px;
  background:linear-gradient(145deg,#FFF8EA,#F8F6FF);
  border:1px solid #E8E1D4;
}

.chai-chat-savings span,
.chai-chat-savings strong{
  display:block;
}

.chai-chat-savings span{
  color:#8D806E;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.chai-chat-savings strong{
  margin-top:2px;
  font-size:19px;
  color:#28344A;
}

.chai-chat-chips{
  display:flex;
  gap:5px;
  overflow:auto;
  margin-top:9px;
  padding-bottom:2px;
  scrollbar-width:none;
}

.chai-chat-chips::-webkit-scrollbar{display:none}

.chai-chat-chips span{
  flex:0 0 auto;
  padding:6px 7px;
  border-radius:999px;
  background:#fff;
  border:1px solid #E5E8EF;
  color:#657188;
  font-size:7px;
  font-weight:750;
}

.chai-chat-cta{
  display:block;
  margin-top:9px;
  padding:10px 11px;
  border-radius:11px;
  color:#fff;
  text-align:center;
  background:linear-gradient(135deg,#9D692E,#D39A4D);
  font-size:9px;
  font-weight:900;
}

.chai-chat-body>small{
  display:block;
  margin-top:7px;
  color:#929CAD;
  text-align:center;
  font-size:7px;
}

@media(max-width:650px){
  .chai-chat-widget{
    right:12px;
    bottom:12px;
  }

  .chai-chat-launcher{
    width:54px;
    min-width:54px;
    height:54px;
    padding:0;
  }

  .chai-launcher-label{
    display:none;
  }

  .chai-launcher-cup{
    width:38px;
    height:38px;
  }

  .chai-chat-panel{
    position:fixed;
    left:12px;
    right:12px;
    bottom:76px;
    width:auto;
    transform-origin:bottom center;
  }
}

/* =========================================================
   V7.1.2 — IMAGE COMPRESSOR DIRECT DOWNLOADS
   ========================================================= */

.direct-download-note{
  margin-top:9px;
  padding:9px 10px;
  border-radius:11px;
  border:1px solid #E5E9F1;
  background:#F8FAFD;
  color:#7B879D;
  font-size:8px;
  line-height:1.45;
}

#downloadFiles{
  border-color:#D7D1FF;
  color:#584DDE;
  background:#F8F7FF;
}


/* =========================================================
   V7.1.3 — ACTIVITY COUNTERS
   ========================================================= */

.public-activity-section{
  padding-top:24px;
}

.public-activity-head{
  align-items:flex-end;
}

.preview-counter-badge{
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid #DDD8FF;
  background:#F5F3FF;
  color:#5C50DF;
  font-size:7px;
  font-weight:950;
  letter-spacing:.09em;
}

.public-stat-hero{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

.public-stat-card{
  position:relative;
  overflow:hidden;
  min-height:122px;
  padding:17px;
  border:1px solid var(--line);
  border-radius:19px;
  background:#fff;
  box-shadow:var(--shadow2);
}

.public-stat-card:after{
  content:"";
  position:absolute;
  width:90px;
  height:90px;
  right:-35px;
  bottom:-40px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(101,88,245,.10),transparent 68%);
}

.public-stat-card.compressed:after{background:radial-gradient(circle,rgba(42,175,192,.13),transparent 68%)}
.public-stat-card.operations:after{background:radial-gradient(circle,rgba(232,143,69,.11),transparent 68%)}
.public-stat-card.downloads:after{background:radial-gradient(circle,rgba(213,90,157,.10),transparent 68%)}

.public-stat-card span{
  display:block;
  color:#8490A6;
  font-size:8px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.public-stat-card strong{
  display:block;
  margin-top:8px;
  color:#1E293E;
  font-size:31px;
  letter-spacing:-.035em;
}

.public-stat-card small{
  display:block;
  margin-top:3px;
  color:#929CAF;
  font-size:8px;
}

.all-tool-stats{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
  margin-top:9px;
}

.activity-tool-card{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-height:67px;
  padding:9px;
  border-radius:15px;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:0 5px 15px rgba(45,58,96,.035);
}

.activity-tool-card img{
  width:38px;
  height:38px;
  object-fit:contain;
}

.activity-tool-card span{
  display:block;
  color:#7E8A9F;
  font-size:7px;
  line-height:1.25;
}

.activity-tool-card strong{
  display:block;
  margin-top:2px;
  color:#2C3850;
  font-size:14px;
}

.public-stats-note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:9px;
  padding:9px 11px;
  border-radius:13px;
  background:#F8FAFD;
  border:1px solid var(--line);
  color:#8490A5;
}

.public-stats-note span{
  font-weight:900;
}

.public-stats-note p{
  margin:0;
  font-size:8px;
  line-height:1.5;
}

/* =========================================================
   V7.1.3 — BLACK FOOTER + DARK LOGO
   ========================================================= */

.site-footer.dark-site-footer{
  max-width:none;
  margin-top:42px;
  padding:0;
  color:#D3D8E4;
  background:
    radial-gradient(circle at 8% 0,rgba(101,88,245,.11),transparent 24%),
    radial-gradient(circle at 92% 10%,rgba(32,174,192,.08),transparent 22%),
    #090B10;
  border-top:1px solid #1A1E29;
}

.dark-footer-inner{
  max-width:1440px;
  margin:0 auto;
  padding:38px 24px 25px;
  display:grid;
  grid-template-columns:1.45fr repeat(3,.75fr);
  gap:32px;
}

.footer-dark-lockup{
  display:flex;
  align-items:center;
  gap:12px;
  width:max-content;
  max-width:100%;
}

.footer-dark-lockup img{
  width:72px;
  height:72px;
  object-fit:contain;
  filter:drop-shadow(0 10px 22px rgba(69,75,245,.20));
}

.footer-dark-lockup span{
  min-width:0;
}

.footer-dark-lockup b{
  display:block;
  color:#fff;
  font-size:21px;
  letter-spacing:-.025em;
}

.footer-dark-lockup small{
  display:block;
  margin-top:2px;
  color:#9099AD;
  font-size:10px;
}

.footer-brand-dark p{
  max-width:430px;
  margin:14px 0 0;
  color:#858FA3;
  font-size:10px;
  line-height:1.65;
}

.footer-chai-link{
  display:inline-flex!important;
  width:max-content;
  margin-top:13px;
  padding:8px 11px;
  border:1px solid #363022;
  border-radius:10px;
  background:#17130D;
  color:#F0C67E!important;
  font-size:9px;
  font-weight:900;
}

.dark-site-footer .footer-col h4{
  color:#fff;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.09em;
}

.dark-site-footer .footer-col a{
  color:#8E98AB;
}

.dark-site-footer .footer-col a:hover{
  color:#fff;
}

.footer-activity{
  max-width:1440px;
  margin:0 auto;
  padding:20px 24px 24px;
  border-top:1px solid #1B1F2A;
}

.footer-activity-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}

.footer-activity-head span{
  color:#687289;
  font-size:7px;
  font-weight:950;
  letter-spacing:.12em;
}

.footer-activity-head h4{
  margin:3px 0 0;
  color:#fff;
  font-size:18px;
}

.footer-activity-head small{
  color:#6F798D;
  font-size:8px;
}

.footer-top-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}

.footer-top-stats>div{
  padding:13px;
  border-radius:13px;
  border:1px solid #222734;
  background:#11141B;
}

.footer-top-stats span{
  display:block;
  color:#737D91;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.footer-top-stats strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:20px;
}

.footer-tool-stats{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:6px;
  margin-top:8px;
}

.footer-tool-stat{
  padding:9px 10px;
  border-radius:10px;
  border:1px solid #1E222D;
  background:#0E1117;
}

.footer-tool-stat span{
  display:block;
  color:#717A8D;
  font-size:6px;
  line-height:1.25;
}

.footer-tool-stat strong{
  display:block;
  margin-top:3px;
  color:#CFD5E1;
  font-size:12px;
}

.footer-preview-note{
  margin:9px 0 0;
  color:#626C7E;
  font-size:7px;
}

.dark-footer-bottom{
  max-width:1440px;
  margin:0 auto;
  padding:16px 24px 20px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  border-top:1px solid #1B1F2A;
  color:#687286;
  font-size:8px;
}

.dark-footer-bottom a{
  color:#9B91FF;
  font-weight:850;
}

@media(max-width:1180px){
  .all-tool-stats,
  .footer-tool-stats{
    grid-template-columns:repeat(4,1fr);
  }

  .dark-footer-inner{
    grid-template-columns:1.2fr repeat(3,.75fr);
  }
}

@media(max-width:850px){
  .public-stat-hero{
    grid-template-columns:repeat(2,1fr);
  }

  .all-tool-stats,
  .footer-tool-stats{
    grid-template-columns:repeat(3,1fr);
  }

  .dark-footer-inner{
    grid-template-columns:1fr 1fr;
  }

  .footer-brand-dark{
    grid-column:1/-1;
  }

  .footer-top-stats{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:560px){
  .public-activity-head{
    display:block;
  }

  .preview-counter-badge{
    display:inline-flex;
    margin-top:10px;
  }

  .public-stat-hero{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }

  .public-stat-card{
    min-height:108px;
    padding:13px;
  }

  .public-stat-card strong{
    font-size:23px;
  }

  .all-tool-stats{
    grid-template-columns:repeat(2,1fr);
  }

  .activity-tool-card{
    grid-template-columns:34px minmax(0,1fr);
  }

  .activity-tool-card img{
    width:34px;
    height:34px;
  }

  .dark-footer-inner{
    grid-template-columns:1fr;
    padding:30px 16px 20px;
  }

  .footer-brand-dark{
    grid-column:auto;
  }

  .footer-activity{
    padding:18px 16px 20px;
  }

  .footer-activity-head{
    display:block;
  }

  .footer-activity-head small{
    display:block;
    margin-top:4px;
  }

  .footer-tool-stats{
    grid-template-columns:repeat(2,1fr);
  }

  .dark-footer-bottom{
    padding:15px 16px 20px;
    display:grid;
  }

  .footer-dark-lockup img{
    width:62px;
    height:62px;
  }

  .footer-dark-lockup b{
    font-size:18px;
  }
}

@media(max-width:390px){
  .public-stat-hero{
    grid-template-columns:1fr;
  }

  .all-tool-stats,
  .footer-tool-stats{
    grid-template-columns:1fr 1fr;
  }
}


/* =========================================================
   V7.1.4 — SHARED LIVE STATS STATUS
   ========================================================= */
[data-live-stats-mode]{
  transition:.18s background,.18s color,.18s border-color;
}
.preview-counter-badge[data-live-stats-mode].live{
  color:#137A56;
  background:#EAF9F3;
  border-color:#BDE9D8;
}
.preview-counter-badge[data-live-stats-mode].fallback{
  color:#9A6522;
  background:#FFF5E4;
  border-color:#EFD5A8;
}
.dark-site-footer [data-live-stats-mode].live{
  color:#58DFA9;
}
.dark-site-footer [data-live-stats-mode].fallback{
  color:#E7B967;
}