:root{--ink:#101828;--muted:#667085;--line:#e4e7ec;--bg:#f7f8fa;--white:#fff;--b:#ff4b22;--bd:#d92d20;--soft:#fff2ee;--green:#067647;--shadow:0 12px 36px rgba(16,24,40,.07);--r:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:#0b1020;color:#e4e7ec;font-size:13px}.topbar .container{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.toplinks{display:flex;gap:18px}.toplinks a{font-weight:800;color:#fff}.siteHeader{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(228,231,236,.9);backdrop-filter:blur(12px)}.nav{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:950;letter-spacing:-.02em;white-space:nowrap}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--b);color:#fff;font-size:16px;font-weight:950}.nav nav{display:flex;align-items:center;gap:6px;margin-left:auto}.nav nav a{padding:10px 13px;border-radius:10px;color:#344054;font-weight:800}.nav nav a:hover,.nav nav a.active{color:var(--b);background:var(--soft)}.menuToggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;margin-left:auto}.menuToggle span{display:block;height:2px;background:#344054;margin:5px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border-radius:13px;font-weight:850;border:1px solid var(--line);background:#fff;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--b);color:#fff;border-color:var(--b)}.btn.primary:hover{background:var(--bd)}.btn.ghost{background:transparent}.hero{padding:78px 0 64px;background:radial-gradient(circle at 80% 20%,rgba(255,75,34,.08),transparent 30%)}.heroGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.eyebrow{color:var(--b);font-size:13px;text-transform:uppercase;letter-spacing:.14em;font-weight:950}.hero h1,.pageHero h1{font-size:clamp(42px,6vw,70px);line-height:1.02;letter-spacing:-.05em;margin:12px 0 20px}.hero h1+.hero-highlight{display:block;font-size:clamp(42px,6vw,70px);line-height:1.02;letter-spacing:-.05em;color:var(--b);font-weight:950;margin-top:-18px;margin-bottom:20px}.hero p,.lead{font-size:18px;color:var(--muted);max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.visual{border-radius:30px;background:linear-gradient(145deg,#101828,#344054);padding:22px;box-shadow:0 28px 70px rgba(16,24,40,.18)}.hero-photo{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px;display:block}.tv{aspect-ratio:16/10;background:#05070b;border-radius:18px;border:7px solid #030508;padding:10px}.screen{height:100%;border-radius:9px;padding:20px;color:#fff;background:radial-gradient(circle at 20% 20%,#653bea 0,transparent 28%),radial-gradient(circle at 80% 50%,#ff4b22 0,transparent 33%),linear-gradient(135deg,#151d32,#080d18);display:flex;flex-direction:column;justify-content:space-between}.apps{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.app{aspect-ratio:1;border-radius:12px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:12px;font-weight:900}.section{padding:72px 0}.section.white{background:#fff}.head{max-width:780px;margin-bottom:32px}.head h2{font-size:clamp(31px,4vw,46px);line-height:1.1;margin:8px 0 12px;letter-spacing:-.04em}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 8px 26px rgba(16,24,40,.04);transition:.2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d0d5dd}.cardBody{padding:22px}.card h2,.card h3{font-size:21px;line-height:1.25;margin:8px 0 10px;letter-spacing:-.02em}.card p{margin:0;color:var(--muted)}.cardMeta{display:flex;gap:10px;align-items:center;color:#98a2b3;font-size:13px;margin-top:16px}.thumb{aspect-ratio:16/9;background:#eef1f5;object-fit:cover;width:100%;display:block}.pill{display:inline-flex;align-items:center;font-size:12px;font-weight:900;color:var(--b);background:var(--soft);padding:6px 10px;border-radius:99px}.cardArrow{display:inline-flex;margin-top:16px;color:var(--b);font-weight:900}.pageHero{padding:54px 0 36px;background:#fff;border-bottom:1px solid var(--line)}.pageHero h1{font-size:clamp(38px,5vw,60px);max-width:900px}.pageHero .lead{margin-bottom:0}.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:18px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.breadcrumbs li:not(:last-child):after{content:'›';margin-left:8px;color:#98a2b3}.breadcrumbs a:hover{color:var(--b)}.featureCard{display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:26px}.featureCard .thumb{height:100%;aspect-ratio:auto;min-height:330px}.featureBody{padding:clamp(26px,4vw,46px);display:flex;flex-direction:column;justify-content:center}.featureBody h2{font-size:clamp(28px,3.3vw,40px);line-height:1.12;letter-spacing:-.035em;margin:10px 0 14px}.featureBody p{color:var(--muted);font-size:17px}.band{background:#101828;color:#fff}.band .lead,.band .head p{color:#d0d5dd}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{border:1px solid #344054;border-radius:18px;padding:22px;background:rgba(255,255,255,.02)}.step b{display:block;font-size:18px}.step p{color:#d0d5dd;margin-bottom:0}.num{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--b);font-weight:950;margin-bottom:14px}.trustGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.trustItem{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.trustIcon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--soft);color:var(--b);font-size:20px;margin-bottom:14px}.trustItem b{display:block;font-size:18px}.trustItem p{color:var(--muted);margin-bottom:0}.imageText{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.imageText.reverse .imageTextCopy{order:2}.imageText.reverse .imageTextMedia{order:1}.imageTextCopy h2,.builder-text-block h2{font-size:clamp(31px,4vw,46px);line-height:1.1;letter-spacing:-.04em;margin:8px 0 14px}.imageTextMedia{min-height:330px;border-radius:24px;overflow:hidden;background:#eef1f5}.imageTextMedia img{width:100%;height:100%;min-height:330px;object-fit:cover;display:block}.image-placeholder{min-height:330px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:var(--muted);font-size:30px}.image-placeholder b{font-size:18px;color:var(--ink)}.image-placeholder span{font-size:14px}.contentWrap{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;align-items:start}.article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4.5vw,52px);box-shadow:0 8px 28px rgba(16,24,40,.035);min-width:0}.articleHeader h1{font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 16px}.articleLead{font-size:19px;color:var(--muted);margin:0 0 18px}.meta{display:flex;gap:8px 14px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin-bottom:26px}.featured{width:100%;aspect-ratio:16/8.8;object-fit:cover;border-radius:20px;margin:0 0 30px}.articleContent{font-size:17px;line-height:1.78}.articleContent h2,.articleContent h3{scroll-margin-top:110px;line-height:1.2;letter-spacing:-.025em}.articleContent h2{font-size:31px;margin-top:44px}.articleContent h3{font-size:24px;margin-top:30px}.articleContent p{margin:0 0 18px}.articleContent ul,.articleContent ol{padding-left:24px}.articleContent li{margin:7px 0}.articleContent a{color:var(--b);text-decoration:underline;text-underline-offset:3px}.articleContent img{max-width:100%;height:auto;border-radius:16px;margin:14px auto;display:block}.articleContent blockquote{margin:24px 0;padding:18px 22px;border-left:4px solid var(--b);background:var(--soft);border-radius:0 14px 14px 0}.sidebar{display:grid;gap:16px;position:sticky;top:96px}.box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.boxTitle{display:block;margin-bottom:10px;font-size:16px;font-weight:900}.box a.sideLink{display:block;padding:9px 0;border-bottom:1px solid #f2f4f7;font-weight:750}.box a.sideLink:last-child{border:0}.toc{max-height:62vh;overflow:auto}.toc a{display:block;padding:6px 0;color:#475467;font-size:14px}.toc a.l3{padding-left:14px}.toc a:hover{color:var(--b)}.quickContact{background:#101828;color:#fff;border:0}.quickContact p{color:#d0d5dd}.quickContact .btn{width:100%;margin-top:8px}.quickContact .btn + .btn{margin-top:8px;background:transparent;color:#fff;border-color:#475467}.cta{background:linear-gradient(135deg,#ff4b22,#f97066);color:#fff;border-radius:26px;padding:38px;display:flex;justify-content:space-between;gap:24px;align-items:center}.cta h2{margin:0 0 6px}.cta p{margin:0;color:#fff}.cta .btn{background:#fff;color:#b42318;border:0;white-space:nowrap}.faqList{display:grid;gap:12px}.faqItem{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 18px}.faqItem summary{cursor:pointer;list-style:none;font-weight:900;padding:18px 34px 18px 0;position:relative}.faqItem summary::-webkit-details-marker{display:none}.faqItem summary:after{content:'+';position:absolute;right:0;font-size:22px;color:var(--b);top:13px}.faqItem[open] summary:after{content:'−'}.faqAnswer{padding:0 0 18px;color:var(--muted)}.relatedSection{margin-top:38px}.relatedSection h2{font-size:28px}.serviceTrust{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 26px}.serviceTrust span{background:#f0fdf4;color:var(--green);font-size:13px;font-weight:850;border-radius:99px;padding:7px 10px}.form{display:grid;gap:15px}.field{display:grid;gap:7px}.field label{font-weight:850}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;background:#fff;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#f79078;box-shadow:0 0 0 4px rgba(255,75,34,.08)}.field textarea{min-height:150px;resize:vertical}.notice{padding:13px 16px;border-radius:12px;background:#ecfdf3;color:#027a48;font-weight:750}.contactGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.contactPanel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4vw,38px)}.contactCards{display:grid;gap:14px}.contactCard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.contactCard small{display:block;color:var(--muted);margin-bottom:5px}.contactCard strong{font-size:19px}.searchBar{display:flex;gap:10px;max-width:760px;margin-top:24px}.searchBar input{flex:1;min-width:0;border:1px solid var(--line);border-radius:13px;padding:13px 15px;font:inherit}.topicChips{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 0}.topicChips a{background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 12px;font-weight:800;font-size:14px}.pagination{display:flex;gap:8px;justify-content:center;margin-top:30px;flex-wrap:wrap}.pagination a,.pagination span{min-width:42px;text-align:center;padding:9px 13px;border-radius:10px;background:#fff;border:1px solid var(--line)}.pagination span{background:var(--b);color:#fff;border-color:var(--b)}.emptyState{background:#fff;border:1px dashed #d0d5dd;border-radius:20px;padding:40px;text-align:center;color:var(--muted)}footer{background:#0b1020;color:#d0d5dd;padding:54px 0 28px;margin-top:44px}.footergrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px}.footergrid>div{display:grid;align-content:start;gap:9px}.footergrid b{color:#fff;margin-bottom:4px}.footergrid a:hover{color:#fff}.brand.light{color:#fff}.footerMuted{color:#98a2b3}.copyright{border-top:1px solid #1d2939;margin-top:32px;padding-top:20px;font-size:14px}.mobileDock{display:none}.admin-sitebar{background:#111827;color:#fff;font-size:13px}.admin-sitebar .container{min-height:42px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.admin-sitebar span{color:#cbd5e1;flex:1}.admin-sitebar a{display:inline-block;margin-left:12px;color:#fff;font-weight:800}.builder-addbar{background:#fff7ed;border-bottom:1px solid #fed7aa;padding:10px 0;position:sticky;top:76px;z-index:28}.builder-addbar .container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.builder-addbar select{padding:10px 12px;border:1px solid #fdba74;border-radius:10px;background:#fff;font:inherit;min-width:190px}.builder-warning{background:#fff7ed;padding:10px 0;border-bottom:1px solid #fed7aa}.builder-warning a{color:#c2410c}.builder-section.builder-active{position:relative;outline:2px dashed transparent;outline-offset:-2px}.builder-section.builder-active:hover{outline-color:#fb923c}.builder-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 12px;background:#fff7ed;border-top:1px solid #fed7aa;border-bottom:1px solid #fed7aa;font-size:13px;position:relative;z-index:10}.builder-controls button,.builder-controls summary{border:1px solid #fdba74;background:#fff;border-radius:8px;padding:7px 9px;font:inherit;font-weight:800;cursor:pointer}.builder-controls .builder-save{background:#ff4b22;color:#fff;border-color:#ff4b22}.builder-controls .builder-delete{color:#b42318}.builder-handle{cursor:grab;font-weight:900;padding:7px 9px;background:#ffedd5;border-radius:8px;user-select:none}.builder-status{font-weight:800;color:#027a48}.builder-status.bad,#builderGlobalStatus.bad{color:#b42318}.builder-settings{position:relative}.builder-settings[open]{z-index:40}.builder-settings>summary{list-style:none}.builder-settings>summary::-webkit-details-marker{display:none}.builder-settings-grid{position:absolute;top:42px;left:0;width:min(520px,80vw);background:#fff;border:1px solid #d0d5dd;border-radius:12px;padding:14px;box-shadow:0 18px 45px rgba(16,24,40,.18);display:grid;grid-template-columns:1fr 1fr;gap:10px}.builder-settings-grid label{display:grid;gap:5px;font-weight:800;color:#344054}.builder-settings-grid input,.builder-settings-grid select{width:100%;padding:9px 10px;border:1px solid #d0d5dd;border-radius:8px;font:inherit}.builder-active [contenteditable="true"]{border-radius:5px;outline:1px dashed rgba(249,115,22,.45);outline-offset:3px;cursor:text}.builder-active [contenteditable="true"]:focus{outline:2px solid #f97316;background:#fff7ed}.builder-section.dragging{opacity:.55}.builder-image-target{position:relative}.builder-image-target:after{content:'Ảnh có thể thay trực tiếp trong chế độ chỉnh sửa';position:absolute;left:12px;bottom:12px;background:rgba(17,24,39,.82);color:#fff;padding:7px 9px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none}.builder-active:hover .builder-image-target:after{opacity:1}
@media(max-width:960px){.navCta{display:none}.menuToggle{display:block}.nav nav{position:absolute;left:20px;right:20px;top:68px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:10px;display:none;align-items:stretch;flex-direction:column}.nav nav.open{display:flex}.nav nav a{padding:12px}.heroGrid,.contentWrap,.contactGrid{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.steps,.trustGrid{grid-template-columns:1fr 1fr}.sidebar{position:static}.featureCard{grid-template-columns:1fr}.featureCard .thumb{min-height:0;aspect-ratio:16/8}.footergrid{grid-template-columns:1fr 1fr}.visual{max-width:680px}.cta{display:block}.cta .btn{margin-top:18px}.imageText{grid-template-columns:1fr}.imageText.reverse .imageTextCopy,.imageText.reverse .imageTextMedia{order:initial}.builder-settings-grid{grid-template-columns:1fr;position:fixed;left:16px;right:16px;top:110px;width:auto;max-height:60vh;overflow:auto}.builder-handle{cursor:default}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.topbar .container{min-height:34px}.topbar .container>span{display:none}.toplinks{width:100%;justify-content:space-between}.siteHeader .nav{min-height:66px}.brand{font-size:16px}.logo{width:34px;height:34px}.hero{padding:50px 0 46px}.hero h1,.pageHero h1{font-size:40px}.hero h1+.hero-highlight{font-size:40px;margin-top:-13px}.hero p,.lead{font-size:16px}.section{padding:52px 0}.grid3,.grid2,.steps,.trustGrid{grid-template-columns:1fr}.article{padding:22px;border-radius:18px}.articleHeader h1{font-size:36px}.articleContent{font-size:16px}.articleContent h2{font-size:27px}.articleContent h3{font-size:22px}.featureBody{padding:24px}.featureBody h2{font-size:30px}.pageHero{padding:38px 0 28px}.searchBar{display:grid}.cta{padding:26px}.footergrid{grid-template-columns:1fr}.mobileDock{position:fixed;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 34px rgba(16,24,40,.18);z-index:60;overflow:hidden}.mobileDock a{display:grid;place-items:center;padding:8px 4px;font-size:17px;font-weight:900}.mobileDock span{font-size:11px;color:#475467}.copyright{padding-bottom:70px}.builder-addbar .container{align-items:stretch}.builder-addbar select,.builder-addbar .btn{width:100%}.builder-controls{gap:5px}.builder-controls button,.builder-controls summary,.builder-handle{padding:7px;font-size:12px}.imageTextMedia,.imageTextMedia img,.image-placeholder{min-height:240px}}
/* ===== TiviXiaomi V4 premium layer ===== */
.skipLink{position:absolute;left:-9999px;top:8px;background:#111827;color:#fff;padding:10px 14px;border-radius:10px;z-index:999}.skipLink:focus{left:12px}.brandText{display:grid;line-height:1.1}.brandText strong{font-size:17px}.brandText small{font-size:11px;color:#98a2b3;font-weight:700;letter-spacing:.02em;margin-top:4px}.brandLogo{width:42px;height:42px;object-fit:contain;border-radius:10px}.toplinks span{color:#d0d5dd}.siteHeader{box-shadow:0 1px 0 rgba(16,24,40,.02)}.navCta{box-shadow:0 8px 22px rgba(255,75,34,.18)}.hero{overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:rgba(255,75,34,.045);right:-130px;top:-170px}.heroGrid{position:relative;z-index:1}.hero .actions .btn{min-width:155px}.visual{position:relative}.visual:after{content:'TIVIXIAOMI.VN';position:absolute;right:24px;bottom:6px;color:#667085;font-size:10px;font-weight:900;letter-spacing:.16em}.premiumHero{background:linear-gradient(180deg,#fff 0,#fbfcfe 100%)}.heroMiniNav{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.heroMiniNav a{display:inline-flex;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#475467;font-size:13px;font-weight:850}.heroMiniNav a:hover{border-color:#fda58f;color:var(--b)}.sectionLabel{display:inline-flex;color:var(--b);font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin-bottom:6px}.sectionSplit{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:42px 0 24px}.sectionSplit h2{font-size:clamp(28px,4vw,40px);margin:2px 0 0;letter-spacing:-.035em}.sectionSplit>span{color:#98a2b3;font-size:14px}.contentCard{height:100%}.contentCard .cardBody{display:flex;flex-direction:column;height:calc(100% - 1px)}.contentCard .cardArrow{margin-top:auto;padding-top:18px}.featureCard{border:1px solid #e4e7ec;box-shadow:0 18px 50px rgba(16,24,40,.07)}.featureFacts{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.featureFacts span{font-size:13px;font-weight:800;color:#475467;background:#f8fafc;border-radius:99px;padding:6px 10px}.articleSection{padding-top:42px}.article{box-shadow:0 12px 40px rgba(16,24,40,.045)}.articleHeader{padding-bottom:22px;border-bottom:1px solid #f0f2f5;margin-bottom:24px}.articleLead{font-size:20px;line-height:1.6;color:#475467}.articleIntroBox{background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fed7aa;border-radius:16px;padding:18px 20px;margin:0 0 30px}.articleIntroBox b{display:block;color:#c2410c;margin-bottom:5px}.articleIntroBox p{margin:0;color:#475467}.articleContent table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}.articleContent th,.articleContent td{padding:12px 14px;border:1px solid var(--line);vertical-align:top}.articleContent th{background:#f8fafc;text-align:left}.articleContent code{background:#f2f4f7;border-radius:6px;padding:2px 6px;font-size:.92em}.articleContent pre{overflow:auto;padding:16px;background:#101828;color:#f8fafc;border-radius:14px}.articleContent iframe{max-width:100%}.boxKicker{display:block;font-size:11px;color:#fda29b;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-bottom:8px}.quickContact strong{display:block;font-size:20px;line-height:1.3}.articleCta{margin-top:40px}.ctaEyebrow{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:950;opacity:.8;margin-bottom:5px}.ctaActions{display:flex;gap:9px;flex-wrap:wrap}.cta .ctaSecondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.38)}.miniLinkGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.miniLink{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 16px;font-weight:800;color:#344054}.miniLink:hover{border-color:#fda58f;color:var(--b)}.miniLink em{font-style:normal;color:var(--b);font-size:20px}.issueSection{background:linear-gradient(180deg,#f8fafc,#fff)}.issueGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.issueCard{min-width:0;display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px;transition:.2s ease}.issueCard:hover{transform:translateY(-2px);border-color:#fda58f;box-shadow:0 10px 30px rgba(16,24,40,.06)}.issueIcon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--soft);color:var(--b);font-weight:950}.issueCard>span:nth-child(2){display:grid;min-width:0}.issueCard b{font-size:16px;line-height:1.25}.issueCard small{color:#667085;margin-top:4px;line-height:1.4}.issueCard em{margin-left:auto;font-style:normal;color:#b8bec8;font-size:20px}.supportHeroGrid{display:grid;grid-template-columns:1.45fr .55fr;gap:40px;align-items:center}.supportAside{display:grid;gap:8px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px}.supportAside b{margin-bottom:3px}.supportAside span{font-size:14px;color:#667085}.supportSearch{max-width:none}.footergrid{grid-template-columns:1.35fr 1fr 1fr .8fr}.footerBadges{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.footerBadges span{font-size:11px;padding:5px 8px;border:1px solid #344054;border-radius:99px;color:#cbd5e1}.footerMore{color:#fda29b!important;font-weight:850;margin-top:4px}.copyright{display:flex;justify-content:space-between;gap:16px}.mobileDock{grid-template-columns:repeat(4,1fr)}
@media(max-width:960px){.brandText small{display:none}.supportHeroGrid{grid-template-columns:1fr}.issueGrid{grid-template-columns:1fr 1fr}.footergrid{grid-template-columns:1fr 1fr}.miniLinkGrid{grid-template-columns:1fr}.sectionSplit{align-items:start}.toplinks>span{display:none}}
@media(max-width:640px){.brandText strong{font-size:15px}.brandLogo{width:36px;height:36px}.issueGrid{grid-template-columns:1fr}.issueCard{padding:15px}.sectionSplit{display:block}.sectionSplit>span{display:block;margin-top:8px}.featureFacts{display:grid}.articleIntroBox{padding:15px}.articleLead{font-size:18px}.footergrid{grid-template-columns:1fr}.copyright{display:grid}.ctaActions{width:100%}.ctaActions .btn{width:100%}.mobileDock a{font-size:15px}.mobileDock{left:7px;right:7px;bottom:7px}.supportAside{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card,.issueCard{transition:none}.btn:hover,.card:hover,.issueCard:hover{transform:none}}
.hpField{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
/* ===== TiviXiaomi V5 clarity + conversion layer ===== */
body{background:#f6f8fb}.siteHeader{border-bottom-color:#e7ebf0}.nav{min-height:78px}.nav nav a{font-size:14px}.hero{padding:84px 0 70px;background:radial-gradient(circle at 84% 16%,rgba(255,75,34,.12),transparent 28%),linear-gradient(180deg,#fff 0,#f9fbfd 100%)}.heroGrid{gap:60px}.hero h1{max-width:760px}.hero p{color:#526176;max-width:690px}.heroProof{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.heroProof span{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid #dfe5ec;border-radius:999px;background:#fff;color:#40506a;font-size:12px;font-weight:850}.visual{background:linear-gradient(155deg,#111c2e,#26364d);border:1px solid #32445e;padding:16px;box-shadow:0 32px 80px rgba(16,24,40,.2)}.hero-photo{aspect-ratio:16/10.2;border-radius:20px}.section{padding:78px 0}.head{margin-bottom:35px}.head h2{color:#152238}.card{border-color:#e1e6ed;box-shadow:0 10px 30px rgba(16,24,40,.045)}.card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(16,24,40,.09)}.cardBody{padding:23px}.cardFallback{display:grid!important;place-items:center;align-content:center;gap:5px;background:linear-gradient(145deg,#111c2e,#30405a);color:#fff}.cardFallback span{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#f4512a;font-size:16px;font-weight:950;box-shadow:0 10px 26px rgba(244,81,42,.28)}.cardFallback small{color:#cbd5e1;font-weight:800;letter-spacing:.05em}.trustItem{box-shadow:0 8px 24px rgba(16,24,40,.035);border-color:#e0e6ed}.trustItem:hover{border-color:#f7aa96}.issueCard{min-height:112px}.issueIcon{background:linear-gradient(145deg,#fff3ee,#ffe6de);border:1px solid #ffd6ca}.cta{background:linear-gradient(135deg,#e8441e,#ff6d4a);box-shadow:0 22px 54px rgba(217,45,32,.2)}.pageHero{background:linear-gradient(180deg,#fff,#fafbfd)}.article,.contactPanel,.contactCard,.box{border-color:#e0e6ed}.articleContent{color:#26364e}.articleContent strong{color:#172238}.builder-upload-btn{display:inline-flex;align-items:center;border:1px solid #fdba74;background:#fff;border-radius:8px;padding:7px 9px;font:inherit;font-weight:800;cursor:pointer;color:#7c2d12}.builder-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important}.builder-image-target{cursor:pointer}.builder-active .builder-image-target{outline:2px dashed rgba(249,115,22,.35);outline-offset:5px}.builder-active .builder-image-target:hover{outline-color:#f97316}.builder-controls{color:#5a2c16}.builder-controls button,.builder-controls summary{color:#5a2c16}.builder-controls .builder-delete{color:#9f2318}.builder-status{min-width:90px}.builder-status.bad{background:#fff0ee;padding:4px 7px;border-radius:7px}.builder-settings-grid{color:#344054}
@media(max-width:960px){.hero{padding-top:62px}.heroGrid{gap:38px}.visual{max-width:760px;margin:auto}.nav{min-height:70px}}
@media(max-width:640px){.heroProof{display:grid;grid-template-columns:1fr 1fr}.heroProof span:last-child{grid-column:1/-1}.section{padding:56px 0}.cardBody{padding:19px}.issueCard{min-height:auto}.builder-upload-btn{font-size:12px;padding:7px}.builder-controls{position:sticky;top:107px;background:#fff7ed}}


/* ===== TiviXiaomi V6 Professional Homepage ===== */
:root{
  --tx-navy:#0b1f3a;
  --tx-navy-2:#102b50;
  --tx-blue:#175cd3;
  --tx-blue-soft:#eef4ff;
  --tx-orange:#ff6900;
  --tx-orange-2:#f0440a;
  --tx-orange-soft:#fff4ed;
  --tx-cream:#fffaf5;
  --tx-surface:#ffffff;
  --tx-page:#f4f7fb;
  --tx-text:#152238;
  --tx-muted:#5d6b80;
  --tx-border:#dfe6ef;
}
body{background:var(--tx-page);color:var(--tx-text)}
.topbar{background:var(--tx-navy);border-bottom:1px solid rgba(255,255,255,.08)}
.topbar .container{min-height:42px}
.siteHeader{background:rgba(255,255,255,.97);border-bottom:1px solid #e3e9f1;box-shadow:0 8px 30px rgba(11,31,58,.05)}
.nav{min-height:82px}
.logo{background:linear-gradient(145deg,var(--tx-orange),var(--tx-orange-2));box-shadow:0 8px 20px rgba(255,105,0,.22)}
.brandText strong{color:var(--tx-navy);font-size:18px}
.brandText small{color:#728197}
.nav nav a{color:#34465f;font-weight:850}
.nav nav a:hover,.nav nav a.active{color:var(--tx-orange-2);background:var(--tx-orange-soft)}
.btn{min-height:46px;border-radius:12px;font-weight:900;letter-spacing:-.01em}
.btn.primary,.navCta{background:linear-gradient(135deg,var(--tx-orange),var(--tx-orange-2));border-color:transparent;color:#fff;box-shadow:0 12px 28px rgba(240,68,10,.22)}
.btn.primary:hover,.navCta:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(240,68,10,.28)}
.btn.white{background:#fff;border-color:#d9e1eb;color:var(--tx-navy)}
.btn.white:hover{border-color:#f4a47d;color:var(--tx-orange-2);background:#fffaf7}

/* Hero */
.homeHero{padding:72px 0 0!important;background:
radial-gradient(circle at 82% 12%,rgba(255,105,0,.16),transparent 26%),
radial-gradient(circle at 8% 88%,rgba(23,92,211,.08),transparent 26%),
linear-gradient(180deg,#fff 0%,#f7faff 100%)!important;border-bottom:1px solid #e5ebf3}
.homeHero:before{width:560px;height:560px;background:rgba(23,92,211,.035);right:-190px;top:-220px}
.heroGrid{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:64px;align-items:center;padding-bottom:54px}
.heroCopy{min-width:0}
.heroBadge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #ffd5bd;background:#fff8f3;color:#b9380b;border-radius:999px;font-size:11px;font-weight:950;letter-spacing:.095em;margin-bottom:14px}
.hero .eyebrow{color:var(--tx-blue);font-size:13px;letter-spacing:.08em;margin-bottom:8px}
.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.052em;color:var(--tx-navy);margin:0}
.hero-highlight{display:block;width:max-content;max-width:100%;margin:10px 0 18px;color:var(--tx-orange-2);font-size:clamp(34px,4.7vw,60px);font-weight:950;line-height:1.05;letter-spacing:-.05em}
.hero p{font-size:18px;line-height:1.72;color:#53657d;max-width:720px;margin:0}
.heroActions{margin-top:28px;gap:12px}
.heroActions .btn{min-height:52px;padding:0 22px}
.heroProof{margin-top:22px;gap:9px}
.heroProof span{background:#fff;border:1px solid #dbe4ef;color:#41526a;box-shadow:0 5px 16px rgba(11,31,58,.035)}
.visual{background:linear-gradient(145deg,#07172c,#15345d);border:1px solid #244970;border-radius:30px;padding:15px;box-shadow:0 30px 75px rgba(11,31,58,.24);overflow:visible}
.visual:before{content:"";position:absolute;inset:-10px 28px auto;height:10px;background:rgba(255,105,0,.28);filter:blur(20px);border-radius:50%}
.visual:after{display:none}
.hero-photo{width:100%;aspect-ratio:16/10.1;object-fit:cover;border-radius:20px}
.premiumTv{border-radius:20px;overflow:hidden}
.screenBrand{display:grid;gap:4px}
.screenBrand small{font-size:10px;letter-spacing:.14em;color:#a8c6ec;font-weight:900}
.screenBrand b{font-size:28px!important;color:#fff}
.screenBrand span{font-size:12px;color:#c8d7e8}
.visualCaption{display:flex;align-items:center;gap:9px;padding:13px 8px 2px;color:#dbe9f7;font-size:12px}
.statusDot{width:9px;height:9px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.13)}
.heroMetrics{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #dfe7f0;border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -5px 28px rgba(11,31,58,.055);overflow:hidden}
.heroMetrics>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:18px 20px;border-right:1px solid #e6ebf2}
.heroMetrics>div:last-child{border-right:0}
.heroMetrics strong{font-size:24px;line-height:1;color:#d0dae7;font-weight:950}
.heroMetrics span{font-size:13px;line-height:1.35;color:#41526a;font-weight:850}

/* shared section hierarchy */
.section{padding:86px 0}
.head{max-width:760px;margin-bottom:30px}
.head .eyebrow,.sectionLabel{color:var(--tx-orange-2);font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.head h2{font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.038em;color:var(--tx-navy);margin:5px 0 12px}
.head .lead,.head p{font-size:17px;color:var(--tx-muted);line-height:1.7}
.sectionIntroRow{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:30px}
.sectionIntroRow .head{margin-bottom:0}
.sectionLink{display:inline-flex;align-items:center;gap:9px;color:var(--tx-blue);font-weight:900;white-space:nowrap;padding:9px 0}
.sectionLink span{font-size:19px;transition:transform .2s ease}
.sectionLink:hover span{transform:translateX(4px)}
.centeredIntro,.centeredHead{text-align:center;margin-left:auto;margin-right:auto}
.centeredIntro .head,.centeredHead{margin-left:auto;margin-right:auto}

/* Service section */
.servicesSection{background:#fff}
.serviceGrid,.postGrid{gap:20px}
.serviceCard,.postCard{border:1px solid var(--tx-border);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(11,31,58,.055)}
.serviceCard{position:relative}
.serviceCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--tx-orange),var(--tx-orange-2));z-index:2}
.cardMedia{position:relative;overflow:hidden}
.cardMedia .thumb{width:100%;height:215px;object-fit:cover;transition:transform .35s ease}
.serviceCard:hover .cardMedia .thumb,.postCard:hover .cardMedia .thumb{transform:scale(1.035)}
.mediaTag{position:absolute;left:15px;bottom:15px;background:rgba(11,31,58,.9);color:#fff;padding:6px 9px;border-radius:8px;font-size:11px;font-weight:900}
.serviceCard .cardBody,.postCard .cardBody{padding:24px}
.serviceCard h3,.postCard h3{font-size:20px;line-height:1.35;margin:10px 0}
.serviceCard p,.postCard p{color:#637187;line-height:1.65}
.pill{background:var(--tx-orange-soft);color:#b9380b;border:1px solid #ffd8c3}
.cardAction{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid #edf1f5;color:var(--tx-blue);font-weight:900}
.cardAction span{font-size:20px}
.serviceCard:hover{border-color:#f3aa84;box-shadow:0 18px 44px rgba(11,31,58,.1)}

/* Issues */
.issueSection{background:linear-gradient(180deg,#edf5ff 0%,#f7faff 100%);border-top:1px solid #dbe8fa;border-bottom:1px solid #dbe8fa}
.issueSection .head h2{max-width:820px;margin-left:auto;margin-right:auto}
.issueSection .head .lead{max-width:720px;margin-left:auto;margin-right:auto}
.issueGrid{gap:16px}
.issueCard{border:1px solid #dbe5f2;border-radius:20px;min-height:126px;background:#fff;padding:20px;box-shadow:0 8px 24px rgba(11,31,58,.04)}
.issueCard:nth-child(1),.issueCard:nth-child(4){border-top:4px solid #ff6900}
.issueCard:nth-child(2),.issueCard:nth-child(5){border-top:4px solid #175cd3}
.issueCard:nth-child(3),.issueCard:nth-child(6){border-top:4px solid #12b76a}
.issueIcon{width:48px;height:48px;flex-basis:48px;border-radius:14px;background:#f2f6fb!important;border:1px solid #dfe7f0!important;color:var(--tx-navy)!important;font-size:18px}
.issueCard b{font-size:17px;color:var(--tx-navy)}
.issueCard small{font-size:13px;color:#637187}
.issueCard:hover{border-color:#a9bfdc;box-shadow:0 15px 36px rgba(11,31,58,.085)}

/* Process dark band */
.processSection{background:
radial-gradient(circle at 92% 10%,rgba(255,105,0,.18),transparent 25%),
linear-gradient(135deg,#081a31,#12345d 70%,#0d294c)!important;color:#fff}
.processHead{max-width:780px}
.processHead .eyebrow{color:#ffb68c}
.processHead h2{color:#fff}
.processHead .lead,.processHead p{color:#c4d4e6}
.processSteps{position:relative;gap:14px}
.processSteps:before{content:"";position:absolute;top:30px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,182,140,.55),rgba(255,255,255,.08))}
.processStep{position:relative;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:24px 20px;backdrop-filter:blur(4px)}
.processStep .num{position:relative;z-index:2;background:linear-gradient(145deg,var(--tx-orange),var(--tx-orange-2));color:#fff;border:0;box-shadow:0 8px 22px rgba(255,105,0,.22)}
.processStep b{color:#fff;font-size:17px}
.processStep p{color:#c8d6e6}

/* Trust */
.trustSection{background:#fff}
.centeredHead{max-width:760px}
.trustGrid{gap:16px}
.trustItem{position:relative;border:1px solid #dfe6ef;border-radius:20px;padding:24px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 8px 24px rgba(11,31,58,.045)}
.trustIcon{width:44px;height:44px;border-radius:13px;background:var(--tx-blue-soft);color:var(--tx-blue);border:1px solid #cdddfb;font-size:18px}
.trustItem b{display:block;color:var(--tx-navy);font-size:17px;margin-top:14px}
.trustItem p{color:#65748a}
.trustItem:hover{border-color:#a8bee0;transform:translateY(-3px);box-shadow:0 15px 38px rgba(11,31,58,.075)}

/* Knowledge */
.postsSection{background:linear-gradient(180deg,var(--tx-cream),#fff7ee)}
.knowledgePill{background:#eef4ff;color:#1849a9;border-color:#cdddfb}
.postCard{border-color:#eadfd4}
.postCard .cardAction{color:#b54708}
.postCard:hover{border-color:#e7bd99;box-shadow:0 18px 44px rgba(96,58,25,.09)}

/* FAQ */
.faqSection{background:#f7f9fc}
.faqLayout{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,1.25fr);gap:60px;align-items:start}
.faqIntro{position:sticky;top:130px}
.faqIntro .head{margin-bottom:12px}
.faqLead{font-size:16px;color:#637187;line-height:1.7;margin:0 0 18px}
.faqList{display:grid;gap:12px}
.faqItem{border:1px solid #dfe6ef;border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(11,31,58,.035);overflow:hidden}
.faqItem summary{padding:19px 20px;color:var(--tx-navy);font-weight:900}
.faqItem[open]{border-color:#b8c9df;box-shadow:0 10px 28px rgba(11,31,58,.065)}
.faqItem[open] summary{background:#f4f8fd}
.faqAnswer{padding:0 20px 19px;color:#617087}

/* CTA */
.ctaSection{background:#fff;padding:76px 0 92px}
.premiumCta{position:relative;overflow:hidden;background:
radial-gradient(circle at 82% 10%,rgba(255,105,0,.48),transparent 31%),
linear-gradient(135deg,#0a1c35,#123d6c)!important;border-radius:26px;padding:36px 40px;box-shadow:0 24px 60px rgba(11,31,58,.18)}
.premiumCta:before{content:"TV";position:absolute;right:32px;bottom:-48px;font-size:150px;line-height:1;font-weight:950;color:rgba(255,255,255,.045)}
.premiumCta .ctaCopy{position:relative;z-index:2}
.premiumCta h2{color:#fff;font-size:clamp(28px,4vw,42px);letter-spacing:-.035em;margin:3px 0 8px}
.premiumCta p{color:#d8e5f3;font-size:16px}
.premiumCta .ctaEyebrow{color:#ffbb93}
.ctaButton{position:relative;z-index:2;background:#fff!important;color:#b9380b!important;border:0!important;min-width:180px;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.ctaButton:hover{transform:translateY(-2px);background:#fff7f2!important}

/* Footer */
footer{background:#07182e}
footer .footergrid{padding-top:58px}
footer b{color:#fff}
footer a,footer span,footer p{color:#aebed0}
footer a:hover{color:#fff}
.footerMore{color:#ffb188!important}
.copyright{border-top-color:#243a56}

/* Global page cards benefit from stronger hierarchy */
.pageHero{background:linear-gradient(180deg,#fff,#f2f7fd);border-bottom:1px solid #dfe7f1}
.pageHero h1{color:var(--tx-navy)}
.article,.contactPanel,.contactCard,.box{border-radius:20px;box-shadow:0 10px 30px rgba(11,31,58,.05)}
.breadcrumbs{color:#6c7a8e}

/* Builder must remain readable above redesigned sections */
.builder-active>.builder-controls{z-index:12}
.builder-active .heroMetrics{pointer-events:none}

@media(max-width:1050px){
  .heroGrid{grid-template-columns:1fr;gap:38px}
  .visual{max-width:760px;width:100%;margin:0 auto}
  .heroMetrics{grid-template-columns:1fr 1fr}
  .heroMetrics>div:nth-child(2){border-right:0}
  .heroMetrics>div:nth-child(-n+2){border-bottom:1px solid #e6ebf2}
  .faqLayout{grid-template-columns:1fr;gap:28px}
  .faqIntro{position:static}
}
@media(max-width:960px){
  .sectionIntroRow{align-items:start;display:grid}
  .sectionLink{justify-self:start}
  .processSteps:before{display:none}
}
@media(max-width:640px){
  .topbar .container{min-height:36px}
  .homeHero{padding-top:44px!important}
  .heroGrid{padding-bottom:34px}
  .heroBadge{font-size:9px;letter-spacing:.075em}
  .hero h1{font-size:39px}
  .hero-highlight{font-size:36px;margin-top:7px}
  .hero p{font-size:16px}
  .heroActions{display:grid}
  .heroActions .btn{width:100%}
  .heroProof{grid-template-columns:1fr}
  .heroProof span:last-child{grid-column:auto}
  .visual{border-radius:22px;padding:10px}
  .visualCaption{font-size:11px}
  .heroMetrics{grid-template-columns:1fr;border-radius:16px 16px 0 0}
  .heroMetrics>div{border-right:0!important;border-bottom:1px solid #e6ebf2!important;padding:14px 16px}
  .heroMetrics>div:last-child{border-bottom:0!important}
  .heroMetrics strong{font-size:20px}
  .section{padding:60px 0}
  .head h2{font-size:31px}
  .head .lead,.head p{font-size:15px}
  .sectionIntroRow{margin-bottom:22px}
  .serviceGrid,.postGrid{gap:15px}
  .serviceCard .cardBody,.postCard .cardBody{padding:20px}
  .cardMedia .thumb{height:190px}
  .issueGrid{gap:12px}
  .issueCard{min-height:auto;padding:16px}
  .processStep{padding:20px 18px}
  .trustGrid{gap:12px}
  .premiumCta{padding:28px 22px;border-radius:20px}
  .premiumCta{display:grid;gap:22px}
  .ctaButton{width:100%}
}


/* ===== TiviXiaomi V7 Balanced Professional UI ===== */
:root{
  --v7-navy:#102a43;--v7-navy-deep:#081b2d;--v7-blue:#2864dc;--v7-orange:#ff5a1f;
  --v7-orange-deep:#e84816;--v7-green:#168a62;--v7-sky:#edf5ff;--v7-warm:#fff7f1;
  --v7-ink:#172b3f;--v7-muted:#607087;--v7-line:#dce5ef;--v7-shadow:0 18px 50px rgba(16,42,67,.08)
}
body{background:#f6f8fb;color:var(--v7-ink)}
.container{width:min(1240px,calc(100% - 44px))}
.topbar{background:var(--v7-navy-deep)}
.topbar .container{min-height:38px;font-size:12px}
.siteHeader{background:rgba(255,255,255,.985);box-shadow:0 10px 32px rgba(16,42,67,.055);border-bottom:1px solid #e7edf4}
.nav{min-height:78px}.brandText strong{font-size:17px;color:var(--v7-navy)}.brandText small{font-size:11px;color:#718197}
.nav nav{gap:2px}.nav nav a{padding:9px 12px;color:#405269;font-size:13px}.nav nav a:hover,.nav nav a.active{color:var(--v7-orange-deep);background:#fff3ed}
.navCta{min-height:44px;padding:0 18px;border-radius:11px!important;background:var(--v7-orange)!important;box-shadow:0 10px 24px rgba(255,90,31,.2)!important}

.homeHero{padding:62px 0 0!important;background:radial-gradient(circle at 86% 12%,rgba(255,90,31,.11),transparent 25%),radial-gradient(circle at 6% 90%,rgba(40,100,220,.07),transparent 27%),linear-gradient(180deg,#fff,#f7faff)!important}
.heroGrid{grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);gap:58px;padding-bottom:48px}
.heroBadge{background:#fff;border:1px solid #ffd6c5;color:#ae3a13;box-shadow:0 6px 18px rgba(255,90,31,.06);margin-bottom:16px}
.hero .eyebrow{color:var(--v7-blue);font-size:12px;letter-spacing:.105em;margin-bottom:7px}
.hero h1{font-size:clamp(39px,4.6vw,58px);line-height:1.04;letter-spacing:-.047em;color:var(--v7-navy);max-width:700px}
.hero-highlight{font-size:clamp(34px,4vw,50px);line-height:1.06;color:var(--v7-orange);margin:8px 0 20px;max-width:720px;width:auto}
.hero p{font-size:17px;line-height:1.7;color:#586c84;max-width:680px}.heroActions{margin-top:26px}.heroActions .btn{min-height:50px}
.heroProof{margin-top:20px}.heroProof span{border-color:#dde6ef;background:rgba(255,255,255,.9);box-shadow:none;font-size:11px;color:#4b5d73}
.visual{padding:12px;border-radius:26px;border:1px solid #244a70;background:linear-gradient(150deg,#091b2f,#153a62);box-shadow:0 28px 68px rgba(16,42,67,.22)}
.hero-photo{aspect-ratio:16/9.7;border-radius:17px}.visualCaption{padding:11px 7px 1px;font-size:11px;color:#d8e7f6}
.heroMetrics{border-radius:18px 18px 0 0;box-shadow:0 -4px 22px rgba(16,42,67,.045);border-color:#e2e8f0}.heroMetrics>div{padding:16px 18px}.heroMetrics strong{font-size:22px;color:#c9d5e2}.heroMetrics span{font-size:12px;color:#41566d}

.section{padding:78px 0}.sectionIntroRow{margin-bottom:27px}.head{max-width:730px}.head .eyebrow,.sectionLabel{font-size:11px;color:var(--v7-orange-deep);letter-spacing:.13em}.head h2{font-size:clamp(29px,3.6vw,41px);line-height:1.14;margin:5px 0 10px;color:var(--v7-navy);letter-spacing:-.034em}.head .lead,.head p{font-size:16px;line-height:1.68;color:var(--v7-muted)}
.sectionLink{color:var(--v7-blue);font-size:13px;padding:8px 0}.sectionLink:hover{color:#174ba9}

.servicesSection{background:#fff}.serviceGrid,.postGrid{gap:18px}.serviceCard,.postCard{border-radius:18px;border:1px solid #e1e7ee;box-shadow:0 8px 28px rgba(16,42,67,.045)}
.serviceCard:before{width:3px;background:var(--v7-orange)}.serviceCard:nth-child(3n+2):before{background:var(--v7-blue)}.serviceCard:nth-child(3n):before{background:var(--v7-green)}
.cardMedia .thumb{height:205px}.mediaTag{left:13px;bottom:13px;background:rgba(8,27,45,.9);font-size:10px;border-radius:7px;padding:5px 8px}
.serviceCard .cardBody,.postCard .cardBody{padding:21px;display:flex;flex-direction:column;min-height:240px}.serviceCard h3,.postCard h3{font-size:19px;line-height:1.34;margin:9px 0 9px;color:var(--v7-navy)}
.serviceCard p,.postCard p{font-size:14px;line-height:1.62;color:#65758a;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.servicePill{background:#fff2ec;color:#b73d13;border-color:#ffd5c3}.knowledgePill{background:#edf4ff;color:#2456ad;border-color:#d2e1fb}.cardAction{font-size:13px;margin-top:auto;padding-top:15px}.cardMetaLine{display:flex;justify-content:space-between;gap:10px;color:#8a98aa;font-size:11px;margin:14px 0 0}
.serviceCard:hover,.postCard:hover{transform:translateY(-3px);box-shadow:var(--v7-shadow);border-color:#cfd9e5}

.issueSection{background:linear-gradient(180deg,#eef5fd,#f8fbff);border-color:#dbe7f4}.issueGrid{gap:14px}.issueCard{min-height:116px;border-radius:17px;padding:18px;border-color:#dce6f0;box-shadow:0 6px 20px rgba(16,42,67,.035)}.issueCard:nth-child(1),.issueCard:nth-child(4){border-top:3px solid var(--v7-orange)}.issueCard:nth-child(2),.issueCard:nth-child(5){border-top:3px solid var(--v7-blue)}.issueCard:nth-child(3),.issueCard:nth-child(6){border-top:3px solid var(--v7-green)}.issueIcon{width:44px;height:44px;flex-basis:44px;border-radius:12px}.issueCard b{font-size:16px}.issueCard small{font-size:12px;line-height:1.5}

.processSection{background:radial-gradient(circle at 88% 12%,rgba(255,90,31,.16),transparent 24%),linear-gradient(135deg,#081b2d,#123b62)!important}.processHead .eyebrow{color:#ffb28f}.processHead h2{color:#fff}.processHead .lead{color:#c3d4e5}.processSteps{gap:12px}.processStep{border-radius:16px;padding:21px 18px;background:rgba(255,255,255,.06)}.processStep .num{width:34px;height:34px;border-radius:10px;background:var(--v7-orange)}.processStep b{font-size:16px}.processStep p{font-size:13px;line-height:1.55}

.trustSection{background:#fff}.trustGrid{gap:14px}.trustItem{border-radius:17px;padding:21px;border-color:#e0e8f0;background:#fff;box-shadow:0 7px 22px rgba(16,42,67,.035)}.trustIcon{width:40px;height:40px;border-radius:11px;background:#eef5ff;color:var(--v7-blue);border-color:#d5e3f6}.trustItem b{font-size:16px;margin-top:12px}.trustItem p{font-size:13px;line-height:1.58}

.postsSection{background:linear-gradient(180deg,#fff8f2,#fffdfb)}.postCard{border-color:#eadfd6}.postCard .cardAction{color:#b84618}.postCard:hover{border-color:#dfc6b2}
.faqSection{background:#f4f7fa}.faqLayout{gap:52px}.faqLead{font-size:15px}.faqItem{border-radius:14px;box-shadow:none}.faqItem summary{padding:17px 18px;font-size:14px}.faqAnswer{padding:0 18px 17px;font-size:14px}
.ctaSection{padding:68px 0 86px}.premiumCta{border-radius:22px;padding:33px 36px;background:radial-gradient(circle at 80% 5%,rgba(255,90,31,.42),transparent 28%),linear-gradient(135deg,#092039,#17466f)!important;box-shadow:0 22px 52px rgba(16,42,67,.15)}.premiumCta h2{font-size:clamp(27px,3.5vw,38px)}.premiumCta p{font-size:15px}.ctaButton{color:#ae3a13!important}

.pageHero{padding:48px 0 34px;background:linear-gradient(180deg,#fff,#f5f9fd);border-bottom-color:#dde7f1}.pageHero h1{font-size:clamp(36px,4.6vw,54px);color:var(--v7-navy)}.featureCard{border-radius:22px;border-color:#dfe7ef;box-shadow:0 14px 40px rgba(16,42,67,.07)}.article{border-radius:20px;box-shadow:0 12px 38px rgba(16,42,67,.055)}.articleHeader h1{color:var(--v7-navy)}.articleContent h2{color:var(--v7-navy)}.articleContent a{color:#1e5bbf}.quickContact{background:linear-gradient(150deg,#0a1f35,#15406a)}
footer{background:#071a2c}

@media(max-width:1050px){.heroGrid{grid-template-columns:1fr;gap:34px}.visual{max-width:820px}.serviceCard .cardBody,.postCard .cardBody{min-height:auto}}
@media(max-width:640px){.container{width:min(100% - 28px,1240px)}.homeHero{padding-top:38px!important}.hero h1{font-size:36px}.hero-highlight{font-size:32px}.hero p{font-size:15px}.heroBadge{font-size:8.5px}.heroMetrics>div{padding:13px 14px}.section{padding:54px 0}.head h2{font-size:29px}.head .lead,.head p{font-size:14px}.cardMedia .thumb{height:185px}.serviceCard .cardBody,.postCard .cardBody{padding:18px}.premiumCta{padding:25px 20px}.cardMetaLine{font-size:10px}}

/* === V8: Tools for Shop / Store === */
:root{--tool-navy:#071d33;--tool-blue:#0e4f8a;--tool-cyan:#2d86c8;--tool-orange:#f4511e;--tool-soft:#edf6ff;--tool-line:#d7e4ef}
.toolsHero{padding:72px 0 62px;background:radial-gradient(circle at 86% 12%,rgba(244,81,30,.14),transparent 27%),linear-gradient(135deg,#f8fbff 0%,#fff 54%,#f6faff 100%);border-bottom:1px solid #e3ebf3}.toolsHeroGrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:58px;align-items:center}.toolsHero h1{margin:10px 0 18px;color:var(--tool-navy);font-size:clamp(42px,5vw,66px);line-height:.99;letter-spacing:-.055em}.toolsHero h1 span{color:var(--tool-orange)}.toolsHero p{max-width:700px;font-size:17px;color:#586b80}.toolsVisual{padding:18px;border-radius:28px;background:linear-gradient(145deg,#0b2846,#061b31);box-shadow:0 28px 70px rgba(8,31,53,.18)}.toolTerminal{border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;background:#061827}.toolTerminalTop{height:54px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.09);color:#b9cce0}.toolTerminalTop i{width:9px;height:9px;border-radius:50%;background:#f4511e}.toolTerminalTop i:nth-child(2){background:#ffb33e}.toolTerminalTop i:nth-child(3){background:#41c883}.toolTerminalTop b{margin-left:auto;font-size:11px;letter-spacing:.14em}.toolTerminalBody{padding:28px;display:grid;grid-template-columns:42px 1fr;gap:16px 12px;color:#fff}.toolTerminalBody span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#103d64;color:#75c2ff;font-weight:950}.toolTerminalBody b{align-self:center;font-size:15px}.toolsSection{background:#fff}.toolCatalogGrid,.homeToolGrid{gap:22px}.toolCard,.homeToolCard{display:grid;grid-template-columns:210px 1fr;min-width:0;background:#fff;border:1px solid var(--tool-line);border-radius:22px;overflow:hidden;box-shadow:0 12px 34px rgba(12,46,76,.06);transition:.2s ease}.toolCard:hover,.homeToolCard:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(12,46,76,.1);border-color:#bfd3e4}.toolMedia,.homeToolMedia{min-height:215px;background:linear-gradient(150deg,#0a2847,#0d4d83);overflow:hidden}.toolThumb{width:100%;height:100%;object-fit:cover}.toolFallback{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 30% 25%,rgba(72,161,226,.42),transparent 33%),linear-gradient(145deg,#061c32,#0d4d83)}.toolFallback span{display:grid;place-items:center;width:68px;height:68px;border-radius:19px;background:var(--tool-orange);font-weight:950;font-size:24px;box-shadow:0 12px 28px rgba(244,81,30,.28)}.toolFallback b{margin-top:13px;letter-spacing:.11em;font-size:11px}.toolCardBody,.homeToolBody{padding:24px;display:flex;flex-direction:column;min-width:0}.toolBadges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.toolBadge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#edf4fb;color:#315b7c;font-weight:850;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.toolBadge.toolBadgeFeatured{background:#fff0e9;color:#be3d16}.toolCard h2,.homeToolCard h3{margin:0 0 9px;line-height:1.22;color:var(--tool-navy)}.toolCard h2{font-size:24px}.homeToolCard h3{font-size:21px}.toolCard h2 a,.homeToolCard h3 a{text-decoration:none}.toolCard p,.homeToolCard p{color:#66798d;margin:0 0 17px}.toolFacts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:auto 0 16px}.toolFacts div{background:#f7fafc;border:1px solid #e4ebf1;border-radius:11px;padding:9px 11px}.toolFacts dt{font-size:10px;color:#78899b;text-transform:uppercase;font-weight:850}.toolFacts dd{margin:3px 0 0;font-size:12px;font-weight:800;color:#243c52}.toolCardFooter,.homeToolMeta{display:flex;justify-content:space-between;gap:12px;align-items:center}.toolCardFooter strong,.homeToolMeta strong{color:var(--tool-orange)}.homeToolsSection{background:linear-gradient(180deg,#f4f9fe,#eef6fc);border-top:1px solid #dfebf5;border-bottom:1px solid #dfebf5}.homeToolMeta{margin-top:auto;padding-top:13px;border-top:1px solid #edf0f3;font-size:11px;color:#64778a}.homeToolBody .cardAction{margin-top:12px}.toolPartnerBand{background:var(--tool-navy);color:#fff}.toolPartnerGrid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:34px}.toolPartnerGrid h2{color:#fff;font-size:clamp(30px,4vw,44px);margin:7px 0 10px}.toolPartnerGrid p{color:#b9c9d8;max-width:760px}.toolPartnerBand .eyebrow{color:#ff8b63}.toolDetailSection{background:#f6f9fc}.toolDetailGrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.toolArticle{box-shadow:0 14px 38px rgba(16,42,67,.06)}.toolInfoStrip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe8f0;border:1px solid #dfe8f0;border-radius:14px;overflow:hidden;margin:20px 0 28px}.toolInfoStrip>div{padding:14px;background:#f8fbfd}.toolInfoStrip small{display:block;color:#738496;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.07em}.toolInfoStrip b{display:block;margin-top:4px;color:#17334b;font-size:13px}.toolLicense{margin:28px 0;padding:17px 18px;border-left:4px solid #2d86c8;background:#f0f7fd;border-radius:0 12px 12px 0;color:#31546f}.toolLicense p{margin:6px 0 0}.siteHeader .nav nav{gap:23px}.siteHeader .nav nav a{white-space:nowrap}
@media(max-width:1080px){.toolsHeroGrid{grid-template-columns:1fr}.toolsVisual{max-width:760px}.toolCard,.homeToolCard{grid-template-columns:180px 1fr}.toolDetailGrid{grid-template-columns:1fr}.toolDetailGrid .sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.siteHeader .nav nav{gap:14px}.siteHeader .nav nav a{font-size:12px}}
@media(max-width:760px){.toolsHero{padding:48px 0}.toolsHero h1{font-size:40px}.toolCard,.homeToolCard{grid-template-columns:1fr}.toolMedia,.homeToolMedia{min-height:185px}.toolPartnerGrid{grid-template-columns:1fr}.toolPartnerGrid .btn{width:100%}.toolInfoStrip{grid-template-columns:1fr}.toolDetailGrid .sidebar{display:block}.toolFacts{grid-template-columns:1fr}.homeToolGrid,.toolCatalogGrid{grid-template-columns:1fr}}

/* === V8.1: refined professional hero === */
.homeHero{padding-top:68px!important}
.homeHero .heroGrid{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:64px;align-items:center}
.homeHero .heroCopy{padding:8px 0 4px}
.homeHero .heroBadge{margin-bottom:15px}
.homeHero .eyebrow{margin:0 0 10px;color:#2664a6;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.homeHero .heroHeadline{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0 0 20px;max-width:720px;font-size:inherit;line-height:1;letter-spacing:normal}
.homeHero .heroTitleLine{display:block;max-width:100%;margin:0;color:#0b2540;font-size:clamp(38px,4.15vw,56px);font-weight:950;line-height:1.07;letter-spacing:-.045em;text-wrap:balance}
.homeHero .hero-highlight{display:block;width:auto;max-width:100%;margin:0;color:#f4511e;font-size:clamp(44px,4.8vw,66px);font-weight:950;line-height:1.01;letter-spacing:-.05em;text-wrap:balance}
.homeHero .heroCopy>p{max-width:650px;margin:0;color:#607187;font-size:16px;line-height:1.72}
.homeHero .heroActions{margin-top:25px}
.homeHero .heroProof{margin-top:18px}
.homeHero .heroProof span{font-size:11px;padding:6px 10px;min-height:32px}
.homeHero .visual{border-radius:24px;padding:14px;background:linear-gradient(150deg,#0a2440,#163e64);box-shadow:0 28px 68px rgba(11,37,64,.18)}
.homeHero .hero-photo{border-radius:16px;aspect-ratio:16/9.45}
.homeHero .visualCaption{padding:11px 8px 2px;color:#dbe8f4}
.homeHero .heroMetrics{margin-top:0}
@media(max-width:1050px){.homeHero .heroGrid{grid-template-columns:1fr;gap:36px}.homeHero .visual{max-width:820px;width:100%}.homeHero .heroHeadline{max-width:760px}}
@media(max-width:640px){.homeHero{padding-top:36px!important}.homeHero .heroGrid{gap:28px}.homeHero .heroHeadline{gap:3px;margin-bottom:16px}.homeHero .heroTitleLine{font-size:34px;line-height:1.08}.homeHero .hero-highlight{font-size:42px;line-height:1.02}.homeHero .heroCopy>p{font-size:15px;line-height:1.65}.homeHero .heroBadge{font-size:8px}.homeHero .eyebrow{font-size:10px}.homeHero .visual{padding:10px;border-radius:18px}.homeHero .hero-photo{border-radius:12px}.homeHero .heroProof{display:grid;grid-template-columns:1fr}.homeHero .heroProof span{justify-content:center}}

/* =========================================================
   V9 PRO UI + PRO BUILDER
   ========================================================= */
:root{
  --tx-navy:#0d2746;
  --tx-navy-2:#12385f;
  --tx-orange:#ff5a1f;
  --tx-orange-dark:#df4514;
  --tx-soft:#f5f8fc;
  --tx-cream:#fffaf5;
  --tx-blue-soft:#f0f6ff;
  --tx-line:#e2e9f2;
  --tx-text:#18304b;
  --tx-muted:#6f7f92;
  --tx-shadow:0 18px 46px rgba(22,46,78,.09);
}

/* Section-level builder style variables also work on public pages */
.page-section{font-family:var(--tx-font-family,inherit)}
.page-section>section{padding-top:var(--tx-section-py,76px);padding-bottom:var(--tx-section-py,76px)}
.page-section>section>.container,.page-section>section .container{max-width:var(--tx-section-max,1240px)}
.page-section .head h2,.page-section .sectionIntro h2,.page-section .sectionIntroRow h2,.page-section .centeredHead h2,.page-section .faqIntro h2,.page-section .cta h2{font-size:clamp(28px,var(--tx-title-size,42px),64px)}
.page-section .lead,.page-section .head p,.page-section .sectionIntro p,.page-section .sectionIntroRow p,.page-section .article p{font-size:var(--tx-body-size,16px)}
.page-section.align-center .head,.page-section.align-center .sectionIntro,.page-section.align-center .heroCopy,.page-section.align-center .imageTextCopy,.page-section.align-center .builder-text-block{text-align:center}
.page-section.align-right .head,.page-section.align-right .sectionIntro,.page-section.align-right .heroCopy,.page-section.align-right .imageTextCopy,.page-section.align-right .builder-text-block{text-align:right}
.page-section.custom-bg-color>section{background:var(--tx-bg)!important}
.page-section.custom-text-color>section,.page-section.custom-text-color>section h1,.page-section.custom-text-color>section h2,.page-section.custom-text-color>section h3,.page-section.custom-text-color>section p,.page-section.custom-text-color>section b{color:var(--tx-text)!important}
.page-section.custom-accent-color .eyebrow,.page-section.custom-accent-color .sectionLabel,.page-section.custom-accent-color .cardAction,.page-section.custom-accent-color .sectionLink{color:var(--tx-accent)!important}
.page-section.custom-accent-color .btn.primary,.page-section.custom-accent-color .trustIcon,.page-section.custom-accent-color .toolBadge.toolBadgeFeatured{background:var(--tx-accent)!important;border-color:var(--tx-accent)!important}
.page-section.custom-card-bg .card,.page-section.custom-card-bg .trustItem,.page-section.custom-card-bg .issueCard,.page-section.custom-card-bg .homeToolCard,.page-section.custom-card-bg .faqItem{background:var(--tx-card-bg)!important}
.page-section.custom-border-color .card,.page-section.custom-border-color .trustItem,.page-section.custom-border-color .issueCard,.page-section.custom-border-color .homeToolCard,.page-section.custom-border-color .faqItem{border-color:var(--tx-border)!important}
.page-section .card,.page-section .trustItem,.page-section .issueCard,.page-section .homeToolCard,.page-section .faqItem,.page-section .visual,.page-section .imageTextMedia{border-radius:var(--tx-radius,20px)}
.page-section.shadow-none .card,.page-section.shadow-none .trustItem,.page-section.shadow-none .issueCard,.page-section.shadow-none .homeToolCard,.page-section.shadow-none .visual,.page-section.shadow-none .imageTextMedia{box-shadow:none!important}
.page-section.shadow-medium .card,.page-section.shadow-medium .trustItem,.page-section.shadow-medium .issueCard,.page-section.shadow-medium .homeToolCard,.page-section.shadow-medium .visual,.page-section.shadow-medium .imageTextMedia{box-shadow:0 16px 36px rgba(19,44,75,.12)!important}
.page-section.shadow-strong .card,.page-section.shadow-strong .trustItem,.page-section.shadow-strong .issueCard,.page-section.shadow-strong .homeToolCard,.page-section.shadow-strong .visual,.page-section.shadow-strong .imageTextMedia{box-shadow:0 22px 54px rgba(19,44,75,.18)!important}
.page-section .heroGrid,.page-section .imageText{grid-template-columns:minmax(0,var(--tx-col-a,1fr)) minmax(0,var(--tx-col-b,1fr))}
.page-section.image-16_9 .builder-image-target img,.page-section.image-16_9 .imageTextMedia img{aspect-ratio:16/9;object-fit:cover}
.page-section.image-4_3 .builder-image-target img,.page-section.image-4_3 .imageTextMedia img{aspect-ratio:4/3;object-fit:cover}
.page-section.image-1_1 .builder-image-target img,.page-section.image-1_1 .imageTextMedia img{aspect-ratio:1/1;object-fit:cover}
.page-section.image-auto .builder-image-target img,.page-section.image-auto .imageTextMedia img{aspect-ratio:auto;object-fit:contain}
.page-section .heroHeadline{font-size:clamp(42px,var(--tx-title-size,56px),78px)}

/* Shared public UI refinements */
.pageHeroV9{padding:58px 0 38px;background:linear-gradient(135deg,#f8fbff 0%,#fff 55%,#fff4ed 100%);border-bottom:1px solid #edf1f6}
.pageHeroV9 .breadcrumbs{margin-bottom:28px}
.pageHeroGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:end;gap:54px}
.pageHeroV9 h1{max-width:800px;margin:.3rem 0 .8rem;font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.045em;color:var(--tx-navy)}
.pageHeroV9 .lead{max-width:760px;color:#6b7c90;font-size:17px;line-height:1.75}
.pageHeroStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pageHeroStats>div{padding:17px 15px;border:1px solid #e5ebf2;border-radius:16px;background:rgba(255,255,255,.84);box-shadow:0 8px 24px rgba(21,47,80,.04)}
.pageHeroStats b{display:block;color:var(--tx-navy);font-size:22px}.pageHeroStats span{display:block;margin-top:3px;color:#718196;font-size:12px;font-weight:750;line-height:1.4}
.topicNav{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.topicNav a{padding:8px 12px;border:1px solid #dde5ee;border-radius:999px;background:#fff;color:#40546d;text-decoration:none;font-size:13px;font-weight:780}.topicNav a:hover{color:var(--tx-orange);border-color:#ffb69e;background:#fff8f5}
.listingSectionV9{background:#fff;padding:62px 0 76px}.compactIntro{margin-bottom:26px}.compactIntro .head h2{margin:.25rem 0 0;font-size:34px}.resultCount{color:#77869a;font-weight:780;font-size:13px}
.contentGridV9{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.contentCardV9{min-width:0;border:1px solid #e2e8f0;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(17,42,72,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.contentCardV9:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(17,42,72,.10);border-color:#d4dde8}
.contentMediaV9{position:relative;display:block;aspect-ratio:16/9;background:#eef4fa;overflow:hidden}.contentMediaV9 img{width:100%;height:100%;object-fit:cover;display:block}.contentTopic{position:absolute;left:13px;top:13px;padding:6px 9px;border-radius:999px;background:rgba(13,39,70,.9);color:#fff;font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.contentFallback{height:100%;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#0f2e50,#174e7f);color:#fff}.contentFallback span{font-size:42px;font-weight:950}.contentFallback small{font-weight:850;letter-spacing:.08em}
.contentBodyV9{display:flex;flex-direction:column;min-height:265px;padding:20px}.contentBodyV9 h2{margin:0 0 9px;font-size:21px;line-height:1.28;letter-spacing:-.025em}.contentBodyV9 h2 a{text-decoration:none;color:#102d4c}.contentBodyV9 p{margin:0 0 18px;color:#6e7f93;line-height:1.68;font-size:14px}.contentMetaV9{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:14px;border-top:1px solid #eef2f6;color:#708197;font-size:12px;font-weight:760}.contentBodyV9 .cardAction{margin-top:14px}
.closingCtaV9{background:#f6f9fc;padding:54px 0 70px}

/* Tools V9 */
.toolsHeroV9{padding:66px 0 58px;background:radial-gradient(circle at 86% 12%,rgba(255,90,31,.16),transparent 27%),linear-gradient(135deg,#0b2440 0%,#123b61 60%,#0c2d4d 100%);color:#fff}
.toolsHeroV9 .eyebrow{color:#ffb594}.toolsHeroV9 h1{margin:.4rem 0 1rem;max-width:760px;color:#fff;font-size:clamp(42px,5.4vw,68px);line-height:1.03;letter-spacing:-.045em}.toolsHeroV9 h1 span{color:#ff8a5e}.toolsHeroV9 p{max-width:700px;color:#d5e2ef;font-size:17px;line-height:1.75}.toolsHeroV9 .btn.white{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.09);color:#fff}.toolsHeroGrid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:58px;align-items:center}.toolsHeroStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px}.toolsHeroStats>div{padding:13px 14px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.06)}.toolsHeroStats b{display:block;font-size:21px;color:#fff}.toolsHeroStats span{font-size:11px;color:#b9cada;font-weight:760}.toolKitVisual{min-width:0}.kitWindow{overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#0b1f36;box-shadow:0 26px 64px rgba(0,0,0,.28)}.kitTop{height:50px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#142f4c;border-bottom:1px solid rgba(255,255,255,.08)}.kitTop i{width:9px;height:9px;border-radius:50%;background:#ff6a38}.kitTop i:nth-child(2){background:#f9b34a}.kitTop i:nth-child(3){background:#38c985}.kitTop b{margin-left:auto;color:#9db3c9;font-size:11px;letter-spacing:.1em}.kitRows{padding:15px}.kitRows>div{display:grid;grid-template-columns:42px 1fr;gap:2px 12px;padding:14px;border-radius:13px}.kitRows>div+div{border-top:1px solid rgba(255,255,255,.08)}.kitRows span{grid-row:1/3;color:#ff8154;font-size:18px;font-weight:950}.kitRows b{color:#fff;font-size:15px}.kitRows small{color:#91a8bf}.toolsQuickNav{border-bottom:1px solid #e4eaf0;background:#fff}.toolsQuickNav .container{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.toolsQuickNav span{font-size:12px;color:#8492a4;font-weight:850;text-transform:uppercase}.toolsQuickNav a{padding:7px 10px;border-radius:999px;background:#f3f6f9;color:#3e536b;text-decoration:none;font-size:12px;font-weight:780}.toolsQuickNav a:hover{background:#fff0e9;color:#d94817}.toolsSection{background:#f7f9fc}.toolGridV9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.toolCardV9{overflow:hidden;border:1px solid #dfe6ee;border-radius:20px;background:#fff;box-shadow:0 9px 26px rgba(19,42,70,.055);transition:.18s ease}.toolCardV9:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(19,42,70,.11)}.toolMediaV9{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#0e2b49}.toolMediaV9 img{width:100%;height:100%;object-fit:cover;display:block}.toolTopic{position:absolute;left:13px;bottom:13px;padding:6px 9px;border-radius:999px;background:rgba(8,30,51,.88);color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.toolBodyV9{display:flex;flex-direction:column;min-height:330px;padding:19px}.toolBodyV9 h2{margin:8px 0 9px;font-size:21px;line-height:1.25;letter-spacing:-.02em}.toolBodyV9 h2 a{color:#102e4d;text-decoration:none}.toolBodyV9>p{margin:0;color:#6c7e92;line-height:1.65;font-size:14px}.toolSpecs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:17px}.toolSpecs span{padding:10px;border:1px solid #e7edf3;border-radius:11px;background:#f8fafc}.toolSpecs small{display:block;color:#8796a8;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.toolSpecs b{display:block;margin-top:4px;color:#263f59;font-size:11px;line-height:1.35}.toolFooterV9{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding-top:13px;border-top:1px solid #edf1f5}.toolFooterV9 strong{color:var(--tx-orange)}.toolFooterV9 a{color:#145cc4;text-decoration:none;font-size:12px;font-weight:850}.toolsBenefitSection{background:#fff}.toolPartnerBand{background:#0d2948;color:#fff}.toolPartnerBand h2{color:#fff}.toolPartnerBand p{color:#c4d2df}

/* Detail pages V9 */
.articleSection{background:#f7f9fc;padding:38px 0 76px}.articleSection .breadcrumbs{margin-bottom:24px}.contentWrap{grid-template-columns:minmax(0,820px) minmax(260px,320px);gap:32px;justify-content:center;align-items:start}.article{border:1px solid #e0e7ef;border-radius:22px;background:#fff;padding:clamp(22px,3.2vw,38px);box-shadow:0 10px 30px rgba(20,43,72,.055)}.articleHeader h1{max-width:760px;font-size:clamp(36px,4.3vw,54px);line-height:1.08;letter-spacing:-.04em}.articleLead{max-width:760px;color:#68798d!important;font-size:17px!important;line-height:1.72!important}.featured{border-radius:18px!important;aspect-ratio:16/9;object-fit:cover}.articleIntroBox{margin:24px 0 30px;border:0;border-left:4px solid var(--tx-orange);border-radius:0 13px 13px 0;background:#fff7f3;padding:16px 18px}.articleContent{color:#263b52;font-size:16px;line-height:1.86}.articleContent h2{margin-top:42px;font-size:29px;line-height:1.22;color:#102e4e}.articleContent h3{margin-top:30px;font-size:22px;color:#153a60}.articleContent img{border-radius:16px}.sidebar{position:sticky;top:24px}.sidebar .box{border:1px solid #e0e7ef;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(20,43,72,.04)}.sidebar .box+.box{margin-top:14px}.quickContact{background:linear-gradient(180deg,#fff7f3,#fff)!important;border-color:#ffd9ca!important}.relatedSection{margin-top:42px;padding-top:32px;border-top:1px solid #e8edf2}.relatedSection .grid2{gap:16px}.relatedSection .card{box-shadow:none}
.toolDetailSection{background:#f7f9fc}.toolDetailGrid{grid-template-columns:minmax(0,820px) minmax(260px,320px);gap:32px;justify-content:center}.toolArticle{padding:clamp(22px,3vw,36px)}.toolInfoStrip{border-radius:16px;background:#f5f8fb;border:1px solid #e4eaf1}.toolInfoStrip>div{min-width:0}.toolInfoStrip b{font-size:13px;line-height:1.4}.toolLicense{border-radius:14px;background:#fff7ef;border:1px solid #ffe0c8}

/* Support & contact balance */
.supportHero,.pageHero:not(.pageHeroV9){background:linear-gradient(135deg,#f8fbff,#fff 58%,#fff5ef);border-bottom:1px solid #edf1f5}.supportHeroGrid{gap:42px}.supportAside{border-radius:18px;border:1px solid #dfe8f1;background:#fff;box-shadow:0 8px 24px rgba(20,43,72,.05)}.contactGrid{gap:26px;align-items:start}.contactPanel,.contactCard{border:1px solid #e0e7ef;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(20,43,72,.045)}.contactPanel{padding:28px}.contactCards{gap:12px}.contactCard{padding:18px}.supportHero h1,.pageHero h1{letter-spacing:-.04em}

/* PRO BUILDER */
.builder-addbar{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #dce4ed;box-shadow:0 7px 20px rgba(15,37,64,.06)}.builder-addbar .container{max-width:none!important}.builder-addbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 18px}.builder-add-left{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.builder-add-left>b{font-size:13px}.builder-addbar select{height:40px;padding:0 34px 0 12px;border:1px solid #cfd9e4;border-radius:10px;background:#fff;color:#24384f;font:inherit;font-size:13px}.builder-preview-switch{display:flex;padding:3px;border:1px solid #d7e0e9;border-radius:10px;background:#f5f8fb}.builder-preview-switch button{border:0;background:transparent;padding:7px 10px;border-radius:7px;color:#64758a;font-size:11px;font-weight:850;cursor:pointer}.builder-preview-switch button.active{background:#fff;color:#153a60;box-shadow:0 2px 7px rgba(20,43,72,.08)}
.builder-active{position:relative;outline:1px dashed rgba(255,90,31,.55);outline-offset:-1px}.builder-active:hover{outline-color:#ff5a1f}.builder-selected{outline:2px solid #2f80ed!important;outline-offset:-2px}.builder-controls{position:absolute;z-index:65;left:10px;top:9px;display:flex;align-items:center;gap:5px;max-width:calc(100% - 20px);padding:5px;border:1px solid #f4c8b8;border-radius:11px;background:rgba(255,250,246,.96);box-shadow:0 7px 18px rgba(19,44,75,.10);font-family:Inter,system-ui,sans-serif!important}.builder-controls button,.builder-controls .builder-handle,.builder-controls .builder-upload-btn{height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid #e5c6ba;border-radius:7px;background:#fff;color:#7d3a21;font-size:11px;font-weight:850;cursor:pointer;white-space:nowrap}.builder-controls .builder-type-label{padding:0 7px;color:#a34a29;font-size:9px;font-weight:950;letter-spacing:.08em}.builder-controls .builder-edit-style{background:#173b61;color:#fff;border-color:#173b61}.builder-controls .builder-save{background:#ff5a1f;color:#fff;border-color:#ff5a1f}.builder-controls .builder-delete{color:#b42318}.builder-file-input{display:none}.builder-status{font-size:10px;color:#087443;font-weight:800}.builder-status.bad{color:#b42318}.builder-section.dragging{opacity:.56}.builder-section [contenteditable=true]{outline:1px dashed rgba(47,128,237,.35);outline-offset:3px;border-radius:4px;cursor:text}.builder-section [contenteditable=true]:focus{outline:2px solid #2f80ed;background:rgba(238,246,255,.68)}
.builder-inspector{position:fixed;z-index:110;right:18px;top:132px;width:min(390px,calc(100vw - 30px));max-height:calc(100vh - 154px);display:flex;flex-direction:column;transform:translateX(calc(100% + 36px));transition:transform .2s ease;border:1px solid #d9e2eb;border-radius:18px;background:#fff;box-shadow:0 25px 70px rgba(14,34,58,.22);overflow:hidden}.builder-inspector.open{transform:translateX(0)}.builder-inspector-head{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid #e7ecf2;background:#122f4d;color:#fff}.builder-inspector-head small{display:block;color:#8fb1d1;font-size:9px;font-weight:900;letter-spacing:.12em}.builder-inspector-head b{display:block;margin-top:3px;font-size:15px}.builder-inspector-head button{width:34px;height:34px;border:0;border-radius:9px;background:rgba(255,255,255,.11);color:#fff;font-size:24px;cursor:pointer}.builder-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid #e7ecf2;background:#f8fafc}.builder-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:11px 4px;color:#6f7e91;font-size:10px;font-weight:850;cursor:pointer}.builder-tabs button.active{border-color:#ff5a1f;color:#d94a18;background:#fff}.builder-panel-scroll{overflow:auto;padding:16px}.builder-tab-pane{display:none}.builder-tab-pane.active{display:grid;gap:15px}.builder-tab-pane>label,.builder-field{display:grid;gap:7px;color:#30455d;font-size:12px;font-weight:800}.builder-tab-pane input,.builder-tab-pane select,.builder-tab-pane textarea,.builder-field input,.builder-field select,.builder-field textarea{width:100%;min-height:39px;padding:8px 10px;border:1px solid #ccd7e3;border-radius:9px;background:#fff;color:#18314b;font:inherit;font-weight:500;outline:0}.builder-tab-pane textarea,.builder-field textarea{min-height:78px;resize:vertical}.builder-tab-pane input:focus,.builder-tab-pane select:focus,.builder-tab-pane textarea:focus,.builder-field input:focus,.builder-field textarea:focus{border-color:#78a9df;box-shadow:0 0 0 3px rgba(47,128,237,.10)}.builder-tab-pane input[type=range]{min-height:auto;padding:0;border:0;box-shadow:none}.builder-tab-pane output{float:right;color:#f4512a;font-size:11px}.builder-form-grid{display:grid;gap:12px}.builder-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.builder-color-grid label{display:grid;grid-template-columns:1fr 42px;gap:6px;align-items:center;padding:9px;border:1px solid #e3e9ef;border-radius:10px;color:#42566d;font-size:11px;font-weight:800}.builder-color-grid input[type=color]{width:42px;height:34px;padding:2px}.builder-color-grid button{grid-column:1/3;border:0;background:#f3f6f9;color:#607086;border-radius:7px;padding:6px;font-size:10px;cursor:pointer}.builder-inspector-actions{display:flex;gap:8px;justify-content:flex-end;padding:12px 15px;border-top:1px solid #e7ecf2;background:#f8fafc}.builder-inspector-actions .btn{min-height:38px;font-size:12px}.builder-inspector-open #pageBuilder{padding-right:400px;transition:padding-right .2s ease}
#pageBuilder[data-preview=tablet],#pageBuilder[data-preview=mobile]{margin:18px auto;border:1px solid #cfd8e2;border-radius:12px;background:#fff;box-shadow:0 15px 40px rgba(20,43,72,.12);overflow:hidden}#pageBuilder[data-preview=tablet]{max-width:820px}#pageBuilder[data-preview=mobile]{max-width:390px}#pageBuilder[data-preview=tablet] .heroGrid,#pageBuilder[data-preview=mobile] .heroGrid,#pageBuilder[data-preview=tablet] .imageText,#pageBuilder[data-preview=mobile] .imageText,#pageBuilder[data-preview=tablet] .faqLayout,#pageBuilder[data-preview=mobile] .faqLayout{grid-template-columns:1fr!important}#pageBuilder[data-preview=mobile] .grid3,#pageBuilder[data-preview=mobile] .grid2,#pageBuilder[data-preview=mobile] .issueGrid,#pageBuilder[data-preview=mobile] .trustGrid,#pageBuilder[data-preview=mobile] .steps{grid-template-columns:1fr!important}#pageBuilder[data-preview=tablet] .grid3,#pageBuilder[data-preview=tablet] .issueGrid{grid-template-columns:repeat(2,1fr)!important}

@media(max-width:1080px){
  .contentGridV9,.toolGridV9{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pageHeroGrid,.toolsHeroGrid{grid-template-columns:1fr}.toolsHeroGrid{gap:32px}.toolKitVisual{max-width:680px}
  .contentWrap,.toolDetailGrid{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sidebar .box+.box{margin-top:0}
  .builder-inspector-open #pageBuilder{padding-right:0}
}
@media(max-width:760px){
  .pageHeroV9{padding:38px 0 28px}.pageHeroV9 h1,.toolsHeroV9 h1{font-size:40px}.pageHeroStats,.toolsHeroStats{grid-template-columns:1fr 1fr}.pageHeroStats>div:last-child,.toolsHeroStats>div:last-child{grid-column:1/3}
  .contentGridV9,.toolGridV9{grid-template-columns:1fr}.contentBodyV9,.toolBodyV9{min-height:0}.toolSpecs{grid-template-columns:1fr}.toolsHeroV9{padding:44px 0}.toolsQuickNav .container{overflow:auto;flex-wrap:nowrap}.toolsQuickNav a,.toolsQuickNav span{white-space:nowrap}
  .articleSection{padding:20px 0 50px}.article{padding:20px;border-radius:16px}.articleHeader h1{font-size:36px}.articleContent h2{font-size:26px}.sidebar{grid-template-columns:1fr}
  .builder-addbar-inner{align-items:flex-start;flex-direction:column}.builder-preview-switch{width:100%}.builder-preview-switch button{flex:1}.builder-controls{position:relative;left:auto;top:auto;margin:0;border-radius:0;overflow:auto;max-width:none}.builder-type-label{display:none}.builder-inspector{right:8px;top:92px;width:calc(100vw - 16px);max-height:calc(100vh - 102px)}
  .page-section .heroGrid,.page-section .imageText{grid-template-columns:1fr!important}.page-section>section{padding-top:max(36px,calc(var(--tx-section-py,76px)*.72));padding-bottom:max(36px,calc(var(--tx-section-py,76px)*.72))}
}
/* Homepage V9 balance */
.homeHero{background:radial-gradient(circle at 88% 8%,rgba(255,105,47,.11),transparent 25%),linear-gradient(135deg,#f8fbff 0%,#fff 56%,#fff7f2 100%)}
.homeHero .heroGrid{gap:clamp(34px,5vw,68px);align-items:center}.heroCopy{max-width:680px}.heroCopy>p{max-width:640px;line-height:1.75;color:#687b90}.heroHeadline{margin:.45rem 0 1rem;line-height:1.02}.heroTitleLine,.hero-highlight{display:block}.hero-highlight{margin-top:.08em}.heroProof{gap:8px;flex-wrap:wrap}.heroProof span{padding:6px 9px;border:1px solid #dfe6ee;border-radius:999px;background:rgba(255,255,255,.78);font-size:11px}.heroMetrics{overflow:hidden;border:1px solid #e1e8ef;border-radius:17px;background:rgba(255,255,255,.88);box-shadow:0 10px 30px rgba(20,43,72,.045)}.heroMetrics>div{padding:16px 17px}.heroMetrics strong{color:#cdd8e4}.visual{overflow:hidden;border:1px solid #d6e1eb;background:#0d2948;box-shadow:0 20px 48px rgba(17,42,72,.15)}
.servicesSection{background:#fff}.postsSection{background:#fffaf6}.homeToolsSection{background:#f3f7fc}.issueSection{background:#eef6ff}.trustSection{background:#fff}.faqSection{background:#f7f9fc}.sectionIntroRow{gap:26px}.sectionIntroRow .head{max-width:760px}.sectionIntroRow h2{letter-spacing:-.035em;line-height:1.08}.sectionIntroRow .lead{max-width:680px;color:#718197;line-height:1.7}.serviceGrid,.postGrid{gap:20px}.serviceCard,.postCard{overflow:hidden;border:1px solid #e1e8ef;background:#fff;box-shadow:0 8px 25px rgba(20,43,72,.05)}.serviceCard .cardMedia,.postCard .cardMedia{aspect-ratio:16/9;overflow:hidden}.serviceCard .thumb,.postCard .thumb{width:100%;height:100%;object-fit:cover}.serviceCard .cardBody,.postCard .cardBody{display:flex;flex-direction:column;min-height:245px}.serviceCard .cardBody>p,.postCard .cardBody>p{color:#718196;line-height:1.65}.serviceCard .cardAction,.postCard .cardAction{margin-top:auto;padding-top:14px}.homeToolGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.homeToolCard{display:flex!important;flex-direction:column;overflow:hidden;border:1px solid #dfe7ef;background:#fff;box-shadow:0 8px 26px rgba(20,43,72,.055)}.homeToolMedia{width:100%!important;min-width:0!important;aspect-ratio:16/9;overflow:hidden;background:#0e2b49}.homeToolMedia img{width:100%;height:100%;object-fit:cover}.homeToolBody{display:flex;flex-direction:column;min-height:275px;padding:18px}.homeToolBody h3{font-size:20px;line-height:1.28}.homeToolBody>p{color:#718196;line-height:1.65;font-size:14px}.homeToolMeta{margin-top:auto}.homeToolBody .cardAction{margin-top:13px}.processSection{background:linear-gradient(135deg,#0c2948,#143c62)}.processSection .processHead h2,.processSection .processHead p{max-width:760px}.processSteps{gap:1px;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.10)}.processStep{border-radius:0!important;background:rgba(255,255,255,.07)}
@media(max-width:1080px){.homeToolGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.homeToolGrid{grid-template-columns:1fr}.serviceCard .cardBody,.postCard .cardBody,.homeToolBody{min-height:0}.heroMetrics{grid-template-columns:1fr 1fr}.heroMetrics>div{border-bottom:1px solid #e8edf3}}

/* =========================================================
   V10 PREMIUM UI + BUILDER PRO 2
   ========================================================= */
:root{
  --v10-navy:#0b2947;
  --v10-navy-2:#123d66;
  --v10-orange:#ff5a1f;
  --v10-orange-soft:#fff1eb;
  --v10-blue-soft:#f2f7fc;
  --v10-surface:#f6f8fb;
  --v10-border:#dfe7ef;
  --v10-text:#102e4d;
  --v10-muted:#677b90;
  --v10-shadow:0 20px 50px rgba(15,44,73,.09);
}

/* Builder-pro variables */
.page-section .heroGrid,.page-section .imageText{gap:var(--tx-gap,24px)}
.page-section .head h2,.page-section .sectionIntro h2,.page-section .sectionIntroRow h2,.page-section .centeredHead h2,.page-section .faqIntro h2,.page-section .cta h2,.page-section .heroHeadline{font-weight:var(--tx-title-weight,900);line-height:var(--tx-line-height,1.12)}
.page-section.cards-2 .serviceGrid,.page-section.cards-2 .postGrid,.page-section.cards-2 .homeToolGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-section.cards-3 .serviceGrid,.page-section.cards-3 .postGrid,.page-section.cards-3 .homeToolGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-section.cards-4 .serviceGrid,.page-section.cards-4 .postGrid,.page-section.cards-4 .homeToolGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.page-section .serviceGrid,.page-section .postGrid,.page-section .homeToolGrid,.page-section .issueGrid,.page-section .trustGrid,.page-section .processSteps{gap:var(--tx-gap,22px)}

/* Header: quieter + cleaner */
.siteHeader{box-shadow:0 4px 18px rgba(16,46,77,.035)}
.siteHeader .nav{min-height:72px}
.siteHeader .nav nav{gap:10px}
.siteHeader .nav nav a{font-size:13px;padding:9px 11px}
.siteHeader .btn.primary{box-shadow:0 8px 20px rgba(255,90,31,.18)}

/* Homepage Hero V10: one premium shell, stronger hierarchy */
.page-section:has(.homeHero){background:linear-gradient(180deg,#f6f9fc 0%,#f3f7fb 100%)}
.homeHero{padding:42px 0 34px!important;background:transparent!important}
.homeHero .heroGrid{position:relative;overflow:hidden;grid-template-columns:minmax(0,var(--tx-col-a,1.08fr)) minmax(0,var(--tx-col-b,.92fr));gap:var(--tx-gap,38px);padding:clamp(30px,4vw,52px);border:1px solid rgba(255,255,255,.09);border-radius:32px;background:radial-gradient(circle at 93% 8%,rgba(255,102,51,.24),transparent 28%),linear-gradient(135deg,#09243f 0%,#0f3458 58%,#123f68 100%);box-shadow:0 26px 70px rgba(10,39,68,.18)}
.homeHero .heroGrid:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-130px;bottom:-210px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018);pointer-events:none}
.homeHero .heroCopy{position:relative;z-index:2;min-width:0}
.homeHero .heroBadge{display:inline-flex;margin-bottom:13px;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.07);color:#d7e5f2;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.homeHero .eyebrow{color:#ff9f7b!important;font-size:11px;letter-spacing:.12em}
.homeHero .heroHeadline{max-width:720px;margin:10px 0 16px!important;color:#fff!important;font-size:clamp(42px,var(--tx-title-size,60px),72px)!important;letter-spacing:-.045em;line-height:var(--tx-line-height,1.02)!important}
.homeHero .heroTitleLine,.homeHero .hero-highlight{display:block!important;margin:0!important;font:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
.homeHero .hero-highlight{color:#ff6a38!important;margin-top:4px!important}
.homeHero .heroCopy>p{max-width:650px;color:#c9d7e5!important;font-size:var(--tx-body-size,16px)!important;line-height:1.72;margin:0}
.homeHero .heroActions{margin-top:24px}
.homeHero .btn.primary{background:#ff5a1f;border-color:#ff5a1f;color:#fff;box-shadow:0 10px 24px rgba(255,90,31,.25)}
.homeHero .btn.white{border-color:rgba(255,255,255,.23);background:rgba(255,255,255,.08);color:#fff}
.homeHero .btn.white:hover{background:rgba(255,255,255,.14)}
.homeHero .heroProof{margin-top:20px;gap:8px}
.homeHero .heroProof span{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#d6e3ef;min-height:31px;font-size:10px}
.homeHero .visual{position:relative;z-index:2;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:#071c31;box-shadow:0 24px 56px rgba(0,0,0,.28)}
.homeHero .hero-photo{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:15px}
.homeHero .visualCaption{margin-top:10px;padding:0 4px;color:#d7e4ef;font-size:10px}
.homeHero .heroMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:18px;padding:0;overflow:hidden;border:1px solid #dce5ee;border-radius:17px;background:#dce5ee;box-shadow:0 10px 28px rgba(15,44,73,.055)}
.homeHero .heroMetrics>div{display:flex;align-items:center;gap:10px;min-height:62px;padding:13px 16px;background:#fff}
.homeHero .heroMetrics strong{color:#b8c6d5;font-size:20px;letter-spacing:-.03em}
.homeHero .heroMetrics span{color:#29435e;font-size:11px;font-weight:850}

/* Homepage rhythm */
.servicesSection{background:#fff!important}
.servicesSection .sectionIntroRow,.postsSection .sectionIntroRow,.homeToolsSection .sectionIntroRow{align-items:end}
.sectionIntroRow .head{margin-bottom:0}
.sectionIntroRow .head h2{max-width:770px;color:var(--v10-text);letter-spacing:-.035em}
.sectionIntroRow .head .lead{max-width:720px;color:var(--v10-muted);line-height:1.7}
.sectionLink{font-size:12px;font-weight:900;color:#1a5da4}

.serviceCard,.postCard{border:1px solid var(--v10-border);border-radius:20px;box-shadow:0 8px 24px rgba(17,45,75,.045)}
.serviceCard:hover,.postCard:hover{box-shadow:0 18px 40px rgba(17,45,75,.095);border-color:#cbd9e7}
.serviceCard .cardMedia,.postCard .cardMedia{position:relative;overflow:hidden;background:#eaf0f6}
.serviceCard .thumb,.postCard .thumb{aspect-ratio:16/9;transition:transform .25s ease}
.serviceCard:hover .thumb,.postCard:hover .thumb{transform:scale(1.025)}
.serviceCard .cardBody,.postCard .cardBody{padding:19px 20px 20px}
.serviceCard h3,.postCard h3{min-height:52px;margin:9px 0 8px;color:#102e4d;font-size:19px;line-height:1.34}
.serviceCard p,.postCard p{display:-webkit-box;min-height:47px;overflow:hidden;color:#6d7f92;font-size:13px;line-height:1.62;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mediaTag{background:rgba(9,37,64,.9)!important;color:#fff!important}
.cardAction{font-size:12px;font-weight:900}

.issueSection{background:linear-gradient(180deg,#eef5fb 0%,#f5f9fc 100%)!important;border-top:1px solid #e2ebf3;border-bottom:1px solid #e2ebf3}
.issueGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.issueCard{min-height:0!important;padding:20px!important;border:1px solid #dce7f0!important;border-radius:17px!important;background:#fff!important;box-shadow:0 7px 20px rgba(17,45,75,.035)!important}
.issueCard:hover{border-color:#bfcfe0!important;transform:translateY(-2px)}
.issueCard h3{font-size:16px!important;color:#123451!important}
.issueCard p{font-size:12px!important;line-height:1.55!important;color:#718297!important}
.issueIcon{width:39px!important;height:39px!important;border-radius:11px!important}

.processSection{background:linear-gradient(135deg,#0a2847,#103b62)!important}
.processSection .processHead{max-width:770px}
.processSection .processHead h2{color:#fff}
.processStep{padding:20px!important;border-color:rgba(255,255,255,.13)!important;border-radius:16px!important;background:rgba(255,255,255,.045)!important}
.processStep .num{width:32px;height:32px;border-radius:9px;background:#ff6530}
.processStep b{font-size:15px;color:#fff}
.processStep p{font-size:12px;line-height:1.6;color:#bed0df}

.trustSection{background:#fff!important}
.trustItem{padding:20px!important;border-radius:17px!important;border-color:#e1e8ef!important;box-shadow:none!important}
.trustItem:hover{border-color:#ffd1c0!important;background:#fffaf7!important}
.trustIcon{width:39px!important;height:39px!important;border-radius:11px!important}
.trustItem b{font-size:16px!important;color:#133551}
.trustItem p{font-size:12px!important;line-height:1.6;color:#728398}

.homeToolsSection{background:linear-gradient(180deg,#0b2947 0%,#0d3357 100%)!important;border:0!important;color:#fff}
.homeToolsSection .eyebrow{color:#ff9b76!important}.homeToolsSection h2{color:#fff!important}.homeToolsSection .lead{color:#bcd0df!important}.homeToolsSection .sectionLink{color:#ffad8e!important}
.homeToolGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.homeToolCard{grid-template-columns:190px minmax(0,1fr)!important;border-color:rgba(255,255,255,.12)!important;background:#fff!important;box-shadow:0 15px 34px rgba(1,16,31,.2)!important}
.homeToolMedia{min-height:205px!important}.homeToolBody{padding:19px!important}.homeToolCard h3{min-height:auto;font-size:18px!important}.homeToolCard p{font-size:12px;line-height:1.6}

.postsSection{background:#fffaf6!important;border-top:1px solid #f5e7df;border-bottom:1px solid #f5e7df}
.faqSection{background:#f4f7fa!important}
.faqLayout{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;gap:54px!important}
.faqItem{border-color:#dfe7ee!important;border-radius:14px!important;box-shadow:none!important}
.faqItem summary{font-size:14px;color:#173a59}
.ctaSection{background:#fff!important}
.premiumCta{border-radius:24px!important;background:linear-gradient(135deg,#0c2d4e,#164c7b)!important;box-shadow:0 20px 48px rgba(15,48,81,.16)!important}
.premiumCta .ctaEyebrow{color:#ffac8d!important}.premiumCta h2{color:#fff!important}.premiumCta p{color:#d0dfeb!important}.premiumCta .ctaButton{background:#ff5a1f!important;color:#fff!important}

/* Tools V10: collision-proof badge + compact professional cards */
.toolBadge.toolBadgeFeatured{width:auto!important;height:auto!important;aspect-ratio:auto!important;margin:0!important;object-fit:initial!important;display:inline-flex!important;background:#fff0e9!important;color:#be3d16!important;border-radius:999px!important;padding:5px 9px!important;font-size:10px!important}
.toolGridV9{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.toolCardV9{border-radius:19px;border-color:#dce5ed;box-shadow:0 10px 28px rgba(14,43,72,.055)}
.toolMediaV9{aspect-ratio:16/9;border-bottom:1px solid #e6edf3}
.toolBodyV9{min-height:285px;padding:18px 19px 19px}
.toolBodyV9 h2{font-size:19px;line-height:1.3}
.toolBodyV9>p{display:-webkit-box;min-height:45px;overflow:hidden;font-size:12.5px;line-height:1.6;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.toolBadges{margin-bottom:6px}
.toolSpecs{margin-top:16px;padding-top:0}
.toolSpecs span{padding:9px;background:#f7f9fb}
.toolFooterV9{margin-top:12px;padding-top:11px}
.toolsSection{background:#f6f8fb!important}
.toolsBenefitSection{background:#fff!important}

/* Listing pages V10 */
.pageHeroV9{padding:46px 0 32px;background:linear-gradient(135deg,#f4f8fc 0%,#fff 60%,#fff4ee 100%)}
.pageHeroV9 h1{font-size:clamp(38px,4.7vw,58px);color:#0f2f4f}
.pageHeroStats>div{border-color:#dde7f0!important;background:rgba(255,255,255,.82)!important}
.topicNav{margin-top:25px!important}
.topicNav a{border:1px solid #dde6ee!important;background:#fff!important;color:#41576e!important}
.topicNav a:hover{border-color:#ffc9b5!important;background:#fff4ef!important;color:#c94518!important}
.listingSectionV9{background:#fff!important;padding-top:52px!important}
.contentGridV9{gap:20px}
.contentCardV9{border-radius:18px;box-shadow:0 8px 24px rgba(17,45,75,.045)}
.contentBodyV9{min-height:250px;padding:18px 19px}
.contentBodyV9 h2{font-size:19px}.contentBodyV9 p{font-size:13px;line-height:1.62}
.closingCtaV9{background:#f5f8fb!important}

/* Detail pages V10 */
.articleSection{background:#f5f7fa!important;padding-top:30px!important}
.contentWrap{grid-template-columns:minmax(0,800px) minmax(260px,310px)!important;gap:28px!important}
.article{border-radius:20px!important;padding:clamp(24px,3vw,36px)!important;box-shadow:0 8px 24px rgba(16,46,77,.045)!important}
.articleHeader h1{font-size:clamp(34px,4vw,50px)!important;line-height:1.1!important}
.articleLead{font-size:16px!important;line-height:1.72!important}
.articleContent{font-size:16px!important;line-height:1.82!important}
.articleContent h2{font-size:27px!important}.articleContent h3{font-size:21px!important}
.sidebar .box{border-radius:15px!important;box-shadow:0 5px 16px rgba(16,46,77,.035)!important}

/* Builder V10: cleaner inspector + presets */
.builder-style-presets{display:grid;gap:8px;padding:11px;border:1px solid #e0e7ef;border-radius:11px;background:#f8fafc}
.builder-style-presets>span{color:#52667b;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.builder-style-presets>div{display:flex;gap:6px;flex-wrap:wrap}
.builder-style-presets button{border:1px solid #d7e1ea;border-radius:8px;background:#fff;padding:7px 9px;color:#314a63;font-size:10px;font-weight:800;cursor:pointer}
.builder-style-presets button:hover{border-color:#ffb69c;background:#fff5f0;color:#c94618}
.builder-inspector{width:min(410px,calc(100vw - 30px));border-radius:16px}
.builder-inspector-open #pageBuilder{padding-right:420px}
.builder-controls{opacity:.32;transition:opacity .15s ease,box-shadow .15s ease}
.builder-active:hover>.builder-controls,.builder-selected>.builder-controls,.builder-controls:hover{opacity:1}
.builder-selected{outline:2px solid #2877c7!important;outline-offset:2px!important}

@media(max-width:1100px){
  .homeHero .heroGrid{grid-template-columns:1fr 1fr;padding:34px}.homeHero .heroHeadline{font-size:46px!important}
  .page-section.cards-4 .serviceGrid,.page-section.cards-4 .postGrid,.page-section.cards-4 .homeToolGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .homeToolCard{grid-template-columns:160px minmax(0,1fr)!important}
}
@media(max-width:820px){
  .homeHero .heroGrid{grid-template-columns:1fr!important;padding:28px}.homeHero .visual{max-width:620px}.homeHero .heroMetrics{grid-template-columns:1fr 1fr}
  .issueGrid,.trustGrid,.processSteps{grid-template-columns:1fr 1fr!important}
  .homeToolGrid,.toolGridV9,.page-section.cards-2 .serviceGrid,.page-section.cards-2 .postGrid,.page-section.cards-3 .serviceGrid,.page-section.cards-3 .postGrid,.page-section.cards-4 .serviceGrid,.page-section.cards-4 .postGrid{grid-template-columns:1fr!important}
  .faqLayout{grid-template-columns:1fr!important;gap:28px!important}
  .builder-inspector-open #pageBuilder{padding-right:0}
}
@media(max-width:640px){
  .homeHero{padding:24px 0 24px!important}.homeHero .heroGrid{padding:23px 20px;border-radius:22px}.homeHero .heroHeadline{font-size:38px!important}.homeHero .heroMetrics{grid-template-columns:1fr}.homeHero .heroMetrics>div{min-height:52px}
  .issueGrid,.trustGrid,.processSteps{grid-template-columns:1fr!important}.homeToolCard{grid-template-columns:1fr!important}.homeToolMedia{min-height:0!important;aspect-ratio:16/9}.toolGridV9{grid-template-columns:1fr}.toolBodyV9{min-height:0}
  .pageHeroV9{padding:34px 0 26px}.contentWrap{grid-template-columns:1fr!important}.article{padding:20px!important}.articleHeader h1{font-size:34px!important}
  .builder-controls{opacity:1}.builder-inspector{width:calc(100vw - 16px)}
}


/* =========================================================
   V10.1 HOTFIX — HERO IMAGE + BUILDER COLUMN GAP
   - Remove the blue code-generated frame around the hero image.
   - Make the column-gap control visually effective from 0–160px.
   ========================================================= */
.page-section .heroGrid,
.page-section .imageText{
  column-gap:var(--tx-gap,24px)!important;
  row-gap:var(--tx-gap,24px)!important;
}
.homeHero .heroGrid{
  gap:var(--tx-gap,38px)!important;
}
.homeHero .visual{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
  overflow:visible!important;
}
.homeHero .hero-photo{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.20));
}
.homeHero .visualCaption{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:8px 2px 0!important;
}
@media(max-width:820px){
  .page-section .heroGrid,.page-section .imageText{
    row-gap:min(var(--tx-gap,24px),48px)!important;
  }
}


/* === V10.2: clean hero + independent title colors === */
.page-section:has(.homeHero){background:linear-gradient(180deg,#f8fbfe 0%,#f4f8fc 100%)!important}
.homeHero{background:transparent!important;padding:42px 0 30px!important}
.homeHero .heroGrid{
  overflow:visible!important;
  padding:18px 0 24px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.homeHero .heroGrid:before{display:none!important}
.homeHero .heroBadge{background:#fff!important;border-color:#ffd7c8!important;color:#b53a13!important;box-shadow:0 5px 16px rgba(255,90,31,.06)!important}
.homeHero .eyebrow{color:var(--tx-accent,#2675bd)!important}
.homeHero .heroHeadline{color:inherit!important}
.homeHero .heroTitleLine{color:var(--tx-hero-title,#102e4d)!important}
.homeHero .hero-highlight{color:var(--tx-hero-highlight,#f4511e)!important}
.homeHero .heroCopy>p{color:#61758b!important}
.homeHero .btn.white{background:#fff!important;color:#173b60!important;border-color:#d8e4ee!important}
.homeHero .heroProof span{background:#fff!important;color:#536a81!important;border-color:#dce6ef!important}
.homeHero .visual{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.homeHero .hero-photo{
  width:100%!important;
  height:auto!important;
  max-height:430px!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  border-radius:0!important;
  filter:drop-shadow(0 22px 30px rgba(25,58,91,.16));
}
.homeHero .visualCaption{color:#526a82!important;text-align:center!important;margin-top:4px!important}
.page-section.custom-text-color .homeHero .heroTitleLine{color:var(--tx-hero-title,#102e4d)!important}
.page-section.custom-text-color .homeHero .hero-highlight{color:var(--tx-hero-highlight,#f4511e)!important}
.builder-inspector [data-hero-color-only][hidden]{display:none!important}


/* V10.3 Contact Only */
.contactOnlyActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.contactOnlyNotice{margin-top:24px;padding:18px 20px;border:1px solid #dce5ee;border-radius:16px;background:#f7fafc;color:#52677e}.contactOnlyNotice b{display:block;margin-bottom:5px;color:#173654}.contactOnlyNotice p{margin:0;line-height:1.65}.contactOnlyFooter{padding-top:16px;padding-bottom:4px;color:#8ea1b5;font-size:12px;border-top:1px solid rgba(255,255,255,.08)}