:root{
--ink:#161a17;--muted:#5b616b;--faint:#8b9199;
--bg:#fbfbf8;--card:#ffffff;--ash:#f1f3ef;--line:#e6e8e2;
--green:#0b7443;--green-d:#095c35;--green-tint:#e7f4ec;--green-line:#bfe3cd;
--amber:#b45309;--amber-tint:#fdf1e3;
--sh-sm:0 1px 2px rgba(20,30,20,.05);
--sh:0 8px 22px rgba(20,40,25,.07),0 2px 6px rgba(20,40,25,.05);
--sh-hero:0 18px 48px rgba(11,116,67,.12),0 4px 12px rgba(20,40,25,.06);
--r:16px;--rs:12px;
}
*{box-sizing:border-box;min-width:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-wrap:break-word}
img,svg,table{max-width:100%}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px;margin:0 auto}
a{color:var(--green);text-decoration:none}
:focus-visible{outline:3px solid var(--green);outline-offset:2px;border-radius:6px}
h1,h2,h3{font-family:"Lora",Georgia,serif;letter-spacing:-.01em;color:var(--ink);font-weight:600}
.serif{font-family:"Lora",Georgia,serif}
/* header */
header.top{display:flex;justify-content:space-between;align-items:center;padding:18px 0 6px}
.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:15px;color:var(--ink)}
.brand .m{width:28px;height:28px;border-radius:8px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:"Lora",serif}
.brand small{display:block;font-weight:600;font-size:11px;color:var(--muted);letter-spacing:.02em}
.langs{display:flex;gap:4px;font-size:12.5px;font-weight:600}
.langs a{padding:5px 9px;border-radius:8px;color:var(--muted)}
.langs a.on{background:var(--ash);color:var(--ink)}
/* hero */
.hero{padding:26px 0 6px;text-align:center;animation:up .6s ease both}
.chip{display:inline-flex;align-items:center;gap:7px;background:var(--green-tint);border:1px solid var(--green-line);color:var(--green-d);font-size:13px;font-weight:600;padding:6px 13px;border-radius:100px;margin-bottom:16px}
.chip svg{width:14px;height:14px}
h1{font-size:39px;line-height:1.14;margin:.1em auto .3em;max-width:14ch}
.sub{color:var(--muted);font-size:18px;max-width:52ch;margin:0 auto 12px}
.discl{font-size:13px;color:var(--faint);max-width:56ch;margin:0 auto}
/* service cards */
.cards{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px;align-items:stretch;margin:26px 0 8px}
.svc{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;box-shadow:var(--sh-sm);animation:up .6s ease both}
.svc.pick{border:2px solid var(--green);box-shadow:var(--sh-hero);animation-delay:.08s}
.svc:nth-child(2){animation-delay:.16s}.svc:nth-child(3){animation-delay:.24s}
.badge{position:absolute;top:-12px;left:22px;background:var(--green);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.04em;padding:5px 12px;border-radius:100px;text-transform:uppercase}
.svc .lbl{font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.svc.pick .lbl{color:var(--green)}
.logo{display:flex;align-items:center;gap:10px;margin:10px 0 2px}
.logo .ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:18px;flex:none}
.logo .nm{font-size:20px;font-weight:800}
.logo .nm small{display:block;font-size:12px;font-weight:600;color:var(--faint)}
.big{font-family:"Lora",serif;font-size:33px;font-weight:700;color:var(--green);margin:12px 0 0;line-height:1}
.big small{font-family:"Manrope";font-size:14px;font-weight:600;color:var(--muted)}
.spec{color:var(--amber);background:var(--amber-tint);border-radius:7px;font-size:12.5px;font-weight:700;padding:2px 8px;display:inline-block;margin-top:8px}
.rows{list-style:none;padding:0;margin:14px 0 16px;display:flex;flex-direction:column;gap:8px}
.rows li{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--ink)}
.rows svg{width:17px;height:17px;color:var(--green);flex:none}
.svc .cta{margin-top:auto}
.cta{display:block;text-align:center;background:var(--green);color:#fff;font-weight:800;padding:14px 18px;border-radius:12px;font-size:15.5px;transition:transform .12s,background .12s;box-shadow:var(--sh-sm)}
.cta:hover{background:var(--green-d);transform:translateY(-1px)}
.cta.ghost{background:transparent;color:var(--green);border:1.5px solid var(--green-line);box-shadow:none}
.cta.ghost:hover{background:var(--green-tint)}
.chint{text-align:center;font-size:12px;color:var(--faint);margin-top:8px}
.chint b{color:var(--green)}
/* trust strip */
.trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;margin:22px 0 8px;padding:16px 18px;background:var(--ash);border-radius:var(--r);font-size:13px;color:var(--muted)}
.trust .t{display:flex;align-items:center;gap:7px;font-weight:600}
.trust svg{width:16px;height:16px;color:var(--green)}
.pay{display:inline-flex;gap:6px;align-items:center}
.pay span{background:#fff;border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;color:var(--muted)}
/* sections */
section{padding:14px 0}
h2{font-size:26px;margin:1.6em 0 .4em;scroll-margin-top:14px}
h3{font-size:19px;margin:0}
.method{background:var(--green-tint);border:1px solid var(--green-line);border-radius:var(--r);padding:20px 22px}
.method b{color:var(--green-d)}
.method ol{margin:10px 0 0;padding-left:20px;font-size:15px;color:var(--ink)}
.method li{margin:4px 0}
/* responsive comparison table */
.ctable{width:100%;border-collapse:separate;border-spacing:0;margin:10px 0;font-size:15px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.ctable th,.ctable td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line)}
.ctable thead th{background:var(--ink);color:#fff;font-family:"Manrope";font-weight:700;font-size:13px}
.ctable tbody tr:last-child td{border-bottom:none}
.ctable .sv{font-weight:800;color:var(--ink)}
.ctable td .n{font-weight:800;color:var(--green)}
.ctable .go{color:var(--green);font-weight:700;white-space:nowrap}
.note{font-size:13px;color:var(--faint);margin:8px 2px}
/* detail cards */
.dcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin:14px 0;box-shadow:var(--sh-sm)}
.dcard .dh{display:flex;align-items:center;gap:11px;margin-bottom:8px}
.dcard p{margin:.4em 0;font-size:15.5px;color:var(--ink)}
.pm{list-style:none;padding:0;margin:12px 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:7px 18px}
.pm li{font-size:14.5px;padding-left:24px;position:relative;color:var(--ink)}
.pm li.p:before{content:"";position:absolute;left:2px;top:7px;width:13px;height:13px;border-radius:50%;background:var(--green-tint);border:1.5px solid var(--green)}
.pm li.m:before{content:"–";position:absolute;left:6px;color:var(--amber);font-weight:800}
/* steps */
.steps{list-style:none;counter-reset:s;padding:0;margin:14px 0;display:grid;gap:10px}
.steps li{counter-increment:s;position:relative;padding:14px 16px 14px 58px;background:var(--card);border:1px solid var(--line);border-radius:var(--rs)}
.steps li:before{content:counter(s);position:absolute;left:14px;top:13px;width:30px;height:30px;border-radius:9px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:"Lora",serif}
.steps b{display:block;font-size:15px}
.steps span{font-size:14px;color:var(--muted)}
/* faq */
.faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--rs);padding:2px 16px}
.faq summary{font-weight:700;cursor:pointer;padding:13px 0;list-style:none;font-size:15px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--green);font-weight:800;font-size:20px}
.faq details[open] summary:after{content:"–"}
.faq p{margin:0 0 14px;color:var(--muted);font-size:14.5px}
.disclosure{background:var(--ash);border-radius:var(--rs);padding:14px 18px;font-size:13px;color:var(--muted);margin:22px 0}
footer{border-top:1px solid var(--line);margin-top:30px;padding:26px 0 92px;color:var(--faint);font-size:13px}
footer p{margin:.5em 0}footer a{color:var(--muted)}
/* sticky */
#sticky{position:fixed;left:12px;right:12px;bottom:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 30px rgba(20,40,25,.16);padding:10px 12px 10px 16px;display:none;align-items:center;gap:12px;z-index:50}
#sticky .l{flex:1;font-weight:800;font-size:14px;line-height:1.15}
#sticky .l small{display:block;color:var(--muted);font-weight:600;font-size:12px}
#sticky a{background:var(--green);color:#fff;font-weight:800;padding:12px 20px;border-radius:11px;font-size:14.5px;white-space:nowrap}
#sticky.show{display:flex}
@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
@media(prefers-color-scheme:dark){
:root{--ink:#eef1ec;--muted:#a6ada4;--faint:#7f857c;--bg:#0f1310;--card:#171c17;--ash:#1b211b;--line:#2a312a;--green:#3fae74;--green-d:#57c088;--green-tint:#12281c;--green-line:#26492f;--amber:#e0a45f;--amber-tint:#2a2113}
.brand .m,.badge,.cta,.steps li:before,#sticky a{color:#08130c}
.ctable thead th{background:#0a0f0b;color:#eef1ec}
}
/* MOBILE — stack everything, table becomes cards */
@media(max-width:820px){.cards{grid-template-columns:1fr}.svc.pick{order:-1}}
@media(max-width:680px){
.wrap{padding:0 16px}
header.top{flex-wrap:wrap;gap:8px}
.brand small{display:none}
.langs{gap:2px}.langs a{padding:5px 7px}
.hero{padding:18px 0 4px}
h1{font-size:28px;max-width:none}.sub{font-size:16.5px}
.svc{padding:18px}
.big{font-size:29px}
.cta{font-size:15px}
.trust{flex-direction:column;align-items:flex-start;gap:9px}
.faqgrid{grid-template-columns:1fr}
.pm{grid-template-columns:1fr}
.ctable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ctable,.ctable tbody,.ctable tr,.ctable td{display:block;width:100%}
.ctable{border:none;background:transparent}
.ctable tr{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;padding:6px 4px;box-shadow:var(--sh-sm)}
.ctable td{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;text-align:right;padding:11px 15px}
.ctable td:last-child{border-bottom:none}
.ctable td:before{content:attr(data-l);font-weight:700;color:var(--muted);text-align:left}
.ctable td.svc-row{background:var(--ash);border-radius:10px;font-size:17px}
.ctable td.svc-row:before{content:""}
.ctable .go{width:100%;text-align:center;display:block;background:var(--green);color:#fff;padding:11px;border-radius:10px}
}