@font-face{font-family:DemoSans;src:local('Arial');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg,#f8f8f5);color:var(--ink,#202a2c);font:16px/1.55 Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent,#53778c);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,6.4vw,86px);line-height:1.03;letter-spacing:-.055em;font-weight:500}h2{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.04em;font-weight:500}h3{font-size:23px;line-height:1.2;letter-spacing:-.025em}p{max-width:64ch}.muted{color:var(--muted,#627071)}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:700;margin-bottom:20px}.lead{font-size:19px;margin-top:22px;max-width:47ch}.demo-bar{background:#eef2f0;color:#334441;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 5%;font-size:11px;min-height:42px;border-bottom:1px solid #d8e0dc;position:relative;z-index:20}.demo-bar strong{font-size:11px;letter-spacing:.025em}.languages{display:flex;gap:4px;flex-shrink:0}.languages a{padding:3px 7px;border-radius:3px}.languages a[aria-current=true]{background:#28483e;color:#fff}.site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:88px;padding:20px 5%;border-bottom:1px solid var(--line,#dcdeda)}.brand{font-weight:800;font-size:22px;letter-spacing:-.05em;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:.2em;font-weight:400;margin-top:2px}.site-nav{display:flex;align-items:center;gap:26px;font-size:13px}.site-nav a[aria-current=page]{border-bottom:2px solid var(--accent);padding-bottom:6px}.nav-cta{padding:12px 18px;background:var(--ink);color:var(--bg);border:0!important}.container{max-width:1240px;margin:auto;padding:64px 5%}.page-heading{margin-bottom:38px}.page-heading p{margin-top:12px}.hero{max-width:1440px;margin:auto;position:relative}.hero-copy{padding:70px 5%;position:relative;z-index:2}.hero .actions{margin-top:32px}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:var(--button-ink,#fff);border:1px solid var(--accent);padding:14px 22px;font-size:13px;font-weight:700;transition:transform .2s,background .2s;min-height:46px}.btn:hover{transform:translateY(-2px)}.btn.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.btn.small{padding:9px 15px;min-height:40px}.text-link{font-size:13px;border-bottom:1px solid;padding-bottom:3px}.hero-image{display:block;width:100%;height:100%;object-fit:cover}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-head p{font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:var(--surface,#fff);overflow:hidden}.card-photo{width:100%;height:210px;object-fit:cover;display:block}.card-body{padding:24px}.card-body p{margin:12px 0 18px;font-size:14px}.card-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px}.price{font-size:24px;letter-spacing:-.04em}.facts{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:12px}.tag{display:inline-block;padding:5px 9px;border:1px solid var(--line);font-size:10px;letter-spacing:.04em}.toolbar{display:flex;align-items:end;gap:16px;padding:22px;background:var(--surface);border:1px solid var(--line);margin-bottom:28px;flex-wrap:wrap}.toolbar label{flex:1;min-width:145px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--bg);padding:13px 14px;color:var(--ink);border-radius:0;min-height:46px}.field textarea{min-height:120px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .full{grid-column:1/-1}.form-panel{padding:32px;background:var(--surface);border:1px solid var(--line);max-width:780px}.form-panel .btn{margin-top:26px}.hint{font-size:12px;margin:15px 0;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.split .feature-photo{width:100%;height:430px;object-fit:cover}.stack{display:flex;flex-direction:column;gap:20px}.row-list{border-top:1px solid var(--line)}.row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.row .row-title{font-size:21px}.row p{font-size:13px;margin-top:5px;color:var(--muted)}.row-number{font-size:12px;color:var(--muted);min-width:34px}.row-main{flex:1}.empty{padding:50px;border:1px dashed var(--line);text-align:center;font-size:15px}.empty .btn{margin-top:18px}.summary{padding:26px;background:var(--soft,#e9efeb);border:1px solid var(--line);margin-top:25px}.summary p{margin-top:8px}.notice{padding:18px 22px;border-left:3px solid var(--accent);background:var(--soft);font-size:13px;margin:26px 0}.list-detail{display:grid;grid-template-columns:1.25fr .75fr;gap:34px}.list-detail>img{width:100%;height:480px;object-fit:cover}.big-number{font-size:68px;line-height:1;letter-spacing:-.06em;margin:20px 0}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-strip>div{padding:25px 30px;border-right:1px solid var(--line)}.metric-strip>div:last-child{border:0}.metric-strip strong{font-size:28px;display:block;letter-spacing:-.04em}.metric-strip small{font-size:11px;color:var(--muted)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5%;font-size:11px;border-top:1px solid var(--line);margin-top:35px;color:var(--muted)}.toast{position:fixed;z-index:100;bottom:28px;left:50%;transform:translateX(-50%);padding:15px 24px;background:var(--ink);color:var(--bg);box-shadow:0 8px 40px #0002;max-width:calc(100% - 30px);font-size:13px;animation:appear .2s ease}.toast[hidden]{display:none}.success-mark{font-size:42px;color:var(--accent);margin-bottom:12px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:transparent;color:var(--ink);border:1px solid var(--line);padding:10px 17px;font-size:12px}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--button-ink,#fff)}.detail-facts{display:grid;grid-template-columns:1fr 1fr;margin:20px 0}.detail-facts>div{border-bottom:1px solid var(--line);padding:14px 0}.detail-facts small{display:block;color:var(--muted);font-size:11px}.gallery{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}.gallery img{width:100%;height:420px;object-fit:cover}.process{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.process>div{border-top:1px solid var(--line);padding-top:20px}.process>div:before{counter-increment:step;content:'0' counter(step);font-size:11px;color:var(--muted);display:block;margin-bottom:18px}.process p{font-size:14px;margin-top:12px}.photo-caption{font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-top:10px}.svg-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.quantity{display:flex;align-items:center;gap:12px}.quantity button{width:34px;height:34px;border:1px solid var(--line);background:transparent;color:var(--ink)}.icon-button{background:transparent;border:1px solid var(--line);color:var(--ink);padding:10px;min-width:42px}.button-row{display:flex;gap:10px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Automotive: precise red, wide photography and technical spec lines. */
body[data-demo=autohaus]{--bg:#f4f4f1;--surface:#fff;--ink:#131719;--accent:#c13329;--muted:#667071;--line:#d7dad8;--soft:#ecece7}.auto-hero{height:590px;background:#202628;color:#fff;overflow:hidden}.auto-hero>img{position:absolute;inset:0;object-position:50% 66%;filter:brightness(.57)}.auto-hero .hero-copy{max-width:680px}.auto-hero h1{font-weight:700}.auto-hero .lead{font-size:16px;max-width:36ch}.auto-hero .hero-note{position:absolute;right:5%;bottom:40px;font:11px/1.8 monospace;text-align:right}.auto-spec{display:flex;gap:24px;background:#14191a;color:#fff;padding:23px 5%;font:11px monospace;justify-content:space-between}.autohaus .card{border:0;border-bottom:1px solid var(--line)}.autohaus .card-photo{height:235px}.autohaus .card-body{padding:20px 0}.autohaus .brand{font-family:Arial,sans-serif}.auto-detail{background:#e4e5e1}
/* Restaurant: warm editorial serif, asymmetric imagery, printed menu. */
body[data-demo=restaurant]{--bg:#f5efdf;--surface:#f9f5ea;--ink:#4a382b;--accent:#a0482f;--muted:#837261;--line:#d9cdbb;--soft:#eae0cb}body[data-demo=restaurant] h1,body[data-demo=restaurant] h2,body[data-demo=restaurant] h3{font-family:Georgia,serif;letter-spacing:-.04em}body[data-demo=restaurant] .brand{font:italic 30px Georgia,serif}.restaurant-hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;padding:38px 5% 60px;gap:30px}.restaurant-hero .hero-copy{padding:35px 0}.restaurant-hero .hero-image{height:470px;border-radius:46% 46% 0 0;object-position:50% 60%}.restaurant-hero h1 em{display:block;color:var(--accent);font-weight:400}.restaurant-seal{font:italic 15px Georgia,serif;border:1px solid var(--ink);padding:15px;text-align:center;width:120px;margin:25px 0}.menu-paper{max-width:760px;margin:auto;text-align:center;border:1px solid var(--line);padding:48px 12%;background:#faf6ec}.menu-paper .row{display:block;text-align:center}.menu-paper .price{font:18px Georgia,serif;margin-top:12px}.restaurant .btn{border-radius:25px}.restaurant .site-header{border-bottom:0}
/* Commerce: restrained clay, spacious object shelves, editorial products. */
body[data-demo=shop]{--bg:#eee9e0;--surface:#f7f3ed;--ink:#403b32;--accent:#5c6555;--muted:#827d72;--line:#d2cec3;--soft:#e3dfd3}body[data-demo=shop] h1,body[data-demo=shop] h2{font-family:Georgia,serif;font-weight:400}.shop-hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:540px}.shop-hero .hero-copy{padding:80px 10%}.shop-hero .still-life{background:#d5c4b0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.still-life:before{content:'';position:absolute;width:75%;height:46%;background:#bea489;bottom:-10%;border-radius:50%;filter:blur(2px)}.object-scene{height:270px;width:100%;display:flex;align-items:end;justify-content:center;gap:25px;background:#e5dacb;position:relative;overflow:hidden}.object-scene:after{content:'';position:absolute;bottom:-20px;left:0;right:0;height:32px;background:#cbbb9c;filter:blur(12px)}.object{position:relative;z-index:1;filter:drop-shadow(15px 12px 8px #735b4326)}.object.vase{height:160px;width:108px;background:linear-gradient(90deg,#ac7355,#c98d6b 46%,#a86445);border-radius:25% 25% 36% 36%;margin-bottom:40px}.object.vase:before{content:'';position:absolute;top:-28px;height:42px;width:52px;left:28px;background:linear-gradient(90deg,#b57959,#c88f70);border-radius:6px 6px 0 0}.object.bowl{width:165px;height:73px;border-radius:0 0 90px 90px;background:linear-gradient(90deg,#6c715d,#a2a184 48%,#717a64);margin-bottom:40px}.object.bowl:before{content:'';position:absolute;top:-10px;width:100%;height:22px;background:#49513f;border:5px solid #93977c;border-radius:50%}.object.cup{width:82px;height:100px;background:linear-gradient(90deg,#d1c2a5,#f2e7cf 45%,#c7b69b);border-radius:8px 8px 30% 30%;margin-bottom:40px}.object.cup:after{content:'';position:absolute;right:-25px;top:22px;width:35px;height:50px;border:11px solid #d1c2a5;border-radius:40%;z-index:-1}.object.lamp{width:160px;height:200px;margin-bottom:40px;background:linear-gradient(90deg,#bea985,#f1e4c6,#c6b290);clip-path:polygon(25% 0,75% 0,100% 53%,60% 53%,60% 89%,80% 93%,80% 100%,20% 100%,20% 93%,40% 89%,40% 53%,0 53%)}.still-life .object.vase{height:230px;width:152px;transform:rotate(-5deg);margin-top:45px}.still-life .object.vase:before{width:70px;left:41px}.still-life .object.bowl{transform:translate(-35px,135px);width:195px}.shop .card{border:0;background:transparent}.shop .card-body{padding:20px 0}.shop .card-body h3{font-family:Georgia,serif;font-size:21px}.shop .price{font-size:17px}.shop .grid{grid-template-columns:repeat(4,1fr)}.shop .btn{font-weight:400}.product-large{height:440px}.product-large .object{transform:scale(1.5);margin-bottom:110px}
/* Barber: oversized condensed lettering, black and copper. */
body[data-demo=barber]{--bg:#161b1a;--surface:#1f2623;--ink:#f2ecdb;--accent:#d78d53;--button-ink:#151b18;--muted:#a9afa4;--line:#3b443d;--soft:#2d382e}body[data-demo=barber] .demo-bar{background:#2c332e;color:#dde2d5;border-color:#414b43}body[data-demo=barber] h1,body[data-demo=barber] h2{font-weight:900;letter-spacing:-.07em;text-transform:uppercase}body[data-demo=barber] .brand{font:900 23px Georgia,serif;letter-spacing:-.055em}.barber-hero{min-height:590px;display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:center;padding:45px 5%}.barber-hero .hero-copy{padding:30px 0}.barber-hero h1{font-size:clamp(57px,8vw,110px)}.barber-hero h1 span{color:var(--accent)}.barber-hero .photo-wrap{position:relative;padding:0 18px}.barber-hero img{height:490px;width:100%;object-fit:cover;filter:grayscale(1);border-radius:50% 50% 0 0}.barber-stamp{position:absolute;bottom:25px;left:-10px;background:var(--accent);color:var(--bg);height:110px;width:110px;border-radius:50%;display:grid;place-content:center;text-align:center;font:900 21px Georgia,serif;transform:rotate(-12deg)}.barber .row-title{font-family:Georgia,serif}.barber .row .price{color:var(--accent)}.barber .form-panel{border:0}
/* Trades: utility yellow, generous white space, technical ruled sections. */
body[data-demo=handwerk]{--bg:#f5f4ed;--surface:#fff;--ink:#283126;--accent:#ded22b;--button-ink:#263024;--muted:#757b6b;--line:#d3d8c8;--soft:#e9ebd8}.handwerk-hero{display:grid;grid-template-columns:1.25fr 1fr;border-bottom:1px solid var(--line)}.handwerk-hero .hero-copy{padding:65px 9% 70px}.handwerk-hero h1{font-weight:800;font-size:clamp(45px,5.6vw,76px)}.handwerk-hero .photo-wrap{padding:34px 34px 34px 0;position:relative}.handwerk-hero img{height:460px;object-fit:cover;width:100%}.handwerk-label{position:absolute;left:-20px;bottom:65px;background:var(--accent);padding:22px 28px;font:700 13px monospace}.handwerk .brand{font-family:monospace;font-size:21px}.handwerk .eyebrow{font-family:monospace}.handwerk .row-number{font-size:34px;color:#b5ba9e}.handwerk .btn{border-radius:0}.estimate-result{border-top:5px solid var(--accent)}
/* Property: quiet navy/stone, horizontal listings and architectural image. */
body[data-demo=immobilien]{--bg:#f2f2ee;--surface:#fff;--ink:#203841;--accent:#a18559;--muted:#6c7b7c;--line:#d6dedd;--soft:#e7edeb}body[data-demo=immobilien] h1,body[data-demo=immobilien] h2,body[data-demo=immobilien] .brand{font-family:Georgia,serif}.property-hero{display:grid;grid-template-columns:1fr 1.2fr;padding:38px 5% 54px;gap:38px;align-items:center}.property-hero .hero-copy{padding:40px 0}.property-hero .hero-image{height:500px;object-position:50% 75%}.property-list{display:flex;flex-direction:column;gap:26px}.property-item{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--surface)}.property-item>img{width:100%;height:280px;object-fit:cover}.property-item .card-body{padding:28px 35px}.property-item .card-body h3{font-family:Georgia,serif;font-size:28px}.property-item .card-body .price{margin-top:12px}.property-item .tag{margin-bottom:15px}.saved-icon{border-radius:50%;width:42px;height:42px}.saved-icon.is-saved{background:var(--accent);border-color:var(--accent);color:#fff}
/* Fitness: punchy acid colour and type-led classes rather than a brochure. */
body[data-demo=fitness]{--bg:#201a36;--surface:#302744;--ink:#f5f0e3;--accent:#dfed86;--button-ink:#242037;--muted:#b6aacd;--line:#55496e;--soft:#3a2e55}body[data-demo=fitness] .demo-bar{background:#362f48;color:#f0e9ff;border-color:#51476d}body[data-demo=fitness] h1,body[data-demo=fitness] h2{font-weight:900;text-transform:uppercase;font-style:italic}.fitness-hero{min-height:600px;overflow:hidden;display:grid;grid-template-columns:1.2fr .9fr}.fitness-hero .hero-copy{padding:70px 8%}.fitness-hero h1{font-size:clamp(60px,8.5vw,120px);position:relative;z-index:3}.fitness-hero h1 span{color:var(--accent)}.fitness-hero>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.8}.fitness-marquee{background:var(--accent);color:#221c33;font-weight:900;font-style:italic;text-align:center;padding:15px;font-size:14px;letter-spacing:.06em}.class-row{display:grid;grid-template-columns:100px 1fr 140px 120px;align-items:center;gap:25px;padding:25px;border-bottom:1px solid var(--line);background:var(--surface)}.class-row time{font-size:28px;font-weight:700}.class-row h3{font-style:italic;font-size:24px}.class-row p{font-size:11px;color:var(--muted);margin-top:5px}.fitness .btn{border-radius:30px}.fitness .price-card{padding:35px;background:var(--surface)}.fitness .price-card h3{font-size:30px;font-style:italic}.fitness .site-header{border-bottom:0}
/* Practice: rounded sage details, organisation-first appointment flow. */
body[data-demo=praxis]{--bg:#f5f8f5;--surface:#fff;--ink:#234b45;--accent:#347b70;--muted:#6c8580;--line:#d6e3dc;--soft:#e5efdf}body[data-demo=praxis] h1,body[data-demo=praxis] h2{font-family:Georgia,serif}body[data-demo=praxis] .brand{font-weight:400;font-family:Georgia,serif;font-size:28px}.praxis-hero{display:grid;grid-template-columns:1.2fr .9fr;align-items:center;padding:40px 5% 70px;gap:50px}.praxis-hero .hero-copy{padding:25px 0}.praxis-hero h1{font-size:clamp(42px,5.8vw,75px)}.practice-art{height:430px;border-radius:160px 160px 20px 20px;background:#dce6d6;position:relative;overflow:hidden;display:grid;place-content:center}.practice-art .leaf{position:absolute;background:#9eae8d;border-radius:100% 0 100% 0;width:100px;height:210px;bottom:-25px;left:40px;transform:rotate(-25deg)}.practice-art .leaf.second{left:auto;right:40px;transform:rotate(35deg);height:280px;background:#b7c6a7}.practice-cross{width:120px;height:120px;position:relative;margin:0 auto}.practice-cross:before,.practice-cross:after{content:'';position:absolute;background:#f9fcf4;border-radius:12px}.practice-cross:before{width:120px;height:36px;top:42px}.practice-cross:after{height:120px;width:36px;left:42px}.practice-art p{text-align:center;font:24px Georgia,serif;position:relative;z-index:2;margin-top:28px}.praxis .btn{border-radius:24px}.praxis .card,.praxis .form-panel{border-radius:16px}.hours-table{margin-top:25px}.hours-table .row{padding:16px 0;font-size:14px}.booking-aside{padding:32px;background:var(--soft);border-radius:18px;align-self:start}.booking-aside h3{font:26px Georgia,serif}.booking-aside p{font-size:14px;margin-top:16px}.praxis .split{align-items:start}
/* Guesthouse: full scenic canvas, green serif, integrated booking bar. */
body[data-demo=gaestehaus]{--bg:#f1f0e6;--surface:#faf9f2;--ink:#284539;--accent:#41644a;--muted:#7c8878;--line:#d2d8c8;--soft:#e2e6d5}body[data-demo=gaestehaus] h1,body[data-demo=gaestehaus] h2,body[data-demo=gaestehaus] h3{font-family:Georgia,serif}body[data-demo=gaestehaus] .brand{font:26px Georgia,serif}.stay-hero{height:590px;color:#fff;position:relative}.stay-hero>img{position:absolute;inset:0;filter:brightness(.59)}.stay-hero .hero-copy{padding:95px 7%;max-width:760px}.stay-hero h1{font-size:clamp(55px,7vw,98px)}.stay-hero .lead{font-size:17px}.stay-hero .btn{background:#f1eee0;color:#284539;border-color:#f1eee0}.stay-strip{background:#e0e5d4;display:flex;justify-content:space-evenly;padding:20px;gap:25px;font-size:12px}.room-card{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:35px 0;border-bottom:1px solid var(--line);align-items:center}.room-card img{width:100%;height:300px;object-fit:cover}.room-card h3{font-size:34px}.room-card p{margin:15px 0 25px}.stay-total{background:var(--ink);color:var(--bg);padding:28px}.stay-total .big-number{font-size:48px}.stay-total .hint{color:#d7decf}.gaestehaus .btn{font-weight:400}
/* Warehouse: genuine operations surface, fixed sidebar and compact tables. */
body[data-demo=lager]{--bg:#f2f5f9;--surface:#fff;--ink:#192f46;--accent:#3c6de8;--muted:#7a8998;--line:#dfe6ef;--soft:#e9effc}.ops-layout{display:grid;grid-template-columns:215px 1fr;min-height:calc(100vh - 42px)}.ops-sidebar{background:#192e45;color:#d4dfeb;padding:28px 22px;display:flex;flex-direction:column}.ops-sidebar .brand{color:#fff;font-size:24px;letter-spacing:-.04em;margin:0 10px 40px}.ops-sidebar nav{display:flex;flex-direction:column;gap:8px}.ops-sidebar nav a{padding:12px 14px;font-size:13px;border-radius:6px;display:flex;gap:13px;align-items:center}.ops-sidebar nav a[aria-current=page]{background:#294769;color:#fff}.ops-sidebar .sidebar-foot{margin-top:auto;font-size:11px;color:#829ab3;padding:30px 12px}.ops-main .container{padding:35px 4%;max-width:none}.ops-topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 4%;background:#fff;border-bottom:1px solid var(--line);font-size:12px}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#e9effc;border-radius:50%;font-size:11px;font-weight:700}.ops-topbar .user{display:flex;align-items:center;gap:12px}.ops-main h1{font-size:32px;letter-spacing:-.035em;font-weight:700}.ops-main h2{font-size:20px;font-weight:700}.ops-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.ops-metric{background:#fff;padding:24px;border:1px solid var(--line);border-radius:8px}.ops-metric span{font-size:11px;color:var(--muted)}.ops-metric strong{display:block;font-size:34px;letter-spacing:-.04em;margin-top:12px}.ops-metric small{font-size:11px;color:#3e8364}.ops-panel{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.ops-panel .panel-title{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;background:#f7f9fc;padding:15px 20px;font-weight:600}td{padding:18px 20px;border-bottom:1px solid var(--line)}td strong{font-size:12px;font-weight:600}td small{display:block;color:var(--muted);margin-top:3px}.status-pill{display:inline-flex;font-size:10px;padding:5px 9px;border-radius:15px;background:#e8f4ed;color:#387857}.status-pill.low{background:#fff0d9;color:#a87526}.ops-main .btn{border-radius:6px;padding:10px 17px;min-height:40px}.ops-main .form-panel{border-radius:8px}.ops-chart{display:flex;height:180px;gap:14px;align-items:end;padding:25px 35px 0}.ops-chart div{height:var(--height);flex:1;background:#dce6fb;border-top:3px solid var(--accent);position:relative}.ops-chart div:nth-child(1){height:40%}.ops-chart div:nth-child(2){height:66%}.ops-chart div:nth-child(3){height:51%}.ops-chart div:nth-child(4){height:88%}.ops-chart div:nth-child(5){height:75%}.ops-chart div:nth-child(6){height:95%}.ops-chart div:nth-child(7){height:57%}.chart-label{display:flex;justify-content:space-between;padding:12px 36px 24px;font-size:10px;color:var(--muted)}.ops-main .site-footer{padding-left:4%;padding-right:4%}.inventory-controls{display:flex;gap:8px}.inventory-controls button{background:#f4f7fc;border:1px solid var(--line);width:28px;height:28px;border-radius:4px;color:var(--ink)}
/* Mobile products: distinct app surfaces in a responsive live device. */
body[data-demo=field-service]{--bg:#e7edf3;--surface:#fff;--ink:#203e56;--accent:#326fa2;--muted:#728b9f;--line:#d7e2eb;--soft:#e7f0f8}body[data-demo=stock-scanner]{--bg:#e8ece4;--surface:#fff;--ink:#284735;--accent:#4e7c47;--muted:#7a8d79;--line:#d6e2d1;--soft:#e6efdf}body[data-demo=booking-app]{--bg:#f0e8e8;--surface:#fff;--ink:#68394c;--accent:#a55b76;--muted:#9c7e88;--line:#e9d9df;--soft:#f4e9ec}.mobile-stage{display:grid;grid-template-columns:1fr 420px;align-items:center;max-width:1140px;margin:auto;gap:75px;padding:55px 5%}.mobile-intro{padding:15px 0}.mobile-intro h1{font-size:clamp(42px,5vw,66px)}.mobile-intro .lead{font-size:17px}.mobile-intro .eyebrow{margin-bottom:26px}.app-capabilities{margin-top:40px;border-top:1px solid var(--line)}.app-capabilities div{padding:16px 0;border-bottom:1px solid var(--line);font-size:12px;display:flex;gap:12px;align-items:center}.device{background:var(--surface);border:9px solid var(--ink);border-radius:45px;box-shadow:0 25px 65px #24374822;position:relative;overflow:hidden;min-height:725px;display:flex;flex-direction:column;width:100%}.device:before{content:'';display:block;position:absolute;top:9px;left:50%;transform:translateX(-50%);width:110px;height:24px;background:var(--ink);border-radius:15px;z-index:3}.device-status{padding:14px 23px 8px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:var(--ink);height:40px}.app-header{padding:18px 24px 16px;display:flex;align-items:center;justify-content:space-between}.app-header .brand{font-size:21px}.app-header .brand small{font-size:8px}.app-content{padding:8px 23px 30px;flex:1;min-height:480px}.app-content h2{font-size:26px;font-weight:700;letter-spacing:-.04em}.app-content h3{font-size:16px}.app-content p{font-size:12px;margin-top:7px}.app-content .eyebrow{font-size:9px;margin-bottom:10px}.app-content .btn{width:100%;border-radius:10px;margin-top:12px;font-size:12px;padding:12px 16px}.app-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:var(--surface);padding:14px 12px 19px}.app-tabs a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.app-tabs a[aria-current=page]{color:var(--accent);font-weight:700}.app-tabs .svg-icon{width:21px;height:21px}.app-card{border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:15px;background:var(--surface)}.app-card .card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;margin-bottom:10px}.app-card .status-pill{font-size:9px}.app-card .facts{font-size:10px;gap:9px}.app-greeting{background:var(--soft);border-radius:15px;padding:20px;margin:4px 0 23px}.app-greeting strong{font-size:35px;font-weight:500;display:block}.app-greeting p{font-size:11px}.app-task{margin:15px 0;padding:15px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;font-size:12px}.app-task input{width:19px;height:19px;accent-color:var(--accent)}.app-content .form-grid{gap:15px;grid-template-columns:1fr}.app-content .field{font-size:10px}.app-content .field input,.app-content .field select{font-size:12px;border-radius:8px;padding:11px 12px;min-height:43px}.app-content .notice{font-size:11px;padding:14px;margin-top:18px}.app-content .empty{padding:35px 15px;font-size:12px;border-radius:10px;margin-top:22px}.app-content .row{padding:17px 0}.app-content .row h3{font-size:14px}.app-content .row p{font-size:10px}.app-content .row .price{font-size:15px}.app-content .summary{padding:16px;border-radius:12px}.scanner-box{background:#243f31;border-radius:18px;height:185px;position:relative;display:grid;place-items:center;margin:20px 0;color:#b7e0a2}.scanner-box:after{content:'';position:absolute;width:77%;height:2px;background:#b9dc8d;box-shadow:0 0 12px #b9dc8d;animation:scan 3s ease-in-out infinite}.barcode{display:flex;gap:3px;height:68px;width:160px;justify-content:center;opacity:.8}.barcode i{background:#e8f5e3;width:3px;height:100%}.barcode i:nth-child(3n){width:6px}.barcode i:nth-child(4n){width:2px}.scanner-help{font-size:10px;text-align:center;color:var(--muted)}.app-map{height:260px;background:#eaf0f5;border-radius:16px;position:relative;overflow:hidden;margin-top:20px}.map-grid{position:absolute;inset:0;background:linear-gradient(20deg,transparent 43%,#fff 44%,#fff 49%,transparent 50%),linear-gradient(105deg,transparent 42%,#fff 43%,#fff 49%,transparent 50%),linear-gradient(170deg,transparent 52%,#fff 53%,#fff 58%,transparent 59%)}.map-river{position:absolute;right:40px;width:60px;height:360px;transform:rotate(20deg);background:#c7dce7}.map-point{position:absolute;display:grid;place-items:center;background:var(--accent);color:#fff;border:3px solid #fff;border-radius:50%;width:36px;height:36px;font-size:11px}.map-point.one{left:80px;top:65px}.map-point.two{left:145px;top:135px}.map-point.three{left:60px;top:185px}.app-map-label{position:absolute;left:15px;bottom:15px;background:#fff;padding:7px 10px;font-size:9px;box-shadow:0 2px 10px #1231}.booking-app .app-greeting{background:#f2e0e7}.booking-app .app-header .brand{font-family:Georgia,serif;font-size:26px;font-weight:400}.booking-app .app-content h2{font:30px Georgia,serif}.booking-app .app-card{background:#fcf9fa}.service-orb{width:46px;height:46px;border-radius:50%;background:#ead0dc;display:grid;place-items:center;font-size:19px;color:#946078}.app-service{display:flex;gap:13px;align-items:center}.app-service .row-main p{margin-top:4px}.app-service .price{font-size:16px}.stock-scanner .device{border-color:#2c4130}.booking-app .device{border-color:#5d3648}.mobile-hero-logo{font-size:25px;font-weight:700;letter-spacing:-.04em;margin-bottom:32px}.mobile-hero-logo small{font-size:10px;letter-spacing:.16em;font-weight:400;display:block;margin-top:2px}.stock-scanner .mobile-hero-logo{font-family:monospace}.booking-app .mobile-hero-logo{font-family:Georgia,serif;font-weight:400}.booking-app .mobile-intro h1{font-family:Georgia,serif}.stock-scanner .mobile-intro h1{font-weight:800}.mobile-stage .device .site-footer{display:none}@keyframes appear{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes scan{0%,100%{transform:translateY(-50px)}50%{transform:translateY(50px)}}
@media(max-width:1000px){.site-nav{gap:16px;font-size:12px}.grid{gap:18px}.shop .grid{grid-template-columns:repeat(2,1fr)}.mobile-stage{gap:30px;grid-template-columns:1fr 380px}.mobile-intro h1{font-size:48px}.class-row{grid-template-columns:75px 1fr 105px 100px;gap:15px;padding:22px 15px}.restaurant-hero,.property-hero,.praxis-hero{gap:30px}.handwerk-hero .hero-copy{padding:60px 8%}.fitness-hero h1{font-size:85px}.barber-hero h1{font-size:85px}.ops-layout{grid-template-columns:180px 1fr}.ops-sidebar{padding:25px 14px}.ops-sidebar .brand{font-size:20px}.ops-metrics{gap:12px}.ops-metric{padding:20px}.card-photo{height:180px}}
@media(max-width:720px){h1{font-size:48px}h2{font-size:34px}.demo-bar{padding:8px 16px;align-items:start;gap:8px;line-height:1.45}.demo-bar strong{display:block}.demo-bar .bar-description{font-size:10px}.languages a{padding:4px 5px;font-size:10px}.site-header{padding:20px 20px 16px;gap:20px;flex-wrap:wrap;min-height:80px}.brand{font-size:21px}.site-nav{width:100%;gap:19px;overflow:auto;white-space:nowrap;padding-bottom:5px;font-size:11px;scrollbar-width:none}.nav-cta{padding:7px 12px}.container{padding:40px 20px}.hero-copy{padding:48px 20px}.lead{font-size:17px;line-height:1.6}.grid,.grid.two{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column;gap:16px}.section-head h2{font-size:32px}.split,.list-detail{grid-template-columns:1fr;gap:30px}.split .feature-photo{height:300px}.form-grid{grid-template-columns:1fr;gap:16px}.form-panel{padding:24px 20px}.toolbar{padding:18px;gap:12px}.toolbar label{min-width:100%;flex:auto}.row{gap:14px;padding:22px 0}.row .row-title{font-size:19px}.row .price{font-size:20px}.process{grid-template-columns:1fr;gap:24px}.metric-strip{grid-template-columns:repeat(3,1fr)}.metric-strip>div{padding:20px 12px}.metric-strip strong{font-size:23px}.metric-strip small{font-size:9px}.site-footer{padding:24px 20px;flex-direction:column;align-items:start;gap:10px}.gallery{gap:12px;grid-template-columns:1fr 1fr}.gallery img{height:220px}.auto-hero{height:550px}.auto-hero .hero-copy{padding:45px 20px}.auto-hero h1{font-size:53px}.auto-hero>img{object-position:65% 60%}.auto-hero .hero-note{right:20px;bottom:22px;font-size:10px}.auto-spec{padding:18px 20px;font-size:9px;gap:15px;flex-wrap:wrap}.autohaus .card-photo{height:225px}.list-detail>img{height:300px}.restaurant-hero{padding:25px 20px 35px;grid-template-columns:1fr;gap:20px}.restaurant-hero .hero-copy{padding:20px 0}.restaurant-hero h1{font-size:57px}.restaurant-hero .hero-image{height:320px;border-radius:45% 45% 0 0}.restaurant-seal{display:none}.menu-paper{padding:35px 22px}.shop-hero{grid-template-columns:1fr}.shop-hero .hero-copy{padding:45px 20px}.shop-hero h1{font-size:54px}.shop-hero .still-life{min-height:320px}.shop .grid{grid-template-columns:repeat(2,1fr);gap:18px}.object-scene{height:205px}.object-scene .object{transform:scale(.8);margin-bottom:20px}.shop .card-body h3{font-size:19px}.shop .card-foot{display:block}.shop .card-foot .btn{margin-top:12px;width:100%;font-size:11px;padding:10px}.shop .card-body p{font-size:11px}.product-large{height:330px}.product-large .object{transform:scale(1.2);margin-bottom:75px}.barber-hero{padding:30px 20px 40px;grid-template-columns:1fr;gap:20px}.barber-hero .hero-copy{padding:15px 0}.barber-hero h1{font-size:72px}.barber-hero img{height:330px}.barber-hero .photo-wrap{padding:0 15px 0 30px}.barber-stamp{width:88px;height:88px;font-size:18px;bottom:18px;left:10px}.handwerk-hero{grid-template-columns:1fr}.handwerk-hero .hero-copy{padding:45px 20px}.handwerk-hero h1{font-size:50px}.handwerk-hero .photo-wrap{padding:0 20px 25px}.handwerk-hero img{height:290px}.handwerk-label{left:35px;bottom:45px;padding:18px;font-size:11px}.property-hero{padding:30px 20px 35px;grid-template-columns:1fr;gap:25px}.property-hero .hero-copy{padding:12px 0}.property-hero h1{font-size:52px}.property-hero .hero-image{height:300px}.property-item{grid-template-columns:1fr}.property-item>img{height:230px}.property-item .card-body{padding:25px}.fitness-hero{grid-template-columns:1fr;min-height:0}.fitness-hero .hero-copy{padding:45px 20px}.fitness-hero h1{font-size:75px}.fitness-hero>img{height:290px}.fitness-marquee{font-size:11px}.class-row{grid-template-columns:65px 1fr;gap:14px;padding:22px 15px}.class-row time{font-size:23px}.class-row h3{font-size:20px}.class-row>small{font-size:10px}.class-row>.btn{justify-self:start}.praxis-hero{padding:30px 20px 40px;grid-template-columns:1fr;gap:30px}.praxis-hero h1{font-size:51px}.practice-art{height:290px;border-radius:130px 130px 18px 18px}.practice-art .leaf{height:170px}.practice-art .leaf.second{height:210px}.practice-cross{transform:scale(.8)}.practice-art p{font-size:22px;margin-top:8px}.booking-aside{padding:25px}.stay-hero{height:540px}.stay-hero .hero-copy{padding:65px 20px}.stay-hero h1{font-size:60px}.stay-strip{font-size:10px;flex-wrap:wrap;gap:8px 24px;padding:16px}.room-card{grid-template-columns:1fr;gap:24px;padding:28px 0}.room-card img{height:240px}.room-card h3{font-size:30px}.ops-layout{grid-template-columns:1fr}.ops-sidebar{padding:20px 16px 14px}.ops-sidebar .brand{margin:0 0 17px;font-size:21px}.ops-sidebar nav{flex-direction:row;overflow:auto;gap:6px}.ops-sidebar nav a{white-space:nowrap;font-size:11px;padding:9px 11px;gap:7px}.ops-sidebar nav .svg-icon{width:17px;height:17px}.ops-sidebar .sidebar-foot{display:none}.ops-topbar{padding:14px 20px}.ops-main .container{padding:28px 18px}.ops-main h1{font-size:27px}.ops-metrics{gap:8px}.ops-metric{padding:15px 12px}.ops-metric strong{font-size:26px;margin-top:8px}.ops-metric span,.ops-metric small{font-size:9px}.ops-panel .panel-title{padding:20px}.ops-main .grid.two{grid-template-columns:1fr}.ops-main .page-heading{margin-bottom:25px}.mobile-stage{grid-template-columns:1fr;padding:25px 12px 35px;gap:22px;max-width:450px}.mobile-intro{padding:10px 12px}.mobile-intro .eyebrow{margin:0 0 12px;font-size:10px}.mobile-intro h1{font-size:38px}.mobile-intro .lead{font-size:13px;margin-top:12px}.mobile-intro .mobile-hero-logo,.app-capabilities{display:none}.device{border-width:5px;border-radius:35px;min-height:705px}.app-content{min-height:455px}.mobile-stage .device:before{height:20px;width:90px;top:10px}.device-status{padding:14px 22px 6px}.app-header{padding:20px 23px 18px}.app-tabs{padding:14px 12px 17px}.mobile-stage .mobile-intro .hint{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scanner-box:after{transform:none}}

/* QA refinements: keep complete automotive CTA in the hero and style reset controls. */
.auto-hero .hero-copy{max-width:800px}.auto-hero h1{font-size:clamp(48px,5.4vw,74px)}button.text-link{background:transparent;border:0;border-bottom:1px solid currentColor;color:inherit;padding:0 0 3px;font:inherit;cursor:pointer}.actions:has(.btn){margin-top:26px}
@media(max-width:720px){.auto-hero h1{font-size:46px}.auto-hero .hero-copy{padding:45px 20px}.auto-hero .lead{max-width:28ch}.auto-hero .actions{margin-top:26px}}

.ops-main,.ops-sidebar{min-width:0}.ops-panel .panel-title{flex-wrap:wrap;gap:12px}@media(max-width:720px){.ops-layout{grid-template-columns:minmax(0,1fr)}.ops-main h2{font-size:18px}.ops-panel .panel-title .tag{font-size:9px}}

/* Live app frames scroll within the screen, with persistent bottom navigation. */
.device{height:720px;min-height:720px}.app-content{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}@media(max-width:720px){.device{height:715px;min-height:715px}.app-content{min-height:0}}

/* Secondary copy retains at least 4.5:1 contrast on the associated light surfaces. */
body[data-demo=restaurant]{--muted:#75624f}body[data-demo=shop]{--muted:#676257}body[data-demo=handwerk]{--muted:#606754}body[data-demo=immobilien]{--muted:#526666}body[data-demo=praxis]{--muted:#526b65}body[data-demo=gaestehaus]{--muted:#586853}body[data-demo=lager]{--muted:#586b7e}body[data-demo=field-service]{--muted:#536d82}body[data-demo=stock-scanner]{--muted:#546b54}body[data-demo=booking-app]{--muted:#785963}.ops-sidebar .sidebar-foot{color:#b2c2d3}.ops-metric small{color:#28694b}.status-pill.low{color:#845b13}.scanner-help{color:var(--muted)}

body[data-demo=immobilien]{--accent:#79603b}

@media(max-width:720px){.barber .container h1{font-size:38px}.inventory-controls button{width:40px;height:40px}}