/* Adminova landing identity
   Contents: 01 Tokens and navigation; 02 Hero; 03 Features and metrics;
   04 Demo gallery; 05 Layouts and documentation; 06 Footer; 07 Responsive */

/* 01 Tokens and navigation */
:root { --primary:#6750d8; --primary-2:#168c80; --text:#242038; --muted:#706c80; --bg:#f6f5fa; --line:#e6e2ed; --radius:20px; }
body { background:#fcfbfe; }
h1,h2,h3,h4 { font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.lp-nav { margin:16px auto 0; width:calc(100% - 48px); max-width:1280px; top:12px; height:72px; border:1px solid var(--line); border-radius:18px; padding:0 24px; box-shadow:0 8px 24px #29213b08; }
.lp-brand-mark,.footer-brand-mark { background:var(--primary); border-radius:12px 12px 4px 12px; box-shadow:none; }
.lp-nav-links a { font-weight:600; }
.btn-primary,.btn-primary.lg,.btn-white,.btn-ghost,.btn-outline { border-radius:12px; font-weight:650; }
.btn-primary { background:var(--primary); }
.section-label { color:var(--primary); background:#eee9fa; letter-spacing:.13em; border-radius:5px; }
.section-title { font-weight:700; letter-spacing:-1.5px; }
section { padding:88px 0; }

/* 02 Hero */
.hero { padding:76px 0 0; background:radial-gradient(ellipse at 85% 45%,#e3f4ef 0,transparent 45%),radial-gradient(ellipse at 15% 20%,#eee6fb 0,transparent 46%),#fcfbfe; }
.hero::before,.hero::after { display:none; }
.hero-inner { display:flex; flex-direction:column; gap:44px; text-align:center; }
.hero-inner>div:first-child { max-width:900px; }
.hero-badge { color:var(--primary); background:#fff; border-color:#ded6ef; font-weight:600; margin-bottom:24px; }
.hero-badge i { background:var(--primary); }
.hero h1 { font-size:clamp(40px,5.8vw,78px); font-weight:650; line-height:1.06; letter-spacing:-3.5px; max-width:900px; }
.hero h1 span { background:none; color:var(--primary); -webkit-text-fill-color:currentColor; }
.hero-sub { max-width:640px; margin:22px auto 28px; font-size:18px; }
.hero-cta { justify-content:center; }
.hero-trust { justify-content:center; margin:24px 0 0; font-size:12px; letter-spacing:.05em; color:var(--muted); }
.hero-visual { width:100%; max-width:1000px; display:block; }
.hero-mockup { transform:none; border-radius:18px 18px 0 0; padding:9px 9px 0; background:#292438; border:0; box-shadow:0 25px 65px #3d295c20; }
.hero-mockup:hover { transform:none; }
.hero-screenshot { width:100%; height:auto; border-radius:11px 11px 0 0; }
.hero-bottom { padding-top:0; }
.logos-strip { background:#fff; padding:25px 0; }
.logos-inner { gap:32px; }
.logo-item { color:var(--muted); opacity:1; font-size:13px; font-weight:600; }
.logo-item i { color:var(--primary-2); }

/* 03 Features and metrics */
.features-bg { background:#fcfbfe; }
.features-grid { gap:16px; margin-top:36px; }
.feature-card { border:0; background:#f2eff7; padding:28px; border-radius:18px; }
.feature-card:nth-child(3n+2) { background:#edf5f2; }
.feature-card:nth-child(3n) { background:#f7f2ec; }
.feature-card h3 { font-weight:650; }
.feature-icon { background:#fff !important; color:var(--primary) !important; border-radius:50%; }
.stats-section { background:#282337; padding:26px 0; }
.stat-item h3 { color:#d3c3ff; font-size:42px; font-weight:650; }
.stat-item p { color:#f1eef8; }

/* 04 Demo gallery */
.pages-section { background:#f6f5fa; }
.pages-grid { gap:26px; }
.page-card { border:0; border-radius:16px; box-shadow:0 4px 18px #28233708; }
.page-card-preview { height:auto; }
.page-card-bar { background:#ece9f3; }
.page-card-screen { display:block; aspect-ratio:1440/950; }
.page-card-screen img { width:100%; height:100%; object-fit:cover; }
.page-card-info { padding:20px; position:relative; }
.page-card-info::after { content:'↗'; position:absolute; right:18px; top:20px; color:var(--primary); font-size:22px; }
.page-card-info strong { font-size:16px; font-weight:650; padding-right:24px; }
.page-card:hover { border-color:transparent; box-shadow:0 18px 40px #39275314; }

/* 05 Layouts and documentation */
.included-section,.layouts-section { background:#fcfbfe; }
.included-card { border-radius:16px; }
.workflow-strip { border-top:1px solid var(--line); padding-top:28px; }
.layout-card { border-radius:14px; }
.layout-card.active { border-color:var(--primary); }
.docs-preview-section { background:#eeeaf5; }
.docs-preview-item { background:#fff; border-radius:14px; }
.docs-mini-window { transform:rotate(2deg); box-shadow:0 24px 44px #38245512; }
.cta-section { background:#e5f3ee; color:var(--text); padding:76px 0; }
.cta-section::before { display:none; }
.cta-section h2 { font-weight:650; letter-spacing:-1.5px; }
.cta-section p { color:var(--muted); }
.btn-white { background:var(--primary); color:#fff; }
.btn-white:hover { color:#fff; }
.btn-white-outline { color:var(--text); border-color:#bccfc6; border-radius:12px; }
.btn-white-outline:hover { color:var(--primary); border-color:var(--primary); }

/* 06 Footer */
.footer { background:#282337; }
.footer-bottom { border-color:#484154; }
.footer-col ul li a,.footer-col p { color:#bbb4ca; }
.footer-brand-mark { color:#fff; }

/* 07 Responsive */
@media(max-width:991px) {
  .lp-nav { width:calc(100% - 24px); padding:0 18px; }
  .lp-nav-links.is-open { top:84px; border:1px solid var(--line); border-radius:14px; }
  .hero-inner { gap:32px; }
}
@media(max-width:640px) {
  .lp-nav { width:calc(100% - 24px); gap:12px; height:64px; }
  .lp-nav-cta { margin-left:auto; }
  .lp-nav-cta .btn-outline { font-size:12px; padding:8px 10px; white-space:nowrap; }
  .lp-hamburger { margin-left:0; }
  .hero { padding-top:48px; }
  .hero h1 { width:100%; max-width:none; letter-spacing:-1.7px; }
  .hero-sub,.section-sub,.section-title { width:100%; max-width:none; }
  .hero-sub { font-size:16px; }
  .hero-cta { align-items:center; }
  .hero-visual { display:block; }
  .hero-mockup { padding:5px 5px 0; border-radius:10px 10px 0 0; }
  .hero-trust { font-size:10px; }
  .section-title { font-size:32px; }
  section { padding:56px 0; }
  .logos-inner { gap:16px; }
  .stats-section { padding:12px 0; }
  .stat-item { padding:20px 10px; }
  .stat-item h3 { font-size:34px; }
  .docs-mini-window { transform:none; }
}