@font-face{font-family:Archivo;src:url("Archivo-Variable.fcf92637c7e5.woff") format('woff');font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:StudioMono;src:url("JetBrainsMono.4d05bb0e4a69.ttf") format('truetype');font-display:swap}
:root{color-scheme:light;--paper:#efebe3;--ink:#1c1d1a;--accent:#e4572e;--quiet:#53564d;--line:#c7c4ba;--surface:#f8f5ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Archivo,Arial,sans-serif}h1,h2,h3,p,figure,dl,dd{margin:0}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.wrap{width:calc(100% - 96px);max-width:1320px;margin-inline:auto}.skip{position:fixed;left:20px;top:-100px;z-index:10;background:var(--ink);color:var(--paper);padding:14px}.skip:focus{top:15px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-1px;line-height:1}.brand small{display:block;font:9px/1.5 StudioMono,monospace;letter-spacing:3px;margin-top:6px}.brand-dot{color:var(--accent)}.site-header nav{display:flex;gap:30px;align-items:center;font-size:14px}.site-header nav a{padding-block:13px;text-decoration:none}.site-header nav a:last-child{font-weight:800}.menu-toggle{display:none}.hero{padding-top:54px}.hero-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end;margin-bottom:38px}.kicker{font:11px/1.6 StudioMono,monospace;letter-spacing:.055em;margin-bottom:19px}.hero h1{font-size:clamp(40px,4.9vw,70px);font-weight:800;line-height:1.03;letter-spacing:-.055em}.hero-action{max-width:380px;justify-self:end}.hero-action>p:first-child{font-size:16px;color:var(--quiet);max-width:38ch}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;background:var(--accent);color:#1c1d1a;text-decoration:none;font-size:15px;font-weight:800;min-height:50px;padding:13px 20px;border:1px solid transparent}.button:hover{border-color:var(--ink)}.hero-action .button{margin-top:20px}.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hero-action .cta-row .button{margin-top:0}.button.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.button.secondary:hover{border-color:var(--accent)}.demo-note{margin-top:18px;padding:12px 14px;border-left:3px solid var(--accent);background:var(--surface);font-size:14px}.hero-action .price-note{font-size:12px;margin-top:10px;color:var(--quiet)}.hero-product>a{display:block;overflow:hidden;border:1px solid var(--line);background:var(--surface)}.hero-product img{display:block;width:100%;height:auto;aspect-ratio:2.02;object-fit:cover;object-position:top}.hero-product figcaption{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--quiet);padding-top:12px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}h2{font-size:clamp(29px,3vw,43px);font-weight:800;line-height:1.1;letter-spacing:-.04em}.section-heading>p{max-width:38ch;font-size:15px;color:var(--quiet)}.workday{padding-block:90px 70px}.workday-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:48px;align-items:start}.view-options{border-top:1px solid var(--line)}.view-options button{display:flex;align-items:start;gap:18px;width:100%;padding:24px 12px 24px 0;border:0;border-bottom:1px solid var(--line);text-align:left;background:transparent;cursor:pointer}.view-options .step{font:12px/1.6 StudioMono,monospace;padding-top:4px}.view-options strong{display:block;font-size:20px;letter-spacing:-.025em;line-height:1.25}.view-options button span span{display:block;font-size:14px;margin-top:10px;color:var(--quiet)}.view-options [aria-selected=true]{box-shadow:inset 4px 0 var(--accent);padding-left:16px}.product-views figure{margin-bottom:25px}.product-views figure[hidden]{display:none}.product-views figure>a{display:block;border:1px solid var(--line);overflow:hidden;background:var(--surface)}.product-views img{display:block;width:100%;height:auto;aspect-ratio:1.52;object-fit:cover;object-position:top}.product-views figcaption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--quiet);padding-top:12px}.product-views figcaption a{font-weight:800;white-space:nowrap}.image-note{font-size:11px;color:var(--quiet);margin-top:5px}.scope{padding-block:50px 60px;border-top:2px solid var(--ink)}.scope-row{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:23px 0;border-top:1px solid var(--line)}.scope-row h3{font-size:20px;letter-spacing:-.02em}.scope-row p{font-size:15px;max-width:74ch;color:var(--quiet)}.integrations{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding-block:58px;border-top:1px solid var(--line)}.integrations h2{font-size:32px}.integrations dl>div{display:grid;grid-template-columns:140px 1fr;gap:25px;padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.integrations dl>div:last-child{padding-bottom:0;margin-bottom:0;border:0}.integrations dt{font-weight:800;font-size:14px}.integrations dd{font-size:14px;color:var(--quiet)}.purchase{border-top:5px solid var(--accent);padding-top:50px}.purchase-main{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:45px}.purchase-main h2+p{color:var(--quiet);font-size:15px;margin-top:22px}.price{display:flex;align-items:baseline;gap:10px}.price strong{font-size:80px;font-weight:800;letter-spacing:-5px;line-height:1.15}.price span{font-size:16px}.annual{font-size:14px;margin-top:7px;color:var(--quiet)}.price-box .button{margin-block:24px 14px;min-width:260px}.terms{font-size:12px;color:var(--quiet);max-width:48ch}.faq{border-top:1px solid var(--line);margin-bottom:55px}.faq details{border-bottom:1px solid var(--line);padding:0}.faq summary{cursor:pointer;min-height:58px;padding:18px 0;font-size:15px;font-weight:800}.faq details p{font-size:14px;color:var(--quiet);max-width:80ch;padding:0 0 20px}.faq a{display:inline-block}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-block:30px 42px}footer .brand{display:block;font-size:19px}footer .brand small{display:inline;margin-left:8px;font-size:9px;letter-spacing:1px}footer nav{display:flex;gap:30px;font-size:12px}footer nav a{padding-block:12px}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero-intro{gap:32px}.hero h1{font-size:48px}.workday-layout{grid-template-columns:270px minmax(0,1fr);gap:30px}.product-views img{aspect-ratio:1.15}.integrations{gap:35px}.integrations dl>div{grid-template-columns:1fr;gap:8px}.section-heading>p{max-width:30ch}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.site-header{min-height:75px;flex-wrap:wrap;gap:0}.brand{font-size:21px}.brand img{width:32px;height:32px}.menu-toggle:not([hidden]){display:block;background:transparent;border:1px solid var(--line);padding:10px 12px;min-height:44px;font-size:13px}.site-header nav{width:100%;gap:7px 24px;flex-wrap:wrap;padding-bottom:15px}.js-enabled .site-header nav:not(.open){display:none}.hero{padding-top:32px}.hero-intro{grid-template-columns:1fr;gap:20px;margin-bottom:27px}.hero h1{font-size:clamp(34px,8.5vw,53px)}.kicker{font-size:10px;margin-bottom:15px}.hero-action{justify-self:start;max-width:100%}.hero-action>p:first-child{font-size:15px;max-width:44ch}.hero-action .button{margin-top:17px}.hero-product img{aspect-ratio:1.25}.hero-product figcaption{display:block;font-size:10px}.hero-product figcaption span{display:block;margin-bottom:3px}.workday{padding-block:52px 40px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{max-width:44ch;margin-top:16px;font-size:14px}h2{font-size:30px}.workday-layout{grid-template-columns:1fr;gap:25px}.view-options{display:flex;border-bottom:1px solid var(--line)}.view-options button{flex:1;display:block;min-width:0;padding:14px 8px 13px;border-bottom:0}.view-options .step{display:block;margin-bottom:9px;font-size:10px}.view-options strong{font-size:14px}.view-options button span span{display:none}.view-options [aria-selected=true]{box-shadow:inset 0 -3px var(--accent);padding-left:8px}.product-views img{aspect-ratio:1.25}.product-views figcaption{display:block}.product-views figcaption a{display:block;padding-top:8px;min-height:32px}.image-note{font-size:10px}.scope{padding-block:32px 36px}.scope-row{grid-template-columns:1fr;gap:9px;padding:19px 0}.scope-row h3{font-size:18px}.scope-row p{font-size:14px}.integrations{grid-template-columns:1fr;gap:26px;padding-block:35px}.integrations h2{font-size:29px}.integrations dl>div{margin-bottom:20px;padding-bottom:20px}.purchase{padding-top:35px}.purchase-main{grid-template-columns:1fr;gap:30px;padding-bottom:30px}.price strong{font-size:70px}.price-box .button{width:100%}.faq{margin-bottom:32px}.faq summary{font-size:14px}.faq details p{font-size:13px}footer{align-items:start;gap:25px;flex-wrap:wrap;padding-block:26px}footer nav{gap:22px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#1c1d1a;--ink:#efebe3;--quiet:#c0c2b7;--line:#494b42;--surface:#262821}.button:focus-visible{outline-color:var(--ink)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* TREELINE STUDIO (18.10.2026): Lockup, Fraunces Soft für Überschriften, Rubik für Navigation. */
@font-face{font-family:Rubik;src:url("Rubik-Variable.a4a3cbac22a4.woff") format('woff');font-weight:300 900;font-display:swap}@font-face{font-family:Fraunces;src:url("Fraunces-Variable.be55f75f1668.woff2") format('woff2');font-weight:100 900;font-display:swap}
h1,h2{font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 100,"WONK" 1}
.hero h1,h2{letter-spacing:-.015em}
.site-header nav,footer nav{font-family:Rubik,Archivo,sans-serif}
.brand img{display:block;width:auto;height:40px}
footer .brand img{height:30px}
@media(max-width:700px){.brand img{width:auto;height:32px}footer .brand img{height:26px}}