| Current Path : /var/www/html/ |
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/index.html~ |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Konvalo — Continuous Consolidation</title>
<link rel="stylesheet" href="shared.css">
<style>
/* ===== HOME-SPECIFIC ===== */
.hero {
min-height: 100vh;
background: linear-gradient(160deg, #daeef9 0%, #e8f4fb 40%, #f0f4ff 100%);
display: flex; flex-direction: column; align-items: center; justify-content: center;
padding: calc(var(--nav-h) + 60px) 48px 60px;
position: relative; overflow: hidden;
}
.hero::before {
content: '';
position: absolute; inset: 0;
background:
radial-gradient(ellipse 60% 50% at 70% 30%, rgba(91,63,166,0.08) 0%, transparent 70%),
radial-gradient(ellipse 40% 40% at 20% 70%, rgba(62,207,168,0.07) 0%, transparent 70%);
}
.hero-inner {
position: relative; z-index: 2;
display: grid; grid-template-columns: 1fr 1fr;
gap: 80px; align-items: center;
max-width: 1100px; width: 100%;
}
.hero-text h1 {
font-family: 'Syne', sans-serif;
font-size: clamp(2.4rem, 4vw, 3.7rem);
font-weight: 800; line-height: 1.08;
color: var(--purple-dark); letter-spacing: -0.03em;
margin-bottom: 20px;
}
.hero-text h1 span { color: var(--purple-light); }
.hero-text p {
font-size: 1.05rem; color: var(--ink-muted);
line-height: 1.7; font-weight: 300;
max-width: 420px; margin-bottom: 36px;
}
.hero-buttons { display: flex; gap: 14px; flex-wrap: wrap; }
/* Diagram card */
.diagram-card {
background: white; border-radius: 28px;
padding: 36px 28px;
box-shadow: 0 24px 80px rgba(91,63,166,0.15), 0 4px 16px rgba(0,0,0,0.05);
display: flex; align-items: center; gap: 4px;
}
.flow-sources { display: flex; flex-direction: column; gap: 14px; }
.source-chip {
display: flex; align-items: center; gap: 10px;
background: var(--sky-light); border: 1.5px solid var(--sky);
border-radius: 14px; padding: 10px 16px;
font-size: 0.85rem; font-weight: 500; color: var(--ink); white-space: nowrap;
}
.s-icon {
width: 30px; height: 30px; border-radius: 8px;
display: flex; align-items: center; justify-content: center; font-size: 0.85rem;
}
.sap { background:#1672C8; color:white; font-weight:800; font-size:0.65rem; }
.xl { background:#1D6F42; color:white; }
.oth { background:#ddd; color:#555; }
.flow-arrows { display:flex;flex-direction:column;gap:14px;padding:0 10px;align-items:center;justify-content:center; }
.arr { width:40px;height:2px;background:linear-gradient(to right,var(--purple-light),var(--purple));position:relative; }
.arr::after { content:'›';position:absolute;right:-5px;top:-9px;color:var(--purple);font-size:1.1rem; }
.konvalo-node {
background: linear-gradient(135deg,var(--purple),var(--purple-light));
color: white; border-radius: 16px; padding: 18px 20px; text-align: center;
box-shadow: 0 8px 30px rgba(91,63,166,0.3);
}
.konvalo-node .kn { font-family:'Syne',sans-serif; font-weight:800; font-size:1.05rem; }
.konvalo-node .ks { font-size:0.68rem; opacity:0.75; margin-top:2px; }
.arr-right { width:44px;height:2px;background:linear-gradient(to right,var(--purple),var(--green));margin:0 10px;align-self:center;position:relative; }
.arr-right::after { content:'›';position:absolute;right:-5px;top:-9px;color:var(--green);font-size:1.1rem; }
.output-node { background:var(--ink); border-radius:16px; padding:16px 18px; width:120px; }
.chart-bars { display:flex;align-items:flex-end;gap:4px;height:48px;margin-bottom:8px; }
.bar { flex:1;border-radius:3px 3px 0 0; }
.chart-lbl { font-size:0.6rem;color:rgba(255,255,255,0.4);margin-bottom:3px; }
.chart-val { font-family:'Syne',sans-serif;font-size:0.95rem;font-weight:700;color:white; }
/* Problem */
.problem-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.pcard {
background:#FBF9FF; border:1.5px solid #EBE5FF; border-radius:var(--radius);
padding:28px 24px; transition:transform 0.2s,box-shadow 0.2s;
}
.pcard:hover { transform:translateY(-4px);box-shadow:0 12px 40px rgba(91,63,166,0.1); }
.pcard-icon { width:44px;height:44px;background:var(--purple);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:16px; }
.pcard h3 { font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;margin-bottom:8px; }
.pcard p { font-size:0.88rem;color:var(--ink-muted);line-height:1.6; }
/* Solution */
.solution-section {
background:linear-gradient(135deg,var(--purple-dark) 0%,var(--purple) 60%,#8057D4 100%);
padding:100px 48px; color:white;
}
.sol-inner { max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center; }
.solution-section .section-tag { background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.9); }
.solution-section .section-title { color:white; }
.solution-section .section-sub { color:rgba(255,255,255,0.7); }
.feat-list { display:flex;flex-direction:column;gap:14px; }
.feat {
display:flex;align-items:flex-start;gap:16px;
background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.12);
border-radius:16px; padding:18px 20px; transition:background 0.2s;
}
.feat:hover { background:rgba(255,255,255,0.13); }
.feat-dot { width:32px;height:32px;flex-shrink:0;background:var(--green);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:0.9rem; }
.feat h4 { font-family:'Syne',sans-serif;font-size:0.93rem;font-weight:700;color:white;margin-bottom:3px; }
.feat p { font-size:0.82rem;color:rgba(255,255,255,0.6);line-height:1.5; }
/* How it works strip */
.steps-strip { display:grid;grid-template-columns:repeat(4,1fr);position:relative; }
.steps-strip::before { content:'';position:absolute;top:27px;left:12%;right:12%;height:2px;background:linear-gradient(to right,var(--purple-light),var(--green));z-index:0; }
.step { text-align:center;padding:0 16px;position:relative;z-index:1; }
.step-n {
width:54px;height:54px;background:white;border:2.5px solid var(--purple-light);border-radius:50%;
display:flex;align-items:center;justify-content:center;
font-family:'Syne',sans-serif;font-weight:800;font-size:1.1rem;color:var(--purple);
margin:0 auto 18px;
}
.step:last-child .step-n { border-color:var(--green);color:var(--green); }
.step h4 { font-family:'Syne',sans-serif;font-weight:700;font-size:0.93rem;margin-bottom:6px; }
.step p { font-size:0.82rem;color:var(--ink-muted);line-height:1.5; }
/* Use cases */
.uc-bg { background:var(--sky-light); }
.uc-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:20px; }
.uc-card {
background:white; border-radius:var(--radius); padding:30px 26px;
border:1.5px solid rgba(91,63,166,0.1);
display:flex;gap:18px;align-items:flex-start;
transition:box-shadow 0.2s,transform 0.2s;
}
.uc-card:hover { box-shadow:0 8px 30px rgba(91,63,166,0.1);transform:translateY(-2px); }
.uc-icon { width:46px;height:46px;flex-shrink:0;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem; }
.uc-card h3 { font-family:'Syne',sans-serif;font-weight:700;font-size:0.97rem;margin-bottom:6px; }
.uc-card p { font-size:0.87rem;color:var(--ink-muted);line-height:1.6; }
/* CTA box */
.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){
.hero-inner { grid-template-columns:1fr;gap:40px; }
.problem-grid { grid-template-columns:1fr 1fr; }
.sol-inner { grid-template-columns:1fr; }
.steps-strip { grid-template-columns:1fr 1fr; }
.steps-strip::before { display:none; }
.uc-grid { grid-template-columns:1fr; }
.cta-wrap { padding:60px 24px; }
.solution-section { 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" class="active">Home</a></li>
<li><a href="product.html">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>
<!-- HERO -->
<section class="hero">
<div class="cloud c1"></div><div class="cloud c2"></div>
<div class="cloud c3"></div><div class="cloud c4"></div><div class="cloud c5"></div>
<div class="hero-inner">
<div class="hero-text fadeup">
<h1>Continuous<br><span>Consolidation.</span><br>At your fingertips.</h1>
<p>Accounting and consolidation for modern companies. Konvalo connects your company ledgers and reconciles financial data in real time — no more spreadsheets, no more weeks of closing.</p>
<div class="hero-buttons">
<a href="contact.html" class="btn-primary">Request Demo →</a>
<a href="howitworks.html" class="btn-ghost">Learn more</a>
</div>
</div>
<div class="fadeup-1">
<div class="diagram-card">
<div class="flow-sources">
<div class="source-chip"><div class="s-icon sap">SAP</div>SAP</div>
<div class="source-chip"><div class="s-icon xl">📗</div>Excel</div>
<div class="source-chip"><div class="s-icon oth">⚙️</div>Other</div>
</div>
<div class="flow-arrows">
<div class="arr"></div><div class="arr"></div><div class="arr"></div>
</div>
<div class="konvalo-node">
<div class="kn">konvalo</div>
<div class="ks">Consolidation Engine</div>
</div>
<div class="arr-right"></div>
<div class="output-node">
<div class="chart-lbl">Real-time</div>
<div class="chart-bars">
<div class="bar" style="height:55%;background:var(--green)"></div>
<div class="bar" style="height:60%;background:var(--accent)"></div>
<div class="bar" style="height:80%;background:var(--purple-light)"></div>
<div class="bar" style="height:100%;background:var(--green)"></div>
<div class="bar" style="height:70%;background:var(--accent)"></div>
</div>
<div class="chart-val">+24.3%</div>
</div>
</div>
</div>
</div>
</section>
<!-- STATS -->
<div class="stats-band">
<div class="stat"><div class="stat-number">90%</div><div class="stat-label">Faster month-end close</div></div>
<div class="stat"><div class="stat-number">100%</div><div class="stat-label">Automated reconciliation</div></div>
<div class="stat"><div class="stat-number">Real-time</div><div class="stat-label">Financial visibility</div></div>
<div class="stat"><div class="stat-number">0</div><div class="stat-label">Spreadsheets needed</div></div>
</div>
<!-- PROBLEM -->
<div class="section-wrap">
<span class="section-tag">The Challenge</span>
<h2 class="section-title">Financial data<br>is fragmented.</h2>
<p class="section-sub">Companies operate multiple accounting systems across legal entities. The result? Manual work, slow processes, and a delayed view of your finances.</p>
<div class="problem-grid">
<div class="pcard"><div class="pcard-icon">🏗️</div><h3>Siloed Systems</h3><p>Multiple ERP and accounting tools across legal entities with no central source of truth.</p></div>
<div class="pcard"><div class="pcard-icon">⏳</div><h3>Slow Closing</h3><p>Month-end closing drags on for weeks due to manual consolidation processes.</p></div>
<div class="pcard"><div class="pcard-icon">📊</div><h3>Spreadsheet Hell</h3><p>Intercompany reconciliation is spreadsheet-driven, error-prone and impossible to audit.</p></div>
</div>
</div>
<!-- SOLUTION -->
<section class="solution-section">
<div class="sol-inner">
<div>
<span class="section-tag">The Solution</span>
<h2 class="section-title">Continuous<br>consolidation.</h2>
<p class="section-sub">Konvalo connects your company ledgers and continuously reconciles financial data across all entities — automatically.</p>
<a href="demo.html" class="btn-accent">See it in action →</a>
</div>
<div class="feat-list">
<div class="feat"><div class="feat-dot">🔄</div><div><h4>Automated Reconciliation</h4><p>All intercompany transactions matched and reconciled automatically, in real time.</p></div></div>
<div class="feat"><div class="feat-dot">📈</div><div><h4>Continuous Consolidation</h4><p>Always-up-to-date consolidated statements across all legal entities.</p></div></div>
<div class="feat"><div class="feat-dot">🌍</div><div><h4>Multi-currency Support</h4><p>Handles FX conversions automatically across currencies and jurisdictions.</p></div></div>
<div class="feat"><div class="feat-dot">⚡</div><div><h4>Real-time Reporting</h4><p>Instant financial visibility — balance sheets, P&L and cash flows always current.</p></div></div>
</div>
</div>
</section>
<!-- HOW IT WORKS PREVIEW -->
<div class="section-wrap" style="text-align:center">
<span class="section-tag">How it works</span>
<h2 class="section-title">From data chaos to clarity<br>in 4 steps.</h2>
<p class="section-sub" style="margin:0 auto 52px">Konvalo plugs into your existing systems and delivers consolidated financial data continuously — no big migration needed.</p>
<div class="steps-strip">
<div class="step"><div class="step-n">1</div><h4>Connect</h4><p>Plug in your existing accounting systems: SAP, Excel, or any ERP via API.</p></div>
<div class="step"><div class="step-n">2</div><h4>Map</h4><p>Define your entity structure, chart of accounts and intercompany rules.</p></div>
<div class="step"><div class="step-n">3</div><h4>Reconcile</h4><p>Konvalo matches and reconciles intercompany transactions automatically, 24/7.</p></div>
<div class="step"><div class="step-n">4</div><h4>Report</h4><p>Access real-time consolidated financials and audit-ready reports.</p></div>
</div>
<div style="margin-top:48px"><a href="howitworks.html" class="btn-ghost">Explore how it works →</a></div>
</div>
<!-- USE CASES PREVIEW -->
<div class="uc-bg">
<div class="section-wrap">
<span class="section-tag">Use Cases</span>
<h2 class="section-title">Built for modern<br>finance teams.</h2>
<p class="section-sub">Whether you're a fast-growing startup or a multinational group, Konvalo scales with your complexity.</p>
<div class="uc-grid">
<div class="uc-card"><div class="uc-icon" style="background:#EEE9FF">🏢</div><div><h3>Group Finance</h3><p>Consolidate financials across subsidiaries instantly. Deliver group reports in hours, not weeks.</p></div></div>
<div class="uc-card"><div class="uc-icon" style="background:#E6FFF8">🌐</div><div><h3>International Groups</h3><p>Manage multi-currency consolidations across jurisdictions with automated FX conversion.</p></div></div>
<div class="uc-card"><div class="uc-icon" style="background:#FFF8E6">📋</div><div><h3>Intercompany Reconciliation</h3><p>Automatically match and eliminate intercompany balances. Identify discrepancies early.</p></div></div>
<div class="uc-card"><div class="uc-icon" style="background:#E6F0FF">🔍</div><div><h3>Audit & Compliance</h3><p>Full audit trail of every transaction. Be audit-ready at any point in time.</p></div></div>
</div>
<div style="margin-top:40px;text-align:center"><a href="usecases.html" class="btn-ghost">See all use cases →</a></div>
</div>
</div>
<!-- CTA -->
<div class="cta-wrap">
<div class="cta-box">
<h2>Start using Konvalo.</h2>
<p>Join modern finance teams who've replaced spreadsheet chaos with continuous, automated consolidation.</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>