@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;letter-spacing:.01em;--brand: #f8fafc;--accent: #818cf8;--nav-link: #cbd5e1;--brand-strong: #ffffff;--brand-soft: rgba(248, 250, 252, .08);--surface: rgba(20, 30, 50, .95);--surface-soft: rgba(15, 23, 42, .95);--text: #e2e8f0;--muted: #94a3b8;--border: rgba(255, 255, 255, .08);--border-soft: rgba(255, 255, 255, .06);--bg: radial-gradient( ellipse at 50% -20%, rgba(120, 119, 198, .25), rgba(255, 255, 255, 0) ), linear-gradient(180deg, #0d0e15 0%, #121320 50%, #08090e 100%);--panel: rgba(11, 15, 23, .8);--button-bg: rgba(255, 255, 255, .04)}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;scroll-padding-top:4rem}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}.page-shell{min-height:60vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.5rem;background:#0b0f17d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.08);height:4rem}.topbar-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:.24rem;width:2.75rem;height:2.75rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0a;cursor:pointer;padding:0}.menu-toggle span{display:block;width:1.05rem;height:2px;border-radius:999px;background:#fff;transition:transform .2s ease,opacity .2s ease}.menu-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.brand{display:flex;align-items:center;font-weight:700;letter-spacing:-.04em;color:var(--brand-strong)}.brand-icon,.footer-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#6366f1,#3b82f6);box-shadow:0 12px 28px #6366f140;transition:transform .2s ease,box-shadow .2s ease}.brand-icon:hover,.footer-icon:hover{transform:translateY(-1px);box-shadow:0 16px 36px #6366f152}.brand-icon-mark{font-weight:800;color:#fff;font-size:1rem}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-name{font-weight:800;color:#fff}.brand-badge{display:inline-flex;align-items:center;justify-content:center;margin-top:.12rem;padding:.12rem .45rem;border-radius:6px;background:#ffffff0a;color:#e6eaf2;font-size:11px;line-height:1;letter-spacing:.04em;text-transform:none}.nav-links{display:flex;gap:1.25rem;align-items:center}.nav-links a{color:var(--nav-link);transition:color .2s ease}.nav-links a:hover{color:var(--accent)}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem;min-height:100vh;scroll-snap-align:start}.hero-centered{position:relative;background:var(--bg);overflow:hidden;border:none;box-shadow:none}.hero,.demo-section,.hero-centered{background:var(--bg)}.demo-section{margin-top:0;border:none}#hero-demo{background:var(--bg);border-top:none;padding-top:40px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-centered:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top center,rgba(255,255,255,.1),transparent 18%),radial-gradient(ellipse at 20% 18%,rgba(120,119,198,.1),transparent 28%);opacity:.95;pointer-events:none}.hero-centered,.demo-section,#hero-demo,.hero-centered+.section-block,.section-block.alt.demo-section{border:none!important;border-top:none!important;border-bottom:none!important;box-shadow:none!important}.hero-copy{position:relative;z-index:1;max-width:48rem;width:min(100%,900px);text-align:"center"}.hero-badge{display:none}.hero h1{font-size:clamp(2.75rem,5vw,4rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 .5rem;font-weight:900;background:linear-gradient(180deg,#fff,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#fff;text-shadow:0 6px 24px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.02);text-align:center;margin-left:auto;margin-right:auto}.hero h1::selection{background:#3b4fc333}.hero p{margin-top:1.5rem;max-width:38rem;margin-left:auto;margin-right:auto;color:#64748b;font-weight:500}.hero-actions{display:inline-flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:2rem}.hero-search{margin-top:2rem;display:grid;gap:1rem}.hero-link-row{margin-top:1.5rem}.hero-preview{margin:2rem auto 0;width:min(100%,840px);display:flex;justify-content:center}.preview-frame{width:100%;border:1px solid rgba(59,79,195,.14);border-radius:1.25rem;background:#ffffffe0;box-shadow:0 28px 70px #0f172a1f;overflow:hidden}.preview-frame img{width:100%;display:block;aspect-ratio:16 / 9;object-fit:cover}.hero-link{display:inline-flex;color:var(--accent);font-weight:700}.hero-link:hover{text-decoration:underline}.search-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:1rem;background:#fff;border:1px solid rgba(15,23,42,.08)}.search-icon{font-size:1rem}.search-card input{width:100%;border:none;outline:none;font-size:1rem;color:var(--brand);background:transparent}.search-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.search-chips button{padding:.8rem 1.1rem;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:var(--surface);color:var(--brand);font-size:.95rem;cursor:pointer}.search-chips button:hover{background:var(--brand-soft)}.trust-bar{margin:1.25rem auto 0;padding:.75rem 0;width:100%;max-width:720px;border-radius:1rem;background:transparent;border:none!important;display:flex;flex-direction:column;gap:.75rem;align-items:center}.trust-bar:before,.trust-bar:after{content:none!important}.trust-bar p{margin:0;color:var(--brand);font-weight:700;font-size:.95rem}.trust-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem}.trust-logo{padding:.8rem 1.05rem;border-radius:999px;background:#f1f5ffe6;color:var(--muted);font-size:.88rem;font-weight:700;filter:grayscale(100%)}.bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:start;margin-top:1.5rem}.bento-card{padding:1.5rem;border-radius:1.5rem;background:#fffffff5;border:1px solid rgba(148,163,184,.18);box-shadow:0 16px 36px #0f172a0f;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.bento-card:hover{transform:translateY(-3px);box-shadow:0 22px 58px #0f172a1f;border-color:#3b4fc32e}.bento-card.large{grid-column:span 2}.feature-card-header{display:flex;flex-direction:column;gap:1rem}.feature-badge{align-self:flex-start;padding:.55rem .95rem;border-radius:999px;background:#3b4fc31f;color:#3b4fc3;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:1rem;background:#3b4fc31a;color:#3b4fc3;font-size:1.25rem;margin-bottom:1rem}.bento-card h3{margin-top:0;margin-bottom:.75rem;color:var(--brand-strong)}.bento-card p{margin:0;color:#475569;line-height:1.8}@media (max-width: 900px){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-card.large{grid-column:span 2}}@media (max-width: 640px){.trust-bar{padding:1rem}.trust-logos{justify-content:start}.bento-grid{grid-template-columns:1fr}}@media (min-width: 900px){.hero p{margin-top:1.5rem;max-width:38rem;margin-left:auto;margin-right:auto;color:#94a3b8}.hero-centered,#hero-demo,.demo-section,.trust-bar{background:var(--bg);border-top:none;border-bottom:none;box-shadow:none;margin-bottom:0;padding-bottom:.6rem}.trust-bar{background:var(--bg);padding:.6rem 0}.trust-logos{background:transparent;box-shadow:none}.trust-logo{background:transparent;border:none;box-shadow:none}}.topbar a{color:var(--nav-link);transition:color .2s ease}.nav-links a:hover{color:var(--brand)}.topbar a.nav-cta,.nav-cta{padding:.85rem 1.4rem;border-radius:999px;background:linear-gradient(135deg,#3b4fc3,#2f3fa8);color:#fff;border:1px solid transparent;box-shadow:0 12px 30px #3b4fc329;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.nav-cta:hover{transform:translateY(-1px);background:linear-gradient(135deg,#3547b3,#273a94);box-shadow:0 16px 34px #3b4fc333}@media (min-width: 900px){.hero{grid-template-columns:1fr;gap:3rem;text-align:left}}#hero-demo{padding-top:0;text-align:center}#hero-demo .section-title{text-align:center}#hero-demo .hero-card{max-width:44rem;margin:0 auto}#hero-demo .card-header{text-align:center}.hero-card.hero-card-bottom{align-self:flex-end;margin-top:1.5rem}.eyebrow{text-transform:uppercase;color:var(--brand-strong);font-size:.85rem;letter-spacing:.12em;margin-bottom:.75rem}.hero h1,.section-title h2,.contact-block h2{font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.04;margin:0}.hero p,.section-block p,.feature-card p,.footer p{color:var(--muted);line-height:1.75}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.6rem;border-radius:999px;font-weight:700;border:1px solid transparent;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg,#3b4fc3,#2f3fa8);color:#fff;box-shadow:0 16px 32px #3b4fc32e}.primary:hover{background:linear-gradient(135deg,#3547b3,#273a94)}.secondary{background:transparent;color:var(--accent);border-color:#3b4fc329}.secondary:hover{background:#3b4fc30f}.hero-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:1.5rem;padding:2rem}.hero-card.demo-card{max-width:42rem;margin:0 auto}.card-header{font-weight:800;margin-bottom:1rem;letter-spacing:-.03em}.demo-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.demo-metric{padding:1rem;border-radius:1rem;background:var(--surface-soft);border:1px solid rgba(15,23,42,.08)}.demo-metric span{display:block;font-size:1.8rem;font-weight:800;margin-bottom:.25rem}.demo-metric small{color:#475569}.section-block{padding:4rem 2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start}.section-block.alt{background:var(--surface)}.section-title{max-width:44rem;margin:0 auto 2.25rem}.demo-section{padding:4rem 0;background:var(--bg);border:none;min-height:100vh;display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start}.demo-section .section-title{max-width:800px;margin:0 auto 1.75rem;text-align:center}.demo-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;max-width:760px;margin:0 auto 1.75rem;padding:0 1rem}.demo-preview-container{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%;max-width:1000px;margin:32px auto 0}.demo-image{width:100%;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px -15px #000000b3;object-fit:cover}.demo-top .search-card{width:100%;max-width:620px;border-radius:1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.demo-top .search-card input{color:var(--brand)}.demo-chips{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center}.demo-chips button{padding:.75rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--brand);font-weight:600}.demo-summary{max-width:760px;margin:0 auto 2rem;border-radius:1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 55px #00000047}.demo-preview{display:flex;justify-content:center;padding:0 1rem}.demo-preview-frame{width:min(100%,860px);border-radius:1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);box-shadow:0 32px 80px #00000052;overflow:hidden}.demo-preview-frame img{width:100%;display:block;aspect-ratio:16 / 9;object-fit:cover}.area-chart-wrapper{width:100%;height:64px}.area-chart{width:100%;height:100%;display:block}.chart-line{stroke:#10b981;stroke-width:2.5;fill:none}.chart-area{opacity:.95}.chart-dot{transform-origin:center;filter:drop-shadow(0 8px 14px rgba(16,185,129,.14));animation:chartPulse 1.8s ease-in-out infinite}@keyframes chartPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.5}to{transform:scale(1);opacity:1}}.dashboard-mockup .mockup-label,.dashboard-mockup .chart-labels span,.dashboard-mockup .stat-card span,.dashboard-mockup .mini-card-header p{color:#94a3b8}.dashboard-mockup .stat-value,.dashboard-mockup .stat-card strong,.dashboard-mockup .mini-card-header strong{color:#fff}.dashboard-mockup .dashboard-chart,.dashboard-mockup .dashboard-table,.dashboard-mockup .stat-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.micro-bar,.bar{background:linear-gradient(180deg,#10b981,#34d399)}.demo-section .hero-card,.demo-section .demo-metrics,.demo-section .demo-metric{background:transparent;border:none}.demo-section .card-header{color:var(--brand-strong)}.demo-section .card-body p{color:var(--muted)}.demo-section .demo-metric span,.demo-section .demo-metric small{color:var(--brand)}.section-title p{margin-bottom:.5rem;color:var(--muted)}.feature-grid,.admin-grid,.method-grid{display:grid;gap:2rem}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-grid,.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-card{display:flex;align-items:center;justify-content:center;min-height:120px;padding:1.5rem;border-radius:1.25rem;background:var(--surface);border:1px solid rgba(15,23,42,.06);text-align:center}.method-card h3{margin:0;font-size:1.25rem}.illustrative-section{background:var(--bg);position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start;padding:4rem 2rem}.illustrative-section:before{content:"";position:absolute;left:50%;top:8%;width:44rem;height:28rem;transform:translate(-50%);background:radial-gradient(circle,rgba(59,130,246,.14),transparent 48%);pointer-events:none;z-index:0}.illustrative-section:after{content:"";position:absolute;right:4rem;top:12rem;width:12rem;height:12rem;background:radial-gradient(circle,rgba(59,130,246,.08),transparent 60%);pointer-events:none;z-index:0}.screenshot-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:1.5rem;align-items:start;margin-top:2rem;position:relative;z-index:1}.screenshot-card,.screenshot-details{border-radius:1.5rem;background:var(--surface);border:1px solid rgba(226,232,240,1)}.screenshot-card,.screenshot-details{padding:1.75rem}.screenshot-card{box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a}.screenshot-details{background:#f8fafc}.screenshot-details h3{margin-top:0;color:#0f172a}.screenshot-details p{color:#334155;line-height:1.8}.feature-point-tabs{display:grid;gap:1rem;margin-top:1.75rem}.interactive-feature-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;background:#fff;border-radius:1.35rem;padding:1.1rem 1.2rem;border:1px solid rgba(148,163,184,.18);box-shadow:0 14px 30px #0f172a0d;transition:transform .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease;cursor:pointer}.interactive-feature-card:hover{transform:translateY(-2px);background:#eff6ff;border-color:#3b82f64d;box-shadow:0 20px 42px #0f172a14}.interactive-feature-card h4{margin:0;color:#0f172a;font-size:1rem}.interactive-feature-card p{margin:.2rem 0 0;color:#475569;font-size:.92rem}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;background:#3b4fc31f;color:#2563eb;font-weight:700}.dashboard-mockup{display:grid;gap:1.25rem;padding:1.75rem;background:#fff;border:1px solid rgba(226,232,240,1);border-radius:1.25rem;box-shadow:inset 0 0 0 1px #3b4fc308}.live-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .9rem;border-radius:999px;background:#3b4fc31f;color:#1e40af;font-weight:700}.live-dot{width:.65rem;height:.65rem;border-radius:50%;background:#16a34a;box-shadow:0 0 #16a34a99;animation:pulseGreen 1.8s ease-in-out infinite}.floating-notification-card{position:absolute;right:1.5rem;top:4.5rem;display:inline-flex;align-items:center;gap:.85rem;padding:.85rem 1rem;background:#fffffff5;border-radius:1rem;border:1px solid rgba(59,79,195,.12);box-shadow:0 18px 35px #0f172a14;z-index:2;animation:floatCard 5s ease-in-out infinite}.floating-notification-card strong{color:#0f172a;font-size:.95rem}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dashboard-mockup{display:grid;gap:1.25rem;padding:1.75rem;background:#fff;border:1px solid rgba(226,232,240,1);border-radius:1.25rem;box-shadow:inset 0 0 0 1px #3b4fc308;position:relative}.dashboard-mockup:after{content:"";position:absolute;bottom:-1rem;left:10%;width:60%;height:6rem;background:radial-gradient(circle,rgba(59,130,246,.12),transparent 65%);z-index:0}@keyframes pulseGreen{0%,to{box-shadow:0 0 #16a34a99}50%{box-shadow:0 0 .6rem #16a34a26}}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.stat-card{padding:1rem 1.2rem;background:#f8fbff;border-radius:1rem;border:1px solid rgba(59,79,195,.12)}.stat-card span{letter-spacing:.02em;color:#475569;display:block;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:800;color:#0f172a}.stat-meta{margin-top:.6rem;color:#2563eb;font-size:.9rem;font-weight:700}.dashboard-mini{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.mini-chart-card,.attendance-card{background:#f8fbff;border-radius:1rem;padding:1rem;border:1px solid rgba(59,79,195,.1)}.mini-card-header{display:flex;justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:.85rem}.mini-card-header strong{color:#0f172a}.micro-bar-row{display:flex;align-items:flex-end;gap:.65rem;height:5.5rem}.micro-bar{flex:1;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#3b82f6,#93c5fd)}.m-bar-short{height:30%}.m-bar-medium{height:48%}.m-bar-tall{height:75%}.m-bar-long{height:88%}.avatar-list{display:flex;align-items:center;gap:.6rem}.avatar{width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:50%;background:#eef2ff;color:#1e40af;font-weight:700}.chart-labels{display:flex;justify-content:space-between;font-size:.82rem;color:#475569;margin-bottom:.9rem}.bar{width:100%;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#2563eb,#93c5fd);transition:transform .3s ease,background .3s ease}.chart-labels{color:#94a3b8}.area-chart-container{width:100%;max-width:520px;margin:0 auto;height:140px}.area-chart-large{width:100%;height:100%;display:block}.chart-line-large{stroke:#10b981}.chart-area-large{opacity:1}.chart-dot-large{filter:drop-shadow(0 8px 18px rgba(16,185,129,.18));transform-origin:center;animation:chartPulseLarge 1.8s ease-in-out infinite}@keyframes chartPulseLarge{0%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.55}to{transform:scale(1);opacity:1}}.dashboard-chart{display:grid;gap:8px;justify-items:center}.dashboard-chart .chart-labels{width:100%;max-width:520px;display:flex;justify-content:space-between}.dashboard-mockup .chart-labels span{color:#94a3b8;font-size:.78rem}.bar:hover{transform:scaleY(1.05);background:linear-gradient(180deg,#1d4ed8,#60a5fa)}.table-row{background:#fff;border-top:1px solid rgba(15,23,42,.05);color:#0f172a;font-size:.95rem}@media (max-width: 900px){.screenshot-grid,.dashboard-mini{grid-template-columns:1fr}}@media (max-width: 640px){.feature-point{padding:.9rem 1rem}.comparison-table{min-width:100%}}.brand-logo{height:100px;margin:0 auto;vertical-align:middle}.screenshot-image{width:100%;height:auto;border-radius:12px;display:block}.mockup-header{display:flex;gap:.5rem;margin-bottom:1.5rem}.dot{width:.85rem;height:.85rem;border-radius:999px;display:inline-block}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#22c55e}.mockup-body{display:grid;gap:1rem}.dashboard-mockup{display:grid;gap:1.25rem;padding:1.75rem;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:1.25rem;box-shadow:inset 0 0 0 1px #3b4fc308}.dashboard-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.mockup-label{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:#64748b;margin-bottom:.35rem}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .95rem;border-radius:999px;background:#3b4fc31f;color:#2f3fa8;font-weight:700;font-size:.85rem}.dashboard-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.stat-card{padding:1rem 1.2rem;background:#f8fbff;border-radius:1rem;border:1px solid rgba(59,79,195,.1)}.stat-card span{color:#64748b;display:block;margin-bottom:.45rem}.stat-card strong{font-size:1.45rem;color:#1f2a40}.dashboard-chart{padding:1rem .75rem .85rem;background:#f8fbff;border-radius:1rem;border:1px solid rgba(59,79,195,.1)}.chart-labels{display:flex;justify-content:space-between;font-size:.82rem;color:#94a3b8;margin-bottom:.9rem}.bar-row{display:flex;align-items:flex-end;gap:.75rem;height:7rem}.bar{width:100%;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#3b4fc3,#8ea3ff)}.bar-short{height:35%}.bar-medium{height:55%}.bar-tall{height:75%}.bar-long{height:90%}.dashboard-table{border-radius:1rem;overflow:hidden;border:1px solid rgba(15,23,42,.08)}.table-header,.table-row{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem;padding:.95rem 1rem;align-items:center}.table-header{background:#eef2ff;color:#475569;font-size:.9rem;font-weight:700}.table-row{background:#fff;border-top:1px solid rgba(15,23,42,.05);color:#334155;font-size:.95rem}.table-row:nth-child(2){background:#f8fbff}.table-row:nth-child(3){background:#fff}.table-row:nth-child(4){background:#f8fbff}.feature-card{padding:1.75rem;background:var(--surface);border-radius:1.25rem;border:1px solid rgba(15,23,42,.06)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:1.5rem}.pricing-card{padding:1.5rem;border-radius:1.25rem;background:var(--surface);border:1px solid var(--border-soft);display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.price-header{display:flex;justify-content:space-between;align-items:baseline;width:100%}.price{font-size:1.25rem;color:var(--brand-strong)}.feature-list{list-style:none;padding:0;margin:0;width:100%;display:grid;gap:.5rem}.pricing-card .button{margin-top:.5rem;align-self:stretch;text-align:center}.feature-card h3{margin-top:0}.benefits-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.benefits-list li{background:var(--surface-soft);border:1px solid var(--border);border-radius:1rem;padding:1rem 1.25rem}.problem-solution-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.5rem}.problem-card,.solution-card{padding:1.75rem;border-radius:1.5rem;background:#fff;border:1px solid rgba(148,163,184,.16);box-shadow:0 16px 30px #0f172a0d}.problem-card{border-color:#f8717140;background:#fef2f2e6}.solution-card{border-color:#3b82f640;background:#eef2fff2}.problem-card h3,.solution-card h3{margin-top:0;margin-bottom:1rem;color:var(--brand-strong)}.problem-card ul,.solution-card ul{margin:0;padding-left:1.2rem;color:#475569}.problem-card li,.solution-card li{margin-bottom:.75rem}.faq-list{display:grid;gap:1rem;margin-top:1.5rem}.faq-list details{background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;padding:1rem 1.25rem;box-shadow:0 16px 30px #0f172a0a}.faq-list summary{list-style:none;cursor:pointer;font-weight:700;color:var(--brand-strong)}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{margin:.9rem 0 0;color:var(--muted);line-height:1.8}.chat-toggle-button{position:fixed;right:1.5rem;bottom:1.5rem;display:inline-flex;align-items:center;gap:.75rem;padding:.95rem 1.2rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#6366f1f2,#3b82f6f2);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 44px #0f172a40;font-weight:700;z-index:30;cursor:pointer}.chat-toggle-button:hover{transform:translateY(-2px)}.chatbox-panel{position:fixed;right:1.5rem;bottom:6.5rem;width:min(92vw,360px);display:flex;flex-direction:column;border-radius:1.25rem;overflow:hidden;background:#0f172af5;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px #0000004d;z-index:35}.chatbox-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem .75rem;border-bottom:1px solid rgba(255,255,255,.08)}.chatbox-header strong{display:block;color:#fff}.chatbox-header p{margin:.2rem 0 0;color:#cbd5e1;font-size:.85rem}.chatbox-close{border:none;background:transparent;color:#fff;font-size:1.35rem;cursor:pointer}.chatbox-messages{display:flex;flex-direction:column;gap:.75rem;padding:1rem;max-height:280px;overflow-y:auto}.chat-message{padding:.75rem .9rem;border-radius:.9rem;line-height:1.6;font-size:.92rem;max-width:100%}.chat-message.assistant{background:#ffffff14;color:#f8fafc}.chat-message.user{background:linear-gradient(135deg,#6366f142,#3b82f63d);color:#fff;margin-left:auto}.chatbox-form{display:flex;gap:.6rem;padding:.9rem 1rem 1rem;border-top:1px solid rgba(255,255,255,.08)}.chatbox-form input{flex:1;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.7rem .9rem;background:#ffffff14;color:#fff}.chatbox-form input::placeholder{color:#94a3b8}.chatbox-form button{border:none;border-radius:999px;padding:.7rem .95rem;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;cursor:pointer}.chatbox-form button:disabled{opacity:.7;cursor:wait}@media (max-width: 900px){.problem-solution-grid{grid-template-columns:1fr}.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.chat-toggle-button{right:1rem;bottom:1rem;width:calc(100% - 2rem);justify-content:center}.chatbox-panel{right:1rem;left:1rem;bottom:5.5rem;width:auto}}.contact-block{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem 2rem;border-radius:1.5rem;background:var(--surface);border:1px solid rgba(15,23,42,.08)}.contact-form{display:grid;gap:1rem;width:100%;max-width:540px;margin-top:2rem}.form-group{width:100%}.contact-form input,.contact-form textarea{width:100%;padding:.9rem 1.1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s ease,background-color .2s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);background:#ffffff0f}.contact-form textarea{resize:vertical}.contact-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.contact-actions .button{min-width:160px}.security-card{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:center;padding:1.75rem 1.5rem;border-radius:1.5rem;background:linear-gradient(180deg,#3b4fc314,#f1f5fffa);border:1px solid rgba(59,79,195,.18);box-shadow:0 20px 40px #0f172a14}.security-icon{width:3.25rem;height:3.25rem;border-radius:1rem;display:grid;place-items:center;background:#3b4fc329;color:#1d4ed8;font-size:1.35rem}.security-copy p{margin:0 0 1rem;color:#334155}.security-copy ul{margin:0;padding-left:1.15rem;color:#475569}.security-copy li{margin-bottom:.75rem}.comparison-table-wrapper{overflow-x:auto;margin-top:1.5rem}.comparison-table{width:100%;border-collapse:collapse;min-width:540px}.comparison-table th,.comparison-table td{padding:1rem 1.25rem;border:1px solid rgba(148,163,184,.18)}.closing-cta-block{padding:0;display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start}.closing-cta-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem 2.25rem;border-radius:1.75rem;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;box-shadow:0 26px 80px #0f172a38}@media (max-width: 900px){.closing-cta-card{flex-direction:column;text-align:left}}@media (max-width: 640px){.comparison-table{min-width:100%}.closing-cta-card{padding:1.5rem}.button.large{width:100%;justify-content:center}}.comparison-table th{background:#eef2ff;color:#1e293b;text-align:left;font-weight:700}.comparison-table td{background:#fff;color:#475569}.comparison-table tr:nth-child(2n) td{background:#f8fafc}.negative{color:#dc2626;font-weight:700}.positive{color:#2563eb;font-weight:700}.closing-cta-block{padding:4rem 2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start}.closing-cta-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem 2.25rem;border-radius:1.75rem;background:linear-gradient(135deg,#111827,#1e293b);color:#fff;box-shadow:0 26px 80px #0f172a38}.closing-cta-card h2{margin:.35rem 0 0;color:#fff}.closing-cta-card p{margin:.75rem 0 0;color:#cbd5e1}.button.large{padding:1.05rem 1.8rem}.trust-bar{background:#0f172aeb;border-color:#ffffff1a}.trust-bar p{color:var(--brand)}.trust-logo{background:#ffffff0a;color:#cbd5e1;border-color:#ffffff14;filter:none}.bento-card,.screenshot-card,.screenshot-details,.hero-card,.method-card,.feature-card,.pricing-card,.problem-card,.solution-card,.faq-list details,.dashboard-mockup,.demo-metric,.mini-chart-card,.attendance-card,.dashboard-chart,.security-card,.contact-block{background:#0f172aeb;border:1px solid rgba(255,255,255,.1)}.bento-card{box-shadow:0 22px 64px #0000003d}.bento-card:hover{border-color:#6366f13d;box-shadow:0 26px 78px #00000047}.feature-badge,.feature-icon,.status-pill,.live-pill,.security-icon,.avatar,.stat-card,.bar,.micro-bar{background:#6366f124;color:#c7d2fe}.feature-icon,.security-icon,.status-pill,.live-pill{border:1px solid rgba(99,102,241,.24)}.bento-card h3,.feature-card h3,.screenshot-details h3,.problem-card h3,.solution-card h3,.faq-list summary,.table-header,.closing-cta-card h2,.hero h1{color:var(--brand-strong)}.bento-card p,.hero p,.section-block p,.feature-card p,.faq-list p,.security-copy p,.security-copy li,.comparison-table td,.comparison-table th,.table-row,.demo-metric small,.chart-labels,.mockup-label,.interactive-feature-card h4,.status-pill,.feature-badge,.live-pill,.stat-card span,.stat-value,.bar-row,.dashboard-table,.dashboard-chart,.demo-metric{color:var(--muted)}.preview-frame{background:#0f172af0;border-color:#ffffff1a;box-shadow:0 28px 80px #00000047}.search-card{background:#ffffff0a;border-color:#ffffff14}.search-chips button{background:#ffffff0d;border-color:#ffffff14}.search-card input{color:var(--brand)}.illustrative-section{background:linear-gradient(180deg,#0b0f17f5,#111827)}.illustrative-section:before,.illustrative-section:after{background:radial-gradient(circle,rgba(99,102,241,.16),transparent 48%)}.interactive-feature-card{background:#ffffff0a;border-color:#ffffff14;box-shadow:0 20px 48px #00000047}.interactive-feature-card:hover{background:#6366f124;border-color:#6366f147;box-shadow:0 24px 58px #0000004d}.dashboard-mockup{background:linear-gradient(180deg,#131c2ff5,#0f172afa);box-shadow:0 28px 90px #00000052}.dashboard-mockup:after{background:radial-gradient(circle,rgba(99,102,241,.14),transparent 65%)}.floating-notification-card{background:#0f172afa;border-color:#ffffff1a;box-shadow:0 24px 50px #00000052}.dashboard-chart,.mini-chart-card,.attendance-card,.stat-card{background:#0f172ae0}.dashboard-table,.table-header,.table-row,.comparison-table th,.comparison-table td{border-color:#ffffff14}.table-header{background:#6366f129;color:var(--brand-strong)}.table-row{background:#ffffff0a;color:var(--text)}.table-row:nth-child(2n){background:#ffffff0f}.comparison-table th{background:#6366f129}.comparison-table td{background:#ffffff0a}.comparison-table tr:nth-child(2n) td{background:#ffffff0f}.problem-card{background:#f871711f;border-color:#f8717142}.solution-card{background:#3b82f61f;border-color:#3b82f642}.faq-list details{box-shadow:0 22px 55px #00000047}.dashboard-mockup .dashboard-table{background:transparent;border:1px solid rgba(255,255,255,.06)}.dashboard-mockup .table-header{background:#6366f11f;color:#e2e8f0;font-weight:700}.dashboard-mockup .table-row{background:#ffffff08;color:#e2e8f0;border-top:1px solid rgba(255,255,255,.02)}.dashboard-mockup .table-row:nth-child(2n){background:#ffffff0b}.dashboard-mockup .table-row span{color:#fff}#feature-bento{background:var(--bg);border:none;box-shadow:none}.section-block{border:none}.whatsapp-button{background:linear-gradient(135deg,#0f172af2,#0b0f17f2);border-color:#ffffff14}.security-card{background:#0f172aeb;border-color:#ffffff14;box-shadow:0 24px 60px #00000047}.security-icon{background:#6366f12e;color:#c7d2fe}.closing-cta-card{background:linear-gradient(135deg,#0d111c,#111827);border-color:#ffffff14}.button.primary,.topbar a.nav-cta,.nav-cta{background:linear-gradient(135deg,#6366f1,#3b4fc3)}.button.secondary{border-color:#ffffff1f}.footer{text-align:center;padding:1.5rem 2rem 2rem;color:#94a3b8;display:grid;place-items:center;gap:.6rem}.footer-brand{display:inline-flex;align-items:center;gap:.75rem;color:#fff;font-weight:700}@media (max-width: 900px){.hero,.feature-grid,.contact-block,.screenshot-grid{grid-template-columns:1fr}.hero{padding-top:3rem}}@media (max-width: 1200px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.topbar{flex-wrap:wrap;padding:1rem 1.25rem;position:sticky}.brand{flex:1}.topbar-actions{margin-left:auto;display:flex;align-items:center}.menu-toggle{display:inline-flex}.nav-links{display:none;position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:1rem;background:#0f172afa;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 50px #00000047}.nav-links.open{display:flex}.nav-links a{width:100%;padding:.35rem 0}.nav-cta{margin-left:auto}.hero{padding:3rem 1.25rem 2rem}.hero-copy{width:100%}.section-block{padding:3rem 1.25rem}.feature-grid,.admin-grid,.method-grid,.problem-solution-grid,.pricing-grid{grid-template-columns:1fr}.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-card.large{grid-column:span 2}.screenshot-grid,.dashboard-stat-grid,.dashboard-mini{grid-template-columns:1fr}.dashboard-topbar,.contact-block,.closing-cta-card,.security-card{flex-direction:column;align-items:flex-start}.contact-actions,.contact-actions .button{width:100%}.demo-metrics{grid-template-columns:1fr}.trust-logos{gap:.6rem}}@media (max-width: 640px){.topbar{flex-direction:row;align-items:center;justify-content:space-between}.brand-copy{display:none}.topbar-actions{width:auto;justify-content:flex-end;margin-left:auto}.nav-links{justify-content:flex-start;gap:.75rem 1rem}.topbar-actions .nav-cta{width:auto;justify-content:center;margin-left:0}.hero{padding:2.25rem 1rem 1.25rem}.hero h1,.section-title h2,.contact-block h2{font-size:2.05rem}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.section-block{padding:2.5rem 1rem}.bento-grid,.pricing-grid,.feature-grid,.admin-grid,.method-grid,.problem-solution-grid{grid-template-columns:1fr;gap:1rem}.bento-card.large{grid-column:span 1}.demo-chips{gap:.6rem}.demo-chips button{width:100%}.search-card{padding:.9rem 1rem}.screenshot-card,.screenshot-details{padding:1.25rem}.dashboard-topbar{gap:.75rem}.table-header,.table-row{grid-template-columns:1fr}.table-header{display:none}.security-card,.closing-cta-card,.contact-block{padding:1.5rem}.benefits-list li{padding:.9rem 1rem}.whatsapp-button{left:1rem;right:1rem;width:auto;justify-content:center}}@media (max-width: 768px){.nav-links{position:fixed!important;top:4rem!important;left:0!important;right:0!important;width:100%!important;height:auto!important;background:#0b0f17fa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;padding:2rem 1.5rem!important;border-radius:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;z-index:1000!important}.chat-toggle-button{position:fixed!important;right:1.5rem!important;bottom:1.5rem!important;width:auto!important;height:auto!important;padding:.8rem 1.2rem!important;border-radius:999px!important;z-index:9999!important;display:inline-flex!important;box-shadow:0 10px 30px #00000080!important}.chatbox-panel{position:fixed!important;right:1rem!important;left:1rem!important;bottom:5.5rem!important;width:auto!important;max-height:70vh!important;z-index:10000!important}}@media (max-width: 768px){body,html{overflow-x:hidden!important;width:100%!important;position:relative!important}*{box-sizing:border-box!important;max-width:100%!important}.chat-toggle-button{left:1.5rem!important;right:auto!important;bottom:1.5rem!important}.chatbox-panel{left:.5rem!important;right:.5rem!important;bottom:5.5rem!important;width:auto!important;max-height:70vh!important;transform:none!important}.hero,.section-block,.demo-section,.contact-block{padding-left:1rem!important;padding-right:1rem!important;width:100%!important;overflow:hidden!important}.pricing-grid,.bento-grid,.feature-grid,.admin-grid{display:flex!important;flex-direction:column!important;gap:1.5rem!important}.comparison-table-wrapper{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}}@media (max-width: 768px){.menu-toggle{position:relative!important;z-index:2000!important}}