@font-face{font-family:Demo Rounded;src:url('./assets/nunito-regular.ttf') format('truetype');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:Demo Rounded;src:url('./assets/nunito-bold.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
/* Demo identities are independent of the outer Laccino website. */
.ld-mockup{--demo-accent:#6954c7;--demo-deep:#4b379b;--demo-soft:#ede9fb;--demo-ink:#272532;--demo-muted:#706b7c;--demo-rule:#e5e2eb;--demo-paper:#f6f5f8;--ld-green:var(--demo-accent);--ld-green-deep:var(--demo-deep);--ld-volt:var(--demo-accent);--ld-mint:var(--demo-soft);--ld-ink:var(--demo-ink);--ld-muted:var(--demo-muted);--ld-line:var(--demo-rule);--ld-paper:var(--demo-paper);--ld-sky:#b6a6ec;--ld-aqua:#a9bbec;--ld-sand:#f0dfd2;--ld-yellow:#e9bd65;font-family:'Demo Rounded',ui-rounded,system-ui,sans-serif;color:var(--demo-ink);letter-spacing:0}
.ld-mockup.ld-panel,.ld-mini,.ld-studio,.ld-hero-showcase{background:radial-gradient(ellipse at 50% 80%,var(--surface-input),var(--surface-input) 75%)}
.ld-mockup :is(button,input,textarea,select){font-family:inherit}
.ld-mockup :is(.ld-label,.ld-mute,.ld-url){font-family:inherit;color:var(--demo-muted);letter-spacing:0}
.ld-mockup :is(button,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--demo-accent);outline-offset:3px}
.ld-mockup .ld-btn,.ld-mockup .ld-btn--green{background:var(--demo-accent);color:var(--text-primary);min-height:30px;padding:6px 10px;font-size:11px;font-weight:700;border:0;border-radius:6px}
.ld-mockup .ld-btn--ghost{color:var(--demo-accent);background:var(--demo-soft);border:1px solid transparent}
.ld-mockup .ld-btn:disabled{opacity:.5;cursor:default}
.ld-mockup .ld-chip{background:var(--demo-soft);color:var(--demo-deep);font-size:10px}
.ld-mockup :is(.ld-card,.ld-real-phone .ld-card){background:var(--demo-paper);color:var(--demo-ink);border-color:var(--demo-rule)}
.ld-mockup :is(.ld-window,.ld-browser){color:var(--demo-ink);background:var(--surface-card);font-family:'Demo Rounded',ui-rounded,system-ui,sans-serif}
.ld-mockup .ld-number{font-family:inherit;letter-spacing:-.04em}
.ld-mockup .ld-icon{width:14px;height:14px;flex-basis:14px}
.ld-mockup button{min-height:0}
.ld-mockup .ld-iconbtn{width:28px;min-width:28px;height:28px;min-height:28px}
.ld-mockup .ld-real-phone>.ld-body{padding-top:17%;padding-bottom:9%;background:var(--surface-card);color:var(--demo-ink)}
.ld-mockup .ld-real-phone:before{width:25%;left:37.5%;right:auto;top:2.9%;height:3.3%;background:var(--surface-input)}
.ld-phone-status{position:absolute;z-index:4;left:9%;right:9%;top:4.3%;height:16px;display:flex;align-items:center;justify-content:space-between;color:var(--text-primary);font:600 11px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;pointer-events:none}
.ld-phone-status>span{display:flex;align-items:center;gap:3px}.ld-phone-status svg{width:12px;height:11px}.ld-phone-status svg:last-child{width:19px;height:12px}
.ld-home-indicator{position:absolute;z-index:4;bottom:3.8%;left:34%;width:32%;height:4px;border-radius:5px;background:var(--surface-input);pointer-events:none}
/* macOS menu bar and compact Safari window controls. Chrome is illustrative, not fake navigation. */
.ld-platform-menu{height:20px;min-height:20px;display:flex;align-items:center;gap:10px;padding:0 9px;font:9px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--surface-card);color:var(--text-primary);white-space:nowrap;overflow:hidden}
.ld-platform-menu img{width:10px;height:12px;object-fit:contain}.ld-platform-menu b{font-weight:650}.ld-menu-options{font-size:8px;opacity:.9}
.ld-menu-tray{display:flex;align-items:center;gap:7px;margin-left:auto}.ld-menu-tray svg{width:12px;height:10px}.ld-menu-tray svg:nth-child(2){width:18px}
.ld-mockup .ld-titlebar{position:relative;background:var(--surface-card);min-height:28px;height:28px;flex-basis:28px;padding:0 42px;border-bottom:1px solid var(--border-subtle);font:10px/1 system-ui,sans-serif}
.ld-traffic{display:flex;gap:5px;align-items:center;flex:none}.ld-titlebar .ld-traffic{position:absolute;left:10px}.ld-traffic i{width:7px;height:7px;border-radius:50%;background:var(--accent-wash);border:1px solid var(--border-subtle)}.ld-traffic i:nth-child(2){background:var(--accent-wash);border-color:var(--border-subtle)}.ld-traffic i:nth-child(3){background:var(--accent-wash);border-color:var(--border-subtle)}
.ld-safari-toolbar{display:flex;align-items:center;gap:10px;padding:7px 10px;min-height:34px;height:34px;flex:none;background:var(--surface-card);border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font:10px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.ld-safari-navigation,.ld-safari-tools{display:flex;align-items:center;gap:8px}.ld-safari-navigation .ld-icon,.ld-safari-tools .ld-icon{width:11px;height:11px;flex-basis:11px}.ld-back{transform:rotate(180deg)}
.ld-safari-address{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--surface-card);box-shadow:var(--shadow-panel);border-radius:5px;height:22px;flex:1;min-width:0;padding:0 8px;color:var(--text-primary)}
.ld-safari-address>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ld-safari-address>.ld-icon{width:9px;height:9px;flex:0 0 9px}.ld-safari-address>.ld-icon:last-child{margin-left:auto}
.ld-safari-bottom{height:15px;min-height:15px;display:flex;justify-content:space-between;padding:0 9px;align-items:center;color:var(--text-muted);background:var(--surface-card);border-top:1px solid var(--border-subtle);font:8px/1 system-ui,sans-serif}
.ld-platform-dock{display:flex;align-items:center;justify-content:center;gap:5px;padding:3px 9px;height:29px;min-height:29px;background:linear-gradient(120deg,var(--surface-card),var(--surface-card));border-top:1px solid var(--border-subtle);pointer-events:none}
.ld-platform-dock>span{display:grid;place-items:center;width:21px;height:21px;border-radius:5px;box-shadow:var(--shadow-panel);color:var(--text-primary);background:var(--accent-wash)}.ld-platform-dock .ld-icon{width:14px;height:14px}.ld-platform-dock svg{width:18px;height:18px}
.ld-platform-dock .ld-dock-finder{background:linear-gradient(90deg,var(--accent-wash) 50%,var(--surface-card) 50%);color:var(--text-primary)}.ld-platform-dock .ld-dock-safari{background:var(--accent-wash)}.ld-platform-dock .ld-dock-mail{background:linear-gradient(var(--accent-wash),var(--accent-wash))}.ld-platform-dock .ld-dock-notes{background:linear-gradient(var(--accent-wash) 28%,var(--surface-card) 28%);color:var(--text-muted)}.ld-platform-dock .ld-dock-settings{background:var(--surface-raised);color:var(--text-primary)}.ld-platform-dock>i{height:18px;border-left:1px solid var(--border-subtle);margin:0 2px}
.ld-desktop-ui{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--surface-card);overflow:hidden}.ld-desktop-content{display:flex;flex:1;min-height:0;overflow:auto;position:relative}
.ld-desktop-content>.ld-window{flex:1;min-height:0;max-width:none;aspect-ratio:auto}
.ld-mockup .ld-device-screen{background:var(--surface-card);overflow:hidden}.ld-mockup .ld-device-screen>.ld-browser{height:100%;min-height:0;overflow:hidden}
.ld-mockup .ld-body{min-height:0}
@container(max-width:430px){.ld-menu-options{display:none}.ld-safari-tools{display:none}.ld-safari-toolbar{gap:7px;padding:5px 7px}.ld-safari-navigation{gap:4px}.ld-platform-menu{gap:7px}}
/* Hero: one warm editorial product, replacing the request form and device stack. */
.ld-hero-showcase{padding:20px;border-radius:12px;--demo-accent:#9a4d30;--demo-soft:#f6e9dd;--demo-ink:#3b2c27;container-type:inline-size}
body[data-page='home'] .hero .hero-demo{align-self:center}
.hero-product .ld-browser{width:100%;max-width:none;aspect-ratio:auto;height:auto;min-height:480px;border-radius:9px;box-shadow:var(--shadow-panel)}
.kh{position:relative;display:flex;flex-direction:column;flex:1;background:var(--surface-card);color:var(--text-primary);font-family:'Demo Rounded',sans-serif;min-height:0}
.kh-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:12px}.kh-nav>b{font:600 29px/.8 Georgia,serif;letter-spacing:-.08em}.kh-nav>b>span{display:block;font:7px/1.5 system-ui;letter-spacing:.2em;margin-top:5px}.kh-nav>span{font-size:10px}.kh-menu .ld-icon{width:16px;height:16px}
.kh-image{position:relative;min-height:260px;flex:1;overflow:hidden}.kh-image>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 55%}.kh-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--accent-wash),transparent 75%);pointer-events:none}
.kh-image-copy{position:relative;z-index:1;color:var(--text-primary);padding:22px 24px}.kh-image-copy>span{font:8px/1.4 system-ui;letter-spacing:.17em}.kh-image-copy h3{font:clamp(38px,8cqw,68px)/.92 Georgia,serif;letter-spacing:-.06em;margin:14px 0}.kh-image-copy h3 em{font-weight:400}
.kh-caption{position:absolute;bottom:14px;left:24px;color:var(--text-primary);font:7px/1 system-ui;letter-spacing:.13em;z-index:1}
.kh-booking{display:flex;align-items:center;gap:12px;padding:18px 20px;flex-wrap:wrap}.kh-booking>div:first-child{display:grid;gap:5px;flex:1;min-width:140px}.kh-label{font-size:7px;letter-spacing:.16em;color:var(--mint)}.kh-booking b{font:21px/1.2 Georgia,serif}.kh-booking>div>span:last-child{font-size:9px}
.kh-options{display:flex;gap:4px}.ld-hero-showcase .kh-options button{padding:7px 8px;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:10px;min-height:30px;border-radius:5px}.ld-hero-showcase .kh-options button[aria-pressed=true]{background:var(--surface-card);border-color:var(--border-subtle)}
.ld-hero-showcase .kh-reserve,.ld-hero-showcase [data-act=back]{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;background:var(--accent-wash);color:var(--text-primary);border-radius:5px;font-size:10px;min-height:34px}
.kh-confirmation{position:absolute;inset:0;z-index:4;background:var(--surface-card);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:30px;text-align:center}.kh-confirmation h3{font:44px/1 Georgia,serif;margin:8px 0}.kh-confirmation p{font-size:12px;line-height:1.5}.kh-confirm-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--surface-card);color:var(--text-primary)}.kh-confirm-icon .ld-icon{width:24px;height:24px}
/* Coffee: cream, burgundy, better product photography and clear shopping actions. */
.ld-website{--demo-accent:#843e35;--demo-deep:#623129;--demo-soft:#f1e2d6;--demo-paper:#fcf7ef;--demo-ink:#392821;--demo-muted:#786156;--demo-rule:#e3d5c7}
.ld-website.ld-panel{background:radial-gradient(ellipse at center,var(--surface-input),var(--surface-input))}
.ld-website .ws-mark{font:24px/.8 Georgia,serif;letter-spacing:-.08em;color:var(--text-primary)}.ws-mark>span{display:block;font:5px/1.5 system-ui;letter-spacing:.15em;margin-top:4px}
.ld-website .ws-nav{min-height:43px;background:var(--surface-card);padding:7px 16px;font-size:10px;gap:16px}.ld-website .ws-view{background:var(--surface-card)}
.ld-website .ws-hero{padding:20px;min-height:215px;background:var(--surface-card);color:var(--text-primary);position:relative}.ld-website .ws-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 55%}.ld-website .ws-hero>div{max-width:50%;position:relative;z-index:1;gap:10px}.ld-website .ws-headline{font:32px/.95 Georgia,serif;letter-spacing:-.045em;color:var(--text-primary)}.ld-website .ws-hero p{font-size:10px;line-height:1.4;max-width:125px;color:var(--text-primary)}
.ld-website .ws-grid{background:var(--surface-card);padding:16px;gap:12px}.ld-website .ws-product{border:0;background:var(--surface-card);color:var(--text-primary);padding:9px;font-size:11px;border-radius:6px;gap:6px}
.ld-website .ws-product-shot{height:110px;background-image:url('./assets/carilo-coffee.webp');background-size:300% auto;border-radius:4px;background-color:var(--surface-card)}
.ld-website .ws-product .ld-btn{background:var(--accent-wash);color:var(--text-primary);padding:5px 8px;min-height:26px;font-size:10px}
.ld-website .ws-trust{background:var(--surface-card);border-color:var(--border-subtle);padding:12px;font-size:9px}.ld-website .ws-foot{font-size:11px;line-height:1.6;padding:16px;background:var(--surface-card)}.ld-website .ws-cart{top:43px;background:var(--surface-card);color:var(--text-primary);padding:14px;gap:12px;font-size:12px}.ld-website .ws-done{color:var(--text-primary)}
/* From idea to app: a distinct rounded consumer-finance identity. */
.ld-app{--demo-accent:#7954ce;--demo-deep:#573c9a;--demo-soft:#eee6fb;--demo-paper:#f4f0f9;--demo-ink:#30263e;--demo-muted:#786b86;--demo-rule:#e8e0ee}
.ld-app.ld-panel{background:radial-gradient(ellipse at center,var(--surface-raised),var(--surface-input))}
.ld-app .ap{background:var(--surface-card);color:var(--text-primary);font-size:12px}.ld-app .ap-screen{background:var(--surface-card);padding:8px 13px;gap:12px}.ld-app .ap-home{gap:13px}
.ap-app-icon{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:9px;background:linear-gradient(140deg,var(--accent-wash),var(--accent-wash));color:var(--text-primary);box-shadow:var(--shadow-panel)}.ap-app-icon .ld-icon{width:17px;height:17px}.ap-greeting{display:block;font-size:9px;color:var(--text-muted)}.ld-app .ap-home>.ld-row .ld-title{display:block;font-size:12px}
.ld-app .ap-balance{background:linear-gradient(125deg,var(--surface-card),var(--surface-card));border:1px solid var(--border-subtle);color:var(--text-primary);padding:17px;border-radius:16px;gap:7px;box-shadow:var(--shadow-panel)}
.ld-app .ap-balance .ld-label{font-size:11px;color:var(--mint)}.ld-app .ap-balance .ld-number{font:700 29px/1.2 'Demo Rounded',sans-serif;color:var(--text-primary);letter-spacing:-.035em}.ld-app .ap-balance .ld-chip{font-size:9px;color:var(--mint);background:var(--surface-card);padding:3px 6px;border-radius:20px}
.ld-app .ap-quicks{gap:6px}.ld-app .ap-quick{font-size:9px;min-height:38px;gap:6px}.ld-app .ap-quick span{width:29px;height:29px;border-radius:10px;background:var(--surface-card);color:var(--mint)}.ld-app .ap-quick:nth-child(2) span{background:var(--surface-card);color:var(--mint)}.ld-app .ap-quick:nth-child(3) span{background:var(--surface-card);color:var(--mint)}.ld-app .ap-quick:nth-child(4) span{background:var(--surface-card);color:var(--mint)}
.ld-app .ap-goal{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:12px;padding:12px;font-size:11px}.ld-app .ap-in{color:var(--mint)}.ld-app .ap-ico{background:var(--surface-card);color:var(--text-muted);border-radius:7px}.ld-app .ap-recent .ld-item{font-size:10px;padding-block:9px}.ld-app .ap-tabs{padding:7px 8px 3px;background:var(--surface-card);border-color:var(--border-subtle)}.ld-app .ap-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:44px;height:36px;font-size:7px;color:var(--text-muted)}.ld-app .ap-tabs button[aria-current]{color:var(--mint)}.ld-app .ap-tabs .ld-icon{width:15px;height:15px}.ld-app .ap-demo-card{background:linear-gradient(130deg,var(--accent-wash),var(--accent-wash));color:var(--text-primary)}.ld-app .ap-success{background:var(--surface-card);color:var(--mint)}
/* Compact field controls sized to the actual screen, not the outer website buttons. */
.ld-fieldtool{--demo-accent:#3576c7;--demo-deep:#245992;--demo-soft:#e7effa;--demo-paper:#f3f6fb;--demo-ink:#26364b;--demo-muted:#6b7d91;--demo-rule:#dce5f1}
.ld-fieldtool.ld-panel{background:radial-gradient(ellipse at center,var(--surface-raised),var(--surface-input))}
.ld-fieldtool .ft-app{font-size:11px;gap:8px;padding:5px 11px;background:var(--surface-card)}.ld-fieldtool .ft-app .ld-title{font-size:13px}.ld-fieldtool .ft-app .ld-icon{width:13px;height:13px;flex-basis:13px}.ld-fieldtool .ft-checks{padding:8px 10px;border-radius:9px;gap:2px;background:var(--surface-card);border-color:var(--border-subtle)}.ld-fieldtool .ft-check{min-height:24px;font-size:10px;gap:7px}.ld-fieldtool .ft-check input{width:12px;height:12px;accent-color:#3576c7}.ld-fieldtool .ft-photos button{min-height:0;aspect-ratio:1;border-radius:7px}.ld-fieldtool .ft-app textarea{font-size:10px}.ld-fieldtool .ft-sign{min-height:43px;border-color:var(--border-subtle)}.ld-fieldtool .ft-submit{min-height:30px;font-size:10px;padding:6px 10px;background:var(--accent-wash);border-radius:7px}.ld-fieldtool .ft-banner{background:var(--accent-wash);color:var(--text-primary);font-size:9px}
.ld-fieldtool .ft-manager{padding:10px;gap:9px;font-size:11px;background:var(--surface-card);color:var(--text-primary)}.ld-fieldtool .ft-manager .ld-title{font-size:13px}.ld-fieldtool .ft-approval{display:grid;grid-template-columns:23px minmax(0,1fr) auto;gap:6px;padding:8px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:7px;font-size:10px}.ld-fieldtool .ft-approval>.ld-grow{flex-basis:auto}.ld-fieldtool .ft-approval .ld-avatar{width:23px;height:23px;flex-basis:23px}.ld-fieldtool .ft-approval .ld-btn{min-height:24px;height:24px;padding:4px 8px;font-size:9px;border-radius:5px}.ld-fieldtool .ft-approval .ld-btn--ghost{grid-column:3;min-height:20px;height:20px;padding:2px 8px;background:none;color:var(--mint)}.ld-fieldtool .ft-foot{font-size:9px}.ld-fieldtool .ft-manager .ld-chip{font-size:9px;background:var(--surface-card);color:var(--mint)}
/* Independent billing and audience themes, including earlier hard-coded surfaces. */
.ld-dashboard{--demo-accent:#5d6bd1;--demo-deep:#4652a6;--demo-soft:#e9ecfc;--demo-ink:#292d44;--demo-muted:#717790;--demo-rule:#e0e3f0}
.ld-dashboard .iv-shell{background:var(--surface-card);color:var(--text-primary);font-family:'Demo Rounded',sans-serif}.ld-dashboard :is(.iv-metrics,.iv-payout){background:var(--surface-card);border-color:var(--border-subtle)}.ld-dashboard :is(.iv-heading h3 span,.iv-detail strong){color:var(--mint)}.ld-dashboard .iv-ledger{background:var(--surface-card);border-color:var(--border-subtle)}.ld-dashboard .iv-segments button[aria-pressed=true],.ld-dashboard .iv-invoice[aria-pressed=true]{background:var(--surface-card);color:var(--text-muted)}.ld-dashboard .iv-detail{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-subtle)}.ld-dashboard .iv-items>div{background:var(--surface-card)}.ld-dashboard .iv-pay{background:var(--accent-wash);color:var(--text-primary);font-size:10px;min-height:28px;padding:6px 9px}.ld-dashboard .iv-filters label{background:var(--surface-card);border-color:var(--border-subtle)}.ld-dashboard .iv-outline{color:var(--mint);border-color:var(--border-subtle)}.ld-dashboard :is(.iv-metrics span,.iv-metrics small,.iv-customer,.iv-detail-top span,.iv-detail-foot>span,.iv-feedback){color:var(--text-muted)}
.ld-pipeline .ld-window{background:var(--surface-card);color:var(--demo-ink);border-color:var(--demo-rule)}.ld-pipeline .pl-board{background:var(--surface-card)}.ld-pipeline .pl-card{background:var(--surface-card);border-color:var(--border-subtle)}.ld-pipeline :is(.ld-label,.ld-mute,.pl-description){color:var(--text-muted)}.ld-pipeline .ld-chip{color:var(--mint);background:var(--surface-card)}.ld-pipeline .ld-btn--ghost{color:var(--mint);border-color:var(--border-subtle)}
.ld-mini-business{--demo-accent:#5679bb;--demo-deep:#3e5a8c;--demo-soft:#e8eef9}.ld-mini-startup{--demo-accent:#935ad2;--demo-deep:#70439f;--demo-soft:#f0e5fc}.ld-mini-donate{--demo-accent:#ce7c49;--demo-deep:#9b572e;--demo-soft:#f8e9dc}.ld-mini-learn{--demo-accent:#537ac4;--demo-deep:#385b9c;--demo-soft:#e5edfd}
.ld-mini :is(.mb,.ms,.md,.ld-window,.ld-browser){background:var(--surface-card);color:var(--demo-ink)}.ld-mini :is(.ld-mute,.ld-label){color:var(--demo-muted)}.ld-mini .mb-bars button{background:var(--surface-card)}.ld-mini .mb-bars button.is-now{background:var(--accent-wash)}.ld-mini .ml-video{background:var(--accent-wash)}.ld-mini .md .ld-btn{background:var(--accent-wash);color:var(--text-primary)}.ld-mini .md .ld-btn:disabled{opacity:.5}.ld-mini .ld-real-phone>.ld-body{padding-top:17%;padding-bottom:9%}
/* One connected workspace; no device collage. */
.ld-studio{padding:18px;border-radius:10px;--demo-accent:#6977c9;--demo-soft:#eceefb;--demo-ink:#32374b}
.studio-shell{width:100%;container-type:inline-size}.studio-shell>.ld-browser{width:100%;max-width:none;aspect-ratio:auto;min-height:560px;height:560px;border-radius:9px;box-shadow:var(--shadow-panel)}
.studio-workspace{display:grid;grid-template-columns:135px minmax(0,1fr);flex:1;min-height:0;background:var(--surface-card);color:var(--text-primary)}
.studio-sidebar{padding:18px 10px 12px;background:var(--surface-card);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:22px}.studio-brand{display:flex;align-items:center;gap:8px;padding:0 4px}.studio-brand>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--accent-wash);color:var(--text-primary)}.studio-brand>b{font-size:16px;line-height:1.1}.studio-brand b>span{display:block;font:5px/1.5 system-ui;letter-spacing:.08em;margin-top:4px}.studio-sidebar nav{display:grid;gap:6px}.ld-studio .studio-sidebar nav button{display:flex;align-items:center;gap:7px;padding:9px 8px;color:var(--text-muted);font-size:10px;border-radius:6px}.ld-studio .studio-sidebar nav button[aria-pressed=true]{background:var(--surface-card);color:var(--mint)}.studio-member{margin-top:auto;display:flex;gap:7px;align-items:center}.studio-member>span{display:grid;place-items:center;width:26px;height:26px;background:var(--surface-card);border-radius:50%;font-size:8px}.studio-member b{font-size:9px}.studio-member small{display:block;font-size:7px;color:var(--text-muted)}
.studio-main{min-width:0;padding:22px;display:flex;flex-direction:column;gap:18px;overflow:auto}.studio-main .studio-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.studio-eyebrow{font-size:7px;letter-spacing:.13em;color:var(--text-muted)}.studio-main h3{font-size:23px;font-weight:700;letter-spacing:-.04em;margin:6px 0 0}.ld-studio .studio-new{display:flex;align-items:center;gap:5px;padding:7px 9px;background:var(--accent-wash);color:var(--text-primary);border-radius:6px;font-size:9px;white-space:nowrap;min-height:28px}
.studio-overview{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px}.studio-overview>div{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:8px}.studio-overview>div>span{font-size:8px;color:var(--text-muted)}.studio-overview>div>b{font-size:28px;line-height:1;font-weight:700;color:var(--text-primary)}.studio-overview small{font-size:7px;color:var(--text-muted)}.studio-overview .studio-connection{background:var(--surface-card);justify-content:center}.studio-overview .studio-connection b{font-size:10px;line-height:1.4}.studio-connection-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-wash)}
.studio-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.studio-section-heading h4{font-size:12px;margin:0}.studio-section-heading>span{font-size:8px;color:var(--text-muted)}
.studio-rows{display:grid;gap:0;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-card);max-height:205px;overflow:auto}.studio-appointment{display:grid;grid-template-columns:26px 1fr auto auto;align-items:center;gap:9px;padding:10px;border-bottom:1px solid var(--border-subtle);font-size:10px}.studio-appointment:last-child{border-bottom:0}.studio-initial{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--surface-card);color:var(--mint);font-size:10px}.studio-appointment:nth-child(2) .studio-initial{background:var(--surface-card);color:var(--mint)}.studio-appointment small{display:block;font-size:8px;color:var(--text-muted);margin-top:2px}.studio-appointment time{font-size:9px;color:var(--text-muted)}.studio-tag{font-size:8px;background:var(--surface-card);color:var(--mint);padding:4px 6px;border-radius:4px}.ld-studio .studio-appointment button{font-size:9px;background:var(--accent-wash);color:var(--text-primary);padding:5px 8px;border-radius:4px;min-height:24px}
.studio-activity ol{display:grid;gap:8px}.studio-activity li{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--text-muted)}.studio-activity li .ld-icon{width:11px;height:11px;flex-basis:11px;color:var(--mint)}.studio-activity time{margin-left:auto;font-size:7px;color:var(--text-muted)}.studio-feedback{font-size:9px;color:var(--mint);margin-top:auto}
/* Footage is the focus. Controls appear as icons over the video, never a footer label. */
.ld-video-demo.ld-panel{background:var(--surface-input)}.ld-video-demo .ld-video-stage{width:94%}.ld-video-heading{min-height:0;margin-bottom:18px}.ld-video-kicker{font-family:'Demo Rounded',sans-serif;color:var(--text-muted);letter-spacing:.08em;font-size:10px}.ld-video-demo .ld-video-screen{border-color:var(--border-subtle);border-radius:9px}.ld-video-demo .ld-video-toggle{position:absolute;right:12px;bottom:12px;z-index:3;display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:7px;border:1px solid var(--border-subtle);border-radius:50%;background:var(--surface-input);color:var(--text-primary);transition:opacity .2s}.ld-video-toggle svg{width:16px;height:16px}.ld-video-demo.is-video-playing .ld-video-toggle{opacity:0}.ld-video-demo.is-video-playing:hover .ld-video-toggle,.ld-video-demo .ld-video-toggle:focus-visible{opacity:1}.ld-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.demo-list .dark{background:var(--surface-input)!important}
@media(max-width:900px){.studio-workspace{grid-template-columns:100px 1fr}.studio-main{padding:16px;gap:14px}.studio-sidebar{padding:16px 7px}.studio-brand>b{font-size:14px}.studio-brand>span{width:22px;height:22px;flex:0 0 22px}.studio-sidebar nav button span{font-size:9px}.studio-main h3{font-size:21px}.studio-overview{grid-template-columns:1fr 1fr}.studio-overview .studio-connection{display:none}}
@media(max-width:639px){
.ld-hero-showcase{padding:10px}.hero-product .ld-browser{min-height:440px}.kh-nav{padding:14px}.kh-nav>span:not(.kh-menu){display:none}.kh-image{min-height:245px}.kh-image-copy{padding:18px}.kh-image-copy h3{font-size:47px}.kh-booking{padding:14px;gap:10px}.kh-booking>div:first-child{flex-basis:100%}.kh-booking b{font-size:22px}.kh-options{margin-right:auto}.ld-hero-showcase .kh-options button{min-height:34px}.ld-hero-showcase .kh-reserve{min-height:34px}
.ld-mockup.ld-panel{padding:22px 8px}.ld-mockup .ld-platform-menu{height:16px;min-height:16px;font-size:7px;padding:0 6px;gap:6px}.ld-menu-tray{gap:5px}.ld-menu-tray>span{font-size:7px}.ld-menu-options{display:none}.ld-platform-menu img{height:10px;width:8px}.ld-platform-dock{height:23px;min-height:23px;padding:2px}.ld-platform-dock>span{width:17px;height:17px;border-radius:4px}.ld-platform-dock svg{width:13px;height:13px}.ld-safari-toolbar{min-height:26px;height:26px;padding:4px 6px;gap:5px;font-size:8px}.ld-safari-address{height:18px;padding:0 5px}.ld-safari-tools,.ld-safari-navigation{display:none}.ld-traffic{gap:3px}.ld-traffic i{width:5px;height:5px}.ld-safari-bottom{height:12px;min-height:12px;font-size:6px}
.ld-website .ws-nav{font-size:8px;min-height:31px;padding:5px 9px;gap:10px}.ld-website .ws-mark{font-size:19px}.ws-mark>span{font-size:4px}.ld-website .ws-hero{min-height:175px;padding:12px}.ld-website .ws-hero>div{max-width:55%}.ld-website .ws-headline{font-size:25px}.ld-website .ws-hero p{font-size:8px}.ld-website .ws-hero .ld-btn{font-size:8px;padding:5px 7px;min-height:24px}.ld-website .ws-product{flex-basis:72%}.ld-website .ws-cart{top:31px;padding:10px}.ld-website .ws-grid{gap:8px}
.ld-app .ap-wrap>.ld-phone{width:280px;max-width:90%}.ld-app .ap-keys button{min-height:36px}.ld-app .ap-tabs button{height:36px;min-height:36px}
.ld-fieldtool .ft-app{font-size:10px}.ld-fieldtool .ft-manager{padding:7px;gap:7px}.ld-fieldtool .ft-manager .ld-title{font-size:11px}.ld-fieldtool .ft-manager .ld-chip{font-size:7px}.ld-fieldtool .ft-approval{padding:6px;font-size:9px;gap:5px;grid-template-columns:20px 1fr auto}.ld-fieldtool .ft-approval .ld-avatar{width:20px;height:20px}.ld-fieldtool .ft-approval .ld-btn{font-size:8px;min-height:22px;height:22px;padding:3px 6px}.ld-fieldtool .ft-approval .ld-btn--ghost{font-size:8px;min-height:17px;height:17px}.ld-fieldtool .ft-foot{font-size:8px}
.ld-dashboard .iv-shell{padding:8px}.ld-dashboard .iv-heading h3{font-size:21px}.ld-dashboard .iv-outline{font-size:8px;min-height:24px;padding:5px 7px}.ld-dashboard .iv-metrics strong{font-size:16px}
.ld-studio{padding:10px}.studio-shell>.ld-browser{height:580px;min-height:580px}.studio-workspace{grid-template-columns:1fr}.studio-sidebar{padding:8px 10px;flex-direction:row;gap:8px;align-items:center;border-right:0;border-bottom:1px solid var(--border-subtle)}.studio-brand{display:none}.studio-sidebar nav{display:flex;gap:5px;width:100%}.ld-studio .studio-sidebar nav button{padding:7px;gap:5px;flex:1;justify-content:center;font-size:9px;min-height:28px}.studio-member{display:none}.studio-main{padding:14px;gap:16px}.studio-main .studio-header{align-items:flex-start;flex-wrap:wrap}.studio-main h3{font-size:24px}.studio-eyebrow{font-size:7px}.ld-studio .studio-new{font-size:9px;min-height:28px}.studio-overview{gap:8px}.studio-overview>div{padding:10px}.studio-appointment{padding:9px 7px;gap:6px;font-size:10px}.studio-tag{font-size:7px;padding:4px}.studio-appointment time{font-size:8px}.studio-activity li{font-size:8px}.studio-section-heading>span{font-size:7px}
.ld-mini .ld-btn--sm{min-height:28px;font-size:10px}.ld-mini .ml-play{width:32px;height:32px;min-height:32px}.ld-mini .md-chips button{min-height:28px}
}
/* Remove the previous coffee overlay and tighten the desktop app density. */
.ld-website .ws-hero:after{background:linear-gradient(90deg,var(--surface-card),transparent 62%)}
.ld-website .ws-hero .ld-btn{background:var(--accent-wash);color:var(--text-primary);border-radius:5px;padding:7px 10px;min-height:28px;font-size:10px}
.ld-website .ws-foot{color:var(--text-muted)}.ld-website .ws-wrap:after{display:none}
.ld-fieldtool .ft-photos button i{background:var(--surface-card);color:var(--mint)}
.ld-dashboard .iv-ledger{color:var(--text-primary)}.ld-dashboard .iv-invoice{color:var(--text-primary)}.ld-dashboard .iv-filters input{color:var(--text-primary)}.ld-dashboard .iv-filters input::placeholder{color:var(--text-muted)}.ld-dashboard .iv-items small{color:var(--text-muted)}.ld-dashboard .iv-feedback{color:var(--text-muted)}.ld-dashboard .iv-detail strong{color:var(--mint)}
@media(min-width:640px){
.ld-dashboard .iv-shell{padding:8px;gap:5px}.ld-dashboard .iv-heading h3{font-size:22px}.ld-dashboard .iv-outline{min-height:25px;height:25px;padding:4px 8px;font-size:9px}
.ld-dashboard .iv-metrics{padding:6px 8px}.ld-dashboard .iv-metrics span{font-size:8px}.ld-dashboard .iv-metrics strong{font-size:16px;line-height:1.15;margin-top:3px}.ld-dashboard .iv-metrics strong small{font-size:8px}
.ld-dashboard .iv-filters{font-size:9px}.ld-dashboard .iv-filters>span{font-size:9px}.ld-dashboard .iv-filters label{padding:3px 7px;font-size:9px}.ld-dashboard .iv-filters input{font-size:9px}.ld-dashboard .iv-filters b{width:15px;height:15px}
.ld-dashboard .iv-ledger{padding:6px;min-height:110px}.ld-dashboard .iv-segments{padding-bottom:4px}.ld-dashboard .iv-segments button{font-size:9px;min-height:20px;padding:3px 7px}.ld-dashboard .iv-invoice{min-height:34px;padding:4px;gap:5px}.ld-dashboard .iv-invoice b,.ld-dashboard .iv-invoice small{font-size:9px}.ld-dashboard .iv-row-amount{font-size:9px}.ld-dashboard .iv-invoice .ld-profile{width:21px;height:21px;flex-basis:21px}.ld-dashboard .iv-detail{padding:8px}.ld-dashboard .iv-detail h4{font-size:12px;margin:8px 0}.ld-dashboard .iv-detail strong{font-size:17px}.ld-dashboard .iv-detail .iv-customer{font-size:9px}.ld-dashboard .iv-feedback{font-size:8px}
}
.ld-dashboard .iv-segments button{color:var(--text-muted);border-color:var(--border-subtle)}
.ld-pipeline .pl-drawer{color:var(--text-primary)}.ld-pipeline .pl-drawer :is(.ld-mute,.ld-label){color:var(--text-muted)}
/* Native application artwork sourced from Apple's Mac User Guide. */
.ld-platform-dock>.ld-native-app{background:none;box-shadow:none;width:24px;height:24px;border-radius:0}.ld-native-app>img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:639px){.ld-platform-dock>.ld-native-app{width:19px;height:19px}}

/* Keep homepage editorial image rules outside the miniature operating system. */
body[data-page='home'] .ld-mockup .ld-platform-menu>img{position:static;width:10px;height:12px;min-width:10px;object-fit:contain;transform:none;filter:none;border-radius:0}
body[data-page='home'] .ld-mockup .ld-native-app>img{position:static;width:100%;height:100%;object-fit:contain;transform:none;filter:none;border-radius:0}
body[data-page='home'] .sections .section .lottie-container:has(>.ld-mockup){background:var(--surface-input)}
@media(max-width:639px){body[data-page='home'] .ld-mockup .ld-platform-menu>img{width:8px;min-width:8px;height:10px}}

/* Unbranded utility icons retain the existing screen chrome and spacing. */
.ld-platform-dock>.ld-neutral-app{display:grid;place-items:center;width:19px;height:19px;background:var(--surface-card);color:var(--text-muted);border-radius:4px;box-shadow:none}
.ld-platform-dock>.ld-neutral-app svg{width:12px;height:12px}
@media(max-width:639px){.ld-platform-dock>.ld-neutral-app{width:17px;height:17px}}