:root { --lp-navy:#082b49; --lp-blue:#0f5b91; --lp-orange:#f47b20; --lp-ink:#0f172a; --lp-muted:#475569; --lp-line:#dbe4ee; --lp-bg:#f5f8fb; }
.public-main { overflow:hidden; }
.lp-hero { padding:5.5rem 0 5rem; background:radial-gradient(circle at 80% 10%,rgba(15,91,145,.12),transparent 32%),linear-gradient(140deg,#f8fafc,#edf5f8); }
.lp-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(32rem,.92fr); gap:4rem; align-items:center; }
.lp-eyebrow,.lp-section-heading>span { display:inline-flex; align-items:center; gap:.45rem; color:var(--lp-blue); font-size:.78rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.lp-hero h1 { max-width:46rem; margin:1rem 0 1.35rem; color:var(--lp-ink); font-size:clamp(2.65rem,5.2vw,4.8rem); font-weight:800; line-height:1.02; letter-spacing:-.04em; }
.lp-hero-copy>p { max-width:43rem; color:var(--lp-muted); font-size:1.12rem; line-height:1.7; }
.lp-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.75rem; }
.lp-actions .btn { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; font-weight:700; }
.lp-btn-primary { border-color:var(--lp-orange); background:var(--lp-orange); color:#fff; box-shadow:0 .7rem 1.8rem rgba(244,123,32,.22); }
.lp-btn-primary:hover,.lp-btn-primary:focus { border-color:#db6813; background:#db6813; color:#fff; }
.lp-trust-list { display:flex; flex-wrap:wrap; gap:.65rem 1.25rem; margin:1.5rem 0 0; padding:0; color:var(--lp-muted); font-size:.84rem; list-style:none; }
.lp-trust-list i { margin-right:.35rem; color:#15803d; }
.lp-app-shell { overflow:hidden; border:1px solid #cbd8e3; border-radius:1rem; background:#fff; box-shadow:0 2rem 4rem rgba(8,43,73,.16); transform:perspective(1100px) rotateY(-2deg); }
.lp-app-topbar { height:3.4rem; display:flex; align-items:center; gap:.6rem; padding:0 1rem; border-bottom:1px solid var(--lp-line); color:var(--lp-navy); }
.lp-app-topbar>span:last-child { margin-left:auto; color:#64748b; font-size:.75rem; }
.lp-app-logo { width:1.8rem; height:1.8rem; display:grid; place-items:center; border-radius:.45rem; background:var(--lp-orange); color:#fff; }
.lp-app-body { min-height:23rem; display:grid; grid-template-columns:9.5rem 1fr; }
.lp-app-body nav { display:flex; flex-direction:column; gap:.3rem; padding:1rem .65rem; background:var(--lp-navy); }
.lp-app-body nav span { display:flex; align-items:center; gap:.55rem; padding:.65rem; border-radius:.45rem; color:#dbeafe; font-size:.7rem; }
.lp-app-body nav .active { background:rgba(255,255,255,.13); color:#fff; }
.lp-dashboard { padding:1.25rem; background:#f8fafc; }
.lp-dashboard>small { color:#64748b; }.lp-dashboard h2 { margin:.2rem 0 1rem; font-size:1rem; }
.lp-mini-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:.55rem; }.lp-mini-metrics div { padding:.7rem; border:1px solid var(--lp-line); border-radius:.5rem; background:#fff; }.lp-mini-metrics span,.lp-mini-metrics strong { display:block; }.lp-mini-metrics span { color:#64748b; font-size:.62rem; }.lp-mini-metrics strong { font-size:1.15rem; }
.lp-work-row { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.65rem; margin-top:.55rem; padding:.7rem; border:1px solid var(--lp-line); border-radius:.5rem; background:#fff; }.lp-work-row b,.lp-work-row small { display:block; }.lp-work-row b { font-size:.7rem; }.lp-work-row small,.lp-work-row>span:last-child { color:#64748b; font-size:.58rem; }.lp-dot { width:.55rem; height:.55rem; border-radius:50%; }.lp-dot.warning { background:#f59e0b; }.lp-dot.info { background:#0ea5e9; }.lp-dot.success { background:#22c55e; }
.lp-flow,.lp-modules { padding:5rem 0; background:#fff; }.lp-section-heading { max-width:48rem; margin:0 auto 2.5rem; text-align:center; }.lp-section-heading h2 { margin:.6rem 0 .75rem; color:var(--lp-ink); font-size:clamp(1.8rem,3.2vw,2.75rem); font-weight:800; }.lp-section-heading p { color:var(--lp-muted); }
.lp-flow-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin:0; padding:0; list-style:none; }.lp-flow-grid li { display:flex; gap:.85rem; padding:1.15rem; border-top:3px solid var(--lp-orange); background:var(--lp-bg); }.lp-flow-grid li>span { width:1.9rem; height:1.9rem; flex:0 0 1.9rem; display:grid; place-items:center; border-radius:50%; background:var(--lp-navy); color:#fff; font-size:.75rem; font-weight:800; }.lp-flow-grid strong { display:block; color:var(--lp-ink); }.lp-flow-grid p { margin:.25rem 0 0; color:var(--lp-muted); font-size:.82rem; line-height:1.5; }
.lp-product { padding:5rem 0; background:var(--lp-bg); }.lp-carousel { padding:0 3.5rem 3.25rem; }.lp-slide { min-height:31rem; display:grid; grid-template-columns:.72fr 1.28fr; gap:2.5rem; align-items:center; padding:2.5rem; border:1px solid var(--lp-line); border-radius:1rem; background:#fff; box-shadow:0 1rem 2.5rem rgba(8,43,73,.08); }.lp-slide-copy>span { color:var(--lp-orange); font-size:.75rem; font-weight:800; text-transform:uppercase; }.lp-slide-copy h3 { margin:.55rem 0 1rem; color:var(--lp-ink); font-size:1.9rem; font-weight:800; }.lp-slide-copy p,.lp-slide-copy li { color:var(--lp-muted); }.lp-slide-copy ul { padding-left:1.1rem; }.lp-slide-copy li { margin:.45rem 0; }
.lp-screen { min-height:22rem; padding:1rem; border:1px solid #cbd5e1; border-radius:.65rem; background:#f8fafc; box-shadow:0 1.25rem 2.5rem rgba(15,23,42,.14); }.lp-screen-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:.8rem; padding:.25rem .25rem .75rem; border-bottom:1px solid var(--lp-line); color:var(--lp-ink); font-weight:800; }.lp-screen-title span { padding:.3rem .55rem; border-radius:.35rem; background:var(--lp-orange); color:#fff; font-size:.62rem; }.lp-ticket,.lp-os-row { display:grid; align-items:center; gap:.6rem; margin:.55rem 0; padding:.8rem; border:1px solid var(--lp-line); border-radius:.5rem; background:#fff; }.lp-ticket { grid-template-columns:auto 1fr auto; }.lp-ticket small { grid-column:1/3; color:#64748b; }.lp-ticket em { grid-column:3; color:#64748b; font-size:.65rem; font-style:normal; }.tag { width:max-content; padding:.25rem .45rem; border-radius:.3rem; font-size:.62rem; font-weight:700; }.tag.waiting { background:#fef3c7; color:#92400e; }.tag.progress { background:#e0f2fe; color:#075985; }.tag.done { background:#dcfce7; color:#166534; }.lp-os-row { grid-template-columns:auto 1fr auto; }.lp-os-row div b,.lp-os-row div small { display:block; }.lp-os-row small { color:#64748b; font-size:.67rem; }.lp-os-row .number { color:var(--lp-blue); font-size:.68rem; font-weight:700; }
.lp-projects { display:grid; grid-template-columns:repeat(2,1fr); gap:.75rem; }.lp-projects .lp-screen-title { grid-column:1/-1; }.lp-project-card { position:relative; padding:.65rem; border:1px solid var(--lp-line); border-radius:.55rem; background:#fff; }.project-image { height:8rem; display:grid; place-items:center; margin:-.65rem -.65rem .7rem; background:linear-gradient(145deg,#dbeafe,#e2e8f0); color:#64748b; font-size:2.25rem; }.project-image.alt { background:linear-gradient(145deg,#dcfce7,#e2e8f0); }.lp-project-card .tag { position:absolute; top:.45rem; left:.45rem; }.lp-project-card b,.lp-project-card small { display:block; }.lp-project-card b { font-size:.76rem; }.lp-project-card small { margin-top:.3rem; color:#64748b; font-size:.65rem; }
.lp-chart-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; }.lp-chart-metrics div { padding:.75rem; border:1px solid var(--lp-line); border-radius:.5rem; background:#fff; }.lp-chart-metrics small,.lp-chart-metrics b { display:block; }.lp-chart-metrics small { color:#64748b; font-size:.62rem; }.lp-chart-metrics b { font-size:1.2rem; }.lp-bars { height:11rem; display:flex; align-items:flex-end; gap:.65rem; margin-top:1rem; padding:1rem; border-left:1px solid #cbd5e1; border-bottom:1px solid #cbd5e1; }.lp-bars i { flex:1; min-height:1rem; border-radius:.25rem .25rem 0 0; background:linear-gradient(#0f6cbd,#60a5fa); }
.carousel-control-prev,.carousel-control-next { width:3rem; }.carousel-control-prev-icon,.carousel-control-next-icon { width:2.4rem; height:2.4rem; border-radius:50%; background-color:var(--lp-navy); background-size:45%; }.carousel-indicators [data-bs-target] { background-color:var(--lp-navy); }
.lp-connected { padding:5.5rem 0; background:var(--lp-navy); color:#fff; }.lp-connected-grid { display:grid; grid-template-columns:minmax(18rem,.7fr) 1.3fr; gap:5rem; align-items:center; }.lp-connected h2 { margin:.8rem 0 1rem; font-size:clamp(2rem,4vw,3.25rem); font-weight:800; }.lp-connected p { color:#dbeafe; font-size:1.05rem; line-height:1.7; }.lp-phone { width:18rem; margin:auto; padding:.7rem; border:4px solid #334155; border-radius:2rem; background:#111827; box-shadow:0 2rem 4rem rgba(0,0,0,.35); }.lp-phone-speaker { width:4rem; height:.3rem; margin:.15rem auto .65rem; border-radius:1rem; background:#475569; }.lp-phone-screen { min-height:29rem; padding:1.1rem; border-radius:1.35rem; background:#f8fafc; color:var(--lp-ink); }.lp-phone-screen>span { color:var(--lp-blue); font-size:.72rem; font-weight:800; }.lp-phone-screen h3 { margin:.35rem 0 1.2rem; }.lp-phone-card { display:grid; grid-template-columns:auto 1fr; gap:.15rem .7rem; margin:.65rem 0; padding:.9rem; border:1px solid var(--lp-line); border-radius:.6rem; background:#fff; }.lp-phone-card i { grid-row:1/3; color:var(--lp-orange); font-size:1.35rem; }.lp-phone-card b { font-size:.78rem; }.lp-phone-card small { color:#64748b; font-size:.65rem; }.lp-connected-points { display:grid; gap:.75rem; margin-top:1.5rem; }.lp-connected-points>div { display:flex; align-items:center; gap:.9rem; }.lp-connected-points i { width:2.5rem; height:2.5rem; display:grid; place-items:center; border-radius:.55rem; background:rgba(255,255,255,.1); color:#fdba74; font-size:1.2rem; }.lp-connected-points b,.lp-connected-points small { display:block; }.lp-connected-points small { color:#bfdbfe; }
.lp-module-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }.lp-module-grid article { padding:1.35rem; border:1px solid var(--lp-line); border-radius:.75rem; background:#fff; }.lp-module-grid i { color:var(--lp-blue); font-size:1.45rem; }.lp-module-grid h3 { margin:.8rem 0 .45rem; font-size:1rem; }.lp-module-grid p { margin:0; color:var(--lp-muted); font-size:.82rem; line-height:1.55; }.lp-module-note { margin:1.25rem 0 0; color:#64748b; font-size:.8rem; text-align:center; }.lp-module-note i { margin-right:.35rem; }
.lp-final-cta { padding:4rem 0; background:#123c5c; color:#fff; }.lp-final-cta>.container { display:flex; align-items:center; justify-content:space-between; gap:2rem; }.lp-final-cta span { color:#bfdbfe; }.lp-final-cta h2 { max-width:44rem; margin:.4rem 0 0; font-size:clamp(1.6rem,3vw,2.5rem); font-weight:800; }.lp-final-cta .lp-actions { margin:0; flex:0 0 auto; }
@media(max-width:991.98px){.lp-hero-grid,.lp-slide,.lp-connected-grid{grid-template-columns:1fr}.lp-hero{padding:4rem 0}.lp-app-shell{max-width:42rem;transform:none}.lp-flow-grid,.lp-module-grid{grid-template-columns:repeat(2,1fr)}.lp-slide{gap:1.5rem}.lp-final-cta>.container{align-items:flex-start;flex-direction:column}.lp-final-cta .lp-actions{margin-top:.5rem}}
@media(max-width:575.98px){.lp-hero h1{font-size:2.55rem}.lp-actions .btn{width:100%}.lp-app-body{grid-template-columns:1fr}.lp-app-body nav{display:none}.lp-flow-grid,.lp-module-grid{grid-template-columns:1fr}.lp-carousel{padding:0 0 3rem}.lp-slide{min-height:0;padding:1rem}.lp-screen{min-height:18rem;overflow:hidden}.lp-ticket,.lp-os-row{grid-template-columns:1fr}.lp-ticket small,.lp-ticket em{grid-column:1}.lp-projects{grid-template-columns:1fr}.lp-project-card:nth-of-type(3){display:none}.lp-chart-metrics{grid-template-columns:1fr}.lp-bars{height:8rem}.carousel-control-prev,.carousel-control-next{display:none}.lp-connected-grid{gap:2.5rem}.lp-phone{width:min(18rem,100%)}.lp-final-cta{padding:3rem 0}}
@media(prefers-reduced-motion:reduce){.carousel-item{transition:none}.lp-btn-primary{box-shadow:none}}