/* LEFTURN fees & portal previews: isolated responsive component styles */
.lf-fees-intro{max-width:720px;margin:0 0 28px}.lf-fees-intro h2,.lf-platform-section h2,.lf-onboarding-section h2{font-size:clamp(2rem,4vw,3rem);margin:8px 0 12px}.lf-fees-intro p,.lf-section-lead{color:#b6c9dd;line-height:1.75}.lf-fees-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.lf-fee-card{display:flex;flex-direction:column;min-width:0;padding:25px 17px;border:1px solid #294260;border-radius:16px;background:linear-gradient(140deg,#102840,#081626);transition:transform .2s,border-color .2s}.lf-fee-card:hover{transform:translateY(-4px);border-color:#cb9c42}.lf-fee-card.lf-featured{border-color:#c79a40;background:linear-gradient(135deg,#23303a,#101d32)}.lf-card-label{color:#d8a849;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;min-height:32px}.lf-fee-card h3{font-size:29px;color:white;margin:4px 0 10px}.lf-fee-card h3 small{font-size:12px;color:#b0c3d9}.lf-card-price{font-size:27px;color:#e4b24f;font-weight:800}.lf-fee-card p{color:#bed0df;font-size:13px;min-height:68px;line-height:1.5}.lf-management{border-top:1px solid #284059;padding:14px 0;color:#adbed3;font-size:12px;display:flex;justify-content:space-between;gap:6px}.lf-management strong{color:#e2b04b}.lf-fee-card a{display:block;text-align:center;text-decoration:none;border-radius:8px;background:#216bd3;color:#fff;padding:11px 8px;font-weight:700;margin-top:auto}.lf-fees-footnote{font-size:12px;color:#aebfd1;line-height:1.65;margin:14px 0 24px}.lf-subheading{margin:28px 0 12px;font-size:19px}.lf-fees-additional{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.lf-additional{padding:19px 12px;border:1px solid #27435c;border-radius:11px;background:#0d2136;display:flex;flex-direction:column;gap:8px;color:white}.lf-additional span{color:#e5b250;font-size:19px;font-weight:800}.lf-special-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.lf-special-row>div{display:flex;justify-content:space-between;gap:15px;padding:17px;border-radius:11px;border:1px solid #2c4256;background:#102236}.lf-special-row span{color:#e5b24e}.lf-offer-strip{display:flex;gap:17px;align-items:center;justify-content:space-between;padding:24px;margin-top:19px;border-radius:13px;border:1px solid #2b4a64;background:#0a1b30}.lf-offer-strip strong{color:white}.lf-offer-strip span{color:#b8cbdb;max-width:450px}.lf-offer-strip a{color:#e8b64b;font-weight:800}.lf-platform-section{background:#071626}.lf-section-lead{max-width:760px;margin:0 0 27px}.lf-slides{position:relative;max-width:950px;margin:auto;border-radius:18px;border:1px solid #305071;background:#071b31;padding:24px;box-shadow:0 24px 75px #0005}.lf-slide{display:none;min-height:370px}.lf-slide.active{display:block}.lf-mock-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #29445c;padding:9px 6px 19px;color:#a8c0dc;font-size:11px;letter-spacing:.12em}.lf-mock-header b{font-size:25px;color:#fff;letter-spacing:0}.lf-mock-center{text-align:center;padding:25px 0}.lf-mock-center h3{font-size:26px;color:white}.lf-mock-center p{color:#adc1d6}.lf-mock-options{display:grid;grid-template-columns:1fr 1fr;gap:17px;max-width:700px;margin:20px auto}.lf-mock-options>div{border:1px solid #456183;background:#122b48;border-radius:12px;text-align:left;padding:22px;color:#e4b655}.lf-mock-options h4{color:white;margin:11px 0}.lf-mock-options small{color:#aec3d9}.lf-steps{max-width:690px;margin:26px auto}.lf-step{display:flex;align-items:center;gap:18px;margin:12px 0;padding:18px;background:#102941;border:1px solid #244b67;border-radius:11px}.lf-step b{color:#e3b04c}.lf-step span{display:flex;flex-direction:column;gap:5px;flex:1}.lf-step strong{color:white}.lf-step small{color:#a8c1d7}.lf-step em{font-size:12px;color:#a0bfe7;font-style:normal}.lf-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:25px 0}.lf-stat-grid>div{background:#102941;border:1px solid #274a69;border-radius:12px;padding:21px 14px;display:flex;flex-direction:column;gap:10px}.lf-stat-grid small{color:#afc4d8}.lf-stat-grid strong{font-size:23px;color:white}.lf-stat-grid .positive,.lf-account-list .positive{color:#49d69e}.lf-chart{height:170px;border-radius:12px;background:repeating-linear-gradient(to bottom,#102339,#102339 40px,#18354b 41px);overflow:hidden}.lf-chart svg{width:100%;height:100%}.lf-multi-summary{display:flex;justify-content:space-between;padding:24px 2px;color:#c6d9e9}.lf-account-list>div{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;align-items:center;padding:18px;margin:9px 0;border:1px solid #2b4d6b;background:#112941;border-radius:10px;color:white}.lf-account-list em{font-style:normal;color:#4ed6a5}.lf-slide-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:19px}.lf-slide-controls button{cursor:pointer;border:1px solid #4a6f8b;border-radius:50%;background:#153956;color:white;width:36px;height:36px}.lf-slide-controls span{color:#c8daeb}.lf-slide-caption{text-align:center;margin:10px 0;color:#9ebad0;font-size:13px}.lf-onboarding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.lf-onboarding-grid>div{padding:23px;border:1px solid #2e4864;border-radius:13px;background:#112439;display:flex;flex-direction:column;gap:11px}.lf-onboarding-grid b{color:#d9a745;font-size:23px}.lf-onboarding-grid strong{color:white}.lf-onboarding-grid p{color:#b6c6d9;line-height:1.6;margin:0}.lf-center-cta{text-align:center;margin:30px 0}.lf-center-cta p{color:#aac3da;margin:14px 0}@media(max-width:1100px){.lf-fees-grid{grid-template-columns:repeat(3,1fr)}.lf-fees-additional{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.lf-fees-grid,.lf-onboarding-grid,.lf-special-row,.lf-mock-options{grid-template-columns:1fr}.lf-fees-additional{grid-template-columns:repeat(2,1fr)}.lf-offer-strip{flex-direction:column;align-items:flex-start}.lf-stat-grid{grid-template-columns:repeat(2,1fr)}.lf-account-list>div{grid-template-columns:1fr 1fr;font-size:12px}.lf-slide{min-height:400px}.lf-mock-header{font-size:9px}.lf-slides{padding:14px}}

.lf-onboarding-intro{max-width:860px;color:#b6c9dd;line-height:1.75;margin:0 0 15px}.lf-onboarding-grid>div:first-child{border-color:#cb9c42;background:linear-gradient(145deg,#24303c,#112439)}.lf-center-cta p a{color:#e4b24f;text-decoration:underline}


/* V7 onboarding card header: icon + number side by side */
.lf-onboarding-grid>div{display:grid;grid-template-columns:52px 1fr;grid-template-areas:"icon num" "title title" "text text";align-items:start;column-gap:14px;row-gap:12px}
.lf-start-icon{grid-area:icon!important;display:inline-grid!important;margin:0!important}
.lf-onboarding-grid b{grid-area:num;display:flex;align-items:center;align-self:center;color:#d9a745;font-size:36px;line-height:1;margin:0}
.lf-onboarding-grid strong{grid-area:title}
.lf-onboarding-grid p{grid-area:text}
@media(max-width:700px){.lf-onboarding-grid>div{grid-template-columns:48px 1fr}.lf-onboarding-grid b{font-size:32px}}

/* V9: screenshot-led portal tour */
.lf-visual-slider{max-width:1110px;margin:0 auto;padding:18px;border:1px solid #315372;border-radius:20px;background:#091a2d;box-shadow:0 22px 64px rgba(0,0,0,.35)}
.lf-visual-slide[hidden]{display:none!important}
.lf-visual-copy{padding:14px 12px 19px}
.lf-visual-step{color:#e7b54e;letter-spacing:.12em;font-weight:900;font-size:12px}
.lf-visual-copy h3{color:#fff;font-size:clamp(22px,3vw,30px);margin:7px 0 9px}
.lf-visual-copy p{color:#b9cce1;line-height:1.7;font-size:14px;max-width:850px;margin:0}
.lf-visual-image{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;object-position:center top;border:1px solid #264765;border-radius:12px;background:#071b30}
.lf-visual-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:16px 0 8px;color:#c4d7ea;font-weight:700}
.lf-visual-controls button{cursor:pointer;width:40px;height:40px;border:1px solid #567899;border-radius:50%;color:#fff;background:#163955;font-size:19px}
.lf-visual-controls button:hover{background:#2568aa}
.lf-visual-dots{display:flex;justify-content:center;gap:10px;margin-bottom:14px}
.lf-visual-dots button{width:10px;height:10px;padding:0;border:0;border-radius:9px;background:#55718d;cursor:pointer;transition:width .2s,background .2s}
.lf-visual-dots button.active{width:30px;background:#e3ae42}
.lf-visual-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #28435d;padding:20px 12px 7px}
.lf-visual-bottom p{font-size:13px;line-height:1.7;color:#b5c8da;max-width:680px;margin:0}
.lf-install-preview{min-height:435px;border:1px solid #264765;border-radius:12px;background:linear-gradient(145deg,#0b2540,#051527);padding:32px;display:grid;align-content:center;gap:15px}
.lf-install-head{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8bacce;letter-spacing:.12em;border-bottom:1px solid #2d4a6b;padding-bottom:20px}
.lf-install-head strong{color:#fff;font-size:28px;letter-spacing:0}
.lf-install-check{display:flex;align-items:center;gap:16px;padding:21px;background:#112f4b;border:1px solid #305577;border-radius:12px}
.lf-install-check>b{color:#e9b34b;font-size:20px}
.lf-install-check div{display:grid;gap:6px;flex:1;color:#fff}
.lf-install-check small{color:#adc5db}
.lf-install-check>span{color:#d7b15b;font-weight:700;font-size:12px}
@media(max-width:700px){.lf-visual-slider{padding:10px}.lf-visual-copy{padding:15px 9px}.lf-visual-bottom{flex-direction:column;align-items:flex-start}.lf-install-preview{min-height:320px;padding:15px}.lf-install-check{padding:13px;gap:10px;flex-wrap:wrap}.lf-install-head strong{font-size:19px}}

/* Featured 100K limited-time offer */
.lf-fee-card.lf-promo-featured{position:relative;border:2px solid #ecba4c;background:linear-gradient(145deg,#28333a,#102238);box-shadow:0 0 0 4px rgba(228,178,78,.09),0 16px 46px rgba(0,0,0,.3);transform:translateY(-6px)}
.lf-promo-ribbon{margin:-16px -8px 14px;background:#e2ad40;color:#071625;border-radius:6px;padding:8px 5px;text-align:center;font-size:11px;font-weight:900;letter-spacing:.055em}
.lf-was-price{font-size:19px;color:#a8b5c7;font-weight:600;margin-right:8px}.lf-promo-featured .lf-card-price{color:#ffe093;font-size:31px;white-space:nowrap}.lf-promo-featured .lf-card-price small{font-size:12px;color:#bccde1}.lf-promo-featured a{background:#d7a63f;color:#081525}.lf-promo-featured a:hover{background:#f1c461}
@media(max-width:700px){.lf-fee-card.lf-promo-featured{transform:none}}

/* V12: focused promotional presentation */
.lf-fee-card.lf-promo-featured{border-color:#28c98b;background:linear-gradient(145deg,#10382f,#102238);box-shadow:0 0 0 4px rgba(36,209,141,.12),0 18px 48px rgba(0,0,0,.32)}
.lf-promo-ribbon{background:#26d392;color:#05251b}
.lf-promo-featured .lf-card-price{color:#64ecb7}
.lf-promo-featured a{background:#13a877;color:#fff}
.lf-promo-featured a:hover{background:#0fd49a}
/* Accessible inline high-water-mark dialog */
.lf-hwm-overlay[hidden]{display:none!important}
.lf-hwm-overlay{position:fixed;inset:0;z-index:9999;background:rgba(1,9,19,.82);display:grid;place-items:center;padding:18px;backdrop-filter:blur(7px)}
body.lf-hwm-open{overflow:hidden}
.lf-hwm-modal{position:relative;width:min(560px,100%);max-height:92vh;overflow:auto;background:linear-gradient(150deg,#142d46,#081b2e);border:1px solid #497092;border-radius:20px;padding:35px;box-shadow:0 25px 90px #000b;color:#e6f0fa;outline:none}
.lf-hwm-modal h2{font-size:clamp(25px,3vw,32px);margin:10px 0 15px;color:#fff}
.lf-hwm-modal p{font-size:14px;line-height:1.75;color:#c2d6e7;margin:12px 0}
.lf-hwm-kicker{font-size:11px;color:#e1b451;font-weight:800;letter-spacing:.1em}
.lf-hwm-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#d0e1ee;font-size:30px;cursor:pointer;padding:0 9px}
.lf-hwm-example{padding:17px;border-radius:12px;background:#0b2237;border:1px solid #33536e;display:grid;gap:7px;font-size:13px;line-height:1.6;color:#cde0ed}
.lf-hwm-example strong{color:#64ecb7}
.lf-hwm-done{padding:12px 23px;border:0;background:#2784e8;color:white;border-radius:9px;font-weight:800;cursor:pointer;margin-top:10px}
@media(max-width:600px){.lf-hwm-modal{padding:25px 19px}}
