:root { --lv-primary:#4f46e5; --lv-dark:#111827; --lv-muted:#64748b; --lv-line:#e5e7eb; --lv-soft:#f7f8fc; --lv-success:#059669; }
html { scroll-behavior:smooth; }
body { color:var(--lv-dark); background:#fff; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
.public-nav { min-height:72px; border-bottom:1px solid rgba(226,232,240,.8); backdrop-filter:blur(16px); background:rgba(255,255,255,.92); }
.public-brand { display:inline-flex; align-items:center; gap:.65rem; color:var(--lv-dark); font-size:1.15rem; font-weight:800; text-decoration:none; letter-spacing:-.03em; }
.public-brand-mark { display:grid; place-items:center; width:34px; height:34px; color:#fff; background:linear-gradient(135deg,#6366f1,#3730a3); border-radius:.72rem; font-size:.72rem; box-shadow:0 8px 20px rgba(79,70,229,.25); }
.public-nav .nav-link { color:#526072; font-weight:600; font-size:.92rem; }
.public-nav .nav-link:hover,.public-nav .nav-link.active { color:var(--lv-primary); }
.public-main { min-height:calc(100vh - 300px); }
.public-btn { border-radius:.72rem; padding:.68rem 1.05rem; font-weight:700; }
.public-btn-primary { color:#fff; background:var(--lv-primary); border-color:var(--lv-primary); }
.public-btn-primary:hover { color:#fff; background:#3730a3; border-color:#3730a3; transform:translateY(-1px); }
.hero { position:relative; overflow:hidden; padding:7rem 0 6rem; background:radial-gradient(circle at 80% 12%,rgba(99,102,241,.14),transparent 30%),linear-gradient(180deg,#fff,#f8f9ff); }
.hero::after { content:""; position:absolute; inset:auto -10% -240px; height:360px; background:radial-gradient(ellipse,rgba(79,70,229,.1),transparent 66%); pointer-events:none; }
.eyebrow { display:inline-flex; align-items:center; gap:.45rem; padding:.4rem .72rem; color:#4338ca; background:#eef2ff; border:1px solid #dfe3ff; border-radius:999px; font-size:.78rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.hero h1 { max-width:760px; margin-top:1.35rem; font-size:clamp(2.55rem,5.5vw,4.65rem); line-height:1.03; letter-spacing:-.06em; }
.hero .lead { max-width:650px; color:var(--lv-muted); font-size:1.15rem; line-height:1.75; }
.hero-points { display:flex; flex-wrap:wrap; gap:.75rem 1.2rem; color:#475569; font-size:.9rem; font-weight:600; }
.hero-points span::before { content:"✓"; margin-right:.42rem; color:var(--lv-success); }
.product-frame { position:relative; z-index:1; padding:.65rem; background:#fff; border:1px solid var(--lv-line); border-radius:1.3rem; box-shadow:0 30px 80px rgba(30,41,59,.14); }
.product-top { display:flex; gap:.35rem; padding:.5rem .55rem .8rem; }
.product-top span { width:8px; height:8px; border-radius:50%; background:#cbd5e1; }
.product-panel { padding:1.25rem; background:#f8fafc; border-radius:.9rem; }
.metric-card,.public-card { background:#fff; border:1px solid var(--lv-line); border-radius:1rem; box-shadow:0 10px 35px rgba(15,23,42,.05); }
.metric-card { padding:1rem; }
.metric-label { color:var(--lv-muted); font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.metric-value { margin-top:.2rem; font-size:1.55rem; font-weight:800; }
.demo-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.9rem 0; border-top:1px solid #edf0f4; font-size:.88rem; }
.section-space { padding:6rem 0; }
.section-soft { background:var(--lv-soft); }
.section-heading { max-width:700px; margin:0 auto 3rem; text-align:center; }
.section-heading h2 { font-size:clamp(2rem,4vw,3rem); letter-spacing:-.045em; }
.section-heading p { color:var(--lv-muted); font-size:1.05rem; line-height:1.7; }
.public-card { height:100%; padding:1.6rem; }
.blog-card { min-height:330px; }
.public-card h3 { font-size:1.05rem; letter-spacing:-.02em; }
.public-card p { margin:0; color:var(--lv-muted); line-height:1.7; font-size:.92rem; }
.feature-number { display:grid; place-items:center; width:38px; height:38px; margin-bottom:1rem; color:#4338ca; background:#eef2ff; border-radius:.75rem; font-size:.84rem; font-weight:800; }
.pricing-card { position:relative; padding:2rem; background:#fff; border:1px solid var(--lv-line); border-radius:1.1rem; box-shadow:0 12px 40px rgba(15,23,42,.05); }
.pricing-card.featured { border-color:#a5b4fc; box-shadow:0 20px 55px rgba(79,70,229,.13); }
.pricing-price { font-size:2.35rem; font-weight:850; letter-spacing:-.05em; }
.pricing-list { padding:0; margin:1.5rem 0; list-style:none; color:#526072; }
.pricing-list li { padding:.48rem 0; }
.pricing-list li::before { content:"✓"; margin-right:.55rem; color:var(--lv-success); font-weight:800; }
.faq .accordion-item { margin-bottom:.65rem; border:1px solid var(--lv-line); border-radius:.85rem !important; overflow:hidden; }
.faq .accordion-button { font-weight:700; box-shadow:none !important; }
.faq .accordion-button:not(.collapsed) { color:#3730a3; background:#f5f6ff; }
.cta-band { padding:3rem; color:#fff; background:linear-gradient(135deg,#312e81,#4f46e5 58%,#6366f1); border-radius:1.35rem; box-shadow:0 25px 70px rgba(49,46,129,.22); }
.public-footer { padding:3rem 0; color:#94a3b8; background:#111827; }
.public-footer a { color:#cbd5e1; text-decoration:none; }
.public-footer a:hover { color:#fff; }
.article-shell { max-width:820px; }
.article-shell h2 { margin-top:2.2rem; font-size:1.45rem; }
.article-shell p,.article-shell li { color:#526072; line-height:1.8; }
.blog-content { color:#526072; font-size:1.04rem; line-height:1.9; white-space:normal; }
.contact-panel { padding:2rem; background:#fff; border:1px solid var(--lv-line); border-radius:1rem; box-shadow:0 14px 45px rgba(15,23,42,.06); }
.cookie-settings-link { padding:0; color:#cbd5e1; background:transparent; border:0; text-align:left; }
.cookie-settings-link:hover { color:#fff; }
.cookie-consent { position:fixed; z-index:1090; right:1.25rem; bottom:1.25rem; left:1.25rem; max-width:760px; margin-left:auto; padding:1rem; background:rgba(255,255,255,.98); border:1px solid var(--lv-line); border-radius:1rem; box-shadow:0 24px 70px rgba(15,23,42,.2); }
.cookie-consent__body { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; }
.cookie-consent strong { display:block; margin-bottom:.3rem; }
.cookie-consent p { margin:0; color:var(--lv-muted); font-size:.86rem; line-height:1.55; }
.cookie-consent__actions { display:flex; flex:0 0 auto; gap:.55rem; }
@media(max-width:991.98px){.hero{padding:5rem 0 4rem}.product-frame{margin-top:2rem}.public-nav .navbar-collapse{padding:1rem 0}.section-space{padding:4.5rem 0}}
@media(max-width:575.98px){.hero{padding:4rem 0 3.5rem}.cta-band{padding:2rem 1.25rem}.pricing-card{padding:1.4rem}.section-space{padding:3.75rem 0}.cookie-consent{right:.75rem;bottom:.75rem;left:.75rem}.cookie-consent__body{align-items:stretch;flex-direction:column;gap:1rem}.cookie-consent__actions{justify-content:flex-end}}