:root{--primary:#165be3;--cyan:#06b6d4;--orange:#f59e0b;--ink:#0f172a;--text:#475569;--line:#e2e8f0;--soft:#f8fafc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font:15px/1.75 -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{width:24px;height:24px;flex-shrink:0}a,button{transition:background .2s,color .2s,transform .2s,box-shadow .2s}:focus-visible{outline:3px solid #3275fa;outline-offset:4px}[hidden]{display:none!important}.container{max-width:1240px;margin:auto;padding:0 24px}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:white;padding:12px}.skip:focus{top:8px}.navbar{position:fixed;top:0;width:100%;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(20px);border-bottom:1px solid #eef0f5;box-shadow:0 2px 12px #0f172a08}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:32px;font-weight:850;letter-spacing:-1.5px;color:var(--primary);line-height:1}.logo-dot{color:var(--cyan)}nav{display:flex;gap:8px;align-items:center}nav a{font-size:14px;color:var(--text);padding:8px 15px;border-radius:8px}nav a:hover{background:#165be30e;color:var(--primary)}nav .nav-contact{background:var(--primary);color:white;border-radius:24px;padding:8px 20px;margin-left:10px}nav .nav-contact:hover{background:#1249b8;color:#fff}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--ink);margin:5px 0}.hero{position:relative;overflow:hidden;padding:145px 24px 72px;text-align:center;color:white;background:radial-gradient(ellipse at 20% 55%,#165be34d,transparent 50%),radial-gradient(ellipse at 80% 30%,#06b6d438,transparent 45%),radial-gradient(ellipse at 60% 100%,#f59e0b20,transparent 45%),linear-gradient(160deg,#0f0c29,#302b63 40%,#24243e)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#ffffff0d 1px,transparent 1px);background-size:36px 36px}.hero-content{position:relative;z-index:1;max-width:960px;margin:auto}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:600;color:#c8c8e9;margin-bottom:24px;display:flex;gap:9px;align-items:center;justify-content:center}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#22d3ee;box-shadow:0 0 12px #22d3ee}h1{font-size:40px;line-height:1.3;letter-spacing:-1px;margin:0 0 20px;font-weight:800}.mobile-break{display:none}.hero-subtitle{font-size:19px;color:#d2d3e2;margin:0 0 35px;letter-spacing:.4px}.hero-features{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:36px}.hero-features>div{display:flex;align-items:center;gap:10px;padding:10px 20px;border-radius:40px;border:1px solid #ffffff22;background:#ffffff0d;font-size:14px;color:#e8e9f2}.hero-features svg{color:#22d3ee;width:29px;height:29px;background:#06b6d41f;border-radius:50%;padding:5px;box-sizing:content-box}.hero-buttons{display:flex;gap:16px;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 30px;border-radius:999px;border:0;font-weight:650;font-size:15px}.btn svg{width:18px;height:18px}.primary{background:linear-gradient(135deg,#f59e0b,#f97316);color:white;box-shadow:0 4px 16px #f59e0b30}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px #f59e0b45}.secondary{color:white;background:#ffffff0c;border:1px solid #ffffff45}.secondary:hover{background:#ffffff1f}.hero-note{font-size:12px;color:#b3b4d0;margin:25px 0 0}.section{padding:64px 0}.section-heading{text-align:center;margin:0 auto 38px}.kicker{color:var(--primary);font-size:11px;font-weight:750;letter-spacing:2px;display:block;margin-bottom:10px}h2{font-size:30px;line-height:1.4;margin:0 0 13px;font-weight:750;letter-spacing:-.5px}.section-heading p{color:var(--text);margin:0;font-size:15px}.service-detail,.resources,.faq{background:var(--soft)}.service-grid,.advantages-grid{max-width:960px;display:grid;gap:20px;margin:auto}.service-grid{grid-template-columns:repeat(2,1fr)}.detail-card{position:relative;overflow:hidden;padding:30px 32px;background:white;border:1px solid var(--line);border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s}.detail-card:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--cyan));opacity:0;transition:opacity .2s}.detail-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0f172a0c;border-color:transparent}.detail-card:hover:before{opacity:1}.icon-box{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#165be30f,#06b6d40f);color:var(--primary);border-radius:12px;margin-bottom:16px}.icon-box svg{width:29px;height:29px}h3{font-size:18px;line-height:1.5;margin:0 0 10px}.detail-card p,.advantage-card p{color:var(--text);font-size:14px;margin:0;line-height:1.85}.advantages-grid{grid-template-columns:repeat(3,1fr)}.advantage-card{text-align:center;padding:30px 24px;border:1px solid var(--line);border-radius:16px;background:var(--soft);transition:transform .2s,box-shadow .2s}.advantage-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0f172a0a}.orange{background:#f59e0b10;color:#ea9808}.advantage-card h3{font-size:16px}.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:960px;gap:20px;margin:auto}.resource-card{border:1px solid var(--line);border-radius:16px;padding:25px;background:white;display:flex;flex-direction:column}.resource-card:hover{border-color:#3275fa;transform:translateY(-3px)}.resource-top{display:flex;align-items:center;justify-content:space-between;color:var(--primary);margin-bottom:25px}.resource-top span{font-size:11px;background:#f0efff;border-radius:4px;padding:3px 7px}.resource-card h3{font-size:17px}.resource-card p{margin:0 0 23px;font-size:14px;color:var(--text)}.resource-link{margin-top:auto;font-size:13px;color:var(--primary);display:flex;align-items:center;gap:8px}.resource-link svg{width:16px}.faq{background:white;border-top:1px solid #f1f5f9}.faq-list{max-width:860px;margin:auto;display:grid;gap:12px}details{border:1px solid var(--line);border-radius:12px;overflow:hidden}summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;cursor:pointer;font-size:16px;font-weight:600;list-style:none}summary::-webkit-details-marker{display:none}summary svg{color:#64748b;width:19px;height:19px;transition:transform .2s}details[open]{border-color:#b9d3fc;background:#fafaff}details[open] summary{color:var(--primary)}details[open] summary svg{transform:rotate(45deg)}details>p{color:var(--text);font-size:14px;padding:0 24px 22px;margin:0}.contact{background:var(--soft)}.contact-content{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;max-width:1040px;margin:auto}.contact-form{border:1px solid var(--line);border-radius:16px;background:#fff;padding:32px}.contact-form h3{font-size:21px}.form-intro{font-size:13px;color:#64748b;margin:0 0 24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;font-weight:600;margin-bottom:17px}input,select,textarea{display:block;width:100%;border:1px solid #dce2eb;border-radius:8px;padding:11px 12px;color:var(--ink);background:#fff;font-size:14px;margin-top:7px;min-width:0}input::placeholder,textarea::placeholder{color:#94a3b8}input:focus,select:focus,textarea:focus{outline:2px solid #b9d3fc;border-color:var(--primary)}textarea{resize:vertical}.consent{display:flex;gap:8px;align-items:flex-start;color:#64748b;font-size:12px;font-weight:400}.consent input{width:15px;height:15px;flex-shrink:0;margin-top:4px;accent-color:var(--primary)}.text-button{padding:0;color:var(--primary);border:0;background:none;font-size:inherit}.text-button:hover{text-decoration:underline}.submit-btn{width:100%;border-radius:9px}.submit-btn:disabled{opacity:.6;cursor:wait;transform:none}.form-status{font-size:12px;color:#64748b;margin:12px 0 0}.contact-info{border:1px solid var(--line);background:#eef1fa;border-radius:16px;padding:32px;display:flex;flex-direction:column}.contact-badge{font-size:10px;color:var(--primary);font-weight:700;letter-spacing:2px;margin-bottom:17px}.contact-info h3{font-size:23px}.contact-info>p{font-size:14px;color:var(--text);margin:0 0 25px}.contact-buttons{display:grid;gap:12px;padding-bottom:25px;border-bottom:1px solid #dbe0ed;margin-bottom:23px}.contact-btn{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid;border-radius:9px;padding:13px 15px;font-size:14px;font-weight:600}.contact-btn>span{margin-left:auto}.telegram{color:#0088cc;border-color:#0088cc55}.telegram:hover{background:#0088cc;color:white}.whatsapp{color:#128c7e;border-color:#128c7e55}.whatsapp:hover{background:#128c7e;color:white}.contact-btn.unconfigured{color:#64748b;border-color:#cbd5e1}.info-item{display:flex;align-items:center;gap:13px;margin-bottom:20px}.info-item>svg{color:var(--primary);width:20px}.info-item span{display:block;font-size:11px;color:#64748b;margin-bottom:3px}.info-item a,.info-item p{font-size:13px;margin:0;overflow-wrap:anywhere}.info-item a:hover{color:var(--primary)}.contact-tip{border-top:1px solid #dbe0ed;margin-top:auto;padding-top:22px;font-size:13px;color:#64748b}footer{background:#0f172a;color:#94a3b8;padding:50px 0 22px}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:40px;margin-bottom:42px}footer .logo{color:white;font-size:30px}.footer-brand p{font-size:13px;line-height:1.9;margin:20px 0 0}.footer-links{display:flex;align-items:flex-start;flex-direction:column;gap:10px;font-size:13px}.footer-links h3{font-size:14px;color:#e2e8f0;margin-bottom:7px}.footer-links a:hover{color:white}.footer-links .text-button{color:inherit}.footer-slogan{font-size:20px;line-height:1.5;font-weight:700;letter-spacing:.5px;color:#f8fafc}.footer-slogan span{color:#3275fa}.footer-bottom{border-top:1px solid #ffffff16;padding-top:20px;display:flex;justify-content:space-between;gap:16px;font-size:11px}.footer-bottom p{margin:0}.floating-contact{position:fixed;bottom:28px;right:28px;z-index:15;display:flex;align-items:center;gap:9px;padding:13px 20px;background:linear-gradient(135deg,#165be3,#3275fa);color:white;border-radius:40px;font-size:13px;box-shadow:0 6px 22px #165be340}.floating-contact:hover{transform:translateY(-3px)}dialog{width:min(540px,calc(100% - 32px));border:0;border-radius:18px;padding:28px;box-shadow:0 25px 70px #0003;color:var(--ink)}dialog::backdrop{background:#0f172a88;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.dialog-heading h2{font-size:21px;margin:0}.close-dialog{border:0;background:#f1f5f9;color:var(--text);border-radius:50%;font-size:25px;line-height:1;width:32px;height:32px}dialog p{font-size:14px;color:var(--text)}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.email-action{background:#eef2ff;color:var(--primary)}#inquiry-output{background:var(--soft);font-size:13px}.dialog-actions .btn{font-size:13px;padding:10px 18px}#copy-status{font-size:12px;min-height:20px;margin-bottom:0}
@media(min-width:1600px){.hero{padding-top:170px;padding-bottom:90px}h1{font-size:46px}}@media(max-width:950px){nav{gap:0}nav a{padding:8px 10px;font-size:13px}.contact-content{grid-template-columns:1.3fr 1fr}.contact-form,.contact-info{padding:24px}.footer-content{gap:25px}.footer-slogan{font-size:17px}}@media(max-width:760px){html{scroll-padding-top:80px}.container{padding:0 20px}.nav-inner{height:66px}.logo{font-size:29px}.menu-toggle{display:block}nav{display:none;position:absolute;left:0;right:0;top:66px;background:white;padding:16px 20px 22px;box-shadow:0 8px 15px #0f172a0d;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:5px}nav a{padding:10px 14px;font-size:15px}nav .nav-contact{margin:5px 0 0;text-align:center}.hero{padding:116px 20px 50px}.eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:22px}h1{font-size:30px;line-height:1.45;letter-spacing:-.7px}.mobile-break{display:block}.hero-subtitle{font-size:14px;max-width:330px;margin:0 auto 25px;line-height:1.9}.hero-features{gap:8px;margin-bottom:28px}.hero-features>div{font-size:11px;padding:7px 11px;gap:6px}.hero-features svg{width:18px;height:18px;padding:3px}.hero-buttons{gap:10px}.btn{padding:11px 20px;font-size:13px;min-height:47px}.hero-note{font-size:11px;max-width:270px;margin:22px auto 0}.section{padding:48px 0}.section-heading{margin-bottom:28px}h2{font-size:24px}.section-heading p{font-size:13px;max-width:340px;margin:auto}.service-grid{grid-template-columns:1fr;gap:14px}.detail-card{padding:25px}.detail-card h3{font-size:17px}.advantages-grid{grid-template-columns:repeat(2,1fr);gap:12px}.advantage-card{padding:23px 16px}.advantage-card h3{font-size:15px}.advantage-card p{font-size:12px}.icon-box{width:48px;height:48px}.resources-grid{grid-template-columns:1fr;gap:14px}.resource-card{padding:23px}.resource-top{margin-bottom:15px}.resource-card p{margin-bottom:17px}summary{font-size:14px;padding:18px}details>p{font-size:13px;padding:0 18px 18px}.contact-content{grid-template-columns:1fr;gap:18px}.contact-form,.contact-info{padding:23px}.contact-info{min-height:380px}.contact-tip{padding-top:18px}.footer-content{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-slogan{display:none}.footer-bottom{flex-direction:column;gap:8px;padding-bottom:32px}.floating-contact{right:16px;bottom:18px;padding:12px 15px;font-size:12px}dialog{padding:23px}.dialog-heading h2{font-size:19px}}@media(max-width:380px){.hero-features>div{font-size:10px;padding:6px 8px}.hero-features{gap:6px}.form-row{grid-template-columns:1fr;gap:0}.advantages-grid{grid-template-columns:1fr}h1{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Admall main-site palette: white / slate surfaces and blue brand gradient. */
:root{--primary:#165be3;--cyan:#06b6d4;--ink:#0f172a;--text:#475569;--soft:#f8fafc}
.logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}.logo img{display:block;width:152px;height:auto;max-width:100%}
.nav-actions{display:flex;align-items:center;gap:12px}.language-toggle{border:1px solid #dce4f0;background:#fff;color:#475569;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap}.language-toggle:hover{color:#165be3;border-color:#165be3;background:#f1f6ff}
.navbar{background:#ffffffeb}nav .nav-contact{background:linear-gradient(135deg,#3275fa,#165be3);border-radius:8px}
.hero{color:#0f172a;background:linear-gradient(135deg,#f8fafc 0%,#fff 48%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0}
.hero:after{background:radial-gradient(ellipse at 18% 50%,#3275fa08,transparent 50%),radial-gradient(ellipse at 85% 40%,#00d6de09,transparent 45%)}
.eyebrow{color:#64748b}.eyebrow span{background:#165be3;box-shadow:0 0 10px #165be32e}h1{color:#0f172a}.hero-subtitle{color:#475569}.hero-note{color:#64748b}
.hero-features>div{color:#475569;background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0f172a03}.hero-features svg{color:#165be3;background:#165be30c}
.primary{background:linear-gradient(135deg,#3275fa,#165be3);box-shadow:0 4px 20px #165be326;border-radius:8px}.primary:hover{background:linear-gradient(135deg,#2868eb,#1249b8);box-shadow:0 8px 24px #165be333}.secondary{color:#165be3;border-color:#d6e2f5;background:white;border-radius:8px}.secondary:hover{background:#edf4ff}
.icon-box,.orange{color:#165be3;background:#165be30c}.detail-card:before{background:linear-gradient(90deg,#3275fa,#06b6d4)}.resource-top span{background:#eef4ff}.email-action{background:#eef4ff}.contact-info{background:#f1f5f9}.contact-badge{color:#165be3}details[open]{background:#f8fbff;border-color:#bad3ff}
footer{background:#f8fafc;color:#64748b;border-top:1px solid #e2e8f0}.footer-links h3{color:#0f172a}.footer-links a:hover{color:#165be3}.footer-slogan{color:#0f172a}.footer-slogan span{color:#165be3}.footer-bottom{border-color:#e2e8f0}.floating-contact{background:linear-gradient(135deg,#3275fa,#165be3);box-shadow:0 6px 22px #165be333}
html:not([lang="zh-CN"]) h1{font-size:38px}html:not([lang="zh-CN"]) .hero-subtitle{font-size:17px}html:not([lang="zh-CN"]) .eyebrow{letter-spacing:1.5px}html:not([lang="zh-CN"]) nav a{padding-left:10px;padding-right:10px}html:not([lang="zh-CN"]) .contact-btn{font-size:12px}
@media(max-width:1100px){.nav-inner{gap:14px}nav a{padding-left:9px;padding-right:9px}html:not([lang="zh-CN"]) nav a{padding-left:7px;padding-right:7px}.logo img{width:140px}.nav-actions{gap:6px}}
@media(min-width:761px) and (max-width:920px){.nav-inner{height:76px}nav a{font-size:12px;padding:8px 6px}html:not([lang="zh-CN"]) nav a{padding:8px 5px;font-size:11px}nav .nav-contact{margin-left:2px;padding:8px}.logo img{width:125px}.language-toggle{padding:7px 9px;font-size:12px}}
@media(max-width:760px){.logo img{width:132px}.nav-actions{gap:12px}.language-toggle{padding:6px 12px;font-size:12px}html:not([lang="zh-CN"]) h1{font-size:28px;line-height:1.35}html:not([lang="zh-CN"]) .hero-subtitle{font-size:13px;line-height:1.8}html:not([lang="zh-CN"]) .hero-features{gap:8px}html:not([lang="zh-CN"]) .hero-features>div{font-size:11px}html:not([lang="zh-CN"]) .hero-buttons{flex-wrap:wrap}html:not([lang="zh-CN"]) .section-heading h2{font-size:23px}html:not([lang="zh-CN"]) nav a{font-size:15px;padding:10px 14px}.footer-brand .logo img{width:152px}}

/* Flag language menu */
.language-picker{position:relative;flex-shrink:0}
.language-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:38px}
.language-flag{display:block;width:22px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(15,23,42,.1);flex-shrink:0}
.language-chevron{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .15s}
.language-toggle[aria-expanded="true"] .language-chevron{transform:rotate(180deg)}
.language-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:100;min-width:176px;padding:6px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.14)}
.language-menu[hidden]{display:none}
.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:7px;background:transparent;text-align:left;color:#475569;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
.language-option:hover,.language-option:focus-visible{background:#f1f6ff;color:#165be3}
.language-option[aria-checked="true"]{background:#edf4ff;color:#165be3;font-weight:600}
.language-check{margin-left:auto;visibility:hidden}
.language-option[aria-checked="true"] .language-check{visibility:visible}
.language-toggle:focus-visible,.language-option:focus-visible{outline:2px solid #3275fa;outline-offset:2px}
@media(max-width:380px){.language-toggle{gap:6px;padding:6px 8px}.nav-actions{gap:8px}}

.footer-contact{padding:28px 0 32px;border-top:1px solid #e2e8f0}
.footer-contact h3{margin:0 0 16px;font-size:16px;color:#0f172a}
.footer-contact-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:820px}
.footer-contact-card{display:flex;align-items:center;gap:14px;min-width:0;padding:18px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}
.footer-contact-card:hover{border-color:#3275fa;box-shadow:0 4px 16px #165be310}
.footer-contact-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;color:#165be3;background:#edf4ff;border-radius:10px}
.footer-contact-text{display:flex;flex-direction:column;min-width:0}
.footer-contact-label{font-size:12px;color:#64748b}
.footer-contact-value{font-size:15px;font-weight:600;color:#0f172a;overflow-wrap:anywhere}
.footer-contact-arrow{margin-left:auto;color:#165be3;font-size:20px}
@media(max-width:760px){.footer-contact-items{grid-template-columns:1fr}.footer-contact-card{padding:16px}.footer-contact-value{font-size:14px}}

.contact-details-section{padding:56px 0;background:#f8fafc;border-top:1px solid #eef0f5;border-bottom:1px solid #eef0f5}
.contact-details-section .section-heading{margin-bottom:28px}
.contact-details-section .footer-contact-items{margin:0 auto;max-width:900px}
@media(max-width:760px){.contact-details-section{padding:40px 0}}

/* Matching hero buttons with the same arrow treatment. */
.hero-buttons .btn[data-track="free_consultation"],.hero-buttons .btn[data-track="account_store"]{background:#123f95;color:#fff;border:1px solid #123f95;box-shadow:0 6px 20px #123f9533}
.hero-buttons .btn[data-track="free_consultation"]:hover,.hero-buttons .btn[data-track="account_store"]:hover{background:#0c2e70;border-color:#0c2e70;box-shadow:0 8px 24px #123f9540;transform:translateY(-2px)}

/* ===== activitym mobile v1 (2026-11-03) ===== */
.m-cta-bar,.m-privacy{display:none}
.m-cta{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:0 10px;border-radius:12px;font-size:14px;font-weight:650;line-height:1.2;text-align:center;-webkit-tap-highlight-color:transparent}
.m-cta svg{width:18px;height:18px;flex-shrink:0}
.m-cta.zalo{background:#123f95;color:#fff;border:1.5px solid #123f95}
.m-cta.tg{background:#fff;color:#123f95;border:1.5px solid #123f95}
.m-cta:active{transform:scale(.98)}
.m-mid-cta{max-width:720px;margin:24px auto 0;padding:22px 18px;border-radius:16px;background:linear-gradient(135deg,#edf4ff,#f8fbff);border:1px solid #d6e4ff;text-align:center}
.m-mid-cta h3{margin:0 0 6px;font-size:18px;color:var(--ink)}
.m-mid-cta p{margin:0 auto 16px;max-width:420px;font-size:13px;line-height:1.7;color:var(--text)}
.m-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:460px;margin:0 auto}
@media(max-width:760px){
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .floating-contact{display:none!important}
  .m-cta-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:40;
    padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
    background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -6px 20px #0f172a14;transition:transform .25s ease}
  .m-cta-bar.is-hidden{transform:translateY(115%)}
  .navbar{padding-top:env(safe-area-inset-top)}
  .container{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
  /* 首屏：缩短上留白，按钮等宽并排，保证小屏手机首屏能看到咨询按钮 */
  .hero{padding:100px 20px 40px}
  .hero-features{margin-bottom:22px}
  .hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:400px;margin:0 auto}
  .hero-buttons .btn{padding:11px 8px;gap:6px;white-space:nowrap}
  .hero-buttons .btn svg{width:16px;height:16px}
  .hero-note{margin-top:16px}
  .section{padding:40px 0}
  .section-heading{margin-bottom:22px}
  /* 服务：图标在左、文字在右的紧凑列表 */
  .service-grid{gap:10px}
  .detail-card{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:start;padding:16px}
  .detail-card .icon-box{width:44px;height:44px;margin:0;grid-row:1 / span 2}
  .detail-card h3{margin:0 0 4px;font-size:16px}
  .detail-card p{margin:0;font-size:13px;line-height:1.65}
  /* 优势：保持两列，压缩留白 */
  .advantages-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .advantage-card{padding:16px 12px}
  .advantage-card .icon-box{width:40px;height:40px;margin-bottom:10px}
  .advantage-card h3{margin-bottom:6px;font-size:14px}
  .advantage-card p{font-size:12px;line-height:1.6}
  /* 隐藏外链指南区和对应导航 */
  #resources,nav a[href="#resources"],.footer-links a[href="#resources"]{display:none}
  /* 页脚只留品牌、版权和隐私说明 */
  footer{padding-top:28px}
  .footer-content{display:block;margin-bottom:16px}
  .footer-brand p,.footer-links{display:none}
  .footer-bottom{padding-bottom:12px}
  .m-privacy{display:inline;margin-left:6px;font-size:inherit;text-decoration:underline}
  .contact-details-section{padding:32px 0}
}
/* 中文以外语言文字更长：首屏与卡片按钮改为上下排列 */
@media(max-width:760px){
  html:not([lang="zh-CN"]) .hero-buttons,html:not([lang="zh-CN"]) .m-cta-row{grid-template-columns:1fr}
  html:not([lang="zh-CN"]) .m-cta-bar .m-cta{font-size:13px}
}
@media(max-width:380px){
  .advantages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-buttons .btn{font-size:12.5px;padding:11px 6px}
  .m-cta{font-size:13px;gap:5px;padding:0 6px}
  .m-cta svg{width:16px;height:16px}
}
@media(max-width:340px){
  .advantages-grid,.hero-buttons,.m-cta-row{grid-template-columns:1fr}
  .m-cta-bar .m-cta span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.m-cta-bar{transition:none}}
/* 咨询卡片内按钮更窄：去图标、不折行 */
@media(max-width:760px){
  .m-mid-cta{padding:20px 14px}
  .m-mid-cta .m-cta{white-space:nowrap;padding:0 6px}
  .m-mid-cta .m-cta svg{display:none}
}
@media(max-width:380px){.m-mid-cta .m-cta{font-size:13px}}
/* 超小屏：语言按钮只显示国旗，避免把菜单按钮挤出屏幕 */
@media(max-width:340px){.nav-actions .language-current{display:none}.nav-actions{gap:6px}}
/* 非中文：底部栏去图标，给文字留位置 */
@media(max-width:760px){html:not([lang="zh-CN"]) .m-cta-bar .m-cta svg{display:none}html:not([lang="zh-CN"]) .m-cta-bar .m-cta{padding:0 6px}}

/* ===== Telegram 咨询入口 (2026-11-03) ===== */
.tg-logo{width:20px;height:20px;flex-shrink:0;display:block}
nav .nav-contact{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#229ED9}
nav .nav-contact:hover{background:#1a8bc2}
.floating-contact{background:linear-gradient(135deg,#2AABEE,#229ED9);box-shadow:0 6px 22px #229ED940}
.floating-contact .tg-logo{width:22px;height:22px}

.m-header-tg{display:none}
@media(max-width:760px){
  .m-header-tg{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}
  .m-header-tg .tg-logo{width:32px;height:32px}
  .m-cta.tg{color:#1a8bc2;border-color:#229ED9}
  .m-cta.tg .tg-logo{width:20px;height:20px}
}

/* ===== 手机顶部 Telegram 按钮带文字、底部栏 Telegram 标志所有语言都显示 (2026-11-03 v2) ===== */
@media(max-width:760px){
  .nav-actions{gap:8px}
  .nav-actions .language-current{display:none}
  .language-toggle{padding:6px 8px;gap:4px}
  .m-header-tg{width:auto;height:36px;padding:0 12px 0 5px;gap:5px;border-radius:18px;background:#e8f6fd;border:1px solid #229ED9;color:#1a8bc2;font-size:13px;font-weight:650;white-space:nowrap}
  .m-header-tg .tg-logo{width:26px;height:26px}
  html:not([lang="zh-CN"]) .m-cta-bar .m-cta.tg svg{display:block}
  html:not([lang="zh-CN"]) .m-cta-bar .m-cta.tg{gap:6px}
}
@media(max-width:400px){
  .nav-inner .logo img{width:112px}
  .container.nav-inner{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
}
@media(max-width:350px){
  .nav-inner .logo img{width:96px}
  .m-header-tg{padding:0 9px 0 4px;font-size:12px}
  .m-header-tg .tg-logo{width:22px;height:22px}
  .nav-actions{gap:6px}
}
@media(max-width:400px){
  .nav-inner{gap:8px}
  .nav-inner .logo img{width:98px}
  .m-header-tg{padding:0 10px 0 5px}
  .nav-actions{gap:7px}
}
@media(max-width:350px){
  .m-header-tg span{display:none}
  .m-header-tg{padding:0 4px;width:36px;justify-content:center}
  .m-header-tg .tg-logo{width:26px;height:26px}
}