| Current Path : /var/www/html/sites/konvalo/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/sites/konvalo/html/howitworks.html |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>How it works — Konvalo</title>
<link rel="stylesheet" href="shared.css">
<style>
/* === TIMELINE STEPS === */
.timeline { display:flex;flex-direction:column;gap:0;max-width:900px;margin:0 auto; }
.tl-step {
display:grid;grid-template-columns:80px 1fr;gap:0;
position:relative;
}
.tl-left { display:flex;flex-direction:column;align-items:center; }
.tl-circle {
width:56px;height:56px;border-radius:50%;
background:white;border:2.5px solid var(--purple-light);
display:flex;align-items:center;justify-content:center;
font-family:'Syne',sans-serif;font-weight:800;font-size:1.15rem;color:var(--purple);
flex-shrink:0;position:relative;z-index:2;
transition:background 0.2s,border-color 0.2s;
}
.tl-step:hover .tl-circle { background:var(--purple);border-color:var(--purple);color:white; }
.tl-line { width:2px;flex:1;background:linear-gradient(to bottom,var(--purple-light),rgba(91,63,166,0.1));margin-top:0; }
.tl-step:last-child .tl-line { display:none; }
.tl-content {
background:#FBF9FF;border:1.5px solid #EBE5FF;border-radius:var(--radius);
padding:32px 28px;margin:0 0 28px 28px;
transition:box-shadow 0.2s,transform 0.2s;
}
.tl-step:hover .tl-content { box-shadow:0 8px 30px rgba(91,63,166,0.1);transform:translateX(4px); }
.tl-content .step-label { font-size:0.75rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--purple-light);margin-bottom:8px; }
.tl-content h3 { font-family:'Syne',sans-serif;font-weight:800;font-size:1.2rem;margin-bottom:10px; }
.tl-content p { font-size:0.92rem;color:var(--ink-muted);line-height:1.65;margin-bottom:16px; }
.tl-content .detail-list { list-style:none;display:flex;flex-direction:column;gap:8px; }
.tl-content .detail-list li { font-size:0.87rem;color:var(--ink-muted);display:flex;align-items:flex-start;gap:8px; }
.tl-content .detail-list li::before { content:'→';color:var(--purple-light);flex-shrink:0;margin-top:1px; }
/* === TECH SECTION === */
.tech-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.tech-card { background:white;border:1.5px solid #EBE5FF;border-radius:var(--radius);padding:28px 24px;text-align:center; }
.tech-card .ti { font-size:2rem;margin-bottom:12px; }
.tech-card h4 { font-family:'Syne',sans-serif;font-weight:700;font-size:0.95rem;margin-bottom:8px; }
.tech-card p { font-size:0.85rem;color:var(--ink-muted);line-height:1.55; }
/* === TIMELINE VISUAL === */
.flow-visual {
background:var(--purple-dark);border-radius:24px;padding:40px;
max-width:780px;margin:0 auto 80px;
}
.flow-row { display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:nowrap; }
.flow-node {
background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);
border-radius:14px;padding:16px 20px;text-align:center;min-width:120px;
}
.flow-node .fn { font-family:'Syne',sans-serif;font-weight:700;font-size:0.9rem;color:white; }
.flow-node .fs { font-size:0.7rem;color:rgba(255,255,255,0.5);margin-top:3px; }
.flow-node.highlight { background:linear-gradient(135deg,var(--purple-light),var(--purple));border-color:transparent;box-shadow:0 8px 24px rgba(91,63,166,0.4); }
.flow-node.output { background:rgba(62,207,168,0.15);border-color:rgba(62,207,168,0.3); }
.flow-node.output .fn { color:var(--green); }
.flow-connector { display:flex;flex-direction:column;align-items:center;padding:0 8px; }
.fc-line { width:32px;height:2px;background:rgba(255,255,255,0.2); }
.fc-arr { color:rgba(255,255,255,0.3);font-size:1.1rem; }
/* === FAQ === */
.faq-list { display:flex;flex-direction:column;gap:12px;max-width:740px;margin:0 auto; }
.faq-item { background:#FBF9FF;border:1.5px solid #EBE5FF;border-radius:16px;overflow:hidden; }
.faq-q {
padding:20px 24px;font-family:'Syne',sans-serif;font-weight:700;font-size:0.97rem;
cursor:pointer;display:flex;justify-content:space-between;align-items:center;
user-select:none;
}
.faq-q::after { content:'＋';font-size:1.2rem;color:var(--purple-light);transition:transform 0.2s; }
.faq-item.open .faq-q::after { transform:rotate(45deg); }
.faq-a { display:none;padding:0 24px 20px;font-size:0.9rem;color:var(--ink-muted);line-height:1.65; }
.faq-item.open .faq-a { display:block; }
.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){
.tl-step { grid-template-columns:48px 1fr; }
.tl-circle { width:44px;height:44px;font-size:0.95rem; }
.tech-grid { grid-template-columns:1fr 1fr; }
.flow-row { flex-wrap:wrap;gap:12px; justify-content:center; }
.flow-node { min-width:90px; }
.cta-wrap { padding:60px 24px; }
.flow-visual { padding:28px 20px; }
}
@media(max-width:600px){
.tl-step { grid-template-columns:40px 1fr; }
.tl-content { padding:20px 18px; margin-left:16px; }
.tech-grid { grid-template-columns:1fr; }
.faq-q { font-size:0.9rem; padding:16px 18px; }
.faq-a { padding:0 18px 16px; }
.cta-box { padding:40px 20px; }
}
</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">Product</a></li>
<li><a href="howitworks.html" class="active">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>
<!-- Hamburger -->
<button class="hamburger" aria-label="Toggle menu">
<span></span><span></span><span></span>
</button>
</nav>
<!-- Mobile drawer -->
<div class="nav-overlay"></div>
<div class="mobile-menu">
<a href="index.html" >Home</a>
<a href="product.html" >Product</a>
<a href="howitworks.html" class="active">How it works</a>
<a href="usecases.html" >Use cases</a>
<a href="demo.html" >Demo</a>
<a href="contact.html" class="mob-cta">Request Demo →</a>
</div>
<section class="page-hero">
<div class="cloud c1"></div><div class="cloud c3"></div><div class="cloud c5"></div>
<div class="page-hero-inner">
<span class="section-tag fadeup">How it works</span>
<h1 class="fadeup-1">From siloed data<br>to consolidated clarity.</h1>
<p class="fadeup-2">Konvalo connects to your existing accounting systems and does the heavy lifting — automatically, continuously, and in real time.</p>
</div>
</section>
<!-- FLOW VISUAL -->
<div class="section-wrap" style="text-align:center">
<div class="flow-visual">
<div style="color:rgba(255,255,255,0.5);font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:28px">Data flow overview</div>
<div class="flow-row">
<div class="flow-node"><div class="fn">SAP</div><div class="fs">ERP</div></div>
<div class="flow-connector"><div class="fc-line"></div><div class="fc-arr">›</div></div>
<div class="flow-node"><div class="fn">Excel</div><div class="fs">Sheets</div></div>
<div class="flow-connector"><div class="fc-line"></div><div class="fc-arr">›</div></div>
<div class="flow-node"><div class="fn">Other ERPs</div><div class="fs">API / CSV</div></div>
<div class="flow-connector" style="padding:0 14px"><div class="fc-line" style="width:40px"></div><div class="fc-arr" style="font-size:1.4rem">›</div></div>
<div class="flow-node highlight"><div class="fn">konvalo</div><div class="fs">Engine</div></div>
<div class="flow-connector" style="padding:0 14px"><div class="fc-line" style="width:40px"></div><div class="fc-arr" style="font-size:1.4rem">›</div></div>
<div class="flow-node output"><div class="fn">Reports</div><div class="fs">Real-time</div></div>
</div>
</div>
<!-- TIMELINE -->
<div class="timeline">
<div class="tl-step">
<div class="tl-left"><div class="tl-circle">1</div><div class="tl-line"></div></div>
<div class="tl-content">
<div class="step-label">Step 1 — Setup</div>
<h3>Connect your accounting systems</h3>
<p>Konvalo provides native connectors for the most common ERP and accounting systems. Setup takes minutes, not months — no custom development required.</p>
<ul class="detail-list">
<li>Native SAP connector with real-time sync</li>
<li>Excel and CSV import for legacy data</li>
<li>Open REST API for any other system</li>
<li>Support for XBRL and iXBRL formats</li>
</ul>
</div>
</div>
<div class="tl-step">
<div class="tl-left"><div class="tl-circle">2</div><div class="tl-line"></div></div>
<div class="tl-content">
<div class="step-label">Step 2 — Configuration</div>
<h3>Map your group structure</h3>
<p>Define your legal entity hierarchy, chart of accounts mappings, intercompany relationships and consolidation rules — all through a no-code configuration interface.</p>
<ul class="detail-list">
<li>Drag-and-drop entity hierarchy builder</li>
<li>Chart of accounts standardization and mapping</li>
<li>Intercompany transaction rules per entity pair</li>
<li>Currency and exchange rate configuration</li>
</ul>
</div>
</div>
<div class="tl-step">
<div class="tl-left"><div class="tl-circle">3</div><div class="tl-line"></div></div>
<div class="tl-content">
<div class="step-label">Step 3 — Automation</div>
<h3>Reconcile continuously</h3>
<p>Once connected and configured, Konvalo runs continuously in the background — matching intercompany transactions, eliminating balances, and flagging discrepancies the moment they arise.</p>
<ul class="detail-list">
<li>24/7 automated intercompany matching</li>
<li>Instant discrepancy alerts with root-cause detail</li>
<li>Automated journal entries for eliminations</li>
<li>Full audit trail of every automated action</li>
</ul>
</div>
</div>
<div class="tl-step">
<div class="tl-left"><div class="tl-circle" style="border-color:var(--green);color:var(--green)">4</div></div>
<div class="tl-content">
<div class="step-label">Step 4 — Reporting</div>
<h3>Report in real time</h3>
<p>Access consolidated financial statements, entity-level drill-downs and custom dashboards at any point in time. No batch jobs, no waiting, no month-end scramble.</p>
<ul class="detail-list">
<li>Consolidated P&L, balance sheet and cash flow</li>
<li>Variance analysis vs budget and prior periods</li>
<li>Export to Excel, PDF or direct API push</li>
<li>Scheduled report distribution to stakeholders</li>
</ul>
</div>
</div>
</div>
</div>
<!-- TECH SECTION -->
<div style="background:var(--sky-light);padding:80px 48px;">
<div style="max-width:1100px;margin:0 auto;">
<span class="section-tag">Technology</span>
<h2 class="section-title">Enterprise-grade.<br>Cloud-native.</h2>
<p class="section-sub">Konvalo is built on modern cloud infrastructure — secure, scalable and always available.</p>
<div class="tech-grid">
<div class="tech-card"><div class="ti">☁️</div><h4>Cloud-native</h4><p>Hosted on enterprise-grade cloud infrastructure with 99.9% uptime SLA and global redundancy.</p></div>
<div class="tech-card"><div class="ti">🔒</div><h4>Bank-grade Security</h4><p>SOC2-compliant, encrypted at rest and in transit, with role-based access controls and SSO support.</p></div>
<div class="tech-card"><div class="ti">⚡</div><h4>Real-time Processing</h4><p>Event-driven architecture processes transactions as they happen — no nightly batch jobs needed.</p></div>
<div class="tech-card"><div class="ti">📡</div><h4>Open API</h4><p>Full REST API for integration with any system, BI tool or custom reporting layer.</p></div>
<div class="tech-card"><div class="ti">📊</div><h4>Scalable</h4><p>Handles thousands of entities and millions of transactions without performance degradation.</p></div>
<div class="tech-card"><div class="ti">🛡️</div><h4>Audit-ready</h4><p>Immutable audit log of every transaction and change — meet any regulatory requirement.</p></div>
</div>
</div>
</div>
<!-- FAQ -->
<div class="section-wrap" style="text-align:center">
<span class="section-tag">FAQ</span>
<h2 class="section-title">Common questions.</h2>
<p class="section-sub" style="margin:0 auto 48px">Everything you need to know before getting started with Konvalo.</p>
<div class="faq-list" style="text-align:left">
<div class="faq-item open">
<div class="faq-q" onclick="this.parentElement.classList.toggle('open')">How long does implementation take?</div>
<div class="faq-a">Most customers are up and running within 2–4 weeks. Our onboarding team guides you through the setup, mapping and testing process. For larger groups with complex entity structures, implementation can take 6–8 weeks.</div>
</div>
<div class="faq-item">
<div class="faq-q" onclick="this.parentElement.classList.toggle('open')">Do I need to replace my existing ERP?</div>
<div class="faq-a">No. Konvalo connects to your existing accounting systems. We don't replace your ERP — we sit on top of it and pull data continuously. Your existing workflows stay intact.</div>
</div>
<div class="faq-item">
<div class="faq-q" onclick="this.parentElement.classList.toggle('open')">Which accounting standards does Konvalo support?</div>
<div class="faq-a">Konvalo supports IFRS, US GAAP, HGB and other local GAAP standards. Multi-GAAP reporting is available for groups that need to report under multiple standards simultaneously.</div>
</div>
<div class="faq-item">
<div class="faq-q" onclick="this.parentElement.classList.toggle('open')">How is data security handled?</div>
<div class="faq-a">Konvalo is SOC2 Type II certified. All data is encrypted at rest (AES-256) and in transit (TLS 1.3). We support SSO, MFA and granular role-based access controls. Data residency options are available for EU-based customers.</div>
</div>
<div class="faq-item">
<div class="faq-q" onclick="this.parentElement.classList.toggle('open')">What currencies and exchange rates are supported?</div>
<div class="faq-a">Konvalo supports all ISO 4217 currencies. Exchange rates can be sourced automatically from market feeds or configured manually. Historical rates, average rates and closing rates are all supported.</div>
</div>
</div>
</div>
<!-- CTA -->
<div class="cta-wrap">
<div class="cta-box">
<h2>See it for yourself.</h2>
<p>Request a live walkthrough and see exactly how Konvalo would work for your group structure.</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>
<script src="nav.js"></script>
</body>
</html>