:root{--bg:#f3f6f9;--card:#fff;--ink:#0f1c2e;--mut:#64748b;--acc:#0d9467;--acc2:#e6f6ef;--line:#e2e8f0;--sh:0 8px 30px rgba(15,28,46,.08);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0d1520;--card:#162131;--ink:#eaf1f8;--mut:#93a4b8;--acc:#34d399;--acc2:#12332a;--line:#26364a;--sh:0 8px 30px rgba(0,0,0,.4)}}
:root[data-theme="dark"]{--bg:#0f1a29;--card:#132033;--ink:#f1f5f9;--mut:#a3b4c8;--acc:#34d399;--acc2:#12332a;--line:#27384f;--sh:0 8px 30px rgba(0,0,0,.45)}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:15px/1.5 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;display:flex;gap:8px;align-items:center;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--line)}
.top .sp{flex:1}.logo{font-weight:800;font-size:18px;display:flex;gap:8px;align-items:center;cursor:pointer}
.logo svg{display:block}.lg svg{width:44px;height:44px;flex:none}
button{font:inherit;cursor:pointer;border:1px solid var(--acc);background:linear-gradient(135deg,#0d9467,#0e9f8e);color:#fff;border-radius:10px;padding:8px 14px;font-weight:600;transition:.15s}button:hover{filter:brightness(1.08);transform:translateY(-1px)}.card{transition:.2s}.grid .card:hover{transform:translateY(-3px)}
button.g{background:transparent;color:var(--acc)}button.x{background:transparent;color:#dc2626;border-color:transparent;padding:4px 8px}
button.ic{background:transparent;color:var(--ink);border-color:var(--line);padding:6px 10px}
input,select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--acc)}
label{display:block;font-size:12px;color:var(--mut);margin:8px 0 3px}
#lang{width:auto}
.hero{text-align:center;padding:70px 20px 40px;background:radial-gradient(900px 300px at 50% -50px,var(--acc2),transparent)}
.hero h1{font-size:clamp(30px,6vw,52px);line-height:1.1;margin:0 auto 14px;max-width:760px;background:linear-gradient(135deg,#0d9467,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--mut);font-size:18px;max-width:560px;margin:0 auto 22px}
.sec{max-width:980px;margin:0 auto;padding:24px 16px}.sec h2{text-align:center;font-size:26px;margin:10px 0 22px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--sh)}
.card .em{font-size:28px}.card b{display:block;margin:6px 0 4px}.card span{color:var(--mut);font-size:14px}
.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.chips span{background:var(--acc2);color:var(--acc);padding:6px 14px;border-radius:99px;font-weight:600}
.cta{text-align:center;padding:36px 16px 60px}.cta button{font-size:18px;padding:14px 30px;border-radius:14px;box-shadow:0 10px 24px rgba(13,148,103,.35)}
.auth{max-width:420px;margin:30px auto;padding:0 16px}.err{color:#dc2626;font-size:13px;min-height:18px}.mut{color:var(--mut);font-size:13px}
.layout{display:flex;min-height:calc(100vh - 56px)}
aside{width:250px;flex:none;background:var(--card);border-right:1px solid var(--line);padding:14px;position:sticky;top:56px;align-self:flex-start;height:calc(100vh - 56px);overflow:auto}
.lg{display:flex;gap:10px;align-items:center;padding:6px 6px 14px;border-bottom:1px solid var(--line);margin-bottom:10px}
.lg img{width:44px;height:44px;object-fit:contain;border-radius:8px}.lg b{word-break:break-word}
.nv{display:block;width:100%;text-align:left;background:transparent;color:var(--ink);border:0;margin:3px 0;padding:10px 12px}
.nv.on{background:var(--acc2);color:var(--acc)}
main{flex:1;min-width:0;padding:18px;max-width:900px}
.ov{display:none}
@media(max-width:860px){aside{position:fixed;left:0;top:0;bottom:0;height:auto;z-index:50;transform:translateX(-105%);transition:.25s;padding-top:calc(14px + env(safe-area-inset-top,0px))}aside.open{transform:none}.ov.on{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:40}}
@media(min-width:861px){#menu{display:none}}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;align-items:center}
.tabs button{background:var(--card);color:var(--ink);border-color:var(--line)}.tabs button.on{background:var(--acc);color:#fff;border-color:var(--acc)}
.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1 1 150px}
.doc{background:#fff;color:#111;border-radius:14px;overflow:hidden;box-shadow:var(--sh);position:relative;border:1px solid var(--line)}
.doc input,.doc textarea,.doc select{background:transparent;color:#111;border:1px dashed #d4dae1;padding:4px 6px;border-radius:6px}
.band{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:22px;background:linear-gradient(135deg,var(--bc,#0d9467),color-mix(in srgb,var(--bc,#0d9467) 55%,#0b3a5c));color:#fff}
.bl{display:flex;gap:14px;align-items:center}.bl img{max-height:72px;max-width:150px;object-fit:contain;background:#fff;border-radius:10px;padding:5px}
.mono{width:56px;height:56px;border-radius:14px;background:#fff;color:#0d9467;font-weight:800;font-size:28px;display:grid;place-items:center}
.bl b{font-size:19px;display:block}.bl span{font-size:12px;opacity:.9}
.bt{text-align:right}.bt h1{margin:0;font-size:28px;letter-spacing:2px;text-transform:uppercase}
.bt input{color:#fff;border-color:rgba(255,255,255,.4);width:90px;text-align:right}
.dp{padding:18px 22px}
.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px}.meta small{display:block;color:#64748b;text-transform:uppercase;font-size:11px;letter-spacing:.5px}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:460px}
th{background:color-mix(in srgb,var(--bc,#0d9467) 12%,#fff);color:var(--bc,#0b6b4b);text-align:left;font-size:11px;text-transform:uppercase;padding:8px;letter-spacing:.5px}
.doc td{padding:4px;border-bottom:1px solid #eef1f4}.doc tbody tr:nth-child(even){background:#fafbfc}.r{text-align:right}.doc .r input{text-align:right}
.tot{margin-left:auto;max-width:300px;margin-top:12px}.tot div{display:flex;justify-content:space-between;align-items:center;padding:3px 0;gap:10px}.tot input{width:90px;text-align:right}
.big{font-weight:800;font-size:20px;border-top:2px solid var(--bc,#0d9467);margin-top:6px;padding-top:8px!important;color:var(--bc,#0d9467)}
.stamp{position:absolute;right:26px;top:38%;transform:rotate(-14deg);border:5px solid;border-radius:12px;padding:2px 18px;font-size:38px;font-weight:900;letter-spacing:4px;opacity:.93;pointer-events:none;text-transform:uppercase;animation:pop .55s cubic-bezier(.2,1.6,.4,1);z-index:2}
.stamp.p{color:#059669;background:rgba(16,185,129,.12);box-shadow:0 0 0 3px rgba(16,185,129,.25)}.stamp.u{color:#dc2626;background:rgba(220,38,38,.08)}
@keyframes pop{0%{transform:rotate(-14deg) scale(2.6);opacity:0}100%{transform:rotate(-14deg) scale(1);opacity:.93}}
.ft{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-end;padding:14px 22px 20px;background:#f7faf9;border-top:1px solid #e6ebef}
.ft em{color:var(--bc,#0d9467);font-weight:700;font-style:normal}
.lt{width:100%;border-collapse:collapse}.lt th,.lt td{padding:9px;border-bottom:1px solid var(--line);text-align:left}.lt th{background:var(--acc2);color:var(--acc)}
.kp{font-size:24px;font-weight:800;display:block}.bar{height:8px;background:var(--acc2);border-radius:9px;min-width:80px}.bar i{display:block;height:8px;border-radius:9px;background:var(--acc)}
.pv{max-width:180px;max-height:90px;object-fit:contain;display:block;margin:8px 0;border:1px solid var(--line);border-radius:10px;padding:6px;background:#fff}
.md{position:fixed;inset:0;z-index:100;background:rgba(8,15,25,.55);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px}.md .card{max-width:440px;width:100%;max-height:90vh;overflow:auto}
.ck{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--ink);margin:0 6px}.ck input{width:auto}
.bd{padding:2px 10px;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap}.bd.p{background:#d1fae5;color:#047857}.bd.u{background:#fee2e2;color:#b91c1c}
.lbox{cursor:pointer;display:block;margin:0}.ph{width:92px;height:56px;border:2px dashed rgba(255,255,255,.8);border-radius:12px;display:grid;place-items:center;font-size:12px;text-align:center;color:#fff}
.cf{position:fixed;bottom:25%;width:9px;height:14px;z-index:200;border-radius:2px;pointer-events:none;animation:cf 1.3s ease-out forwards}@keyframes cf{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
.ed{position:fixed;inset:0;z-index:90;background:var(--bg);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}
.etb{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 14px;background:var(--card);border-bottom:1px solid var(--line)}.etb select{width:auto}.etb input{width:auto}
.epb{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:6px 14px;background:var(--acc2);min-height:44px;font-size:13px}.epb select{width:auto}.epb input[type=number]{width:80px}.epb input[type=color]{width:44px;height:34px;padding:2px}
.esc{flex:1;overflow:auto;padding:16px;display:grid;justify-items:center;align-items:start}
.cv{position:relative;container-type:inline-size;width:100%;box-shadow:var(--sh);background:#fff;touch-action:pan-y;user-select:none}.cv img{display:block;width:100%;height:auto;pointer-events:none}
.lay{position:absolute;inset:0;cursor:crosshair}.cd{position:absolute;outline:1px dashed rgba(37,99,235,.75);cursor:pointer}.cd:hover{background:rgba(37,99,235,.2)}
.e1{position:absolute;white-space:pre;cursor:text;user-select:text;box-sizing:content-box;outline:0}.e1.sel{box-shadow:0 0 0 2px #2563eb}
.rb{position:absolute;border:2px dashed #2563eb;background:rgba(37,99,235,.12)}
.sg{position:absolute;cursor:move;border:1px dashed #2563eb;z-index:5;touch-action:none}.sg img{width:100%;display:block;pointer-events:none}
.rz{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;background:#2563eb;border-radius:3px;cursor:nwse-resize}
.rm{position:absolute;right:-9px;top:-9px;background:#dc2626;color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;display:grid;place-items:center;cursor:pointer}
.chk{background:repeating-conic-gradient(#e5e7eb 0 25%,#fff 0 50%) 0 0/16px 16px;border:1px solid var(--line);border-radius:10px;padding:6px}
.demo{background:linear-gradient(90deg,#fef3c7,#fde68a);color:#78350f;padding:8px 14px;font-size:13px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.demo button{color:#78350f;border-color:#b45309}
.doc.svc{border-left:10px solid var(--bc,#0d9467)}.doc.svc .band{background:#fff;color:#111;border-bottom:1px solid #e5e7eb}.doc.svc .bt h1{color:var(--bc,#0d9467);font-size:24px}.doc.svc .bt input{color:#111;border-color:#ccc}.doc.svc .bl span{color:#555;opacity:1}.doc.svc .bl img{border:1px solid #e5e7eb}
.doc.svc th{background:#111827;color:#fff}.doc.svc tbody tr:nth-child(even){background:#fff}.doc.svc .big{border-top:2px solid #111827;color:#111827}
.pill{display:inline-block;background:var(--bc,#0d9467);color:#fff;border-radius:99px;padding:2px 12px;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:6px}
.scope{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:8px 10px;margin:6px 0 12px}.scope textarea{width:100%}.scope small{color:#64748b;text-transform:uppercase;font-size:11px;letter-spacing:.5px}
/* modern + drawer + records */
body{background:radial-gradient(900px 420px at 90% -5%,color-mix(in srgb,var(--acc) 12%,transparent),transparent),radial-gradient(700px 380px at -5% 10%,color-mix(in srgb,#2563eb 8%,transparent),transparent),var(--bg);background-attachment:fixed}
.top{backdrop-filter:blur(12px);background:color-mix(in srgb,var(--card) 82%,transparent)}
.card{border-radius:18px}button{border-radius:12px}input,select,textarea{border-radius:12px}.kp{font-size:26px;letter-spacing:-.5px}
.tabs{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:var(--sh);margin-bottom:14px}.tabs button{border-radius:10px}
.hero{padding:84px 20px 50px}.hero h1{font-size:clamp(32px,6.5vw,58px);letter-spacing:-1px}
aside{padding:0;display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 56px);height:calc(100dvh - 56px)}
.anv{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:6px 12px calc(28px + env(safe-area-inset-bottom,0px))}
.lg{padding:14px;margin:0;border-bottom:1px solid var(--line)}.lg div{min-width:0}
.ng{font-size:11px;text-transform:uppercase;letter-spacing:.9px;color:var(--mut);margin:16px 8px 4px;font-weight:700}
.nv{display:flex;gap:10px;align-items:center;border-radius:12px;padding:10px 12px;font-weight:600}.nv span{width:22px;text-align:center}.nv:hover{background:var(--acc2)}.nv.on{box-shadow:inset 3px 0 0 var(--acc)}
@media(max-width:860px){aside{top:0;bottom:auto;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top,0px);width:min(86vw,300px)}body.dro{overflow:hidden}}
.rec{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:8px;overflow-x:auto}
.rec .lt th{background:transparent;color:var(--mut);border-bottom:1px solid var(--line)}.rec .lt td{background:transparent;color:var(--ink);border-bottom:1px solid var(--line);font-weight:500}.rec .lt tbody tr{background:transparent}
.bd.p{background:rgba(5,150,105,.16);color:#059669}.bd.u{background:rgba(220,38,38,.14);color:#dc2626}
:root[data-theme="dark"] .bd.p{color:#4ade80}:root[data-theme="dark"] .bd.u{color:#fca5a5}
.doc{box-shadow:0 12px 40px rgba(0,0,0,.35)}
.top{flex-wrap:wrap}.top .ic{padding:6px 12px;font-size:16px}button:disabled{opacity:.35;cursor:default;transform:none}
.inst{margin:14px 4px 4px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:12.5px}.inst summary{cursor:pointer;font-weight:700}.inst p{margin:8px 0 0;color:var(--mut)}.inst b{color:var(--ink)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#0f1c2e;color:#fff;padding:10px 18px;border-radius:99px;z-index:300;font-size:14px}
.doc.min .band{background:#fff;color:#111;border-bottom:4px solid var(--bc,#0d9467)}.doc.min .bt h1{color:var(--bc,#0d9467)}.doc.min .bt input{color:#111;border-color:#ccc}.doc.min .bl span{opacity:.7}
.doc.th{max-width:340px;margin:0 auto;font-family:"Courier New",monospace}.doc.th .band{background:#fff;color:#111;flex-direction:column;align-items:center;text-align:center;border-bottom:2px dashed #111;padding:14px}.doc.th .bt{text-align:center}.doc.th .bt h1{font-size:20px}.doc.th .bt input{color:#111;border-color:#ccc}.doc.th table{min-width:0}.doc.th th{background:#fff;border-bottom:2px dashed #111}.doc.th th,.doc.th td{padding:3px}.doc.th .dp,.doc.th .ft{padding:10px 12px}.doc.th .ft{flex-direction:column;align-items:center;text-align:center}.doc.th .stamp{font-size:24px}
@media print{.top,aside,.noprint,.ov,.md,.ed,.rz,.rm,.toast{display:none!important}.sg{border:0!important}body{background:#fff}.layout{display:block}main{padding:0;max-width:none}.doc{box-shadow:none;border:0}.doc input,.doc select,.doc textarea{border:0!important;appearance:none}}

/* ===== production additions ===== */
[hidden]{display:none!important}
.lp-hero{max-width:980px;margin:0 auto;padding:72px 18px 30px;text-align:center}
.lp-eyebrow{display:inline-block;background:var(--acc2);color:var(--acc);font-weight:700;font-size:13px;padding:5px 14px;border-radius:99px;margin:0 0 12px}
.lp-hero h1{font-size:clamp(30px,5.6vw,52px);line-height:1.1;letter-spacing:-1px;margin:8px 0 14px;background:linear-gradient(135deg,#0d9467,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-lead{font-size:18px;color:var(--mut);max-width:800px;margin:0 auto 20px}
.lp-badges{list-style:none;padding:0;display:flex;gap:8px 20px;flex-wrap:wrap;justify-content:center;color:var(--mut);margin:20px 0 0;font-size:14px}
.lp-sec{max-width:1000px;margin:0 auto;padding:34px 18px}
.lp-sec h2{font-size:clamp(22px,3.6vw,32px);text-align:center;margin:0 0 8px;letter-spacing:-.5px}
.lp-sub{text-align:center;color:var(--mut);max-width:740px;margin:0 auto 22px}
.lp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.lp-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}
.lp-card h3{margin:6px 0 6px;font-size:17px}.lp-card p{margin:0;color:var(--mut);font-size:14.5px}.lp-card .em{font-size:26px}
.lp-card ul{margin:8px 0 0;padding-left:18px;color:var(--mut);font-size:14.5px}
.lp-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.lp-chips span{background:var(--acc2);color:var(--acc);padding:6px 14px;border-radius:99px;font-weight:600;font-size:14px}
.lp-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;padding:0;margin:0;counter-reset:s}
.lp-steps li{list-style:none;counter-increment:s}.lp-steps li:before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--acc);color:#fff;font-weight:800;margin-bottom:8px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-bottom:10px}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--mut);margin:8px 0 0}
.lp-cta{text-align:center;padding:30px 18px 50px}.lp-cta button{font-size:18px;padding:14px 30px;border-radius:14px;box-shadow:0 10px 24px rgba(13,148,103,.35)}
.lp-foot{border-top:1px solid var(--line);padding:26px 18px 40px;text-align:center;color:var(--mut);font-size:13.5px}.lp-foot a{color:var(--acc)}
.ldr{position:fixed;top:0;left:0;bottom:0;width:min(86vw,310px);z-index:60;background:var(--card);border-right:1px solid var(--line);box-shadow:var(--sh);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}
.ldr-in{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:6px 12px calc(28px + env(safe-area-inset-bottom,0px))}
.ldr-h{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);font-weight:800}
.ldr a.nv{text-decoration:none;color:var(--ink)}
#ldrbg{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:55}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;z-index:99;background:#fff;padding:6px 10px}
@media print{.ldr,#ldrbg,#landing{display:none!important}}