:root{
  --lv-green:#00865f;
  --lv-green-2:#00a878;
  --lv-navy:#061e3a;
  --lv-text:#31425f;
  --lv-muted:#61708b;
  --lv-soft:#eef9f4;
  --lv-border:#dce7e3;
  --lv-bg:#f7fbf9;
  --lv-white:#fff;
  --radius:24px;
  --shadow:0 18px 55px rgba(6,30,58,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color:var(--lv-text);
  background:radial-gradient(circle at 10% 10%, #eaf7f1 0 240px, transparent 241px),
             radial-gradient(circle at 95% 30%, #e8f0ff 0 220px, transparent 221px),
             var(--lv-bg);
  min-height:100vh;
}
a{color:var(--lv-green); text-decoration:none}
a:hover{color:#006d51}
.compact-container{max-width:1060px}
.site-header{
  background:rgba(247,251,249,.86);
  backdrop-filter: blur(18px);
  border-bottom:1px solid rgba(220,231,227,.8);
}
.navbar{padding:.7rem 0}
.nav-logo{width:42px;height:42px;border-radius:13px;object-fit:cover;box-shadow:0 8px 20px rgba(6,30,58,.08)}
.navbar-brand{font-weight:900;font-size:1.45rem;color:var(--lv-navy)}
.navbar-brand span span{color:var(--lv-green)}
.nav-link{font-weight:700;color:#526174!important;border-radius:999px;padding:.5rem .8rem!important}
.nav-link.active,.nav-link:hover{background:#e8f6f0;color:var(--lv-green)!important}
.btn-store,.btn-primary-lv{
  background:var(--lv-green); color:#fff!important; border:0; border-radius:14px; font-weight:800; padding:.72rem 1rem;
  box-shadow:0 12px 22px rgba(0,134,95,.22)
}
.btn-store:hover,.btn-primary-lv:hover{background:#006f50; transform:translateY(-1px)}
.btn-outline-lv{border:1px solid #a9d8c8;color:var(--lv-green);border-radius:14px;font-weight:800;padding:.72rem 1rem;background:#fff}
.btn-outline-lv:hover{background:#eef9f4;color:#006f50}
.app-shell{min-height:calc(100vh - 150px)}
.page-section{display:none;padding:28px 0 36px;animation:fadeUp .22s ease-out}
.page-section.active{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.hero-card{position:relative;overflow:hidden;background:rgba(255,255,255,.86);border:1px solid var(--lv-border);border-radius:32px;padding:28px;box-shadow:var(--shadow)}
.hero-card:before{content:"";position:absolute;right:-120px;top:-160px;width:360px;height:360px;border-radius:50%;background:#dff5ec;z-index:0}
.hero-card:after{content:"";position:absolute;left:-110px;bottom:-140px;width:320px;height:320px;border-radius:50%;background:#eaf1ff;z-index:0}
.hero-card>*{position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-weight:900;color:var(--lv-green);background:#e8f6f0;border:1px solid #c9ebdf;border-radius:999px;padding:.45rem .75rem;font-size:.86rem;margin-bottom:12px}
h1,h2,h3{color:var(--lv-navy);letter-spacing:-.03em}
h1{font-size:clamp(2rem,4vw,4rem);line-height:1.02;font-weight:950;margin-bottom:1rem}
h2{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:950}
h3{font-size:1.1rem;font-weight:900}
.lead{font-size:1.05rem;color:var(--lv-muted);max-width:620px}
.phone-showcase{display:inline-block;background:linear-gradient(145deg,#061e3a,#00865f);padding:12px;border-radius:34px;box-shadow:0 25px 60px rgba(6,30,58,.24)}
.phone-img{width:min(235px,70vw);border-radius:24px;display:block}
.benefit-grid{display:flex;gap:10px;flex-wrap:wrap}
.benefit-grid div{background:#fff;border:1px solid var(--lv-border);border-radius:18px;padding:12px 16px;min-width:110px}
.benefit-grid b{display:block;font-size:1.1rem;color:var(--lv-navy)}
.benefit-grid span{font-size:.83rem;color:var(--lv-muted);font-weight:700}
.quick-nav button{width:100%;border:1px solid var(--lv-border);background:#fff;border-radius:20px;padding:18px 12px;text-align:left;display:flex;align-items:center;gap:10px;font-weight:900;color:var(--lv-navy);box-shadow:0 8px 25px rgba(6,30,58,.06)}
.quick-nav i{width:38px;height:38px;border-radius:14px;background:#ecfdf5;color:var(--lv-green);display:grid;place-items:center}
.quick-nav button:hover{border-color:#9ddbc6;transform:translateY(-2px)}
.section-head{background:rgba(255,255,255,.7);border:1px solid var(--lv-border);border-radius:24px;padding:22px;margin-bottom:16px}
.section-head p{color:var(--lv-muted);margin-bottom:0;max-width:760px}
.feature-list article,.tutorial-card,.policy-card,.mini-form,.contact-card{height:100%;background:#fff;border:1px solid var(--lv-border);border-radius:22px;padding:20px;box-shadow:0 8px 26px rgba(6,30,58,.06)}
.feature-list article>i{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:var(--lv-green);background:#e8f6f0;font-size:1.25rem;margin-bottom:12px}
.feature-list p,.tutorial-card p,.policy-card p,.mini-form p{color:var(--lv-muted)}
.tutorial-card{background:linear-gradient(135deg,#fff,#f2fbf7)}
.screen-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.screen-filter{border:1px solid #bfe6d8;background:#fff;color:var(--lv-green);border-radius:999px;padding:8px 14px;font-weight:900}
.screen-filter.active{background:var(--lv-green);color:#fff}
.screens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:16px}
.screens-grid figure{margin:0;background:#fff;border:1px solid var(--lv-border);border-radius:24px;padding:10px;box-shadow:0 10px 28px rgba(6,30,58,.08)}
.screens-grid figure.hidden{display:none}
.screens-grid img{width:100%;aspect-ratio:9/18.7;object-fit:cover;object-position:top;border-radius:18px;background:#f0f7f4;display:block}
.screens-grid figcaption{text-align:center;font-weight:900;color:var(--lv-navy);padding:10px 4px 4px;font-size:.9rem}
.policy-card{line-height:1.72}
.policy-card h3{font-size:1rem;margin-top:18px}.policy-card h3:first-child{margin-top:0}
.policy-card ul{color:var(--lv-muted)}
.lv-accordion .accordion-item{border:1px solid var(--lv-border);border-radius:18px!important;overflow:hidden;margin-bottom:10px;background:#fff}
.lv-accordion .accordion-button{font-weight:900;color:var(--lv-navy);box-shadow:none}.lv-accordion .accordion-button:not(.collapsed){background:#e8f6f0;color:var(--lv-green)}
.contact-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:var(--lv-text)}
.contact-card i{font-size:1.4rem;color:var(--lv-green);background:#ecfdf5;width:46px;height:46px;border-radius:16px;display:grid;place-items:center}.contact-card b{color:var(--lv-navy)}.contact-card span{color:var(--lv-muted);word-break:break-word}
.site-footer{padding:20px 0;border-top:1px solid var(--lv-border);color:var(--lv-muted);font-weight:700;font-size:.9rem}
@media (max-width: 767px){
  .page-section{padding:16px 0 24px}.hero-card{padding:22px;border-radius:24px}.section-head{padding:18px}.screens-grid{grid-template-columns:repeat(2,1fr);gap:12px}.navbar-brand{font-size:1.25rem}.nav-logo{width:38px;height:38px}.phone-img{width:210px}.hero-actions .btn{width:100%}.benefit-grid div{flex:1}
}
@media (max-width: 360px){.screens-grid{grid-template-columns:1fr 1fr}.screens-grid figcaption{font-size:.82rem}.quick-nav button{padding:14px 10px}.section-head,.feature-list article,.tutorial-card,.policy-card{border-radius:18px;padding:16px}}