.tlp{--blue:#0b66d6;--green:#02541a;--red:#9b0033;--ink:#141b2d;--muted:#55607a;--line:#dbe3f0;--bg:#f4f8ff;--card:#fff;
font-family:Manrope,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink);line-height:1.5;max-width:1180px;margin:0 auto;padding:0 12px 40px;box-sizing:border-box;background:linear-gradient(180deg,#eaf3ff 0,#f6faff 320px)}
.tlp *{box-sizing:border-box}
.tlp h1,.tlp h2,.tlp h3{line-height:1.2;margin:0 0 .5em;color:var(--ink)}
.tlp a{color:var(--blue)}
.tlp button{font-family:inherit}

/* shell */
.tlp-shell{display:block}
.tlp-side{display:none}
.tlp-mainwrap{min-width:0}
.tlp-top{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:12px}
.tlp-logo{width:42px;height:42px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;flex:none}
.tlp-logo.img{object-fit:contain;background:#fff;border:1px solid var(--line);padding:3px}
.tlp-herologo{display:block;max-height:64px;max-width:220px;margin:0 0 12px;background:#fff;border-radius:12px;padding:6px}
.tlp-brand{flex:1;min-width:0}.tlp-brand b{display:block;font-size:18px}.tlp-brand span{font-size:12.5px;color:var(--muted)}
.tlp-pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px;cursor:pointer;color:var(--blue)}
.tlp-out{font-size:13px;margin-left:4px}
.tlp-head{margin-bottom:12px}
.tlp-crumb{font-size:13px;color:var(--muted);margin-bottom:4px}.tlp-crumb a{text-decoration:none;color:var(--muted)}.tlp-crumb #tlp-crumb{color:var(--red);font-weight:700}
.tlp-head h1{font-size:30px;margin:0}
.tlp-head p{margin:2px 0 12px;color:var(--muted)}
.tlp-pickers{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tlp-pickers label{font-size:12px;font-weight:800;letter-spacing:.04em;display:block;margin-bottom:4px}
.tlp-pickers .c1 label{color:var(--blue)}.tlp-pickers .c2 label{color:var(--red)}
.tlp-pickers .c1 select{border-color:#a9c8f2;background:#eef5ff}.tlp-pickers .c2 select{border-color:#f0b5c6;background:#fdeff3}
.tlp-mnav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0 16px}
.tlp-mnavb{border:0;background:transparent;padding:10px 4px;border-radius:12px;font-size:12.5px;font-weight:700;color:#2b3550;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.tlp-mnavb i{font-style:normal;font-size:20px;line-height:1}
.tlp-mnavb.on{background:var(--blue);color:#fff}
.tlp-foot{text-align:center;font-size:12.5px;color:var(--muted);margin:24px 0 0}

@media (min-width:900px){
.tlp-shell{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:start}
.tlp-side{display:block;position:sticky;top:12px;background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:16px;padding:14px 10px}
.tlp-sbrand{display:flex;gap:10px;align-items:center;padding:4px 8px 12px}.tlp-sbrand b{display:block}.tlp-sbrand small{color:var(--muted);font-size:12px}
.tlp-slabel{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--muted);padding:12px 10px 4px}
.tlp-sitem{display:flex;gap:10px;align-items:center;width:100%;border:0;background:transparent;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:700;color:#2b3550;cursor:pointer;text-align:left}
.tlp-sitem i{font-style:normal;width:22px;text-align:center}
.tlp-sitem:hover{background:#eef5ff}.tlp-sitem.on{background:#e3eeff;color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}
.tlp-mnav{display:none}
.tlp-top .tlp-logo,.tlp-top .tlp-brand b,.tlp-top .tlp-brand span{display:none}
.tlp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.tlp-pickers{min-width:340px}
}
@media (max-width:420px){.tlp-row{grid-template-columns:1fr}}

/* form controls */
.tlp select,.tlp input[type=text],.tlp input[type=email],.tlp input[type=password],.tlp input[type=number],.tlp input[type=tel],.tlp input[type=date],.tlp input[type=time],.tlp textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#f7fbff;font:inherit;color:var(--ink);min-height:46px}
.tlp textarea{min-height:96px;resize:vertical}
.tlp select:focus,.tlp input:focus,.tlp textarea:focus,.tlp button:focus-visible,.tlp-ed:focus{outline:3px solid #9cc4f7;outline-offset:1px}
.tlp-sec{padding:14px 0;border-bottom:1px solid #edf1f8}
.tlp-sec:last-of-type{border-bottom:0}
.tlp-lab,.tlp-body label.l{display:block;font-weight:800;font-size:12.5px;letter-spacing:.03em;color:#1c2f52;margin:0 0 8px;text-transform:uppercase}
.tlp-body label.l{margin-top:14px;text-transform:none;font-size:13px}
.tlp-lab .req{color:var(--red)}
.tlp-hint{font-size:13px;color:var(--muted);margin:6px 0 0}.tlp-hint.center{text-align:center}
.tlp-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tlp-row .tlp-sec{border:0;padding:6px 0}
.tlp-chips{display:flex;flex-wrap:wrap;gap:8px}
.tlp-chip{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 16px;font-weight:700;font-size:14px;cursor:pointer;color:var(--ink);min-height:40px}
.tlp-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.tlp-chip.res{display:inline-flex;align-items:center;gap:6px;background:#f7fbff;color:var(--ink);cursor:default;padding:7px 8px 7px 14px}
.tlp-x{border:0;background:transparent;font-size:18px;line-height:1;cursor:pointer;color:var(--muted);padding:2px 6px}
.tlp-addrow{display:flex;gap:8px;margin-top:10px}.tlp-addrow input{flex:1}.tlp-addrow .tlp-btn{padding:10px 16px}
.tlp-dok{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tlp-dokc{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.tlp-dokc small{display:block;font-size:11.5px;font-weight:700;color:#2b3550;margin-bottom:6px;min-height:30px}
.tlp-checks{display:grid;gap:6px;max-height:230px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:10px;background:#f7fbff;margin-bottom:8px}
.tlp-checks label{display:flex;gap:8px;align-items:flex-start;font-size:14px;font-weight:500}
.tlp-checks input{margin-top:4px;flex:none}
.tlp-modes{display:flex;gap:6px;flex-wrap:wrap}
.tlp-modes button{flex:1;min-width:140px;border:2px solid var(--line);background:#fff;border-radius:12px;padding:11px 10px;font-weight:800;cursor:pointer;color:var(--ink)}
.tlp-modes button.on{border-color:var(--blue);background:#eef5ff;color:var(--blue)}

/* cards */
.tlp-card{background:var(--card);border-radius:16px;box-shadow:0 6px 24px rgba(20,40,90,.08);overflow:hidden;margin-bottom:16px}
.tlp-card>h2{background:var(--blue);color:#fff;margin:0;padding:16px 20px;font-size:21px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.tlp-card.green>h2{background:var(--green)}.tlp-card.red>h2{background:var(--red)}
.tlp-badge{background:#fff;color:var(--blue);font-size:12px;font-weight:800;padding:4px 12px;border-radius:999px}
.tlp-body{padding:14px 20px 20px}
.tlp-btn,.tlp-btn2{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px 20px;font-weight:800;cursor:pointer;text-decoration:none;min-height:48px;background:var(--blue);color:#fff}
.tlp-btn.green{background:var(--green)}.tlp-btn.red{background:var(--red)}
.tlp-btn2{background:#fff;color:var(--ink);border:1px solid var(--line)}
.tlp-btn[disabled]{opacity:.6;cursor:wait}
.tlp-btn.full{width:100%;margin-top:14px}
.tlp-msg{margin:12px 0 0;padding:10px 14px;border-radius:12px;font-size:14px;font-weight:600}
.tlp-msg.err{background:#fdeaee;color:#8a0f2d}.tlp-msg.ok{background:#e7f6ec;color:#0c5a24}
.tlp-link{background:none;border:0;color:var(--blue);font-weight:700;cursor:pointer;padding:6px}
.tlp-link.del{color:var(--red)}
.tlp-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.tlp-bar .tlp-btn,.tlp-bar .tlp-btn2{padding:10px 14px;min-height:42px;font-size:14px}

/* home and levels */
.tlp-hero{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#0b3b82 0%,#0b66d6 55%,#02541a 130%);color:#fff;padding:34px 22px;margin-bottom:16px}
.tlp-hero.small{padding:24px 22px}
.tlp-hero h1{color:#fff;font-size:36px;margin:6px 0 8px;letter-spacing:.01em}.tlp-hero p{margin:0 0 4px;font-size:16px;opacity:.95}
.tlp-kicker{font-size:12px;font-weight:800;letter-spacing:.08em;opacity:.9}
.tlp-hero .free{display:inline-block;margin-top:14px;background:#fff;color:var(--green);font-weight:800;padding:6px 14px;border-radius:999px;font-size:14px}
.tlp-hero .tlp-bar{margin-top:14px}
.tlp-h2{font-size:22px;margin:18px 0 10px}
.tlp-levels{display:grid;gap:10px}
.tlp-level{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;cursor:pointer;box-shadow:0 2px 10px rgba(20,40,90,.05)}
.tlp-level i{font-style:normal;font-size:26px}
.tlp-ltxt{flex:1}.tlp-ltxt b{display:block;font-size:20px;color:var(--blue)}.tlp-ltxt small{color:var(--muted);font-size:14px}
.tlp-level:nth-child(2) .tlp-ltxt b{color:var(--green)}.tlp-level:nth-child(3) .tlp-ltxt b{color:var(--red)}
.tlp-go{font-weight:800;color:var(--blue)}
.tlp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.tlp-fcard{background:#fff;border-radius:16px;border-top:4px solid var(--blue);padding:18px;box-shadow:0 4px 16px rgba(20,40,90,.07)}
.tlp-fcard.green{border-color:var(--green)}.tlp-fcard.red{border-color:var(--red)}
.tlp-fcard small{font-weight:800;letter-spacing:.05em;color:var(--blue);font-size:11.5px}.tlp-fcard.green small{color:var(--green)}.tlp-fcard.red small{color:var(--red)}
.tlp-fcard h3{font-size:20px;margin:4px 0 6px}.tlp-fcard p{margin:0 0 8px;color:var(--muted);font-size:14px}
.tlp-fcard .tlp-costline{font-weight:800;color:var(--ink)}
.tlp-fcard .tlp-btn{width:100%;margin-top:6px}
.tlp-costs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:14px 0}
.tlp-cost{border-radius:14px;padding:12px 14px;background:#eef5ff;border-top:4px solid var(--blue)}
.tlp-cost.green{background:#eff6f1;border-color:var(--green)}.tlp-cost.red{background:#fdf1f4;border-color:var(--red)}
.tlp-cost b{display:block;font-size:26px}.tlp-cost span{font-size:13px;color:var(--muted)}

/* documents and tables */
.tlp-ed{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff;overflow-x:auto;min-height:200px}
.tlp-ed h2{font-size:20px;color:var(--blue)}.tlp-ed h3{font-size:16px;color:var(--blue)}
.tlp-ed table,.tlp-table{border-collapse:collapse;width:100%;margin:10px 0;font-size:14px}
.tlp-ed th,.tlp-ed td,.tlp-table th,.tlp-table td{border:1px solid #9aa7bf;padding:6px 8px;vertical-align:top;text-align:left}
.tlp-ed th,.tlp-table th{background:#e8f0fb}
.tlp-scroll{overflow-x:auto;margin:12px 0}
.tlp-list{list-style:none;margin:0;padding:0}
.tlp-list li{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}
.tlp-list li:last-child{border:0}.tlp-list small{color:var(--muted);display:block}
.tlp-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.tlp-packs button{border:2px solid var(--line);background:#fff;border-radius:14px;padding:12px 6px;cursor:pointer;font-weight:800}
.tlp-packs button small{display:block;font-weight:600;color:var(--muted)}
.tlp-packs button.on{border-color:var(--blue);background:#eef5ff}
.tlp-box{background:#eef5ff;border-radius:14px;padding:14px 16px;margin:12px 0;font-size:14px}
.tlp-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:800;background:#fff;border:1px dashed var(--blue);border-radius:8px;padding:2px 8px;user-select:all}
.tlp-ttlist{display:grid;gap:8px}
.tlp-ttrow{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;font-size:14px;border:1px solid var(--line);border-radius:12px;padding:6px 6px 6px 14px;background:#f7fbff}
.tlp-ttrow input{width:84px;flex:none;min-height:40px;padding:8px 10px}
.tlp-pricing h2{font-size:28px}.tlp-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}
.tlp-price{border-radius:14px;padding:16px;background:#eef5ff;border-top:4px solid var(--blue)}
.tlp-price.tlp-green{background:#eff6f1;border-color:var(--green)}.tlp-price.tlp-red{background:#fdf1f4;border-color:var(--red)}
.tlp-amt{font-size:34px;font-weight:800}.tlp-amt small{font-size:14px;font-weight:600;color:var(--muted)}
.tlp-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.tlp-spin{display:inline-block;width:16px;height:16px;border:3px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:tlpspin .8s linear infinite}
@keyframes tlpspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.tlp-spin{animation:none}}
@media print{body *{visibility:hidden}.tlp-ed,.tlp-ed *{visibility:visible}.tlp-ed{position:absolute;left:0;top:0;width:100%;border:0}}
