*{box-sizing:border-box}html{width:100%;overflow-x:hidden}body{margin:0;width:100%;overflow-x:hidden;background:#eef2f6;color:#071b34;font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.site-shell{width:min(100%,1024px);margin:0 auto;background:#fff;box-shadow:0 22px 90px rgba(7,27,52,.13);overflow:hidden}.topbar{height:88px;display:flex;align-items:flex-start;padding:25px 29px 0 29px;background:#fff}.brand{text-decoration:none;color:#071b34;display:block;width:260px;line-height:1}.brand span{font-size:33px;letter-spacing:6px;font-weight:800}.brand em{font-style:normal;font-size:19px;letter-spacing:8px;font-weight:300;margin-left:5px}.brand small{display:block;letter-spacing:.35px;font-size:12px;margin-top:9px;color:#2d3a4c}.mainnav{display:flex;gap:37px;margin-left:25px;padding-top:17px;white-space:nowrap}.mainnav a{font-size:11px;font-weight:800;color:#071b34;text-decoration:none;letter-spacing:.15px}.top-actions{margin-left:auto;display:flex;gap:12px;padding-top:3px}.btn{height:36px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;padding:0 21px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.1px;white-space:nowrap;border:1px solid transparent}.btn-gold{background:linear-gradient(135deg,#bd8c36,#d4aa59);color:#fff;border-color:#be9145;box-shadow:0 8px 18px rgba(173,126,49,.2)}.btn-ghost{color:#071b34;background:#fff;border-color:#071b34}.btn-large{height:43px;padding:0 29px}.btn-play{background:#fff;color:#071b34;border-color:#071b34;gap:11px}.btn-play i{width:18px;height:18px;border:1.7px solid #071b34;border-radius:50%;display:block;position:relative}.btn-play i:after{content:"";position:absolute;left:6px;top:4px;border-left:5px solid #071b34;border-top:4px solid transparent;border-bottom:4px solid transparent}.hero{height:444px;display:grid;grid-template-columns:450px 1fr;position:relative;background:radial-gradient(circle at 83% 45%,rgba(7,27,52,.08),transparent 23%),linear-gradient(90deg,#fff 0%,#fff 43%,#f8fafc 100%);padding-left:29px}.hero-copy{padding-top:61px;position:relative;z-index:2}.eyebrow{margin:0 0 17px;color:#bc8b35;font-weight:800;font-size:12px;letter-spacing:.7px}.hero h1{font-size:45px;line-height:1.13;letter-spacing:-1.7px;margin:0 0 25px;color:#071b34}.hero h1 span{color:#bf9041}.lead{font-size:15px;line-height:1.65;margin:0 0 23px;max-width:390px;color:#203149}.hero-buttons{display:flex;gap:14px;margin-bottom:34px}.trust-row{display:flex;gap:23px;align-items:center;color:#071b34;font-size:9px}.trust-row span{display:flex;align-items:center;gap:5px}.trust-row svg{width:17px;height:17px;fill:none;stroke:#071b34;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.flag{gap:6px!important}.hero-visual{position:relative;overflow:visible}.hero-visual:after{content:"";position:absolute;right:-12px;top:96px;width:118px;height:202px;background:radial-gradient(circle at 40% 20%,#7da363 0 8%,transparent 9%),radial-gradient(circle at 55% 38%,#719356 0 9%,transparent 10%),radial-gradient(circle at 37% 57%,#8aad6b 0 7%,transparent 8%);filter:blur(5px);opacity:.45}.laptop{position:absolute;right:20px;top:44px;width:487px;height:310px;z-index:2}.screen{width:450px;height:271px;margin-left:15px;background:#111;border:11px solid #131313;border-bottom-width:17px;border-radius:13px 13px 7px 7px;box-shadow:0 21px 32px rgba(0,0,0,.23);transform:perspective(920px) rotateX(0deg) rotateY(-5deg) skewY(-.5deg);overflow:hidden}.base{position:absolute;left:0;right:0;bottom:0;height:38px;background:linear-gradient(#3a3d40,#111);border-radius:0 0 70% 70%/0 0 50% 50%;transform:perspective(600px) rotateX(58deg);box-shadow:0 13px 21px rgba(0,0,0,.23)}.app{height:100%;background:#f6f8fb;display:grid;grid-template-columns:89px 1fr;font-size:6px}.app aside{background:#071b34;color:#fff;padding:12px 9px;display:flex;flex-direction:column;gap:10px}.app aside b{font-size:8px;letter-spacing:1px;font-weight:700;margin-bottom:5px}.app aside small{font-size:5px;font-weight:300;letter-spacing:1.8px}.app aside span{opacity:.84;padding-left:10px;position:relative}.app aside span:before{content:"";position:absolute;left:0;top:1px;width:5px;height:5px;border:1px solid rgba(255,255,255,.8);border-radius:1px}.dash{padding:13px 14px 10px;background:#f6f8fb}.dash-top{text-align:right;color:#98a1ad;height:12px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:11px}.kpis article,.dash-grid article{background:#fff;border:1px solid #e7ebf0;border-radius:5px;box-shadow:0 2px 7px rgba(7,27,52,.04)}.kpis article{height:64px;padding:10px}.kpis b{font-size:7px;color:#071b34;display:block}.kpis strong{font-size:15px;display:block;margin-top:7px}.kpis em{font-style:normal;color:#13a567;font-size:7px;font-weight:800;display:block}.kpis small{color:#98a1ad;font-size:5px}.dash-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:11px}.open-invoices{height:136px;padding:13px}.open-invoices b,.chart b{font-size:8px}.open-invoices p{display:flex;justify-content:space-between;margin:9px 0;font-size:6px}.open-invoices a{font-size:6px;font-weight:800}.chart{height:136px;padding:13px;position:relative}.chart-lines{position:absolute;left:15px;right:13px;top:38px;bottom:29px;display:flex;flex-direction:column;justify-content:space-between}.chart-lines i{border-top:1px solid #edf0f4}.chart svg{position:absolute;left:23px;right:15px;top:45px;width:210px;height:78px}.months{position:absolute;left:21px;right:20px;bottom:13px;display:flex;justify-content:space-between;color:#8b95a1;font-size:5px}.feature-strip{height:296px;background:#fff;padding-top:28px}.feature-strip h2{text-align:center;margin:0 0 42px;font-size:22px;letter-spacing:-.55px}.feature-strip h2 span{color:#bf9041}.feature-row{display:grid;grid-template-columns:repeat(6,1fr);padding:0 58px}.feature-item{text-align:center;min-height:155px;padding:0 18px;border-right:1px solid #dbe1e8}.feature-item:last-child{border-right:0}.feature-item .icon{height:64px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;color:#071b34}.feature-item svg.premium-icon{width:62px;height:62px;overflow:visible}.premium-icon .icon-card{fill:#fff;stroke:#dce4ed;stroke-width:1.6;filter:drop-shadow(0 8px 13px rgba(7,27,52,.10))}.premium-icon .icon-line{fill:none;stroke:#071b34;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.premium-icon .icon-gold{fill:#d4a24f;stroke:#b88636;stroke-width:1.2}.premium-icon .icon-gold-fill{fill:#d4a24f;stroke:#b88636;stroke-width:1.1}.premium-icon .icon-gold-stroke{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.premium-icon .icon-orb{fill:#f6e3ba;stroke:#d4a24f;stroke-width:1.3}.feature-item h3{margin:0 0 15px;font-size:14px;line-height:1.2}.feature-item p{margin:0;color:#34445b;font-size:10px;line-height:1.55}.workflow{height:437px;display:grid;grid-template-columns:354px 1fr;padding:46px 0 0 61px;background:#fff}.workflow-copy h2{font-size:30px;line-height:1.13;letter-spacing:-.9px;margin:0 0 22px}.workflow-copy ul{list-style:none;padding:0;margin:0 0 23px}.workflow-copy li{font-size:11px;line-height:2.05;color:#24344a;position:relative;padding-left:22px}.workflow-copy li:before{content:"✓";position:absolute;left:0;top:3px;width:13px;height:13px;border:1px solid #c49442;border-radius:50%;font-size:9px;line-height:12px;text-align:center;color:#c49442;font-weight:800}.workflow-actions{display:flex;gap:29px;align-items:center}.workflow-actions .more{font-size:11px;font-weight:800;color:#071b34;text-decoration:none}.workflow-visual{position:relative}.paper{background:#fff;border:1px solid #dfe5ec;border-radius:6px;box-shadow:0 14px 30px rgba(7,27,52,.13);position:absolute}.invoice-paper{width:285px;height:290px;left:52px;top:-7px;transform:rotate(-4deg);padding:24px 21px}.paper-logo{font-size:15px;letter-spacing:2px;font-weight:800;position:absolute;left:21px;top:20px}.paper-logo small{letter-spacing:2px;font-weight:300;font-size:8px}.invoice-paper>b{position:absolute;right:22px;top:26px;font-size:12px}.address{position:absolute;top:58px;left:22px;font-size:6px;line-height:1.5;color:#425067}.invoice-meta{position:absolute;top:58px;right:34px;font-size:6px;line-height:1.5;color:#425067}.invoice-paper table{position:absolute;left:21px;right:20px;top:122px;width:242px;border-collapse:collapse;font-size:6px;color:#2f3d50}.invoice-paper th,.invoice-paper td{border:1px solid #e2e7ee;padding:5px 4px;text-align:left}.invoice-paper th{background:#f5f7fa}.total{position:absolute;right:23px;bottom:62px;font-size:7px}.total span{display:block;color:#5b6473}.total strong{font-size:8px}.paper-buttons{position:absolute;left:21px;right:20px;bottom:20px;display:flex;gap:10px}.paper button{border:1px solid #d9e0e8;background:#fff;border-radius:3px;height:27px;padding:0 12px;font-size:8px;color:#071b34}.reminder-paper{width:151px;height:226px;right:87px;top:28px;padding:22px 20px}.reminder-paper b{font-size:13px}.reminder-paper p{font-size:8px;line-height:1.45;margin:18px 0;color:#34445b}.reminder-paper p strong{color:#071b34}.reminder-paper button{height:26px;width:105px;padding:0;font-size:7px}.datev-card{position:absolute;right:25px;top:150px;width:76px;height:105px;background:#fff;border:1px solid #e0e5ec;border-radius:6px;box-shadow:0 12px 27px rgba(7,27,52,.11);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.datev-card div{width:45px;height:45px;background:#7ac143;color:#008b72;font-size:14px;font-weight:900;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;margin-bottom:9px}.datev-card span{font-size:8px;line-height:1.3}.arrow{position:absolute;fill:none;stroke:#071b34;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.arrow-one{right:72px;top:75px;width:90px;height:90px}.arrow-two{right:91px;top:257px;width:152px;height:101px}.integrations{height:178px;margin:0 60px 31px;border-radius:6px;background:linear-gradient(135deg,#061a32 0%,#092642 56%,#061a32 100%);display:grid;grid-template-columns:286px 1fr;align-items:center;padding:0 24px 0 31px;color:#fff;box-shadow:0 13px 28px rgba(7,27,52,.19);position:relative;overflow:hidden}.integrations:before{content:"";position:absolute;right:-58px;top:-94px;width:230px;height:230px;border-radius:50%;border:1px solid rgba(211,164,84,.16)}.integrations:after{content:"";position:absolute;left:254px;top:22px;bottom:22px;border-left:1px solid rgba(255,255,255,.12)}.integration-copy{position:relative;z-index:1}.integration-copy .eyebrow{color:#d0a059;margin-bottom:10px}.integration-copy h2{font-size:18px;line-height:1.18;margin:0 0 9px;letter-spacing:-.3px}.integration-copy p{font-size:10px;line-height:1.55;margin:0;color:#d8e0eb;max-width:238px}.integration-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-left:24px}.integration-cards article.logo-tile{height:116px;border:1px solid rgba(255,255,255,.23);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.logo-mark{height:42px;width:50px;border-radius:9px;background:#fff;margin-bottom:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 7px 15px rgba(0,0,0,.15);position:relative}.datev-mark{background:linear-gradient(135deg,#a6ce39,#56b948);border-radius:4px}.datev-mark span{color:#007f5f;font-size:11px;font-weight:900;letter-spacing:-.7px;transform:translateY(7px)}.doc-mark{background:#f8fbff;border:1px solid #dfeaf7}.doc-mark:before{content:"";position:absolute;right:6px;top:5px;border-left:8px solid transparent;border-bottom:8px solid #d7e8fb}.doc-mark b{font-size:20px;color:#071b34}.zf-mark{background:linear-gradient(135deg,#fff,#f6ebd6);border:1px solid #d5a24f}.zf-mark b{font-size:20px;color:#bc8d3f}.fx-mark{background:linear-gradient(135deg,#0a2441,#123b66);border:1px solid rgba(255,255,255,.25)}.fx-mark b{font-size:17px;color:#f5cf88}.sepa-mark{background:#fff;border:1px solid #dce8f5}.sepa-mark span{font-size:13px;color:#194d8a;font-weight:900}.mail-mark{background:#fff;border:1px solid #dfe7f0}.mail-mark:before{content:"";position:absolute;left:10px;right:10px;top:13px;height:16px;border:2px solid #071b34;border-radius:2px}.mail-mark:after{content:"";position:absolute;left:12px;right:12px;top:15px;height:14px;background:linear-gradient(135deg,transparent 47%,#d4a24f 48%,#d4a24f 52%,transparent 53%),linear-gradient(45deg,transparent 47%,#d4a24f 48%,#d4a24f 52%,transparent 53%)}.integration-cards strong{font-size:10px;color:#fff;line-height:1.15;letter-spacing:.15px}.integration-cards small{font-size:7px;color:#cfd9e6;line-height:1.2;margin-top:4px}.final-cta{height:116px;background:linear-gradient(135deg,#061a32,#082744);color:#fff;display:grid;grid-template-columns:135px 1fr 255px;align-items:center;padding:0 60px;border-top:1px solid rgba(255,255,255,.13);position:relative}.rocket{width:86px;height:86px;border:1px solid rgba(212,170,89,.38);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d2a454;font-size:58px;transform:rotate(-28deg)}.final-cta h2{font-size:18px;margin:0 0 10px}.final-cta p{font-size:12px;margin:0;color:#dbe3ec}.cta-right{text-align:center}.cta-right .btn{width:205px;height:43px}.cta-right small{display:block;margin-top:13px;font-size:9px;color:#dbe3ec}.footer{height:104px;background:#08192d;color:#fff;display:grid;grid-template-columns:270px 170px 170px 180px 1fr;align-items:start;padding:31px 60px 0;border-top:1px solid rgba(255,255,255,.18)}.footer-brand{font-size:25px;letter-spacing:5px;font-weight:800}.footer-brand span{font-size:12px;font-weight:300;letter-spacing:6px}.footer nav{display:flex;flex-direction:column;gap:7px}.footer a,.footer address{font-size:9px;color:#e7edf5;text-decoration:none;font-style:normal;line-height:1.65}.social{display:flex;gap:13px}.social span{width:22px;height:22px;border-radius:50%;background:#fff;color:#08192d;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}@media(max-width:900px){.site-shell{width:100%;box-shadow:none}.topbar{height:auto;min-height:86px;flex-wrap:wrap;gap:15px;padding:22px}.brand{width:auto}.mainnav{order:3;width:100%;margin:0;gap:18px;overflow:auto;padding:5px 0 12px}.top-actions{padding:0}.hero{height:auto;display:block;padding:38px 22px 30px}.hero-copy{padding-top:0}.hero h1{font-size:37px}.hero-visual{height:320px}.laptop{left:0;right:auto;top:30px;width:100%;transform:scale(.78);transform-origin:left top}.feature-strip{height:auto;padding:35px 0}.feature-row{grid-template-columns:repeat(2,1fr);padding:0 24px;gap:20px}.feature-item{border-right:0;border-bottom:1px solid #e3e8ee;padding-bottom:20px}.workflow{height:auto;display:block;padding:38px 24px}.workflow-visual{height:390px;transform:scale(.82);transform-origin:left top}.integrations{height:auto;margin:0 24px 25px;display:block;padding:25px}.integration-cards{grid-template-columns:repeat(2,1fr);margin-top:22px}.final-cta{height:auto;grid-template-columns:1fr;gap:20px;padding:30px 24px;text-align:left}.footer{height:auto;grid-template-columns:1fr 1fr;gap:24px;padding:30px 24px}}@media(max-width:520px){.top-actions{width:100%}.top-actions .btn{flex:1}.hero h1{font-size:32px}.hero-buttons{flex-direction:column;align-items:flex-start}.trust-row{flex-wrap:wrap}.feature-row{grid-template-columns:1fr}.workflow-visual{transform:scale(.62);height:300px}.integration-cards{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.laptop{transform:scale(.58)}}
/* CTA final: Rakete pixelnäher am Referenz-Mockup */
.final-cta{
height:132px !important;
background:linear-gradient(135deg,#061a32 0%,#082845 54%,#061c36 100%) !important;
display:grid !important;
grid-template-columns:132px 1fr 252px !important;
align-items:center !important;
padding:0 60px !important;
color:#fff !important;
border-top:1px solid rgba(255,255,255,.08) !important;
border-bottom:1px solid rgba(255,255,255,.10) !important;
position:relative !important;
overflow:hidden !important;
margin-top:6px !important;
}
.final-cta:before{
content:"";
position:absolute;
left:-78px;
top:-112px;
width:282px;
height:282px;
border-radius:50%;
border:1px solid rgba(213,162,77,.16);
}
.final-cta:after{
content:"";
position:absolute;
left:22px;
top:8px;
width:138px;
height:138px;
border-radius:50%;
background:radial-gradient(circle,rgba(213,162,77,.13) 0%,rgba(213,162,77,.08) 34%,transparent 69%);
}
.rocket,
.rocket-svg,
.rocket-svg-reference{display:none !important;}
.rocket-emblem-exact{
width:122px !important;
height:122px !important;
margin-left:-10px !important;
transform:translateY(0) !important;
position:relative !important;
z-index:2 !important;
}
.rocket-exact-svg{
width:122px !important;
height:122px !important;
display:block !important;
overflow:visible !important;
}
.rocket-exact-svg *{vector-effect:non-scaling-stroke;}
.rocket-exact-ring{
fill:none;
stroke:#d5a24d;
stroke-width:2.35;
opacity:.98;
}
.rocket-exact-orbit{
fill:none;
stroke:#d5a24d;
stroke-width:1.95;
stroke-linecap:round;
stroke-linejoin:round;
opacity:.82;
}
.rocket-exact-orbit.orbit-side{opacity:.48;stroke-width:1.7;}
.rocket-exact-star{
fill:none;
stroke:#d5a24d;
stroke-width:2.05;
stroke-linejoin:round;
opacity:.97;
}
.rocket-line,
.rocket-window-exact,
.rocket-speed{
fill:none;
stroke:#d5a24d;
stroke-linecap:round;
stroke-linejoin:round;
}
.rocket-line.heavy{stroke-width:3.95;}
.rocket-line.medium{stroke-width:3.05;}
.rocket-window-exact{stroke-width:3.25;}
.rocket-speed{stroke-width:3.55;opacity:.96;}
.rocket-speed.speed-two{stroke-width:2.8;opacity:.72;}
.rocket-speed.speed-three{stroke-width:2.35;opacity:.55;}
.final-copy{
position:relative;
z-index:2;
padding-left:2px !important;
transform:translateY(-1px);
}
.final-copy h2,
.final-cta h2{
font-size:19px !important;
line-height:1.18 !important;
margin:0 0 10px !important;
font-weight:800 !important;
letter-spacing:-.3px !important;
color:#fff !important;
}
.final-copy p,
.final-cta p{
font-size:12px !important;
line-height:1.45 !important;
margin:0 !important;
color:#e2e9f2 !important;
}
.cta-right{
position:relative;
z-index:2;
text-align:center !important;
justify-self:end;
transform:translateY(1px);
}
.cta-right .btn{
width:205px !important;
height:45px !important;
border-radius:4px !important;
font-size:11px !important;
box-shadow:0 9px 22px rgba(190,145,69,.26) !important;
}
.cta-right small{
display:block !important;
margin-top:13px !important;
color:#e4ebf3 !important;
font-size:9px !important;
}
.footer{
background:#fff !important;
color:#071b34 !important;
border-top:0 !important;
height:105px !important;
}
.footer a,.footer address{color:#071b34 !important;}
.footer-brand{color:#071b34 !important;}
.social span{background:#071b34 !important;color:#fff !important;}
@media(max-width:900px){
.final-cta{grid-template-columns:104px 1fr !important;padding:24px !important;height:auto !important;gap:18px !important;}
.cta-right{grid-column:1 / -1;justify-self:start;text-align:left !important;}
.rocket-emblem-exact,.rocket-exact-svg{width:96px !important;height:96px !important;margin-left:0 !important;}
}