:root{--bg:#ffffff;--muted:#64748b;--accent:#2b124c;--gold:#f9e79f;--card-border:#e5e7eb;--text:#050816;--shadow: 0 8px 20px rgba(15,23,42,.04)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{position:sticky;top:0;z-index:50;background:#fffffff5;border-bottom:1px solid var(--card-border)}.headerInner{max-width:1400px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;border-radius:10px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.brandTitle{font-size:18px;font-weight:800}.brandSubtitle{font-size:12px;color:var(--muted)}.nav{display:flex;gap:24px;align-items:center}.navLink{font-size:14px;color:#475569;text-decoration:none;font-weight:600}.headerActions{display:flex;align-items:center;gap:12px}.demoButton{background:var(--accent);color:#fff;text-decoration:none;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:800}.menuButton{display:none;background:transparent;border:0;padding:8px;cursor:pointer}.hamburger{display:block;width:22px;height:2px;background:#111;position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:22px;height:2px;background:#111}.hamburger:before{top:-6px}.hamburger:after{top:6px}.hero{background:linear-gradient(135deg,#fff 0% 55%,#fff8df);padding:48px 20px}.heroInner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:28px;align-items:center}.heroLeft{max-width:100%}.badge{display:inline-flex;background:#fff5c7;border:1px solid #f0d77a;color:#6f5800;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.heroTitle{margin:18px 0 0;font-size:clamp(28px,6vw,58px);line-height:1.07;letter-spacing:-.02em;font-weight:900}.heroText{margin-top:18px;font-size:16px;line-height:1.7;color:#334155}.heroButtons{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}.primaryButton{background:var(--accent);color:#fff;text-decoration:none;padding:12px 20px;border-radius:12px;font-weight:800}.secondaryButton{background:#fff;color:#1e293b;text-decoration:none;padding:12px 20px;border-radius:12px;font-weight:800;border:1px solid #cbd5e1}.heroCards{margin-top:28px;display:grid;grid-template-columns:repeat(1,1fr);gap:12px}.card{background:#fff;border:1px solid var(--card-border);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.cardTitle{margin:0;font-size:16px;font-weight:850}.cardText{margin:10px 0 0;font-size:14px;line-height:1.6;color:#475569}.heroRight{display:flex;justify-content:flex-end}.panelOuter{width:100%;max-width:560px;background:#fff;border:1px solid var(--card-border);border-radius:32px;padding:16px;box-shadow:0 28px 70px #0f172a21}.panelInner{background:#f8fafc;border:1px solid var(--card-border);border-radius:26px;padding:18px}.panelTop{display:flex;justify-content:space-between;margin-bottom:16px}.panelTitle{font-size:14px;font-weight:850}.panelSubtitle{font-size:12px;color:var(--muted);margin-top:3px}.liveBadge{background:#ecfdf5;color:#047857;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.audioBox{background:#fff;border:1px solid var(--card-border);border-radius:20px;padding:14px}.label{text-transform:uppercase;letter-spacing:.28em;color:var(--muted);font-size:10px;font-weight:900}.audioText{margin-top:12px;background:#f8fafc;border-radius:14px;padding:12px;color:#475569;font-size:14px}.resultGrid{margin-top:12px;display:grid;grid-template-columns:1fr;gap:12px}.detectedBox{background:#fff8df;border:1px solid #efd476;border-radius:20px;padding:14px}.detectedLabel{text-transform:uppercase;letter-spacing:.24em;color:#7a6100;font-size:10px;font-weight:900}.verseRef{margin-top:12px;font-size:18px;font-weight:900}.verseText{margin-top:10px;font-size:14px;line-height:1.6;color:#475569}.presenterBox{background:var(--accent);border-radius:20px;padding:14px;color:#fff}.presenterLabel{text-transform:uppercase;letter-spacing:.24em;color:#f9e79f;font-size:10px;font-weight:900}.presenterRef{margin-top:12px;font-size:20px;font-weight:900;color:#f9e79f}.presenterText{margin-top:10px;font-size:14px;line-height:1.6;color:#fff}.sectionGray{background:#f8fafc;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);padding:48px 20px}.sectionWhite{background:#fff;padding:48px 20px}.sectionInner{max-width:1400px;margin:0 auto}.sectionLabel{text-transform:uppercase;letter-spacing:.35em;color:var(--accent);font-size:13px;font-weight:900}.sectionTitle{max-width:850px;margin-top:12px;font-size:32px;line-height:1.15;font-weight:900}.sectionTitleCenter{margin-top:12px;font-size:32px;line-height:1.15;font-weight:900}.sectionIntro{margin-top:12px;font-size:16px;line-height:1.7;color:#475569}.centerText{max-width:820px;margin:0 auto;text-align:center}.fourGrid,.threeGrid{margin-top:28px;display:grid;grid-template-columns:1fr;gap:16px}.workflowCard{background:#fff;border:1px solid var(--card-border);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.stepNumber{width:48px;height:48px;border-radius:12px;background:var(--accent);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900}.workflowTitle{margin-top:12px;font-size:18px;font-weight:900}.workflowText{margin-top:12px;font-size:15px;line-height:1.6;color:#475569}.benefitCard{background:#fff;border:1px solid var(--card-border);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.valueBadge{display:inline-flex;background:#f5ecff;color:var(--accent);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.2em}.pricingCard{background:#fff;border:1px solid var(--card-border);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.pricingTitle{margin:0;font-size:20px;font-weight:900}.price{margin-top:12px;font-size:32px;font-weight:900}.featureList{margin-top:12px;padding-left:0;list-style:none;color:#475569;line-height:1.8}.salesButton{margin-top:12px;display:inline-flex;background:var(--accent);color:#fff;text-decoration:none;padding:10px 16px;border-radius:12px;font-weight:800}.whoSection{background:var(--accent);color:#fff;padding:48px 20px}.whoInner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:20px;align-items:center}.goldLabel{text-transform:uppercase;letter-spacing:.35em;color:var(--gold);font-size:13px;font-weight:900}.whoTitle{margin-top:12px;font-size:32px;line-height:1.15;font-weight:900}.whoText{margin-top:12px;font-size:16px;line-height:1.7;color:#e2e8f0}.useCaseList{display:grid;gap:12px}.useCase{border:1px solid rgba(255,255,255,.15);background:#ffffff0f;border-radius:12px;padding:12px 16px;font-weight:800}.contactSection{background:#fff;padding:48px 20px}.contactCard{max-width:1200px;margin:0 auto;background:#f8fafc;border:1px solid var(--card-border);border-radius:24px;padding:32px}.contactTitle{margin-top:12px;font-size:36px;line-height:1.1;font-weight:900}.contactText{margin-top:12px;font-size:16px;line-height:1.7;color:#475569}.iframeWrap{margin-top:20px;width:100%}.iframeWrap iframe{width:100%;height:520px;border:0;border-radius:12px}.footer{border-top:1px solid var(--card-border);padding:20px;text-align:center;color:var(--muted);font-size:14px}@media(min-width:700px){.heroCards,.threeGrid{grid-template-columns:repeat(3,1fr)}.fourGrid{grid-template-columns:repeat(4,1fr)}.resultGrid{grid-template-columns:1fr 1fr}.whoInner{grid-template-columns:1fr .85fr}}@media(min-width:900px){.heroInner{grid-template-columns:1fr .9fr;gap:70px;padding:96px 40px}.hero{padding:96px 40px}.sectionGray,.sectionWhite{padding:90px 40px}.sectionTitle,.sectionTitleCenter{font-size:46px}.contactCard{padding:56px}.contactTitle{font-size:52px}}@media(max-width:768px){.nav{display:none}.menuButton{display:inline-flex}.headerInner{padding:12px 16px}.panelOuter{max-width:100%}.iframeWrap iframe{height:360px}.hero,.sectionGray,.sectionWhite{padding:36px 16px}.heroTitle{font-size:clamp(24px,8vw,40px)}}.nav.open{position:absolute;top:64px;right:16px;background:#fff;border:1px solid var(--card-border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;z-index:60}@media(max-width:768px){.headerActions a.demoButton:nth-of-type(2){display:none}}.nav .startLink{display:none}@media(max-width:768px){.nav .startLink{display:block;font-weight:800;color:#4f46e5}.headerActions a.demoButton:nth-of-type(2){display:none}}.visible{visibility:visible}.hidden{display:none}.resize{resize:both}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,ease)!important;transition-duration:var(--tw-duration,0s)!important}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif}