:root{--lavender:#b1a2d9;--plum:#392943}.hero-v2{grid-template-columns:1.05fr 1fr;gap:55px}.hero-v2 h1{font-size:clamp(60px,5.9vw,84px);letter-spacing:-4.5px}.hero-v2 .intro{max-width:540px;font-size:16px}.hero-universe{position:relative;min-height:460px;background:#e7e2d8;overflow:hidden;border:1px solid #d9d4c9}.hero-universe:before{content:'';position:absolute;border:1px solid #bbb3a6;border-radius:50%;width:370px;height:370px;left:calc(50% - 185px);top:50px;opacity:.45}.hero-universe:after{content:'';position:absolute;border:1px dashed #bbb3a6;border-radius:50%;width:440px;height:440px;left:calc(50% - 220px);top:15px;opacity:.4;pointer-events:none}.hero-universe canvas{width:100%;height:460px;position:relative;z-index:1}.universe-top,.universe-bottom{position:absolute;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:3;font-size:8px;letter-spacing:1px}.universe-top{top:20px}.universe-bottom{bottom:20px}.universe-bottom a{border:1px solid #aca99e;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:24px}.live-dot{font-size:8px;color:#3d624a}.live-dot:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#55765a;margin-right:4px}.orbit-label{position:absolute;z-index:2;font-size:12px;background:#f5f2ebed;padding:10px 14px;box-shadow:0 8px 20px #1424320a;transform:rotate(-5deg)}.orbit-label span{font-size:8px;color:#b34f36;display:block;letter-spacing:1px}.label-one{left:25px;top:95px}.label-two{right:18px;top:210px;transform:rotate(4deg)}.label-three{left:45px;bottom:75px;transform:rotate(2deg)}.solutions{padding-block:90px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.solution-card{position:relative;display:block;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 27px;transition:background .2s}.solution-card:hover{background:#e9e3d8}.solution-card h3{font-size:23px;font-weight:500;line-height:1.25;letter-spacing:-.6px;margin:24px 0 14px}.solution-card p{font-size:13px;color:var(--muted);max-width:300px;min-height:65px;line-height:1.75}.solution-card small{font-size:10px;display:block;margin-top:20px}.solution-icon{font-size:31px;line-height:1;color:#bc4c33;letter-spacing:-2px}.solution-number{position:absolute;right:26px;top:30px;font-size:10px;color:var(--muted)}.scope-note{max-width:900px;font-size:11px;line-height:1.8;color:var(--muted);margin:22px 0 0}.experience{background:var(--navy);color:var(--paper);padding-block:90px}.experience .section-heading>p{color:#bec9d0}.experience h2 em{color:#f0a48b}.lab-links{display:flex;gap:25px;flex-wrap:wrap;border-block:1px solid #4a5c6b;padding-block:18px;margin-top:32px}.lab-links a{font-size:11px;letter-spacing:.4px}.lab-links a:hover{color:#f2a68b}.lab-panel{display:grid;grid-template-columns:.85fr 1.3fr;margin-top:45px;background:var(--paper);color:var(--ink)}.lab-info h3{font-size:37px;line-height:1.12;font-weight:500;letter-spacing:-1.5px;margin-bottom:20px}.lab-info>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted)}.lab-info .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:20px}.model-panel .lab-info{padding:38px}.lab-info label{display:block;font-size:10px;margin:20px 0 6px}.lab-info select{width:100%;padding:12px;background:#ebe8e0;color:var(--ink);border:1px solid #c3c7ba;font-size:12px;border-radius:0}.color-controls{display:flex;gap:12px;margin-top:20px}.color-swatch{width:27px;height:27px;border-radius:50%;background:var(--swatch);border:3px solid var(--paper)}.color-swatch.selected{outline:1px solid var(--ink);outline-offset:2px}.lab-info input[type=range]{width:100%;accent-color:#bf5137}.model-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:16px}.model-actions button{background:none;border:0;border-bottom:1px solid #797e72;font-size:10px;padding:5px 0;color:var(--ink)}.lab-info p.demo-note,.demo-note{font-size:10px!important;color:var(--muted);line-height:1.7;margin-top:18px}.model-stage{background:#ded9cf;position:relative;min-height:480px;overflow:hidden;background-image:linear-gradient(#c7c2b733 1px,transparent 1px),linear-gradient(90deg,#c7c2b733 1px,transparent 1px);background-size:40px 40px}.model-stage canvas{width:100%;height:100%;min-height:480px;position:absolute;touch-action:pan-y;cursor:grab}.model-stage canvas:active{cursor:grabbing}.model-stage-label{position:absolute;left:25px;bottom:22px;right:25px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1px;pointer-events:none}.mobile-labs{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.mobile-lab{padding:40px;background:#dfd9ea;color:var(--ink)}.mobile-lab:nth-child(2){background:#eaded0}.mobile-lab>.lab-info{max-width:425px;min-height:260px}.mobile-lab .lab-info h3{font-size:34px}.demo-tag{font-size:9px;border:1px solid #a7a0b4;display:inline-block;padding:5px 9px;line-height:1.7;margin-top:6px}.phone{margin:30px auto 0;width:310px;max-width:100%;min-height:620px;background:#faf8f1;border-radius:36px;border:7px solid #182b3b;box-shadow:15px 18px 0 #172c3b15;padding:17px 22px 25px;position:relative;color:var(--ink)}.phone-status{display:flex;justify-content:space-between;font-size:9px;font-weight:600;margin-bottom:25px}.phone-brand{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px}.phone-avatar{border:1px solid #c9cabc;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:10px}.phone h4{font-size:28px;font-weight:500;line-height:1.1;letter-spacing:-1px;margin:24px 0 14px}.phone-caption{font-size:11px;color:var(--muted);margin-bottom:20px}.phone label,.phone-label{font-size:10px;display:block;margin:20px 0 8px}.phone-label small{float:right;font-size:8px;color:var(--muted)}.phone select{width:100%;padding:11px 8px;font-size:10px;border:1px solid #c9cabc;background:#f3efe6;color:var(--ink);border-radius:7px}.booking-days{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.booking-days button{padding:7px 4px;background:#ece8df;border:1px solid transparent;border-radius:7px;color:var(--ink);font-size:9px;line-height:1.5}.booking-days strong{display:block;font-size:19px}.booking-days .selected,.booking-times .selected{background:var(--ink);color:#fff}.booking-times{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.booking-times button{font-size:10px;padding:9px 5px;border:1px solid #c5c7ba;border-radius:5px;background:transparent;color:var(--ink)}.booking-times button.selected{background:var(--ink);color:#fff}.booking-times button:disabled{color:#9d9d98;background:#e7e5dd;text-decoration:line-through;cursor:not-allowed}.phone .button{width:100%;font-size:10px;justify-content:center;margin-top:22px;border-radius:7px;padding:12px 6px;gap:5px}.phone-result{font-size:9px;line-height:1.7;color:#576759;margin:12px 0 15px;min-height:31px}.phone-home{width:80px;height:4px;border-radius:10px;background:var(--ink);position:absolute;bottom:11px;left:calc(50% - 40px)}.app-phone .phone-brand{font-size:26px;font-weight:bold;letter-spacing:-1px}.app-brand-dot{color:#cc6c4a}.app-tabs{display:flex;justify-content:space-between;gap:10px;margin:20px 0}.app-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#696963;font-size:10px;padding:6px 3px}.app-tabs button.active{color:var(--ink);border-bottom-color:var(--ink)}.app-tabs button span{font-size:8px;margin-left:3px}.app-promo{position:relative;background:#dfb394;border-radius:9px;overflow:hidden;padding:16px;min-height:128px}.app-promo>span{font-size:7px;letter-spacing:1px}.app-promo h4{font-size:27px;margin-top:12px;margin-bottom:0;position:relative;z-index:1}.app-promo i{font-size:65px;position:absolute;right:3px;bottom:10px;transform:rotate(-13deg);font-style:normal;opacity:.8}.menu-item{display:flex;align-items:center;gap:9px;margin-top:14px}.drink-icon{background:#e8d2bd;width:40px;height:45px;border-radius:6px;display:grid;place-items:center;font-size:23px;color:#637859}.drink-icon.lilac{background:#dbd7e7}.drink-icon.sand{background:#e5e0cb}.menu-item strong{display:block;font-size:11px}.menu-item span{display:block;font-size:8px;color:#76766a;margin-top:3px}.menu-item button{margin-left:auto;border:1px solid #a9ad9f;border-radius:50%;background:transparent;color:var(--ink);width:22px;height:22px;display:grid;place-items:center;padding:0;font-size:15px}.stamp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.stamp-grid span{border-radius:50%;background:#e2d5b9;aspect-ratio:1;display:grid;place-items:center;font-size:27px}.stamp-grid span:nth-last-child(-n+2){background:transparent;border:1px dashed #a7aa9b;color:#a7aa9b;font-size:17px}#app-loyalty>p{font-size:12px;margin-top:22px}.cart-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;font-size:11px}.cart-row{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid #deded3;padding:13px 0}#cart-items{min-height:160px}#cart-items>p{font-size:12px}.automation-lab{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;margin-top:25px;background:#e8ede6;padding:45px;color:var(--ink)}.automation-lab .button{margin-top:15px;width:100%}.flow-console{background:#102333;border-radius:12px;padding:24px;color:var(--paper);align-self:center}.console-header{display:flex;justify-content:space-between;border-bottom:1px solid #41525d;padding-bottom:18px;gap:20px;font-size:8px;letter-spacing:1px}.console-header i{display:inline-block;width:6px;height:6px;background:#8fae96;border-radius:50%;margin-right:7px}.flow-step{display:flex;align-items:center;gap:14px;padding:17px 15px;background:#203545;margin-top:25px;border:1px solid #415462;position:relative}.flow-step+.flow-step:before{content:'↓';position:absolute;top:-25px;left:24px;color:#788b99;font-size:16px}.flow-step>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #7e909c;border-radius:50%;font-size:10px}.flow-step strong{display:block;font-size:12px;font-weight:500}.flow-step small{font-size:9px;color:#b2bdc6;display:block;margin-top:3px}.flow-step.running{border-color:var(--coral);background:#3a393e}.flow-step.done{border-color:#7eae96}.flow-step.done>span{background:#8fb69a;color:#152432;border:0}.flow-log{font-family:monospace;font-size:10px;line-height:1.7;color:#b4c8bd;min-height:53px;margin-top:23px;border-top:1px solid #41525d;padding-top:15px}.sector-section{padding-block:90px}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:35px}.sector-grid a{display:block;border-top:1px solid var(--line);padding-top:22px}.sector-grid a>span{font-size:28px;color:#bc4c33}.sector-grid h3{font-size:20px;letter-spacing:-.5px;font-weight:500;margin:20px 0 10px}.sector-grid p{font-size:13px;color:var(--muted);line-height:1.8}.sector-grid b{font-size:10px;font-weight:500}.signage-feature{display:grid;grid-template-columns:1.3fr 1fr;background:#e5e2d9}.signage-image img{height:100%;object-fit:cover;min-height:480px}.signage-copy{padding:60px;align-self:center}.signage-copy h2{font-size:58px}.signage-copy p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:340px}.signage-copy small{font-size:10px;color:var(--muted);display:block;margin-top:28px;max-width:340px}.motion-section{padding-block:30px 90px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.video-grid video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#0c1823}.video-grid article>span{font-size:9px;letter-spacing:1px;display:block;margin-top:18px}.video-grid h3{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:5px 0 9px}.video-grid p{font-size:12px;color:var(--muted)}
@media(max-width:1050px){.hero-v2 h1{font-size:60px}.hero-v2{gap:30px}.hero-universe canvas{height:420px}.hero-universe{min-height:420px}.solution-card{padding:25px 22px}.solution-card h3{font-size:20px}.lab-panel{grid-template-columns:1fr 1.1fr}.model-panel .lab-info{padding:28px}.mobile-lab{padding:28px}.mobile-lab>.lab-info{min-height:290px}.automation-lab{padding:30px;gap:30px}.signage-copy{padding:40px}.signage-copy h2{font-size:49px}}
@media(max-width:720px){.hero-v2 h1{font-size:62px;letter-spacing:-3.5px}.hero-v2 .intro{font-size:15px}.hero-v2{gap:30px}.hero-universe{min-height:370px}.hero-universe canvas{height:370px}.hero-universe:before{width:270px;height:270px;left:calc(50% - 135px)}.hero-universe:after{width:340px;height:340px;left:calc(50% - 170px)}.label-one{left:15px;top:75px}.label-two{right:12px;top:170px}.label-three{left:20px;bottom:65px}.orbit-label{font-size:10px;padding:8px 12px}.universe-top,.universe-bottom{font-size:6px;left:16px;right:16px}.universe-bottom a{width:32px;height:32px;font-size:20px}.hero-v2 .hero-note{font-size:10px}.solutions{padding-block:55px}.solution-grid{grid-template-columns:1fr 1fr;margin-top:25px}.solution-card{padding:22px 17px}.solution-card h3{font-size:19px;letter-spacing:-.7px;margin-top:18px}.solution-card p{font-size:11px;min-height:90px}.solution-icon{font-size:26px}.solution-number{right:14px;top:22px;font-size:8px}.solution-card small{font-size:9px;line-height:1.7;min-height:30px}.scope-note{font-size:10px}.experience{padding-block:55px}.experience .section-heading>p{font-size:12px}.lab-links{gap:18px}.lab-links a{font-size:9px;width:calc(50% - 10px)}.lab-panel{grid-template-columns:1fr;margin-top:30px}.model-panel .lab-info{padding:25px}.lab-info h3{font-size:34px}.model-stage{min-height:340px}.model-stage canvas{min-height:340px}.model-stage-label{font-size:7px;left:17px;right:17px}.mobile-labs{grid-template-columns:1fr}.mobile-lab{padding:25px 18px}.mobile-lab>.lab-info{min-height:0;padding:0 7px}.mobile-lab .lab-info h3{font-size:32px}.phone{width:295px;margin-top:28px;padding:16px 18px 25px}.automation-lab{grid-template-columns:1fr;gap:20px;padding:25px}.flow-console{padding:18px}.flow-step{padding:15px 10px}.sector-section{padding-block:55px}.sector-grid{grid-template-columns:1fr 1fr;gap:22px}.sector-grid h3{font-size:18px}.sector-grid p{font-size:12px}.signage-feature{grid-template-columns:1fr}.signage-image img{min-height:0;aspect-ratio:3/2;object-fit:cover}.signage-copy{padding:35px 25px}.signage-copy h2{font-size:46px}.motion-section{padding-block:0 55px}.video-grid{grid-template-columns:1fr}.video-grid h3{font-size:21px}}
