:root{--ink:#ecece7;--muted:#8e969d;--blue:#dce6e7;--cyan:#dce6e7;--navy:#101417;--line:#30363a;--paper:#14191d}body{background:#14191d;color:#eaece9}header{background:#12171b;max-width:none;border-bottom:1px solid #34383c;padding:25px 5%}header .brand img{width:166px;height:auto;max-height:58px}nav a{color:#a9b0b5}button,.btn{background:#1b2228;border-color:#3a424a;color:#e1e5e6;border-radius:5px}button:hover,.btn:hover{border-color:#dce6e7;box-shadow:none;background:#26313b}.primary{background:#dce6e7;border-color:#dce6e7;color:#17212a;box-shadow:0 4px 20px #dce6e71a}.primary:hover{background:#dce6e7;border-color:#dce6e7;color:#17212a}.tag{color:#dce6e7;font-size:9px;letter-spacing:2px}.top{background:#0b1014;color:#828d95;font-size:8px;letter-spacing:1.6px}.top b{color:#dce6e7}.msbhero{position:relative;isolation:isolate;background:#10171c;color:#f4f5f0;overflow:hidden}.msbhero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/hero.jpg') 66% 45%/cover}.msbhero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a1119f7 3%,#0a1119dd 28%,#0a11194a 63%,#0a111908),linear-gradient(0deg,#0c141a88,transparent 35%)}.hero-inner{padding-block:80px 30px!important;min-height:650px}.msbhero h1{font-size:clamp(52px,6.9vw,96px);letter-spacing:-4px;line-height:.96;margin:24px 0;font-weight:850;max-width:730px}.msbhero h1 em{color:#dce6e7;font-style:normal}.msbhero p{font-size:14px;color:#acb5bb;line-height:1.8;max-width:360px}.msbhero .tag{color:#dce6e7;font-size:9px}.hero-inner .actions{margin-top:28px}.hero-inner .actions button,.hero-inner .actions a{padding:15px 20px;font-size:11px}.hero-foot{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:80px;border-top:1px solid #ffffff26;padding-top:22px}.hero-foot>span{font-size:9px;letter-spacing:1.8px;color:#b8c0c4}.hero-foot>div{font-size:8px;color:#8c9ba3;letter-spacing:1px;line-height:1.8}.service-strip{display:grid;grid-template-columns:repeat(5,1fr);background:#182127;border-bottom:1px solid #343d44}.service-strip button{border:0;border-right:1px solid #343d44;border-radius:0;padding:23px 10px;font-size:10px;background:none;color:#b6bdc2}.service-strip span{color:#dce6e7;margin-right:9px;font-size:8px}.section-title h2{font-size:43px;line-height:1.03;letter-spacing:-1.8px}.section-title p{font-size:12px;max-width:340px}section{padding:75px 0}.service-grid-photo{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.service-photo{position:relative;isolation:isolate;min-height:380px;background:#1d2830;grid-column:span 2;border:1px solid #394248;border-radius:9px;overflow:hidden;padding:26px;display:flex;flex-direction:column;justify-content:end}.service-photo:nth-child(n+4){grid-column:span 3;min-height:310px}.service-photo>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .5s}.service-photo:hover>img{transform:scale(1.035)}.service-photo:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0c151b00 8%,#0c151b66 38%,#0c151bee 75%,#0c151b)}.service-photo .tag{font-size:8px;color:#dce6e7}.service-photo h3{font-size:28px;letter-spacing:-.8px;margin:14px 0}.service-photo p{font-size:12px;color:#b6c0c6;line-height:1.8;margin:0 0 20px;max-width:270px}.service-photo button{justify-content:space-between;background:#ffffff09;border-color:#ffffff4a;font-size:11px;backdrop-filter:blur(10px)}.how-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.howstep{border-color:#363e45}.howstep b{color:#dce6e7}.howstep p{color:#9aa4ae}.photo-block{min-height:420px;border-radius:8px;background:#1b2c38}.photo-label strong{font-size:31px;letter-spacing:-1px}.photo-label span{font-size:8px}.photo-block:after{background:linear-gradient(0deg,#0c1620dd,transparent 80%)}h2{line-height:1.06;letter-spacing:-1.5px}h3{font-weight:650}.dark-section{background:#0d141a;border-block:1px solid #303a42}.dark-section .tag{color:#dce6e7}.dark-section .contact{background:#19242c;border-color:#38454f;border-radius:8px}.contact a{color:#dce6e7}.gallery{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}.gallery figure{margin:0;position:relative;height:270px;border-radius:7px;overflow:hidden;background:#22313d}.gallery img{width:100%;height:100%;object-fit:cover}.gallery figcaption{position:absolute;left:13px;bottom:12px;font-size:8px;color:#e4e6e7;background:#111a23cc;padding:7px 9px;backdrop-filter:blur(9px);border-radius:3px}.cta{position:relative;isolation:isolate;overflow:hidden;padding:45px;background:#19232c;border:1px solid #3f4547;border-radius:10px;display:flex;justify-content:space-between;align-items:end;gap:30px}.cta:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/hero.jpg') 70% 50%/cover}.cta:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c151bf5,#0c151bc9 50%,#0c151b55)}.cta h2{font-size:43px;margin-bottom:10px}.cta p{font-size:12px;color:#a6b4be;max-width:420px}.cta button{white-space:nowrap}.faq details{border-color:#343e46}.faq details p{color:#939da8}footer{background:#0e1419;border-color:#333d45;color:#7a8792}footer .brand img{width:160px;height:auto}footer .brand{display:block}.modebar{padding:12px 5%;background:#1a242c;border-bottom:1px solid #39434c;display:flex;justify-content:space-between;align-items:center;gap:15px}.modebar p{font-size:9px;color:#8c9aa7;margin:0}.modes{display:flex;background:#10191f;border:1px solid #3a4650;border-radius:5px;padding:3px;gap:3px}.modes button{background:transparent;border:0;font-size:10px;padding:8px 17px;color:#8497a8}.modes .active{background:#384751;color:#f3f4ef}.modes button.connected.active{background:#dce6e7;color:#132431}.demo-nav{background:#18252deb;border-color:#4a555e;border-radius:8px;box-shadow:0 12px 40px #0007}.demo-nav .active{background:#dce6e7;color:#172631}.demo-nav button{color:#91a4b3;font-size:10px;border-radius:4px}.demo-nav span{font-size:8px;color:#7f929f}.notice{background:#262826;border-color:#4e4940;color:#dce6e7;border-radius:6px}.pill{background:#34332c;color:#dce6e7;border-radius:4px}.panel,.stat,.table-wrap{background:#1c272f;border-color:#36444f;border-radius:9px}.panel-hero:before{background-image:url('assets/hero.jpg')}.panel-hero:after{background:linear-gradient(90deg,#11212ff2,#11212f88)}.panel-hero .tag{color:#dce6e7}.panel-hero p{color:#a8bbc9}.stat strong{font-size:33px}.stat span{color:#8fa4b4}.stat small{color:#6e8599}.table-wrap th{background:#17222b;color:#7c96a9;border-color:#33434e}.table-wrap td{border-color:#33434e}.tabs{background:#101c25;border-color:#34444f;border-radius:6px}.tabs button{background:none;color:#839cad}.tabs .active{background:#32434f;color:#eee4d6}.message{background:#18252e;border-color:#3a4d5b;color:#a8bdcb;border-radius:7px}.message small{color:#dce6e7}.message button{padding:9px 12px;font-size:10px}.lane-grid{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:14px;overflow:auto}.lane{background:#121f29;border:1px solid #344652;padding:17px;border-radius:7px}.lane h3{font-size:13px}.job-card{background:#22333f;border:1px solid #405565;border-radius:6px;padding:17px;margin-top:14px}.job-card img{width:100%;height:105px;object-fit:cover;border-radius:4px;margin-bottom:12px}.job-card h4{font-size:13px;margin:0 0 9px}.job-card p{font-size:10px;color:#96adbe;line-height:1.7}.job-card button{font-size:10px;padding:9px}.job-card select{font-size:10px;padding:9px;margin-top:9px}.request-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.request-card{display:flex;gap:19px;background:#1c2c37;border:1px solid #3b4e5c;border-radius:8px;padding:20px;cursor:pointer}.request-card img{width:85px;height:110px;object-fit:cover;border-radius:5px}.request-card h3{font-size:17px}.request-card p{font-size:11px;color:#96adbf;line-height:1.6}.request-card .pill{font-size:8px}.filters{display:flex;gap:10px;margin:23px 0}.filters input{flex:1}.filters select{max-width:190px}.callout{padding:22px;border:1px solid #3d4c59;background:#1c2e3b;border-radius:7px}.amountline{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #344957;font-size:12px}.amountline strong{text-align:right}.photo-proof{border-radius:7px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:23px}.plan{padding:32px;background:#1c2a35;border:1px solid #3b4b58;border-radius:10px}.plan.featured{border-color:#dce6e7;background:linear-gradient(145deg,#30302a,#192a37)}.plan h3{font-size:30px;letter-spacing:-1px}.plan .planprice{font-size:50px;letter-spacing:-2px;font-weight:800;margin:25px 0 8px}.planprice small{font-size:12px;color:#97aabb;letter-spacing:0;font-weight:400}.plan ul{font-size:12px;line-height:2.3;color:#a2b5c4;padding-left:18px}.plan .monthly{color:#dce6e7;font-size:12px}.plan button{width:100%;margin-top:15px}.comparison{margin-top:30px}.comparison td,.comparison th{padding:16px;font-size:12px}.financing{margin-top:24px;padding:28px;background:#24303a;border:1px solid #4a514f;border-radius:8px}.financing p{font-size:12px;line-height:1.8;color:#9db0bf}.player{border-color:#48535b;background:#172a39}.player-top{background:#223440;color:#a6b9c8}.player-top b{color:#dce6e7}.stage{background:radial-gradient(ellipse at top right,#3e4545,transparent),#102231;height:390px}.screen{background:#f3f5f4;color:#183144;border-color:#c6d1d6;border-radius:6px}.screen .mini{color:#aabac1}.screen h3{font-size:22px}.screen .field{font-size:11px;line-height:1.6;color:#405967;background:#e9eef0;border-color:#cdd6da}.screen .message{color:#416071;background:#e4ecef;border-color:#c7d5dc;font-size:11px;line-height:1.7}.screen .primary{background:#dce6e7;border-color:#dce6e7;color:#1a2d3a}.screen .pill{color:#aabac1;background:#efdfc9}.screen .muted{color:#7a8c97}.screen .total{color:#233d4c}.screen button{padding:11px 13px;font-size:10px}.screen.phone{border-color:#536777;border-radius:22px}.screen img{height:90px}.film-note{font-size:8px;line-height:1.6;color:#82949f;margin-top:11px}.film-caption{background:#203541;border-color:#405461;min-height:110px}.film-controls{background:#132936}.film-controls button{background:#2b414e;color:#b5c7d0;border-color:#49616e}.film-controls .primary{background:#dce6e7;border-color:#dce6e7;color:#1c303b}.progress div{background:#dce6e7}.progress{background:#3b5361}.film-result{color:#dce6e7;font-size:9px}.chapters{grid-template-columns:repeat(4,1fr)}.chapters button{font-size:9px;background:#223744;color:#9cb4c4;border-color:#405968}.chapters .active{background:#dce6e7;border-color:#dce6e7;color:#122b3b}.tour-extra p{color:#829aaa}.tour-wrap>p{font-size:12px}.toast{background:#284152;border-color:#aabac1;color:#e9ddd0}dialog{background:#1b2b37;border-color:#49606f;color:#e4e8e7;border-radius:10px}dialog input,dialog select,dialog textarea{background:#12232e;border-color:#3f5666;color:#d9e2e8}dialog label{color:#91adbf}dialog .close{background:#344b5c;color:#c7d5df}dialog .notice{font-size:10px}.fields>div{min-width:0}.invoice-label{font-size:11px;letter-spacing:1px;color:#dce6e7}.light-note{font-size:10px;color:#7a95a8;line-height:1.8}
@media(max-width:760px){header{padding:20px 5%}header .brand img{width:134px;max-height:46px}nav .primary{font-size:10px;padding:11px 14px}.hero-inner{min-height:0;padding:40px 6% 24px!important}.msbhero:before{background-position:62% center}.msbhero:after{background:linear-gradient(180deg,#0a1119ee,#0a1119bf 42%,#0a111924 74%,#0a1119dd)}.msbhero h1{font-size:clamp(43px,12vw,65px);letter-spacing:-2px;max-width:100%;line-height:.99;margin:21px 0}.msbhero .tag{font-size:7px;letter-spacing:1.4px}.msbhero p{font-size:12px;max-width:300px}.hero-inner .actions{gap:8px}.hero-inner .actions button,.hero-inner .actions a{font-size:10px;padding:13px 16px}.hero-foot{margin-top:140px;display:block;padding-top:19px}.hero-foot>span{font-size:8px}.hero-foot>div{font-size:7px;margin-top:9px}.service-strip{grid-template-columns:repeat(3,1fr)}.service-strip button{font-size:8px;padding:15px 6px;border-bottom:1px solid #343d44}.service-strip span{font-size:7px;margin-right:5px}.service-strip button:nth-last-child(2),.service-strip button:last-child{grid-column:auto}.modebar{padding:10px 5%}.modebar p{font-size:8px;line-height:1.5;max-width:150px}.modes button{font-size:9px;padding:8px 12px}section{padding:45px 0}.section-title h2{font-size:32px;max-width:310px}.service-grid-photo{grid-template-columns:1fr;gap:17px}.service-photo,.service-photo:nth-child(n+4){grid-column:auto;min-height:340px;padding:25px}.service-photo h3{font-size:28px}.service-photo p{font-size:12px}.how-split{grid-template-columns:1fr;gap:25px}.photo-block{min-height:330px}.photo-label strong{font-size:27px}.gallery{grid-template-columns:1fr 1fr;gap:12px}.gallery figure{height:190px}.gallery figure:first-child{grid-column:1/-1;height:265px}.cta{padding:28px;display:block;min-height:310px}.cta h2{font-size:33px;max-width:300px}.cta .primary{width:100%;margin-top:18px}.cta p{font-size:12px}.plans{grid-template-columns:1fr;gap:18px}.plan{padding:27px}.plan .planprice{font-size:46px}.plan h3{font-size:27px}.request-list{grid-template-columns:1fr;gap:13px}.request-card{padding:17px;gap:16px}.request-card img{width:75px;height:100px}.request-card h3{font-size:16px}.request-card p{font-size:10px}.filters{gap:8px;flex-wrap:wrap}.filters input{flex-basis:100%;width:100%}.filters select{max-width:none;width:100%;font-size:12px}.lane-grid{grid-template-columns:repeat(4,minmax(230px,1fr))}.stage{height:380px;padding:16px 13px}.screen .message{font-size:10px;line-height:1.6}.screen h3{font-size:20px}.screen .field{font-size:10px;padding:11px}.chapters button{font-size:8px;padding:10px 3px}.demo-nav button{font-size:9px;padding:12px 5px}.workspace h2{font-size:31px}.workspace .notice{font-size:9px}.stat strong{font-size:29px}.stat span{font-size:9px}.table-wrap .small{font-size:9px}.contact p{font-size:11px}.film-note{font-size:8px}.screen .phone .message{font-size:10px}.tour-wrap>h2{font-size:32px;max-width:310px}.tour-wrap>p{font-size:11px}.plan ul{font-size:12px}.comparison table{min-width:600px}.financing{padding:24px}.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}dialog h2{font-size:27px}.hero-foot{max-width:100%}}
