:root{--ink:#173733;--muted:#5f706c;--paper:#f8f6ef;--line:#dedfd4;--orange:#e66c43;--green:#3e8e75}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1260px,calc(100% - 64px));margin:auto}.skip-link{position:absolute;left:-9999px;top:8px;z-index:10;padding:10px;background:#fff}.skip-link:focus{left:8px}.site-header{height:78px;border-bottom:1px solid var(--line);background:#f9f8f3}.header-inner,.header-actions,.header-nav,.brand{display:flex;align-items:center}.header-inner{height:100%;justify-content:space-between;gap:32px}.brand{gap:10px;flex:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--orange);border-radius:10px;color:#fff;font:800 21px Manrope}.brand-word{font:800 29px Manrope;letter-spacing:-.08em}.brand-dot{color:var(--orange)}.header-nav{gap:38px;margin-left:auto;font-size:13px;font-weight:700}.header-nav a:hover,.text-link:hover{color:var(--orange)}.header-actions{gap:16px}.language-button{border:1px solid var(--line);border-radius:6px;background:transparent;padding:9px 10px;color:var(--ink);font-size:12px;font-weight:800;cursor:pointer}.header-demo{background:var(--ink);color:#fff;border-radius:5px;padding:13px 21px;font-size:12px;font-weight:800}.header-demo:hover,.button-primary:hover{background:#23574e}.hero{min-height:690px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:6%;align-items:center;position:relative;padding-top:50px;padding-bottom:70px}.hero::before{content:"";position:absolute;inset:0 calc((100vw - 100%)/-2);z-index:-1;background-image:linear-gradient(#30544a0b 1px,transparent 1px),linear-gradient(90deg,#30544a0b 1px,transparent 1px);background-size:64px 64px}.eyebrow,.section-label{display:flex;align-items:center;gap:13px;margin:0 0 22px;font:700 11px 'DM Sans';letter-spacing:.18em;color:#315b54}.eyebrow-line{width:20px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.065em}h1{max-width:660px;font-size:clamp(46px,5.1vw,78px);line-height:1.08;font-weight:800;margin-bottom:29px}h1 em,.section h2 em{color:#2a746a;font-style:italic;font-weight:600}.hero-description{max-width:555px;color:var(--muted);font-size:17px;line-height:1.7;margin-bottom:34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:5px;min-height:52px;padding:0 24px;font-size:13px;font-weight:800;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:#fff}.button-outline{border:1px solid var(--ink);background:#fff9}.button-outline:hover{background:#e7eeea}.demo-note{display:flex;align-items:flex-start;gap:12px;color:var(--muted);max-width:470px;font-size:12px;line-height:1.6;margin:22px 0 0}.live-dot{width:8px;height:8px;flex:none;margin-top:5px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px #e66c4324}.hero-art{height:520px;position:relative;display:grid;place-items:center}.art-kicker{position:absolute;top:13px;left:9%;right:10%;display:flex;align-items:center;gap:8px;color:#47665f;font:700 10px 'DM Sans';letter-spacing:.16em}.art-spark{color:var(--orange);font-size:20px}.art-dashes{margin-left:auto;color:#a9b9ad}.dashboard-preview{display:flex;width:85%;height:390px;margin-top:25px;border:1px solid #b5c9bd;border-radius:10px;background:#fff;box-shadow:0 28px 70px #223d3925;overflow:hidden;transform:rotate(-1.5deg)}.preview-sidebar{background:#173733;width:54px;flex:none;padding:13px 15px;display:flex;flex-direction:column;align-items:center;gap:18px}.preview-logo{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:var(--orange);color:#fff;font:800 15px Manrope;margin-bottom:18px}.preview-sidebar>span{display:block;width:16px;height:5px;border-radius:3px;background:#72908a}.preview-sidebar>.preview-side-active{background:#f6f7f1;width:24px}.preview-main{min-width:0;flex:1;padding:20px 26px}.preview-top,.chart-head{display:flex;justify-content:space-between;align-items:center}.preview-mini-label,.chart-head span:last-child{font:800 9px 'DM Sans';letter-spacing:.12em;color:#879894}.preview-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fcebdc;color:#b85934;font-size:8px;font-weight:800}.preview-main h2{font:800 22px Manrope;letter-spacing:-.04em;margin:9px 0 2px}.preview-main>p{font-size:10px;color:#899892}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.preview-stats>div{position:relative;border:1px solid #e5ebe7;border-radius:6px;padding:12px;background:#fcfdfb}.preview-stats small{display:block;color:#87958e;font:800 8px 'DM Sans';letter-spacing:.1em}.preview-stats strong{display:block;color:var(--ink);font:800 22px Manrope;margin-top:3px}.preview-stats i{position:absolute;right:11px;bottom:14px;color:var(--green);font-size:9px;font-style:normal}.preview-chart{height:165px;border:1px solid #e5ebe7;border-radius:6px;padding:13px;background:#fff}.chart-head span:first-child{font-size:9px;font-weight:800}.chart-bars{height:102px;display:flex;align-items:end;justify-content:space-between;gap:5px;border-bottom:1px solid #e5ebe7;padding:11px 2px 0}.chart-bars i{display:block;flex:1;max-width:20px;height:var(--h);background:#d2e3d9;border-radius:3px 3px 0 0}.chart-bars i:nth-child(7),.chart-bars i:nth-child(12){background:#e97651}.chart-bars i:nth-child(6),.chart-bars i:nth-child(8){background:#71aa92}.chart-labels{display:flex;justify-content:space-between;color:#92a49c;font:800 7px 'DM Sans';letter-spacing:.1em;margin-top:8px}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #dce5dc;border-radius:7px;background:#fff;box-shadow:0 15px 35px #233d351a}.floating-card-top{right:-1%;top:103px}.floating-card-bottom{left:-2%;bottom:60px}.floating-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:#e5f1e9;color:#327c65;font-weight:800}.floating-icon.orange{background:#ffede3;color:var(--orange)}.floating-card small,.floating-card strong{display:block}.floating-card small{font-size:8px;color:#8a9d95;letter-spacing:.14em;font-weight:800}.floating-card strong{font-size:11px;margin-top:3px}.trust-strip{background:#eaf0e8;border-top:1px solid #dce5d9;border-bottom:1px solid #dce5d9}.trust-inner{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px}.trust-inner>span{max-width:225px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#5c746c;line-height:1.5}.trust-inner>div{display:flex;align-items:center;gap:10px;font-weight:800;font-size:13px}.trust-inner b{font:800 11px Manrope;color:var(--orange)}.section{padding-top:125px;padding-bottom:120px}.section-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:12%;align-items:end;margin-bottom:40px}.section-intro .section-label{grid-column:1/-1}.section h2,.platform-section h2,.about-section h2,.bottom-cta h2{font-size:clamp(35px,4vw,58px);line-height:1.13;margin-bottom:0}.section-intro>p:last-child{font-size:15px;color:var(--muted);line-height:1.7;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:320px;border:1px solid var(--line);border-radius:6px;background:#fcfbf7;padding:26px;display:flex;flex-direction:column}.feature-index{font:700 11px 'DM Sans';color:#ba765c;letter-spacing:.14em}.feature-icon{display:grid;place-items:center;margin:24px 0 22px;width:49px;height:49px;border:1px solid #dbe6df;border-radius:8px;color:#37836e;font-size:26px}.feature-card h3{font:800 19px Manrope;letter-spacing:-.035em;margin-bottom:12px}.feature-card p{color:var(--muted);font-size:13px;line-height:1.65;margin:0}.platform-section{background:#153b36;color:#fff;padding:100px 0}.platform-inner{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:9%}.platform-section .section-label{color:#bbd5c8}.platform-section h2{max-width:450px}.platform-section p:not(.section-label){color:#c4d7cf;font-size:15px;line-height:1.75;margin:24px 0}.text-link{display:inline-flex;gap:12px;font-size:13px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:7px}.platform-image{background:#f6f8f7;border-radius:8px;padding:15px;box-shadow:0 24px 70px #061c1a54}.platform-image img{display:block;width:100%;height:auto;border-radius:4px}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:14%;padding-top:125px;padding-bottom:125px}.about-section h2{max-width:590px}.about-section>div:last-child{align-self:end}.about-section p:not(.section-label){font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:26px}.bottom-cta{text-align:center;padding:92px 0;background:#e8eee6}.bottom-cta .section-label{justify-content:center}.bottom-cta h2{margin-bottom:15px}.bottom-cta p:not(.section-label){color:var(--muted);font-size:15px;margin-bottom:28px}.button-light{background:var(--ink);color:#fff}.button-light:hover{background:#23574e}.site-footer{background:#f8f6ef;border-top:1px solid var(--line)}.footer-inner{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p{margin:0;color:var(--muted);font-size:11px}.footer-inner>a:last-child{font-size:12px;font-weight:800}
@media(max-width:1000px){.header-nav{gap:16px}.hero{gap:2%}.floating-card-top{right:-2%}.trust-inner>span{display:none}.rating-rule-cards{grid-template-columns:1fr}}
@media(max-width:760px){.shell{width:min(100% - 36px,600px)}.site-header{height:66px}.header-nav{display:none}.header-actions{gap:9px}.header-demo{padding:11px 13px}.brand-word{font-size:24px}.hero{display:block;min-height:0;padding-top:80px;padding-bottom:65px}.hero h1{font-size:clamp(42px,9vw,66px)}.hero-art{height:480px;margin-top:30px}.dashboard-preview{width:88%;height:340px}.preview-main{padding:15px}.floating-card-top{right:0;top:50px}.floating-card-bottom{left:0;bottom:35px}.trust-inner{display:grid;grid-template-columns:1fr 1fr;padding:20px 0;gap:14px}.section{padding:80px 0}.section-intro,.platform-inner,.about-section{display:block}.section-intro>p:last-child{margin-top:20px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.platform-section{padding:75px 0}.platform-image{margin-top:45px}.about-section{padding:75px 0}.about-section>div:last-child{margin-top:25px}}
@media(max-width:430px){.shell{width:calc(100% - 28px)}.header-inner{gap:8px}.header-demo{font-size:10px}.language-button{font-size:10px}.hero{padding-top:56px}.hero h1{font-size:43px}.hero-description{font-size:15px}.hero-actions{display:grid}.hero-art{height:350px}.dashboard-preview{width:100%;height:295px}.preview-sidebar{width:40px;padding:10px}.preview-main{padding:12px}.preview-stats strong{font-size:17px}.preview-chart{height:115px}.chart-bars{height:57px}.floating-card{display:none}.trust-inner>div{font-size:11px}.section h2,.platform-section h2,.about-section h2,.bottom-cta h2{font-size:36px}.footer-inner{flex-wrap:wrap;padding:24px 0}.footer-inner p{order:3;width:100%}}

/* Kotva's own visual language: nautical blue, electric cyan and warm coral. */
:root{--ink:#102b46;--muted:#526476;--paper:#f3f7fa;--line:#d5e0e8;--orange:#ff765b;--green:#159bb2}
body{background:var(--paper)}
.site-header{background:#fff;border-bottom:3px solid #ff765b}
.brand-mark{width:40px;height:40px;border-radius:50% 50% 45% 45%;background:#102b46;box-shadow:inset 0 -5px 0 #ff765b}
.brand-dot{color:#ff765b}
.header-demo{background:#ff765b;color:#102b46;border-radius:999px;padding-inline:24px}
.header-demo:hover{background:#e75e48}
.language-button{border-radius:999px}
.hero{min-height:720px;z-index:0;padding-top:70px;padding-bottom:85px}
.hero::before{inset:auto;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(circle at 76% 35%,#246c87 0%,transparent 35%),linear-gradient(120deg,#0b243d 20%,#173e60 100%)}
.hero::after{content:"";position:absolute;z-index:-1;right:0;top:8%;width:min(35vw,420px);aspect-ratio:1;border:1px solid #ffffff29;border-radius:50%;box-shadow:0 0 0 55px #ffffff09,0 0 0 110px #ffffff07;pointer-events:none}
.hero h1{color:#fff;letter-spacing:-.055em}
.hero h1 em{color:#ff9a7d;font-style:normal;font-weight:800}
.eyebrow{color:#8bd9e6}
.eyebrow-line{background:#ff765b}
.hero-description,.demo-note{color:#d2e3ec}
.button-primary{background:#ff765b;color:#102b46;border-radius:999px}
.button-primary:hover{background:#ff9a7d}
.button-outline{border-color:#a4c2d4;color:#fff;background:#ffffff0d;border-radius:999px}
.button-outline:hover{background:#ffffff27}
.live-dot{background:#70e0c7;box-shadow:0 0 0 4px #70e0c72e}
.art-kicker{color:#b5dce5}
.art-spark{color:#ff9a7d}
.dashboard-preview{transform:rotate(2deg);border:5px solid #ffffffd9;border-radius:18px;box-shadow:0 32px 75px #061a2b90}
.preview-sidebar{background:#102b46}
.preview-logo{background:#ff765b;color:#102b46;border-radius:50%}
.preview-stats>div{background:#f1f7fa;border-color:#e1ebf1}
.preview-stats i{color:#168da4}
.chart-bars i{background:#b5dce6}
.chart-bars i:nth-child(7),.chart-bars i:nth-child(12){background:#ff765b}
.chart-bars i:nth-child(6),.chart-bars i:nth-child(8){background:#35b3c8}
.floating-card{border:1px solid #c4dbe6;border-radius:12px;box-shadow:0 18px 45px #071d3070}
.floating-icon{background:#dcf5f5;color:#168da4}
.floating-icon.orange{background:#ffebe6;color:#d95940}
.trust-strip{background:#fff;border-color:#d5e0e8}
.trust-inner{gap:0}
.trust-inner>div{min-height:95px;flex:1;justify-content:center;border-left:1px solid #d5e0e8}
.trust-inner>span{color:#526476;padding-right:24px}
.trust-inner b{font-size:18px;color:#159bb2}
.section h2 em{font-style:normal;color:#e45f47;text-decoration:underline;text-decoration-color:#ffbaa7;text-underline-offset:7px}
.section-label{color:#168da4}
.feature-grid{gap:18px}
.feature-card{border:0;border-radius:18px;box-shadow:0 15px 45px #153a5312;padding:32px;transition:transform .2s}
.feature-card:hover{transform:translateY(-5px)}
.feature-card:first-child{background:#102b46;color:#fff}
.feature-card:first-child p{color:#c8dbe5}
.feature-card:nth-child(2){background:#e1f3f6}
.feature-card:nth-child(3){background:#ffe9e3}
.feature-index{color:#e76c51}
.feature-icon{border:0;border-radius:14px;background:#ffffffa8;color:#137f98}
.feature-card:first-child .feature-icon{background:#ffffff1f;color:#93e4e8}
.platform-section{background:#e1eff5;color:#102b46}
.platform-section .section-label{color:#137f98}
.platform-section p:not(.section-label){color:#526476}
.platform-image{border:1px solid #c1d6e2;background:#fff;box-shadow:15px 15px 0 #b8dce6}
.about-section{border-top:1px solid #d5e0e8}
.bottom-cta{background:linear-gradient(110deg,#ffded3,#ffefdf)}
.bottom-cta .section-label{color:#ac4938}
.button-light{background:#102b46;border-radius:999px}
.button-light:hover{background:#1d5370}
.site-footer{background:#fff;border-color:#d5e0e8}
@media(max-width:760px){.hero{padding-top:75px}.hero::after{right:4%;top:20%;width:50vw}.trust-inner>div{min-height:64px;justify-content:flex-start;border:0}.platform-image{box-shadow:8px 8px 0 #b8dce6}}
@media(max-width:430px){.hero{padding-top:55px}.hero-art{margin-top:38px}.dashboard-preview{border-width:3px}.trust-inner>div{min-height:48px}.hero::after{top:42%;width:65vw}}

.demo-health{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:9px 13px;border:1px solid #ffffff38;border-radius:999px;background:#ffffff12;color:#e8f5f8;font-size:12px;font-weight:700}
.health-indicator{width:8px;height:8px;flex:none;border-radius:50%;background:#93bfd0;box-shadow:0 0 0 4px #93bfd026}
.demo-health[data-state="ready"] .health-indicator{background:#70e0c7;box-shadow:0 0 0 4px #70e0c72e}
.demo-health[data-state="unavailable"] .health-indicator{background:#ff9a7d;box-shadow:0 0 0 4px #ff9a7d30}
.demo-health[data-state="unavailable"]{border-color:#ff9a7d80;color:#ffcfbf}
.demo-note{margin-top:11px}