:root{--ink:#111212;--ink2:#1b1d1e;--paper:#f5f5f3;--white:#fff;--red:#b11812;--red2:#d32920;--muted:#707377;--line:#dededb;--max:1240px;--pad:clamp(22px,5vw,72px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-100px;left:12px;z-index:99;background:var(--red);color:white;padding:10px 15px;border-radius:12px}.skip-link:focus{top:12px}.site-header{height:84px;padding:0 var(--pad);display:flex;align-items:center;gap:32px;background:white;border-bottom:1px solid #e7e7e4;position:relative;z-index:20}.brand-logo{margin-right:auto;height:62px;display:flex;align-items:center;overflow:hidden}.brand-logo img{width:250px;height:auto}.main-nav{display:flex;gap:27px;color:#53565a;font-size:14px}.main-nav a:hover{color:var(--red)}.remote-link{border:1px solid #d8d8d5;border-radius:13px;padding:10px 15px;font-weight:700;font-size:13px}.remote-link:hover{background:var(--red);border-color:var(--red);color:white}.nav-toggle{display:none;background:none;border:0;width:44px;height:44px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:7px auto}.dark{background:var(--ink);color:white}.section{max-width:calc(var(--max) + var(--pad)*2);padding:110px var(--pad);margin:auto}.inner{max-width:calc(var(--max) + var(--pad)*2)}.hero{min-height:calc(100vh - 84px);padding:clamp(75px,10vh,120px) var(--pad) 30px;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(45px,7vw,105px);align-items:center;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:650px;height:650px;left:25%;top:0;background:radial-gradient(circle,#b1181229,transparent 67%);pointer-events:none}.hero-copy,.hero-console,.hero-trust{position:relative}.overline{font:700 11px/1.2 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#797d82}.dark .overline{color:#a5a9ad}.overline i{display:inline-block;width:27px;height:2px;background:var(--red2);margin-right:10px;vertical-align:middle}.hero h1,.section-intro h2,.about h2,.contact h2{font:700 clamp(3rem,6.4vw,6.8rem)/.98 Manrope,sans-serif;letter-spacing:-.06em;margin:24px 0}.hero h1 em,h2 span{font-style:normal;color:var(--red2)}.hero-copy>p:not(.overline){max-width:650px;color:#b5b8bc;font-size:clamp(1.05rem,1.5vw,1.25rem)}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:36px}.btn{display:inline-flex;padding:14px 18px;border-radius:14px;font-weight:700;font-size:14px}.btn.red{background:var(--red);color:white}.btn.red:hover{background:var(--red2)}.quiet-link{color:#c7c9cc;font-size:14px}.hero-console{background:linear-gradient(145deg,#1b1e20,#0d0e0f);border:1px solid #313438;border-radius:26px;overflow:hidden;box-shadow:0 35px 80px #0009;transform:perspective(900px) rotateY(-3deg)}.console-head{padding:15px 18px;border-bottom:1px solid #303337;display:flex;justify-content:space-between;color:#70757b;font:600 9px Manrope;letter-spacing:.14em}.online{color:#e4aaa7}.online i{display:inline-block;width:6px;height:6px;background:var(--red2);box-shadow:0 0 8px var(--red2);border-radius:50%;margin-right:6px}.console-main{display:flex;min-height:210px;padding:34px;flex-direction:column;justify-content:end;background:radial-gradient(circle at 80% 10%,#b1181230,transparent 47%)}.console-main small,.console-grid small{font:600 10px Manrope;color:#777c82}.console-main strong{font:800 clamp(2.5rem,5vw,4.9rem)/.9 Manrope;letter-spacing:-.06em;color:#fff;margin:7px 0 13px}.console-main span,.console-grid span{color:#858a90;font-size:12px}.console-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #303337}.console-grid a{display:flex;flex-direction:column;padding:20px 15px;border-right:1px solid #303337}.console-grid a:last-child{border:0}.console-grid b{font:700 12px Manrope;margin:4px 0}.console-grid a:hover{background:#24272a}.console-grid a:hover b{color:var(--red2)}.hero-trust{grid-column:1/-1;display:flex;gap:60px;padding-top:32px;border-top:1px solid #292c2f;color:#72777d;font:600 10px Manrope;letter-spacing:.11em;text-transform:uppercase}.section-label{width:180px;padding-top:14px;border-top:1px solid currentColor;color:#8a8d91;font:700 10px Manrope;letter-spacing:.15em;text-transform:uppercase}.section-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:end;margin:60px 0 70px}.section-intro h2{font-size:clamp(2.8rem,5.2vw,5.5rem);margin:0}.section-intro h2 span{color:#a0a2a1}.dark .section-intro h2 span{color:var(--red2)}.section-intro>p{max-width:510px;color:var(--muted);font-size:1.1rem}.dark .section-intro>p{color:#969a9e}.service-wide,.print-feature,.service-card,.website-card,.app-card{border-radius:26px;overflow:hidden}.service-wide{display:grid;grid-template-columns:1.25fr .75fr;background:white;border:1px solid var(--line);padding:48px;margin-bottom:20px;box-shadow:0 20px 55px #1111110b}.service-copy{padding-right:50px}.service-copy h3,.print-copy h3{font:700 clamp(2.2rem,4vw,4.4rem)/1 Manrope;letter-spacing:-.05em;margin:17px 0}.service-copy>p:not(.overline),.print-copy>p:not(.overline){font-size:1.08rem;color:#6d7074}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.chips span{padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:#606367;font-size:12px}.it-stack{background:#161819;border-radius:20px;padding:24px;position:relative;overflow:hidden}.it-stack>div{display:flex;justify-content:space-between;padding:20px 12px;border-bottom:1px solid #303337}.it-stack small{color:#777c82;font:600 9px Manrope;letter-spacing:.12em}.it-stack b{color:#d4d6d8;font:700 10px Manrope}.pulse{position:absolute;width:220px;height:220px;border:1px solid #b1181240;border-radius:50%;right:-70px;bottom:-100px;box-shadow:0 0 0 35px #b1181215,0 0 0 70px #b118120b}.print-feature{display:grid;grid-template-columns:1.05fr .95fr;background:var(--ink2);color:white;padding:54px;margin-bottom:20px}.print-copy{padding-right:50px}.print-copy>p:not(.overline){color:#a8acb0}.print-copy ul{list-style:none;padding:0;margin:30px 0}.print-copy li{display:grid;grid-template-columns:40px 1fr;padding:11px 0;border-top:1px solid #35383b;color:#d1d3d5;font-size:14px}.print-copy li span{color:var(--red2);font:700 10px Manrope}.printer-stage{min-height:430px;border:1px solid #34373a;border-radius:22px;background:radial-gradient(circle at 65% 20%,#b1181245,transparent 52%);position:relative;display:flex;align-items:flex-end;justify-content:center;padding:48px}.paper{position:absolute;top:20px;width:190px;height:220px;background:white;color:#1a1b1b;padding:28px;transform:rotate(3deg);box-shadow:0 18px 40px #0006}.paper b,.paper strong,.paper span{display:block}.paper b{font:700 12px Manrope;color:var(--red)}.paper strong{font:800 26px Manrope}.paper span{font-size:10px;color:#777}.printer{width:280px;height:210px;background:linear-gradient(145deg,#f4f4f2,#b8bbbb);border-radius:18px 18px 11px 11px;box-shadow:0 30px 60px #0009;padding:26px;color:#171818;position:relative}.display{width:65px;height:32px;border-radius:5px;background:#202323;color:#dfa7a4;display:grid;place-items:center;font:700 8px Manrope}.printer>i{display:block;height:11px;background:#2e3030;border-radius:10px;margin:35px 18px 29px}.printer>b,.printer>small{display:block}.printer>b{font:800 16px Manrope}.printer>small{font:600 6px Manrope;color:#666;letter-spacing:.1em}.ppp-badge{position:absolute;right:16px;bottom:16px;background:#181a1b;border:1px solid #3b3e41;border-radius:15px;padding:15px;box-shadow:0 15px 30px #0007}.ppp-badge small,.ppp-badge strong,.ppp-badge span{display:block}.ppp-badge small{font-size:7px;color:#8d9195}.ppp-badge strong{font:800 17px Manrope;color:var(--red2)}.ppp-badge span{font-size:8px;color:#b6b9bc}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:white;border:1px solid var(--line);padding:35px;min-height:390px;position:relative;transition:.25s}.service-card:hover,.website-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px #1112}.service-card .num{position:absolute;right:20px;top:18px;color:#a0a3a6;font:600 10px Manrope}.service-card .icon{color:var(--red);font:700 29px Manrope;margin:10px 0 50px}.service-card h3{font:700 2rem Manrope;letter-spacing:-.04em;margin:8px 0}.service-card>p:not(.overline){color:#6e7275}.service-card>a{display:inline-block;margin-top:18px;font-weight:700;font-size:14px;color:var(--red)}.customers,.apps,.contact{width:100%}.customer-groups{display:grid;grid-template-columns:1.25fr 1fr 1fr .8fr;border:1px solid #303336;border-radius:24px;overflow:hidden}.customer-groups>div{padding:28px;border-right:1px solid #303336}.customer-groups>div:last-child{border:0}.customer-groups p{color:var(--red2);font:700 10px Manrope;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px}.customer-groups ul{list-style:none;padding:0;margin:0}.customer-groups li{padding:8px 0;border-top:1px solid #292c2e;color:#c6c9cc;font-size:14px}.customer-note{color:#666b70;font-size:11px;text-align:right;margin-top:13px}.website-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.website-card{background:white;border:1px solid var(--line);transition:.25s}.browser{margin:18px 18px 0;border:1px solid #d9d9d6;border-radius:17px 17px 7px 7px;overflow:hidden;box-shadow:0 18px 35px #1112}.browser-bar{height:34px;background:#f0f0ee;display:flex;align-items:center;gap:5px;padding:0 11px}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#cacac7}.browser-bar i:first-child{background:var(--red)}.browser-bar span{margin-left:auto;color:#96999b;font-size:8px}.web-shot{height:265px;padding:38px;display:flex;flex-direction:column;justify-content:end;color:white;position:relative;overflow:hidden}.web-shot:before{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffff35;border-radius:50%;right:-60px;top:-70px}.web-shot strong,.web-shot small{position:relative}.web-shot strong{font:800 clamp(1.7rem,4vw,3.3rem) Manrope;letter-spacing:-.04em}.web-shot small{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.korda .web-shot{background:linear-gradient(145deg,#262b31,#687583)}.steggut .web-shot{background:linear-gradient(145deg,#765b3f,#b99c75)}.arzt .web-shot{background:linear-gradient(145deg,#1f6868,#74aaa5)}.kinderarzt .web-shot{background:linear-gradient(145deg,#c56772,#e5a7aa)}.bahn .web-shot{background:linear-gradient(145deg,#3c372d,#9c7740)}.timeless .web-shot{background:linear-gradient(145deg,#263b41,#81a8a3)}.site-info{padding:23px 25px 27px;position:relative}.site-info>span{color:#8d9093;font:600 9px Manrope;letter-spacing:.12em;text-transform:uppercase}.site-info h3{font:700 1.5rem Manrope;margin:5px 0}.site-info b{position:absolute;right:24px;bottom:29px;color:var(--red);font-size:11px}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.app-card{border:1px solid #303337;background:#191b1d;min-height:295px}.app-card.featured{grid-column:span 3;display:grid;grid-template-columns:1.05fr .95fr;min-height:390px}.app-top{grid-column:1/-1;padding:13px 17px;border-bottom:1px solid #303337;display:flex;justify-content:space-between;color:#74797e;font:600 9px Manrope;letter-spacing:.12em}.app-top b{color:#c98f8b}.app-visual{min-height:300px}.app-visual.smart{background:#22262a;display:grid;grid-template-columns:100px 1fr;padding:42px}.mini-nav{background:#101214;color:var(--red2);padding:18px;font:800 12px Manrope}.mini-main{background:#eee;color:#171818;padding:28px;display:flex;flex-direction:column}.mini-main small{color:#888;font-size:8px}.mini-main b{font:700 18px Manrope}.mini-main i{height:25px;background:white;margin-top:12px}.app-visual.dance{background:linear-gradient(145deg,#c42820,#80100d);display:flex;align-items:center;justify-content:center;gap:45px}.app-phone{width:150px;height:250px;background:#f3f3f0;color:#151616;border:6px solid #111;border-radius:25px;padding:30px 15px;transform:rotate(-5deg);position:relative}.app-phone strong{font:800 15px/1 Manrope}.app-phone i{display:grid;place-items:center;width:32px;height:32px;background:var(--red);color:white;border-radius:50%;margin:35px 0 8px}.app-phone span{font-size:10px}.app-visual.dance>div:last-child strong,.app-visual.dance>div:last-child small{display:block}.app-visual.dance>div:last-child strong{font:800 39px Manrope}.app-visual.dance>div:last-child small{font-size:9px;text-transform:uppercase;margin-bottom:20px}.app-copy{padding:28px}.featured .app-copy{padding:45px}.app-copy p{color:var(--red2);font:700 10px Manrope;letter-spacing:.12em}.app-copy h3{font:700 1.7rem/1.1 Manrope;margin:9px 0 14px}.app-copy>span{color:#979b9f;font-size:14px}.app-copy a{display:block;margin-top:20px;color:#d7d9db;font-weight:700;font-size:12px}.app-card.muted{opacity:.6}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center;margin:65px 0}.portrait{aspect-ratio:4/5;background:linear-gradient(145deg,#282b2e,#0d0e0f);border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;position:relative}.portrait>span{font:800 clamp(5rem,10vw,9rem) Manrope;color:var(--red2);letter-spacing:-.1em}.portrait>small{text-transform:uppercase;letter-spacing:.16em;color:#8c9094}.portrait>i{position:absolute;right:-20px;bottom:35px;width:115px;height:115px;background:var(--red);border-radius:50%;display:grid;place-items:center;text-align:center;font:700 11px Manrope;transform:rotate(-8deg)}.about h2{font-size:clamp(2.6rem,4.5vw,5rem)}.about-copy .lead{font-size:1.2rem;color:#333}.about-copy>p:not(.overline):not(.lead){color:var(--muted)}blockquote{margin:30px 0 0;border-left:3px solid var(--red);padding:7px 0 7px 22px;font:600 1.12rem/1.6 Manrope}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.facts div{padding:25px;border-right:1px solid var(--line)}.facts div:last-child{border:0}.facts strong,.facts span{display:block}.facts strong{font:800 2.2rem Manrope}.facts span{color:#777b7e;font-size:12px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin:65px 0 100px}.contact h2{font-size:clamp(3rem,5vw,5.5rem)}.contact-grid>div:first-child>p:last-child{color:#969a9e;max-width:500px}.contact-links{border-top:1px solid #34373a}.contact-links a{display:grid;grid-template-columns:1fr auto;padding:20px 8px;border-bottom:1px solid #34373a}.contact-links small{grid-column:1/-1;color:#74797d;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.contact-links strong{font:600 16px Manrope}.contact-links span{color:var(--red2)}footer{display:flex;align-items:center;padding:30px 0;border-top:1px solid #2d3033;color:#757a7e;font-size:12px}.footer-logo{margin-right:auto}.footer-logo strong,.footer-logo small{display:block}.footer-logo strong{font:800 17px Manrope;color:white;letter-spacing:.08em}.footer-logo small{font-size:8px;color:var(--red2);letter-spacing:.15em}footer>div:nth-child(2){display:flex;gap:35px}footer nav{display:flex;gap:17px}.top-link{margin-left:45px;width:38px;height:38px;border:1px solid #36393c;border-radius:12px;display:grid;place-items:center;color:var(--red2)}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.site-header{height:72px}.brand-logo img{width:215px}.main-nav,.remote-link{display:none}.nav-toggle{display:block}.main-nav.open{display:flex;position:absolute;left:0;right:0;top:72px;flex-direction:column;background:white;padding:25px var(--pad);border-top:1px solid #e8e8e5}.hero{grid-template-columns:1fr}.hero-console{transform:none;max-width:680px}.section-intro{grid-template-columns:1fr;gap:14px}.service-wide,.print-feature{grid-template-columns:1fr}.service-copy,.print-copy{padding-right:0}.it-stack,.printer-stage{margin-top:35px}.customer-groups{grid-template-columns:1fr 1fr}.customer-groups>div:nth-child(2){border-right:0}.customer-groups>div:nth-child(-n+2){border-bottom:1px solid #303336}.app-card.featured{grid-column:span 3}.about-grid{grid-template-columns:1fr 1.3fr}.contact-grid{grid-template-columns:1fr}footer>div:nth-child(2){display:block}footer nav{margin-top:5px}}
@media(max-width:680px){.brand-logo img{width:180px}.section{padding-top:80px;padding-bottom:80px}.hero{padding-top:75px}.hero h1{font-size:clamp(3rem,14vw,4.6rem)}.hero-actions{align-items:flex-start;flex-direction:column}.console-grid{grid-template-columns:1fr 1fr}.console-grid a{border-bottom:1px solid #303337}.hero-trust{gap:15px;justify-content:space-between}.hero-trust span:nth-child(2){display:none}.service-wide,.print-feature{padding:28px}.service-grid,.website-grid,.app-grid{grid-template-columns:1fr}.printer-stage{min-height:390px;padding:25px}.customer-groups{grid-template-columns:1fr}.customer-groups>div{border-right:0;border-bottom:1px solid #303336}.app-card,.app-card.featured{grid-column:1;display:block}.app-card.featured .app-top{display:flex}.app-visual.smart{grid-template-columns:70px 1fr;padding:24px}.app-visual.dance{gap:22px}.about-grid{grid-template-columns:1fr}.portrait{max-width:420px}.facts{grid-template-columns:1fr 1fr}.facts div:nth-child(2){border-right:0}.facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}footer{align-items:flex-start;flex-wrap:wrap;gap:20px}.top-link{margin-left:0}footer>div:nth-child(2){order:3;width:100%}.site-info b{position:static;display:block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Softer premium palette and balanced service hierarchy */
:root{--ink:#373633;--ink2:#46443f;--paper:#f3f1ed;--red:#a82720;--red2:#b63a32;--muted:#74716b;--line:#d9d4cc;--greige:#d9d2c8}
.dark{background:#403f3b}.hero:before{background:radial-gradient(circle,#bda99230,transparent 67%)}
.hero h1 em{color:#d8d0c5;font-size:.58em;line-height:1.12;letter-spacing:-.04em;display:inline-block;margin-top:18px;max-width:800px}
.console-head{color:#aaa69f}.console-head span:last-child{color:#d0cbc3}
.hero-console{background:linear-gradient(145deg,#54514b,#393834);border-color:#6b6760;box-shadow:0 30px 70px #25242166}
.console-grid{grid-template-columns:repeat(5,1fr);border-top:0}.console-grid a{min-height:205px;justify-content:flex-end;border-color:#6b6760;padding:24px 17px}.console-grid a:hover{background:#5b5751}.console-grid a:hover b{color:#fff}.console-grid b{font-size:13px;color:#fff}.console-grid span{color:#bbb6af}.console-grid small{color:#9d9992}
.section-intro h2 span{color:#a39d94}.dark .section-intro h2 span{color:#d8d0c5}.overline i{background:#9c4a43}
.core-services{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.core-services .service-wide,.core-services .print-feature{display:flex;flex-direction:column;margin:0;padding:42px;min-height:720px}.core-services .service-copy,.core-services .print-copy{padding:0}.core-services .it-stack,.core-services .printer-stage{margin-top:auto}.core-services .it-stack{min-height:290px}.core-services .printer-stage{min-height:290px;padding:28px}.core-services .paper{width:145px;height:168px;padding:21px}.core-services .printer{width:220px;height:165px;padding:20px}.core-services .printer>i{margin:24px 13px 18px}.print-feature{background:#d8d1c7;color:#373633}.print-copy>p:not(.overline){color:#68645e}.print-copy li{border-color:#bbb4aa;color:#4d4a45}.printer-stage{background:radial-gradient(circle at 65% 20%,#a8272020,transparent 52%);border-color:#bdb6ac}.service-card,.service-wide,.website-card{background:#fbfaf8}.customers{background:#53514c}.apps{background:#474642}.contact{background:#3b3a37}.app-card{background:#57544f;border-color:#6a6761}.customer-groups{border-color:#747069}.customer-groups>div,.customer-groups li{border-color:#68645e}.contact-grid>div:first-child>p:last-of-type{color:#c2bdb5}
.callback-note{margin-top:28px;padding:20px 22px;border-radius:18px;background:#ffffff0b;border:1px solid #ffffff20}.callback-note strong,.callback-note span{display:block}.callback-note strong{font:700 14px Manrope;color:#f3f0eb}.callback-note span{margin-top:7px;color:#bdb8b0;font-size:13px;line-height:1.55}
@media(max-width:980px){.console-grid{grid-template-columns:repeat(3,1fr)}.core-services{grid-template-columns:1fr}.core-services .service-wide,.core-services .print-feature{min-height:auto}.core-services .it-stack,.core-services .printer-stage{margin-top:35px}}
@media(max-width:680px){.console-grid{grid-template-columns:1fr 1fr}.console-grid a{min-height:135px}.hero h1 em{font-size:.53em}.core-services .service-wide,.core-services .print-feature{padding:28px}}

/* Customer structure and lighter warm backgrounds */
.hero.dark{background:#625e58}.customers{background:#756f67}.apps{background:#69645d}.contact{background:#5d5953}
.hero-console{background:linear-gradient(145deg,#716b63,#56524d);border-color:#8a837a}.console-grid a{border-color:#837c73}.console-head{border-color:#837c73}.console-grid a:hover{background:#7c756c}
.dark .section-intro h2 span,.contact h2 span{color:#d9837a}.customer-groups{grid-template-columns:repeat(3,1fr)}.customer-groups>div:nth-child(3){border-right:0}.customer-groups .many-more{grid-column:1/-1;border-right:0;border-top:1px solid #8b847b;padding:18px 28px;text-align:center;color:#ded9d2;font:600 15px Manrope;letter-spacing:.04em}
@media(max-width:980px){.customer-groups{grid-template-columns:1fr 1fr}.customer-groups>div:nth-child(2){border-right:0}.customer-groups>div:nth-child(3){grid-column:1/-1}.customer-groups .many-more{grid-column:1/-1}}
@media(max-width:680px){.customer-groups{grid-template-columns:1fr}.customer-groups>div:nth-child(3){grid-column:1}.customer-groups .many-more{grid-column:1}}

/* Bright warm-grey refinement */
:root{--ink:#302f2d;--ink2:#3d3b38;--paper:#f8f7f4;--red:#b11812;--red2:#b11812;--muted:#625f5a;--line:#d8d3cb;--greige:#e7e2da}
.hero.dark{background:#e4e0d9;color:var(--ink)}
.customers{background:#eeeae4;color:var(--ink)}
.apps{background:#e3ded6;color:var(--ink)}
.contact{background:#dcd7cf;color:var(--ink)}
.dark .overline{color:#625f5a}
.hero-copy>p:not(.overline),.dark .section-intro>p,.contact-grid>div:first-child>p:last-of-type{color:#56534f}
.hero h1 em,.section-intro h2 span,.dark .section-intro h2 span,.contact h2 span{color:var(--red)}
.quiet-link{color:#4f4c48}
.hero-trust{border-color:#c8c2b9;color:#69655f}
.section-label{color:#716d67}
.customer-groups{background:#f8f6f2;border-color:#cbc4ba}
.customer-groups>div,.customer-groups li{border-color:#ddd7cf}
.customer-groups p{color:var(--red)}
.customer-groups li{color:#45423e}
.customer-groups .many-more{border-color:#d3ccc2;color:#5a5651}
.customer-note{color:#6d6963}
.app-card{background:#faf8f4;border-color:#d2ccc3;color:var(--ink)}
.app-top{border-color:#ddd7cf;color:#77726b}
.app-top b,.app-copy p{color:var(--red)}
.app-copy>span{color:#5e5a55}
.app-copy a{color:#393734}
.app-card.muted{opacity:.78}
.callback-note{background:#f6f3ee;border-color:#c9c2b8}
.callback-note strong{color:#302f2d}
.callback-note span{color:#5d5954}
.contact-links,.contact-links a{border-color:#bfb8ae}
.contact-links small{color:#6d6963}
footer{border-color:#bfb8ae;color:#5f5b55}
.footer-logo strong{color:#302f2d}
.footer-logo small,.contact-links span,.top-link{color:var(--red)}
.top-link{border-color:#bfb8ae}
.service-card .icon{width:42px;height:42px;margin:8px 0 48px;color:var(--red)}
.service-card .icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.loxone-partner-logo{display:block;width:min(190px,72%);height:auto;margin:26px 0 8px;border-radius:10px}
.legal-page{max-width:920px;margin:auto;padding:70px var(--pad) 110px}
.legal-page h1{font:800 clamp(2.8rem,6vw,5rem)/1 Manrope,sans-serif;letter-spacing:-.05em;margin:40px 0 50px}
.legal-page h2{font:700 1.35rem/1.3 Manrope,sans-serif;margin:38px 0 12px;color:var(--red)}
.legal-page h3{font:700 1.05rem/1.4 Manrope,sans-serif;margin:26px 0 8px}
.legal-page p,.legal-page li{color:#514e49}
.legal-page a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.legal-page .arrow-link{text-decoration:none;font-weight:700}
.legal-page .legal-note{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff}
@font-face{font-family:"Manrope";src:url("manrope-latin.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:"DM Sans";src:url("dm-sans-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
.printer-stage.printer-photo{padding:0;display:block;overflow:hidden;background:#d4d0ca;isolation:isolate}
.printer-photo-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:0}
.printer-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#1717170d 40%,#17171799 100%);z-index:1}
.develop-logo{position:absolute;top:24px;left:24px;width:min(210px,48%);height:auto;padding:13px 15px;background:#ffffffeb;border-radius:12px;box-shadow:0 10px 30px #0002;z-index:2}
.printer-photo .ppp-badge{right:22px;bottom:22px;z-index:2}
@media(max-width:680px){.printer-photo-image{object-position:62% center}.develop-logo{top:18px;left:18px;width:min(180px,52%)}.printer-photo .ppp-badge{right:16px;bottom:16px}}

/* Real project imagery and dedicated Loxone showcase */
.main-nav{gap:20px;font-size:13px}
.console-grid{grid-template-columns:repeat(3,1fr)}
.console-grid a{min-height:130px;border-bottom:1px solid #837c73}
.console-grid a:nth-child(3n){border-right:0}
.console-grid a:nth-last-child(-n+3){border-bottom:0}
.web-shot{padding:0;background:#ddd}
.web-shot:before{display:none}
.web-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s ease}
.website-card:hover .web-shot img{transform:scale(1.025)}
.website-card-wide{grid-column:1/-1}
.website-card-wide .web-shot{height:340px}
.app-visual.app-screenshot{background:linear-gradient(145deg,#5e5a53,#302f2c);display:flex;align-items:center;justify-content:center;gap:45px;padding:30px}
.app-screenshot>img{display:block;height:285px;width:auto;max-width:58%;object-fit:contain;border:6px solid #232321;border-radius:24px;box-shadow:0 24px 50px #0005}
.app-stat strong,.app-stat small{display:block}.app-stat strong{font:800 38px Manrope}.app-stat small{font:600 9px Manrope;letter-spacing:.12em;text-transform:uppercase;color:#d2cdc5;margin-bottom:18px}
.app-card-shot{display:grid;grid-template-rows:auto auto 1fr}.app-thumb{padding:26px 22px;background:linear-gradient(145deg,#e7e2da,#d3ccc2);display:grid;place-items:center}.app-thumb img{display:block;width:min(180px,100%);height:auto;object-fit:contain;border:6px solid #302f2d;border-top-width:14px;border-bottom-width:14px;border-radius:25px;box-shadow:0 14px 28px #302f2d30;background:white}
.loxone-showcase{background:#f2efe9;color:var(--ink)}
.loxone-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:end;margin:60px 0 55px}
.loxone-intro h2{font:700 clamp(2.8rem,5.2vw,5.5rem)/.98 Manrope,sans-serif;letter-spacing:-.06em;margin:25px 0 0}.loxone-intro h2 span{color:var(--red)}
.loxone-showcase-logo{width:min(210px,70%);height:auto;border-radius:12px}
.loxone-copy p{color:#5e5a54;font-size:1.06rem}.loxone-actions{display:flex;gap:24px;align-items:center;margin-top:30px}.loxone-actions .quiet-link{color:#494641}
.loxone-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:260px 260px;gap:14px}
.loxone-photo{position:relative;margin:0;border-radius:22px;overflow:hidden;background:#d9d4cc}.loxone-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.loxone-photo:hover img{transform:scale(1.025)}
.loxone-photo figcaption{position:absolute;left:14px;bottom:13px;padding:7px 10px;border-radius:9px;background:#262522c7;color:white;font:600 9px Manrope;letter-spacing:.08em;text-transform:uppercase}
.loxone-office{grid-column:span 2}.loxone-office img{object-position:center 56%}.loxone-reference{grid-column:span 2}.loxone-reference img{object-position:center}
@media(max-width:980px){.main-nav{gap:0}.loxone-intro{grid-template-columns:1fr;gap:28px}.loxone-gallery{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,240px)}.loxone-office,.loxone-reference{grid-column:span 1}.website-card-wide .web-shot{height:290px}}
@media(max-width:680px){.console-grid{grid-template-columns:1fr 1fr}.console-grid a:nth-child(3n){border-right:1px solid #837c73}.console-grid a:nth-child(2n){border-right:0}.console-grid a:nth-last-child(-n+3){border-bottom:1px solid #837c73}.console-grid a:nth-last-child(-n+2){border-bottom:0}.website-card-wide{grid-column:1}.website-card-wide .web-shot{height:265px}.app-visual.app-screenshot{gap:22px;padding:22px}.app-screenshot>img{height:260px;max-width:62%}.app-stat strong{font-size:26px}.loxone-actions{align-items:flex-start;flex-direction:column}.loxone-gallery{grid-template-columns:1fr;grid-template-rows:none}.loxone-photo,.loxone-office,.loxone-reference{grid-column:1;height:240px}}