:root{--bg:#fafaf7;--panel:#fff;--ink:#18304c;--muted:#667380;--line:#dde3e6;--lime:#2563dc}body{background:var(--bg)}header{border-bottom:1px solid #e3e7e9}nav{color:#4c5e71}.brand{color:#234d77}.nav-cta{border-color:#cad7e4;background:#fff;color:#234d77}h1{font-size:clamp(42px,4.25vw,62px);line-height:1.15;letter-spacing:-2.8px}.hero{min-height:680px;gap:50px}.hero-copy .eyebrow{letter-spacing:1.4px}.lead{max-width:440px}.lime{background:#2563dc;color:#fff;box-shadow:0 5px 15px #2563dc18}.text-link{border-color:#aabed5}.orbit{border-color:#dce5ed}.browser-demo{--accent:#c3d7ed;border:1px solid #bfcfdf;box-shadow:15px 30px 65px #516b8b25}.browser-bar{background:#e8edf2;color:#60748a}.browser-bar b{color:#9dabb7}.floating-tag{background:#fff;border:1px solid #dbe4ee;box-shadow:0 12px 30px #4c688018;color:#344d68}.capability-strip{color:#5e7083;background:#fff}.project-grid{grid-template-columns:repeat(2,1fr);gap:40px 30px}.project-visual{height:320px;padding:28px}.industrial-copy,.coffee-copy{font-size:38px;margin-top:43px}.machine i{width:75px;height:195px}.cup{width:135px;height:135px;right:55px;bottom:45px}.cup i{width:102px;height:102px}.dashboard .bars{height:140px}.dashboard-stats b{font-size:34px}.graph-bottom{word-spacing:40px}.tiny-nav{font-size:15px}.tiny-nav span{font-size:7px}.tiny-pill{font-size:9px;padding:9px 13px}.project-caption small,.demo-note{color:#637287}.project-caption>span{background:white;color:#2563dc}.segment-filters{display:flex;flex-wrap:wrap;gap:9px;margin:-10px 0 30px}.segment-filters button{background:#fff;border:1px solid #dce3e9;color:#576c80;border-radius:30px;padding:11px 18px;font-size:12px}.segment-filters button[aria-pressed=true]{background:#1d4164;color:#fff;border-color:#1d4164}.project[hidden]{display:none}.solutions{background:#f0f4f7;border-color:#e0e7ec}.solution-list article{border-color:#d4dee5}.solution-list article>span{color:#70859a}.solution-list b{color:#2563dc}.quality-grid p{color:#5e6c7a}.process li>span{border-color:#cad8e8;background:#eef4ff}.contact{background:#edf3fb;border-color:#dae5f3}.contact h2{font-size:55px}.contact-grid>div>p:not(.eyebrow),.contact-note{color:#5a6e83}form{background:white;border-color:#d9e3ee;box-shadow:0 12px 40px #46617f09}input,textarea,select{background:#f9fbfd;border-color:#d5dfe9;color:#233e5c}.form-note{color:#687b8c}footer{border-top:1px solid #e0e6ec}.expertise-note{border-left:3px solid #87a9d5;padding:4px 0 4px 18px;margin:22px 0 28px;max-width:390px}.expertise-note b{font-size:13px}.expertise-note p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:8px}.service{background:#e2e6dc;color:#40523e}.room-art{position:absolute;right:35px;bottom:45px;width:120px;height:150px;background:#c8d1bc;border-radius:70px 70px 0 0;border:10px solid #f2eee3}.room-art i{position:absolute;width:75px;height:45px;background:#9eac88;bottom:-8px;left:4px;border-radius:20px 20px 3px 3}.room-art b{position:absolute;width:28px;height:65px;top:12px;left:23px;background:#758960;border-radius:70% 10% 70% 10%;transform:rotate(-25deg)}.transformation{padding:75px 0 85px;background:#f1eee7}.comparison{position:relative;height:380px;overflow:hidden;border:1px solid #d3dce3;border-radius:12px;background:white;box-shadow:0 14px 40px #243f5a0b}.comparison-page{height:380px;padding:34px 50px}.comparison-page.after{background:#eef3f8;color:#21466c}.compare-nav{font-weight:800;font-size:23px;display:flex;gap:12px;align-items:center}.compare-nav span{font-size:7px;letter-spacing:1.5px}.compare-nav small{font-size:9px;font-weight:500;margin-left:auto}.compare-main{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:25px;margin-top:30px}.compare-main small{font-size:8px;letter-spacing:1.3px}.compare-main h3{font-size:40px;line-height:1.1;margin:12px 0}.compare-main p{font-size:12px;line-height:1.7;max-width:300px}.compare-cta{display:inline-block;background:#2563dc;color:white;padding:12px 20px;font-size:10px;border-radius:5px;margin-top:18px}.compare-art{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dae6f5,#bccfe7);border-radius:100px 15px 15px 15px;height:210px;font-weight:800;font-size:150px;color:#fff;position:relative}.compare-art span{font-size:50px;color:#3972b4}.comparison-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.before{background:#faf8e7;color:#605d4c;font-family:Georgia,serif;text-align:center}.before h3{font-family:Georgia,serif;color:#665b35;font-size:30px;border-bottom:3px double #97927b;padding-bottom:12px}.before>div{font-size:12px;margin:16px 0 22px}.before h4{font-family:Georgia,serif;margin:20px 0;font-size:19px}.before p{font-size:15px;line-height:1.8}.before u{color:#493c8d;display:block;margin-top:15px}.compare-label{position:absolute;top:12px;font-size:8px;letter-spacing:1.5px;background:#fff;padding:6px 9px;border-radius:3px}.compare-label.left{left:12px}.compare-label.right{right:12px;color:#2563dc}.compare-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#2563dc;pointer-events:none}.compare-divider span{position:absolute;top:48%;left:-20px;background:#2563dc;color:white;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;box-shadow:0 3px 10px #0002}.range-label{display:flex;justify-content:space-between;margin-top:22px;font-size:12px}#compare-range{padding:0;accent-color:#2563dc;height:24px;cursor:ew-resize}.compare-benefits{display:flex;justify-content:space-between;margin-top:18px;font-size:11px;color:#627487}dialog{width:min(1060px,94vw);padding:24px;background:#fff;border-color:#cbd9e6;color:var(--ink)}dialog::backdrop{background:#16324d80}#modal-content p{color:#607285}.device-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.device-toolbar button{border:1px solid #cad8e6;background:#f3f6fa;color:#33516f;border-radius:5px;padding:9px 16px;font-size:12px}.device-toolbar button[aria-pressed=true]{background:#255ac3;color:white;border-color:#255ac3}.device-toolbar span{font-size:10px;color:#607285;margin-left:auto}.frame-stage{padding:18px;background:#e9eef4;border-radius:9px;overflow:auto}#project-frame{display:block;border:1px solid #cad4e0;border-radius:8px;background:#fff;width:100%;height:430px;margin:auto;transition:width .3s}#project-frame.phone{width: min(350px,100%);height:510px;border:7px solid #344960;border-radius:24px}.demo-tabs button{background:#edf3fa;border-color:#cfdbeb;color:#375776}.demo-tabs button[aria-pressed=true]{background:#2563dc;color:white}.demo-output{background:#edf3fa}.demo-output .bars i{background:#2563dc}#form-status{color:#235cb9}.hero-art .style-controls{color:#62788b}.swatch.active{outline-color:#4f6f90}.skip{background:#2563dc;color:#fff}
@media(max-width:1000px){.hero{gap:30px}h1{font-size:48px}.project-visual{height:290px}.graph-bottom{word-spacing:24px}}@media(max-width:720px){h1{font-size:43px;letter-spacing:-2px}.hero{padding-top:45px}.hero-art{margin-top:45px}.project-grid{grid-template-columns:1fr;gap:30px}.project-visual{height:280px}.industrial-copy,.coffee-copy{font-size:32px}.contact h2{font-size:45px}.transformation{padding:55px 0}.comparison,.comparison-page{height:390px}.comparison-page{padding:44px 20px 20px}.compare-nav{font-size:19px}.compare-nav small{display:none}.compare-main{grid-template-columns:1fr;margin-top:25px}.compare-main h3{font-size:35px}.compare-art{display:none}.before h3{font-size:24px}.before>div{font-size:9px}.before p{font-size:13px}.compare-benefits{gap:15px;font-size:9px;line-height:1.7}.segment-filters{gap:7px}.segment-filters button{padding:9px 13px;font-size:10px}.device-toolbar span{width:100%;margin:4px 0}.frame-stage{padding:8px}dialog{padding:16px}#modal-content h2{font-size:26px}}