@font-face{font-family:LayoutSans;src:local('Bahnschrift');font-weight:100 900;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:Anton;src:url('assets/grundriss-apps-20261005/Anton-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:DIN;src:url('assets/grundriss-apps-20261005/D-DIN.ttf') format('truetype');font-display:swap;font-weight:400}
:root{color-scheme:dark;--orange:#ff9000;--ink:#f7faf5;--muted:#b5c5bd;--line:#adc0b623}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:radial-gradient(ellipse at 0 0,#124c43 0,transparent 54%),linear-gradient(145deg,#092620 0,#0b1714 62%,#0c100e 100%);color:var(--ink);font-family:LayoutSans,DIN,Arial,sans-serif;font-variation-settings:"wdth" 91,"wght" 400;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,p,figure{margin:0}a:focus-visible{outline:2px solid var(--orange);outline-offset:7px}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip{position:absolute;left:20px;top:-100px;z-index:2;background:var(--orange);color:#10241e;padding:12px;text-decoration:none}.skip:focus{top:15px}
.brand-header{padding:38px 24px 0;display:flex;justify-content:center}.brand{display:block;width:247px}.brand img{filter:brightness(0) invert(1)}main{width:min(1220px,calc(100% - 88px));margin:auto}.hero{text-align:center;padding:63px 0 58px}.hero h1{font-family:LayoutSans,Anton,'Arial Narrow',sans-serif;font-weight:700;font-stretch:condensed;font-variation-settings:"wdth" 75,"wght" 700;font-size:clamp(54px,6.4vw,91px);line-height:1.12;letter-spacing:.005em}.hero h1 span{color:var(--orange)}.hero>p{font-size:17px;line-height:1.55;color:var(--muted);margin:28px auto 0}
.applications{display:grid;grid-template-columns:1fr 1fr;gap:94px}.application{min-width:0}.app-intro{max-width:470px;margin:auto}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--muted);display:flex;align-items:center;gap:13px;margin-bottom:14px}.eyebrow>span{font-size:10px;letter-spacing:.08em;border:1px solid #91b2a945;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;color:var(--orange)}.app-intro h2{font-size:34px;line-height:1.15;font-weight:400;letter-spacing:-.025em}.app-description{font-size:23px;line-height:1.3;max-width:34ch;min-height:124px;margin-top:17px}.app-button{display:inline-flex;gap:35px;justify-content:space-between;align-items:center;background:var(--orange);color:#10241e;text-decoration:none;font:17px/1 DIN,Arial,sans-serif;border-radius:50px;padding:15px 25px;min-width:215px;margin-top:25px;transition:transform .18s,background .18s,box-shadow .18s}.app-button:hover{transform:translateY(-3px);background:#ffae36;box-shadow:0 7px 30px #ff90001f}.app-button>span[aria-hidden]{font-size:22px}.format{color:var(--muted);font-size:12px;letter-spacing:.035em;margin-top:15px}
.workflow{margin:38px auto 0}.workflow img{object-fit:contain}.workflow-start{width:255px;margin:auto}.workflow-start img{width:100%;aspect-ratio:313/257}.workflow .workflow-caption{font-size:11px;text-align:center;color:var(--muted);line-height:1.4;margin-top:12px}.workflow-image>.workflow-result{width:255px;margin:auto}.workflow-result img{width:100%;aspect-ratio:314/249}.arrow{display:block;overflow:visible;fill:none;stroke:#dcebe2;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.arrow-down{width:18px;height:60px;margin:16px auto;object-fit:contain}.handout-result{display:grid;grid-template-columns:1fr 45px 1.25fr;align-items:center;gap:12px}.handout-result .workflow-result{min-width:0}.arrow-right{width:45px;height:18px;margin-top:-24px;object-fit:contain}.handout-paper img{aspect-ratio:357/252}.handout-result .workflow-caption{min-height:31px}
.scope{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding:28px 0 0;margin:68px auto 0;max-width:1010px}.scope-mark{color:var(--orange);font-size:31px}.scope p{font-size:13px;line-height:1.7;color:var(--muted);max-width:105ch}.scope strong{font-weight:400;color:var(--ink)}footer{width:min(1220px,calc(100% - 88px));margin:54px auto 0;border-top:1px solid var(--line);padding:26px 0 0;display:flex;justify-content:space-between;align-items:center;gap:30px}footer>div>span{font-size:13px;letter-spacing:.08em}footer p{font-size:11px;color:var(--muted);margin-top:7px}footer nav{display:flex;gap:24px;font-size:12px}footer a{text-decoration:none;color:var(--muted)}footer a:hover{color:var(--ink)}.draft-note{text-align:center;color:#82988e;font-size:10px;letter-spacing:.08em;margin:30px 20px 25px}
@media(max-width:1100px){.applications{gap:50px}.app-description{font-size:21px;min-height:140px}.handout-result{gap:8px;grid-template-columns:1fr 31px 1.25fr}.arrow-right{width:31px}.app-intro h2{font-size:30px}}
@media(max-width:740px){.brand-header{padding-top:29px}.brand{width:213px}main,footer{width:calc(100% - 42px)}.hero{padding:42px 0 42px}.hero h1{font-size:clamp(39px,9.5vw,69px)}.hero>p{font-size:15px;margin-top:22px}.hero>p br{display:none}.applications{grid-template-columns:1fr;gap:52px}.app-intro{max-width:460px}.app-intro h2{font-size:33px}.app-description{font-size:22px;min-height:0;margin-top:14px}.desktop-break{display:none}.app-button{font-size:16px;margin-top:22px;min-width:216px}.workflow{margin-top:30px;max-width:460px}.workflow-start,.workflow-image>.workflow-result{width:min(255px,75%)}.handout-app{padding-top:34px;border-top:1px solid var(--line)}.handout-result{grid-template-columns:1fr 29px 1.25fr;gap:8px}.arrow-right{width:29px}.scope{margin-top:45px;gap:18px;align-items:flex-start;padding-top:23px}.scope p{font-size:12px}.scope-mark{font-size:26px;line-height:1.4}footer{margin-top:35px;align-items:flex-start;flex-direction:column;gap:22px}footer nav{gap:27px}.draft-note{text-align:left;margin-left:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-button{transition:none}.app-button:hover{transform:none}}

.mobile-choice{display:none}@media(max-width:740px){.mobile-choice{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.mobile-choice a{border:1px solid #90a89b55;border-radius:25px;padding:9px 14px;font-size:13px;text-decoration:none;color:var(--ink)}.mobile-choice a:hover{border-color:var(--orange)}}

.concept-back{position:absolute;left:28px;top:22px;color:var(--muted);font:11px DIN,Arial,sans-serif;text-decoration:none}.concept-back:hover{color:var(--orange)}@media(max-width:740px){.concept-back{position:static;display:block;margin:16px 21px -10px;font-size:10px}}

/* Keep the longer product headlines and both app entries aligned. */
@media(min-width:741px){.app-intro h2{min-height:3.45em}}
@media(min-width:741px) and (max-width:1100px){.app-intro h2{min-height:4.6em}}