/* TaskFlik v2 — drop-in for build/style.css. No JS. Logical properties only. No text in CSS. */
@font-face{font-family:"Rubik";src:url(/assets/fonts/rubik-var.64b7a9df39.woff2) format("woff2");font-weight:300 900;font-display:swap}
:root{--navy:#082F49;--sky:#38BDF8;--deep:#0369A1;--mist:#F0F9FF;--slate:#334155;--amber:#FBBF24;--amberd:#B45309;--wa:#0F7A3F;--line:#E2E8F0;--r:16px;--sh:0 1px 2px rgb(8 47 73/.06),0 8px 24px rgb(8 47 73/.08)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.65 "Rubik",system-ui,-apple-system,"Segoe UI",Tahoma,Arial,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:var(--slate);background:#fff}
html[lang="ar"] body,html[lang="fa"] body,html[lang="ur"] body,html[lang="ku"] body,html[lang^="ar-"] body{font-size:17px;line-height:1.7}
h1,h2,h3{color:var(--navy);line-height:1.2;letter-spacing:-.01em}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{letter-spacing:0;line-height:1.35}
h1{font-size:clamp(2rem,1.3rem + 3vw,3.4rem);font-weight:800;margin-block:0 .4em}
h2{font-size:clamp(1.35rem,1.1rem + 1vw,1.9rem);font-weight:700;margin-block:1.8em .5em}
h3{font-size:1.15rem;margin-block:1.4em .4em}
p,ul,ol,dl{margin-block:0 1em}
a{color:var(--deep);text-underline-offset:.18em}
a:hover{color:var(--navy)}
img,svg{max-inline-size:100%;block-size:auto}
/* a11y */
.skip{position:absolute;inset-inline-start:-9999px;inset-block-start:0;background:#fff;color:var(--navy);padding:.6em 1em;z-index:100;border-radius:0 0 8px 8px;font-weight:600}
.skip:focus{inset-inline-start:.5em}
:focus-visible{outline:3px solid var(--deep);outline-offset:3px;border-radius:4px}
.wa:focus-visible,footer a:focus-visible{outline-color:var(--amber)}
/* header: sticky glass, CSS only */
header.top{position:sticky;inset-block-start:0;z-index:50;background:rgb(255 255 255/.85);backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);border-block-end:1px solid var(--line)}
.bar{max-inline-size:1120px;margin-inline:auto;padding-block:8px;padding-inline:20px;display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:10px;min-block-size:44px;font-weight:700;font-size:1.2rem;color:var(--navy);text-decoration:none;direction:ltr}
.brand .mark{inline-size:32px;block-size:32px;background:var(--navy);border-radius:9px;padding:3px}
header nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
header nav a{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:12px;border-radius:10px;color:var(--navy);text-decoration:none;font-weight:500}
header nav a:hover{background:var(--mist)}
details.langs{position:relative;border:0;padding:0;margin:0;background:none;box-shadow:none}
.langs summary{list-style:none;display:inline-flex;align-items:center;gap:6px;min-block-size:44px;padding-inline:12px;border:1px solid var(--line);border-radius:10px;color:var(--navy);font-weight:500;white-space:nowrap}
.langs summary::-webkit-details-marker{display:none}
.langs ul{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 6px);z-index:60;margin:0;padding:6px;list-style:none;min-inline-size:12rem;max-block-size:70vh;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh)}
.langs li a{display:flex;min-block-size:44px;padding-inline:12px;border-radius:8px}
/* layout */
main{max-inline-size:1120px;margin-inline:auto;padding-block:8px 32px;padding-inline:20px}
.crumbs{max-inline-size:800px;margin-inline:auto;margin-block-start:12px;padding-inline:20px;font-size:.9rem;overflow-wrap:anywhere}
.crumbs ol,.crumbs ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 8px}
.crumbs li{display:inline-flex;align-items:center;gap:8px;min-inline-size:0}
.crumbs li+li::before{content:"/";color:#64748B}
.crumbs a{display:inline-flex;align-items:center;min-block-size:44px}
.content{max-inline-size:760px;margin-inline:auto}.cards{margin-block-end:40px}.corrections,.reviewed{max-inline-size:760px;margin-inline:auto}
.content.landing,.content.trust,.content.guide,.content.faq,.content.reviews{margin-inline:auto}
.content h1{margin-block-start:.6em}
.lead{font-size:1.15rem;color:var(--navy)}
/* payment notice */
.pay,.pay-short{display:block;margin-block:0 1em;padding-block:10px;padding-inline:16px;background:#FFFBEB;color:#78350F;border:1px solid #FCD34D;border-inline-start:4px solid var(--amberd);border-radius:12px;font-weight:600;font-size:.95rem}
/* hero */
.hero{margin-inline:calc(50% - 50vw);padding-block:56px 48px;padding-inline:20px;background:radial-gradient(60% 80% at 85% 0%,#BAE6FD 0,transparent 60%),linear-gradient(180deg,var(--mist),#fff)}
.hero-in{max-inline-size:820px;margin-inline:auto;text-align:center}
.hero .sub{font-size:clamp(1.05rem,1rem + .4vw,1.3rem);color:var(--slate);margin-block:8px 22px}
.hero .pay{display:inline-block;max-inline-size:100%;margin-block-start:14px}
.cta-line{margin-block:0 12px}
/* buttons */
.wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:48px;padding-block:10px;padding-inline:22px;background:var(--wa);color:#fff;border-radius:12px;text-decoration:none;font-weight:600;box-shadow:0 6px 16px rgb(15 122 63/.25);transition:transform .15s,box-shadow .15s}
.wa:hover{color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px rgb(15 122 63/.3)}
.wa.big{min-block-size:56px;font-size:1.1rem;padding-inline:30px}
/* cards */
.cards h2{margin-block-start:1.4em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.card{display:flex;align-items:center;justify-content:center;min-block-size:88px;padding:18px;background:linear-gradient(160deg,#fff,var(--mist));border:1px solid var(--line);border-radius:var(--r);text-align:center;text-decoration:none;color:var(--navy);font-weight:600;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-2px);box-shadow:var(--sh);color:var(--navy)}
/* partial blocks */
.networks,.risks,.quote,.receive,.models,section[class]>ul{margin-block:24px}
.networks,.risks,.quote,.content section[id]:not(.networks):not(.risks):not(.quote){padding:20px;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--sh)}
.content section h2{margin-block-start:0;font-size:1.3rem}
.networks{overflow-x:auto}
table{inline-size:100%;border-collapse:collapse;font-size:.95rem}
th,td{padding-block:10px;padding-inline:12px;text-align:start;border-block-end:1px solid var(--line);vertical-align:top}
th{color:var(--navy);background:var(--mist);font-weight:600}
.risks{background:#FFF7ED!important;border-color:#FED7AA!important}
.quote dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0}
.quote dt{font-weight:600;color:var(--navy)}
.quote dd{margin:0;font-variant-numeric:tabular-nums}
.quote dd.note{grid-column:1/-1;margin-block-start:8px;padding-block-start:10px;border-block-start:1px dashed var(--line);color:var(--slate)}
.content ul{padding-inline-start:1.2em}
.content li{margin-block-end:.4em}
.content li::marker{color:var(--deep)}
blockquote{margin-block:12px;margin-inline:0;padding-block:8px;padding-inline:16px;border-inline-start:4px solid var(--sky);background:var(--mist);border-radius:0 10px 10px 0}
html[dir="rtl"] blockquote{border-radius:10px 0 0 10px}
details{border:1px solid var(--line);border-radius:12px;padding-block:4px;padding-inline:16px;margin-block:10px;background:#fff}
summary{cursor:pointer;min-block-size:44px;display:flex;align-items:center;font-weight:600;color:var(--navy)}
.img{margin-block:20px;margin-inline:0}.img img{border-radius:var(--r);block-size:auto}
.placeholder{background:#FEF2F2;color:#7F1D1D;border:1px dashed #FCA5A5;padding:12px;border-radius:10px}
.byline,.corrections,.reviewed{font-size:.9rem;color:#475569}
.related{margin-block:32px;padding:20px;background:var(--mist);border-radius:var(--r)}
.related h2{font-size:1.15rem;margin-block:0 .6em}.related h2+ul+h2{margin-block-start:1em}
.links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.related .links a{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:14px;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--navy);font-size:.95rem}
/* page CTA */
.cta{margin-block:32px;flex-wrap:wrap;align-items:center;gap:14px 20px;padding:28px;border-radius:20px;background:radial-gradient(80% 120% at 100% 0%,#0369A1 0,var(--navy) 60%);color:#fff}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.cta .pay{margin:0;flex:1 1 260px;background:rgb(251 191 36/.12);color:#FDE68A;border-color:rgb(251 191 36/.4);border-inline-start-color:var(--amber)}
/* footer */
footer{background:#061F31;color:#CBD5E1;font-size:.95rem;margin-block-start:24px}
.fwrap{max-inline-size:1120px;margin-inline:auto;padding-block:36px 28px;padding-inline:20px}
footer h2{color:#fff;font-size:1rem;margin-block:18px 8px}
footer a{color:#E0F2FE}footer a:hover{color:#fff}
footer .links{gap:4px 18px}footer .links a{display:inline-flex;align-items:center;min-block-size:44px}
.official{margin-block:20px 8px;padding:12px 16px;border:1px solid rgb(251 191 36/.4);border-radius:12px;color:#FDE68A}
.official strong{color:#FDE68A}
.chan a{display:inline-flex;align-items:center;min-block-size:44px}
@media (max-width:600px){header.top{position:static}.bar{padding-block:4px;flex-wrap:nowrap}header nav{gap:2px;flex-wrap:wrap;justify-content:flex-end;min-inline-size:0;padding-inline-end:4px}.bar{padding-inline:12px}.brand span{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.langs summary{padding-inline:8px;font-size:.9rem}header nav a{padding-inline:8px;font-size:.95rem;white-space:nowrap}header nav>a:first-child{display:none}.grid{gap:10px}.card{min-block-size:64px;padding:12px;font-size:.95rem}.hero{padding-block:36px 32px}.cta{padding:20px}.quote dl{grid-template-columns:1fr}.quote dt{margin-block-start:6px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{header.top,nav,.cta,.skip,footer{display:none}a[href^="http"]::after{content:" (" attr(href) ")"}body{color:#000;background:#fff}}

/* generated: per-language font fallbacks */
:lang(zh-Hans) body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC","Source Han Sans SC",sans-serif}
:lang(ru) body{font-family:system-ui,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif}
:lang(ku-Arab) body{font-family:"Noto Naskh Arabic","Noto Sans Arabic",Rubik,Tahoma,"Segoe UI",sans-serif}
:lang(hi) body{font-family:"Noto Sans Devanagari","Nirmala UI","Kohinoor Devanagari",Mangal,sans-serif}
:lang(ur) body{font-family:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq","Urdu Typesetting","Noto Naskh Arabic",Rubik,Tahoma,sans-serif;line-height:2.1}

bdi[dir=ltr]{white-space:nowrap}h1,h2,h3{overflow-wrap:anywhere}.langs summary{white-space:nowrap}.nw{white-space:nowrap}@media (max-width:600px){.chan .nw{display:block;margin-block:4px}.chan .sep{display:none}}

/* qa-fix */bdi[dir=ltr],.nw{white-space:nowrap}.cform .ts:empty{display:none;margin:0;min-block-size:0}.nf{padding-block:28px;border-block-end:1px solid var(--line,#e5e7eb)}.nf h1{margin-block:0 8px}.nf h2{font-size:1.25rem;margin-block:0 6px}.nf-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0 0}.nf-cta .btn{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding:0 16px;border:1px solid var(--line,#d0d7de);border-radius:10px;text-decoration:none;font-weight:600}.nf-cta .btn.wa{background:#15803d;color:#fff;border-color:#15803d}

/* Taskflik contact form. No JS. Logical properties. No text in CSS. */
.cform{--navy:#082F49;--deep:#0369A1;--line:#CBD5E1;--err:#B91C1C;--ok:#0F7A3F;max-inline-size:640px;margin-inline:auto;margin-block:32px;padding:clamp(20px,4vw,36px);background:#fff;border:1px solid #E2E8F0;border-radius:20px;box-shadow:0 1px 2px rgb(8 47 73/.06),0 12px 32px rgb(8 47 73/.08)}
.cform h2{margin-block:0 6px;color:var(--navy);font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem)}
.cform .intro{margin-block:0 20px;color:#334155}
.cform .pay-short{margin-block:0 20px}
.cform .field{display:grid;gap:6px;margin-block-end:16px}
.cform label{font-weight:600;color:var(--navy)}
.cform .hint{font-size:.88rem;color:#475569;margin:0}
.cform input,.cform textarea{inline-size:100%;min-block-size:48px;padding-block:12px;padding-inline:14px;font:inherit;color:#0F172A;background:#fff;border:1.5px solid var(--line);border-radius:12px;transition:border-color .15s,box-shadow .15s}
.cform textarea{min-block-size:140px;resize:vertical}
.cform input:hover,.cform textarea:hover{border-color:#94A3B8}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--deep);box-shadow:0 0 0 4px rgb(3 105 161/.18)}
.cform input:focus-visible,.cform textarea:focus-visible{outline:3px solid var(--deep);outline-offset:1px}
.cform [dir="ltr"]{text-align:start}
html[dir="rtl"] .cform input[type="email"],html[dir="rtl"] .cform input[inputmode="tel"]{text-align:end}
/* honeypot: off-screen, not display:none, skipped by keyboard and screen readers */
.cform .hp{position:absolute!important;inset-inline-start:-10000px;inline-size:1px;block-size:1px;overflow:hidden}
.cform .ts{min-block-size:65px;margin-block:4px 16px}
.cform .ts:empty{display:none}
.cform .row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.cform button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:52px;padding-inline:28px;font:inherit;font-weight:600;color:#fff;background:var(--navy);border:0;border-radius:12px;cursor:pointer;box-shadow:0 6px 16px rgb(8 47 73/.22)}
.cform button:hover{background:#0B3B5C}
.cform button:focus-visible{outline:3px solid #FBBF24;outline-offset:3px}
.cform .alt{margin:0;font-size:.95rem}
.cform .alt a{display:inline-flex;align-items:center;min-block-size:44px}
.cform .privacy{margin-block:14px 0;font-size:.85rem;color:#475569}
/* field errors: server adds .has-error to .field and aria-invalid="true" to the input */
.cform .msg{display:none;margin:0;font-size:.9rem;font-weight:600;color:var(--err)}
.cform .has-error input,.cform .has-error textarea,.cform [aria-invalid="true"]{border-color:var(--err);background:#FEF2F2}
.cform .has-error .msg{display:block}
/* banners: hidden by default; shown by server class on .cform (is-sent / is-error / is-failed)
   OR with no server rendering at all, by redirecting to #cf-sent / #cf-error / #cf-failed (:target) */
.cform .banner{display:none;margin-block:0 20px;padding-block:14px;padding-inline:16px;border-radius:12px;border:1px solid;border-inline-start-width:5px}
.cform .banner p{margin:0}.cform .banner strong{display:block;margin-block-end:2px}
.cform .ok{background:#ECFDF5;border-color:#6EE7B7;border-inline-start-color:var(--ok);color:#064E3B}
.cform .bad{background:#FEF2F2;border-color:#FCA5A5;border-inline-start-color:var(--err);color:#7F1D1D}
.cform.is-sent .ok,.cform.is-error .bad.v,.cform.is-failed .bad.f,.cform .banner:target{display:block}
.cform.is-sent .fields,.cform:has(.ok:target) .fields{display:none}
@media (max-width:600px){.cform{border-radius:16px;margin-inline:-4px}.cform button{inline-size:100%}.cform .row{flex-direction:column;align-items:stretch}}
@media (prefers-reduced-motion:reduce){.cform *{transition:none!important}}

/* TaskFlik v4 layer: appended after base style.css + form.css. No JS, logical properties only, no text in CSS. */
:root{--r:20px;--sh:0 1px 2px rgb(8 47 73/.05),0 12px 32px rgb(8 47 73/.08);--sh2:0 2px 4px rgb(8 47 73/.06),0 24px 48px rgb(8 47 73/.14)}
body{-webkit-font-smoothing:antialiased}
h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}
h1{letter-spacing:-.025em}h2{letter-spacing:-.015em}
html[dir="rtl"] h1,html[dir="rtl"] h2{letter-spacing:0}
/* fix 1/2: phone numbers and dates never break or reorder */
bdi[dir="ltr"]{white-space:nowrap;unicode-bidi:isolate;direction:ltr}
/* header + language menu */
header.top{background:rgb(255 255 255/.8)}
.langs[open] summary{background:var(--mist);border-color:var(--sky)}
.langs ul{border-radius:16px;padding:8px;box-shadow:var(--sh2)}
.langs li a{color:var(--navy);text-decoration:none}.langs li a:hover{background:var(--mist)}
/* fix 5: calm payment line (no amber box, not all bold) */
.pay,.pay-short{display:flex;align-items:baseline;gap:8px;padding:0;margin-block:10px 1em;background:none;border:0;border-radius:0;color:var(--slate);font-size:.95rem;font-weight:400}
.pay strong,.pay-short strong{font-weight:500}
.pay::before,.pay-short::before{content:"";flex:none;inline-size:8px;block-size:8px;border-radius:50%;background:var(--sky);transform:translateY(-1px)}
.hero .pay{display:flex;margin-block-start:14px;max-inline-size:34rem}
.cta .pay{background:none;border:0;color:#E0F2FE}
.cta .pay::before{background:var(--amber)}
/* hero */
.hero{padding-block:44px 36px;background:radial-gradient(50% 70% at 90% 10%,#E0F2FE 0,transparent 70%),linear-gradient(180deg,var(--mist) 0,#fff 100%)}
.hero.v3{display:grid;gap:24px}
.hero.v3 .hero-in{max-inline-size:640px;text-align:start;margin-inline:0}
.hero .sub{font-size:1.2rem;color:var(--navy);font-weight:500}
.hero-art{margin:0;border-radius:28px;overflow:hidden;box-shadow:var(--sh2);background:#EAF6FE;aspect-ratio:16/9}
.hero-art img{display:block;inline-size:100%;block-size:100%;object-fit:cover}
html[dir="rtl"] .hero-art img{transform:scaleX(-1)}
@media (min-width:960px){.hero.v3{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;padding-block:72px 64px;padding-inline:max(20px,calc(50vw - 540px))}.hero.v3 h1{font-size:3.3rem}}
/* trust strip: facts from the page copy only */
ul.trust{list-style:none;margin-block:20px 0;margin-inline:0;padding:0;display:grid;gap:10px}
ul.trust>li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:16px;font-size:.93rem;line-height:1.5;color:var(--navy)}
ul.trust strong{font-weight:500}
@media (min-width:860px){ul.trust{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
.ico{flex:none;inline-size:24px;block-size:24px;color:var(--deep)}
/* category cards: gold is featured 2x2 so 21 cards fill every row (2,3,4 columns) */
.cards h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem);margin-block:48px 18px}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;grid-auto-flow:dense}
@media (min-width:700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media (min-width:1040px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}
.card.v3{display:flex;flex-direction:column;padding:0;overflow:hidden;min-block-size:0;text-align:start;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);justify-content:flex-start;align-items:stretch}
.card.v3 img{order:-1;display:block;inline-size:100%;block-size:auto;aspect-ratio:4/3;object-fit:cover;background:var(--mist);transition:transform .4s}
.card.v3 span{display:flex;align-items:center;min-block-size:56px;padding-block:12px;padding-inline:16px;font-weight:600;line-height:1.3;border-block-start:1px solid var(--line)}
.card.v3.feat{grid-column:span 2;grid-row:span 2}
.card.v3.feat img{flex:1 1 auto;aspect-ratio:auto;min-block-size:0;block-size:0}
.card.v3.feat span{font-size:1.15rem}
@media (max-width:699px){.card.v3.feat{grid-row:span 1}.card.v3.feat img{block-size:auto;aspect-ratio:16/9;flex:none}}
.card.v3:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.card.v3:hover img{transform:scale(1.03)}
@media (max-width:600px){.card.v3 span{min-block-size:48px;padding-inline:12px;font-size:.92rem}}
/* 3-step how it works */
.steps{margin-block:56px 8px}
.steps h2{margin-block:0 18px;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem)}
.steps ol{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:s}
@media (min-width:860px){.steps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.steps li{counter-increment:s;position:relative;padding:22px;padding-block-start:56px;background:var(--mist);border-radius:var(--r)}
.steps li::before{content:counter(s);position:absolute;inset-block-start:18px;inset-inline-start:22px;inline-size:30px;block-size:30px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:.9rem}
.steps li .ico{position:absolute;inset-block-start:20px;inset-inline-end:22px}
.steps li p{margin:0;color:var(--navy);line-height:1.55}
/* content pages: product figure, rhythm, tables, faq */
.v3-figure{margin-block:8px 24px;margin-inline:0;border-radius:var(--r);overflow:hidden;background:var(--mist);box-shadow:var(--sh)}
.v3-figure img{display:block;inline-size:100%;block-size:auto;aspect-ratio:4/3;object-fit:cover}
@media (min-width:700px){.v3-figure img{aspect-ratio:16/9}}
.content{font-size:1.04rem}
.content h1{margin-block:.5em .3em}
.content h2{margin-block:1.9em .6em}
.content > ul,.content > ol{padding-block:18px;padding-inline:2.2em 20px;background:var(--mist);border-radius:var(--r)}
.content table{border:1px solid var(--line);border-radius:16px;overflow:hidden;border-collapse:separate;border-spacing:0;box-shadow:var(--sh)}
.content td:first-child{color:var(--navy);font-weight:500;inline-size:38%}
.content tr:last-child td{border-block-end:0}
.content details{border-radius:16px;padding-inline:18px;box-shadow:0 1px 2px rgb(8 47 73/.04)}
.content details[open]{background:var(--mist)}
.content details summary{min-block-size:52px}
.risks{border-radius:var(--r)}
.corrections,.reviewed{max-inline-size:760px;margin-inline:auto}
/* CTA with world map */
.cta{padding:32px;border-radius:28px;background:linear-gradient(90deg,rgb(8 47 73/.96) 0,rgb(8 47 73/.82) 60%,rgb(8 47 73/.55) 100%),url(/assets/img/worldmap-800.9560ab1b70.webp) center/cover no-repeat,var(--navy);box-shadow:var(--sh2)}
html[dir="rtl"] .cta{background:linear-gradient(270deg,rgb(8 47 73/.96) 0,rgb(8 47 73/.82) 60%,rgb(8 47 73/.55) 100%),url(/assets/img/worldmap-800.9560ab1b70.webp) center/cover no-repeat,var(--navy)}
.cta .wa{min-block-size:52px}
/* home: short contact CTA (form lives on /contact) */
.ccta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;max-inline-size:760px;margin-block:40px 24px;margin-inline:auto;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--sh)}
.ccta h2{margin:0 0 4px;font-size:1.3rem}.ccta p{margin:0}
.btn2{display:inline-flex;align-items:center;justify-content:center;min-block-size:48px;padding-inline:22px;border-radius:12px;background:var(--navy);color:#fff;text-decoration:none;font-weight:600}
.btn2:hover{color:#fff;background:var(--deep)}
/* contact form: reserve the Turnstile slot (approved) to avoid layout shift */
.cform .ts{min-block-size:65px}
/* root language chooser: centred flex-wrap 2 / 4 / 5 / 7 per row */
.hero.root .sub{font-size:1.1rem}



/* 404 */
main.nf{max-inline-size:760px;padding-block:56px}
main.nf > h1{font-size:clamp(2rem,1.5rem + 2vw,3rem)}
main.nf > div{margin-block:20px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff}
main.nf h2{margin-block:0 .4em;font-size:1.15rem}
main.nf .wa{min-block-size:44px;padding-inline:16px}
/* footer */
footer{background:#061F31}
.fwrap{padding-block:48px 32px}
.official{border-color:rgb(56 189 248/.35);color:#E0F2FE}.official strong{color:#E0F2FE;font-weight:500}
/* hero copy fit (COPY_FIX 2026-11-03) */
.hero h1{text-wrap:balance;overflow-wrap:break-word;hyphens:manual}
.hero .sub{text-wrap:pretty;max-inline-size:38em}
:lang(zh-Hans) .hero h1,:lang(zh) .hero h1{line-break:strict;word-break:keep-all}
@media (max-width:420px){.hero.v3 h1{font-size:clamp(1.75rem,7.4vw,2.1rem)}}
@media (min-width:960px){.hero.v3:not(.root) h1{font-size:clamp(2.2rem,3.1vw,2.75rem);line-height:1.15}}

/* TaskFlik v5 layer (QA v4 audit) */
/* 1 overflow: grid tracks must be allowed to shrink below a table's min-content */
article.content{grid-template-columns:minmax(0,1fr)}
article.content>*,main>*{min-inline-size:0}
.networks,.table-wrap{overflow-x:auto;max-inline-size:100%}
/* 2-4 numbers, phones, dates, amounts: one LTR, unbreakable run in every script */
bdi[dir="ltr"]{white-space:nowrap;unicode-bidi:isolate;direction:ltr}
.risks ul,.risks li,.content li{text-align:start;text-justify:none}
/* 6 stacked table cards on mobile */
@media (max-width:639px){
 table.stack,table.stack tbody,table.stack tr,table.stack td,table.stack th{display:block;inline-size:auto}
 table.stack thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}
 table.stack tr{border:1px solid var(--line,#E2E8F0);border-radius:12px;padding:12px 14px;margin-block-end:12px;background:#fff}
 table.stack td,table.stack th{border:0;padding:4px 0;text-align:start}
 table.stack .rt{font-weight:700;color:var(--navy,#082F49);padding-block-end:6px;border-block-end:1px solid var(--line,#E2E8F0);margin-block-end:6px}
 table.stack [data-label]::before{content:attr(data-label);display:block;font-size:.8rem;font-weight:600;color:#475569}
}
/* 7 proof strip: real packing photo + process facts */
.proof{display:grid;gap:16px;max-inline-size:1180px;margin:24px auto;padding-inline:16px}
.proof figure{margin:0;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#F0F9FF}
.proof img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
.proof .trust{margin:0;padding:0}
@media (min-width:860px){.proof{grid-template-columns:5fr 7fr;align-items:center}.proof .trust{grid-template-columns:1fr}}
/* 5 404 */
main.nf5{max-inline-size:960px;margin:0 auto;padding:40px 16px 56px}
main.nf5 .nf{text-align:start}
main.nf5 .nf-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
main.nf5 .nf-cta .btn{min-block-size:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;margin:0}
.nf-langs ul{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:640px){.nf-langs ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.nf-langs ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
.nf-langs a{display:block;min-block-size:44px;padding:10px 12px;border:1px solid var(--line,#E2E8F0);border-radius:12px;background:#fff;text-decoration:none;color:var(--navy,#082F49)}
.nf-langs b{display:block;font-weight:600}
.nf-langs small{color:#475569;font-size:.8rem}
/* v5.1 illustration caption on the packing image */
.proof figure{position:relative}
.proof figcaption{position:absolute;inset-block-end:10px;inset-inline-start:10px;padding:4px 10px;border-radius:999px;background:rgba(8,47,73,.85);color:#fff;font-size:.8rem;font-weight:500;line-height:1.4}

/* v51 */html[lang="zh-Hans"] h1,html[lang="zh-Hans"] .hero h1{word-break:normal;line-break:strict}

/* waqr */.waqr{display:none}@media (min-width:768px){.waqr{display:inline-flex;flex-direction:column;align-items:center;gap:.4rem;margin:1rem 0 0;padding:12px;background:#fff;border:1px solid #d0d7de;border-radius:12px;color:#111;max-width:220px;text-align:center}.waqr img{display:block;width:168px;height:168px;background:#fff;image-rendering:pixelated}.waqr figcaption{font-size:.9rem;line-height:1.35;color:#111}.cta .waqr{display:flex;margin:1rem auto 0}}