/* MST business website service 1.7.7: approved dark/gold editorial language. */
body.mst-websites-page{background:#101114;color:#f8f6f1;overflow-x:clip}
.mst-websites-page .site-header{background:#101114!important;color:#fff!important}
.mst-websites-page .mst-b2b-section{padding:clamp(65px,6.5vw,100px) 0}
.mst-websites-page .mst-b2b-section h2{font-size:clamp(2rem,3.6vw,3.6rem)}
.mst-websites-page .mst-b2b-intro{max-width:800px}
.mst-web-hero{padding:0;background:radial-gradient(circle at 70% 35%,rgba(236,169,35,.16),transparent 47%),linear-gradient(130deg,#121316,#18191c);border-bottom:1px solid #4f4229;overflow:hidden}
.mst-web-hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,3vw,54px);align-items:center;min-height:625px}
.mst-web-hero-copy{position:relative;z-index:1;padding:clamp(50px,6vw,95px) 0}
.mst-web-hero-copy h1{color:#fff;font-size:clamp(2.45rem,4.4vw,5rem);letter-spacing:-.056em;line-height:1.06;max-width:750px;margin:0 0 20px}
.mst-web-hero-claim{color:#f4c84f;font-weight:760;font-size:clamp(1.08rem,1.45vw,1.45rem);line-height:1.46;max-width:700px;margin:0 0 15px}
.mst-web-hero-lead{color:#dad7d1;font-size:1rem;line-height:1.78;max-width:685px;margin:0 0 25px}
.mst-web-hero .mst-b2b-actions .btn{font-size:.96rem;min-height:55px}
.mst-web-hero-highlights{display:flex;gap:10px 22px;flex-wrap:wrap;margin:25px 0 0;color:#d9d5ce;font-size:.86rem;font-weight:650}
.mst-web-hero-highlights span span{color:#f6cc51;font-weight:850}
.mst-web-hero-art{position:relative;min-height:475px;align-self:center;display:flex;align-items:center;justify-content:center;perspective:1100px}
.mst-web-orbit{position:absolute;width:610px;height:610px;max-width:100vw;border-radius:50%;background:radial-gradient(closest-side,rgba(240,179,48,.18),transparent 70%);border:1px solid rgba(235,183,61,.22);filter:blur(.2px)}
.mst-web-window{z-index:1;width:min(100%,660px);border-radius:20px;border:1px solid rgba(246,207,106,.55);background:#12151a;box-shadow:0 42px 88px #0009,0 0 66px rgba(238,172,33,.12);overflow:hidden;transform:rotateY(-7deg) rotateX(2deg)}
.mst-web-window-top{height:38px;background:#25272b;color:#aaa;display:flex;align-items:center;gap:20px;padding:0 15px;border-bottom:1px solid #393a3c}
.mst-web-dots{display:flex;gap:6px}.mst-web-dots i{width:8px;height:8px;background:#4b4d50;border-radius:50%}.mst-web-dots i:first-child{background:#e7a343}.mst-web-demo-address{margin:auto;font-size:.66rem;letter-spacing:.02em}.mst-web-window-mini{color:#e0ba56}
.mst-web-window-screen{background:#0c1116;color:#fff;min-height:352px;position:relative;overflow:hidden}
.mst-web-window-screen:before{content:'';position:absolute;width:400px;height:360px;right:-190px;top:45px;background:radial-gradient(circle,#b47a29aa,transparent 65%);filter:blur(24px)}
.mst-web-site-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #353a3b;padding:22px 29px 18px;position:relative}
.mst-web-demo-brand{font-size:.85rem;color:#f7d381;font-weight:900;letter-spacing:.12em}.mst-web-demo-nav{font-size:.69rem;color:#d6cfc0}
.mst-web-demo-main{padding:43px 34px 30px;position:relative;max-width:480px}.mst-web-demo-kicker{font-weight:800;letter-spacing:.16em;font-size:.62rem;color:#efb840}
.mst-web-demo-title{font-size:clamp(1.4rem,2vw,2.1rem);font-weight:850;letter-spacing:-.04em;line-height:1.17;margin:15px 0 15px;color:white}.mst-web-demo-body{font-size:.82rem;color:#d5d7d6;line-height:1.58;margin:0 0 20px;max-width:420px}
.mst-web-demo-button{display:inline-flex;background:#f6c54e;border-radius:9px;padding:10px 16px;font-size:.8rem;font-weight:800;color:#191919}
.mst-web-demo-features{display:flex;gap:8px 24px;flex-wrap:wrap;margin:2px 28px 25px;font-size:.74rem;color:#ddd}.mst-web-demo-features span{display:flex;gap:6px;align-items:center}.mst-web-demo-features i{font-style:normal;color:#f6c54e}
.mst-web-float-badge{position:absolute;z-index:2;bottom:19px;right:-3px;padding:13px 18px;border-radius:13px;background:#151719;border:1px solid #cba043;color:#fbd36c;font-weight:900;box-shadow:0 16px 35px #0008}.mst-web-float-badge span{font-size:1.6rem;margin-left:16px}
.mst-web-owner-image{width:100%;height:475px;object-fit:cover;border-radius:22px;border:1px solid #cba043;box-shadow:0 30px 65px #0008}
.mst-web-benefits{background:#151719!important}.mst-web-offers{background:#101114!important}.mst-web-focus{background:#181a1d!important}.mst-web-process{background:#111316!important}.mst-web-pricing{background:#17191b!important}.mst-web-form-section{background:#111315!important}.mst-web-faq{background:#17191c!important}
.mst-web-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.mst-web-benefit{padding:26px;min-width:0;border-radius:18px;background:linear-gradient(145deg,#222429,#191b20);border:1px solid #42403b;min-height:160px;position:relative}
.mst-web-benefit-num{color:#f2c648;font-weight:900;font-size:.72rem;letter-spacing:.12em;display:block;margin-bottom:18px}
.mst-web-benefit h3,.mst-web-offer-grid h3{color:#fff;font-size:1.12rem;font-weight:800;line-height:1.27;margin:0 0 9px}
.mst-web-benefit p,.mst-web-offer-grid p{color:#d0cdc6;font-size:.95rem;line-height:1.65;margin:0}
.mst-web-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mst-web-offer-grid article{border:1px solid #494337;padding:29px;border-radius:18px;background:linear-gradient(145deg,#27231c,#191a1d);min-height:210px}
.mst-web-offer-symbol{display:grid;place-items:center;color:#f8cc53;font-size:2rem;width:56px;height:56px;border-radius:16px;background:#3d321b;margin:0 0 22px}
.mst-web-focus-list{margin-top:34px;display:grid;gap:24px}
.mst-web-focus-item{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,5vw,75px);align-items:center;padding:26px;border:1px solid #393a3a;border-radius:22px;background:#121416}
.mst-web-focus-item:nth-child(even) .mst-web-focus-copy{order:2}.mst-web-focus-item:nth-child(even) .mst-web-focus-visual{order:1}
.mst-web-focus-copy{padding:clamp(5px,2vw,32px)}.mst-web-focus-index{color:#e7ba4a;font-weight:900;font-size:4.5rem;opacity:.5;line-height:1;letter-spacing:-.08em}
.mst-web-focus-copy h3{color:#fff;font-size:clamp(1.4rem,2.4vw,2.35rem);letter-spacing:-.04em;line-height:1.2;margin:18px 0}
.mst-web-focus-copy p{color:#d0cdc8;font-size:1.02rem;line-height:1.72;max-width:550px}
.mst-web-focus-visual{display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #5a4c32;border-radius:18px;min-height:290px;background:radial-gradient(circle at 55% 40%,#3e3221,#181a1e 75%);overflow:hidden}
.mst-web-mini-page{width:min(75%,320px);height:205px;border-radius:12px;background:#f7f2e6;box-shadow:0 25px 35px #0008;position:relative;padding:19px 22px;transform:rotate(-2deg);display:flex;flex-direction:column;align-items:start;gap:9px}
.mst-web-mini-row{height:7px;width:100%;background:#ddd0ad;border-radius:4px;margin-bottom:13px}.mst-web-mini-head{height:17px;width:65%;background:#1e2630;border-radius:4px}.mst-web-mini-sub{height:7px;width:84%;background:#b1b6b6;border-radius:4px}.mst-web-mini-sub.short{width:55%}.mst-web-mini-button{height:23px;width:86px;background:#f3be3b;border-radius:5px;margin-top:5px}
.mst-web-mini-tile{position:absolute;bottom:16px;height:28px;width:25%;background:#d8d1bc;border-radius:5px}.mst-web-mini-tile.one{left:10%}.mst-web-mini-tile.two{left:39%}.mst-web-mini-tile.three{left:68%}
.mst-web-focus-visual-2 .mst-web-mini-page{transform:rotate(2deg);background:#e6e7e5}.mst-web-focus-visual-3 .mst-web-mini-page{transform:rotate(-1deg);background:#fff}
.mst-web-visual-annotation{position:absolute;right:21px;top:18px;font-size:.73rem;font-weight:800;letter-spacing:.05em;color:#ffd56a;padding:9px 14px;background:#101114;border:1px solid #5e4c26;border-radius:100px}
.mst-web-step-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:38px}
.mst-web-step{min-width:0;border-radius:18px;padding:25px 20px;background:#1b1e22;border:1px solid #46413a;min-height:285px}
.mst-web-step-number{font-size:2.9rem;color:#f4c64f;font-weight:900;letter-spacing:-.08em;line-height:1}
.mst-web-step h3{color:#fff;font-size:1.09rem;line-height:1.24;margin:22px 0 12px}.mst-web-step p{font-size:.91rem;line-height:1.69;color:#cecbc5}
.mst-web-pricing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(25px,5vw,80px);align-items:center}
.mst-web-price-note{border-left:3px solid #ecc047;padding-left:14px;color:#beb9b0;line-height:1.65;font-size:.9rem}
.mst-web-price-card{border:1px solid #b48930;border-radius:24px;background:linear-gradient(120deg,#3d2e16,#1c1d20 77%);padding:clamp(30px,4vw,50px);box-shadow:0 20px 50px #0004}
.mst-web-price-label{display:block;color:#f1d790;font-weight:750;text-transform:uppercase;letter-spacing:.12em;margin-bottom:13px}
.mst-web-price-card strong{font-size:clamp(2.3rem,4vw,4.4rem);letter-spacing:-.07em;display:block;color:#ffd456!important;margin-bottom:15px}.mst-web-price-card p{color:#e0dcd4;line-height:1.7;font-size:1rem}
.mst-websites-page .mst-b2b-form-card{color:#292929}.mst-web-check-grid{border:0;min-width:0;padding:0;margin:0}.mst-web-check-grid legend{color:#292929;font-weight:800;margin:0 0 12px}
.mst-web-check-grid>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mst-web-check-grid label{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;border:1px solid #dcdad5;border-radius:12px;padding:12px;background:#faf9f7;font-weight:600!important}
.mst-web-check-grid label input{width:18px;height:18px;min-width:18px;accent-color:#d5a829}.mst-web-check-grid label span{color:#282827!important;font-size:.88rem}
.mst-websites-page #web-nabidka,.mst-websites-page #web-poptavka,.mst-websites-page #web-postup{scroll-margin-top:100px}
.mst-web-faq .mst-b2b-faq-list{max-width:1000px}.mst-web-faq details{background:#202226;border:1px solid #45403b;border-radius:14px;padding:18px 23px;margin-bottom:10px}.mst-web-faq summary{font-size:1.06rem;color:#fff;cursor:pointer;font-weight:750}.mst-web-faq details p{color:#d4d0c9;line-height:1.75}
.mst-web-related{padding:35px 0 65px;background:#17191c}.mst-web-related-card{display:flex;gap:27px;align-items:center;justify-content:space-between;padding:26px 30px;border-radius:19px;background:#1a1c20;border:1px solid #6c5629;box-shadow:0 12px 33px #0003}.mst-web-related-card .mst-b2b-kicker{margin:0 0 7px;font-size:.72rem}.mst-web-related h2{color:#fff;font-size:clamp(1.3rem,2vw,1.85rem);margin:0 0 6px}.mst-web-related p{color:#d1cdc5;font-size:.92rem;line-height:1.5;margin:0}.mst-web-related .btn{min-width:205px;text-align:center;justify-content:center;display:inline-flex;align-items:center;gap:12px;white-space:normal}
.mst-websites-page[dir=rtl] .mst-web-price-note{border-left:0;padding-left:0;border-right:3px solid #ecc047;padding-right:14px}
.mst-websites-page[dir=rtl] .mst-web-window{transform:rotateY(7deg)}
@media(max-width:1120px){.mst-web-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mst-web-hero-inner{grid-template-columns:1fr .9fr}.mst-web-benefit-grid,.mst-web-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.mst-web-hero-inner,.mst-web-focus-item,.mst-web-pricing-layout{grid-template-columns:1fr}.mst-web-hero-copy{padding:53px 0 10px}.mst-web-hero-art{min-height:400px;margin:0 0 45px}.mst-web-focus-item:nth-child(even) .mst-web-focus-copy,.mst-web-focus-item:nth-child(even) .mst-web-focus-visual{order:initial}.mst-web-hero-copy h1{max-width:750px}.mst-web-related-card{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.mst-web-hero-copy h1{font-size:2.3rem}.mst-web-hero-art{min-height:285px;margin-bottom:35px}.mst-web-window{transform:none!important}.mst-web-window-screen{min-height:270px}.mst-web-demo-main{padding:26px 22px 17px}.mst-web-demo-features{margin:0 19px 18px}.mst-web-demo-title{font-size:1.43rem}.mst-web-demo-nav{display:none}.mst-web-benefit-grid,.mst-web-offer-grid,.mst-web-step-grid{grid-template-columns:1fr}.mst-web-step{min-height:unset}.mst-web-focus-item{padding:12px}.mst-web-focus-visual{min-height:245px}.mst-web-check-grid>div{grid-template-columns:1fr}.mst-web-related-card{padding:23px}.mst-web-related .btn{width:100%}}
/* Keep the existing MST tablet menu within the viewport on this dedicated page. */
@media(max-width:920px){
 .mst-websites-page .main-nav{display:none!important;position:fixed;top:var(--header-height);left:16px;right:16px;width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;z-index:2001}
 .mst-websites-page .main-nav.open{display:flex!important}
 .mst-websites-page .menu-toggle{display:grid}
}

/* 1.7.8: Use exactly the shared premium compact benefits design. */
.mst-websites-page .mst-web-benefits .mst-b2b-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.mst-websites-page .mst-web-benefits .mst-b2b-benefit{min-height:0;padding:20px!important;display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;gap:3px 15px!important;align-content:start;border:1px solid #594b2f;border-radius:17px;background:linear-gradient(140deg,#262321,#171a1f)}
.mst-websites-page .mst-web-benefits .mst-b2b-benefit-icon{grid-row:span 2;margin:0!important;width:48px;height:48px;border-radius:13px}
.mst-websites-page .mst-web-benefits .mst-b2b-benefit h3{font-size:1.08rem!important;margin:0 0 7px!important;align-self:end;color:#fff}
.mst-websites-page .mst-web-benefits .mst-b2b-benefit p{font-size:.9rem!important;line-height:1.55;color:#d8d3cb}
@media(max-width:1050px){.mst-websites-page .mst-web-benefits .mst-b2b-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.mst-websites-page .mst-web-benefits .mst-b2b-benefit-grid{grid-template-columns:1fr}}