.fpt{--fpt-accent:#f47b20;--fpt-tint:#fff3e8;--fpt-tint2:#fde6d1;--fpt-ink:#0f1b3d;--fpt-muted:#5f6b85;
	display:block;box-sizing:border-box;width:100%;padding:48px 16px;background:#f5f8ff;color:var(--fpt-ink);
	font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5}
@supports (background:color-mix(in srgb,red,blue)){
	.fpt{--fpt-tint:color-mix(in srgb,var(--fpt-accent) 9%,#fff);--fpt-tint2:color-mix(in srgb,var(--fpt-accent) 18%,#fff)}
}
.fpt *,.fpt *::before,.fpt *::after{box-sizing:border-box}
.fpt-wrap{max-width:1270px;margin:0 auto}

/* Tabs */
.fpt .fpt-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;margin:0 0 10px;padding:0}
.fpt .fpt-tabwrap{position:relative;min-width:0}
.fpt .fpt-tab{
	-webkit-appearance:none;appearance:none;position:relative;overflow:hidden;
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
	width:100%;height:100%;min-height:133px;margin:0;padding:26px 8px 22px;
	background:#fff;border:1px solid #e8edf7;border-radius:14px;box-shadow:none;outline:0;
	color:inherit;font:inherit;text-transform:none;letter-spacing:0;text-align:center;cursor:pointer;
	transition:background-color .2s ease,border-color .2s ease}
.fpt .fpt-tab:hover{background:var(--fpt-tint);border-color:var(--fpt-tint2);color:inherit}
.fpt .fpt-tab.is-active{background:var(--fpt-tint);border-color:var(--fpt-accent)}
.fpt .fpt-tab:focus-visible{outline:3px solid var(--fpt-accent);outline-offset:2px}
.fpt .fpt-ico{display:block;width:34px;height:34px;color:var(--fpt-accent)}
.fpt .fpt-ico svg,.fpt .fpt-pico svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fpt .fpt-label{display:block;font-size:13px;font-weight:400;color:#6b7691}
.fpt .fpt-tab.is-active .fpt-label{color:var(--fpt-ink)}
.fpt .fpt-name{display:block;font-size:16px;font-weight:600;color:var(--fpt-ink)}
.fpt .fpt-badge{display:none}

/* Progress line at the bottom of the tab */
.fpt .fpt-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--fpt-tint2);pointer-events:none}
.fpt .fpt-bar i{display:block;width:100%;height:100%;background:var(--fpt-accent);transform:scaleX(0);transform-origin:left center}
.fpt.fpt-noprogress .fpt-bar,.fpt.fpt-static .fpt-bar{display:none}

