/* Coaching Management System - Landing Page
   Design System: Trust + Simplicity + Professional SaaS
   Palette: Sky Blue trust + Warm CTA orange, Clean neutrals
   Typography: Plus Jakarta Sans + Hind Siliguri (Bangla)
   References: UI/UX Pro Max - Social Proof + Minimal Single Column patterns
*/
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Hind+Siliguri:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --lp-primary:#0EA5E9;
  --lp-primary-dark:#0284C7;
  --lp-primary-700:#0369A1;
  --lp-primary-light:#E0F2FE;
  --lp-primary-bg:#F0F9FF;
  --lp-cta:#EA580C;
  --lp-cta-hover:#C2410C;
  --lp-cta-light:#FFF7ED;
  --lp-text:#0F172A;
  --lp-text-2:#334155;
  --lp-muted:#64748B;
  --lp-muted-2:#94A3B8;
  --lp-border:#E2E8F0;
  --lp-border-2:#F1F5F9;
  --lp-bg:#F8FAFC;
  --lp-bg-white:#FFFFFF;
  --lp-navy:#0C4A6E;
  --lp-radius:14px;
  --lp-radius-lg:18px;
  --lp-radius-sm:10px;
  --lp-shadow:0 1px 3px rgba(15,23,42,.06), 0 4px 12px rgba(15,23,42,.05);
  --lp-shadow-lg:0 8px 30px rgba(15,23,42,.08), 0 2px 8px rgba(15,23,42,.06);
  --lp-shadow-hero:0 20px 60px rgba(15,23,42,.12), 0 8px 20px rgba(15,23,42,.08);
  --lp-max:1200px;
  --lp-nav-h:64px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
