﻿/* ============================================================================
   Feature-upgrade popup styles - shared by every RegisterUser page that shows
   a locked-feature ad (AI Summary / generic feature modal, Bidder Insights,
   Probable Bidders). Originally duplicated verbatim inside IndianTenders.cshtml
   and IndianFreshTenders.cshtml; consolidated here so it is fetched and parsed
   once (browser-cached) instead of once per page, and so future edits only
   happen in one place. Referenced via <link rel="stylesheet" href="~/css/feature-upgrade-popup.css" />.
   ============================================================================ */

/* -- AI Summary / generic "Feature Upgrade" modal (#modalFeatureUpgrade) -- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css');
/* Ensure all feature modals scroll instead of clipping on any screen size */
#modalFeatureUpgrade .modal-content,#modalBidderInsights .modal-content,#modalBidPredictor .modal-content,#modalUpgradeContact .modal-content{max-height:calc(100vh - 1rem);overflow-y:auto;-webkit-overflow-scrolling:touch}
/* Contact modal – full-width padding on small phones */
@media(max-width:480px){#modalUpgradeContact .modal-dialog{margin:.5rem auto;width:calc(100% - 1rem)}#modalUpgradeContact .modal-body{padding:1rem 1.25rem}#modalUpgradeContact .modal-footer{padding:.75rem 1.25rem}}
/* ── AI Bid Predictor popup (.tdbp-*) ── */
.tdbp-popup{font-family:Inter,Arial,sans-serif;color:#0a2d79;display:grid;grid-template-columns:65.5% 34.5%}
.tdbp-left{padding:20px 22px 18px 38px;background:#fff}
.tdbp-right{position:relative;padding:20px 24px 18px;background:linear-gradient(180deg,#f0f8fd 0%,#f7fbfe 100%);border-left:1px solid #edf2f5}
.tdbp-close{position:absolute;right:22px;top:16px;border:0;background:transparent;font-size:33px;font-weight:300;line-height:1;color:#111;cursor:pointer;z-index:10}
.tdbp-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:7px;background:linear-gradient(90deg,#fff0c9,#fff0d5);color:#87580b;font-size:16px;font-weight:800}
.tdbp-badge i{font-size:21px}
.tdbp-h1{margin:8px 0 3px;color:#092d89;font-size:46px;line-height:1.02;letter-spacing:-2px;font-weight:800}
.tdbp-subtitle{margin:0;color:#153576;font-size:17px;line-height:1.28;font-weight:500}
.tdbp-note{margin:4px 0 3px;color:#425578;font-size:15px}
.tdbp-main{display:grid;grid-template-columns:67% 33%;align-items:center}
.tdbp-laptop{width:100%;display:flex;justify-content:center;align-items:center}
.tdbp-laptop img{display:block;width:100%;max-width:480px;height:auto}
.tdbp-features{display:flex;flex-direction:column;gap:14px;padding-left:5px}
.tdbp-feature{display:grid;grid-template-columns:52px 1fr;gap:11px;align-items:center}
.tdbp-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}
.tdbp-blue{background:linear-gradient(135deg,#1298e9,#1475dc)}
.tdbp-green{background:linear-gradient(135deg,#0db36c,#10a45c)}
.tdbp-purple{background:linear-gradient(135deg,#9a2ce7,#6b22c6)}
.tdbp-orange{background:linear-gradient(135deg,#ff9c0c,#f27806)}
.tdbp-pink{background:linear-gradient(135deg,#f43c80,#d91f61)}
.tdbp-ftitle{font-size:14px;font-weight:800;line-height:1.15;margin-bottom:2px;color:#102d72}
.tdbp-ftext{font-size:12px;line-height:1.3;color:#24477e}
.tdbp-upgrade{min-height:64px;border-radius:9px;background:#e5f4ff;display:flex;align-items:center;gap:12px;padding:10px 14px;margin-left:-8px}
.tdbp-info{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#0877df;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px}
.tdbp-upgrade-title{font-size:15px;font-weight:800;color:#10367e;margin-bottom:2px}
.tdbp-upgrade-text{font-size:13px;color:#174586;line-height:1.35}
.tdbp-brand{display:flex;align-items:center;margin:3px 0 18px}
.tdbp-brand img{height:50px;object-fit:contain;display:block}
.tdbp-premium-box{display:flex;align-items:flex-start;gap:14px;background:linear-gradient(110deg,#e7f5ff,#dff0fc);border-radius:9px;padding:14px 16px;margin-bottom:16px}
.tdbp-lock{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#cbe8ff;color:#0874d8;display:flex;align-items:center;justify-content:center;font-size:21px}
.tdbp-premium-title{color:#0b2d78;font-size:15px;font-weight:800;margin:2px 0 6px}
.tdbp-premium-text{color:#2c518a;font-size:14px;line-height:1.35}
.tdbp-access-title{color:#0b2d78;font-size:17px;font-weight:800;margin:0 0 10px}
.tdbp-check{display:flex;align-items:flex-start;gap:9px;margin:8px 0;color:#285087;font-size:14px;line-height:1.25}
.tdbp-check i{width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:#19a35e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}
.tdbp-cta{width:100%;margin-top:14px;padding:14px 12px;border:0;border-radius:8px;background:#0875df;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer}
.tdbp-divider{height:1px;background:#d6e1e8;margin:18px 0 14px}
.tdbp-help-title{color:#0b2d78;font-size:15px;font-weight:800;margin-bottom:12px}
.tdbp-help{display:flex;align-items:center;gap:18px}
.tdbp-help-item{display:flex;align-items:center;gap:8px;color:#294e86;font-size:13px;white-space:nowrap}
.tdbp-whatsapp{color:#17a25c;font-size:22px}
.tdbp-mail{color:#173f82;font-size:20px}
@media(max-width:1000px){.tdbp-popup{grid-template-columns:1fr}.tdbp-right{border-left:0;border-top:1px solid #e5edf2}}
@media(max-width:680px){.tdbp-popup{min-height:0}.tdbp-left{padding:20px}.tdbp-h1{font-size:38px;letter-spacing:-1.5px}.tdbp-subtitle{font-size:16px}.tdbp-main{grid-template-columns:1fr}.tdbp-features{padding:15px 0}.tdbp-upgrade{margin-left:0}}
@media(max-width:480px){.tdbp-laptop{display:none}.tdbp-h1{font-size:32px}}

/* ── Shared upgrade contact aside (right panel of every feature popup) ── */
.td-upgrade-aside{position:relative;display:flex;flex-direction:column;min-width:260px;max-width:320px}
.td-upgrade-aside-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:32px;font-weight:300;line-height:1;color:#fff;cursor:pointer;z-index:10;opacity:.9;padding:0}
.td-upgrade-aside-close:hover{opacity:1}
.td-ua-header{background:linear-gradient(135deg,#1a2e7a 0%,#2563eb 65%,#06b6d4 100%);padding:44px 24px 28px;text-align:center}
.td-ua-title{color:#fff;font-size:26px;font-weight:800;margin:0 0 6px;letter-spacing:-.5px;line-height:1.1}
.td-ua-sub{color:rgba(255,255,255,.82);font-size:13px;margin:0;line-height:1.4}
.td-ua-body{background:#f8fafc;flex:1;display:flex;flex-direction:column;align-items:center;padding:28px 24px 32px;text-align:center}
.td-ua-icon-wrap{width:72px;height:72px;border-radius:50%;background:#e8f0fe;display:flex;align-items:center;justify-content:center;color:#2563eb;font-size:32px;margin-bottom:16px}
.td-ua-team{font-size:17px;font-weight:700;color:#0f172a;margin-bottom:14px}
.td-ua-phone{display:inline-flex;align-items:center;gap:8px;background:#eff6ff;color:#1d4ed8;font-size:18px;font-weight:700;padding:10px 22px;border-radius:50px;text-decoration:none;margin-bottom:16px;letter-spacing:.3px}
.td-ua-phone:hover{background:#dbeafe;color:#1e40af;text-decoration:none}
.td-ua-phone i{font-size:16px}
.td-ua-desc{color:#475569;font-size:13px;line-height:1.55;margin-bottom:24px}
.td-ua-whatsapp{display:inline-flex;align-items:center;gap:10px;background:#22c55e;color:#fff;font-size:15px;font-weight:600;padding:13px 20px;border-radius:50px;text-decoration:none;width:100%;justify-content:center}
.td-ua-whatsapp:hover{background:#16a34a;color:#fff;text-decoration:none}
.td-ua-whatsapp i{font-size:20px}
@media(max-width:1000px){.td-upgrade-aside{max-width:100%;min-width:0}}
.tdai-box{font-family:Inter,Arial,sans-serif;color:#09256e;display:grid;grid-template-columns:2fr 1fr}
.tdai-left{padding:20px 30px 18px 38px;background:#fff}
.tdai-right{background:linear-gradient(180deg,#f2f9fe 0%,#f7fbfe 100%);padding:20px 25px 18px 25px;border-left:1px solid #edf2f6;position:relative}
.tdai-close{position:absolute;right:18px;top:12px;width:32px;height:32px;border:0;background:transparent;font-size:32px;line-height:26px;color:#111;cursor:pointer;font-weight:300;z-index:10}
.tdai-premium{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:7px;background:linear-gradient(90deg,#fff1c9,#ffefd1);color:#8a5a09;font-size:16px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(220,170,55,.08)}
.tdai-premium i{font-size:21px;color:#9c6b05}
.tdai-h1{margin:8px 0 1px;font-size:48px;line-height:1.02;letter-spacing:-2px;color:#0d2e8b;font-weight:800}
.tdai-subtitle{font-size:18px;line-height:1.35;margin:0;color:#122e7e;font-weight:500}
.tdai-subnote{font-size:16px;margin:2px 0 14px;color:#273d76}
.tdai-hero{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.tdai-laptop{width:61%;min-width:320px;height:300px;position:relative;display:flex;align-items:center;justify-content:center}
.tdai-screen{width:92%;height:210px;border:9px solid #15191c;border-bottom-width:12px;border-radius:8px 8px 5px 5px;background:#eaf4fb;box-shadow:0 3px 5px rgba(0,0,0,.25);padding:10px}
.tdai-screen-inner{height:100%;background:#fff;border-radius:4px;overflow:hidden}
.tdai-appbar{height:34px;background:#edf7fd;display:flex;align-items:center;padding:0 10px;gap:8px;font-size:8px;color:#16347d;font-weight:700}
.tdai-logo-dot{width:16px;height:16px;border:2px solid #1d72db;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:7px}
.tdai-appbody{display:grid;grid-template-columns:76px 1fr;height:calc(100% - 34px)}
.tdai-sidebar{background:#f8fbfd;border-right:1px solid #e2ebf1;padding:10px 7px}
.tdai-sideitem{font-size:7px;padding:6px 3px;color:#344a73;white-space:nowrap}
.tdai-sideitem.active{color:#1269cf;background:#e5f1ff;border-radius:4px;font-weight:700}
.tdai-mock{padding:12px 10px}
.tdai-mocktitle{font-size:10px;font-weight:800;color:#142d72;margin-bottom:9px}
.tdai-tabs{display:flex;gap:5px;margin-bottom:10px}
.tdai-tab{font-size:6px;padding:5px 6px;background:#edf3fa;border-radius:4px;color:#304a78}
.tdai-tab.active{background:#dceeff;color:#146bd0;font-weight:700}
.tdai-summarybox{border:1px solid #e0e8ef;border-radius:5px;padding:10px}
.tdai-summaryhead{display:flex;justify-content:space-between;font-size:8px;font-weight:800}
.tdai-summarytext{font-size:7px;line-height:1.5;color:#52647d;margin-top:8px}
.tdai-mockcards{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}
.tdai-mcard{background:#f7fafc;border:1px solid #e8eef3;border-radius:4px;padding:6px;font-size:5px;color:#69758b}
.tdai-mcard b{display:block;font-size:7px;color:#16469a;margin-top:3px}
.tdai-laptop-base{position:absolute;bottom:28px;width:97%;height:26px;background:linear-gradient(#aeb6bb,#697177);border-radius:2px 2px 17px 17px;box-shadow:0 5px 5px rgba(0,0,0,.22)}
.tdai-laptop-base::after{content:"";position:absolute;left:42%;top:3px;width:16%;height:4px;background:#cbd0d3;border-radius:0 0 8px 8px}
.tdai-feature-list{width:39%;display:flex;flex-direction:column;gap:16px}
.tdai-feature{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center}
.tdai-ficon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;box-shadow:0 4px 10px rgba(0,70,150,.12)}
.tdai-blue{background:linear-gradient(135deg,#1195e9,#1474df)}
.tdai-green{background:linear-gradient(135deg,#0fb36c,#16a85d)}
.tdai-purple{background:linear-gradient(135deg,#9a20e7,#6722c9)}
.tdai-orange{background:linear-gradient(135deg,#ff9b13,#f47b09)}
.tdai-pink{background:linear-gradient(135deg,#f43d82,#d82063)}
.tdai-ftitle{font-size:15px;font-weight:800;margin-bottom:1px;color:#09256e}
.tdai-ftext{font-size:13px;line-height:1.3;color:#173b83}
.tdai-bottom-banner{display:flex;align-items:center;gap:14px;background:#e7f5ff;border-radius:9px;padding:10px 14px;margin-top:0;min-height:64px}
.tdai-info{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#0875db;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px}
.tdai-banner-title{font-size:15px;font-weight:800;margin-bottom:2px;color:#09256e}
.tdai-banner-text{font-size:14px;color:#16418c}
.tdai-brand{padding-right:30px;margin:3px 0 18px;display:flex;align-items:center}.tdai-brand img{height:50px;object-fit:contain;display:block}
.tdai-premium-box{background:linear-gradient(110deg,#e7f5ff,#dff1fd);border-radius:9px;padding:14px 16px;display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.tdai-lock{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#cfe9ff;display:flex;align-items:center;justify-content:center;color:#0d6fda;font-size:21px}
.tdai-pbox-title{font-size:15px;font-weight:800;margin:2px 0 6px;color:#09256e}
.tdai-pbox-text{font-size:14px;line-height:1.35;color:#24508e}
.tdai-access-title{font-size:17px;font-weight:800;margin-bottom:10px;color:#09256e}
.tdai-check{display:flex;gap:10px;align-items:flex-start;margin:8px 0;font-size:14px;color:#26518c;line-height:1.25}
.tdai-check i{width:20px;height:20px;border-radius:50%;background:#1ba45d;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:0 0 20px}
.tdai-cta{width:100%;border:0;border-radius:8px;background:#0874df;color:#fff;padding:15px 14px;font-size:16px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:14px;margin-top:16px;cursor:pointer;box-shadow:0 2px 5px rgba(0,87,180,.2)}
.tdai-cta i{font-size:21px}
.tdai-divider{height:1px;background:#d8e3ea;margin:18px 0 14px}
.tdai-help-title{font-size:15px;font-weight:800;margin-bottom:12px;color:#09256e}
.tdai-help{display:flex;gap:14px;align-items:center;color:#244a87;font-size:14px}
.tdai-help-item{display:flex;align-items:center;gap:8px;white-space:nowrap}
.tdai-help i.bi-whatsapp{font-size:22px;color:#16a35b}
.tdai-help i.bi-envelope{color:#193f83;font-size:19px}
@media(max-width:1000px){.tdai-box{grid-template-columns:1fr}.tdai-right{border-left:0;border-top:1px solid #e5edf3}.tdai-hero{flex-direction:column}.tdai-laptop,.tdai-feature-list{width:100%;min-width:0}}
@media(max-width:600px){.tdai-box{min-height:0}.tdai-left,.tdai-right{padding:20px}.tdai-h1{font-size:38px;letter-spacing:-1.5px}.tdai-subtitle{font-size:16px}.tdai-subnote{font-size:14px}.tdai-premium{font-size:14px;padding:8px 12px}.tdai-premium i{font-size:20px}.tdai-laptop{height:260px;min-width:0;width:100%}.tdai-screen{height:190px;min-width:0}.tdai-feature{grid-template-columns:46px 1fr;gap:10px}.tdai-ficon{width:46px;height:46px;font-size:22px}.tdai-ftitle{font-size:14px}.tdai-ftext{font-size:12px}.tdai-banner-title{font-size:14px}.tdai-banner-text{font-size:13px}.tdai-brand{margin-bottom:20px}.tdai-help{flex-direction:column;align-items:flex-start;gap:10px}.tdai-cta{font-size:15px;padding:14px 12px}}

/* -- Bidder Insights modal (#modalBidderInsights) -- */
.tdbi-popup{font-family:Inter,Arial,sans-serif;color:#0a2a70;display:grid;grid-template-columns:65.5% 34.5%}
.tdbi-left{padding:20px 22px 18px 38px;background:#fff}
.tdbi-right{padding:20px 24px 18px;background:linear-gradient(180deg,#f0f8fd,#f7fbfe);border-left:1px solid #edf2f5;position:relative}
.tdbi-close{position:absolute;top:17px;right:22px;border:0;background:transparent;color:#111;font-size:32px;line-height:1;font-weight:300;cursor:pointer;z-index:10}
.tdbi-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(90deg,#fff0c8,#fff0d4);color:#8a5d10;border-radius:7px;padding:8px 14px;font-size:16px;font-weight:800}
.tdbi-badge i{font-size:21px;color:#95630a}
.tdbi-h1{margin:8px 0 4px;color:#0b2d88;font-size:48px;line-height:1;letter-spacing:-2px;font-weight:800}
.tdbi-subtitle{max-width:750px;margin:0;color:#153477;font-size:18px;line-height:1.25;font-weight:500}
.tdbi-note{margin:4px 0 4px;color:#354b75;font-size:16px;line-height:1.3}
.tdbi-main-area{display:grid;grid-template-columns:67% 33%;align-items:center;margin-top:2px}
.tdbi-laptop{width:100%;padding-top:3px;display:flex;align-items:center;justify-content:center}
.tdbi-laptop img{width:100%;max-width:555px;display:block;object-fit:contain}
.tdbi-features{display:flex;flex-direction:column;gap:19px;padding:3px 0 0 5px}
.tdbi-feature{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center}
.tdbi-icon{width:54px;height:54px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:26px;box-shadow:0 3px 8px rgba(0,50,100,.12)}
.tdbi-blue{background:linear-gradient(135deg,#1198e9,#1674dd)}
.tdbi-green{background:linear-gradient(135deg,#0ab26c,#13a45d)}
.tdbi-purple{background:linear-gradient(135deg,#9b2be4,#6b22c7)}
.tdbi-orange{background:linear-gradient(135deg,#ff9d10,#f27a07)}
.tdbi-ftitle{font-size:15px;line-height:1.15;font-weight:800;color:#102c72;margin-bottom:2px}
.tdbi-ftext{font-size:13px;line-height:1.3;color:#214581}
.tdbi-upgrade{min-height:64px;margin:0 0 0 -10px;width:calc(100% + 10px);border-radius:9px;background:#e6f4ff;display:flex;align-items:center;gap:14px;padding:10px 14px}
.tdbi-info{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#0877dd;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px}
.tdbi-upgrade-title{color:#12357e;font-size:15px;line-height:1.2;font-weight:800;margin-bottom:2px}
.tdbi-upgrade-text{color:#174389;font-size:13px;line-height:1.35}
.tdbi-brand{margin:5px 30px 18px 30px;display:flex;align-items:center}.tdbi-brand img{height:50px;object-fit:contain;display:block}
.tdbi-premium-box{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(110deg,#e7f5ff,#dff0fc);border-radius:9px;padding:14px 16px;margin-bottom:16px}
.tdbi-lock{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#cbe8ff;color:#0874d7;display:flex;align-items:center;justify-content:center;font-size:21px}
.tdbi-premium-title{margin:2px 0 6px;color:#0b2d78;font-size:15px;line-height:1.2;font-weight:800}
.tdbi-premium-text{color:#31538a;font-size:14px;line-height:1.35}
.tdbi-access-title{color:#0b2d78;font-size:17px;font-weight:800;margin:0 0 10px 7px}
.tdbi-check{display:flex;align-items:flex-start;gap:9px;color:#2b5087;font-size:14px;line-height:1.25;margin:8px 0 8px 7px}
.tdbi-check i{width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:#19a25e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}
.tdbi-cta{width:calc(100% - 4px);margin:14px 0 0 3px;border:0;border-radius:8px;padding:14px 12px;background:#0875df;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;box-shadow:0 2px 5px rgba(0,65,150,.18)}
.tdbi-cta i{font-size:21px}
.tdbi-divider{height:1px;background:#d6e1e8;margin:18px 0 14px}
.tdbi-help-title{margin-left:7px;color:#0b2d78;font-size:15px;font-weight:800;margin-bottom:12px}
.tdbi-help{margin-left:7px;display:flex;gap:20px;align-items:center}
.tdbi-help-item{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#294d84;font-size:14px}
.tdbi-whatsapp{color:#18a25c;font-size:22px}
.tdbi-mail{color:#173d80;font-size:21px}
@media(max-width:1050px){.tdbi-popup{grid-template-columns:1fr}.tdbi-right{border-left:0;border-top:1px solid #e2ebf0}.tdbi-main-area{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.tdbi-popup{min-height:0}.tdbi-left,.tdbi-right{padding:20px}.tdbi-h1{font-size:38px;letter-spacing:-1.5px}.tdbi-subtitle{font-size:16px}.tdbi-note{font-size:14px}.tdbi-main-area{grid-template-columns:1fr}.tdbi-features{padding:15px 5px}.tdbi-upgrade{margin:10px 0 0;width:100%}.tdbi-brand{margin-left:0;margin-right:35px}.tdbi-help{flex-direction:column;align-items:flex-start;gap:12px}.tdbi-cta{font-size:15px;padding:14px 12px}}

/* -- Probable Bidders full-viewport popup (#pbiPopupOverlay) - design supplied by Mitesh, embedded verbatim except selectors scoped to #pbiPopupOverlay -- */
#pbiPopupOverlay *{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
#pbiPopupOverlay{display:none;position:fixed;inset:0;z-index:1250;margin:0;min-height:100vh;background:#dce3e7;font-family:Arial,Helvetica,sans-serif;align-items:center;justify-content:center;padding:8px}
.pbi{width:1280px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);background:#fff;border-radius:14px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:840px 440px;box-shadow:0 10px 35px rgba(0,30,55,.3);color:#092d78}
.pbi-left{padding:27px 18px 20px 43px;overflow:visible}
.pbi-right{position:relative;padding:27px 28px;background:linear-gradient(180deg,#f0f8fd,#f8fbfe);border-left:1px solid #e5edf2}
.pbi-close{position:absolute;right:20px;top:14px;border:0;background:none;font-size:34px;font-weight:300;line-height:1;color:#111;cursor:pointer}
.pbi-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:7px;background:linear-gradient(90deg,#fff0c9,#fff0d5);color:#895c0b;font-size:18px;font-weight:800}
.pbi-badge i{font-size:24px}
.pbi-title{margin:10px 0 4px;color:#092d88;font-size:54px;line-height:1;letter-spacing:-2px;font-weight:800}
.pbi-sub{margin:0;color:#153879;font-size:20px;line-height:1.25}
.pbi-note{margin:5px 0 0;color:#405577;font-size:17px}
.pbi-main{height:445px;display:grid;grid-template-columns:535px 240px;align-items:center;column-gap:4px}
.pbi-laptop{width:535px;display:flex;align-items:center;justify-content:flex-start}
.pbi-laptop img{width:525px;height:auto;display:block}
.pbi-features{width:240px;display:flex;flex-direction:column;gap:15px;padding-left:0}
.pbi-feature{width:240px;display:flex;align-items:center;gap:10px}
.pbi-icon{width:63px;height:63px;min-width:63px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:29px}
.pbi-blue{background:#148be5}.pbi-green{background:#0eaa62}.pbi-orange{background:#f47f08}.pbi-purple{background:#7c20d2}.pbi-pink{background:#e62a70}
.pbi-ft{width:167px;min-width:167px;max-width:167px}
.pbi-ftitle{font-size:14.5px;font-weight:800;line-height:1.15;margin-bottom:3px;color:#102d72}
.pbi-fdesc{font-size:13.5px;line-height:1.3;color:#24477f}
.pbi-upgrade{height:87px;border-radius:9px;background:#e5f4ff;display:flex;align-items:center;gap:15px;padding:13px 17px}
.pbi-info{width:50px;height:50px;min-width:50px;border-radius:50%;background:#0877df;color:#fff;display:flex;align-items:center;justify-content:center;font-size:29px}
.pbi-utitle{font-size:17px;font-weight:800;margin-bottom:3px}.pbi-utext{font-size:14px;color:#194687}
.pbi-brand{display:flex;align-items:center;gap:12px;margin:2px 40px 33px 50px}
.pbi-globe{width:59px;height:59px;min-width:59px;border:3px solid #1676da;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1676da}.pbi-globe i{font-size:31px}
.pbi-brandname{font-size:25px;font-weight:800;color:#092b7d}.pbi-tag{font-size:10px;letter-spacing:2px;color:#1873ca;font-weight:800;margin-top:5px}
.pbi-box{display:flex;gap:15px;background:linear-gradient(110deg,#e7f5ff,#dff0fc);border-radius:9px;padding:20px 16px;margin-bottom:30px}
.pbi-lock{width:50px;height:50px;min-width:50px;border-radius:50%;background:#cbe8ff;color:#0874d8;display:flex;align-items:center;justify-content:center;font-size:27px}
.pbi-ptitle{font-size:17px;font-weight:800;margin:3px 0 8px}.pbi-ptext{font-size:16px;line-height:1.35;color:#2c518a}
.pbi-access{font-size:19px;font-weight:800;margin-bottom:14px}
.pbi-check{display:flex;gap:10px;align-items:flex-start;margin:11px 0;font-size:15.5px;color:#285087;line-height:1.25}
.pbi-check i{width:23px;height:23px;min-width:23px;border-radius:50%;background:#19a35e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}
.pbi-cta{width:100%;margin-top:18px;padding:19px 12px;border:0;border-radius:8px;background:#0875df;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:18px}
.pbi-line{height:1px;background:#d6e1e8;margin:29px 0 18px}.pbi-help-title{font-size:17px;font-weight:800;margin-bottom:17px}.pbi-help{display:flex;gap:25px}.pbi-helpitem{display:flex;align-items:center;gap:9px;font-size:14px;white-space:nowrap;color:#294e86}.pbi-wh{font-size:28px;color:#17a25c}.pbi-em{font-size:26px;color:#173f82}
@media(max-width:900px){.pbi{display:block;width:100%;height:auto;max-height:calc(100vh - 16px);overflow-y:auto}.pbi-main{height:auto;display:block}.pbi-laptop{width:100%;max-width:560px;margin:auto}.pbi-laptop img{width:100%}.pbi-features{width:100%;padding:20px 0}.pbi-feature{width:100%}.pbi-right{border-left:0;border-top:1px solid #e5edf2}}
@media(max-width:480px){.pbi-left,.pbi-right{padding:18px 16px}.pbi-title{font-size:34px;letter-spacing:-1px}.pbi-sub{font-size:16px}.pbi-note{font-size:14px}.pbi-badge{font-size:14px;padding:8px 12px}.pbi-badge i{font-size:18px}.pbi-laptop{display:none}.pbi-features{padding:8px 0}.pbi-cta{padding:14px 12px;font-size:16px}.pbi-help{flex-direction:column;align-items:flex-start;gap:10px}.pbi-brand{margin:2px 20px 24px 0}}

.pbi-feature-title,.pbi-feature-desc{overflow-wrap:normal;word-break:normal}

/* ── Simple "Features & Plans" contact card popup (.td-fpc-*) ── */
.td-fpc-header{background:linear-gradient(135deg,#1a2e7a 0%,#2563eb 65%,#06b6d4 100%);padding:44px 28px 28px;text-align:center;position:relative}
.td-fpc-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:32px;font-weight:300;line-height:1;color:rgba(255,255,255,.9);cursor:pointer;padding:0}
.td-fpc-close:hover{color:#fff}
.td-fpc-title{color:#fff;font-size:28px;font-weight:800;margin:0 0 8px;letter-spacing:-.5px;line-height:1.1}
.td-fpc-sub{color:rgba(255,255,255,.82);font-size:13px;margin:0;line-height:1.4}
.td-fpc-body{background:#f8fafc;padding:28px 28px 32px;text-align:center;display:flex;flex-direction:column;align-items:center}
.td-fpc-icon{width:72px;height:72px;border-radius:50%;background:#e8f0fe;display:flex;align-items:center;justify-content:center;color:#2563eb;font-size:32px;margin-bottom:16px}
.td-fpc-team{font-size:17px;font-weight:700;color:#0f172a;margin-bottom:14px}
.td-fpc-phone{display:inline-flex;align-items:center;gap:8px;background:#eff6ff;color:#1d4ed8;font-size:18px;font-weight:700;padding:10px 22px;border-radius:50px;text-decoration:none;margin-bottom:16px;letter-spacing:.3px}
.td-fpc-phone:hover{background:#dbeafe;color:#1e40af;text-decoration:none}
.td-fpc-phone i{font-size:16px}
.td-fpc-desc{color:#475569;font-size:13px;line-height:1.55;margin-bottom:24px;max-width:300px}
.td-fpc-whatsapp{display:inline-flex;align-items:center;gap:10px;background:#22c55e;color:#fff;font-size:15px;font-weight:600;padding:14px 20px;border-radius:50px;text-decoration:none;width:100%;justify-content:center}
.td-fpc-whatsapp:hover{background:#16a34a;color:#fff;text-decoration:none}
.td-fpc-whatsapp i{font-size:20px}
