:root{--color-navy:#071a52;--color-blue:#1f3a8a;--color-gold:#f7b500;--color-gold-dark:#d99a00;--color-graphite:#374151;--color-muted:#64748b;--color-bg:#f8fafc;--color-border:#e2e8f0;--color-white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-navy);margin:0;font-family:Inter,Arial,sans-serif}a{text-decoration:none}.site{min-height:100vh;overflow-x:hidden}.navbar{justify-content:space-between;align-items:center;gap:32px;max-width:1180px;margin:0 auto;padding:24px 28px;display:flex}.nav-logo{align-items:center;gap:2px;font-size:18px;font-weight:800;display:flex}.logo-mark{background:var(--color-navy);width:36px;height:36px;color:var(--color-gold);border-radius:12px;place-items:center;display:grid}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:var(--color-navy);font-size:17px;font-weight:600;transition:all .2s}.nav-links a:hover{color:var(--color-gold)}.nav-actions{align-items:center;gap:14px;display:flex}.nav-cta,.btn-primary{background:var(--color-gold);color:var(--color-navy);border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-weight:800;display:inline-flex;box-shadow:0 16px 32px #2563eb38}.btn-secondary{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-weight:800;display:inline-flex}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;max-width:1180px;margin:0 auto;padding:40px 28px 48px;display:grid}.hero-content{flex-direction:column;justify-content:center;display:flex}.eyebrow{color:#1d4ed8;letter-spacing:.04em;text-transform:uppercase;background:#dbeafe;border-radius:999px;margin-bottom:18px;padding:8px 12px;font-size:13px;font-weight:900;display:inline-flex}.hero h1{letter-spacing:-.04em;max-width:620px;font-size:50px;line-height:1.05}.hero p{color:#475569;max-width:620px;margin:24px 0 0;font-size:20px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-trust{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-trust span{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:800}.hero-visual{background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #dbeafe;border-radius:28px;padding:18px;position:relative;box-shadow:0 30px 80px #0f172a29}.floating-card{z-index:5;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:4px;padding:10px 12px;display:flex;position:absolute;box-shadow:0 18px 40px #0f172a29}.floating-card strong{color:#0f172a;font-size:14px}.floating-card span{color:#64748b;font-size:12px;font-weight:700}.top-card{top:-24px;left:-24px}.bottom-card{bottom:-24px;right:-24px}.dashboard-label{z-index:5;color:#166534;background:#dcfce7;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;position:absolute;top:28px;right:28px}.hero-visual img{border:1px solid #e2e8f0;border-radius:20px;width:100%;display:block}.trust-strip{flex-wrap:wrap;justify-content:center;gap:14px;margin:20px 0 40px;display:flex}.trust-item{border:1px solid var(--color-border);color:var(--color-navy);background:#fff;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:700;box-shadow:0 8px 20px #0f172a0a}.stats-section{max-width:1180px;margin:0 auto;padding:20px 28px 50px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:26px;box-shadow:0 18px 40px #0f172a0d}.stat-card strong{color:#2563eb;margin-bottom:8px;font-size:34px;display:block}.stat-card span{color:#64748b;font-weight:700}.logos{text-align:center;max-width:1180px;margin:32px auto 0;padding:34px 28px}.logos p{color:#64748b;margin:0 0 18px;font-weight:800}.logo-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.logo-box{color:#334155;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:18px;min-width:180px;padding:18px 24px;font-weight:800;box-shadow:0 10px 30px #0f172a0d}.section{max-width:1180px;margin:0 auto;padding:90px 28px}.section-heading{text-align:center;max-width:760px;margin:0 auto 46px}.ota-section .section-heading{max-width:900px;margin-bottom:46px}.ota-section .section-heading h2{white-space:nowrap;max-width:none;margin-left:auto;margin-right:auto}.ota-section .section-heading p{max-width:760px;margin-left:auto;margin-right:auto}.section-heading h2{letter-spacing:-.03em;margin:0;font-size:clamp(28px,3vw,40px);line-height:1.15}.section-heading p{color:#64748b;margin:18px auto 0;font-size:18px;line-height:1.7}.features-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{text-align:center;cursor:default;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:34px;transition:all .3s}.feature-card:hover{border-color:#2563eb;transform:translateY(-8px);box-shadow:0 28px 60px #0f172a1f}.feature-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 20px;display:flex;box-shadow:0 15px 35px #2563eb40}.feature-icon svg{width:28px;height:28px}.feature-card h3{margin:0 0 10px;font-size:20px}.feature-card p{color:#64748b;margin:0;line-height:1.6}.why-section{padding-top:40px}.why-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.why-card{border:1px solid var(--color-border);background:#fff;border-radius:24px;padding:32px;transition:all .25s;box-shadow:0 18px 40px #0f172a0d}.why-card:hover{border-color:var(--color-gold);transform:translateY(-6px);box-shadow:0 28px 60px #0f172a1a}.why-card h3{color:var(--color-navy);margin:0 0 10px;font-size:20px}.why-card p{color:var(--color-muted);margin:0;line-height:1.6}.screenshots-section{padding-top:40px}.screenshots-grid{grid-template-columns:1fr;gap:34px;display:grid}.product-shot{background:#fff;border:1px solid #e2e8f0;border-radius:28px;grid-template-columns:1.2fr .8fr;align-items:center;gap:34px;padding:24px;display:grid;box-shadow:0 24px 60px #0f172a14}.product-shot:nth-child(2n){grid-template-columns:.8fr 1.2fr}.product-shot:nth-child(2n) img{order:2}.product-shot img{border:1px solid #e2e8f0;border-radius:18px;width:100%;display:block}.product-shot h3{letter-spacing:-.02em;margin:0 0 12px;font-size:24px}.product-shot p{color:#64748b;margin:0;font-size:18px;line-height:1.7}.product-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:28px;display:flex}.tab-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:12px 18px;font-weight:900}.tab-button.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 14px 30px #2563eb38}.product-tab-panel{background:#fff;border:1px solid #e2e8f0;border-radius:30px;grid-template-columns:.7fr 1.3fr;align-items:center;gap:30px;padding:26px;display:grid;box-shadow:0 24px 60px #0f172a14}.product-tab-content h3{letter-spacing:-.03em;margin:0 0 12px;font-size:28px}.product-tab-content p{color:#64748b;margin:0;font-size:17px;line-height:1.7}.product-tab-image img{width:100%;display:block}.browser-mockup{background:#fff;border:1px solid #dbe4ef;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px #0f172a1f,0 10px 25px #0f172a0f}.browser-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;height:52px;padding:0 18px;display:flex}.browser-bar span{border-radius:50%;width:12px;height:12px}.browser-bar span:first-child{background:#ef4444}.browser-bar span:nth-child(2){background:#f59e0b}.browser-bar span:nth-child(3){background:#22c55e}.browser-url{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:999px;flex:1;justify-content:center;align-items:center;height:30px;margin-left:20px;font-size:13px;font-weight:600;display:flex}.explorer-section{padding-top:40px}.explorer-layout{grid-template-columns:1fr;gap:24px;display:grid}.explorer-menu{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.explorer-button{border:1px solid var(--color-border);width:100%;color:var(--color-navy);text-align:center;cursor:pointer;background:#fff;border-radius:16px;padding:12px 14px;font-weight:800;transition:all .25s}.explorer-button:hover{border-color:var(--color-gold);transform:translate(4px)}.explorer-button.active{background:var(--color-navy);color:var(--color-gold);border-color:var(--color-navy);box-shadow:0 18px 40px #071a522e}.explorer-content{border:1px solid var(--color-border);background:#fff;border-radius:30px;padding:28px;box-shadow:0 24px 60px #0f172a14}.explorer-content h3{letter-spacing:-.03em;color:var(--color-navy);margin:0 0 10px;font-size:28px}.explorer-content p{max-width:760px;color:var(--color-graphite);margin:0 0 24px;line-height:1.65}.explorer-content .browser-mockup img{width:100%;display:block}.ota-block{background:linear-gradient(135deg, var(--color-blue), var(--color-navy));color:#fff;margin:50px 0}.ota-inner{max-width:1180px;margin:0 auto;padding:90px 28px}.ota-header{text-align:center;max-width:860px;margin:0 auto 44px}.ota-badge{color:var(--color-blue);text-transform:uppercase;letter-spacing:.04em;background:#ffffffe6;border-radius:999px;margin-bottom:18px;padding:8px 14px;font-size:13px;font-weight:900;display:inline-flex}.ota-header h2{letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(30px,3vw,42px);line-height:1.15}.ota-header p{color:#dbeafe;max-width:780px;margin:18px auto 0;font-size:18px;line-height:1.65}.ota-cards{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.ota-item{text-align:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:26px;flex-direction:column;justify-content:center;min-height:190px;padding:34px 30px;display:flex;box-shadow:0 24px 60px #071a522e}.ota-item h3{color:#fff;margin:0 0 12px;font-size:24px}.ota-item p{color:#dbeafe;max-width:280px;margin:0 auto;line-height:1.65}.testimonials-section{padding-top:70px}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.testimonial-card{background:#fff;border:1px solid #e2e8f0;border-radius:26px;padding:28px;box-shadow:0 18px 40px #0f172a0d}.testimonial-card p{color:#334155;margin:0;font-size:16px;line-height:1.7}.testimonial-author{align-items:center;gap:12px;margin-top:24px;display:flex}.avatar{color:#1d4ed8;background:#dbeafe;border-radius:999px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.testimonial-author strong{color:#0f172a;display:block}.testimonial-author span{color:#64748b;margin-top:3px;font-size:13px;font-weight:700;display:block}.faq-section{padding-top:60px}.faq-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:24px}.faq-item h3{margin:0 0 10px;font-size:18px}.faq-item p{color:#64748b;margin:0;line-height:1.6}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:26px;padding:30px;box-shadow:0 18px 40px #0f172a0d}.pricing-card.highlighted{border-color:#2563eb;transform:translateY(-8px);box-shadow:0 28px 70px #2563eb2e}.pricing-card h3{margin:0 0 16px;font-size:24px}.pricing-card strong{letter-spacing:-.03em;font-size:34px;display:block}.pricing-card p{color:#64748b;min-height:52px;line-height:1.6}.pricing-card a{color:#2563eb;margin-top:14px;font-weight:900;display:inline-flex}.trust-strip{justify-content:flex-start}.trust-item{font-size:13px}.contact-section{background:linear-gradient(135deg, var(--color-navy), #111827);color:#fff;border-radius:34px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:36px;max-width:1120px;margin:70px auto 90px;padding:42px;display:grid;box-shadow:0 28px 80px #071a5238}.contact-content h2{letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(30px,3vw,42px);line-height:1.12}.contact-content p{color:#cbd5e1;margin:18px 0 0;font-size:17px;line-height:1.7}.contact-points{flex-direction:column;gap:12px;margin-top:26px;display:flex}.contact-points span{color:#e5e7eb;background:#ffffff14;border-radius:14px;padding:12px 14px;font-weight:700}.contact-form{background:#fff;border:1px solid #ffffff1f;border-radius:26px;flex-direction:column;gap:14px;padding:24px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--color-border);width:100%;font:inherit;color:var(--color-navy);border-radius:14px;outline:none;padding:14px 16px}.contact-form textarea{resize:vertical;min-height:120px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-gold);box-shadow:0 0 0 4px #f7b50029}.contact-form .btn-primary{cursor:pointer;border:none;height:54px;font-size:16px;font-weight:800}.footer{color:#fff;background:#0f172a;margin-top:80px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1180px;margin:0 auto;padding:70px 28px;display:grid}.footer-grid h3,.footer-grid h4{margin-top:0}.footer-grid p{color:#94a3b8;line-height:1.7}.footer-grid a{color:#cbd5e1;margin-bottom:10px;display:block}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #334155;justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto;padding:24px 28px;display:flex}.footer-bottom div{gap:20px;display:flex}.footer-bottom a{color:#cbd5e1}@media (width<=900px){.navbar{flex-direction:column;align-items:flex-start}.nav-links,.nav-actions{flex-wrap:wrap}.hero,.why-grid,.page-features-grid,.showcase-row,.showcase-row.reverse,.features-grid,.testimonials-grid,.faq-grid,.pricing-grid,.stats-grid,.product-tab-panel,.explorer-layout{grid-template-columns:1fr}.explorer-menu{grid-template-columns:repeat(2,1fr)}.ota-cards{grid-template-columns:1fr}.contact-section{grid-template-columns:1fr;margin-left:20px;margin-right:20px;padding:28px}.crm-summary-grid,.form-row,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.pricing-card.highlighted{transform:none}}@media (width<=560px){.navbar{padding:20px}.hero,.section,.logos{padding-left:20px;padding-right:20px}.hero{padding-top:48px}.hero h1{font-size:42px}.hero p{font-size:18px}.nav-links{gap:14px}.product-shot{padding:16px}.final-cta{margin-left:20px;margin-right:20px}}.page-hero{text-align:center;padding:70px 0 50px}.page-hero h1{max-width:900px;margin:20px auto;padding:60px 0 40px;font-size:clamp(42px,5vw,64px);line-height:1.15}.page-hero p{max-width:700px;margin:0 auto}.page-section{padding:80px 0}.page-section-heading{text-align:center;max-width:700px;margin:0 auto 60px}.page-features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.page-feature-card{background:#fff;border:1px solid #dbe3f1;border-radius:20px;padding:32px;transition:all .25s}.page-feature-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000014}.page-feature-card h3{margin-bottom:12px}.page-feature-card p{color:#64748b;line-height:1.7}.page-showcase{padding:90px 0}.showcase-row{grid-template-columns:.8fr 1.2fr;align-items:center;gap:46px;margin-bottom:90px;display:grid}.showcase-row.reverse{grid-template-columns:1.2fr .8fr}.showcase-content h2{color:var(--color-navy);margin:0 0 16px;font-size:clamp(28px,3vw,40px);line-height:1.15}.showcase-content p{color:var(--color-muted);margin:0;font-size:18px;line-height:1.7}.showcase-row img{border:1px solid var(--color-border);border-radius:24px;width:100%;display:block;box-shadow:0 26px 70px #0f172a1f}.legal-content{max-width:900px;margin:0 auto;line-height:1.8}.legal-content h2{margin-top:36px;margin-bottom:12px}.legal-content ul{padding-left:24px}.legal-content li{margin-bottom:8px}.admin-table-wrap{border:1px solid var(--color-border);background:#fff;border-radius:22px;overflow-x:auto;box-shadow:0 18px 40px #0f172a0f}.admin-table{border-collapse:collapse;width:100%;min-width:900px}.admin-table th,.admin-table td{border-bottom:1px solid var(--color-border);text-align:left;padding:16px 18px;font-size:14px}.admin-table th{color:var(--color-navy);background:#f8fafc;font-weight:900}.admin-table td{color:var(--color-graphite)}.admin-table tr:last-child td{border-bottom:none}.crm-summary-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:26px;display:grid}.crm-summary-card{border:1px solid var(--color-border);text-align:center;background:#fff;border-radius:20px;padding:22px;box-shadow:0 14px 34px #0f172a0f}.crm-summary-card strong{color:var(--color-navy);margin-bottom:6px;font-size:30px;display:block}.crm-summary-card span{color:var(--color-muted);font-size:13px;font-weight:800}.lead-status{cursor:pointer;border:none;border-radius:999px;padding:6px 12px;font-weight:700}.lead-status.new{color:#1d4ed8;background:#dbeafe}.lead-status.contacted{color:#374151;background:#e5e7eb}.lead-status.demo{color:#92400e;background:#fef3c7}.lead-status.proposal{color:#6d28d9;background:#ede9fe}.lead-status.won{color:#166534;background:#dcfce7}.lead-status.lost{color:#991b1b;background:#fee2e2}.nav-logo-img{object-fit:cover;border-radius:9px;width:32px;height:32px}.brand-text{letter-spacing:-.07em;white-space:nowrap;font-size:32px;font-weight:795}.brand-meridian{color:#081d58}.brand-pms{color:#f4b400}.nav-logo-img{object-fit:contain;background:0 0;border:none;border-radius:0;width:60px;height:60px;margin-right:-14px}.login-link{color:var(--color-navy);font-size:17px;font-weight:700;text-decoration:none;transition:all .2s}.login-link:hover{color:var(--color-gold)}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}