/* Panel card */
.fpt .fpt-panel[hidden]{display:none}
.fpt .fpt-card{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:40px;padding:30px;background:#fff;border-radius:14px;box-shadow:0 1px 3px rgba(15,27,61,.06);animation:fpt-in .35s ease}
@keyframes fpt-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.fpt .fpt-side{padding-top:10px}
.fpt .fpt-phead{display:flex;align-items:center;gap:16px}
.fpt .fpt-pico{flex:0 0 62px;display:flex;align-items:center;justify-content:center;width:62px;height:62px;padding:15px;border-radius:50%;background:var(--fpt-tint2);color:var(--fpt-accent)}
.fpt .fpt-phead h3{margin:0;padding:0;font-size:18px;line-height:1.3;font-weight:700;color:#000}
.fpt .fpt-phead p{margin:4px 0 0;font-size:13px;line-height:1.55;color:var(--fpt-muted)}
.fpt .fpt-feat{list-style:none;margin:26px 0 0;padding:0}
.fpt .fpt-feat li{display:flex;align-items:center;gap:10px;margin:0 0 13px;padding:0;font-size:13.5px;color:#1c2540}
.fpt .fpt-feat svg{flex:0 0 20px;width:20px;height:20px;color:var(--fpt-accent)}

/* Table (desktop) */
.fpt .fpt-tbar{margin:0;padding:14px 10px;background:var(--fpt-accent);color:#fff;text-align:center;font-size:18px;font-weight:700;text-transform:uppercase}
.fpt .fpt-scroll{overflow-x:auto}
.fpt .fpt-table{width:100%;margin:0;border:1px solid #e3e3e3;border-collapse:collapse;background:#fff;font-size:14px}
.fpt .fpt-table th,.fpt .fpt-table td{padding:11px 13px;border:1px solid #e3e3e3;text-align:left;color:#1c2540;vertical-align:middle}
.fpt .fpt-table thead th{background:var(--fpt-tint2);border-color:var(--fpt-tint2);font-size:13.5px;font-weight:600;text-transform:uppercase;color:#1c2540}
.fpt .fpt-table tbody tr:nth-child(odd) td{background:#f6f6f6}
.fpt .fpt-table tbody tr:nth-child(even) td{background:#fff}

/* Button */
.fpt .fpt-btn{display:none;align-items:center;justify-content:center;gap:10px;margin:18px 0 0;padding:14px 20px;border-radius:14px;background:var(--fpt-accent);color:#fff;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 6px 14px rgba(244,123,32,.28);transition:filter .2s ease,transform .2s ease}
.fpt .fpt-btn:hover,.fpt .fpt-btn:focus{color:#fff;filter:brightness(.93);transform:translateY(-1px)}
.fpt .fpt-btn:focus-visible{outline:3px solid var(--fpt-ink);outline-offset:2px}
.fpt .fpt-btn svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.fpt .fpt-btn.fpt-btn-d{display:inline-flex}

/* ---------- Mobile ---------- */
@media (max-width:767px){
	.fpt{padding:18px 10px}

	.fpt .fpt-tabs{grid-auto-columns:minmax(74px,1fr);gap:8px;margin:14px 0 10px;overflow-x:auto;overflow-y:visible;padding-top:8px;margin-top:6px}
	.fpt .fpt-tab{min-height:84px;padding:14px 4px 14px;gap:6px;border-radius:12px}
	.fpt .fpt-ico{width:28px;height:28px}
	.fpt .fpt-label{display:none}
	.fpt .fpt-name{font-size:13px}
	.fpt .fpt-badge{display:block;position:absolute;top:-9px;left:50%;z-index:2;transform:translateX(-50%);white-space:nowrap;padding:2px 9px;border-radius:9px;background:var(--fpt-accent);color:#fff;font-size:9px;font-weight:700;letter-spacing:.3px;line-height:1.5}
	.fpt .fpt-bar{height:3px}

	.fpt .fpt-card{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px;background:#fbfcff;border:1px solid #e6ebf5;box-shadow:none}
	.fpt .fpt-side{padding-top:0}
	.fpt .fpt-phead{gap:12px}
	.fpt .fpt-pico{flex-basis:54px;width:54px;height:54px;padding:13px}
	.fpt .fpt-phead h3{font-size:17px}
	.fpt .fpt-phead p{font-size:12.5px}
	.fpt .fpt-feat{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px;margin-top:16px}
	.fpt .fpt-feat li{margin:0;font-size:12.5px;gap:8px}
	.fpt .fpt-feat svg{flex-basis:18px;width:18px;height:18px}

	.fpt .fpt-tbar{display:none}
	.fpt .fpt-scroll{overflow:hidden;border:1px solid var(--fpt-tint2);border-radius:10px;background:#fff}
	.fpt .fpt-table{border:0;font-size:13px}
	.fpt .fpt-table th,.fpt .fpt-table td{padding:10px 4px;text-align:center;border:0;border-left:1px solid var(--fpt-tint2);border-top:1px solid var(--fpt-tint2)}
	.fpt .fpt-table th:first-child,.fpt .fpt-table td:first-child{border-left:0}
	.fpt .fpt-table thead th{background:var(--fpt-accent);color:#fff;border-color:rgba(255,255,255,.35);border-top:0;font-size:12.5px;font-weight:700}
	.fpt .fpt-table tbody tr:nth-child(odd) td,.fpt .fpt-table tbody tr:nth-child(even) td{background:#fff}
	.fpt .fpt-table td.fpt-plan{font-weight:700;color:#0b1736}
	.fpt .fpt-rent{font-weight:700;color:var(--fpt-accent)}
	.fpt .fpt-rent::before{content:"\20B9"}
	.fpt .fpt-hm{display:none}

	.fpt .fpt-btn,.fpt .fpt-btn.fpt-btn-d{display:flex;width:100%;margin-top:14px;font-size:16px}
}
@media (prefers-reduced-motion:reduce){
	.fpt .fpt-card{animation:none}
	.fpt .fpt-tab,.fpt .fpt-btn{transition:none}
}
