
| Current Path : /var/www/html/pics/ |
Linux ift1.ift-informatik.de 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 |
| Current File : //var/www/html/pics/product.html |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Product β Konvalo</title>
<link rel="stylesheet" href="shared.css">
<style>
.features-full { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:80px; }
.f-card {
background:#FBF9FF; border:1.5px solid #EBE5FF; border-radius:var(--radius);
padding:32px 26px; transition:transform 0.2s,box-shadow 0.2s;
}
.f-card:hover { transform:translateY(-4px);box-shadow:0 12px 40px rgba(91,63,166,0.1); }
.f-card-icon { width:48px;height:48px;background:var(--purple);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:18px; }
.f-card h3 { font-family:'Syne',sans-serif;font-weight:700;font-size:1.05rem;margin-bottom:8px; }
.f-card p { font-size:0.88rem;color:var(--ink-muted);line-height:1.65; }
.f-card .tag { display:inline-block;background:var(--green-light);color:var(--green);font-size:0.72rem;font-weight:600;padding:3px 10px;border-radius:100px;margin-top:14px; }
.integrations-row { display:flex;flex-wrap:wrap;gap:14px;margin-top:40px; }
.integ-chip {
display:flex;align-items:center;gap:10px;
background:white;border:1.5px solid #E5E0F5;border-radius:12px;
padding:10px 18px;font-size:0.88rem;font-weight:500;
box-shadow:0 2px 8px rgba(0,0,0,0.04);
}
.integ-chip span { font-size:1.2rem; }
.product-split {
display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:80px;
}
.product-split.reverse { direction:rtl; }
.product-split.reverse > * { direction:ltr; }
.mockup-card {
background:var(--ink); border-radius:20px; overflow:hidden;
box-shadow:0 20px 60px rgba(26,19,51,0.2);
}
.mockup-bar { background:#2a2040;padding:12px 16px;display:flex;align-items:center;gap:6px; }
.dot { width:10px;height:10px;border-radius:50%; }
.mockup-body { padding:24px; }
.mini-chart { display:flex;align-items:flex-end;gap:6px;height:80px;margin-bottom:16px; }
.mbar { flex:1;border-radius:4px 4px 0 0;opacity:0.85; }
.metric-row { display:flex;gap:12px; }
.metric { background:rgba(255,255,255,0.06);border-radius:10px;padding:10px 14px;flex:1; }
.metric .mv { font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:700;color:white; }
.metric .ml { font-size:0.68rem;color:rgba(255,255,255,0.4);margin-top:2px; }
.table-mockup { background:#1e1635;border-radius:10px;overflow:hidden;margin-top:12px; }
.t-header { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:0;background:#2a2040;padding:10px 14px; }
.t-header span { font-size:0.68rem;color:rgba(255,255,255,0.4);font-weight:500; }
.t-row { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:0;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.04); }
.t-row span { font-size:0.75rem;color:rgba(255,255,255,0.7); }
.t-row .green { color:var(--green);font-weight:600; }
.t-row .red { color:#FF6B6B;font-weight:600; }
.pricing-section { background:var(--sky-light);padding:100px 48px; }
.pricing-inner { max-width:1100px;margin:0 auto;text-align:center; }
.pricing-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;text-align:left; }
.p-card {
background:white;border-radius:var(--radius);padding:36px 28px;
border:1.5px solid rgba(91,63,166,0.1);
}
.p-card.featured {
background:linear-gradient(135deg,var(--purple-dark),var(--purple-light));
border-color:transparent;
color:white;
transform:scale(1.03);
box-shadow:0 20px 60px rgba(91,63,166,0.25);
}
.p-plan { font-size:0.78rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:10px; }
.p-card.featured .p-plan { color:rgba(255,255,255,0.7); }
.p-price { font-family:'Syne',sans-serif;font-size:2.2rem;font-weight:800;color:var(--ink);margin-bottom:4px; }
.p-card.featured .p-price { color:white; }
.p-price sub { font-size:0.9rem;font-weight:400; }
.p-desc { font-size:0.85rem;color:var(--ink-muted);margin-bottom:24px; }
.p-card.featured .p-desc { color:rgba(255,255,255,0.65); }
.p-features { list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:32px; }
.p-features li { font-size:0.87rem;display:flex;align-items:center;gap:8px; }
.p-features li::before { content:'β';color:var(--green);font-weight:700; }
.p-card.featured .p-features li { color:rgba(255,255,255,0.85); }
.btn-plan { display:block;text-align:center;padding:12px;border-radius:100px;font-weight:600;font-size:0.9rem;text-decoration:none;transition:all 0.2s; }
.btn-plan-outline { border:1.5px solid var(--purple-light);color:var(--purple); }
.btn-plan-outline:hover { background:var(--purple);color:white; }
.btn-plan-white { background:white;color:var(--purple-dark); }
.btn-plan-white:hover { opacity:0.9; }
.cta-wrap { text-align:center;padding:100px 48px; }
.cta-box { max-width:640px;margin:0 auto;background:linear-gradient(135deg,var(--purple-dark),var(--purple-light));border-radius:28px;padding:64px 48px;color:white; }
.cta-box h2 { font-family:'Syne',sans-serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;letter-spacing:-0.03em;line-height:1.15;margin-bottom:16px; }
.cta-box p { font-size:1rem;opacity:0.8;line-height:1.6;margin-bottom:36px;font-weight:300; }
.btn-white { display:inline-block;background:white;color:var(--purple-dark);font-family:'Syne',sans-serif;font-weight:700;font-size:0.95rem;padding:14px 32px;border-radius:100px;text-decoration:none;transition:opacity 0.2s,transform 0.15s; }
.btn-white:hover { opacity:0.92;transform:translateY(-2px); }
@media(max-width:900px){
.features-full { grid-template-columns:1fr 1fr; }
.product-split { grid-template-columns:1fr;gap:40px; }
.pricing-grid { grid-template-columns:1fr; }
.p-card.featured { transform:none; }
.pricing-section { padding:60px 24px; }
.cta-wrap { padding:60px 24px; }
}
</style>
</head>
<body>
<nav>
<a href="index.html" class="nav-logo">konvalo</a>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="product.html" class="active">Product</a></li>
<li><a href="howitworks.html">How it works</a></li>
<li><a href="usecases.html">Use cases</a></li>
<li><a href="demo.html">Demo</a></li>
<li><a href="contact.html" class="nav-cta">Request Demo</a></li>
</ul>
</nav>
<section class="page-hero">
<div class="cloud c1"></div><div class="cloud c3"></div><div class="cloud c4"></div>
<div class="page-hero-inner">
<span class="section-tag fadeup">Product</span>
<h1 class="fadeup-1">Built for modern<br>finance teams.</h1>
<p class="fadeup-2">Everything you need to consolidate, reconcile and report β continuously, automatically, and in real time.</p>
<div class="fadeup-2"><a href="contact.html" class="btn-primary">Request Demo β</a></div>
</div>
</section>
<!-- FEATURES GRID -->
<div class="section-wrap">
<span class="section-tag">Core Features</span>
<h2 class="section-title">One platform.<br>All your consolidation needs.</h2>
<p class="section-sub">Konvalo replaces the patchwork of spreadsheets, manual processes and disconnected ERPs with a single, unified consolidation engine.</p>
<div class="features-full">
<div class="f-card"><div class="f-card-icon">π’</div><h3>Multi-company Accounting</h3><p>Manage accounting across multiple legal entities from a single platform with full drill-down capabilities.</p><span class="tag">Core</span></div>
<div class="f-card"><div class="f-card-icon">π</div><h3>Intercompany Reconciliation</h3><p>Automatically match, eliminate and reconcile intercompany transactions across the group. Discrepancies flagged in real time.</p><span class="tag">Core</span></div>
<div class="f-card"><div class="f-card-icon">π</div><h3>Financial Consolidation</h3><p>Generate consolidated P&L, balance sheet and cash flow statements continuously β not just at month end.</p><span class="tag">Core</span></div>
<div class="f-card"><div class="f-card-icon">π</div><h3>Multi-currency</h3><p>Automatic FX conversion using configurable exchange rates. Supports all major currencies and reporting standards.</p><span class="tag">Finance</span></div>
<div class="f-card"><div class="f-card-icon">π</div><h3>Real-time Reporting</h3><p>Live dashboards, custom reports and exportable statements. No waiting for batch processes to complete.</p><span class="tag">Reporting</span></div>
<div class="f-card"><div class="f-card-icon">π</div><h3>ERP Integrations</h3><p>Connect to SAP, Microsoft Dynamics, Sage, Excel and more via native connectors or open API.</p><span class="tag">Integration</span></div>
<div class="f-card"><div class="f-card-icon">π</div><h3>Audit Trail</h3><p>Full, immutable log of every transaction, reconciliation and adjustment. Always audit-ready.</p><span class="tag">Compliance</span></div>
<div class="f-card"><div class="f-card-icon">βοΈ</div><h3>Configurable Rules</h3><p>Define elimination rules, intercompany policies, and consolidation adjustments β no coding required.</p><span class="tag">Configuration</span></div>
<div class="f-card"><div class="f-card-icon">π₯</div><h3>Role-based Access</h3><p>Granular permissions per entity, module and user. Secure, collaborative access for all stakeholders.</p><span class="tag">Security</span></div>
</div>
</div>
<!-- SPLIT β RECONCILIATION -->
<div class="section-wrap tight">
<div class="product-split">
<div>
<span class="section-tag">Reconciliation Engine</span>
<h2 class="section-title">Zero tolerance<br>for discrepancies.</h2>
<p class="section-sub">Konvalo continuously scans intercompany balances and flags mismatches the moment they occur β before they become audit issues.</p>
<ul style="list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;">
<li style="display:flex;gap:10px;font-size:0.9rem;color:var(--ink-muted)"><span style="color:var(--green);font-weight:700">β</span> Real-time matching of intercompany invoices</li>
<li style="display:flex;gap:10px;font-size:0.9rem;color:var(--ink-muted)"><span style="color:var(--green);font-weight:700">β</span> Automatic elimination of intercompany balances</li>
<li style="display:flex;gap:10px;font-size:0.9rem;color:var(--ink-muted)"><span style="color:var(--green);font-weight:700">β</span> Discrepancy alerts with drill-down to source</li>
<li style="display:flex;gap:10px;font-size:0.9rem;color:var(--ink-muted)"><span style="color:var(--green);font-weight:700">β</span> Configurable matching rules per entity pair</li>
</ul>
<a href="demo.html" class="btn-primary">See it live β</a>
</div>
<div class="mockup-card">
<div class="mockup-bar">
<div class="dot" style="background:#FF5F57"></div>
<div class="dot" style="background:#FFBD2E"></div>
<div class="dot" style="background:#28C840"></div>
<span style="color:rgba(255,255,255,0.4);font-size:0.75rem;margin-left:8px">Reconciliation Dashboard</span>
</div>
<div class="mockup-body">
<div style="display:flex;justify-content:space-between;margin-bottom:16px;align-items:center">
<span style="color:rgba(255,255,255,0.5);font-size:0.75rem">Intercompany Balances β Q4 2024</span>
<span style="background:var(--green);color:white;font-size:0.65rem;padding:3px 8px;border-radius:100px;font-weight:600">Live</span>
</div>
<div class="table-mockup">
<div class="t-header"><span>Entity Pair</span><span>Receivable</span><span>Payable</span><span>Delta</span></div>
<div class="t-row"><span>DEβFR</span><span>β¬482k</span><span>β¬482k</span><span class="green">β 0</span></div>
<div class="t-row"><span>FRβUK</span><span>β¬215k</span><span>β¬213k</span><span class="red">β β¬2k</span></div>
<div class="t-row"><span>UKβNL</span><span>β¬891k</span><span>β¬891k</span><span class="green">β 0</span></div>
<div class="t-row"><span>NLβDE</span><span>β¬340k</span><span>β¬340k</span><span class="green">β 0</span></div>
</div>
<div style="margin-top:14px;display:flex;gap:10px">
<div class="metric"><div class="mv" style="color:var(--green)">97.8%</div><div class="ml">Match Rate</div></div>
<div class="metric"><div class="mv" style="color:var(--accent)">1</div><div class="ml">Open Issue</div></div>
<div class="metric"><div class="mv">4</div><div class="ml">Entities</div></div>
</div>
</div>
</div>
</div>
</div>
<!-- SPLIT β REPORTING -->
<div class="section-wrap tight" style="background:var(--sky-light);border-radius:28px;margin:0 48px 80px;padding:60px;">
<div class="product-split reverse">
<div>
<span class="section-tag">Reporting</span>
<h2 class="section-title">Financial clarity,<br>always on.</h2>
<p class="section-sub">Access consolidated P&L, balance sheet and cash flows at any moment β not just when the month-end process is finally done.</p>
<ul style="list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;">
<li style="display:flex;gap:10px;font-size:0.9rem;color:var(--ink-muted)"><span style="color:var(--green);font-weight:700">β</span> Consolidated group financials in real time</li>
<li style="display:flex;gap:10px;font-size:0.9rem;color:var(--ink-muted)"><span style="color:var(--green);font-weight:700">β</span> Entity-level drill-down and variance analysis</li>
<li style="display:flex;gap:10px;font-size:0.9rem;color:var(--ink-muted)"><span style="color:var(--green);font-weight:700">β</span> Export to Excel, PDF or direct ERP push</li>
<li style="display:flex;gap:10px;font-size:0.9rem;color:var(--ink-muted)"><span style="color:var(--green);font-weight:700">β</span> Configurable KPI dashboards per stakeholder</li>
</ul>
<a href="demo.html" class="btn-primary">View a sample report β</a>
</div>
<div class="mockup-card">
<div class="mockup-bar">
<div class="dot" style="background:#FF5F57"></div>
<div class="dot" style="background:#FFBD2E"></div>
<div class="dot" style="background:#28C840"></div>
<span style="color:rgba(255,255,255,0.4);font-size:0.75rem;margin-left:8px">Group P&L β Live</span>
</div>
<div class="mockup-body">
<div class="mini-chart">
<div class="mbar" style="height:55%;background:var(--purple-xlight)"></div>
<div class="mbar" style="height:62%;background:var(--purple-light)"></div>
<div class="mbar" style="height:70%;background:var(--purple)"></div>
<div class="mbar" style="height:65%;background:var(--purple-light)"></div>
<div class="mbar" style="height:78%;background:var(--purple)"></div>
<div class="mbar" style="height:85%;background:var(--accent)"></div>
<div class="mbar" style="height:92%;background:var(--green)"></div>
</div>
<div class="metric-row">
<div class="metric"><div class="mv">β¬12.4M</div><div class="ml">Group Revenue</div></div>
<div class="metric"><div class="mv" style="color:var(--green)">β¬3.1M</div><div class="ml">EBITDA</div></div>
</div>
<div class="metric-row" style="margin-top:10px">
<div class="metric"><div class="mv" style="color:var(--accent)">25.1%</div><div class="ml">EBITDA Margin</div></div>
<div class="metric"><div class="mv" style="color:var(--green)">β 4.2%</div><div class="ml">vs Prior Year</div></div>
</div>
</div>
</div>
</div>
</div>
<!-- INTEGRATIONS -->
<div class="section-wrap" style="text-align:center">
<span class="section-tag">Integrations</span>
<h2 class="section-title">Works with your<br>existing stack.</h2>
<p class="section-sub" style="margin:0 auto 40px">Konvalo connects to the tools your finance team already uses. No rip-and-replace required.</p>
<div class="integrations-row" style="justify-content:center">
<div class="integ-chip"><span>π΅</span> SAP</div>
<div class="integ-chip"><span>π</span> Microsoft Excel</div>
<div class="integ-chip"><span>π¦</span> Microsoft Dynamics</div>
<div class="integ-chip"><span>π’</span> Sage</div>
<div class="integ-chip"><span>π </span> Oracle NetSuite</div>
<div class="integ-chip"><span>π</span> Open API</div>
<div class="integ-chip"><span>π</span> CSV / XBRL Import</div>
</div>
</div>
<!-- CTA -->
<div class="cta-wrap">
<div class="cta-box">
<h2>See Konvalo in action.</h2>
<p>Request a personalized demo and discover how Konvalo can transform your month-end close.</p>
<a href="contact.html" class="btn-white">Request a Demo β</a>
</div>
</div>
<footer>
<div class="footer-top">
<div class="footer-brand"><a href="index.html" class="f-logo">konvalo</a><p>Continuous consolidation for modern companies.</p></div>
<div class="footer-col"><h5>Product</h5><ul><li><a href="product.html">Overview</a></li><li><a href="howitworks.html">How it works</a></li><li><a href="usecases.html">Use cases</a></li><li><a href="demo.html">Demo</a></li></ul></div>
<div class="footer-col"><h5>Company</h5><ul><li><a href="contact.html">Contact</a></li><li><a href="legal.html">Legal notice</a></li></ul></div>
<div class="footer-col"><h5>Get started</h5><ul><li><a href="contact.html">Request Demo</a></li></ul></div>
</div>
<div class="footer-bottom"><span>Β© 2025 Konvalo. All rights reserved.</span><span class="footer-powered">Powered by <a href="#">STRAT</a></span></div>
</footer>
</body>
</html>