:root{color-scheme:light;--demo-ink:#17212b;--demo-muted:#5f6b73;--demo-paper:#f6f3ed;--demo-surface:#fff;--demo-accent:#b95232;--demo-accent-2:#f1c567;--demo-line:rgba(23,33,43,.14);--demo-radius:24px;--demo-shadow:0 24px 70px rgba(23,33,43,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--demo-ink);background:var(--demo-paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:where(a, summary):focus-visible {outline:3px solid #ffbf47;outline-offset:4px}.demo-skip{position:fixed;top:.6rem;left:.6rem;z-index:100;padding:.7rem 1rem;border-radius:999px;color:#fff;background:#101820;transform:translateY(-180%)}.demo-skip:focus{transform:none}.demo-notice{position:relative;z-index:20;color:#fff;background:#101820;font-size:.82rem}.demo-notice-inner,.demo-shell{width:min(100% - 40px,1180px);margin-inline:auto}.demo-notice-inner{display:flex;min-height:46px;gap:1rem;align-items:center;justify-content:space-between}.demo-notice p{margin:0}.demo-notice strong{color:#d7f45b}.demo-notice a{flex:0 0 auto;font-weight:760;text-underline-offset:3px}.demo-site-header{border-bottom:1px solid var(--demo-line);background:color-mix(in srgb,var(--demo-paper) 91%,transparent)}.demo-nav{display:flex;min-height:84px;gap:2rem;align-items:center;justify-content:space-between}.demo-logo{display:inline-flex;gap:.7rem;align-items:center;text-decoration:none;font-size:1.08rem;font-weight:850;letter-spacing:-.035em}.demo-logo-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#fff;background:var(--demo-accent);font-size:1rem;letter-spacing:0}.demo-nav-links{display:flex;gap:1.7rem;align-items:center}.demo-nav-links a{text-decoration:none;font-size:.88rem;font-weight:680}.demo-nav-links a:hover{text-decoration:underline;text-underline-offset:4px}.demo-button{display:inline-flex;min-height:50px;padding:.82rem 1.18rem;border:2px solid var(--demo-accent);border-radius:999px;align-items:center;justify-content:center;color:#fff;background:var(--demo-accent);text-decoration:none;font-size:.88rem;font-weight:780;transition:transform 150ms ease , box-shadow 150ms ease}.demo-button:hover{box-shadow:0 10px 24px color-mix(in srgb,var(--demo-accent) 25%,transparent);transform:translateY(-2px)}.demo-button-secondary{color:var(--demo-ink);border-color:var(--demo-line);background:transparent}.demo-hero{display:grid;min-height:650px;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(2rem,7vw,7rem);align-items:center;padding-block:clamp(4.5rem,8vw,7.5rem)}.demo-eyebrow{display:flex;gap:.6rem;align-items:center;margin:0 0 1rem;color:var(--demo-accent);font-size:.74rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.demo-eyebrow::before{width:34px;height:2px;content:"";background:currentColor}.demo-hero h1,.demo-section h2,.demo-contact h2{margin:0;font-size:clamp(2.65rem,6.2vw,5.8rem);font-weight:820;hyphens:auto;letter-spacing:-.065em;line-height:.95;overflow-wrap:anywhere}.demo-technik .demo-hero h1{font-size:clamp(2.65rem,5.2vw,4.6rem)}.tech-nowrap{white-space:nowrap}.demo-hero-copy{min-width:0}.demo-hero-copy > p:not(.demo-eyebrow) {max-width:610px;margin:1.45rem 0 0;color:var(--demo-muted);font-size:clamp(1rem,1.7vw,1.18rem)}.demo-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.demo-microproof{display:flex;flex-wrap:wrap;gap:.55rem 1.15rem;margin:1.35rem 0 0;padding:0;color:var(--demo-muted);font-size:.8rem;list-style:none}.demo-microproof li::before{margin-right:.35rem;color:var(--demo-accent);content:"✓";font-weight:900}.demo-visual{position:relative;min-height:510px;overflow:hidden;border:1px solid var(--demo-line);border-radius: calc(var(--demo-radius) + 10px);background:var(--demo-surface);box-shadow:var(--demo-shadow)}.demo-section{padding-block:clamp(4.5rem,9vw,8rem)}.demo-section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:3rem;align-items:end;margin-bottom:3rem}.demo-section h2,.demo-contact h2{font-size:clamp(2.25rem,4.6vw,4.35rem)}.demo-section-heading>p{margin:0;color:var(--demo-muted)}.demo-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.demo-card{min-height:260px;padding:1.7rem;border:1px solid var(--demo-line);border-radius:var(--demo-radius);background:var(--demo-surface)}.demo-icon{display:grid;width:52px;height:52px;place-items:center;margin-bottom:2rem;border-radius:16px;color:var(--demo-accent);background:color-mix(in srgb,var(--demo-accent) 10%,transparent)}.demo-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.demo-card h3{margin:0 0 .65rem;font-size:1.35rem;letter-spacing:-.03em}.demo-card p{margin:0;color:var(--demo-muted);font-size:.92rem}.demo-contact{color:#fff;background:var(--demo-ink)}.demo-contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,7vw,7rem);align-items:center;padding-block:clamp(4.5rem,9vw,7.5rem)}.demo-contact p{color:rgba(255,255,255,.7)}.demo-contact-card{padding:clamp(1.4rem,4vw,2.5rem);border:1px solid rgba(255,255,255,.16);border-radius:var(--demo-radius);background:rgba(255,255,255,.07)}.demo-contact-card dl{display:grid;grid-template-columns:auto 1fr;gap:.85rem 1.4rem;margin:0}.demo-contact-card dt{color:rgba(255,255,255,.57)}.demo-contact-card dd{margin:0;font-weight:730}.demo-fineprint{margin-top:1.2rem!important;font-size:.75rem}.demo-footer{padding-block:2rem;color:var(--demo-muted);background:var(--demo-paper);font-size:.78rem}.demo-footer .demo-shell{display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;justify-content:space-between}.demo-footer p{margin:0}.demo-handwerk{--demo-ink:#202b32;--demo-muted:#637078;--demo-paper:#f5f0e8;--demo-accent:#bf5435;--demo-accent-2:#eacb84}.room-scene{position:absolute;inset:0;background:linear-gradient(160deg,#f7dcae 0 53%,#dcc9b3 53% 69%,#8a725e 69%)}.room-window{position:absolute;top:14%;left:12%;width:38%;height:42%;border:12px solid #fff;background:linear-gradient(#9bc4cf 58%,#9ab486 58%);box-shadow:0 18px 34px rgba(32,43,50,.14)}.room-window::before,.room-window::after{position:absolute;content:"";background:#fff}.room-window::before{top:50%;left:0;width:100%;height:8px}.room-window::after{top:0;left:51%;width:8px;height:100%}.room-arch{position:absolute;right:9%;bottom:21%;width:32%;height:52%;border-radius:120px 120px 0 0;background:#bf5435}.room-arch::after{position:absolute;inset:12% 14% 0;border-radius:inherit;content:"";background:#39434b}.room-bench{position:absolute;bottom:15%;left:11%;width:50%;height:12%;border-radius:8px;background:#fff;box-shadow:0 14px 0 -7px #5e4b3c}.room-swatch{position:absolute;bottom:8%;width:42px;height:42px;border:5px solid rgba(255,255,255,.76);border-radius:50%;box-shadow:0 8px 20px rgba(32,43,50,.2)}.room-swatch.one{left:13%;background:#bf5435}.room-swatch.two{left:21%;background:#2e5e59}.room-swatch.three{left:29%;background:#eacb84}.room-label{position:absolute;right:5%;top:5%;padding:.65rem .8rem;border-radius:12px;color:#fff;background:#202b32;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.demo-praxis{--demo-ink:#24372f;--demo-muted:#64766d;--demo-paper:#f1f5ef;--demo-accent:#397864;--demo-accent-2:#e7b8a6;font-family:ui-rounded,"Avenir Next","Segoe UI",sans-serif}.demo-praxis .demo-hero h1,.demo-praxis .demo-section h2,.demo-praxis .demo-contact h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.045em}.practice-visual{background:#dce9df}.practice-orbit{position:absolute;top:8%;right:8%;width:66%;aspect-ratio:1;border:1px solid rgba(57,120,100,.24);border-radius:50%}.practice-orbit::before,.practice-orbit::after{position:absolute;border:1px solid rgba(57,120,100,.2);border-radius:50%;content:""}.practice-orbit::before{inset:14%}.practice-orbit::after{inset:31%;background:#397864}.practice-leaf{position:absolute;top:18%;left:12%;width:24%;height:46%;border-radius:100% 0 100% 0;background:#e7b8a6;transform:rotate(-18deg)}.practice-card{position:absolute;right:7%;bottom:7%;left:7%;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:1.35rem;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 20px 55px rgba(36,55,47,.14)}.practice-card span,.practice-card strong{display:block}.practice-card span{color:var(--demo-muted);font-size:.75rem}.practice-card i{display:grid;width:54px;height:54px;place-items:center;border-radius:50%;color:#fff;background:var(--demo-accent);font-style:normal;font-weight:800}.demo-genuss{--demo-ink:#301f1c;--demo-muted:#745f58;--demo-paper:#fff4d6;--demo-surface:#fffbef;--demo-accent:#d53e2f;--demo-accent-2:#f4bd38}.demo-genuss .demo-logo,.demo-genuss .demo-hero h1,.demo-genuss .demo-section h2,.demo-genuss .demo-contact h2{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-weight:700;letter-spacing:-.02em;text-transform:uppercase}.bakery-stage{background:#f4bd38}.bakery-sun{position:absolute;top:-12%;right:-10%;width:60%;aspect-ratio:1;border-radius:50%;background:#d53e2f}.bakery-label{position:absolute;top:8%;left:8%;padding:.65rem .9rem;border:2px solid #301f1c;border-radius:999px;background:#fff4d6;font-size:.72rem;font-weight:850;text-transform:uppercase;transform:rotate(-4deg)}.loaf{position:absolute;right:15%;bottom:16%;width:57%;height:44%;border:8px solid #301f1c;border-radius:55% 55% 43% 43%;background:#d98c43;box-shadow:18px 20px 0 #fff4d6;transform:rotate(7deg)}.loaf::before{position:absolute;top:19%;left:16%;width:68%;height:12px;border-radius:99px;background:#fff4d6;box-shadow:0 46px 0 #fff4d6 , 0 92px 0 #fff4d6;content:"";transform:rotate(-12deg)}.bakery-hours{position:absolute;bottom:7%;left:7%;padding:.9rem;border-radius:14px;color:#fff;background:#301f1c;font-size:.76rem;font-weight:800}.demo-technik{--demo-ink:#081b2a;--demo-muted:#597386;--demo-paper:#edf4f5;--demo-surface:#0d2536;--demo-accent:#0b8f86;--demo-accent-2:#c4eb48;font-family:"Arial",ui-sans-serif,sans-serif}.demo-technik .demo-site-header{color:#fff;border-bottom-color:rgba(255,255,255,.12);background:#081b2a}.demo-technik .demo-logo-mark{color:#081b2a;background:var(--demo-accent-2)}.tech-console{padding:1rem;color:#dff6f4;background-color:#0d2536;background-image:linear-gradient(rgba(196,235,72,.055) 1px,transparent 1px) , linear-gradient(90deg,rgba(196,235,72,.055) 1px,transparent 1px);background-size:32px 32px}.console-bar{display:flex;height:48px;gap:.45rem;align-items:center;padding-inline:.8rem;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(8,27,42,.85)}.console-bar span{width:8px;height:8px;border-radius:50%;background:var(--demo-accent-2)}.console-screen{position:absolute;inset:88px 7% 7%;display:grid;grid-template-columns:1.2fr .8fr;gap:.8rem}.console-main,.console-stat{border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(8,27,42,.78)}.console-main{position:relative;grid-row:span 2;overflow:hidden}.console-main::before{position:absolute;top:11%;right:12%;bottom:11%;left:12%;border:2px solid var(--demo-accent);border-radius:50%;content:"";box-shadow:inset 0 0 0 34px rgba(11,143,134,.08) , 0 0 45px rgba(11,143,134,.15)}.console-main::after{position:absolute;top:50%;left:20%;width:60%;height:3px;background:var(--demo-accent-2);content:"";box-shadow:0 -38px 0 rgba(196,235,72,.28) , 0 38px 0 rgba(196,235,72,.28);transform:rotate(-12deg)}.console-stat{display:grid;place-content:center;padding:1rem}.console-stat strong{color:var(--demo-accent-2);font-size:1.5rem}.console-stat span{color:rgba(255,255,255,.62);font-size:.7rem}.demo-technik .demo-contact{background:#06141f}@media (max-width:880px){.demo-hero,.demo-section-heading,.demo-contact-grid{grid-template-columns:1fr}.demo-hero{min-height:0;padding-block:4rem}.demo-visual{min-height:460px}.demo-card-grid{grid-template-columns:1fr 1fr}.demo-card:last-child{grid-column: 1 / -1}}@media (max-width:620px){.demo-notice-inner,.demo-shell{width:min(100% - 28px,1180px)}.demo-notice-inner{min-height:58px;gap:.6rem}.demo-notice p{max-width:205px;font-size:.7rem;line-height:1.3}.demo-notice a{font-size:.72rem}.demo-nav{min-height:70px}.demo-nav-links a:not(.demo-button) {display:none}.demo-nav-links .demo-button{min-height:44px;padding-inline:.85rem;font-size:.76rem}.demo-logo{font-size:.9rem}.demo-logo-mark{width:38px;height:38px}.demo-hero{gap:2.7rem;padding-block:3.4rem}.demo-hero h1{font-size:clamp(2.65rem,15vw,4.2rem)}.demo-technik .demo-hero h1{font-size:clamp(2.5rem,12vw,3.2rem)}.demo-actions{align-items:stretch;flex-direction:column}.demo-actions .demo-button{width:100%}.demo-visual{min-height:370px;border-radius:24px}.room-window{border-width:8px}.room-window::before{height:5px}.room-window::after{width:5px}.practice-card{right:5%;left:5%}.loaf{right:11%;width:65%}.console-screen{inset:75px 5% 5%}.demo-section{padding-block:4rem}.demo-section-heading{gap:1.2rem;margin-bottom:2rem}.demo-card-grid{grid-template-columns:1fr}.demo-card,.demo-card:last-child{min-height:0;grid-column:auto}.demo-icon{margin-bottom:1.2rem}.demo-contact-grid{padding-block:4rem}.demo-contact-card dl{grid-template-columns:1fr;gap:.2rem}.demo-contact-card dd+dt{margin-top:.65rem}.demo-footer .demo-shell{display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}