/* Tenders Desk — the pieces shared by the login page, the pricing page and
   the portal's Plans view: the top bar, the demo / plan forms and the
   price cards. Ink & Sky, Fraunces for headings, Inter for details. */
.td-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 32px;position:relative;z-index:2}
.td-logo{display:inline-flex;flex-direction:column;gap:4px;text-decoration:none}
.td-logo img{height:30px;width:auto;display:block}
.td-logo span{font-family:'Inter',system-ui,sans-serif;font-size:9.5px;font-weight:600;letter-spacing:.32em;color:#5A6275}
.td-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.td-links a,.td-links button{font-family:'Fraunces',Georgia,serif;font-size:15px;font-weight:600;color:#14161C;text-decoration:none;
  padding:9px 16px;border-radius:22px;border:none;background:none;cursor:pointer;line-height:1.2}
.td-links a:hover,.td-links button:hover{background:rgba(255,255,255,.6)}
.td-links .td-cta{background:#14161C;color:#FFFFFF}
.td-links .td-cta:hover{background:#2A2E38}

/* buttons */
.td-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:12px;border:1px solid #C9D6EE;
  background:#FFFFFF;color:#14161C;font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:15.5px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all .16s ease}
.td-btn:hover{border-color:#14161C}
.td-btn.main{background:#14161C;border-color:#14161C;color:#FFFFFF}
.td-btn.main:hover{background:#2A2E38}
.td-btn.sky{background:#8FAEE3;border-color:#8FAEE3;color:#14161C}
.td-btn:disabled{opacity:.55;cursor:default}

/* the demo / plan form, over the page */
.td-modal{position:fixed;inset:0;z-index:200;background:rgba(20,22,28,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.td-dlg{width:440px;max-width:100%;max-height:calc(100vh - 32px);overflow-y:auto;background:#FFFFFF;border-radius:20px;padding:26px 26px 22px;
  box-shadow:0 30px 70px rgba(20,22,28,.3);font-family:'Inter',system-ui,sans-serif;color:#14161C}
.td-dlg h3{margin:0 0 4px;font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:24px;letter-spacing:-.01em}
.td-dlg .td-sub{font-size:13.5px;color:#4A5163;margin-bottom:16px;line-height:1.5}
.td-dlg .td-sum{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#EEF3FC;border-radius:12px;padding:12px 14px;margin-bottom:14px}
.td-dlg .td-sum b{font-family:'Fraunces',Georgia,serif;font-size:16px}
.td-dlg .td-sum span{font-size:12.5px;color:#4A5163}
.td-dlg .td-sum .amt{font-family:'Fraunces',Georgia,serif;font-size:20px;font-weight:700;color:#14161C}
.td-dlg label{display:block;font-size:12px;font-weight:600;color:#4A5163;margin:0 0 5px}
.td-dlg input,.td-dlg textarea{width:100%;box-sizing:border-box;font-family:'Inter',system-ui,sans-serif;font-size:14px;padding:11px 13px;border:1.5px solid #E2E7F0;
  border-radius:10px;background:#F7F9FC;color:#14161C;outline:none;margin-bottom:12px}
.td-dlg textarea{min-height:70px;resize:vertical}
.td-dlg input:focus,.td-dlg textarea:focus{border-color:#4A6FB5;background:#FFFFFF;box-shadow:0 0 0 3px rgba(143,174,227,.3)}
.td-dlg .td-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.td-dlg .td-acts{display:flex;gap:10px;margin-top:4px}
.td-dlg .td-acts .td-btn{flex:1}
.td-dlg .td-msg{font-size:13px;min-height:18px;margin-top:10px;color:#A8381B;line-height:1.5}
.td-dlg .td-msg.ok{color:#0B7A4B}
.td-dlg .td-x{float:right;width:34px;height:34px;border-radius:50%;border:1px solid #E2E7F0;background:#FFFFFF;font-size:18px;cursor:pointer;color:#14161C}
.td-dlg .td-fine{font-size:11.5px;color:#7A8294;margin-top:10px;line-height:1.5}
@media(max-width:480px){ .td-dlg{padding:20px 18px} .td-dlg .td-two{grid-template-columns:1fr} }

/* pricing */
.td-pricing{font-family:'Inter',system-ui,sans-serif;color:#14161C}
.td-period{display:inline-flex;gap:4px;padding:5px;border-radius:30px;background:#FFFFFF;border:1px solid #DCE5F5;box-shadow:0 2px 10px rgba(74,111,181,.08)}
.td-period button{border:none;background:none;font-family:'Fraunces',Georgia,serif;font-size:14.5px;font-weight:600;color:#4A5163;padding:9px 18px;border-radius:24px;cursor:pointer}
.td-period button.on{background:#14161C;color:#FFFFFF}
.td-period button small{font-family:'Inter',system-ui,sans-serif;font-size:11px;font-weight:700;color:#0B7A4B;margin-left:6px}
.td-period button.on small{color:#7FE0AE}
.td-ptop{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.td-coupon{display:flex;gap:8px;align-items:center}
.td-coupon input{width:150px;font-family:'Inter',system-ui,sans-serif;font-size:13.5px;padding:10px 12px;border:1.5px solid #DCE5F5;border-radius:10px;background:#FFFFFF;outline:none;text-transform:uppercase}
.td-coupon input:focus{border-color:#4A6FB5}
.td-coupon button{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:14px;padding:10px 14px;border-radius:10px;border:1px solid #C9D6EE;background:#FFFFFF;cursor:pointer}
.td-coupon .cmsg{font-size:12.5px;font-weight:600}
.td-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.td-card{position:relative;display:flex;flex-direction:column;gap:14px;background:#FFFFFF;border:1px solid #E2E7F0;border-radius:20px;padding:26px 24px 24px;box-shadow:0 2px 6px rgba(20,22,28,.04)}
.td-card.hi{border:2px solid #14161C;box-shadow:0 18px 40px rgba(20,22,28,.12)}
.td-card .td-badge{position:absolute;top:-12px;left:24px;background:#8FAEE3;color:#14161C;font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:20px}
.td-card .td-cur{position:absolute;top:-12px;right:24px;background:#16A266;color:#FFFFFF;font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:20px}
.td-card h4{margin:0;font-family:'Fraunces',Georgia,serif;font-size:24px;font-weight:700}
.td-card .tg{font-size:13.5px;color:#4A5163;margin-top:-8px;line-height:1.45}
.td-card .pr{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.td-card .pr b{font-family:'Fraunces',Georgia,serif;font-size:38px;font-weight:700;letter-spacing:-.02em;line-height:1}
.td-card .pr span{font-size:13.5px;color:#4A5163}
.td-card .pr s{font-size:14px;color:#7A8294}
.td-card .sv{font-size:12.5px;font-weight:700;color:#0B7A4B;margin-top:-6px;min-height:16px}
.td-card ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}
.td-card li{display:flex;gap:9px;font-size:14px;line-height:1.4;color:#2C3140}
.td-card li:before{content:"";flex-shrink:0;width:18px;height:18px;margin-top:1px;border-radius:50%;
  background:#E4F5EC url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%230B6E43' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12l5 5 9-10'/></svg>") no-repeat center}
.td-card .td-btn{width:100%}
.td-pfine{font-size:12.5px;color:#5A6275;margin-top:18px;line-height:1.6}

/* dark portal */
body.dark .td-card{background:#181B22;border-color:rgba(255,255,255,.09);color:#EEF2FA}
body.dark .td-card.hi{border-color:#8FAEE3}
body.dark .td-card h4,body.dark .td-card .pr b{color:#EEF2FA}
body.dark .td-card li{color:#C8D3E6}
body.dark .td-card .tg,body.dark .td-card .pr span{color:#B7C0D2}
body.dark .td-period{background:#181B22;border-color:rgba(255,255,255,.09)}
body.dark .td-period button{color:#B7C0D2}
body.dark .td-period button.on{background:#8FAEE3;color:#14161C}
body.dark .td-coupon input,body.dark .td-coupon button{background:#181B22;border-color:rgba(255,255,255,.12);color:#EEF2FA}
body.dark .td-btn{background:#181B22;border-color:rgba(255,255,255,.12);color:#EEF2FA}
body.dark .td-btn.main{background:#8FAEE3;border-color:#8FAEE3;color:#14161C}
body.dark .td-pfine,body.dark .td-pricing{color:#B7C0D2}
@media(max-width:640px){ .td-head{padding:14px 16px} .td-logo img{height:24px} .td-links a,.td-links button{font-size:13.5px;padding:7px 10px} }