/* Override app shell padding when landing is shown */
.app-content-standalone{padding:0 !important; background:#fff}
.app-content.app-content-standalone{padding:0 !important}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none !important; transition:none !important}
}
.lp-root{
  font-family:"Hind Siliguri","Plus Jakarta Sans",Inter,system-ui,-apple-system,"Noto Sans Bengali",sans-serif;
  color:var(--lp-text);
  background:var(--lp-bg-white);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.lp-root h1,.lp-root h2,.lp-root h3{font-family:"Hind Siliguri","Plus Jakarta Sans",sans-serif; line-height:1.2; letter-spacing:-.02em}
.lp-container{max-width:var(--lp-max); margin:0 auto; padding:0 20px}
@media(min-width:1024px){.lp-container{padding:0 24px}}

/* NAV */
.lp-nav{
  position:sticky; top:0; z-index:100;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--lp-border);
}
.lp-nav-inner{height:var(--lp-nav-h); display:flex; align-items:center; gap:16px}
.lp-brand{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--lp-text)}
.lp-brand-mark{
  width:36px; height:36px; border-radius:10px; display:grid; place-items:center;
  background:var(--lp-primary); color:#fff; font-weight:800; font-size:15px; letter-spacing:-.02em
}
.lp-brand-name{font-weight:700; font-size:16px; line-height:1; color:var(--lp-text)}
.lp-brand-sub{font-size:11px; color:var(--lp-muted); font-weight:500; letter-spacing:.02em}
.lp-nav-links{display:none; gap:6px; margin-left:24px}
@media(min-width:960px){.lp-nav-links{display:flex}}
.lp-nav-links a{
  padding:8px 12px; border-radius:8px; font-size:14px; font-weight:500; color:var(--lp-text-2);
  text-decoration:none; transition:background .18s, color .18s;
}
.lp-nav-links a:hover{background:var(--lp-primary-bg); color:var(--lp-primary-dark)}
.lp-nav-links a:focus-visible,.lp-btn:focus-visible{outline:2px solid var(--lp-primary); outline-offset:2px}
.lp-nav-cta{margin-left:auto; display:flex; align-items:center; gap:10px}
.lp-nav-mobile-btn{display:inline-flex; border:1px solid var(--lp-border); background:#fff; border-radius:9px; padding:8px 10px; cursor:pointer}
@media(min-width:960px){.lp-nav-mobile-btn{display:none}}
.lp-mobile-menu{display:none; border-top:1px solid var(--lp-border); background:#fff; padding:12px 0 16px}
.lp-mobile-menu.open{display:block}
.lp-mobile-menu a{display:block; padding:10px 20px; color:var(--lp-text-2); text-decoration:none; font-weight:500; border-radius:8px; margin:2px 12px}
.lp-mobile-menu a:hover{background:var(--lp-bg)}

/* BUTTONS */
.lp-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-weight:600; border-radius:10px; cursor:pointer; border:1px solid transparent;
  transition:all .2s ease; text-decoration:none; white-space:nowrap; font-family:inherit;
}
.lp-btn-primary{background:var(--lp-cta); color:#fff; border-color:var(--lp-cta); box-shadow:0 4px 14px rgba(234,88,12,.28)}
.lp-btn-primary:hover{background:var(--lp-cta-hover); border-color:var(--lp-cta-hover); color:#fff; transform:translateY(-1px); box-shadow:0 6px 18px rgba(234,88,12,.32)}
.lp-btn-secondary{background:#fff; color:var(--lp-text); border-color:var(--lp-border)}
.lp-btn-secondary:hover{background:var(--lp-bg); border-color:var(--lp-text-2)}
.lp-btn-lg{height:48px; padding:0 22px; font-size:15px; border-radius:12px}
.lp-btn-md{height:42px; padding:0 18px; font-size:14px}
.lp-btn-sm{height:36px; padding:0 14px; font-size:13px}
.lp-btn-block{width:100%}

/* HERO */
.lp-hero{padding:22px 0 36px; background:linear-gradient(180deg,#F0F9FF 0%, #FFFFFF 65%)}
@media(min-width:768px){.lp-hero{padding:36px 0 48px}}
.lp-hero-grid{display:grid; gap:28px}
@media(min-width:960px){.lp-hero-grid{grid-template-columns:520px 1fr; align-items:center; gap:28px}}
.lp-hero-badge{
  display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:999px;
  background:#fff; border:1px solid var(--lp-border); font-size:12.5px; font-weight:600; color:var(--lp-text-2);
  box-shadow:var(--lp-shadow)
}
.lp-hero-badge-dot{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 6px rgba(34,197,94,.15)}
.lp-hero h1{font-size:32px; font-weight:800; margin:16px 0 14px; color:var(--lp-text)}
@media(min-width:768px){.lp-hero h1{font-size:42px}}
@media(min-width:1100px){.lp-hero h1{font-size:44px}}
.lp-hero h1 span{color:var(--lp-primary-dark)}
.lp-hero-sub{font-size:16px; color:var(--lp-muted); line-height:1.7; max-width:520px}
@media(min-width:768px){.lp-hero-sub{font-size:16.5px}}
.lp-hero-ctas{display:flex; flex-wrap:wrap; gap:12px; margin-top:22px}
.lp-hero-note{display:flex; flex-wrap:wrap; gap:14px; margin-top:18px; font-size:13px; color:var(--lp-muted)}
.lp-hero-note span{display:inline-flex; align-items:center; gap:6px}
.lp-hero-note svg{color:#16A34A}

/* Dashboard Mockup */
.lp-mock-wrap{position:relative}
.lp-mock{
  background:#fff; border:1px solid var(--lp-border); border-radius:16px; overflow:hidden;
  box-shadow:var(--lp-shadow-hero);
}
.lp-mock-top{
  height:44px; display:flex; align-items:center; gap:10px; padding:0 14px;
  border-bottom:1px solid var(--lp-border); background:#fff;
}
.lp-mock-dots{display:flex; gap:6px}
.lp-mock-dots span{width:10px;height:10px;border-radius:50%; display:inline-block}
.lp-mock-dots span:nth-child(1){background:#EF4444}
.lp-mock-dots span:nth-child(2){background:#F59E0B}
.lp-mock-dots span:nth-child(3){background:#22C55E}
.lp-mock-tabs{display:flex; gap:4px; margin-left:10px}
.lp-mock-tab{font-size:11px; font-weight:600; padding:6px 10px; border-radius:999px; color:var(--lp-muted); background:var(--lp-bg)}
.lp-mock-tab.active{background:var(--lp-primary); color:#fff}
.lp-mock-body{padding:14px; background:var(--lp-bg)}
.lp-mock-stats{display:grid; grid-template-columns:repeat(2,1fr); gap:10px}
@media(min-width:560px){.lp-mock-stats{grid-template-columns:repeat(4,1fr)}}
.lp-mock-stat{background:#fff; border:1px solid var(--lp-border); border-radius:12px; padding:11px 12px}
.lp-mock-stat-label{font-size:11px; font-weight:600; color:var(--lp-muted); letter-spacing:.02em}
.lp-mock-stat-value{font-size:18px; font-weight:800; color:var(--lp-text); margin-top:4px}
.lp-mock-stat-sub{font-size:11px; color:#16A34A; font-weight:600; margin-top:2px}
.lp-mock-stat-sub.warn{color:#EA580C}
.lp-mock-main{display:grid; gap:10px; margin-top:10px}
@media(min-width:560px){.lp-mock-main{grid-template-columns:1.4fr .9fr}}
.lp-mock-card{background:#fff; border:1px solid var(--lp-border); border-radius:12px; padding:12px}
.lp-mock-card-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:10px}
.lp-mock-card-title{font-size:13px; font-weight:700; color:var(--lp-text)}
.lp-mock-link{font-size:12px; font-weight:600; color:var(--lp-primary-dark); text-decoration:none}
.lp-mock-table{width:100%; border-collapse:collapse; font-size:12.5px}
.lp-mock-table th{font-size:11px; color:var(--lp-muted); text-align:left; padding:6px 4px; border-bottom:1px solid var(--lp-border)}
.lp-mock-table td{padding:8px 4px; border-bottom:1px solid var(--lp-border-2); font-weight:500}
.lp-badge{font-size:11px; font-weight:700; padding:3px 8px; border-radius:999px; display:inline-flex}
.lp-badge-green{background:#DCFCE7; color:#15803D}
.lp-badge-amber{background:#FEF3C7; color:#92400E}
.lp-badge-blue{background:#E0F2FE; color:#0369A1}
.lp-badge-red{background:#FEE2E2; color:#B91C1C}
.lp-mock-list{display:flex; flex-direction:column; gap:8px}
.lp-mock-item{display:flex; gap:10px; align-items:center; padding:8px; border:1px solid var(--lp-border); border-radius:10px; background:var(--lp-bg-white)}
.lp-mock-item-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center; flex-shrink:0}
.lp-mock-item-icon.blue{background:#E0F2FE;color:#0284C7}
.lp-mock-item-icon.green{background:#DCFCE7;color:#16A34A}
.lp-mock-item-icon.amber{background:#FEF3C7;color:#D97706}
.lp-mock-item-title{font-size:12.5px;font-weight:700;line-height:1.2}
.lp-mock-item-sub{font-size:11.5px;color:var(--lp-muted)}
.lp-mock-float{
  position:absolute; right:8px; bottom:-14px; background:#fff; border:1px solid var(--lp-border);
  border-radius:12px; padding:10px 12px; box-shadow:var(--lp-shadow-lg); display:flex; gap:10px; align-items:center;
  max-width:260px;
}
@media(max-width:960px){.lp-mock-float{position:static; margin-top:12px; max-width:none}}
.lp-float-icon{width:36px;height:36px;border-radius:10px; display:grid; place-items:center; background:#DCFCE7;color:#16A34A}

/* VALUE STRIP */
.lp-strip{border-top:1px solid var(--lp-border); border-bottom:1px solid var(--lp-border); background:#fff; padding:18px 0}
.lp-strip-head{text-align:center; margin-bottom:14px}
.lp-strip-head p{font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--lp-primary-dark); margin:0 0 6px}
.lp-strip-head h3{font-size:18px; font-weight:700; color:var(--lp-text); margin:0}
.lp-strip-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:10px}
@media(min-width:768px){.lp-strip-grid{grid-template-columns:repeat(6,1fr)}}
.lp-strip-item{
  display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center;
  padding:12px 8px; border:1px solid var(--lp-border); border-radius:12px; background:var(--lp-bg);
  transition:border-color .18s, transform .18s
}
.lp-strip-item:hover{border-color:var(--lp-primary); transform:translateY(-1px); background:#fff}
.lp-strip-icon{width:36px;height:36px;border-radius:10px; display:grid; place-items:center; background:#fff; border:1px solid var(--lp-border); color:var(--lp-primary-dark)}
.lp-strip-item span{font-size:12.5px; font-weight:600; color:var(--lp-text-2); line-height:1.2}

/* SECTIONS */
.lp-section{padding:48px 0}
@media(min-width:768px){.lp-section{padding:72px 0}}
.lp-section-alt{background:var(--lp-bg); border-top:1px solid var(--lp-border); border-bottom:1px solid var(--lp-border)}
.lp-eyebrow{font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--lp-primary-dark); margin:0 0 8px}
.lp-h2{font-size:26px; font-weight:800; color:var(--lp-text); margin:0 0 10px}
@media(min-width:768px){.lp-h2{font-size:32px}}
.lp-lead{font-size:15.5px; color:var(--lp-muted); max-width:680px; margin:0}
.lp-center{text-align:center}
.lp-center .lp-lead{margin:0 auto}

/* Problem */
.lp-problem-grid{display:grid; gap:14px; margin-top:28px}
@media(min-width:640px){.lp-problem-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.lp-problem-grid{grid-template-columns:repeat(3,1fr)}}
.lp-problem-card{
  background:#fff; border:1px solid var(--lp-border); border-radius:14px; padding:16px; display:flex; gap:12px;
  transition:border-color .18s, box-shadow .18s
}
.lp-problem-card:hover{border-color:#FECACA; box-shadow:var(--lp-shadow)}
.lp-problem-icon{width:40px;height:40px;border-radius:11px; display:grid; place-items:center; flex-shrink:0; background:#FEF2F2; color:#DC2626; border:1px solid #FECACA}
.lp-problem-card h4{font-size:14px; font-weight:700; margin:0 0 4px; color:var(--lp-text)}
.lp-problem-card p{font-size:13px; color:var(--lp-muted); margin:0; line-height:1.5}

/* Before/After */
.lp-compare{display:grid; gap:16px; margin-top:24px}
@media(min-width:860px){.lp-compare{grid-template-columns:1fr 1fr; gap:18px}}
.lp-compare-card{border-radius:16px; padding:18px; border:1px solid var(--lp-border)}
.lp-compare-before{background:#FFFBEB; border-color:#FDE68A}
.lp-compare-after{background:#F0FDF4; border-color:#BBF7D0; position:relative; overflow:hidden}
.lp-compare-after::before{content:""; position:absolute; top:0; left:0; right:0; height:3px; background:#22C55E}
.lp-compare-card h4{font-size:15px; font-weight:800; display:flex; align-items:center; gap:8px; margin:0 0 12px}
.lp-compare-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:9px}
.lp-compare-list li{display:flex; gap:10px; align-items:flex-start; font-size:14px; font-weight:500; color:var(--lp-text-2)}
.lp-compare-list li svg{flex-shrink:0; margin-top:2px}
.lp-compare-before li svg{color:#D97706}
.lp-compare-after li svg{color:#16A34A}
.lp-compare-badge{font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; padding:5px 10px; border-radius:999px; display:inline-flex}
.lp-compare-before .lp-compare-badge{background:#FEF3C7; color:#92400E; border:1px solid #FDE68A}
.lp-compare-after .lp-compare-badge{background:#DCFCE7; color:#14532D; border:1px solid #BBF7D0}

/* Features */
.lp-features-grid{display:grid; gap:14px; margin-top:28px}
@media(min-width:700px){.lp-features-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.lp-features-grid{grid-template-columns:repeat(4,1fr)}}
.lp-feature-card{
  background:#fff; border:1px solid var(--lp-border); border-radius:14px; padding:16px;
  transition:transform .18s, box-shadow .18s, border-color .18s; height:100%
}
.lp-feature-card:hover{transform:translateY(-2px); box-shadow:var(--lp-shadow-lg); border-color:#CBD5E1}
.lp-feature-icon{width:40px;height:40px;border-radius:11px; display:grid; place-items:center; margin-bottom:12px; border:1px solid var(--lp-border)}
.lp-feature-icon.sky{background:#E0F2FE; color:#0284C7; border-color:#BAE6FD}
.lp-feature-icon.green{background:#DCFCE7; color:#15803D; border-color:#BBF7D0}
.lp-feature-icon.amber{background:#FEF3C7; color:#B45309; border-color:#FDE68A}
.lp-feature-icon.violet{background:#F3E8FF; color:#7E22CE; border-color:#E9D5FF}
.lp-feature-card h4{font-size:14px; font-weight:700; margin:0 0 6px}
.lp-feature-card p{font-size:12.5px; color:var(--lp-muted); margin:0 0 10px; line-height:1.5}
.lp-feature-tags{display:flex; flex-wrap:wrap; gap:6px}
.lp-feature-tags span{font-size:11px; font-weight:600; padding:4px 8px; border-radius:999px; background:var(--lp-bg); border:1px solid var(--lp-border); color:var(--lp-text-2)}

/* Showcase alternating */
.lp-showcase{display:grid; gap:22px; align-items:center}
@media(min-width:900px){.lp-showcase{grid-template-columns:1fr 1fr; gap:36px}}
.lp-showcase.reverse{ direction:ltr}
@media(min-width:900px){.lp-showcase.reverse > :first-child{order:2} .lp-showcase.reverse > :last-child{order:1}}
.lp-showcase-text h3{font-size:22px; font-weight:800; margin:0 0 10px}
@media(min-width:768px){.lp-showcase-text h3{font-size:26px}}
.lp-showcase-text p{color:var(--lp-muted); font-size:14.5px; margin:0 0 14px}
.lp-checks{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px}
.lp-checks li{display:flex; gap:10px; align-items:flex-start; font-size:14px; font-weight:500; color:var(--lp-text-2)}
.lp-checks li svg{color:#16A34A; flex-shrink:0; margin-top:2px}
.lp-mini-card{background:#fff; border:1px solid var(--lp-border); border-radius:14px; padding:12px; box-shadow:var(--lp-shadow)}
.lp-mini-head{font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--lp-muted); margin-bottom:10px}
.lp-mini-row{display:flex; gap:10px; align-items:center; padding:8px; border:1px solid var(--lp-border); border-radius:10px; margin-bottom:8px}
.lp-mini-row:last-child{margin-bottom:0}
.lp-avatar{width:36px;height:36px;border-radius:50%; background:var(--lp-primary-light); color:var(--lp-primary-dark); display:grid; place-items:center; font-weight:700; font-size:13px; flex-shrink:0}
.lp-progress{height:6px; background:var(--lp-border); border-radius:999px; overflow:hidden; margin-top:6px}
.lp-progress-bar{height:100%; background:var(--lp-primary)}

/* Benefits */
.lp-benefits{display:grid; gap:14px; margin-top:28px}
@media(min-width:640px){.lp-benefits{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.lp-benefits{grid-template-columns:repeat(3,1fr)}}
.lp-benefit{background:#fff; border:1px solid var(--lp-border); border-radius:14px; padding:18px; transition:box-shadow .18s, transform .18s}
.lp-benefit:hover{box-shadow:var(--lp-shadow-lg); transform:translateY(-1px)}
.lp-benefit-icon{width:44px;height:44px;border-radius:12px; display:grid; place-items:center; margin-bottom:12px; background:var(--lp-primary-bg); color:var(--lp-primary-dark); border:1px solid #BAE6FD}
.lp-benefit h4{font-size:15px; font-weight:700; margin:0 0 6px}
.lp-benefit p{font-size:13px; color:var(--lp-muted); margin:0}

/* Roles */
.lp-roles{display:grid; gap:12px; margin-top:24px}
@media(min-width:640px){.lp-roles{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.lp-roles{grid-template-columns:repeat(3,1fr)}}
.lp-role{background:#fff; border:1px solid var(--lp-border); border-radius:14px; padding:16px; display:flex; gap:12px}
.lp-role-icon{width:42px;height:42px;border-radius:11px; display:grid; place-items:center; flex-shrink:0; background:var(--lp-bg); border:1px solid var(--lp-border); color:var(--lp-primary-dark)}
.lp-role h4{font-size:14px; font-weight:700; margin:0 0 4px}
.lp-role p{font-size:12.5px; color:var(--lp-muted); margin:0}
.lp-role ul{margin:8px 0 0; padding-left:16px; font-size:12.5px; color:var(--lp-text-2); display:flex; flex-direction:column; gap:3px}

/* Sizes */
.lp-sizes{display:grid; gap:14px; margin-top:24px}
@media(min-width:860px){.lp-sizes{grid-template-columns:repeat(3,1fr)}}
.lp-size{border-radius:16px; padding:18px; border:1px solid var(--lp-border); background:#fff; position:relative}
.lp-size.featured{border-color:var(--lp-primary); box-shadow:0 8px 24px rgba(14,165,233,.12)}
.lp-size-badge{font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:4px 9px; border-radius:999px; display:inline-flex; margin-bottom:10px}
.lp-size:nth-child(1) .lp-size-badge{background:#F1F5F9; color:var(--lp-text-2)}
.lp-size.featured .lp-size-badge{background:var(--lp-primary); color:#fff}
.lp-size:nth-child(3) .lp-size-badge{background:#EFF6FF; color:#1D4ED8; border:1px solid #BFDBFE}
.lp-size h4{font-size:16px; font-weight:800; margin:0 0 6px}
.lp-size p{font-size:13px; color:var(--lp-muted); margin:0 0 12px}
.lp-size ul{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:7px}
.lp-size ul li{display:flex; gap:8px; font-size:13px; font-weight:500; color:var(--lp-text-2)}
.lp-size ul li svg{color:#16A34A; flex-shrink:0}

/* Pricing */
.lp-pricing{display:grid; gap:16px; margin-top:28px; max-width:760px; margin-left:auto; margin-right:auto}
@media(min-width:700px){.lp-pricing{grid-template-columns:1fr 1fr}}
.lp-plan{border-radius:16px; border:1px solid var(--lp-border); background:#fff; padding:20px; position:relative; display:flex; flex-direction:column}
.lp-plan.popular{border-color:var(--lp-primary); box-shadow:0 10px 30px rgba(14,165,233,.14); transform:translateY(-2px)}
@media(max-width:700px){.lp-plan.popular{transform:none}}
.lp-popular-badge{
  position:absolute; top:-11px; left:50%; transform:translateX(-50%);
  background:var(--lp-primary); color:#fff; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  padding:5px 12px; border-radius:999px; white-space:nowrap
}
.lp-plan-name{font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--lp-primary-dark); margin:0 0 6px}
.lp-plan.price{font-size:30px; font-weight:800; color:var(--lp-text); margin:0}
.lp-plan.price small{font-size:14px; font-weight:500; color:var(--lp-muted)}
.lp-plan-desc{font-size:13px; color:var(--lp-muted); margin:6px 0 14px}
.lp-plan ul{list-style:none; padding:0; margin:0 0 16px; display:flex; flex-direction:column; gap:9px; flex:1}
.lp-plan ul li{display:flex; gap:9px; font-size:13.5px; font-weight:500; color:var(--lp-text-2)}
.lp-plan ul li svg{color:#16A34A; flex-shrink:0}

/* Why choose */
.lp-why{display:grid; gap:24px; align-items:center}
@media(min-width:900px){.lp-why{grid-template-columns:1fr 1fr}}
.lp-why-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.lp-why-item{display:flex; gap:10px; align-items:flex-start; padding:12px; background:#fff; border:1px solid var(--lp-border); border-radius:12px}
.lp-why-item svg{color:var(--lp-primary-dark); flex-shrink:0}
.lp-why-item h4{font-size:13.5px; font-weight:700; margin:0 0 2px}
.lp-why-item p{font-size:12.5px; color:var(--lp-muted); margin:0}

/* FAQ */
.lp-faq{max-width:780px; margin:24px auto 0}
.lp-accordion{border:1px solid var(--lp-border); border-radius:14px; overflow:hidden; background:#fff; margin-bottom:10px}
.lp-accordion button{
  width:100%; text-align:left; background:#fff; border:0; padding:16px 18px; display:flex; justify-content:space-between; align-items:center; gap:12px;
  font-weight:700; font-size:14px; color:var(--lp-text); cursor:pointer;
}
.lp-accordion button:hover{background:var(--lp-bg)}
.lp-accordion button:focus-visible{outline:2px solid var(--lp-primary); outline-offset:-2px}
.lp-accordion .icon{width:28px;height:28px;border-radius:8px; display:grid; place-items:center; background:var(--lp-bg); border:1px solid var(--lp-border); flex-shrink:0; transition:transform .2s, background .2s}
.lp-accordion.open .icon{transform:rotate(180deg); background:var(--lp-primary-light)}
.lp-accordion .content{display:none; padding:0 18px 16px; font-size:13.5px; color:var(--lp-muted); line-height:1.6; border-top:1px solid var(--lp-border)}
.lp-accordion.open .content{display:block}

/* Final CTA */
.lp-cta-final{
  margin:32px 0 0; border-radius:18px; background:linear-gradient(135deg,#0C4A6E 0%, #0284C7 55%, #0EA5E9 100%);
  color:#fff; padding:28px 20px; position:relative; overflow:hidden;
}
@media(min-width:768px){.lp-cta-final{padding:40px}}
.lp-cta-final::before{content:""; position:absolute; inset:0; background:radial-gradient(600px 300px at 80% 0%, rgba(255,255,255,.12), transparent 60%)}
.lp-cta-final .lp-container{position:relative}
.lp-cta-final h2{color:#fff; font-size:24px; font-weight:800; margin:0 0 8px}
@media(min-width:768px){.lp-cta-final h2{font-size:30px}}
.lp-cta-final p{color:#E0F2FE; margin:0 0 18px; max-width:640px}
.lp-cta-final .lp-btn{box-shadow:0 6px 20px rgba(0,0,0,.18)}
.lp-cta-final .lp-btn-secondary{background:#fff; color:#0C4A6E; border-color:#fff}
.lp-cta-final .lp-btn-secondary:hover{background:#F0F9FF}

/* Footer */
.lp-footer{background:#0F172A; color:#CBD5E1; padding:36px 0 22px; margin-top:0}
.lp-footer a{color:#CBD5E1; text-decoration:none}
.lp-footer a:hover{color:#fff}
.lp-footer-grid{display:grid; gap:22px}
@media(min-width:860px){.lp-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.lp-footer-brand{font-weight:800; color:#fff; font-size:16px}
.lp-footer-desc{font-size:13px; color:#94A3B8; margin-top:8px; line-height:1.6}
.lp-footer h4{font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#fff; margin:0 0 12px}
.lp-footer ul{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; font-size:13px}
.lp-footer-bottom{margin-top:24px; padding-top:16px; border-top:1px solid rgba(255,255,255,.08); display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; font-size:12.5px; color:#94A3B8}

/* Utilities */
.lp-divider{height:1px; background:var(--lp-border); margin:0}
.lp-badge-dot{width:6px;height:6px;border-radius:50%; display:inline-block; background:currentColor}
.lp-animate{opacity:0; transform:translateY(10px); animation:lpFade .6s ease forwards}
@keyframes lpFade{to{opacity:1; transform:none}}
.lp-delay-1{animation-delay:.08s}
.lp-delay-2{animation-delay:.16s}
.lp-delay-3{animation-delay:.24s}

/* Scrollbar for mock table overflow */
.lp-scroll{overflow:auto}

/* ========== Legal pages (Privacy / Terms) ========== */
.lp-legal-hero{
  background:linear-gradient(180deg,#F0F9FF 0%, #FFFFFF 70%);
  border-bottom:1px solid var(--lp-border);
  padding:28px 0 24px;
}
.lp-legal-hero .lp-eyebrow{color:var(--lp-primary-dark)}
.lp-legal-hero h1{font-size:28px; font-weight:800; color:var(--lp-text); margin:8px 0 10px; line-height:1.2}
@media(min-width:768px){.lp-legal-hero h1{font-size:36px}}
.lp-legal-meta{
  display:flex; flex-wrap:wrap; gap:10px; align-items:center;
  font-size:13px; color:var(--lp-muted); margin-top:12px
}
.lp-legal-meta span{
  display:inline-flex; align-items:center; gap:6px;
  background:#fff; border:1px solid var(--lp-border); border-radius:999px; padding:6px 12px; font-weight:600
}
.lp-legal-summary{
  margin-top:16px; background:#fff; border:1px solid var(--lp-border); border-radius:14px; padding:14px 16px;
  display:flex; gap:12px; align-items:flex-start; box-shadow:var(--lp-shadow)
}
.lp-legal-summary-icon{
  width:36px; height:36px; border-radius:10px; display:grid; place-items:center; flex-shrink:0;
  background:var(--lp-primary-bg); color:var(--lp-primary-dark); border:1px solid #BAE6FD
}
.lp-legal-summary p{margin:0; font-size:13.5px; color:var(--lp-text-2); line-height:1.6}
.lp-legal-wrap{
  display:grid; gap:22px; padding:24px 0 32px;
}
@media(min-width:960px){.lp-legal-wrap{grid-template-columns:260px 1fr; gap:28px; padding:32px 0 48px}}
.lp-toc{
  position:sticky; top:76px; align-self:start;
  background:#fff; border:1px solid var(--lp-border); border-radius:14px; padding:14px; box-shadow:var(--lp-shadow)
}
.lp-toc-title{font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--lp-text); margin:0 0 10px}
.lp-toc a{
  display:flex; gap:8px; align-items:center; padding:8px 10px; border-radius:9px;
  font-size:13px; font-weight:500; color:var(--lp-text-2); text-decoration:none;
  transition:background .15s, color .15s
}
.lp-toc a:hover{background:var(--lp-primary-bg); color:var(--lp-primary-dark)}
.lp-toc a.active{background:var(--lp-primary); color:#fff; font-weight:700}
.lp-toc a .num{font-size:11px; font-weight:800; width:22px; height:22px; border-radius:7px; display:grid; place-items:center; background:var(--lp-bg); border:1px solid var(--lp-border); flex-shrink:0}
.lp-toc a.active .num{background:rgba(255,255,255,.18); color:#fff; border-color:rgba(255,255,255,.25)}
.lp-legal-content{display:flex; flex-direction:column; gap:16px}
.lp-legal-card{
  background:#fff; border:1px solid var(--lp-border); border-radius:14px; padding:18px; box-shadow:var(--lp-shadow)
}
.lp-legal-card h2{
  font-size:18px; font-weight:800; color:var(--lp-text); margin:0 0 8px; display:flex; gap:10px; align-items:center
}
@media(min-width:768px){.lp-legal-card h2{font-size:19px}}
.lp-legal-card h2 .sec-num{
  width:28px; height:28px; border-radius:9px; display:grid; place-items:center; flex-shrink:0;
  background:var(--lp-primary); color:#fff; font-size:12px; font-weight:800
}
.lp-legal-card h3{font-size:15px; font-weight:700; color:var(--lp-text); margin:14px 0 6px}
.lp-legal-card p{font-size:14px; color:var(--lp-text-2); margin:0 0 10px; line-height:1.7}
.lp-legal-card p:last-child{margin-bottom:0}
.lp-legal-card ul{margin:0 0 10px; padding-left:18px; display:flex; flex-direction:column; gap:6px; font-size:13.5px; color:var(--lp-text-2)}
.lp-legal-card ul li::marker{color:var(--lp-primary-dark)}
.lp-legal-card .callout{
  margin-top:12px; padding:12px 14px; border-radius:12px; border:1px solid #BAE6FD; background:#F0F9FF;
  font-size:13px; color:var(--lp-text-2); display:flex; gap:10px
}
.lp-legal-card .callout.warn{border-color:#FDE68A; background:#FFFBEB}
.lp-legal-card .callout svg{flex-shrink:0; margin-top:1px}
.lp-legal-card a{color:var(--lp-primary-dark); font-weight:600; text-decoration:underline; text-underline-offset:3px}
.lp-legal-card a:hover{color:var(--lp-primary-700)}
.lp-legal-actions{
  display:flex; flex-wrap:wrap; gap:10px; margin-top:4px; padding:16px; background:var(--lp-bg); border:1px solid var(--lp-border); border-radius:14px
}
.lp-breadcrumb{font-size:13px; color:var(--lp-muted); display:flex; gap:6px; align-items:center; flex-wrap:wrap}
.lp-breadcrumb a{color:var(--lp-muted); text-decoration:none; font-weight:600}
.lp-breadcrumb a:hover{color:var(--lp-primary-dark); text-decoration:underline}