:root{--ink:#edf0ed;--muted:#8999a3;--blue:#d8e4e7;--cyan:#aebfc7;--navy:#0c151c;--line:#34434c;--paper:#111c24}body{background:#111c24;letter-spacing:.05px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.top{background:#0b141b;color:#6e8493;font-size:8px;letter-spacing:2.3px;padding:11px}.top b{color:#b8c7cd}header{padding:26px 5%;background:#101a22;border-color:#2c3b45}header .brand img,footer .brand img{filter:grayscale(1) brightness(1.55)}header nav{gap:30px}nav a{font-size:10px;color:#9babb6;letter-spacing:.4px}button,.btn{border-radius:3px;font-size:11px;border-color:#52636e;transition:background .2s,border-color .2s,transform .2s}button:hover,.btn:hover{border-color:#afc1ca;background:#30434f}.primary{background:#dce6e7;border-color:#dce6e7;color:#14252f;box-shadow:none}.primary:hover{background:white;border-color:white;color:#14252f}button:focus-visible,a:focus-visible{outline-color:#c0d0d8}.ghost{border-color:#ffffff3a;background:#ffffff05;color:#dde5e7}.tag{color:#9fb4c0;letter-spacing:2.1px;font-size:8px}.msbhero{background:#0d1821}.msbhero:before{background-position:73% center;filter:saturate(.28) brightness(.8)}.msbhero:after{background:linear-gradient(90deg,#0d1821 0%,#0d1821ef 25%,#0d1821b0 42%,#0d182133 67%,#0d182108),linear-gradient(0deg,#0d1821b0,transparent 35%)}.hero-inner{padding-top:91px!important;min-height:700px}.msbhero .tag{display:inline-block;border:1px solid #69849350;background:#142a3777;border-radius:30px;padding:9px 13px;font-size:8px;letter-spacing:1.8px;backdrop-filter:blur(8px);color:#b7c9d2}.msbhero h1{font-size:clamp(65px,7.3vw,104px);font-weight:650;letter-spacing:-5px;line-height:.99;margin:28px 0;max-width:760px}.msbhero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;color:#c4d4db;letter-spacing:-4px}.msbhero p{font-size:13px;color:#9db0bc;line-height:1.9;max-width:340px;margin-top:26px}.hero-inner .actions{margin-top:30px;gap:12px}.hero-inner .actions button,.hero-inner .actions a{font-size:10px;padding:16px 21px;letter-spacing:.2px}.hero-foot{margin-top:90px;max-width:700px;border-color:#ffffff22;padding-top:23px}.hero-foot>span{font-size:8px;color:#9bafb9;letter-spacing:2px}.hero-foot>div{font-size:7px;color:#6b8392;line-height:2;letter-spacing:.8px}.modebar{background:#182630;border-color:#30424e;padding-block:11px}.modebar p{font-size:8px;letter-spacing:.8px;color:#718a9a}.modes{background:#101e29;border-color:#334b5a;border-radius:4px}.modes button{color:#718c9e;border-radius:2px;font-size:9px;padding:8px 18px}.modes .active,.modes button.connected.active{background:#d7e2e6;color:#18303f}.service-strip{background:#101b24;border-color:#30424f}.service-strip button{font-size:9px;color:#8099a8;border-color:#2f414e;padding-block:24px}.service-strip span{color:#afc3cd;font-size:8px;margin-right:10px}.service-strip button:hover{background:#223541;color:#e4edf0}section{padding:85px 0}.section-title{margin-bottom:35px}.section-title h2{font-size:clamp(34px,3.8vw,49px);font-weight:600;letter-spacing:-2px;line-height:1.04;margin-top:17px}.section-title p{font-size:12px;color:#7d929f;line-height:1.95}.service-grid-photo{grid-template-columns:repeat(12,1fr);gap:21px}.service-photo{grid-column:span 4;min-height:355px;border-color:#40535d;border-radius:5px;padding:28px}.service-photo:nth-child(1){grid-column:span 7;min-height:430px}.service-photo:nth-child(2){grid-column:span 5;min-height:430px}.service-photo:nth-child(n+3){grid-column:span 4;min-height:355px}.service-photo>img{filter:saturate(.55) brightness(.9)}.service-photo:after{background:linear-gradient(180deg,#0b182000 15%,#0d1a2566 45%,#0e1c28e6 80%,#0e1c28)}.service-photo .tag{color:#c1d0d7;font-size:7px;letter-spacing:1.8px}.service-photo h3{font-size:30px;font-weight:550;letter-spacing:-1px;margin:16px 0}.service-photo p{color:#a5b7c2;font-size:11px;line-height:1.9;max-width:310px}.service-photo button{border-color:#a9c2d05c;background:#ffffff06;border-radius:3px;font-size:10px;color:#d8e4e9;padding:14px 16px}.service-photo:hover>img{transform:scale(1.025);filter:saturate(.75) brightness(1)}.service-photo button:hover{background:#dce6e7;color:#172d3d}.how-split{gap:70px}.how-split h2{font-size:42px;letter-spacing:-1.8px;font-weight:550;line-height:1.07}.howstep{border-color:#324753;padding:24px 0}.howstep b{color:#9bb3c1;font-size:10px}.howstep h3{font-size:16px;color:#d3dfe6;letter-spacing:-.3px}.howstep p{color:#7b95a5;font-size:11px;line-height:1.9}.photo-block{border-radius:5px;min-height:440px;border:1px solid #3d515f}.photo-block>img{filter:saturate(.45) brightness(.8)}.photo-block:after{background:linear-gradient(0deg,#0b1923e8,transparent 85%)}.photo-label strong{font-weight:500;font-size:30px;color:#e4ebec}.photo-label span{color:#7895a7;font-size:7px;letter-spacing:1.1px}.dark-section{background:#0d1a23;border-color:#2b404e}.dark-section h2{font-size:43px;font-weight:550;letter-spacing:-1.8px}.dark-section .tag{color:#a2b9c7}.dark-section .muted{color:#7a96a8;font-size:12px}.dark-section .contact{background:#142733;border-color:#3d5666;padding:32px;border-radius:5px}.contact a{color:#cbdce3;font-size:12px}.contact h3{font-size:23px;font-weight:500;margin:18px 0}.contact .tag{font-size:7px}.gallery{gap:20px;grid-template-columns:1.4fr 1fr 1fr}.gallery figure{border:1px solid #405562;border-radius:4px;height:290px}.gallery img{filter:saturate(.5) brightness(.85);transition:filter .4s}.gallery figure:hover img{filter:saturate(.85) brightness(1)}.gallery figcaption{font-size:7px;border-radius:2px;color:#b8cbd6;background:#102533e0;letter-spacing:.4px}.cta{padding:48px;border-radius:5px;border-color:#47606e;min-height:285px}.cta:before{filter:saturate(.25) brightness(.65)}.cta:after{background:linear-gradient(90deg,#102534f5,#102534c9 55%,#10253433)}.cta .tag{font-size:7px}.cta h2{font-size:44px;font-weight:500;letter-spacing:-1.6px;color:#e1eaed}.cta p{font-size:12px;color:#8ba8ba}.cta .primary{padding:16px 22px;font-size:10px}.faq .tag{font-size:8px}.faq h2{font-size:37px;font-weight:550;letter-spacing:-1.4px}.faq summary{font-size:12px;font-weight:500;color:#acbfcc}.faq details{border-color:#314955;padding:21px 0}.faq details p{color:#7d99aa;font-size:11px}footer{background:#0c1923;border-color:#2c4554;color:#648398;font-size:9px}.demo-nav{background:#102736eb;border-color:#416071;border-radius:6px;padding:5px;box-shadow:0 12px 35px #0006}.demo-nav button{border-radius:3px;font-size:9px;color:#88a6bb;padding:12px 18px}.demo-nav .active{background:#d3e1e7;color:#163247}.demo-nav span{font-size:7px;color:#557e97}.workspace{padding-top:44px}.workspace> .row h2{font-size:39px;font-weight:500;letter-spacing:-1.5px}.workspace .tag{font-size:8px;color:#8fadbF}.pill{background:#263e4c;color:#a7c1d1;font-size:8px;border:1px solid #3e596a;border-radius:3px}.notice{background:#1c313f;border-color:#3b5668;color:#7ea2bb;font-size:10px;border-radius:4px}.stat,.panel,.table-wrap{border-color:#3b5363;border-radius:5px;background:#192e3c;box-shadow:0 8px 25px #0000000a}.stat strong{font-size:33px;font-weight:550;color:#dae7ee}.stat span{font-size:9px;color:#83a2b8}.stat small{color:#567d97;font-size:8px}.panel h3{font-size:20px;font-weight:500}.tabs{background:#102432;border-color:#3a5668;border-radius:4px}.tabs button{font-size:10px;color:#799db7;border-radius:2px}.tabs .active{background:#335163;color:#d6e8f3}.panel-hero:before{filter:saturate(.25) brightness(.65)}.panel-hero:after{background:linear-gradient(90deg,#0e293bf5,#0e293b88)}.panel-hero .tag{color:#a8c6d9}.request-card{background:#1b3343;border-color:#3f5c70;border-radius:5px;transition:background .2s}.request-card:hover{background:#254659}.request-card img{border-radius:3px;filter:saturate(.55)}.request-card h3{font-size:17px;font-weight:500}.request-card p{color:#81a4be}.message{background:#142c3d;border-color:#3b5b72;border-radius:5px;color:#91b3ce}.message small{color:#b0ccdf;font-size:8px}.plan{border-color:#435f73;border-radius:6px;background:#182e3f}.plan.featured{background:linear-gradient(145deg,#304c5e,#162e40);border-color:#9db7c8}.plan h3{font-weight:500;font-size:29px}.plan .monthly{color:#b4cbdc}.plan .planprice{color:#e1edf5;font-size:48px;font-weight:550;letter-spacing:-2px}.plan li{color:#8cacC5}.financing{background:#1f3a4d;border-color:#496b82;border-radius:5px}.financing p{color:#87adca}.screen .primary{background:#c9d9df;border-color:#c9d9df;color:#1a3a50}.screen .pill{background:#e1ebef;color:#537d97;border-color:#b9cbd7}.screen .mini{color:#6a8495}.player{border-radius:6px;border-color:#50748e}.player-top{background:#29465b;color:#adcadf}.player-top b{color:#c3d9e8}.stage{background:radial-gradient(ellipse at top right,#3b5b70,transparent),#132f44}.film-caption{background:#24455b;border-color:#4a728f}.film-caption span{color:#99bdd8}.film-controls{background:#18374c}.film-controls .primary{background:#c9dce7;border-color:#c9dce7;color:#17374e}.progress div{background:#a9c9dc}.progress{background:#365f7b}.chapters button{background:#203f56;border-color:#486e8b;color:#8fb5d0}.chapters .active{background:#c9dce7;border-color:#c9dce7;color:#153b56}.film-result{color:#b6d7ee}.clickring{border-color:#adccdf}.toast{background:#294b63;border-color:#779fb9;color:#d9e9f3}dialog{background:#18364b;border-color:#567d9c;color:#d1e5f3}dialog label{color:#92b7d3}dialog .notice{color:#8fb5d1}dialog .close{background:#345a76;color:#bdd8ec}input:focus,select:focus,textarea:focus{outline-color:#a9c8da}
@media(max-width:760px){header{padding:21px 5%}header .brand img{width:130px;max-height:45px}header nav .primary{font-size:9px;padding:11px 13px}.top{font-size:7px;letter-spacing:1.1px}.modebar{padding:10px 5%}.modebar p{font-size:7px;max-width:150px}.modes button{font-size:8px;padding:8px 11px}.hero-inner{padding:43px 6% 23px!important;min-height:0}.msbhero:before{background-position:64% center;filter:saturate(.22) brightness(.75)}.msbhero:after{background:linear-gradient(180deg,#0d1821ef 0%,#0d1821d9 37%,#0d182128 70%,#0d1821eb)}.msbhero .tag{font-size:6px;letter-spacing:1.2px;padding:8px 11px}.msbhero h1{font-size:clamp(56px,15.7vw,78px);line-height:1;letter-spacing:-3px;margin:26px 0;max-width:100%}.msbhero h1 em{letter-spacing:-2.8px}.msbhero p{font-size:11px;line-height:1.9;max-width:270px}.hero-inner .actions{gap:9px;margin-top:23px}.hero-inner .actions button,.hero-inner .actions a{padding:13px 16px;font-size:9px}.hero-foot{margin-top:150px;padding-top:18px}.hero-foot>span{font-size:7px;letter-spacing:1.4px}.hero-foot>div{font-size:6px;margin-top:9px;letter-spacing:.6px}.service-strip button{font-size:7px;padding:16px 7px}.service-strip span{font-size:6px;margin-right:6px}section{padding:49px 0}.section-title{margin-bottom:25px}.section-title h2{font-size:33px;font-weight:550;line-height:1.05;letter-spacing:-1.3px}.section-title p{font-size:11px;line-height:1.9}.service-grid-photo{grid-template-columns:1fr;gap:19px}.service-photo,.service-photo:nth-child(1),.service-photo:nth-child(2),.service-photo:nth-child(n+3){grid-column:auto;min-height:350px;padding:27px}.service-photo .tag{font-size:6px;letter-spacing:1.5px}.service-photo h3{font-size:30px;margin:17px 0}.service-photo p{font-size:11px;line-height:1.9}.service-photo button{font-size:10px;padding:14px 16px}.how-split{gap:30px}.how-split h2{font-size:33px;line-height:1.1}.howstep{padding:20px 0}.howstep h3{font-size:16px}.howstep p{font-size:11px}.photo-block{min-height:345px}.photo-label strong{font-size:27px}.photo-label span{font-size:6px}.dark-section h2{font-size:34px}.dark-section .muted{font-size:11px}.dark-section .contact{padding:27px}.contact h3{font-size:22px}.contact a{font-size:11px}.gallery{grid-template-columns:1fr 1fr;gap:13px}.gallery figure{height:190px}.gallery figure:first-child{grid-column:1/-1;height:270px}.gallery figcaption{font-size:6px;padding:7px}.cta{padding:29px;min-height:310px}.cta h2{font-size:34px;line-height:1.05;max-width:280px}.cta p{font-size:11px;line-height:1.8}.cta .primary{padding:15px;font-size:10px}.faq h2{font-size:32px}.faq summary{font-size:11px}.faq details p{font-size:10px}.demo-nav button{font-size:9px;padding:12px 5px}.workspace{padding-top:30px}.workspace>.row h2{font-size:31px;line-height:1.08}.workspace .notice{font-size:9px;line-height:1.7}.stat strong{font-size:28px}.stat span{font-size:8px}.stat small{font-size:7px}.tabs button{font-size:9px;padding:12px}.request-card h3{font-size:16px}.request-card p{font-size:10px}.plan{padding:27px}.plan h3{font-size:28px}.plan .planprice{font-size:44px}.film-caption{min-height:113px}.gallery figure,.photo-block,.service-photo{border-radius:4px}footer .brand img{width:150px}}
/* Preserve the original photography and brand colors; neutral accents belong to the interface. */
.msbhero:before{filter:none;background-position:66% 45%}.msbhero:after{background:linear-gradient(90deg,#0a1119f7 3%,#0a1119dd 28%,#0a11194a 63%,#0a111908),linear-gradient(0deg,#0c141a88,transparent 35%)}header .brand img,footer .brand img{filter:none}.service-photo>img,.service-photo:hover>img,.photo-block>img,.gallery img,.gallery figure:hover img,.request-card img{filter:none}.cta:before,.panel-hero:before{filter:none}@media(max-width:760px){.msbhero:before{filter:none;background-position:62% center}.msbhero:after{background:linear-gradient(180deg,#0a1119ee,#0a1119bf 42%,#0a111924 74%,#0a1119dd)}}
/* Editorial customer site: natural photography, warm paper, restrained graphite. */
#website{background:#f5f3ee;color:#222624}header{background:#171a19;border-color:#ffffff18;padding:22px 5%}header nav a{font-size:13px;color:#d0d4cf}header nav .primary{font-size:13px;padding:14px 20px}.top{background:#101211;color:#b7bcb6;font-size:10px;letter-spacing:1.6px}body{background:#171a19}.tag{font-size:11px;letter-spacing:2px}button,.btn{font-size:14px;border-radius:7px}.primary{background:#eceee8;color:#202621;border-color:#eceee8}.modebar{background:#222723;border-color:#ffffff16}.modebar p{font-size:10px;color:#b1b9b3;letter-spacing:.7px}.modes{background:#141815;border-color:#555f56}.modes button{font-size:12px;padding:9px 17px}.modes .active,.modes button.connected.active{background:#e7eae2;color:#222a24}.msbhero{background:#171c19}.msbhero:before{background-position:70% 50%;filter:none}.msbhero:after{background:linear-gradient(90deg,#101612e8 0%,#101612a8 36%,#10161210 76%),linear-gradient(0deg,#11171190,transparent 35%)}.hero-inner{padding:84px 0 38px!important;min-height:680px}.msbhero .tag{font-size:10px;padding:0;border:0;background:none;backdrop-filter:none;color:#e5e9df;letter-spacing:2px}.msbhero h1{font-size:clamp(68px,7.8vw,108px);letter-spacing:-5px;font-weight:600;line-height:1.02;margin:28px 0}.msbhero h1 em{color:#f1eee3;font-family:Georgia,serif;font-weight:400}.msbhero p{font-size:17px;color:#e2e5db;line-height:1.75;max-width:390px}.hero-inner .actions button,.hero-inner .actions a{font-size:14px;padding:17px 23px}.hero-foot{margin-top:70px;max-width:none;display:block;border-color:#ffffff35;padding-top:23px}.hero-foot>span{font-size:10px;color:#dedfd3;letter-spacing:2px}.hero-foot>div{display:none}.service-strip{display:none}#services{padding:96px 0;background:#f5f3ee}.section-title{align-items:end;gap:40px;margin-bottom:40px}.section-title .tag{font-size:11px;color:#6c7568;letter-spacing:2px}.section-title h2{font-size:clamp(36px,4vw,55px);font-weight:550;line-height:1.08;letter-spacing:-2px;margin:18px 0 0;color:#202722}.section-title p{font-size:16px;color:#626c62;line-height:1.8;max-width:335px}.service-grid-photo{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px}.service-photo,.service-photo:nth-child(1),.service-photo:nth-child(2),.service-photo:nth-child(n+3){grid-column:span 2;min-height:0;padding:0;background:#fff;border:1px solid #d9ddd4;border-radius:12px;display:block;isolation:auto;box-shadow:0 10px 30px #1d2a1c05;overflow:hidden}.service-photo:nth-child(1),.service-photo:nth-child(2){grid-column:span 3}.service-photo:after{display:none}.service-image{position:relative;overflow:hidden;height:235px;background:#d9ddd4}.service-photo:nth-child(-n+2) .service-image{height:310px}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s;display:block}.service-photo:first-child .service-image img{object-position:75% 53%}.service-photo:nth-child(2) .service-image img{object-position:50% 40%}.service-photo:nth-child(4) .service-image img{object-position:50% 35%}.service-photo:hover .service-image img{transform:scale(1.035)}.service-image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0005);pointer-events:none}.image-note{position:absolute;right:15px;bottom:13px;z-index:1;color:#fff;font-size:10px;text-shadow:0 1px 5px #000;letter-spacing:.2px}.service-number{position:absolute;left:18px;top:18px;border:1px solid #ffffff80;background:#17241a66;backdrop-filter:blur(8px);color:#fff;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-size:11px}.service-copy{padding:27px 28px 25px}.service-copy h3{color:#263027;font-size:25px;font-weight:600;letter-spacing:-.8px;margin:0 0 12px}.service-copy p{color:#657063;font-size:14px;line-height:1.75;min-height:48px;max-width:100%;margin:0 0 24px}.service-copy button{display:flex;width:100%;border:0;border-top:1px solid #e2e6dd;border-radius:0;background:none;backdrop-filter:none;padding:20px 0 0;color:#303a30;font-size:13px;font-weight:650;justify-content:space-between;box-shadow:none}.service-copy button span{font-size:22px;line-height:1}.service-copy button:hover{color:#657b64;background:none}.how-split{padding-top:8px;padding-bottom:10px;gap:70px}.how-split .tag{color:#6c7568}.how-split h2{font-size:43px;color:#273028}.howstep{border-color:#d7ddd3}.howstep b{font-size:12px;color:#75806f}.howstep h3{font-size:18px;color:#29322a}.howstep p{font-size:14px;color:#667060;line-height:1.8}.photo-block{border:0;border-radius:12px;min-height:520px}.photo-label strong{color:#fff;font-size:33px}.photo-label span{color:#dedfd5;font-size:9px}.dark-section{background:#202722;border:0;padding:85px 0;color:#f0f0e9}.dark-section h2{font-size:48px;color:#f0f0e9;line-height:1.08}.dark-section .tag{color:#bdc6b8;font-size:11px}.dark-section .muted{font-size:15px;color:#bdc6b8}.dark-section .contact{border:1px solid #ffffff25;background:#2b342d;border-radius:12px;padding:36px}.contact h3{font-size:27px}.contact a{font-size:16px;color:#f1f2e8}.gallery{gap:24px}.gallery figure{border:0;border-radius:10px;height:330px}.gallery figcaption{font-size:10px;background:#1d2921b8;color:white;padding:9px 12px}.cta{border:0;border-radius:12px;padding:55px;min-height:330px}.cta:after{background:linear-gradient(90deg,#172019ed,#17201999 60%,#17201933)}.cta .tag{font-size:10px;color:#dae3d4}.cta h2{font-size:49px;color:#f4f3e9}.cta p{font-size:16px;color:#d0d6c9}.cta .primary{font-size:14px;padding:17px 22px}.faq .tag{color:#737e6c;font-size:11px}.faq h2{color:#273027;font-size:42px}.faq details{border-color:#d9dfd3;padding:25px 0}.faq summary{color:#344031;font-size:16px;font-weight:550}.faq details p{font-size:14px;line-height:1.8;color:#66705f}footer{background:#171e19;color:#adb7aa;border-color:#ffffff15;font-size:12px}.demo-nav{background:#202723ed;border:1px solid #ffffff35;border-radius:14px;padding:5px;box-shadow:0 8px 35px #0003;backdrop-filter:blur(20px);bottom:16px}.demo-nav button{font-size:12px;padding:13px 20px;color:#c0c9bb;border-radius:9px}.demo-nav .active{background:#edf0e7;color:#273524}.demo-nav span{color:#a7b3a2;font-size:9px}button:focus-visible,a:focus-visible{outline:3px solid #91a48c;outline-offset:4px}
@media(max-width:760px){.wrap{width:89%}header{padding:17px 5.5%}header .brand img{width:135px;max-height:48px}header nav .primary{font-size:12px;padding:12px 14px}.top{font-size:9px;padding:10px;letter-spacing:1.5px}.modebar{padding:10px 5.5%;gap:10px}.modebar p{font-size:8px;line-height:1.6;max-width:170px}.modes button{font-size:10px;padding:9px 12px}.hero-inner{padding:53px 0 28px!important;min-height:640px}.msbhero:before{background-position:65% 50%}.msbhero:after{background:linear-gradient(90deg,#111912c9,#11191244 85%),linear-gradient(180deg,#11191255,transparent 60%,#111912a8)}.msbhero .tag{font-size:9px;letter-spacing:1.3px;line-height:1.8;max-width:240px}.msbhero h1{font-size:clamp(59px,15.5vw,85px);letter-spacing:-3.5px;line-height:1.03;margin:28px 0 24px}.msbhero h1 em{letter-spacing:-3px}.msbhero p{font-size:15px;line-height:1.8;max-width:285px;color:#ebede4}.hero-inner .actions{margin-top:27px;gap:10px;flex-wrap:wrap}.hero-inner .actions button,.hero-inner .actions a{font-size:12px;padding:15px 16px}.hero-foot{margin-top:89px;padding-top:21px}.hero-foot>span{font-size:9px;letter-spacing:1.6px}section,#services{padding:59px 0}.section-title{display:block;margin-bottom:29px}.section-title .tag{font-size:10px;letter-spacing:1.5px}.section-title h2{font-size:36px;line-height:1.12;letter-spacing:-1.5px;margin:17px 0}.section-title p{font-size:15px;line-height:1.8;max-width:100%;margin:0}.service-grid-photo{grid-template-columns:1fr;gap:24px}.service-photo,.service-photo:nth-child(1),.service-photo:nth-child(2),.service-photo:nth-child(n+3){grid-column:auto;border-radius:11px;min-height:0;padding:0}.service-image,.service-photo:nth-child(-n+2) .service-image{height:230px}.service-copy{padding:24px}.service-copy h3{font-size:27px;margin:0 0 11px;letter-spacing:-.8px}.service-copy p{font-size:14px;line-height:1.8;min-height:0;margin-bottom:22px}.service-copy button{font-size:13px;padding:19px 0 0}.image-note{font-size:9px;bottom:12px}.service-number{width:33px;height:33px;font-size:10px;top:15px;left:15px}.how-split{gap:33px;padding-bottom:0}.how-split .tag{font-size:10px}.how-split h2{font-size:36px;letter-spacing:-1.4px;line-height:1.1}.howstep h3{font-size:18px}.howstep p{font-size:14px}.photo-block{min-height:360px;border-radius:11px}.photo-label strong{font-size:30px}.photo-label span{font-size:8px}.dark-section{padding:58px 0}.dark-section h2{font-size:38px;letter-spacing:-1.4px}.dark-section .muted{font-size:14px;line-height:1.8}.dark-section .actions{gap:12px}.dark-section .actions button{font-size:12px;padding:15px}.dark-section .contact{padding:26px;margin-top:16px}.contact a{font-size:14px}.contact h3{font-size:26px}.gallery{gap:14px}.gallery figure{height:205px;border-radius:9px}.gallery figure:first-child{height:270px}.gallery figcaption{font-size:8px;left:8px;bottom:8px;padding:7px}.cta{padding:29px;min-height:325px;border-radius:11px}.cta h2{font-size:39px;line-height:1.1;max-width:270px}.cta p{font-size:14px;line-height:1.8}.cta .primary{font-size:13px;padding:15px 19px}.faq h2{font-size:35px;letter-spacing:-1.3px}.faq summary{font-size:15px;line-height:1.5}.faq details p{font-size:13px}.demo-nav{left:12px;right:12px;bottom:13px;width:auto;max-width:520px;transform:none;margin:auto;padding:5px;gap:2px}.demo-nav button{font-size:10px;padding:12px 6px;white-space:nowrap;min-height:44px}.demo-nav span{display:none}footer{font-size:11px;padding-bottom:115px}.dark-section .tag{font-size:10px}}
@media(prefers-reduced-motion:reduce){.service-image img{transition:none}.service-photo:hover .service-image img{transform:none}}
/* Final palette and rhythm: graphite / bone / natural sunlight. */
:root{--ink:#f2f1ed;--muted:#a6a6a2;--blue:#e6e8e6;--cyan:#b8c1c7;--navy:#14171b;--paper:#1b1f23;--line:#3c4147}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:#17191c}header{background:#14171b;padding:22px 5%;border-bottom:1px solid #ffffff1a}header nav a{color:#d2d3d5}header .primary{border-radius:999px;background:#ecece7;color:#202329;border-color:#ecece7}.top{background:#101215;color:#b3b7bc}.modebar{background:#1c2025;border-color:#343941}.modebar p{color:#b1b6bd}.modes{background:#14171b;border-color:#4c535d;border-radius:99px}.modes button{border-radius:99px}.modes .active,.modes button.connected.active{background:#e5e8e9;color:#22282f}.msbhero{background:#15171a}.msbhero:before{background-position:70% 48%}.msbhero:after{background:linear-gradient(90deg,#11151bea 0%,#11151bb0 30%,#11151b0a 70%),linear-gradient(0deg,#11151bd9,transparent 38%)}.hero-inner{min-height:735px;padding-top:90px!important;display:flex;flex-direction:column;align-items:start}.msbhero .tag{color:#e5e5df;font-size:10px;letter-spacing:2.6px}.msbhero h1{font-size:clamp(73px,8.5vw,118px);letter-spacing:-5.7px;line-height:.99;font-weight:600;margin:29px 0 24px;max-width:900px}.msbhero h1 em{color:#f4eddf;letter-spacing:-4.5px}.msbhero p{color:#dedfe0;font-size:17px;line-height:1.8;max-width:430px}.hero-inner .actions button,.hero-inner .actions a{border-radius:99px;padding:18px 25px;font-size:14px}.hero-inner .primary{background:#f0eee8;color:#20252b;border-color:#f0eee8;box-shadow:0 9px 30px #0002}.hero-inner .ghost{background:#ffffff07;color:#faf9f5;border-color:#ffffff60;backdrop-filter:blur(12px)}.hero-foot{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:23px;border-color:#ffffff30}.hero-foot>span{color:#cccdd0;font-size:9px;letter-spacing:2.5px}.hero-scroll{font-size:12px;color:#efefeb;text-decoration:none;display:flex;gap:23px;align-items:center}.hero-scroll span{display:grid;place-items:center;border:1px solid #ffffff50;border-radius:50%;width:35px;height:35px;font-size:19px}.intro-band{background:#1d2229;color:#f1f0eb;border-bottom:1px solid #ffffff15;padding:44px 0}.intro-band>.wrap{display:flex;justify-content:space-between;align-items:center;gap:32px}.intro-band p{font-size:36px;line-height:1.12;letter-spacing:-1.2px;margin:0;font-weight:500}.intro-band em{font-family:Georgia,serif;font-weight:400;color:#b8bec8}.intro-band>div>div{display:grid;gap:9px}.intro-band span{font-size:9px;letter-spacing:1.5px;color:#9fa8b6}.intro-band a{margin-top:13px;font-size:13px;color:#e3e7ed;text-decoration:none}.intro-band b{font-size:18px;margin-left:20px;font-weight:400}#website{background:#f4f2ee;color:#242830}#services{background:#f4f2ee;padding-top:90px}.section-title .tag,.how-split .tag,.faq .tag{color:#6e7784}.section-title h2,.how-split h2,.faq h2{color:#252a32}.section-title h2{font-size:clamp(40px,4.7vw,62px);letter-spacing:-2.7px}.section-title p{color:#686e77}.service-grid-photo{gap:26px}.service-photo,.service-photo:nth-child(1),.service-photo:nth-child(2),.service-photo:nth-child(n+3){background:#fff;border:1px solid #e0dfdc;box-shadow:0 8px 25px #252a3105;border-radius:4px;transition:box-shadow .3s,transform .3s}.service-photo:hover{box-shadow:0 20px 45px #252a3112;transform:translateY(-4px)}.service-copy h3{color:#262c35}.service-copy p{color:#6b727b}.service-copy button{color:#343c48;border-color:#e3e5e8}.service-copy button:hover{color:#596e87}.service-number{background:#202a365c}.service-image{background:#dddfe2}.service-image:after{inset:65% 0 0}.howstep{border-color:#dadde1}.howstep b{color:#798393}.howstep h3{color:#2f3743}.howstep p{color:#6c747e}.photo-block,.gallery figure,.cta{border-radius:4px}.photo-block:after{background:linear-gradient(0deg,#101823e6,transparent 85%)}.photo-label strong{color:#fff}.photo-label span{color:#d4d8df}.dark-section{background:#1b222c;color:#f1f1ed}.dark-section .tag{color:#b4c0cf}.dark-section .muted{color:#b8c1cc}.dark-section .contact{background:#242e3c;border-color:#ffffff20;border-radius:4px}.contact a{color:#f2f1ec}.dark-section h2{font-size:52px}.dark-section .actions button{border-radius:99px}.dark-section .primary{background:#e6e9ec;border-color:#e6e9ec;color:#27313d}.gallery figcaption{background:#192533c4}.cta{min-height:365px;padding:60px}.cta:after{background:linear-gradient(90deg,#151d2aed,#151d2a88 65%,#151d2a22)}.cta h2{font-size:57px;letter-spacing:-2px}.cta .primary{border-radius:99px}.faq details{border-color:#d8dce1}.faq summary{color:#303944}.faq details p{color:#69747f}footer{background:#131921;color:#aab4c2}.demo-nav{background:#1c2632eb;border-color:#63768c80}.demo-nav button{color:#bfcbd8}.demo-nav .active{background:#e5e9ef;color:#293a50}button:focus-visible,a:focus-visible{outline-color:#93a9c2}#website button:hover{transform:translateY(-1px)}
@media(max-width:760px){.wrap{width:auto;padding:0 6%}header{padding:17px 6%}.hero-inner{min-height:670px;padding:49px 6% 26px!important}.msbhero:before{background-position:66% 50%}.msbhero:after{background:linear-gradient(90deg,#11151bcd 0%,#11151b44 90%),linear-gradient(180deg,#11151b33,transparent 58%,#11151bdf)}.msbhero .tag{font-size:8px;letter-spacing:1.6px;line-height:1.8;max-width:100%}.msbhero h1{font-size:clamp(57px,15.3vw,87px);letter-spacing:-3.7px;line-height:1.04;margin:26px 0 22px}.msbhero h1 em{letter-spacing:-3.4px}.msbhero p{font-size:15px;line-height:1.8;max-width:320px}.hero-inner .actions button,.hero-inner .actions a{padding:15px 17px;font-size:12px}.hero-foot{padding-top:19px;gap:15px}.hero-foot>span{font-size:8px;letter-spacing:1.1px;max-width:140px;line-height:1.8}.hero-scroll{font-size:10px;gap:10px;white-space:nowrap}.hero-scroll span{width:28px;height:28px;font-size:16px}.intro-band{padding:29px 0}.intro-band>.wrap{display:block}.intro-band p{font-size:29px;letter-spacing:-.8px}.intro-band>div>div{margin-top:24px;gap:7px}.intro-band span{font-size:8px;letter-spacing:.7px}.intro-band a{font-size:12px;margin-top:9px}#services{padding-top:57px}.section-title h2{font-size:41px;line-height:1.05;letter-spacing:-1.9px;max-width:100%}.section-title p{font-size:15px}.service-grid-photo{gap:23px}.service-image,.service-photo:nth-child(-n+2) .service-image{height:245px}.service-copy{padding:24px}.service-copy h3{font-size:28px}.service-copy p{font-size:14px}.dark-section h2{font-size:40px}.cta{padding:30px;min-height:350px}.cta h2{font-size:43px;max-width:280px}.demo-nav button{font-size:10px}.photo-label strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-photo{transition:none}.service-photo:hover,#website button:hover{transform:none}}
/* MSB identity: black, silver white, restrained metallic gold. */
:root{--ink:#f4f2ec;--muted:#aaa9a4;--blue:#e5c76f;--cyan:#dbc26c;--navy:#101010;--paper:#1b1b1a;--line:#41403b}body{background:#151514}header{background:#080808;border-color:#d9bc6026;padding:12px 5%}header .brand{display:flex;gap:13px;align-items:center;text-decoration:none}header .brand img{width:76px;height:76px;max-height:none;object-fit:cover;object-position:center 51%;filter:none}header .brand-name{color:#f2f2ec;font-size:17px;font-weight:750;letter-spacing:.6px}.brand-name small{display:block;font-size:7px;color:#cfb86a;letter-spacing:1.6px;margin-top:8px;font-weight:500}header nav a{color:#d6d4cc}header nav .primary{background:#eeeae0;border-color:#eeeae0;color:#272219}.top{background:#11110e;color:#b4ad98}.top b{color:#d8ba62}.modebar{background:#1e1e1b;border-color:#d7bc5e25}.modebar p{color:#b5b1a3}.modes{background:#111110;border-color:#625940}.modes button{color:#c1bcae}.modes .active,.modes button.connected.active{background:#e0c575;color:#242017}.msbhero{background:#11110f}.msbhero:after{background:linear-gradient(90deg,#11110fea 0%,#11110fa8 30%,#11110f0a 70%),linear-gradient(0deg,#11110fd9,transparent 38%)}.msbhero .tag{color:#e8cf87}.msbhero h1 em{color:#ead39a}.hero-inner .primary{background:linear-gradient(120deg,#ebd591,#d9b74f);border-color:#e1c16c;color:#211d13;box-shadow:0 9px 35px #0003}.hero-inner .primary:hover{background:#f2dc99;border-color:#f2dc99;color:#211d13}.hero-inner .ghost{color:#f8f5eb;border-color:#ffffff55}.hero-foot>span{color:#d3cbb8}.hero-scroll{color:#e7dfcb}.hero-scroll span{border-color:#d7bf7370;color:#e5c972}.intro-band{background:#1a1a17;border-color:#d7bf7326}.intro-band em{color:#d8c48c}.intro-band span{color:#b9b29e}.intro-band a{color:#eee7d5}.intro-band b{color:#e4c973}#website,#services{background:#f5f2eb}.section-title .tag,.how-split .tag,.faq .tag{color:#8b743a}.section-title h2,.how-split h2,.faq h2{color:#292824}.section-title p{color:#726e64}.service-photo,.service-photo:nth-child(1),.service-photo:nth-child(2),.service-photo:nth-child(n+3){border-color:#ded9ce;background:#fffefb}.service-copy h3{color:#2e2c26}.service-copy p{color:#787266}.service-copy button{color:#4a402a;border-color:#e9e2d3}.service-copy button span{color:#9c7d32}.service-copy button:hover{color:#8f7129}.service-number{background:#1715108c;border-color:#e9d99b99;color:#f5e3a6}.howstep{border-color:#dfd8c9}.howstep b{color:#a28948}.howstep h3{color:#38332a}.howstep p{color:#756f64}.photo-block:after{background:linear-gradient(0deg,#17150fe6,transparent 85%)}.photo-label span{color:#ddd0ab}.dark-section{background:#191916}.dark-section h2{color:#f2eee3}.dark-section .tag{color:#d8bf75}.dark-section .muted{color:#c1bba9}.dark-section .contact{background:#24241e;border-color:#d7bf7335}.contact a{color:#f5eedb}.dark-section .primary{background:#e4ca80;border-color:#e4ca80;color:#2e2614}.gallery figcaption{background:#211e14c4;color:#f3ead3}.cta:after{background:linear-gradient(90deg,#19180fed,#19180f88 65%,#19180f22)}.cta h2{color:#f5f0e4}.cta .tag{color:#e1c77f}.cta p{color:#ddd5bf}.cta .primary{background:#e4ca80;border-color:#e4ca80;color:#2c2411}.faq details{border-color:#ddd6c6}.faq summary{color:#40392b}.faq details p{color:#7a7263}footer{background:#0c0c0b;color:#ada794;border-color:#d8bf6c22}footer .brand img{width:125px;height:125px;object-fit:cover;object-position:center 51%;filter:none}.demo-nav{background:#1b1b17ef;border-color:#b8a36870}.demo-nav button{color:#c8c1ae}.demo-nav .active{background:#e5ce8b;color:#312918}.primary,.screen .primary{background:#e3c77a;border-color:#e3c77a;color:#2a2416}.primary:hover{background:#f0d994;border-color:#f0d994;color:#2a2416}.tag,.workspace .tag{color:#d7c180}.stat,.panel,.table-wrap,.request-card,.plan{background:#23231f;border-color:#4e493b}.stat strong{color:#f2e9d2}.stat span,.stat small,.request-card p,.plan li{color:#b9b09a}.tabs{background:#181813;border-color:#4f4937}.tabs .active{background:#49412b;color:#f2e4b5}.notice,.message{background:#2a281e;border-color:#665a37;color:#d1c39e}.pill{background:#4a4128;color:#ebd795;border-color:#756437}.plan.featured{background:linear-gradient(145deg,#49402b,#222119);border-color:#baa164}.plan .monthly,.plan .planprice{color:#ebdba9}.financing{background:#2c291f;border-color:#76643b}.financing p{color:#cbbf9c}.panel-hero:after{background:linear-gradient(90deg,#1f1b11f5,#1f1b1188)}.player-top,.film-caption,.film-controls{background:#2d291f;border-color:#665a37;color:#ddd1af}.player-top b,.film-caption span{color:#d9c895}.stage{background:radial-gradient(ellipse at top right,#5c4c29,transparent),#211f18}.chapters button{background:#302b1e;border-color:#665b39;color:#d1c397}.chapters .active{background:#dec47a;color:#302714;border-color:#dec47a}.film-controls .primary{background:#e1c77d;color:#292313;border-color:#e1c77d}.progress{background:#5f5335}.progress div{background:#e0c679}.film-result{color:#e5d6ae}dialog{background:#28251d;color:#ede4cd;border-color:#796841}dialog label,dialog .notice{color:#cfbf94}dialog .close{background:#50462d;color:#ebdba9}.message small{color:#e5d29c}.toast{background:#3e3522;border-color:#bba368;color:#f1e4c0}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline-color:#cfb56b}
@media(max-width:760px){header{padding:10px 5%}header .brand{gap:8px}header .brand img{width:55px;height:55px;max-height:none}header .brand-name{font-size:10px;letter-spacing:.2px}.brand-name small{font-size:5px;letter-spacing:.55px;margin-top:5px}header nav .primary{font-size:10px;padding:12px}footer .brand img{width:115px;height:115px}.msbhero:after{background:linear-gradient(90deg,#11110fcd 0%,#11110f44 90%),linear-gradient(180deg,#11110f33,transparent 58%,#11110fdf)}}
/* Dark MSB customer experience: layered charcoal, silver text and quiet gold. */
#website{background:#141515;color:#f3f1eb}#services{background:radial-gradient(ellipse at 100% 0%,#c4a04b09,transparent 55%),#141515;padding-bottom:94px}.intro-band{background:#1b1c1b;border-bottom:1px solid #e4c77b28}.intro-band em{color:#d7c18a}.intro-band span{color:#b5b3a9}.section-title .tag,.how-split .tag,.faq .tag{color:#d3b86e}.section-title h2,.how-split h2,.faq h2{color:#f3f0e8}.section-title p{color:#b5b6b3}.section-title{margin-bottom:43px}.service-grid-photo{gap:27px}.service-photo,.service-photo:nth-child(1),.service-photo:nth-child(2),.service-photo:nth-child(n+3){background:linear-gradient(145deg,#252624,#1d1f1e);border:1px solid #ffffff18;border-radius:10px;box-shadow:0 14px 40px #0000001f}.service-photo:hover{border-color:#d3b86e70;box-shadow:0 20px 50px #0004}.service-copy{padding:29px 29px 26px}.service-copy h3{color:#f4f1e9;font-weight:600}.service-copy p{color:#bcbdb6;line-height:1.8}.service-copy button{color:#f0e9d7;border-color:#ffffff16;padding-top:22px}.service-copy button span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#d8ba6510;border:1px solid #d8ba6535;color:#dfc37b;font-size:19px;transition:background .2s,color .2s}.service-copy button:hover{color:#edd49a}.service-copy button:hover span{background:#dfc37b;color:#242015}.service-image{background:#292b29}.service-image:after{background:linear-gradient(transparent,#0005)}.service-number{background:#13171399;border-color:#e5d29b66;color:#f4e6bd}.image-note{color:#f3f2ed}.how-split{padding-top:15px;padding-bottom:8px}.howstep{border-color:#ffffff18;padding:26px 0}.howstep b{color:#d0b568}.howstep h3{color:#f1eee5}.howstep p{color:#b4b7b0}.photo-block{border:1px solid #ffffff14;border-radius:10px}.photo-label strong{color:#fff7e6}.photo-label span{color:#d9cfb4}.dark-section{background:linear-gradient(135deg,#252722,#1c1e1b);border-block:1px solid #d8bf6b26}.dark-section .contact{background:#13161388;border:1px solid #d7bf7338;box-shadow:0 15px 40px #0002;border-radius:10px}.dark-section .tag{color:#dfc47c}.dark-section .muted{color:#c4c6bb}.dark-section h2{color:#faf5e6}.dark-section .ghost{background:#ffffff03;border-color:#ffffff35;color:#e7e7de}.gallery{gap:23px}.gallery figure{border:1px solid #ffffff16;border-radius:10px}.gallery figcaption{background:#131713bf;color:#eee9da;border:1px solid #ffffff20;backdrop-filter:blur(12px)}.cta{border:1px solid #d8bf6b40;border-radius:10px;box-shadow:0 20px 55px #0002}.cta:after{background:linear-gradient(90deg,#151812ef,#15181288 65%,#15181222)}.faq details{border-color:#ffffff1b}.faq summary{color:#e6e7df;font-weight:500}.faq summary:hover{color:#e5cb8a}.faq details p{color:#b4b8b0}.faq details[open]{border-bottom-color:#d5b96c66}.faq details[open] summary{color:#e5cb8a}footer{border-top:1px solid #d8bf6b22;background:#0d0f0e;color:#adafa5}.demo-nav{background:#1d201deF;border-color:#c3ab6c70;box-shadow:0 8px 35px #0007}.demo-nav .active{background:linear-gradient(120deg,#e5d196,#d7ba68);color:#292414}.demo-nav button{color:#c2c7bc}.service-photo .service-copy button{align-items:center}.service-photo .service-copy button:hover{background:none}#website section{scroll-margin-top:25px}
@media(max-width:760px){#services{padding-bottom:58px}.section-title{margin-bottom:30px}.service-copy{padding:25px}.service-copy h3{font-size:28px}.service-copy p{font-size:14px}.service-copy button{padding-top:20px}.service-grid-photo{gap:25px}.how-split{padding-top:0}.howstep{padding:23px 0}.dark-section .contact{padding:27px}.faq details{padding:23px 0}.gallery{gap:14px}}