/* billigxxl · Version 2 */
@font-face{font-family:'DM Sans';src:url('dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
@font-face{font-family:'DM Sans';src:url('dm-sans-latin-ext.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Serif Display';src:url('dm-serif-display-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@layer reset,base,components,layout,responsive;
@layer reset{
*{box-sizing:border-box}body,h1,h2,h3,p,figure,ul,ol{margin:0}img,svg{display:block}img{max-width:100%;height:auto}a{color:inherit}button,input,summary{font:inherit}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{min-width:320px}ul,ol{padding:0}summary{cursor:pointer}summary::-webkit-details-marker{display:none}
}
@layer base{
:root{--ink:#152d4a;--blue:#075fff;--paper:#f6f8fa;--muted:#4c5d71;--line:#c8d0d8;--space:clamp(24px,4.2vw,80px)}
html{scroll-padding-top:24px}body{background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased}::selection{background:#c8dcff;color:#152d4a}a{text-decoration:none;text-underline-offset:5px}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:2px}h1,h2,h3{line-height:1.05;font-weight:500;text-wrap:balance}h1{letter-spacing:-.055em}h2{font-size:clamp(34px,3.5vw,66px);letter-spacing:-.04em}h3{font-size:clamp(24px,2vw,36px);letter-spacing:-.03em}p{text-wrap:pretty}section[id],article[id]{scroll-margin-top:28px}.wrap{width:calc(100% - var(--space)*2);max-width:1760px;margin-inline:auto}.arrow{width:22px;height:22px;flex:none}em{font-style:normal;font-family:'DM Serif Display',serif}.skip{position:absolute;left:24px;top:-100px;z-index:30;background:white;padding:16px}.skip:focus{top:16px}
}
@layer components{
.site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:25px;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;flex-direction:column;align-items:flex-end;width:148px;flex:none}.brand img{width:148px;height:auto}.brand span{font-size:13px;line-height:1;margin-top:5px;letter-spacing:.12em}.desktop-nav{display:flex;gap:clamp(20px,3vw,55px)}.desktop-nav a,.header-contact{display:flex;align-items:center;min-height:44px;font-size:16px}.header-contact{gap:32px}.mobile-nav{display:none}.button{background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 24px;min-height:58px;font-size:16px;font-weight:500;border-radius:4px;white-space:nowrap}.button:hover{text-decoration:none;background:#034dde}.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;color:var(--blue);font-size:16px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}.section-heading>.text-link{flex:none}.areas-section,.work-section,.process-section{padding-block:clamp(72px,7.5vw,144px)}.areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.area{display:flex;flex-direction:column;min-width:0}.area-image{position:relative;display:block;overflow:hidden;margin-bottom:28px}.area-image img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .55s cubic-bezier(.16,1,.3,1)}.area-image:hover img{transform:scale(1.035)}.image-arrow{position:absolute;bottom:18px;right:18px;background:white;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:var(--ink)}.area h3{margin-bottom:20px}.area p{font-size:17px;line-height:1.65;margin-bottom:24px;max-width:50ch}.area-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:4px 24px}.services-section{padding-block:clamp(72px,7.5vw,144px);background:#e8edf2}.services-section h2{max-width:13ch;margin-bottom:70px}.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.services article{padding-top:26px;border-top:1px solid #8292a3}.services h3{font-size:clamp(24px,2vw,34px);margin-bottom:26px;min-height:2.15em}.services p{font-size:17px;line-height:1.65;max-width:34ch}.work-feature{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:6vw;align-items:start}.browser-frame{background:white;border-radius:12px;overflow:hidden;border:1px solid #aeb8c5;box-shadow:0 25px 65px -35px #152d4a70}.browser-bar{display:flex;align-items:center;gap:6px;padding:13px 16px;background:#eef0f2}.browser-bar>span:not(.address){width:7px;height:7px;background:#a2adb9;border-radius:50%;flex:none}.browser-bar .address{margin:auto;font-size:12px;letter-spacing:.02em;color:#4c5d71}.browser-frame>img{width:100%;aspect-ratio:960/399;object-fit:cover}figcaption{font-size:12px;color:var(--muted);margin-top:15px}.work-links>a{display:block;border-top:1px solid var(--line);padding:24px 0;min-height:44px}.work-links>a:first-child{padding-top:0;border-top:0}.work-links h3{display:flex;justify-content:space-between;gap:12px;font-size:25px;margin-bottom:9px}.work-links p,.flight p{font-size:16px;max-width:40ch}.flight{border-top:1px solid var(--line);padding-top:16px}.flight summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;font-size:24px}.flight summary span{color:var(--blue);font-size:14px}.flight p{margin-block:15px}.flight img{width:100%;height:auto}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;list-style:none;margin-top:64px}.steps li{border-top:1px solid var(--line);padding-top:20px}.step-number{display:block;font-size:14px;margin-bottom:48px;font-variant-numeric:tabular-nums;color:var(--muted)}.steps h3{margin-bottom:20px}.steps p{max-width:38ch;font-size:17px}.trust-section{padding-block:75px;border-top:1px solid var(--line)}.trust-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.trust-inner h2{font-size:clamp(30px,3vw,48px)}.trust-inner ul{list-style:none}.trust-inner li{padding:18px 0;border-bottom:1px solid var(--line);font-size:18px}.trust-inner li:first-child{padding-top:0}.contact-section{background:var(--ink);color:#fff;padding-block:clamp(70px,7vw,130px)}.contact-section h2{font-size:clamp(64px,8.5vw,160px);line-height:.97;letter-spacing:-.05em}.contact-section em{color:#bed9f7}.contact-bottom{margin-top:50px;display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-bottom p{font-size:20px;color:#e0e8f0}.contact-button{display:flex;align-items:center;gap:60px;border-bottom:1px solid #a3bad3;min-height:60px;font-size:22px}.contact-button .arrow{width:34px;height:34px}.founder{font-size:15px;color:#d6e0ec;margin-top:55px}.founder a{display:inline-flex;align-items:center;min-height:44px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:36px;padding-block:30px}.footer-brand{width:125px;min-height:44px;display:flex;align-items:center}.site-footer nav{display:flex;gap:30px;flex-wrap:wrap}.site-footer nav a{display:flex;align-items:center;gap:16px;min-height:44px;font-size:14px}
}
@layer responsive{
@media(min-width:1921px){h1{font-size:144px!important}}
@media(max-width:1000px){.header-contact{display:none}.site-header{padding-block:20px}.brand,.brand img{width:130px}.desktop-nav{gap:28px}.services{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.areas{gap:22px}.area p{font-size:16px}.area h3{font-size:28px}.area-image{margin-bottom:22px}.section-heading{margin-bottom:35px}.work-feature{gap:35px;grid-template-columns:1fr}.work-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.work-links>a:first-child{border-top:1px solid var(--line);padding-top:24px}.steps{gap:30px}.steps h3{font-size:27px}.trust-inner{gap:40px}.contact-button{gap:25px;white-space:nowrap;font-size:18px}}
@media(max-width:600px){:root{--space:20px}body{font-size:17px}.site-header{padding-block:17px}.brand,.brand img{width:114px}.brand span{font-size:11px}.desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:78px;min-height:44px;font-size:15px}.mobile-nav summary span{font-size:28px;line-height:1}.mobile-nav[open] summary span{transform:rotate(45deg)}.mobile-nav nav{position:absolute;top:100%;inset-inline:0;display:grid;background:var(--paper);padding:20px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px -25px #152d4a50}.mobile-nav nav a{min-height:52px;display:flex;align-items:center;gap:25px}.section-heading{display:block}.section-heading>.text-link{margin-top:20px}.areas{grid-template-columns:1fr;gap:50px}.area p{font-size:17px}.area h3{font-size:34px;margin-bottom:16px}.area-image img{aspect-ratio:5/4}.area-image{margin-bottom:22px}.area-links{gap:0 24px}.area-links .text-link{font-size:16px}.services{grid-template-columns:1fr;gap:32px}.services-section h2{margin-bottom:40px}.services h3{font-size:28px;min-height:0;margin-bottom:15px}.services p{max-width:none}.work-links{grid-template-columns:1fr;gap:0}.work-links h3{font-size:24px}.work-links>a{padding-block:24px}.browser-bar{padding:11px 9px;gap:4px}.browser-bar .address{font-size:9px}.work-feature{gap:35px}.steps{grid-template-columns:1fr;gap:35px;margin-top:38px}.steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:0 14px}.step-number{grid-row:1/3;margin-bottom:0;padding-top:4px}.steps h3{font-size:28px;margin-bottom:14px}.steps p{grid-column:2}.trust-inner{grid-template-columns:1fr;gap:32px}.trust-inner li{font-size:17px}.trust-section{padding-block:55px}.contact-bottom{display:block;margin-top:35px}.contact-bottom p{font-size:18px}.contact-button{margin-top:25px;justify-content:space-between;min-height:68px;font-size:20px}.founder{margin-top:28px;max-width:27ch}.site-footer{display:block;padding-block:30px}.site-footer nav{display:block;margin-top:20px}.site-footer nav a{min-height:44px;font-size:14px}.button{width:100%;font-size:16px}.contact-section h2{font-size:64px}.contact-section em{font-size:1.03em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}
@layer layout{
.hero-a{padding-top:clamp(50px,5.2vw,100px)}.hero-a h1{font-size:clamp(60px,7.6vw,146px);line-height:1.02;max-width:16ch}.hero-bottom{display:flex;justify-content:space-between;gap:55px;align-items:flex-start;margin-top:35px;margin-bottom:55px}.hero-bottom>p{max-width:37ch;font-size:clamp(18px,1.4vw,25px);line-height:1.45}.hero-actions{display:flex;align-items:center;gap:35px;padding-top:4px}.device-stage{height:clamp(450px,38vw,730px);position:relative;isolation:isolate;background:#e0e9ee;border-radius:8px;overflow:hidden}.device{position:absolute;box-shadow:0 35px 50px -30px #152d4a8c}.laptop{z-index:2;width:48%;left:31%;top:19%;background:#171e25;border:2px solid #66717c;border-radius:18px 18px 7px 7px;padding:13px 13px 18px}.laptop-screen{container-type:inline-size;position:relative;overflow:hidden;background:white;aspect-ratio:16/10;border-radius:6px}.laptop-screen>img{width:100%;height:88%;object-fit:cover}.mini-brand{height:12%;background:#fff;display:flex;align-items:center;padding:0 4%;gap:12px;font-size:11px}.mini-brand img{width:70px;height:auto}.screen-title{position:absolute;left:7%;right:7%;top:23%;font-size:8cqw;line-height:1.02;color:white;letter-spacing:-.04em;text-shadow:0 2px 22px #0009}.screen-search{position:absolute;bottom:9%;inset-inline:7%;padding:3cqw 4cqw;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border-radius:4px;font-size:3.2cqw}.laptop-base{position:absolute;bottom:-11px;left:-6%;width:112%;height:12px;background:linear-gradient(#c4cbd2,#808d99);border-radius:0 0 60% 60%}.tablet{left:3%;top:28%;width:25%;padding:10px;background:#202830;border-radius:25px;transform:rotate(-7deg);z-index:3;border:1px solid #6a757d}.tablet-screen{container-type:inline-size;background:#f0f0e9;aspect-ratio:4/3;border-radius:16px;padding:8% 8% 4%;display:flex;flex-direction:column;align-items:flex-start}.screen-label{font-size:clamp(8px,5cqw,15px);font-weight:600;letter-spacing:.04em}.tablet strong{font-size:clamp(15px,9cqw,34px);line-height:1.1;font-weight:500;letter-spacing:-.035em;margin-block:12px}.screen-rows{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;width:100%;font-size:clamp(7px,4cqw,14px);line-height:1.3}.screen-rows span{border-top:1px solid #b6c0b5;padding-block:7px}.device small{font-size:clamp(6px,4.5cqw,11px);color:#4c5d71;margin-top:auto}.phone{width:14%;right:3%;top:22%;z-index:4;padding:7px;background:#18212a;border:1px solid #7c8791;border-radius:28px;transform:rotate(7deg)}.phone-screen{container-type:inline-size;background:#fffdf0;aspect-ratio:9/18;position:relative;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;padding:20% 8% 10%;gap:3cqw}.phone-notch{position:absolute;top:8px;left:34%;width:32%;height:9px;border-radius:8px;background:#18212a}.phone-screen img{width:100%;flex:none;aspect-ratio:1/1;object-fit:cover}.phone-screen strong{font-size:clamp(12px,15cqw,32px);line-height:1;font-weight:500;letter-spacing:-.03em}.phone-screen>span:not(.screen-label){font-size:clamp(7px,7cqw,16px);line-height:1.4}.stage-caption{position:absolute;bottom:22px;inset-inline:5%;display:flex;justify-content:space-between;font-size:14px;color:#31485b}.stage-caption span:nth-child(2){margin-left:0}.hero-a .device-stage{animation:stage-in .8s cubic-bezier(.16,1,.3,1)}@keyframes stage-in{from{transform:translateY(18px);opacity:.6}to{transform:translateY(0);opacity:1}}
}
@layer responsive{
@media(max-width:1100px){.hero-actions{flex-direction:column;gap:10px;align-items:stretch}.hero-bottom{gap:40px}.hero-bottom>p{max-width:32ch}.device-stage{height:460px}.laptop{top:24%}.tablet{top:35%}.phone{top:33%}.tablet-screen{padding:7%}.tablet strong{margin-block:10px}.device small{margin-top:8px}}
@media(max-width:600px){.hero-a{padding-top:40px}.hero-a h1{font-size:52px;letter-spacing:-.055em;line-height:1.04}.hero-bottom{display:block;margin-block:25px 32px}.hero-bottom>p{font-size:18px;max-width:31ch}.hero-actions{margin-top:25px;gap:12px}.hero-actions .text-link{justify-content:center}.device-stage{height:355px;margin-inline:-20px;border-radius:0}.laptop{width:82%;left:9%;top:18%;padding:7px 7px 10px;border-radius:10px}.laptop-screen{border-radius:4px}.screen-title{top:23%}.mini-brand img{width:49px}.mini-brand{font-size:8px}.screen-search{bottom:8%}.screen-search .arrow{width:14px;height:14px}.tablet,.phone{display:none}.stage-caption{bottom:16px;inset-inline:20px;font-size:12px}.stage-caption span:nth-child(2){margin-left:0}.areas-section{padding-top:70px}}
}
@layer layout{
.screen-title{background:#152d4a;padding:2cqw 3cqw;text-shadow:none}
}
@layer responsive{
@media(max-width:600px){.hero-a h1{font-size:clamp(46px,13.8vw,58px)}.contact-section h2{font-size:clamp(54px,17vw,64px)}}
}

@layer components{
.language-nav{display:flex;align-items:center;justify-content:flex-end;gap:0;font-size:13px;flex:none}.language-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.language-nav a[aria-current]{color:var(--blue);text-decoration:underline;text-underline-offset:5px}.language-nav>span{color:var(--muted)}
}
@layer responsive{
@media(min-width:1001px) and (max-width:1500px){.site-header{flex-wrap:wrap}.language-nav{margin-left:auto}.header-contact{margin-left:auto}}
@media(max-width:1000px){.site-header{flex-wrap:wrap;column-gap:20px;row-gap:8px}.language-nav{margin-left:auto}.desktop-nav{gap:20px}}
@media(max-width:600px){.language-nav{flex-basis:100%}.language-nav a{min-width:44px}.site-header{row-gap:4px}html:not([lang="de"]) .button{white-space:normal}html:not([lang="de"]) .contact-section h2{overflow-wrap:anywhere}}
html:not([lang="de"]) .hero-a h1,html:not([lang="de"]) h2,html:not([lang="de"]) h3{overflow-wrap:anywhere}html:not([lang="de"]) .screen-title{font-size:7cqw}html:not([lang="de"]) .screen-search{font-size:2.8cqw}html:not([lang="de"]) .screen-rows{font-size:clamp(7px,3.5cqw,12px);gap:4px 8px}html:not([lang="de"]) .tablet strong{font-size:clamp(14px,7cqw,27px)}html:not([lang="de"]) .mini-brand{gap:8px}
}

@layer responsive{
@media(max-width:600px){html[lang="en"] .contact-section h2{font-size:clamp(42px,13vw,54px)}}
}