:root{--bg:#0d1013;--panel:#15191d;--panel2:#1c2126;--red:#ef2b31;--text:#f5f7f8;--muted:#aeb5bb;--light:#f4f5f6;--dark:#111417;--line:#2a3036;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#151515}a{text-decoration:none;color:inherit}img{display:block;width:100%;height:auto}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.watermark{position:fixed;right:18px;bottom:18px;z-index:50;color:rgba(255,255,255,.48);font-size:14px;letter-spacing:.06em;pointer-events:none;text-shadow:0 1px 3px #000}.topbar{position:absolute;inset:0 0 auto 0;z-index:20;background:linear-gradient(180deg,rgba(8,10,12,.95),rgba(8,10,12,.2));border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:82px;display:flex;align-items:center;gap:34px}.brand{display:flex;flex-direction:column;line-height:.85;min-width:210px}.brand strong{font-size:30px;letter-spacing:.06em;font-style:italic;color:#fff}.brand span{font-size:10px;letter-spacing:.46em;color:#fff;margin-top:8px}.brand strong:after{content:"";display:inline-block;width:30px;height:3px;background:var(--red);margin-left:8px;vertical-align:middle}.navlinks{display:flex;gap:28px;margin-left:auto;color:#f3f3f3;font-size:14px}.navlinks a{padding:30px 0 26px;border-bottom:2px solid transparent}.navlinks a:hover,.navlinks a.active{color:#fff;border-color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--red);color:#fff;font-weight:700;border-radius:5px;padding:15px 21px;border:1px solid var(--red);transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn.outline{background:transparent;border-color:#fff}.nav .btn{margin-left:8px}.hero{min-height:690px;background:var(--bg);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090b0d 0%,#0b0d10 39%,rgba(10,12,14,.35) 64%,rgba(10,12,14,.1) 100%);z-index:1}.hero-media{position:absolute;right:0;top:0;width:64%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.04)}.hero-content{position:relative;z-index:2;padding-top:178px;width:48%}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--red);margin-bottom:12px}.hero .eyebrow{color:#fff}.hero .eyebrow:before{content:"";display:inline-block;width:7px;height:7px;background:var(--red);margin-right:8px}.hero h1{font-size:64px;line-height:.96;margin:0 0 20px;letter-spacing:-.04em;max-width:650px}.lead{font-size:17px;line-height:1.6;color:#d5d9dc;max-width:560px}.actions{display:flex;gap:12px;margin:30px 0 36px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);max-width:620px;border-top:1px solid rgba(255,255,255,.16);padding-top:22px;gap:20px}.trust-item{display:flex;gap:12px}.trust-icon{width:38px;height:38px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;color:#fff}.trust-item strong{display:block;font-size:13px}.trust-item small{display:block;color:#aeb5bb;margin-top:4px;font-size:11px}.section{padding:74px 0}.section.dark{background:#101316;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.section h2{font-size:42px;line-height:1.05;margin:0;letter-spacing:-.03em}.section-head p{max-width:520px;color:#666;line-height:1.6;margin:0}.dark .section-head p{color:#a9b0b6}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{background:#171b1f;color:#fff;border-radius:4px;overflow:hidden;border:1px solid #252b31}.service-card figure{margin:0;height:190px;overflow:hidden}.service-card figure img{height:100%;object-fit:cover;transition:.35s}.service-card:hover img{transform:scale(1.035)}.service-copy{padding:20px;position:relative}.service-icon{width:42px;height:42px;background:var(--red);display:grid;place-items:center;border-radius:4px;margin-top:-42px;margin-bottom:12px;position:relative}.service-card h3{margin:0 0 8px;font-size:18px}.service-card p{margin:0;color:#c2c6ca;font-size:13px;line-height:1.55}.arrow{position:absolute;right:18px;bottom:18px;font-size:24px}.workshop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.workshop-card{position:relative;background:#171b1f;overflow:hidden}.workshop-card img{height:190px;object-fit:cover}.workshop-card div{padding:12px 4px 2px}.workshop-card strong{display:block;font-size:15px}.workshop-card span{font-size:12px;color:#aeb5bb}.trust-split{display:grid;grid-template-columns:.8fr 1.4fr;min-height:400px}.trust-copy{padding:70px max(30px,calc((100vw - var(--max))/2));padding-right:55px;background:#f7f7f6}.trust-copy h2{font-size:42px;margin:0 0 16px}.trust-copy p{color:#666;line-height:1.65}.trust-photo{position:relative;background:#111}.trust-photo img{height:100%;object-fit:cover}.feature-strip{position:absolute;left:0;right:0;bottom:0;background:rgba(255,255,255,.94);color:#111;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:19px 26px}.feature-strip strong{font-size:12px}.feature-strip span{display:block;font-size:10px;color:#666;margin-top:3px}.results{background:#0d1013;color:#fff;padding:54px 0}.results-grid{display:grid;grid-template-columns:.8fr 1.45fr .75fr;gap:28px;align-items:center}.compare{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compare figure{margin:0;position:relative}.compare img{height:190px;object-fit:cover;border:1px solid #333}.tag{position:absolute;left:12px;top:10px;background:#fff;color:#111;font-weight:800;padding:5px 10px;font-size:12px}.tag.red{background:var(--red);color:#fff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.stat strong{color:var(--red);font-size:28px}.stat span{display:block;color:#aeb5bb;font-size:10px}.testimonials{padding:48px 0;background:#fff}.testimonial-grid{display:grid;grid-template-columns:1fr repeat(3,1fr);gap:20px;align-items:center}.quote{border-left:1px solid #ddd;padding-left:18px;font-size:13px;line-height:1.5;color:#555}.stars{color:var(--red);letter-spacing:2px}.quote strong{display:block;color:#111;margin-top:8px}.cta{background:linear-gradient(90deg,#141719 0%,#141719 42%,#a7181d 42%,#ef2b31 100%);color:#fff}.cta-grid{display:grid;grid-template-columns:42% 58%;min-height:180px}.cta-img{background-size:cover;background-position:center}.cta-copy{padding:40px 48px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:34px;margin:0 0 8px}.cta p{margin:0;color:#f5dede}.footer{background:#0b0e10;color:#b8bec3;padding:40px 0 24px}.footer-grid{display:flex;align-items:center;gap:30px}.footer .brand{margin-right:auto}.footer nav{display:flex;gap:22px;font-size:12px}.copyright{font-size:12px;margin-left:auto}.page-hero{min-height:430px;background:#0c0f12;color:#fff;position:relative;overflow:hidden;display:flex;align-items:end}.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07090b 0%,rgba(7,9,11,.66) 52%,rgba(7,9,11,.15))}.page-hero .container{position:relative;z-index:2;padding-bottom:70px}.page-hero h1{font-size:58px;margin:8px 0 12px}.page-hero p{max-width:620px;color:#d1d5d8;line-height:1.6}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.content-grid img{border-radius:4px;min-height:360px;object-fit:cover}.rich-list{display:grid;gap:14px;margin-top:22px}.rich-item{padding:18px;border:1px solid #ddd;border-left:4px solid var(--red);background:#fff}.rich-item strong{display:block;margin-bottom:6px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery img{height:260px;object-fit:cover;border-radius:3px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.contact-card{background:#101316;color:#fff;padding:34px}.contact-card h3{font-size:28px;margin-top:0}.contact-card p{color:#b9c0c5;line-height:1.6}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form input,.form textarea,.form select{width:100%;padding:14px;border:1px solid #d7d7d7;background:#fff;font:inherit}.form textarea{grid-column:1/-1;min-height:150px}.form .full{grid-column:1/-1}.mobile-toggle{display:none;color:#fff;font-size:25px;margin-left:auto}
@media(max-width:900px){.navlinks,.nav>.btn{display:none}.mobile-toggle{display:block}.hero{min-height:780px}.hero-media{width:100%;opacity:.5}.hero:before{background:linear-gradient(180deg,rgba(8,10,12,.4),#090b0d 72%)}.hero-content{width:100%;padding-top:180px}.hero h1{font-size:48px}.services,.workshop-grid{grid-template-columns:repeat(2,1fr)}.trust-split,.results-grid,.testimonial-grid,.content-grid,.contact-grid{grid-template-columns:1fr}.trust-copy{padding:55px 30px}.trust-photo{min-height:390px}.cta-grid{grid-template-columns:1fr}.cta-img{height:150px}.cta-copy{padding:30px}.footer-grid{flex-wrap:wrap}.copyright{width:100%;margin:10px 0 0}.gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container{width:min(var(--max),calc(100% - 26px))}.hero h1,.page-hero h1{font-size:40px}.section h2,.trust-copy h2{font-size:34px}.trust-row{grid-template-columns:1fr}.services,.workshop-grid,.gallery{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:12px}.feature-strip{grid-template-columns:repeat(2,1fr)}.compare{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}.cta-copy{display:block}.cta-copy .btn{margin-top:20px}.form{grid-template-columns:1fr}.form textarea,.form .full{grid-column:1}.footer nav{flex-wrap:wrap}.actions{flex-wrap:wrap}}


/* ===== MG Webmaster final refinement ===== */
:root{--shadow:0 18px 45px rgba(0,0,0,.18);--radius:8px;--ease:cubic-bezier(.2,.7,.2,1)}
body{overflow-x:hidden}.topbar{backdrop-filter:saturate(120%) blur(7px)}
.nav{height:86px}.brand{transition:transform .25s var(--ease)}.brand:hover{transform:translateY(-1px)}
.navlinks a{position:relative;font-weight:700;letter-spacing:.01em}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:var(--red);transition:right .25s var(--ease)}.navlinks a:hover:after,.navlinks a.active:after{right:0}.navlinks a{border-bottom:0!important}
.btn{box-shadow:0 8px 20px rgba(239,43,49,.18)}.btn.outline{box-shadow:none}.btn:focus-visible,.navlinks a:focus-visible,.mobile-toggle:focus-visible{outline:3px solid rgba(239,43,49,.45);outline-offset:3px}
.hero{min-height:720px}.hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(180deg,transparent,rgba(4,5,6,.42));z-index:1;pointer-events:none}.hero-media{width:67%;filter:saturate(.92) contrast(1.06) brightness(.92);transform:scale(1.01)}.hero-content{padding-top:185px}.hero h1{font-size:clamp(52px,5.4vw,72px);text-wrap:balance;text-shadow:0 8px 28px rgba(0,0,0,.28)}.hero .lead{max-width:600px}.trust-row{backdrop-filter:blur(3px)}
.section{padding:86px 0}.section-head{margin-bottom:36px}.section h2,.trust-copy h2{font-weight:800;text-wrap:balance}.service-card,.workshop-card{border-radius:var(--radius);box-shadow:0 10px 25px rgba(0,0,0,.08);transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s}.service-card:hover,.workshop-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#353d45}.service-card figure{height:205px}.service-card figure img,.workshop-card img,.gallery img{transition:transform .4s var(--ease),filter .4s var(--ease)}.service-card:hover figure img,.workshop-card:hover img,.gallery img:hover{transform:scale(1.04);filter:saturate(1.05)}
.workshop-card{border:1px solid #252b31}.workshop-card img{height:205px}.workshop-card div{padding:14px 14px 16px}.trust-split{min-height:460px}.trust-copy{display:flex;flex-direction:column;justify-content:center}.trust-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2),transparent 45%);pointer-events:none}.feature-strip{z-index:2;backdrop-filter:blur(8px);box-shadow:0 -10px 30px rgba(0,0,0,.12)}
.results{padding:68px 0}.compare figure{overflow:hidden;border-radius:6px}.compare img{height:220px}.testimonials{padding:58px 0}.quote{background:#fafafa;border:1px solid #ececec;border-left:3px solid var(--red);padding:18px;border-radius:6px}.cta-copy{background:linear-gradient(110deg,#b51a20,#ef2b31)}
.page-hero{min-height:500px}.page-hero img{filter:saturate(.9) contrast(1.06)}.page-hero:after{background:linear-gradient(90deg,rgba(7,9,11,.96) 0%,rgba(7,9,11,.72) 45%,rgba(7,9,11,.2) 100%)}.page-hero h1{font-size:clamp(48px,5vw,66px);text-wrap:balance}.page-hero p{font-size:17px}.content-grid{gap:64px}.content-grid>img{box-shadow:var(--shadow)}.rich-item{border-radius:5px;box-shadow:0 8px 22px rgba(0,0,0,.04)}
.dark .rich-item{background:#171b1f;color:#fff;border-color:#2a3036}.dark .rich-item:not(:last-child){margin-bottom:2px}.gallery{gap:18px}.gallery img{height:285px;border-radius:7px;box-shadow:0 10px 24px rgba(0,0,0,.12)}.contact-card{border-radius:8px;box-shadow:var(--shadow)}.form input,.form textarea,.form select{border-radius:5px;transition:border-color .2s,box-shadow .2s}.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(239,43,49,.1)}
.footer{border-top:1px solid #20262b}.watermark{font-weight:700;opacity:.72}
.mobile-toggle{background:transparent;border:0;cursor:pointer}
@media(max-width:900px){.topbar.menu-open{background:#0b0e10}.nav{position:relative}.navlinks{display:none;position:absolute;left:0;right:0;top:86px;margin:0;background:rgba(11,14,16,.98);border-top:1px solid #252b31;border-bottom:1px solid #252b31;padding:12px 20px 18px;flex-direction:column;gap:0;box-shadow:0 20px 35px rgba(0,0,0,.25)}.topbar.menu-open .navlinks{display:flex}.navlinks a{padding:14px 0}.navlinks a:after{bottom:8px}.hero{min-height:760px}.hero-media{width:100%;opacity:.58}.trust-row{max-width:100%}.trust-split{grid-template-columns:1fr}.feature-strip{position:static}.page-hero{min-height:450px}.content-grid{gap:34px}}
@media(max-width:560px){.nav{height:76px}.brand{min-width:auto}.brand strong{font-size:24px}.navlinks{top:76px}.hero{min-height:800px}.hero-content{padding-top:155px}.hero h1{font-size:43px}.hero .lead{font-size:15px}.service-card figure,.workshop-card img{height:220px}.page-hero{min-height:420px}.page-hero .container{padding-bottom:48px}.gallery img{height:235px}.watermark{right:10px;bottom:10px;font-size:11px}}
