:root{--ink:#14202b;--mut:#55636f;--bg:#ffffff;--soft:#f3f6f8;--line:#dde4ea;--brand:#0b6e74;--brand2:#0a5258;--acc:#f2a33a;--ok:#1d7a46}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--brand)}a:hover{color:var(--brand2)}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
header.top{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:12px}
.logo{font-weight:800;font-size:20px;color:var(--ink);text-decoration:none;letter-spacing:-.3px}.logo span{color:var(--brand)}
nav.main a{margin-left:16px;text-decoration:none;color:var(--ink);font-size:15px}
.btn{display:inline-block;background:var(--acc);color:#1b1205;font-weight:700;padding:12px 20px;border-radius:10px;text-decoration:none;border:0;cursor:pointer;font-size:16px}
.btn:hover{filter:brightness(.95);color:#1b1205}
.hero{background:linear-gradient(135deg,#0b6e74,#0d4f63);color:#fff;padding:44px 0 40px}
.hero h1{font-size:clamp(28px,4.6vw,42px);line-height:1.15;margin:0 0 10px;letter-spacing:-.5px}
.hero p{font-size:19px;opacity:.95;max-width:720px;margin:0 0 18px}
.crumbs{font-size:14px;color:var(--mut);margin:14px 0 0}.crumbs a{color:var(--mut)}
.hero .crumbs,.hero .crumbs a{color:#d6eef0}
main{padding:10px 0 40px}
h2{font-size:26px;margin:34px 0 10px;letter-spacing:-.3px}h3{font-size:19px;margin:22px 0 6px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:14px 0}
.card{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff;text-decoration:none;color:var(--ink);display:block}
a.card:hover{border-color:var(--brand)}
.card b{display:block;font-size:17px}.card small{color:var(--mut)}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:14px 0}
.fact{background:var(--soft);border-radius:12px;padding:14px}.fact .v{font-size:24px;font-weight:800}.fact .l{font-size:14px;color:var(--mut)}
table{border-collapse:collapse;width:100%;font-size:15px;margin:10px 0}th,td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left}th{background:var(--soft)}
.tbl{overflow-x:auto}
.two{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
@media(max-width:860px){.two{grid-template-columns:minmax(0,1fr)}nav.main{display:flex;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;max-width:68vw}nav.main a{margin-left:14px;font-size:14px;padding:10px 0}}
main table{max-width:100%}@media(max-width:600px){main table{display:block;overflow-x:auto;white-space:nowrap}}
footer a{display:inline-block;padding:4px 0;min-height:24px}
.lead{border:2px solid var(--brand);border-radius:14px;padding:18px;background:#fff;position:sticky;top:76px}
.lead h3{margin-top:0}.lead label{display:block;font-size:14px;margin:8px 0 3px;font-weight:600}
.lead input,.lead select,.lead textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font:inherit}
.lead .consent{font-size:12px;color:var(--mut);display:flex;gap:8px;align-items:flex-start;margin:10px 0;font-weight:400}
.lead .consent input{width:auto;margin-top:3px}
.note{font-size:13px;color:var(--mut);border-left:3px solid var(--line);padding-left:10px;margin:18px 0}
.disclose{background:var(--soft);border-radius:10px;padding:12px 14px;font-size:14px;color:var(--mut);margin:20px 0}
details{border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:8px 0}summary{font-weight:700;cursor:pointer}
.updated{font-size:13px;color:var(--mut)}
.tldr{background:#fff8ec;border:1px solid #f4d9a8;border-radius:12px;padding:14px 16px;margin:18px 0}
footer{background:#0f1c25;color:#c9d4dc;padding:30px 0;font-size:14px}footer a{color:#e7f1f6}
footer .cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.ok{color:var(--ok);font-weight:700}

.hp-hero{position:relative;background:linear-gradient(180deg,#bfe6ef 0%,#e8f6f9 70%);overflow:hidden;color:var(--ink)}
.hp-hero .wrap{position:relative;z-index:2;padding:34px 18px 12px}.hp-hero h1{font-size:clamp(30px,5vw,48px);line-height:1.1;margin:0 0 8px;color:#0d4f63}.hp-hero h1 span{color:#e76f51}
.hp-hero p{font-size:19px;max-width:640px;margin:0 0 16px}.hp-hero .btns{display:flex;gap:10px;flex-wrap:wrap}
.hp-scene{display:block;width:100%;max-width:1200px;height:auto;margin:0 auto;overflow:visible}
.hp-stripe{transform-origin:175px 380px;animation:hpPaint 5s ease-in-out infinite}
@keyframes hpPaint{0%{transform:scaleY(0)}70%,100%{transform:scaleY(1)}}
.hp-arm-roll{animation:hpRoll 1.25s ease-in-out infinite alternate}@keyframes hpRoll{from{transform:translateY(40px)}to{transform:translateY(-70px)}}
.hp-row{opacity:0;animation:hpRow 6s infinite}@keyframes hpRow{0%{opacity:0;transform:translateY(-14px)}8%,85%{opacity:1;transform:none}100%{opacity:0}}
.hp-arm-trowel{animation:hpTrowel .9s ease-in-out infinite alternate}@keyframes hpTrowel{from{transform:rotate(-12deg)}to{transform:rotate(18deg)}}
.hp-shingle{opacity:0;animation:hpShingle 6s infinite}@keyframes hpShingle{0%{opacity:0}10%,88%{opacity:1}100%{opacity:0}}
.hp-arm-hammer{animation:hpHammer .45s ease-in infinite alternate}@keyframes hpHammer{from{transform:rotate(-35deg)}to{transform:rotate(25deg)}}
.hp-b,.hp-p{animation:hpBob 1.6s ease-in-out infinite}@keyframes hpBob{50%{transform:translateY(-2px)}}
.hp-cloud{animation:hpCloud 40s linear infinite}.hp-cloud.c2{animation-duration:55s}@keyframes hpCloud{from{transform:translateX(-120px)}to{transform:translateX(220px)}}
@media(prefers-reduced-motion:reduce){.hp-scene *{animation:none!important;opacity:1!important;transform:none!important}}

.featpro{position:relative;border:2px solid var(--brand);border-radius:16px;padding:16px;margin:16px 0;background:#f4fbfb}.fp-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.fp-top b{font-size:20px}
.fp-badge{background:#fde8e4;color:#b23a2a;border-radius:999px;padding:2px 10px;font-weight:700;font-size:13px}.fp-acts{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.fp-disc{margin:6px 0 0;font-size:12px}.fpmini{margin:10px 0}

.hp-nav .wrap{gap:10px}.hp-main a{margin-left:14px}.hp-acts{display:flex;align-items:center;gap:8px}.hp-join{font-weight:800;text-decoration:none;color:var(--brand);white-space:nowrap}
.hp-cta{padding:8px 14px;font-size:15px}.hp-burger{display:inline-flex;flex-direction:column;gap:4px;background:none;border:1px solid var(--line);border-radius:10px;padding:9px 8px;cursor:pointer}
.hp-burger span{display:block;width:20px;height:2px;background:var(--ink)}
.hp-drawer{position:fixed;top:0;right:0;bottom:0;width:min(380px,90vw);background:#fff;z-index:50;transform:translateX(105%);transition:transform .2s;overflow-y:auto;padding:0 16px 24px;box-shadow:-8px 0 30px rgba(0,0,0,.2);visibility:hidden}
.hp-drawer.open{transform:none;visibility:visible}.hp-back{position:fixed;inset:0;background:rgba(10,20,30,.45);z-index:40}.hp-dtop{display:flex;justify-content:space-between;align-items:center;height:60px}
.hp-dtop button{font-size:20px;background:none;border:0;cursor:pointer}.hp-dl{display:block;padding:11px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600}
@media(max-width:900px){nav.hp-main,.hp-join{display:none}}.hp-nav .logo{white-space:nowrap}@media(max-width:420px){.hp-cta{display:none}}
.hpstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:18px 0}.hpstrip .card{border:2px solid var(--brand)}
.card{position:relative;padding-right:76px}.hsave{position:absolute;top:8px;right:8px;font:inherit;font-size:12px;font-weight:700;border:1px solid var(--line);background:#fff;border-radius:999px;padding:2px 8px;cursor:pointer;color:var(--ink)}
.hsave.on{background:#ffe8ef;border-color:#e0457b;color:#9d174d}
.quest{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}.quest li{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.quest li b{display:block}.quest li span{font-size:14px;color:var(--mut)}.qchk{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:block}
.quest li.qdone{background:#ecfdf5;border-color:#a7f3d0}.quest li.qdone .qchk{background:var(--ok);border-color:var(--ok)}
.qgo{font:inherit;font-weight:800;text-decoration:none;background:var(--acc);color:#1b1205;border:0;border-radius:999px;padding:6px 14px;cursor:pointer}
.qhead{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#0d4f63;color:#fff;border-radius:16px;padding:16px 18px;margin:12px 0}.qhead>div:first-child{flex:1 1 240px}
.q-lvl{font-size:24px;font-weight:800;color:var(--acc)}.bk-bar{height:12px;background:rgba(255,255,255,.2);border-radius:999px;overflow:hidden;margin:6px 0}.bk-bar i{display:block;height:100%;width:0;background:var(--acc);transition:width .4s}
.qtoast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:60;background:#0d4f63;color:#fff;border-radius:14px;padding:12px 18px;box-shadow:0 10px 30px rgba(0,0,0,.3);display:grid;gap:2px;transition:opacity .5s,transform .5s;max-width:92vw}
.qtoast b{color:var(--acc)}.qtoast a{color:#fff}.qtoast.out{opacity:0;transform:translate(-50%,12px)}
.mcard{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#0d4f63,#0b6e74);color:#fff;border-radius:18px;padding:20px 22px;margin-bottom:18px}
.mcard h2{color:#fff;margin:2px 0 6px}.mc-code{font-size:20px;letter-spacing:.08em;background:var(--acc);color:#1b1205;border-radius:8px;padding:2px 8px}.mc-lvl{font-size:22px;font-weight:800;color:var(--acc)}.mc-side{display:grid;gap:8px;justify-items:end}
.inv{display:flex;gap:8px;margin:8px 0}.inv input{flex:1;min-width:0;font:inherit;padding:12px;border:2px solid var(--brand);border-radius:12px}
.shr{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.shr a,.shr button{font:inherit;font-weight:700;text-decoration:none;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer}
.rw{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:12px 0}.rw-i{border:2px solid var(--brand);border-radius:14px;padding:14px}.rw-i b{font-size:26px;color:var(--brand)}
.rw-i span{display:block;font-size:12px;text-transform:uppercase;color:var(--mut)}.rw-i p{margin:6px 0 0;font-weight:700}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}@media(max-width:800px){.two{grid-template-columns:1fr}}
.eform input,.eform select,.eform textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px}.eform label{display:block;font-weight:600;font-size:14px}
.eform .cbx{display:inline-flex;gap:6px;align-items:center;font-weight:500;margin:0 10px 6px 0}.eform .cbx input{width:auto;margin:0}.eform fieldset{border:1px solid var(--line);border-radius:10px;margin:6px 0 10px}
.eform .consent{display:flex;gap:8px;font-weight:400;font-size:13px}.eform .consent input{width:auto}.eform-msg{background:#ecfdf5;border-radius:10px;padding:10px;font-weight:700}
.fchips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.fchip{font:inherit;font-weight:700;border:2px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer}.fchip.on{background:var(--brand);border-color:var(--brand);color:#fff}
.ck{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:8px 0}.ck.on{background:#ecfdf5;border-color:#a7f3d0}
.cki{font-size:24px}.ckt b{display:block}.ckt small{display:block;color:var(--mut)}.ckb{font:inherit;font-weight:800;border:0;border-radius:999px;padding:7px 14px;background:var(--acc);cursor:pointer;white-space:nowrap}.ck.on .ckb{background:var(--ok);color:#fff}
.ogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.offer{position:relative;border:2px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:4px}.offer b{font-size:18px}
.offer.sample{border-style:dashed}.otag{position:absolute;top:10px;right:10px;font-size:11px;font-weight:800;background:var(--soft);border-radius:999px;padding:2px 8px}.ocode{background:#fff7e6;border-radius:10px;padding:8px}
.dexw{background:#fff7e6;border:1px dashed var(--acc);border-radius:12px;padding:10px;margin:8px 0}.dexw select{width:100%;font:inherit;padding:9px;border-radius:10px;border:1px solid var(--line)}
.lb-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.lb{list-style:none;padding:0;display:grid;gap:6px}.lb li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:9px 12px}
.lb-n{width:30px;height:30px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-weight:900}.lb-w small{display:block;color:var(--mut)}.lb-p{font-weight:900;color:var(--brand)}.lb li.lb-empty{display:block;color:var(--mut)}
.bdg-top{display:flex;flex-wrap:wrap;gap:10px 22px;background:#0d4f63;color:#fff;border-radius:14px;padding:12px 16px;margin-bottom:12px}.bdg-top b{color:var(--acc);font-size:20px}
.bdg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.bdg{border:2px dashed var(--line);border-radius:14px;padding:10px;text-align:center;opacity:.5;filter:grayscale(1)}
.bdg.on{opacity:1;filter:none;border:2px solid var(--brand)}.bdg .bi{font-size:28px;display:block}.bdg b{display:block;font-size:14px}.bdg small{color:var(--mut);font-size:12px}
.rv{border-bottom:1px solid var(--line);padding:8px 0}.st{color:#f59e0b}.vc{color:var(--ok);font-weight:700}.rv-rep{background:var(--soft);border-radius:10px;padding:8px 10px}
.appcard{border:2px solid var(--brand);border-radius:18px;padding:18px;text-align:center}.appcard img{border-radius:28px}.why li{margin-bottom:10px}
.bizcta{background:var(--soft);border-radius:14px;padding:14px;margin:18px 0}.btn.ghost{background:#fff;border:2px solid var(--brand);color:var(--brand)}.linkbtn{background:none;border:0;color:var(--brand);text-decoration:underline;cursor:pointer;font:inherit}
.pts{width:100%;border-collapse:collapse;table-layout:fixed}.pts td:first-child,.pts th:first-child{white-space:normal;width:75%}.pts td:last-child{white-space:nowrap}.pts td,.pts th{border-bottom:1px solid var(--line);padding:8px;text-align:left}.mini{padding-left:18px}.small{font-size:14px}.mut{color:var(--mut)}