@font-face{font-family:Manrope;src:url('Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'DM Serif Display';src:url('DMSerifDisplay.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--ink:#113c40;--paper:#f4f9f9;--yellow:#81e2ea;--muted:#456f73;--line:#d4e4e6}
body{font-family:Manrope,Arial,sans-serif}
h1,h2{font-family:'DM Serif Display',Georgia,serif;letter-spacing:-.045em}
h3{font-weight:650}
header{height:94px;background:#f4f9f9f5}
.brand img{width:181px;height:auto;object-fit:contain}
.announcement{background:#113c40;padding:9px 20px;font-size:11px}
.button{border-radius:100px;padding:17px 26px;font-weight:750;box-shadow:0 5px 12px #113c400a}
.button.small{padding:12px 20px}
.hero{position:relative;padding-top:88px;padding-bottom:90px;min-height:740px;background:radial-gradient(ellipse at 85% 35%,#dbeaec 0,transparent 50%)}
.hero h1{font-size:clamp(54px,5.6vw,86px);line-height:1.05}
.hero h1 em{font-style:normal;color:#4e7d81;position:relative}
.hero .eyebrow{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid #c9ddde;border-radius:30px;background:#e8f2f2;letter-spacing:1.3px;font-size:10px}
.hero .lead{font-size:17px;line-height:1.85;max-width:470px}
.hero-art{min-height:530px}
.orbit{background:#b6e6ea;border-radius:45% 55% 51% 49%;width:480px;height:480px}
.orbit:after{inset:-22px;border:1px solid #9dc5c9;border-radius:45% 55% 51% 49%;transform:rotate(20deg)}
.spark{font-size:95px;right:0;top:5px;color:#1f696f}
.email-preview{width:350px;transform:rotate(-7deg);border:0;border-radius:16px;box-shadow:0 30px 65px #113c4026}
.windowbar{padding:16px;border-color:#dbeaeb;font-size:8px;color:#456f73}
.preview-body{background:#deeced;padding:26px}
.preview-body h2{font-size:42px}
.preview-body img{border-radius:150px 150px 12px 12px;height:222px}
.float-card{bottom:35px;right:-8px;border:1px solid #d8e6e7;border-radius:16px;padding:19px 23px;box-shadow:0 16px 40px #113c4018;transform:rotate(3deg)}
.float-card>span{background:#c4ebef;color:#1f696f}
.creative-tag{position:absolute;top:72px;left:-15px;z-index:4;background:#fff;border:1px solid #d8e6e7;border-radius:12px;padding:12px 17px;transform:rotate(-9deg);box-shadow:0 10px 30px #113c4012;font-size:11px;font-weight:700}
.creative-tag span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#74d2db;margin-right:8px}
.trust-strip{background:#e8f2f3;padding-top:29px;padding-bottom:29px;border:0}
.trust-strip>b{font-size:23px;font-weight:750}
.trust-strip small{font-weight:500;letter-spacing:0;font-size:11px}
.section{padding-top:100px;padding-bottom:100px}
.section-heading{max-width:760px}
.section-heading h2{font-size:clamp(40px,4.3vw,62px)}
.feature-grid{gap:18px}
.feature{border:1px solid #d7e6e7;border-radius:20px;padding:27px 23px;background:#fff;transition:transform .2s,box-shadow .2s}
.feature:hover{transform:translateY(-5px);box-shadow:0 14px 35px #113c400d}
.feature-number{font-family:Manrope,sans-serif;background:#e3eff0;border-radius:16px;font-size:20px;font-weight:700;width:56px;height:56px;display:grid;place-items:center;color:#1f696f;margin-bottom:34px}
.feature:nth-child(2) .feature-number{background:#f6e7d9;color:#8d5839}
.feature:nth-child(3) .feature-number{background:#eee8f6;color:#715291}
.feature:nth-child(4) .feature-number{background:#e1eef0;color:#416d73}
.feature h3{font-size:20px;line-height:1.35;min-height:55px}
.feature p{line-height:1.85;font-size:13px}
.feature a{display:inline-block;margin-top:15px}
.split.green{margin:0 3%;border-radius:30px;padding:75px 5%;background:radial-gradient(ellipse at 0 100%,#1f696f,#113c40 70%)}
.report-demo{border-radius:18px;box-shadow:15px 18px 0 #ffffff0d;padding:30px}
.chart i{background:#7aabaf;border-radius:6px 6px 0 0}
.chart i:last-child{background:#82dfe7}
.solutions{gap:22px}
.solutions article{border:1px solid #d4e4e6;border-radius:20px;padding:30px;background:#e5f0f1}
.solutions article:nth-child(2){background:#f4ebe1}
.solutions article:nth-child(3){background:#eeebf5}
.solutions article>span{font-size:38px;margin-bottom:35px}
.solutions p{font-size:14px;line-height:1.85}
.roadmap{background:#e8f2f3}
.roadmap-cards article{border-radius:20px;background:#f7fafa;border-color:#d4e4e6}
.about img{border-radius:24px}
.resource-art{border-radius:18px}
.plan,.contact form,.calculator{border-radius:20px}
.vat-toggle{font-family:Manrope,Arial,sans-serif;border-radius:30px}
footer{background:#113c40}
footer .brand img{filter:brightness(0) invert(1)}
.footer-top{padding-bottom:36px}
:focus-visible{outline:3px solid #43969d;outline-offset:5px}
@media(min-width:1500px){.split.green{margin-left:max(3%,calc((100vw - 1440px)/2));margin-right:max(3%,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){nav{gap:16px;font-size:12px}.nav-actions{gap:13px;font-size:12px}.brand img{width:155px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-tag{left:0}.hero h1{font-size:62px}}
@media(max-width:800px){header{height:80px}.hero{padding:55px 6% 65px;min-height:0}.hero h1{font-size:64px}.hero-art{margin-top:20px}.split.green{padding:55px 7%;border-radius:24px}.section{padding-top:65px;padding-bottom:65px}.creative-tag{left:5px}.hero .lead{max-width:550px}.solutions{grid-template-columns:1fr}.solutions article>span{margin-bottom:18px}}
@media(max-width:480px){.brand img{width:132px}.nav-actions{gap:9px}.nav-actions .button{padding:9px 12px}.hero h1{font-size:clamp(42px,11.5vw,55px)}.hero .eyebrow{font-size:8px;letter-spacing:.8px}.hero-art{min-height:455px}.orbit{width:320px;height:350px}.email-preview{width:285px}.preview-body h2{font-size:35px}.preview-body img{height:180px}.spark{font-size:72px;right:-5px}.creative-tag{top:48px;font-size:9px;padding:10px}.float-card{right:0;bottom:24px;font-size:10px;padding:14px}.feature-grid{grid-template-columns:1fr}.feature h3{min-height:0;max-width:none}.feature-number{margin-bottom:23px}.feature{padding:25px}.trust-strip>b{font-size:19px}.trust-strip small{font-size:9px}.section h2{font-size:39px}.announcement{font-size:10px}.report-demo{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.partner-strip{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:22px;align-items:center;padding-top:32px;padding-bottom:32px;background:#e8f2f3}
.partner-intro{font-size:13px;line-height:1.8;color:var(--muted)}
.partner-intro b{font-size:17px;color:var(--ink);font-weight:750}
.partner-item{min-width:0;border-left:1px solid #cadee0;padding:7px 0 7px 25px}
.partner-brand{display:flex;gap:12px;align-items:center;min-height:45px}
.partner-brand b{font-size:17px;font-weight:750;letter-spacing:-.5px;white-space:nowrap}
.partner-brand img{object-fit:contain;flex-shrink:0}
.partner-aws{width:58px;height:38px}
.partner-excel{width:38px;height:38px}
.partner-interaktiva{width:176px;height:39px;filter:brightness(0);opacity:.77}
.partner-item small{display:block;margin:9px 0 0;font-size:11px;color:var(--muted);letter-spacing:0;line-height:1.5}
.csv-badge{font:700 10px Manrope,Arial,sans-serif;border:1px solid #c9ddde;border-radius:5px;padding:3px 5px;background:#f8fbfb;color:#4a787c}
@media(max-width:1100px){.partner-strip{gap:16px}.partner-item{padding-left:18px}.partner-brand{gap:8px}.partner-brand b{font-size:14px}.partner-aws{width:48px}.partner-interaktiva{width:150px}.csv-badge{display:none}}
@media(max-width:800px){.partner-strip{grid-template-columns:1fr 1fr;gap:24px}.partner-item{padding:6px 0 6px 18px}.partner-brand b{font-size:17px}.partner-item:nth-child(3){border-left:0;padding-left:0}.partner-interaktiva{width:165px}.partner-aws{width:54px}}
@media(max-width:480px){.partner-strip{gap:23px 14px}.partner-intro{font-size:11px}.partner-intro b{font-size:14px}.partner-item{padding-left:13px}.partner-brand{gap:7px;min-height:36px}.partner-brand b{font-size:13px;letter-spacing:-.3px}.partner-aws{width:42px;height:30px}.partner-excel{width:30px;height:30px}.partner-interaktiva{width:min(100%,145px);height:32px}.partner-item small{font-size:9px;margin-top:7px}}

/* Orbit: petroleum, turquoise and a clear sans-serif typographic system. */
:root{--ink:#123840;--paper:#F7FAFB;--yellow:#A9ECE7;--line:#D5E5E7;--muted:#526F75}
body,h1,h2,h3,h4,.price,.feature-number{font-family:Manrope,Arial,sans-serif}
h1,h2{font-weight:750;letter-spacing:-.055em;line-height:1.09}
h1 em,h2 em{font-family:inherit;font-style:normal;color:#007F86;font-weight:750}
.hero h1{font-size:clamp(48px,5vw,74px)}
.hero{background:radial-gradient(ellipse at 85% 35%,#DAF3F2,transparent 58%)}
.hero .eyebrow{color:#006D74;background:#E8F6F5;border-color:#C7E5E4}
.hero .lead{color:#486870}
.orbit{background:#C0ECE8}.orbit:after{border-color:#86CACB}
.spark{color:#007F86}.preview-body{background:#E2F3F1}
.preview-body h2{font-size:35px;letter-spacing:-1.8px}
.brand img{width:190px;height:auto}
.button{background:#007F86;border-color:#007F86;color:white}
.button:hover{background:#006D74;border-color:#006D74}
.button.yellow{background:#A9ECE7;color:#123840;border-color:#A9ECE7}
.button.yellow:hover{background:#C4F3EF}
.button.outline{background:transparent;color:#00747B;border-color:#00747B}
.split.green{background:radial-gradient(ellipse at 0 100%,#17636A,#123840 72%)}
.trust-strip,.roadmap{background:#EDF5F5}
.feature:nth-child(n) .feature-number{background:#E1F3F2;color:#00747B}
.solutions article:nth-child(1){background:#E3F3F2}
.solutions article:nth-child(2){background:#E8F1F7}
.solutions article:nth-child(3){background:#EDF1F8}
.chart i{background:#5BAEB0}.chart i:last-child{background:#32C7C5}
footer{background:#123840}footer .brand img{filter:none}
.section-heading h2{font-size:clamp(36px,4vw,57px)}
.pricing .price,.pricing #calc-price{color:#00747B}
.pricing .plan .button:hover,.pricing .plan .button:focus-visible{background:#006D74;border-color:#006D74}
.partner-intro b{color:#123840}
:focus-visible{outline-color:#007F86}
@media(max-width:1100px){.brand img{width:165px}.hero h1{font-size:58px}}
@media(max-width:800px){.hero h1{font-size:58px}}
@media(max-width:480px){.brand img{width:137px}.hero h1{font-size:clamp(38px,10vw,48px)}.section h2{font-size:35px}.preview-body h2{font-size:30px}}
