/* page-rental-owners.css — load AFTER marketing-v2-base.css */
:root{
  --blue:#4173db;--blue-d:#2f5cc0;--blue-dd:#1e3f8f;--blue-lt:#eef2fd;
  --green:#74dd24;--green-d:#5ab81a;--green-lt:#f2fce8;
  --ink:#0d1526;--ink-2:#1b2d4f;--ink-3:#2a3f63;
  --body:#3d5070;--muted:#647899;
  --line:#dde5f0;--surf:#f5f8ff;--white:#fff;
  --amber:#f4a01e;--amber-lt:#fff8ec;
  --danger:#e63946;
  --display:'Sora',sans-serif;--sans:'Inter',sans-serif;
  --r-sm:6px;--r-md:12px;--r-lg:20px;--r-xl:28px;--r-pill:9999px;
  --sh-1:0 1px 3px rgba(13,21,38,.05),0 4px 14px rgba(13,21,38,.07);
  --sh-2:0 4px 16px rgba(13,21,38,.08),0 20px 56px rgba(13,21,38,.1);
  --sh-3:0 8px 24px rgba(65,115,219,.14),0 28px 72px rgba(65,115,219,.18);
  --sh-green:0 0 0 3px rgba(116,221,36,.28);
}
img{border-radius:var(--r-lg)}
.d1{font-size:clamp(2.5rem,5.2vw,3.8rem);font-weight:800}
.d2{font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:700}
.d3{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:700}
.d4{font-size:clamp(1.15rem,1.8vw,1.45rem);font-weight:700}
em.g{font-style:normal;color:var(--green)} em.b{font-style:normal;color:var(--blue)}
.lead{font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.82;color:var(--muted)}
.lead--white{color:rgba(255,255,255,.62)}
.lead--lg{font-size:clamp(1.05rem,1.55vw,1.2rem)}
.body-p{font-size:15px;line-height:1.82;color:var(--body);margin-bottom:16px}
.body-p:last-child{margin-bottom:0}
.btn--primary{background:var(--blue);color:var(--white)}
.btn--primary:hover{background:var(--blue-d);transform:translateY(-1px);box-shadow:0 8px 24px rgba(65,115,219,.35);color:var(--white)}
.btn--green{background:var(--green);color:var(--ink)}
.btn--green:hover{background:var(--green-d);transform:translateY(-1px);box-shadow:var(--sh-green);color:var(--ink)}
.btn--ghost{background:transparent;color:rgba(255,255,255,.8);border:1.5px solid rgba(255,255,255,.25)}
.btn--ghost:hover{border-color:rgba(255,255,255,.65);background:rgba(255,255,255,.07);color:var(--white)}
.btn--outline{background:transparent;color:var(--blue);border:1.5px solid var(--blue)}
.btn--outline:hover{background:var(--blue);color:var(--white)}
.nav-logo img{border-radius:0}
.hero{background:var(--ink);padding:72px 0 0;position:relative;overflow:hidden}
.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(65,115,219,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(65,115,219,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 85% 75% at 60% 40%,black 10%,transparent 75%)}
.hero-orb-1{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(65,115,219,.16) 0%,transparent 65%);top:-200px;right:-150px;pointer-events:none}
.hero-orb-2{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(116,221,36,.09) 0%,transparent 65%);bottom:-100px;left:0;pointer-events:none}
.hero .container{position:relative;z-index:2}
.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:flex-end;padding-bottom:0;padding-top:50px}
@media(max-width:960px){.hero-split{grid-template-columns:1fr;gap:40px;padding-bottom:40px}}
.hero-copy{padding-bottom:64px}
.hero-persona-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(116,221,36,.1);border:1px solid rgba(116,221,36,.22);border-radius:var(--r-pill);padding:6px 16px;font-size:12px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px}
.hero-pain{display:inline-flex;align-items:flex-start;gap:8px;background:rgba(230,57,70,.1);border:1px solid rgba(230,57,70,.2);border-radius:var(--r-sm);padding:9px 14px;font-size:13px;color:#f87171;margin-bottom:24px;font-weight:500;line-height:1.5;max-width:520px}
.hero-pain i{flex-shrink:0;margin-top:1px;font-size:14px}
.hero-visual{position:relative;align-self:flex-end}
.hero-mock{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-xl) var(--r-xl) 0 0;overflow:hidden;box-shadow:0 -8px 48px rgba(65,115,219,.25)}
.hm-bar{background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.08);padding:11px 18px;display:flex;align-items:center;gap:7px}
.hm-dot{width:8px;height:8px;border-radius:50%}
.hm-title{font-size:11px;font-weight:600;color:rgba(255,255,255,.38);margin-left:6px;letter-spacing:.05em;text-transform:uppercase}
.hm-body{padding:18px}
.hm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.hms{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:var(--r-md);padding:12px 10px;text-align:center}
.hms-val{font-family:var(--display);font-size:1.2rem;font-weight:800;color:var(--white);line-height:1;margin-bottom:3px}
.hms-val.g{color:var(--green)} .hms-val.a{color:var(--amber)}
.hms-lbl{font-size:9px;font-weight:600;color:rgba(255,255,255,.32);text-transform:uppercase;letter-spacing:.06em}
.hm-section-lbl{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.25);padding:4px 0 6px}
.hm-rows{display:flex;flex-direction:column;gap:7px}
.hm-row{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.055);border-radius:var(--r-sm);padding:9px 12px}
.hm-av{width:30px;height:30px;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--white)}
.hm-info{flex:1} .hm-name{font-size:12px;font-weight:600;color:rgba(255,255,255,.82);line-height:1.2} .hm-sub{font-size:10px;color:rgba(255,255,255,.32)}
.hm-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:var(--r-pill);white-space:nowrap}
.mb-ok{background:rgba(116,221,36,.14);color:var(--green);border:1px solid rgba(116,221,36,.22)}
.mb-pend{background:rgba(244,160,30,.14);color:var(--amber);border:1px solid rgba(244,160,30,.22)}
.mb-due{background:rgba(230,57,70,.14);color:#f87171;border:1px solid rgba(230,57,70,.22)}
.mb-rev{background:rgba(65,115,219,.14);color:#93b4f8;border:1px solid rgba(65,115,219,.22)}
.flt{position:absolute;border-radius:var(--r-pill);padding:8px 14px;font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap;animation:bob 3s ease-in-out infinite}
.flt-a{background:var(--green);color:var(--ink);box-shadow:0 6px 20px rgba(116,221,36,.4);bottom:60px;right:-20px;animation-delay:0s}
.flt-b{background:var(--blue);color:var(--white);box-shadow:0 6px 20px rgba(65,115,219,.45);top:80px;left:-20px;animation-delay:1.5s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.hchip{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:var(--r-pill);padding:5px 13px;font-size:11.5px;font-weight:500;color:rgba(255,255,255,.5)}
.hchip i{color:var(--green);font-size:12px}
.pain-strip{background:var(--ink-2);padding:0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.pain-strip-inner{display:grid;grid-template-columns:repeat(4,1fr)}
@media(max-width:768px){.pain-strip-inner{grid-template-columns:1fr 1fr}}
.ps-item{padding:24px 20px;border-right:1px solid rgba(255,255,255,.07);display:flex;align-items:flex-start;gap:12px}
.ps-item:last-child{border-right:none}
.ps-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}
.ps-item h5{font-family:var(--sans);font-size:13px;font-weight:700;color:rgba(255,255,255,.75);margin-bottom:3px}
.ps-item p{font-size:11.5px;color:rgba(255,255,255,.38);line-height:1.5}
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.split--reverse{direction:rtl} .split--reverse>*{direction:ltr}
@media(max-width:900px){.split,.split--reverse{grid-template-columns:1fr;gap:40px;direction:ltr}}
.section-label{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;padding:5px 14px;border-radius:var(--r-pill);margin-bottom:16px}
.sl-blue{background:var(--blue-lt);color:var(--blue-d)} .sl-green{background:var(--green-lt);color:var(--green-d)} .sl-amber{background:var(--amber-lt);color:#8a5200} .sl-ink{background:rgba(255,255,255,.08);color:rgba(255,255,255,.55)}
.feat-list{list-style:none;padding:0;margin:24px 0;display:flex;flex-direction:column;gap:12px}
.feat-list li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;color:var(--body);line-height:1.6}
.feat-list i{color:var(--green-d);font-size:15px;flex-shrink:0;margin-top:2px}
.feat-list strong{color:var(--ink)}
.pull-quote{margin:24px 0;padding:18px 22px 18px 26px;border-left:3px solid var(--blue);background:var(--blue-lt);border-radius:0 var(--r-md) var(--r-md) 0}
.pull-quote p{font-family:var(--display);font-size:clamp(.97rem,1.5vw,1.1rem);font-weight:600;color:var(--ink);line-height:1.55;margin:0;font-style:italic}
.pull-quote--green{border-left-color:var(--green-d);background:var(--green-lt)}
.stat-row{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}
.stat-item{display:flex;flex-direction:column}
.stat-num{font-family:var(--display);font-size:2rem;font-weight:800;color:var(--blue);line-height:1;margin-bottom:3px}
.stat-num.g{color:var(--green-d)}
.stat-lbl{font-size:12.5px;color:var(--muted);line-height:1.4}
.stat-divider{width:1px;background:var(--line)}
.kyc-visual{background:var(--surf);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden}
.kyc-vis-header{background:linear-gradient(135deg,var(--ink-2),var(--ink-3));padding:20px 24px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.07)}
.kyc-vis-header h5{font-family:var(--sans);font-size:13px;font-weight:700;color:var(--white)}
.kyc-vis-header p{font-size:11px;color:rgba(255,255,255,.38)}
.kyc-progress-steps{display:flex;align-items:center;padding:20px 24px;gap:0;border-bottom:1px solid var(--line)}
.kyc-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.kyc-step:not(:last-child)::after{content:'';position:absolute;top:16px;left:calc(50% + 16px);right:calc(-50% + 16px);height:2px;background:linear-gradient(90deg,var(--green-d),var(--blue));z-index:0}
.kyc-step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;position:relative;z-index:1;font-weight:700;margin-bottom:8px}
.ksd-done{background:var(--green-d);color:var(--white);box-shadow:0 0 0 3px rgba(90,184,26,.2)}
.ksd-active{background:var(--blue);color:var(--white);box-shadow:0 0 0 3px rgba(65,115,219,.25)}
.ksd-pending{background:var(--line);color:var(--muted)}
.kyc-step-lbl{font-size:10px;font-weight:600;color:var(--muted);line-height:1.3}
.kyc-detail-rows{padding:16px 24px;display:flex;flex-direction:column;gap:10px}
.kyc-detail-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md)}
.kdr-icon{width:36px;height:36px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.kdr-info{flex:1} .kdr-name{font-size:13px;font-weight:600;color:var(--ink)} .kdr-sub{font-size:11px;color:var(--muted)}
.kdr-status{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:var(--r-pill)}
.ks-verified{background:var(--green-lt);color:var(--green-d);border:1px solid rgba(90,184,26,.25)}
.ks-processing{background:var(--blue-lt);color:var(--blue-d);border:1px solid rgba(65,115,219,.2)}
.ks-pending{background:var(--amber-lt);color:#8a5200;border:1px solid rgba(244,160,30,.25)}
.lease-visual{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-2)}
.lv-header{background:linear-gradient(135deg,var(--blue),var(--blue-dd));padding:18px 24px;display:flex;align-items:center;gap:10px}
.lv-header i{font-size:1.4rem;color:rgba(255,255,255,.8)}
.lv-header h5{font-family:var(--sans);font-size:13.5px;font-weight:700;color:var(--white)}
.lv-header p{font-size:11px;color:rgba(255,255,255,.5)}
.lv-body{padding:20px}
.lv-clause{background:var(--surf);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;margin-bottom:10px}
.lv-clause-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:5px}
.lv-clause-value{font-size:13.5px;font-weight:600;color:var(--ink)} .lv-clause-value.green{color:var(--green-d)}
.lv-sig-section{border-top:1px solid var(--line);padding:14px 20px;display:flex;align-items:center;gap:14px}
.lv-sig{flex:1;background:var(--surf);border:1px dashed var(--line);border-radius:var(--r-md);padding:12px;text-align:center}
.lv-sig .name{font-family:var(--display);font-size:1rem;font-weight:700;color:var(--blue);font-style:italic}
.lv-sig .role{font-size:10px;color:var(--muted);margin-top:3px;text-transform:uppercase;letter-spacing:.06em}
.lv-esign-badge{font-size:10px;font-weight:700;background:var(--green-lt);color:var(--green-d);border:1px solid rgba(90,184,26,.25);padding:3px 9px;border-radius:var(--r-pill);display:flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0}
.rera-badge{display:inline-flex;align-items:center;gap:5px;background:var(--blue-lt);color:var(--blue-d);border:1px solid rgba(65,115,219,.2);border-radius:var(--r-pill);font-size:9.5px;font-weight:700;padding:4px 10px;margin-top:12px}
.rent-visual{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-2)}
.rv-header{background:linear-gradient(135deg,var(--green-d),#3a8f10);padding:18px 24px}
.rv-header h5{font-family:var(--sans);font-size:14px;font-weight:700;color:var(--white);margin-bottom:2px}
.rv-header p{font-size:11.5px;color:rgba(255,255,255,.6)}
.rv-total{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.rv-total-amt{font-family:var(--display);font-size:2rem;font-weight:800;color:var(--ink)}
.rv-total-sub{font-size:12px;color:var(--muted);margin-top:3px}
.rv-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 24px;border-bottom:1px solid var(--line)}
.rv-status{text-align:center;padding:10px;background:var(--surf);border-radius:var(--r-md)}
.rv-status-num{font-family:var(--display);font-size:1.2rem;font-weight:800;line-height:1;margin-bottom:3px}
.rv-status-num.g{color:var(--green-d)} .rv-status-num.a{color:var(--amber)} .rv-status-num.r{color:var(--danger)}
.rv-status-lbl{font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.rv-units{padding:16px 24px;display:flex;flex-direction:column;gap:8px}
.rv-unit-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md)}
.rv-unit-av{width:32px;height:32px;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--white)}
.rv-unit-info{flex:1} .rv-unit-name{font-size:13px;font-weight:600;color:var(--ink)} .rv-unit-sub{font-size:10.5px;color:var(--muted)}
.rv-unit-amt{font-size:13px;font-weight:700;color:var(--ink)}
.rv-unit-badge{font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:var(--r-pill)}
.rb-paid{background:var(--green-lt);color:var(--green-d)} .rb-late{background:rgba(230,57,70,.1);color:var(--danger)} .rb-due{background:var(--amber-lt);color:#8a5200}
.rv-footer{padding:12px 24px;background:var(--surf);border-top:1px solid var(--line);display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.rv-footer i{color:var(--green-d);font-size:13px}
.maint-visual{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-1)}
.mv-header{padding:16px 20px;background:var(--surf);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.mv-header h5{font-family:var(--sans);font-size:13px;font-weight:700;color:var(--ink)}
.mv-count{font-size:11px;font-weight:700;background:var(--blue-lt);color:var(--blue-d);padding:3px 10px;border-radius:var(--r-pill)}
.mv-ticket{border-bottom:1px solid var(--line);padding:14px 20px} .mv-ticket:last-child{border-bottom:none}
.mv-ticket-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.mv-ticket-title{font-size:13.5px;font-weight:700;color:var(--ink)} .mv-ticket-unit{font-size:11px;color:var(--muted);margin-top:2px}
.mv-ticket-status{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:var(--r-pill);flex-shrink:0}
.mts-open{background:rgba(230,57,70,.1);color:var(--danger);border:1px solid rgba(230,57,70,.2)}
.mts-progress{background:var(--amber-lt);color:#8a5200;border:1px solid rgba(244,160,30,.25)}
.mts-done{background:var(--green-lt);color:var(--green-d);border:1px solid rgba(90,184,26,.25)}
.mv-photo-row{display:flex;gap:6px;margin-top:8px}
.mv-photo{width:48px;height:48px;border-radius:var(--r-sm);background:var(--surf);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--muted)}
.mv-vendor{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;color:var(--muted)} .mv-vendor i{color:var(--blue);font-size:12px}
.mv-timeline{display:flex;gap:4px;margin-top:8px}
.mv-tl-step{flex:1;height:3px;border-radius:2px}
.doc-visual{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-2)}
.dv-toolbar{padding:12px 18px;background:var(--surf);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.dv-search{flex:1;background:var(--white);border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 14px;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:7px}
.dv-search i{font-size:13px}
.dv-categories{display:flex;gap:6px;padding:12px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.dv-cat{font-size:11px;font-weight:600;padding:4px 12px;border-radius:var(--r-pill);background:var(--surf);color:var(--muted);border:1px solid var(--line);cursor:pointer}
.dv-cat.active{background:var(--blue);color:var(--white);border-color:var(--blue)}
.dv-files{padding:12px 18px;display:flex;flex-direction:column;gap:8px}
.dv-file{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);transition:all .2s}
.dv-file:hover{background:var(--surf);border-color:rgba(65,115,219,.2)}
.dv-file-icon{width:36px;height:36px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.dfi-pdf{background:#fff0f0;color:#e63946} .dfi-img{background:var(--blue-lt);color:var(--blue)} .dfi-doc{background:var(--amber-lt);color:var(--amber)}
.dv-file-info{flex:1} .dv-file-name{font-size:13px;font-weight:600;color:var(--ink)} .dv-file-meta{font-size:11px;color:var(--muted)}
.dv-file-enc{font-size:9.5px;font-weight:700;background:var(--green-lt);color:var(--green-d);border:1px solid rgba(90,184,26,.2);padding:2px 8px;border-radius:var(--r-pill);display:flex;align-items:center;gap:3px}
.fin-visual{background:var(--ink-2);border-radius:var(--r-xl);overflow:hidden}
.fin-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}
.fin-header h5{font-family:var(--sans);font-size:14px;font-weight:700;color:var(--white);margin-bottom:2px}
.fin-header p{font-size:11.5px;color:rgba(255,255,255,.4)}
.fin-year-total{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.07)}
.fyt-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.38);margin-bottom:8px}
.fyt-amount{font-family:var(--display);font-size:2.2rem;font-weight:800;color:var(--white)}
.fyt-amount span{font-size:1rem;color:rgba(255,255,255,.4);font-weight:400;font-family:var(--sans)}
.fyt-change{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--green);margin-top:6px}
.fin-chart{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.07)}
.fc-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.32);margin-bottom:12px}
.fc-bars{display:flex;align-items:flex-end;gap:5px;height:60px}
.fc-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}
.fc-bar{width:100%;border-radius:3px 3px 0 0;background:rgba(255,255,255,.12);position:relative;transition:all .3s}
.fc-bar.filled{background:var(--blue)} .fc-bar.current{background:var(--green)}
.fc-bar-lbl{font-size:8.5px;color:rgba(255,255,255,.3);text-align:center}
.fin-breakdown{padding:16px 24px;display:flex;flex-direction:column;gap:10px}
.fb-row{display:flex;align-items:center;gap:12px}
.fb-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.fb-label{flex:1;font-size:12.5px;color:rgba(255,255,255,.6)}
.fb-amount{font-size:13px;font-weight:700;color:var(--white)}
.fb-bar-bg{height:3px;background:rgba(255,255,255,.1);border-radius:2px;flex:1;overflow:hidden}
.fb-bar-fill{height:100%;border-radius:2px}
.fin-gst-badge{margin:0 24px 18px;background:rgba(116,221,36,.07);border:1px solid rgba(116,221,36,.18);border-radius:var(--r-md);padding:11px 14px;display:flex;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.65)}
.fin-gst-badge i{color:var(--green);font-size:14px;flex-shrink:0}
.compare-section{background:var(--ink)}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:768px){.compare-grid{grid-template-columns:1fr}}
.compare-card{border-radius:var(--r-lg);padding:28px 24px}
.cc-before{background:#1a0a0a;border:1px solid rgba(230,57,70,.18)} .cc-after{background:#0a1a0a;border:1px solid rgba(116,221,36,.22)}
.cc-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.cc-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:4px 12px;border-radius:var(--r-pill)}
.ccl-before{background:rgba(230,57,70,.15);color:#f87171} .ccl-after{background:rgba(116,221,36,.14);color:var(--green)}
.cc-title{font-family:var(--display);font-size:1rem;font-weight:700;color:rgba(255,255,255,.65)}
.cc-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}
.cc-list li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.5}
.cc-list.bad li{color:rgba(255,255,255,.5)} .cc-list.bad i{color:#f87171;font-size:13px;flex-shrink:0;margin-top:2px}
.cc-list.good li{color:rgba(255,255,255,.72)} .cc-list.good i{color:var(--green);font-size:13px;flex-shrink:0;margin-top:2px}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.tgrid{grid-template-columns:1fr}}
.tcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 24px;position:relative;transition:all .25s}
.tcard:hover{box-shadow:var(--sh-2);transform:translateY(-4px)}
.tcard-qt{position:absolute;top:18px;right:20px;font-size:3.5rem;color:var(--blue-lt);font-family:Georgia,serif;font-weight:900;line-height:1}
.tcard-stars{color:#f59e0b;font-size:11px;letter-spacing:2px;margin-bottom:14px}
.tcard blockquote{font-size:14px;color:var(--body);line-height:1.75;font-style:italic;margin-bottom:20px}
.tcard-author{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding-top:16px}
.tav{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:var(--white);flex-shrink:0}
.tcard-name{font-size:14px;font-weight:700;color:var(--ink)} .tcard-loc{font-size:12px;color:var(--muted)}
.final-cta{background:var(--ink);padding:96px 0;position:relative;overflow:hidden;text-align:center}
.final-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 70% at 20% 50%,rgba(65,115,219,.13) 0%,transparent 60%),radial-gradient(ellipse 45% 60% at 80% 50%,rgba(116,221,36,.09) 0%,transparent 60%)}
.final-cta::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:26px 26px}
.final-cta .container{position:relative;z-index:2}
.fcta-sub{font-size:1.05rem;color:rgba(255,255,255,.5);max-width:560px;margin:16px auto 36px;line-height:1.8}
.img-wrap{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-2)}
.img-wrap img{width:100%;height:100%;object-fit:cover;border-radius:0}