:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#183e34;background:#fafaf5;font-synthesis:none;--ink:#183e34;--muted:#61736a;--line:#dce2d8;--accent:#d9eb79}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0}a{color:inherit}a,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #bf5729;outline-offset:6px}p{line-height:1.75}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600}a{text-underline-offset:5px}.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:10;padding:14px;background:white}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;background:#fafaf5f5;border-bottom:1px solid #183e3410;z-index:5}.header-inner{height:94px;display:flex;align-items:center;gap:32px}.wordmark{display:inline-flex;align-items:center;text-decoration:none;font-size:32px;letter-spacing:-1.6px;font-weight:750}.brand-symbol{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--accent);font-size:23px;border-radius:7px;margin-right:9px}.brand-dot{color:#78974a}.primary-nav{display:flex;gap:30px;margin-left:auto;font-size:13px;font-weight:600}.primary-nav a{text-decoration:none}.primary-nav a:hover{text-decoration:underline}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;text-decoration:none;font-size:13px;font-weight:650;padding:17px 23px;border-radius:7px;transition:transform .15s,background .15s;min-height:48px}.button:hover{transform:translateY(-2px)}.login-button{border:1px solid #bdcabc;white-space:nowrap}.login-button:hover{background:#e9eedf}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#285545}.button-light{background:var(--accent);color:var(--ink)}.hero{padding:80px 0 74px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:#779e4d;border-radius:50%}h1{font-size:clamp(54px,6vw,82px);line-height:1.05;letter-spacing:-4px;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#678551}.hero-description{max-width:490px;color:var(--muted);font-size:16px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.text-link{font-size:13px;font-weight:650;text-decoration:none}.text-link:hover{text-decoration:underline}.hero-note{font-size:11px;color:#67766d;margin-top:25px}.product-scene{position:relative;padding:28px 25px 22px;background:#e6eada;border-radius:14px;isolation:isolate;transform:rotate(-2deg)}.scene-topline{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:1.2px;margin-bottom:25px}.scene-topline>span:last-child{font-size:27px}.screen-shell{padding:10px;background:#25332c;border-radius:12px;box-shadow:0 20px 35px #27372b24}.screen-content{position:relative;aspect-ratio:16/10;background:#f5deac;overflow:hidden;border-radius:3px;padding:20px}.screen-label{font-size:8px;letter-spacing:1.4px;font-weight:700;position:relative;z-index:2}.screen-message{font-size:clamp(24px,3vw,39px);font-weight:600;letter-spacing:-1.5px;line-height:1.12;margin-top:35px;position:relative;z-index:2;max-width:80%}.screen-message i{font-family:Georgia,serif;font-weight:400}.screen-bottom{position:absolute;bottom:15px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:6px;font-weight:700;letter-spacing:.7px;z-index:2}.coffee-art{position:absolute;right:-15px;bottom:28px;width:170px;height:170px;transform:rotate(-22deg)}.saucer{position:absolute;width:146px;height:146px;border-radius:50%;background:linear-gradient(125deg,#f9efdb,#d7b684);box-shadow:8px 12px 22px #6b4d3338;right:0;bottom:0;display:grid;place-items:center}.cup{width:103px;height:103px;border:8px solid #f7ecd9;border-radius:50%;background:#fbf4e8;position:relative;box-shadow:4px 5px 9px #55331738;padding:3px}.cup:after{content:"";position:absolute;width:30px;height:26px;right:-32px;top:27px;border:8px solid #f7ecd9;border-radius:10px;z-index:-1}.coffee{height:100%;border-radius:50%;background:radial-gradient(ellipse at 50% 55%,#f7e2bb 0 12%,#b78245 13% 18%,#f2dab0 19% 24%,#bb8950 25% 30%,#eed3a3 31% 36%,#be8e56 37% 52%,#956434 62%,#694527 100%)}.leaf{position:absolute;width:23px;height:60px;background:#65754d;border-radius:0 80% 0 80%;z-index:-1}.leaf-one{left:9px;top:-2px;transform:rotate(-18deg)}.leaf-two{left:36px;top:-12px;transform:rotate(48deg)}.screen-stand{width:90px;height:23px;margin:auto;background:linear-gradient(90deg,#879180,#bdc2ad,#879180);clip-path:polygon(27% 0,73% 0,80% 75%,100% 85%,100% 100%,0 100%,0 85%,20% 75%)}figcaption{display:flex;align-items:center;gap:11px;font-size:10px;line-height:1.7;margin-top:20px}.scene-caption-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#fafaf5;font-size:18px}figcaption strong{font-size:12px}.benefit-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit-inner{display:flex;justify-content:space-between;gap:20px;padding-block:23px;font-size:11px;font-weight:600;color:#52695a}.benefit-inner span:before{content:"✳";margin-right:12px;color:#77974d}.section{padding-block:90px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:end;margin-bottom:40px}h2{font-size:clamp(32px,3.4vw,45px);line-height:1.13;letter-spacing:-1.8px;margin-top:15px}.section-heading>p{font-size:14px;color:var(--muted);max-width:420px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:white;border:1px solid var(--line);border-radius:10px;padding:29px 27px;display:flex;flex-direction:column;align-items:flex-start}.feature-number{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#6c7d6a}.feature-icon{font-size:28px;margin:35px 0 20px;color:#55724d}.feature-card h3{font-size:21px;letter-spacing:-.6px;margin-bottom:14px}.feature-card p{font-size:13px;color:var(--muted);margin-bottom:27px}.feature-tag{margin-top:auto;font-size:10px;background:#f0f4e6;color:#4b6949;border-radius:4px;padding:7px 10px}.how-section{background:#edf1e5;padding-block:80px}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.how-intro{color:var(--muted);font-size:14px;max-width:330px;margin:24px 0}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid #cad5c3}.steps li:first-child{padding-top:0}.steps li:last-child{border-bottom:0}.step-number{display:grid;place-items:center;flex:0 0 36px;height:36px;border:1px solid #c3d0b8;border-radius:50%;font-size:12px}.steps h3{font-size:19px;margin:5px 0 9px}.steps p{font-size:13px;color:var(--muted)}.use-section h2{margin-bottom:36px}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.use-grid article{border-top:2px solid #bdcbb0;padding-top:22px}.use-grid span{font-size:9px;font-weight:750;letter-spacing:1.4px;color:#66814d}.use-grid h3{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin:17px 0 12px}.use-grid p{font-size:13px;color:var(--muted)}.pricing-section{background:#f0dec3;border-radius:12px;padding:55px 65px;display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}.pricing-copy>p:not(.eyebrow){font-size:14px;max-width:510px;margin-top:20px;color:#4d6152}.pricing-copy .pricing-detail{font-size:12px!important}.pricing-visual{display:flex;flex-direction:column;align-items:center}.mini-screen{width:200px;height:135px;border:8px solid var(--ink);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:74px;letter-spacing:-5px;background:#f9eddb;box-shadow:10px 12px 0 #d7bf9d}.mini-screen span{font-size:17px;letter-spacing:1px;margin-top:34px}.registration-line{height:42px;border-left:1px dashed #718160}.registration-pill{font-size:9px;letter-spacing:1px;background:var(--ink);color:#f6eedf;border-radius:25px;padding:14px 18px}.faq-section{display:grid;grid-template-columns:1fr 1.25fr;gap:75px}.faq-list details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:22px 30px 22px 0;font-size:15px;font-weight:600;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:0;font-size:21px;font-weight:400;top:17px}details[open] summary:after{content:"−"}.faq-list p{font-size:13px;color:var(--muted);padding:0 25px 22px 0}.closing-section{background:var(--ink);color:#fafaf5;padding:65px 0}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.closing-section .eyebrow{color:#bfd296}.closing-section h2{font-size:clamp(30px,3.4vw,44px)}.site-footer{padding:33px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner .wordmark{font-size:26px}.footer-inner p,.footer-inner>a:last-child{font-size:11px;color:#61736a}.footer-inner>a:last-child{text-decoration:none}
@media(min-width:1500px){.hero{padding-block:100px}.product-scene{padding:30px}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.hero-grid{gap:30px}h1{font-size:62px}.primary-nav{gap:16px}.header-inner{gap:24px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.section-heading{gap:40px}.how-grid{gap:55px}.feature-card{padding:24px 20px}.screen-message{font-size:30px}.coffee-art{width:135px;height:135px;right:-28px;bottom:13px;transform:scale(.8) rotate(-22deg)}.scene-topline{font-size:6px}.screen-label{font-size:6px}.screen-bottom{font-size:5px}.pricing-section{padding:45px}.faq-section{gap:45px}}
@media(max-width:760px){.primary-nav{display:none}.header-inner{height:78px;justify-content:space-between;gap:12px}.wordmark{font-size:28px}.brand-symbol{width:29px;height:29px;font-size:20px}.login-button{font-size:12px;padding:12px 15px;gap:12px}.hero{padding:48px 0}.hero-grid{grid-template-columns:1fr;gap:45px}.hero-description{max-width:520px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero h1{font-size:64px}.product-scene{max-width:500px;width:100%;margin:auto;transform:none}.screen-message{font-size:39px}.screen-label{font-size:8px}.screen-bottom{font-size:6px}.coffee-art{transform:rotate(-22deg);right:0;bottom:35px}.scene-topline{font-size:8px}.benefit-inner{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:16px}.benefit-inner span:before{margin-right:7px}.section{padding-block:60px}.section-heading{grid-template-columns:1fr;gap:22px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:25px}.feature-icon{margin:20px 0 15px}.feature-card p{margin-bottom:20px}.how-section{padding-block:55px}.how-grid{grid-template-columns:1fr;gap:40px}.use-grid{grid-template-columns:1fr;gap:28px}.use-grid article{padding-top:18px}.use-grid h3{margin:12px 0 8px}.pricing-section{grid-template-columns:1fr;padding:35px 27px;gap:35px}.pricing-visual{padding-bottom:10px}.faq-section{grid-template-columns:1fr;gap:25px}.closing-inner{align-items:flex-start;flex-direction:column;gap:28px}.closing-section{padding:45px 0}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;flex-basis:100%}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.hero h1{font-size:55px}.brand-symbol{display:none}.hero-actions{align-items:flex-start;flex-direction:column}.screen-message{font-size:28px}.screen-label{font-size:6px}.screen-bottom{font-size:4px}.coffee-art{right:-32px;bottom:8px;transform:scale(.75) rotate(-22deg)}.benefit-inner{grid-template-columns:1fr}.scene-topline{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
.site-languages{display:flex;gap:10px;font-size:11px;font-weight:650;align-items:center}.site-languages a{text-decoration:none;padding:8px 2px}.site-languages a[aria-current="page"]{border-bottom:2px solid var(--ink)}
@media(max-width:1050px){.primary-nav{gap:12px;font-size:12px}.header-inner{gap:18px}}
@media(max-width:760px){.header-inner{height:auto;min-height:78px;padding-block:15px;flex-wrap:wrap;gap:10px}.site-languages{order:3;flex-basis:100%;justify-content:flex-end}.hero-actions{flex-wrap:wrap}.button{white-space:nowrap}}

.header-account-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-account-actions .button{white-space:nowrap;gap:10px;padding-inline:16px}
@media(max-width:1200px){.header-inner{height:auto;min-height:94px;flex-wrap:wrap;padding-block:16px;gap:16px}.primary-nav{gap:16px}.header-account-actions{margin-left:auto}}
@media(max-width:760px){.header-inner{min-height:78px}.header-account-actions{flex-basis:100%;justify-content:flex-end}.header-account-actions .button{font-size:12px;padding:12px 15px}.site-languages{margin-left:auto}}
.price-options{display:grid;gap:16px}.price-card{background:var(--cream,#f5f5ef);border:1px solid #ccd6c5;border-radius:16px;padding:24px}.price-card h3{margin:0}.price-card .price{font-size:42px;font-weight:700;color:#193e32;margin:12px 0}.price-card p{margin:6px 0}.information-section{display:grid;grid-template-columns:1fr 1fr;gap:64px}.information-section form{display:grid;gap:16px}.information-section label{display:grid;gap:8px;font-weight:600}.information-section input,.information-section textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #b8c6b5;border-radius:8px;background:#fff;font:inherit;color:#193e32}.information-section button{justify-self:start}.company-note{text-align:center;font-size:12px;padding:0 20px 24px;color:#52645b}.guide{max-width:850px}.guide article{padding:24px 0;border-bottom:1px solid #ccd6c5}.guide p{line-height:1.8}@media(max-width:760px){.information-section{grid-template-columns:1fr;gap:28px}}
/* Business examples keep the original screen frame and use practical, illustrative signage. */
.example-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px}.example-controls[hidden]{display:none}.example-controls button{border:1px solid #b9c5ad;border-radius:6px;padding:9px 12px;min-height:40px;background:#fafaf5;color:var(--ink);font:inherit;font-size:11px;cursor:pointer}.example-controls button:hover{background:#d9eb79}.example-controls button:focus-visible{outline:3px solid #bf5729;outline-offset:3px}.example-panel{position:absolute;inset:0;padding:20px;animation:example-in .45s ease-out}.example-panel .screen-message{font-size:clamp(23px,2.45vw,34px);max-width:90%;margin-top:28px;letter-spacing:-1px}.example-panel .screen-bottom{font-size:8px;line-height:1.5;max-width:85%;letter-spacing:.2px}.example-art{position:absolute;right:10px;bottom:37px;width:112px;height:112px;opacity:.2;transform:rotate(-12deg)}.example-art svg{width:100%;height:100%}.screen-content[data-theme=restaurant]{background:#f0cdb5;color:#533b2e}.screen-content[data-theme=shop]{background:#eedde2;color:#4d3349}.screen-content[data-theme=sports]{background:#183e34;color:#e1efaf}.screen-content[data-theme=doctor]{background:#d9eeed;color:#224e54}.screen-content[data-theme=law]{background:#273a4e;color:#efe4cb}.screen-content[data-theme=hotel]{background:#e6dfcc;color:#574735}.screen-content[data-theme=salon]{background:#e9d5c9;color:#643e45}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-grid .text-link{margin-top:auto}.service-note{color:var(--muted);font-size:12px;margin-top:20px}.price-card .button{margin-top:18px}.primary-nav a{white-space:nowrap}@keyframes example-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px) and (min-width:761px){.example-panel .screen-message{font-size:24px;margin-top:18px}.example-panel .screen-bottom{font-size:7px}.example-art{width:80px;height:80px}}
@media(max-width:760px){.primary-nav{display:flex;order:4;width:100%;justify-content:space-between;gap:8px;font-size:11px}.service-grid{grid-template-columns:1fr}.example-panel .screen-message{font-size:clamp(24px,6vw,36px);margin-top:24px}.example-panel .screen-bottom{font-size:7px}.example-art{width:90px;height:90px}.example-controls{justify-content:center}.product-scene{padding-inline:16px}.example-panel{padding:16px}}
@media(prefers-reduced-motion:reduce){.example-panel{animation:none}}
@media(max-width:760px){.primary-nav{flex-wrap:wrap;column-gap:16px;row-gap:10px}}
@media(max-width:380px){.example-panel .screen-message{font-size:20px;margin-top:14px;max-width:100%}.example-panel .screen-bottom{font-size:6px}.example-art{width:65px;height:65px}.screen-content:has(.example-panel){aspect-ratio:16/11}}
/* Photo-based signage uses live text so menus and practical details stay sharp in every language. */
#signage-examples .screen-content{container-type:inline-size;aspect-ratio:16/10;padding:0;background:#fff7e9;color:#332f29}
.example-panel.photo-signage{padding:0;display:grid;grid-template-columns:54% 46%;animation:none}
.photo-signage .venue-photo{grid-column:2;width:100%;height:100%;object-fit:cover;object-position:center;min-height:0}
.photo-signage .signage-copy{grid-column:1;grid-row:1;padding:5cqw 4cqw;display:flex;flex-direction:column;min-width:0;background:#fff7e9}
.photo-signage .screen-label{font-size:1.65cqw;letter-spacing:.2cqw;line-height:1.4}
.example-panel.photo-signage .screen-message{font:600 4.6cqw/1.12 Georgia,serif;letter-spacing:-.1cqw;max-width:100%;margin:3cqw 0}
.signage-list{margin:0;padding:0;display:grid;gap:2.2cqw;font-size:2.25cqw;line-height:1.35}.signage-list>div{display:flex;justify-content:space-between;gap:1.5cqw;border-bottom:1px solid #332f2925;padding-bottom:1.4cqw}.signage-list dt{min-width:0}.signage-list dd{margin:0;font-weight:700;text-align:right;flex-shrink:0;max-width:48%}
.example-panel.photo-signage .screen-bottom{position:static;font-size:1.7cqw;letter-spacing:0;line-height:1.4;max-width:100%;margin-top:auto;padding-top:2cqw}
[data-theme=law] .photo-signage .signage-copy,[data-theme=sports] .photo-signage .signage-copy{background:#203c3c;color:#fff8e7}
[data-theme=law] .signage-list>div,[data-theme=sports] .signage-list>div{border-color:#ffffff40}
[data-theme=doctor] .photo-signage .signage-copy{background:#e8f2ed}[data-theme=doctor] .photo-signage .venue-photo{object-position:28% center}
[data-theme=salon] .photo-signage .signage-copy,[data-theme=shop] .photo-signage .signage-copy{background:#f2e2d8}
[data-theme=sports] .example-panel.photo-signage{display:flex;flex-direction:column;background:#203c3c}
[data-theme=sports] .photo-signage .venue-photo{width:100%;height:75%;object-fit:contain}
[data-theme=sports] .photo-signage .signage-copy{height:25%;padding:2cqw 4cqw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:1cqw 3cqw}
[data-theme=sports] .photo-signage .screen-label{display:none}[data-theme=sports] .example-panel.photo-signage .screen-message{font-size:3.5cqw;margin:0}
[data-theme=sports] .signage-list{font-size:2.4cqw}[data-theme=sports] .signage-list>div{padding:0;border:0}
[data-theme=sports] .example-panel.photo-signage .screen-bottom{grid-column:1/-1;padding:0;margin:0;font-size:1.8cqw}
.example-help{display:block;font-size:12px;font-weight:650;line-height:1.6;margin-top:14px}
.signage-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html[lang=de] .hero h1{font-size:clamp(38px,5vw,70px);letter-spacing:-2px}.guide h1{overflow-wrap:break-word}