/*
Theme Name: Music Feedback Service V29.353
Description: Music Feedback Service website theme.
Version: 29.360
*/
@font-face{font-family:"Poynter OldStyle Display";src:url("assets/fonts/PoynterOSDisp-Roman.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Poynter OldStyle Display";src:url("assets/fonts/PoynterOSDisp-Semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
:root{--paper:#F6F1EE;--card:#F7F3EF;--ink:#1c1a18;--dark:#0F0E0B;--footer:#111;--gold:#D98D36;--gold2:#E7A04B;--line:#ddcfbf;--muted:#6d655d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}.mfs-home{width:100%;overflow:hidden}.stage{position:relative;width:1440px;height:100%;margin:0 auto}a{text-decoration:none;color:inherit}svg{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
/* exact top frame: 1440 x 1075 */
.mfs-top{height:1075px;background:#0F0E0B}.mfs-header{height:174px;background:#030303}.header-stage{height:174px}.mfs-logo{position:absolute;left:81px;top:23px;width:349px;height:128.375px;display:block}.logo-exact{position:absolute;left:0;top:0;width:349px;height:128px;object-fit:contain;object-position:left center;display:block}.mfs-nav{position:absolute;left:585px;top:75px;width:558px;height:22px;display:flex;gap:40px;align-items:center}.mfs-nav a{font-size:18px;line-height:18px;color:#fff;white-space:nowrap}.header-cta{position:absolute;left:1189px;top:60.5px;width:163px;height:51px;border-radius:6px;background:#DF9239;color:#1b1209;font-family:Poppins,Arial,sans-serif;font-weight:500;font-size:20px;display:flex;align-items:center;justify-content:center}
.mfs-hero{height:656px;background:#1a0f08}.hero-stage{height:656px;overflow:hidden}.hero-image{position:absolute;left:136px;top:0;width:1304px;height:656px;object-fit:cover}.hero-overlay{position:absolute;left:0;top:0;width:850px;height:656px;background:linear-gradient(90deg,#160b05 0%,rgba(22,11,5,.97) 24%,rgba(22,11,5,.82) 46%,rgba(22,11,5,.35) 74%,rgba(22,11,5,0) 100%)}.hero-copy{position:absolute;left:80px;top:55px;width:626px;color:#fff}.hero-copy h1{margin:0;font-family:"Poynter OldStyle Display",Georgia,serif;font-weight:600;font-size:80px;line-height:85px;letter-spacing:-.5px}.accent-line{width:84px;height:3px;background:#D98D36;margin:22px 0 24px}.hero-copy p{font-size:22px;line-height:40px;margin:0;font-weight:400}.gold-btn{display:flex;align-items:center;justify-content:space-between;background:#DF9239;color:#fff;border-radius:6px;font-family:Poppins,Arial,sans-serif;font-weight:500}.hero-btn{width:333px;height:74px;margin-top:29px;padding:0 30px;font-size:29px}.hero-trust{display:flex;align-items:center;gap:11px;margin-top:21px;font-size:16px}.trust-mark{color:#D98D36;font-size:20px}
.mfs-stats{height:245px;background:#0F0E0B;border-top:1px solid #4d463f}.stats-stage{height:245px;display:grid;grid-template-columns:repeat(4,1fr)}.stat{position:relative;text-align:center;color:#fff;padding-top:38px}.stat:not(:last-child):after{content:"";position:absolute;right:0;top:22px;width:1px;height:200px;background:#514a43}.stat-svg{display:block;width:42px;height:42px;margin:0 auto 15px;color:#F0A037}.stat strong{display:block;font-family:"Poynter OldStyle Display",Georgia,serif;font-weight:600;font-size:54px;line-height:56px;letter-spacing:-.5px}.stat>span:last-child{display:block;margin-top:10px;font-size:22px;font-weight:300;letter-spacing:.1px}
/* common exact section geometry */
.fig-section{background:var(--paper)}.section-stage{padding:86px 80px}.section-head{text-align:center;margin:0 auto}.section-head h2{font-family:"Poynter OldStyle Display",Georgia,serif;font-weight:600;font-size:58px;line-height:64px;letter-spacing:-.475px;margin:0}.head-rule{display:block;width:60px;height:3px;background:#D98D36;margin:16px auto}.section-head p{font-size:24px;line-height:30px;margin:0}.how-section{height:707px}.how-section .section-stage{height:707px}.how-cards{width:1280px;height:348px;display:grid;grid-template-columns:repeat(3,1fr);gap:63px;margin-top:59px}.how-card{position:relative;height:348px;border:1px solid #decfbe;border-radius:12px;background:#F8F4F0;text-align:center;padding:55px 38px 26px}.how-card .num{position:absolute;left:50%;top:-26px;transform:translateX(-50%);width:52px;height:52px;border-radius:50%;background:#F1E3D5;border:1px solid #decfbe;display:grid;place-items:center;font-family:"Poynter OldStyle Display";font-weight:700;font-size:28px;line-height:28px}.line-icon{width:80px;height:80px;margin:0 auto;color:#D98D36}.how-card h3{font-family:"Poynter OldStyle Display";font-size:32px;line-height:26px;letter-spacing:-.238px;font-weight:600;margin:14px 0 21px}.how-card p{font-size:18px;line-height:28px;margin:0 auto;max-width:330px}
.receive-section{height:650.139px;border-top:2px solid #E6DDCF}.receive-section .section-stage{height:650.139px}.receive-head{height:153.139px}.receive-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:1280px;height:268px;margin-top:57px}.receive-card{display:grid;grid-template-columns:90px 1fr;gap:15px;align-items:start;border:1px solid #ded0c0;border-radius:12px;background:#F8F4F0;padding:46px 24px 28px}.receive-icon{width:60px;height:60px;color:#D98D36}.receive-card h3{font-family:"Poynter OldStyle Display";font-weight:600;font-size:28px;line-height:33.82px;letter-spacing:-.294px;margin:0 0 8px}.receive-card p{font-size:18px;line-height:28px;margin:0}
.examples-section{height:2061px;border-top:1px solid #E6DDCF}.examples-section .section-stage{height:2061px}.example-tracks{width:1278px;height:350px;margin:56px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.example-track{height:350px;border:1px solid #ded0c0;border-radius:12px;background:#F9F6F2;padding:12px;text-align:center}.example-track.selected{border:2px solid #D98D36}.example-track img{width:194px;height:194px;display:block;margin:0 auto;border-radius:8px;object-fit:cover}.example-track h3{font-family:"Poynter OldStyle Display";font-size:24px;line-height:24px;margin:16px 0 5px;font-weight:600}.example-track p{font-size:18px;line-height:24px;margin:0}.example-track span{display:block;font-size:12px;margin-top:7px}.feedback-box{width:1278px;height:1297px;margin:56px auto 0;border:2px solid #D7C4AE;border-radius:12px;background:#F8F4F0;padding:24px}.feedback-bar{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd0c1}.feedback-song{display:flex;align-items:center;gap:16px}.feedback-song img{width:105px;height:105px;border-radius:8px;object-fit:cover}.feedback-song h3{font-family:"Poynter OldStyle Display";font-size:32px;margin:0 0 3px}.feedback-song p{font-size:16px;line-height:24px;margin:0}.feedback-bar-right{display:flex;align-items:center;gap:28px;font-size:16px}.feedback-bar-right a{border:1px solid #D3A16C;border-radius:6px;padding:15px 20px;font-family:"Poynter OldStyle Display";font-size:24px}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:22px}.feedback-col{display:flex;flex-direction:column;gap:20px}.review-block{border:1px solid #ded0c0;border-radius:8px;padding:20px;background:#FAF7F3}.review-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.review-title span{width:34px;height:34px;border-radius:8px;background:#F1E3D5;display:grid;place-items:center;font-family:"Poynter OldStyle Display";font-size:28px;font-weight:700}.review-title h3{font-family:"Poynter OldStyle Display";font-size:32px;margin:0}.review-block p,.review-block li{font-size:16px;line-height:28px}.review-block small{display:block;font-size:16px;margin-top:10px}.review-block>a{display:inline-block;margin-top:5px;color:#B56F27;font-size:20px;font-weight:600}.strengths ul{padding-left:20px}.issue-head,.issue-row{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:12px}.issue-head{font-size:13px;background:#EFE5DA;padding:10px}.issue-row{padding:12px 0;border-bottom:1px solid #e2d7cc}.issue-row p{margin:0 0 6px}.issue-row em{font-style:normal;color:#D85A3B;font-size:12px}.whats-next h4{font-family:"Poynter OldStyle Display";font-size:20px;margin:8px 0}
.pricing-section{height:1302.47px;border-top:1px solid #E6DDCF}.pricing-section .section-stage{height:1302.47px}.pricing-head p{white-space:pre-line}.pricing-cards{width:1280px;height:738px;margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.price-card{position:relative;height:738px;border:1px solid #D9CABA;border-radius:16px;background:#F8F4F0;padding:36px 28px}.price-card.featured{border:2px solid #D98D36}.popular{position:absolute;left:50%;top:-17px;transform:translateX(-50%);background:#D98D36;color:#fff;border-radius:20px;padding:9px 18px;text-transform:uppercase;font-size:14px;font-weight:700;letter-spacing:1.98px}.price-icon{width:60px;height:60px;margin:0 auto 14px;color:#D98D36}.price-card h3{text-align:center;font-family:"Poynter OldStyle Display";font-size:32px;line-height:32px;margin:0 0 13px;font-weight:600}.price-card .desc{font-size:16px;line-height:28px;text-align:center;min-height:56px;margin:0}.amount{height:94px;display:flex;align-items:center;justify-content:center;margin:15px 0 20px}.amount span{font-family:"Poynter OldStyle Display";font-size:42px;line-height:24px;align-self:flex-start;margin-top:24px}.amount strong{font-family:"Poynter OldStyle Display";font-size:60px;line-height:60px;font-weight:600;letter-spacing:-1px}.amount small{font-size:14px;font-weight:700;align-self:flex-end;margin:0 0 17px 6px}.price-card ul{list-style:none;padding:0 4px;margin:0}.price-card li{position:relative;padding:7px 0 7px 24px;font-size:16px}.price-card li:before{content:"✓";position:absolute;left:0;color:#D98D36}.price-btn{position:absolute;left:28px;right:28px;bottom:30px;height:62px;background:#DF9239;color:#fff;border-radius:7px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-family:"Poynter OldStyle Display";font-size:30px;font-weight:600}.pricing-trust{width:1280px;height:148.47px;margin-top:56px;border:2px solid #DDCDBB;border-radius:24px;background:#F7F3EF;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.pricing-trust>div{display:flex;gap:14px;padding:0 24px}.mini-icon{font-size:32px;color:#D98D36}.pricing-trust h4{font-family:"Poynter OldStyle Display";font-size:20px;margin:0 0 8px}.pricing-trust p{font-size:14px;line-height:22.4px;margin:0;font-weight:300}
.testimonials-section{height:892px;border-top:1px solid #E6DDCF}.testimonials-section .section-stage{height:892px}.testimonials-head{height:82px}.testimonial-row{position:relative;width:1440px;height:291px;margin-left:-80px;margin-top:56px;display:grid;grid-template-columns:repeat(3,380px);gap:16px;justify-content:center}.testimonial-card{position:relative;height:291px;border:1px solid #DECFC0;border-radius:12px;background:#F8F4F0;padding:24px 26px 22px 120px}.testimonial-card img{position:absolute;left:24px;top:24px;width:80px;height:80px;border-radius:50%;object-fit:cover}.stars{color:#D98D36;font-size:24px;margin-bottom:22px}.testimonial-card blockquote{font-size:16px;line-height:24px;margin:0;min-height:90px}.testimonial-card h3{font-family:"Poynter OldStyle Display";font-size:18px;margin:15px 0 4px}.testimonial-card p{font-size:14px;line-height:22.4px;margin:0;font-weight:300}.slider-dots{height:12px;display:flex;gap:8px;justify-content:center;margin-top:56px}.slider-dots span{width:12px;height:12px;border-radius:50%;background:#D7CBC0}.slider-dots span.active{background:#D98D36}.dark-banner{width:1280px;height:167px;margin-top:56px;border-radius:12px;background:#1A0F08;color:#fff;padding:34px 42px;display:flex;align-items:center;justify-content:space-between}.dark-banner h3{font-family:"Poynter OldStyle Display";font-size:34px;margin:0 0 8px}.dark-banner p{font-size:17px;line-height:28px;font-weight:300;margin:0}.banner-action{display:flex;flex-direction:column;align-items:center;gap:10px}.banner-action a{min-width:345px;height:60px;border-radius:7px;background:#DF9239;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-family:"Poynter OldStyle Display";font-size:32px}.banner-action small{font-size:12.5px;font-weight:300}
.songs-section{height:1076px;border-top:1px solid #E6DDCF}.songs-stage{height:1076px;padding:90px 80px 86px}.song-row{width:1144px;margin:40px auto 0;display:grid;grid-template-columns:repeat(5,206px);gap:28px}.song-card{height:303px;border:1px solid #DCCDBD;border-radius:12px;background:#F8F4F0;padding:10px;text-align:center}.song-card img{width:206px;height:184px;margin-left:-10px;margin-top:-10px;border-radius:10px 10px 0 0;object-fit:cover}.song-card h3{font-family:"Poynter OldStyle Display";font-size:24px;line-height:24px;margin:13px 0 5px}.song-card p{font-size:18px;margin:0}.song-card span{font-size:12px;display:block;margin-top:7px}.bottom-row{margin-top:40px}
.final-section{height:879.755px;border-top:2px solid #ded6cd}.final-stage{height:879.755px;padding:86px 80px}.final-box{width:1280px;height:707.755px;border:2px solid #DDCDBB;border-radius:14px;background:#F7F3EF;text-align:center;padding:49px 40px}.wave-mark{color:#D98D36;font-size:25px;letter-spacing:4px;margin-bottom:15px}.final-box h2{font-family:"Poynter OldStyle Display";font-size:58px;line-height:64px;letter-spacing:-.475px;margin:0}.final-box>p{font-size:24px;line-height:30px;margin:16px 0 34px}.final-features{width:1100px;margin:0 auto 32px;display:grid;grid-template-columns:repeat(3,1fr)}.final-features>div{display:flex;align-items:center;justify-content:center;gap:18px}.large-icon{font-size:50px;color:#D98D36}.final-features h3{text-align:left;font-family:"Poynter OldStyle Display";font-size:24px;line-height:24px;margin:0}.final-btn{width:310px;height:70px;margin:0 auto;border-radius:7px;background:#DF9239;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-family:"Poynter OldStyle Display";font-size:30px}.final-note{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px}.final-note span{font-size:38px;color:#D98D36}.final-note p{font-size:24px;line-height:30px;margin:0;text-align:left}
.mfs-footer{height:798px;background:#111;color:#fff}.footer-stage{height:798px;padding:90px 80px 60px}.footer-columns{height:345px;display:grid;grid-template-columns:305px 290px 330px 200px;gap:35px}.footer-col h4{font-size:20px;margin:0 0 24px}.footer-col h5{font-family:Poppins,Arial,sans-serif;font-size:18px;line-height:28px;margin:0 0 5px}.footer-col p,.footer-col a{font-size:16px;line-height:20px;color:#fff}.office{display:flex;gap:15px;margin-bottom:22px}.office img{width:40px;height:40px;object-fit:cover;border-radius:3px}.office p{margin:2px 0}.worldwide{margin-top:28px!important}.support h5{margin-top:22px}.support p{margin:2px 0 6px}.support a{text-decoration:underline}.resources a,.quick a{display:block;margin-bottom:16px}.resources .more{color:#E7A04B;margin-top:24px}.footer-bottom-row{height:160px;margin-top:32px;border-top:1px solid #3b3b3b;border-bottom:1px solid #3b3b3b;display:flex;align-items:center}.footer-logo{position:relative;left:auto;top:auto;width:349px;height:128px;display:block}.legal{display:flex;gap:28px;margin-left:auto}.legal a,.private{font-size:20px}.private{margin-left:45px}.copyright{height:80px;display:flex;align-items:flex-end;justify-content:space-between;font-size:18px}.language{font-size:16px}
/* No invented mobile redesign in V7. The approved Responsive Figma will be implemented from its own extracted root. */
@media(max-width:1439px){.stage{transform-origin:top left}.mfs-home{min-width:1440px}}

/* V8: Figma vector pass - no Unicode placeholder icons */
.fig-icon{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.trust-mark{width:20px;height:20px;display:inline-flex;color:#D98D36}.trust-mark .fig-icon{stroke-width:1.8}
.stat-svg .fig-icon{width:42px;height:42px;stroke-width:1.55}
.line-icon .fig-icon{width:80px;height:80px;stroke-width:1.45}
.receive-icon .fig-icon,.price-icon .fig-icon{width:60px;height:60px;stroke-width:1.5}
.preview-eye{display:flex;align-items:center;gap:10px}.preview-eye .fig-icon{width:20px;height:20px;color:#777;stroke-width:1.7}
.mini-icon{width:44px;height:44px;display:block;flex:0 0 44px}.mini-icon .fig-icon{width:44px;height:44px;stroke-width:1.5}
.wave-mark{width:42px;height:42px;margin:0 auto 15px}.wave-mark .fig-icon{width:42px;height:42px;stroke-width:1.5}
.large-icon{width:60px;height:60px;display:block;flex:0 0 60px}.large-icon .fig-icon{width:60px;height:60px;stroke-width:1.5}
.final-note>span{width:60px;height:60px;display:block}.final-note>span .fig-icon{width:60px;height:60px;stroke-width:1.45}
.footer-inline-icon{display:inline-flex;width:24px;height:24px;margin-right:10px;vertical-align:middle;color:#E7A04B;flex:0 0 24px}.footer-inline-icon .fig-icon{width:24px;height:24px;stroke-width:1.7}.worldwide,.support h5,.resources a,.private{display:flex;align-items:flex-start}.resources a .footer-inline-icon{margin-top:-2px}


/* ==========================================================
   V10 — DIRECT FIGMA NODE 1:48
   Geometry is translated from Figma's node data, not V8.
   Desktop only. Remote SVGs are temporary Figma validation
   assets and will be localized after pixel validation.
   ========================================================== */
.figma-top-direct{height:1077px;position:relative;background:#0f0e0b}
.figma-top-direct .figma-header{position:absolute;z-index:20;left:50%;top:-1px;transform:translateX(-50%);width:1440px;height:174px;background:#030303;border-bottom:1px solid #040404}
.figma-top-direct .header-stage{width:1440px;height:174px;margin:0;position:relative}
.figma-top-direct .figma-logo{position:absolute;left:81px;top:23px;width:349px;height:128.4px;display:block}
.figma-top-direct .figma-logo-disc{position:absolute;left:0;top:.38px;width:141px;height:128px;overflow:hidden;display:block}
.figma-top-direct .figma-logo-disc img{position:absolute;width:296.1px;height:198.04px;left:-26.35px;top:-49.11px;max-width:none}
.figma-top-direct .figma-logo-line{position:absolute;left:158px;top:29px;width:3px;height:70px;background:#fdb84d}
.figma-top-direct .figma-logo-words{position:absolute;left:179px;top:0;width:170px;color:#fff;font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:40px;line-height:normal;letter-spacing:1.08px;display:flex;flex-direction:column}
.figma-top-direct .figma-logo-words span{display:block;margin-bottom:-8px}
.figma-top-direct .figma-logo-words span:nth-child(2){color:#fdb84d}
.figma-top-direct .figma-logo-words span:last-child{margin-bottom:0}

.figma-top-direct .mfs-nav{position:absolute;left:585px;top:76px;width:auto;height:auto;display:flex;gap:40px;align-items:center}
.figma-top-direct .mfs-nav a{font-family:Inter,Arial,sans-serif;font-weight:400;font-size:18px;line-height:normal;color:#fff;white-space:nowrap}
.figma-top-direct .mfs-nav a:nth-child(n+3){color:#f4ece3}
.figma-top-direct .header-cta{position:absolute;left:1189px;top:60.5px;width:auto;height:auto;min-width:0;padding:18px 24px;border-radius:6px;background:linear-gradient(180deg,#de984b 0%,#c47d32 100%);color:#3c1b01;font-family:Poppins,Arial,sans-serif;font-weight:500;font-size:20px;line-height:15px;display:flex;align-items:center;justify-content:center}

.figma-top-direct .figma-top-content{position:absolute;left:50%;top:161px;transform:translateX(-50%);width:1440px;height:915px;padding-top:10px}
.figma-top-direct .mfs-hero{height:656px;width:1440px;position:relative;background:#1a0e07;overflow:hidden}
.figma-top-direct .hero-stage{position:relative;width:1440px;height:656px;margin:0;overflow:hidden}
.figma-top-direct .hero-base-wrap{position:absolute;left:0;top:0;right:0;bottom:-19px;background:#1a0e07;overflow:hidden}
.figma-top-direct .hero-base-image{position:absolute;width:1067px;height:711px;left:373px;top:-36.5px;object-fit:cover;max-width:none}
.figma-top-direct .hero-foreground-image{position:absolute;left:136px;top:0;width:1304px;height:656px;object-fit:cover;object-position:center bottom;max-width:none}
.figma-top-direct .hero-figma-overlay{position:absolute;left:0;top:-19px;width:1125px;height:703px;background:
radial-gradient(ellipse 1032px 578px at 106% 49%,rgba(17,10,5,0) 0%,rgba(17,10,5,.05) 38%,rgba(17,10,5,.55) 60%,rgba(17,10,5,1) 86%),
linear-gradient(90deg,rgb(17,10,5) 0%,rgba(17,10,5,.85) 22%,rgba(17,10,5,0) 42%)}

.figma-top-direct .figma-hero-copy{position:absolute;left:80px;top:59px;width:626px;height:520px;color:#fff;display:flex;flex-direction:column;gap:42px}
.figma-top-direct .hero-copy-main{display:flex;flex-direction:column;gap:42px;align-items:flex-start}
.figma-top-direct .figma-hero-copy h1{height:223.23px;margin:0;font-family:"Poynter OldStyle Display",Georgia,serif;font-weight:600;font-size:80px;line-height:85px;letter-spacing:-.5px;color:#f8f8f8}
.figma-top-direct .figma-hero-copy .accent-line{width:84px;height:3px;border-radius:2px;background:#d28b3f;margin:24px 0 0}
.figma-top-direct .figma-hero-copy p{width:592px;height:100px;margin:0;font-family:Inter,Arial,sans-serif;font-weight:400;font-size:22px;line-height:40px;color:#f9fafb}
.figma-top-direct .hero-copy-main>div:nth-child(1){margin:0}
.figma-top-direct .figma-hero-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 32px;border-radius:6px;background:linear-gradient(180deg,#de984b 0%,#c47d32 100%);color:#fff;font-family:Poppins,Arial,sans-serif;font-weight:500;font-size:29px;line-height:15px}
.figma-top-direct .figma-hero-btn img{width:24px;height:25.755px;display:block}
.figma-top-direct .figma-hero-trust{display:flex;gap:8px;align-items:center;width:100%;margin:0;font-family:Inter,Arial,sans-serif;font-weight:400;font-size:16px;line-height:16px;color:#fffffe}
.figma-top-direct .figma-hero-trust img{width:27px;height:27px;display:block}

.figma-top-direct .mfs-stats{width:1440px;height:249px;background:#0f0e0b;border-top:1px solid #504a42;border-bottom:1px solid #504a42}
.figma-top-direct .stats-stage{width:1440px;height:249px;margin:0;display:grid;grid-template-columns:1fr 0 1fr 0 1fr 0 1fr;align-items:center}
.figma-top-direct .stat{height:249px;position:relative;padding:0;color:#fff}
.figma-top-direct .stat:after{display:none!important}
.figma-top-direct .stat-inner{position:absolute;left:50%;top:calc(50% - 1.5px);transform:translate(-50%,-50%);width:350.305px;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center}
.figma-top-direct .stat-icon-direct{width:42px;height:42px;display:block}
.figma-top-direct .stat strong{display:block;margin:0;font-family:"Poynter OldStyle Display",Georgia,serif;font-weight:600;font-size:54px;line-height:56px;letter-spacing:-.5px;color:#fff;text-align:center}
.figma-top-direct .stat span{display:block;margin:0!important;font-family:Inter,Arial,sans-serif;font-weight:300;font-size:22px;line-height:normal;letter-spacing:.1px;color:#fffffe;text-align:center}
.figma-top-direct .stat-separator{width:1px;height:200px;background:#504a42;transform:translateX(-.5px)}

@media(min-width:1440px){
  .figma-top-direct{min-width:1440px}
}


/* ==========================================================================
   V11 - literal translation of Figma node 1:48
   IMPORTANT:
   - Unique namespace; no V8 layout classes are used in this block.
   - Geometry mirrors Figma's 1440x1077 frame.
   - Figma's duplicate Hero text layers 1:64 and 1:81 are intentionally retained.
   - Exact current Figma image/SVG URLs are used for this validation build.
   ========================================================================== */

#mfs-f1-48, #mfs-f1-48 * { box-sizing: border-box; }
#mfs-f1-48 { width:100%; height:1077px; position:relative; overflow:visible; background:#0f0e0b; }
#mfs-f1-48 a { text-decoration:none; }
#mfs-f1-48 p { margin:0; padding:0; }
#mfs-f1-48 img { border:0; margin:0; padding:0; }
#mfs-f1-48 .f11-canvas {
  position:absolute; width:1440px; height:1077px; left:50%; top:0; transform:translateX(-50%);
  background:#0f0e0b; overflow:hidden;
}
#mfs-f1-48 .f11-header {
  position:absolute; width:1440px; height:174px; left:0; top:-1px;
  background:#030303; border-bottom:1px solid #040404;
}
#mfs-f1-48 .f11-nav {
  position:absolute; left:585px; top:76px; display:flex; align-items:center; gap:40px;
  font-family:Inter,Arial,sans-serif; font-size:18px; line-height:normal; font-weight:400; white-space:nowrap;
}
#mfs-f1-48 .f11-nav a { color:#fff; }
#mfs-f1-48 .f11-nav a:nth-child(n+3) { color:#f4ece3; }
#mfs-f1-48 .f11-get-started {
  position:absolute; left:1189px; top:60.5px; display:flex; align-items:center; justify-content:center;
  padding:18px 24px; border-radius:6px; background:linear-gradient(180deg,#de984b 0%,#c47d32 100%);
  font-family:Poppins,Arial,sans-serif; font-size:20px; line-height:15px; font-weight:500; color:#3c1b01; white-space:nowrap;
}
#mfs-f1-48 .f11-main {
  position:absolute; left:0; top:161px; width:1440px; height:915px;
  padding-top:10px; display:flex; flex-direction:column; align-items:center;
}
#mfs-f1-48 .f11-stack { width:1440px; height:905px; display:flex; flex-direction:column; align-items:flex-start; }
#mfs-f1-48 .f11-hero { position:relative; width:1440px; height:656px; flex:0 0 656px; overflow:hidden; }
#mfs-f1-48 .f11-base-wrap {
  position:absolute; left:0; right:0; top:0; bottom:-19px; overflow:hidden; background:#1a0e07;
}
#mfs-f1-48 .f11-base-imgbox {
  position:absolute; width:1067px; height:711px; left:373px; top:-36.5px;
}
#mfs-f1-48 .f11-base-imgbox img {
  position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; pointer-events:none;
}
#mfs-f1-48 .f11-front-imgbox {
  position:absolute; width:1304px; height:656px; left:136px; top:0;
}
#mfs-f1-48 .f11-front-imgbox img {
  position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center bottom; pointer-events:none;
}
#mfs-f1-48 .f11-gradient {
  position:absolute; width:1125px; height:703px; left:0; top:-19px;
  background:
    radial-gradient(ellipse 1032.2px 578.13px at 1195.3px 326.5px,
      rgba(17,10,5,0) 0%, rgba(17,10,5,.05) 38%, rgba(17,10,5,.55) 60%, rgba(17,10,5,1) 86%),
    linear-gradient(90deg,rgb(17,10,5) 0%,rgba(17,10,5,.85) 22%,rgba(17,10,5,0) 42%);
}
#mfs-f1-48 .f11-copy {
  position:absolute; left:80px; top:59px; width:626px; height:520px;
  display:flex; flex-direction:column; align-items:flex-start; gap:42px;
}
#mfs-f1-48 .f11-copy-upper {
  width:626px; display:flex; flex-direction:column; align-items:flex-start; gap:42px;
}
#mfs-f1-48 .f11-copy-intro {
  width:626px; display:flex; flex-direction:column; align-items:flex-start; gap:24px;
}
#mfs-f1-48 .f11-heading-wrap { width:626px; display:flex; flex-direction:column; align-items:flex-start; }
#mfs-f1-48 .f11-heading {
  width:626px; height:223.23px; display:flex; flex-direction:column; justify-content:center;
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-style:normal; font-weight:600; font-size:80px; line-height:85px; letter-spacing:-.5px; color:#f8f8f8;
}
#mfs-f1-48 .f11-heading p { height:85px; line-height:85px; white-space:nowrap; }
#mfs-f1-48 .f11-accent { width:84px; height:3px; flex:0 0 3px; border-radius:2px; background:#d28b3f; }
#mfs-f1-48 .f11-subcopy {
  width:592px; height:100px; display:flex; flex-direction:column; justify-content:center;
  font-family:Inter,Arial,sans-serif; font-style:normal; font-weight:400; font-size:22px; line-height:40px; color:#f9fafb;
}
#mfs-f1-48 .f11-subcopy p { height:40px; line-height:40px; white-space:nowrap; }
#mfs-f1-48 .f11-review-link {
  display:flex; align-items:center; justify-content:center; gap:10px; padding:24px 32px;
  border-radius:6px; background:linear-gradient(180deg,#de984b 0%,#c47d32 100%);
  font-family:Poppins,Arial,sans-serif; font-style:normal; font-weight:500; font-size:29px; line-height:15px; color:#fff; white-space:nowrap;
}
#mfs-f1-48 .f11-review-link img { display:block; width:24px; height:25.755px; max-width:none; }
#mfs-f1-48 .f11-trust { display:flex; align-items:center; gap:8px; width:626px; }
#mfs-f1-48 .f11-heart { display:block; width:27px; height:27px; max-width:none; }
#mfs-f1-48 .f11-trust-text {
  font-family:Inter,Arial,sans-serif; font-size:16px; line-height:16px; font-weight:400; color:#fffffe; white-space:nowrap;
}
#mfs-f1-48 .f11-trust-first { width:auto; gap:10px; }
#mfs-f1-48 .f11-star {
  font-family:Arial,sans-serif; font-size:24px; line-height:normal; font-weight:300; color:#d28b3f; letter-spacing:-.44px;
}
#mfs-f1-48 .f11-trust-first-text {
  display:block; width:448.351px; height:17px;
  font-family:Inter,Arial,sans-serif; font-size:20px; line-height:normal; font-weight:300; color:#fffffe; white-space:nowrap;
}
/* Figma layer order: 1:64 under 1:79/1:80; 1:81 above. */
#mfs-f1-48 .f11-copy[data-node-id="1:64"] { z-index:1; }
#mfs-f1-48 .f11-front-imgbox { z-index:2; }
#mfs-f1-48 .f11-gradient { z-index:3; }
#mfs-f1-48 .f11-copy[data-node-id="1:81"] { z-index:4; }

#mfs-f1-48 .f11-stats {
  width:1440px; height:249px; flex:0 0 249px; display:flex; align-items:center;
  padding:1px 0; background:#0f0e0b; border-top:1px solid #504a42; border-bottom:1px solid #504a42;
}
#mfs-f1-48 .f11-stat { position:relative; flex:1 0 0; min-width:0; height:100%; }
#mfs-f1-48 .f11-stat-content {
  position:absolute; left:calc(50% + .15px); top:calc(50% - 1.5px); transform:translate(-50%,-50%);
  width:350.305px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px;
}
#mfs-f1-48 .f11-stat-content > img { width:42px; height:42px; flex:0 0 42px; max-width:none; display:block; }
#mfs-f1-48 .f11-num {
  min-width:100%; display:flex; flex-direction:column; justify-content:center;
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-style:normal; font-weight:600; font-size:54px; line-height:56px; letter-spacing:-.5px; color:#fff; text-align:center;
}
#mfs-f1-48 .f11-num p { line-height:56px; }
#mfs-f1-48 .f11-label { width:100%; display:flex; flex-direction:column; align-items:center; }
#mfs-f1-48 .f11-label p {
  height:22px; display:flex; align-items:center; justify-content:center; width:100%;
  font-family:Inter,Arial,sans-serif; font-style:normal; font-weight:300; font-size:22px; line-height:normal;
  letter-spacing:.1px; color:#fffffe; text-align:center; white-space:nowrap;
}
#mfs-f1-48 .f11-label-private { width:270px; }
#mfs-f1-48 .f11-label-private p { white-space:normal; letter-spacing:0; }
#mfs-f1-48 .f11-sep { position:relative; flex:0 0 0; width:0; height:200px; display:flex; align-items:center; justify-content:center; overflow:visible; }
#mfs-f1-48 .f11-sep img { display:block; width:200px; height:2px; max-width:none; transform:rotate(90deg); }

#mfs-f1-48 .f11-logo { position:absolute; left:81px; top:23px; width:349px; height:128.4px; z-index:10; }
#mfs-f1-48 .f11-logo-imgbox { position:absolute; left:0; top:.38px; width:141px; height:128px; overflow:hidden; }
#mfs-f1-48 .f11-logo-imgbox img {
  position:absolute; height:154.72%; width:210%; left:-8.9%; top:-24.8%; max-width:none; pointer-events:none;
}
#mfs-f1-48 .f11-logo-text {
  position:absolute; left:179px; top:0; width:170px;
  display:flex; flex-direction:column; align-items:flex-start;
  font-family:"Cormorant Garamond",Georgia,serif; font-style:normal; font-weight:500;
  font-size:40px; line-height:normal; letter-spacing:1.08px; color:#fff;
}
#mfs-f1-48 .f11-logo-text > div { width:170px; margin-bottom:-8px; line-height:normal; }
#mfs-f1-48 .f11-logo-text > div:nth-child(2) { color:#fdb84d; }
#mfs-f1-48 .f11-logo-text > div:last-child { margin-bottom:0; }
#mfs-f1-48 .f11-logo-line { position:absolute; left:158px; top:29px; width:3px; height:70px; }
#mfs-f1-48 .f11-logo-line img { position:absolute; inset:-1.5px; width:3px; height:73px; max-width:none; display:block; }

/* For this diagnostic build, never stretch the 1440 Figma canvas.
   At >1440 browser width it stays centered; at <1440 it overflows rather than inventing responsive behavior. */
@media (max-width:1439px) {
  #mfs-f1-48 { overflow-x:auto; }
  #mfs-f1-48 .f11-canvas { left:0; transform:none; }
}


/* V12 — complete original Figma export of node 1:139.
   This overrides/removes all browser reconstruction of the logo. */
#mfs-f1-48 .f12-logo-export {
  position:absolute;
  left:81px;
  top:23px;
  width:349px;
  height:128.375px;
  z-index:10;
  display:block;
  overflow:visible;
}
#mfs-f1-48 .f12-logo-export img {
  display:block;
  width:349px;
  height:128.375px;
  max-width:none;
  object-fit:fill;
  margin:0;
  padding:0;
  border:0;
}


/* ==========================================================================
   V13 — literal translation of Figma node 1:146 (How It Works)
   Desktop only. No inherited V8 How It Works geometry is used.
   ========================================================================== */
#mfs-f1-146,
#mfs-f1-146 * { box-sizing:border-box; }

#mfs-f1-146 {
  width:1440px;
  height:692px;
  margin:0 auto;
  padding:86px 80px;
  background:#f6f1ee;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:59px;
  position:relative;
  color:#0e0e0e;
}

#mfs-f1-146 h2,
#mfs-f1-146 h3,
#mfs-f1-146 p { margin:0; padding:0; }

#mfs-f1-146 .f13-how-head {
  width:547px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  flex:0 0 auto;
}

#mfs-f1-146 .f13-how-title-group {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
}

#mfs-f1-146 .f13-how-title-group h2 {
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-style:normal;
  font-weight:600;
  font-size:58px;
  line-height:64px;
  letter-spacing:-0.4754px;
  color:#0e0e0e;
  text-align:center;
  white-space:nowrap;
}

#mfs-f1-146 .f13-how-rule {
  width:60px;
  height:3px;
  border-radius:2px;
  background:#d28b3f;
}

#mfs-f1-146 .f13-how-sub {
  width:547px;
  font-family:Inter,Arial,sans-serif;
  font-style:normal;
  font-weight:400;
  font-size:24px;
  line-height:30px;
  color:#0e0e0e;
  text-align:center;
}

#mfs-f1-146 .f13-how-cards {
  width:1280px;
  display:flex;
  align-items:flex-start;
  gap:63px;
  flex:0 0 auto;
}

#mfs-f1-146 .f13-how-card {
  position:relative;
  flex:1 0 0;
  min-width:0;
  height:348px;
  border:2px solid #e6ddcf;
  border-radius:15.127px;
  background:#f7f3ef;
}

#mfs-f1-146 .f13-step {
  position:absolute;
  top:-28px;
  left:50%;
  transform:translateX(-50%);
  width:52px;
  height:52px;
  border:1.081px solid #e6ddcf;
  border-radius:60px;
  background:#f1e3d5;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}

#mfs-f1-146 .f13-how-card:first-child .f13-step {
  left:calc(50% - 4.33px);
}

#mfs-f1-146 .f13-how-card:last-child .f13-step {
  left:calc(50% + 0.33px);
}

#mfs-f1-146 .f13-step span {
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-style:normal;
  font-weight:700;
  font-size:28px;
  line-height:28.471px;
  color:#6b6258;
  text-align:center;
}

#mfs-f1-146 .f13-card-inner {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
}

#mfs-f1-146 .f13-card-inner-one {
  width:276px;
  gap:32px;
  left:calc(50% - 0.33px);
}

#mfs-f1-146 .f13-card-inner-two {
  width:295px;
  gap:20px;
  left:calc(50% + 0.5px);
}

#mfs-f1-146 .f13-card-inner-three {
  width:308px;
  gap:32px;
  left:calc(50% + 0.33px);
}

#mfs-f1-146 .f13-how-icon {
  display:block;
  width:80px;
  height:80px;
  max-width:none;
  flex:0 0 80px;
}

#mfs-f1-146 .f13-card-copy {
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
  color:#0e0e0e;
}

#mfs-f1-146 .f13-card-copy h3 {
  width:100%;
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-style:normal;
  font-weight:600;
  font-size:32px;
  line-height:25.673px;
  letter-spacing:-0.2377px;
  text-align:center;
  color:#0e0e0e;
}

#mfs-f1-146 .f13-card-copy p {
  width:100%;
  font-family:Inter,Arial,sans-serif;
  font-style:normal;
  font-weight:400;
  font-size:18px;
  line-height:28px;
  text-align:center;
  color:#0e0e0e;
}

@media (max-width:1439px) {
  #mfs-f1-146 { margin-left:0; margin-right:0; }
}


/* ==========================================================================
   V14 — literal translation of Figma node 1:188 (What You'll Receive)
   Desktop only. V13 and all sections above remain unchanged.
   ========================================================================== */
#mfs-f1-188,
#mfs-f1-188 * { box-sizing:border-box; }

#mfs-f1-188 {
  width:1440px;
  height:650.139px;
  margin:0 auto;
  padding:86px 80px;
  background:#f6f1ee;
  border-top:2px solid #e6ddcf;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:57px;
  position:relative;
  color:#0e0e0e;
}

#mfs-f1-188 h2,
#mfs-f1-188 h3,
#mfs-f1-188 p { margin:0; padding:0; }

#mfs-f1-188 .f14-receive-head {
  width:631.405px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  flex:0 0 auto;
}

#mfs-f1-188 .f14-receive-title-group {
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
}

#mfs-f1-188 .f14-receive-title-group h2 {
  width:100%;
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-style:normal;
  font-weight:600;
  font-size:58px;
  line-height:64px;
  letter-spacing:-0.5881px;
  color:#0e0e0e;
  text-align:center;
}

#mfs-f1-188 .f14-receive-rule {
  width:60px;
  height:3px;
  border-radius:2px;
  background:#d28b3f;
  flex:0 0 3px;
}

#mfs-f1-188 .f14-receive-sub {
  width:631.405px;
  height:55.139px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:Inter,Arial,sans-serif;
  font-style:normal;
  font-weight:400;
  font-size:24px;
  line-height:30px;
  color:#0e0e0e;
  text-align:center;
}

#mfs-f1-188 .f14-receive-cards {
  width:1280px;
  display:flex;
  align-items:flex-start;
  gap:24px;
  flex:0 0 auto;
}

#mfs-f1-188 .f14-receive-card {
  flex:1 0 0;
  min-width:0;
  padding:32px;
  border:2px solid #e6ddcf;
  border-radius:18px;
  background:#f7f3ef;
  display:flex;
  align-items:flex-start;
  gap:24px;
  position:relative;
}

#mfs-f1-188 .f14-receive-card-third {
  height:268px;
}

#mfs-f1-188 .f14-icon-bg {
  position:relative;
  width:89px;
  height:88px;
  flex:0 0 89px;
  border-radius:60px;
  background:#f4d9bd;
}

#mfs-f1-188 .f14-receive-icon {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:60px;
  height:60px;
  display:block;
  max-width:none;
}

#mfs-f1-188 .f14-receive-icon-third {
  top:calc(50% + 1px);
}

#mfs-f1-188 .f14-card-copy {
  flex:1 0 0;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:24px;
  color:#0e0e0e;
}

#mfs-f1-188 .f14-card-copy h3 {
  width:100%;
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-style:normal;
  font-weight:600;
  font-size:28px;
  line-height:33.819px;
  letter-spacing:-0.2941px;
  color:#111;
}

#mfs-f1-188 .f14-card-copy p {
  width:100%;
  font-family:Inter,Arial,sans-serif;
  font-style:normal;
  font-weight:400;
  font-size:18px;
  line-height:28px;
  color:#0e0e0e;
}

@media (max-width:1439px) {
  #mfs-f1-188 { margin-left:0; margin-right:0; }
}

/* ========================================================================== 
   V15 — literal translation of Figma node 1:228 (Example Feedbacks)
   Desktop only. All sections above remain unchanged.
   ========================================================================== */
#mfs-f1-228, #mfs-f1-228 * { box-sizing:border-box; }
#mfs-f1-228 { width:1440px; height:2061px; margin:0 auto; padding:87px 81px; background:#f6f1ee; border:1px solid #d9d9d9; display:flex; flex-direction:column; align-items:center; gap:56px; position:relative; color:#0e0e0e; }
#mfs-f1-228 h2,#mfs-f1-228 h3,#mfs-f1-228 h4,#mfs-f1-228 p,#mfs-f1-228 ul { margin:0; padding:0; }
#mfs-f1-228 a { text-decoration:none; }
#mfs-f1-228 .f15-head { width:1278px; height:128px; display:flex; flex-direction:column; align-items:center; gap:16px; flex:0 0 128px; }
#mfs-f1-228 .f15-title-group { display:flex; flex-direction:column; align-items:center; gap:15px; }
#mfs-f1-228 .f15-title-group h2 { font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif; font-size:58px; line-height:64px; font-weight:600; letter-spacing:-.4754px; color:#0e0e0e; text-align:center; white-space:nowrap; }
#mfs-f1-228 .f15-rule { width:60px; height:3px; border-radius:2px; background:#d28b3f; }
#mfs-f1-228 .f15-head > p { width:1278px; font-family:Inter,Arial,sans-serif; font-size:24px; line-height:30px; font-weight:400; text-align:center; color:#0e0e0e; }

#mfs-f1-228 .f15-track-wrap { width:1278px; height:350px; flex:0 0 350px; }
#mfs-f1-228 .f15-tracks { width:1278px; height:350px; display:flex; gap:24px; align-items:center; }
#mfs-f1-228 .f15-track { width:236.4px; height:348px; flex:0 0 236.4px; background:#f7f3ef; border:2px solid #e6ddcf; border-radius:12px; padding:20px 26px; display:flex; flex-direction:column; align-items:center; gap:24px; overflow:hidden; }
#mfs-f1-228 .f15-track.is-active { height:350px; border-color:#de984b; }
#mfs-f1-228 .f15-track:last-child { border-radius:16px; }
#mfs-f1-228 .f15-cover { width:194px; height:194px; flex:0 0 194px; border-radius:12px; overflow:hidden; }
#mfs-f1-228 .f15-cover img { width:100%; height:100%; display:block; object-fit:cover; max-width:none; }
#mfs-f1-228 .f15-track-copy { width:184.4px; display:flex; flex-direction:column; gap:8px; align-items:center; justify-content:center; text-align:center; }
#mfs-f1-228 .f15-track-copy h3 { width:100%; font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif; font-size:24px; line-height:29px; font-weight:600; color:#111; }
#mfs-f1-228 .f15-track-copy p { width:100%; font-family:Inter,Arial,sans-serif; font-size:18px; line-height:24px; font-weight:500; color:#333; }
#mfs-f1-228 .f15-track-copy span { display:inline-flex; align-items:center; justify-content:center; padding:4px 8px; border-radius:4px; background:#f9fafb; font-family:Inter,Arial,sans-serif; font-size:12px; line-height:15px; font-weight:500; color:#111; }

#mfs-f1-228 .f15-review { width:1278px; height:1297px; flex:0 0 1297px; border:2px solid #c47e33; border-radius:12px; padding:24px; display:flex; flex-direction:column; align-items:center; gap:32px; }
#mfs-f1-228 .f15-review-top { width:1230px; height:109px; flex:0 0 109px; display:flex; align-items:center; justify-content:space-between; }
#mfs-f1-228 .f15-song { width:427px; height:109px; display:flex; align-items:center; gap:16px; }
#mfs-f1-228 .f15-song > img { width:105px; height:105px; flex:0 0 105px; border-radius:8px; object-fit:cover; }
#mfs-f1-228 .f15-song-meta { width:306px; display:flex; flex-direction:column; gap:16px; }
#mfs-f1-228 .f15-song-meta h3 { font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif; font-size:32px; line-height:38px; font-weight:600; color:#111; }
#mfs-f1-228 .f15-song-meta > div { display:flex; flex-direction:column; gap:10px; font-family:Inter,Arial,sans-serif; font-size:16px; line-height:24px; color:#333; }
#mfs-f1-228 .f15-short-note { width:356px; transform:translateX(-1px); height:65px; display:flex; align-items:center; justify-content:center; gap:10px; padding:24px 42px; border-radius:6px; background:#f1e3d5; font-family:Inter,Arial,sans-serif; font-size:16px; line-height:28px; color:#111; white-space:nowrap; }
#mfs-f1-228 .f15-short-note img { width:20px; height:20px; display:block; max-width:none; }
#mfs-f1-228 .f15-full-review { height:65px; transform:translateX(-1px); display:flex; align-items:center; justify-content:center; gap:10px; padding:18px 32px; border:1px solid #ca8338; border-radius:6px; color:#ca8338; }
#mfs-f1-228 .f15-full-review span { font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif; font-size:24px; line-height:29px; font-weight:600; white-space:nowrap; }
#mfs-f1-228 .f15-full-review img { width:24px; height:28.755px; display:block; max-width:none; }

#mfs-f1-228 .f15-review-cols { width:1230px; height:1108px; display:flex; align-items:flex-start; gap:24px; }
#mfs-f1-228 .f15-panel { width:603px; height:1082px; flex:0 0 603px; padding:21px 23px; border:1px solid #e6ddcf; border-radius:10px; background:#f7f3ef; }
#mfs-f1-228 .f15-left { display:flex; flex-direction:column; gap:49px; }
#mfs-f1-228 .f15-right { display:flex; flex-direction:column; gap:42px; }
#mfs-f1-228 .f15-review-block { width:557px; position:relative; }
#mfs-f1-228 .f15-written { height:584px; }
#mfs-f1-228 .f15-strengths { height:407px; padding-top:25px; border-top:1px dashed #d9d9d9; }
#mfs-f1-228 .f15-improve { height:591px; }
#mfs-f1-228 .f15-next { height:408px; padding-top:25px; border-top:1px dashed #d9d9d9; }
#mfs-f1-228 .f15-block-title { height:52px; display:flex; align-items:center; gap:12px; }
#mfs-f1-228 .f15-num-badge { width:52px; height:52px; flex:0 0 52px; display:flex; align-items:center; justify-content:center; border:1.081px solid #e6ddcf; border-radius:12px; background:#f1e3d5; font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif; font-size:28px; line-height:28px; font-weight:700; color:#6b6258; }
#mfs-f1-228 .f15-block-title h3 { font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif; font-size:32px; line-height:38px; font-weight:600; color:#1a1a1a; white-space:nowrap; }
#mfs-f1-228 .f15-body-copy { margin-top:16px; display:flex; flex-direction:column; gap:16px; }
#mfs-f1-228 .f15-body-copy p { font-family:Inter,Arial,sans-serif; font-size:16px; line-height:28px; font-weight:400; color:#1a1a1a; }
#mfs-f1-228 .f15-body-copy p:nth-child(n+2) { color:#333; }
#mfs-f1-228 .f15-preview-link { position:absolute; left:0; bottom:0; width:557px; height:55px; display:flex; flex-direction:column; align-items:flex-start; gap:4px; font-family:Inter,Arial,sans-serif; }
#mfs-f1-228 .f15-preview-link > span { font-size:16px; line-height:19px; color:#1a1a1a; letter-spacing:-.2941px; }
#mfs-f1-228 .f15-preview-link a { display:flex; align-items:center; gap:4px; color:#b06307; font-size:20px; line-height:32px; font-weight:600; letter-spacing:-.2941px; }
#mfs-f1-228 .f15-preview-link a img { width:24px; height:23.755px; max-width:none; display:block; }

#mfs-f1-228 .f15-strength-list { margin-top:16px; list-style:none; display:flex; flex-direction:column; gap:10px; }
#mfs-f1-228 .f15-strength-list li { position:relative; padding-left:30px; font-family:Inter,Arial,sans-serif; font-size:16px; line-height:28px; font-weight:400; color:#1a1a1a; }
#mfs-f1-228 .f15-strength-list li::before { content:'✓'; position:absolute; left:4px; top:0; color:#b06307; font-size:17px; }

#mfs-f1-228 .f15-table { margin-top:11px; width:557px; }
#mfs-f1-228 .f15-thead { width:557px; height:49.5px; display:grid; grid-template-columns:repeat(3,1fr); }
#mfs-f1-228 .f15-thead div { padding:9px 12px 9px 13px; display:flex; align-items:center; background:#f6ede4; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; font-family:Inter,Arial,sans-serif; font-size:13px; line-height:16px; font-weight:600; color:#1a1a1a; }
#mfs-f1-228 .f15-thead div:first-child { border-radius:6px 0 0 6px; }
#mfs-f1-228 .f15-thead div:last-child { border-right:1px solid #d9d9d9; border-radius:0 6px 6px 0; }
#mfs-f1-228 .f15-trow { width:557px; min-height:253px; display:grid; grid-template-columns:repeat(3,1fr); }
#mfs-f1-228 .f15-trow + .f15-trow { min-height:285px; margin-top:4px; }
#mfs-f1-228 .f15-trow > div { padding:10px 12px; border-bottom:1px dashed #d9d9d9; font-family:Inter,Arial,sans-serif; font-size:16px; line-height:28px; color:#1a1a1a; }
#mfs-f1-228 .f15-trow:last-child > div { border-bottom:0; }
#mfs-f1-228 .f15-trow ul { padding-left:24px; }
#mfs-f1-228 .f15-trow li { margin-bottom:4px; }
#mfs-f1-228 .f15-issue { position:relative; padding-left:28px !important; }
#mfs-f1-228 .f15-issue i { position:absolute; left:14px; top:24px; width:8px; height:8px; border-radius:4px; }
#mfs-f1-228 .f15-issue i.high { background:#e96550; }
#mfs-f1-228 .f15-issue i.med { background:#e9a04a; }
#mfs-f1-228 .priority { display:inline-flex; align-items:center; justify-content:center; margin-top:7px; border-radius:4px; font-size:12px; line-height:18.6px; font-weight:600; }
#mfs-f1-228 .high-p { padding:4px 8px; background:#ffe1e1; color:#f85137; }
#mfs-f1-228 .med-p { padding:6px 10px; background:#f1e6da; color:#b06307; }
#mfs-f1-228 .f15-improve-link { bottom:0; }

#mfs-f1-228 .f15-outcome { margin-top:16px; width:557px; display:flex; gap:16px; align-items:flex-start; }
#mfs-f1-228 .f15-outcome-icon { width:36px; height:36px; flex:0 0 36px; border-radius:18px; background:#f1e3d5; display:flex; align-items:center; justify-content:center; }
#mfs-f1-228 .f15-outcome-icon img { width:18px; height:18px; max-width:none; display:block; }
#mfs-f1-228 .f15-outcome > div:last-child { flex:1; display:flex; flex-direction:column; gap:8px; }
#mfs-f1-228 .f15-outcome h4 { font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif; font-size:20px; line-height:24px; font-weight:600; color:#1a1a1a; }
#mfs-f1-228 .f15-repeat h4 { font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif; font-size:20px; line-height:24px; font-weight:600; color:#1a1a1a; }
#mfs-f1-228 .f15-outcome p,#mfs-f1-228 .f15-repeat p { font-family:Inter,Arial,sans-serif; font-size:16px; line-height:28px; color:#1a1a1a; }
#mfs-f1-228 .f15-repeat { margin-top:16px; display:flex; flex-direction:column; gap:2px; }
#mfs-f1-228 .f15-next-link { bottom:0; }

@media (max-width:1439px) { #mfs-f1-228 { margin-left:0; margin-right:0; } }

/* V15.2 — Areas of Improvement: restore the literal Figma clipping model.
   In Figma, node 1:358 is a 512px-high overflow-clipped frame.
   The table starts 63px below the section top, so its visible viewport is 449px.
   The second 285px row is intentionally clipped; the preview footer begins at y=536. */
#mfs-f1-228 .f15-improve .f15-table { height:449px; overflow:hidden; }
#mfs-f1-228 .f15-improve .f15-trow { min-height:253px; height:253px; }
#mfs-f1-228 .f15-improve .f15-trow + .f15-trow { min-height:285px; height:285px; margin-top:4px; }
#mfs-f1-228 .f15-improve .f15-trow > div { font-size:16px; line-height:28px; }
#mfs-f1-228 .f15-improve .f15-trow li { margin-bottom:4px; }
#mfs-f1-228 .f15-improve .priority { margin-top:7px; }
#mfs-f1-228 .f15-improve .med-p { margin-top:7px; }

/* ========================================================================== 
   V15.3 — Areas of Improvement rebuilt as fixed Figma geometry (node 1:358)
   This intentionally does not use normal-flow table sizing. The visible frame is
   clipped at y=512 in Figma and the preview footer starts independently at y=536.
   ========================================================================== */
#mfs-f1-228 .f15-improve { position:relative; height:591px; overflow:visible; }
#mfs-f1-228 .f15-improve .f15-table {
  position:absolute;
  left:0;
  top:63px;
  width:564px;
  height:449px;
  margin:0;
  overflow:hidden;
}
#mfs-f1-228 .f15-improve .f15-thead {
  position:absolute;
  left:0;
  top:0;
  width:564px;
  height:49.5px;
  display:grid;
  grid-template-columns:188px 188px 188px;
}
#mfs-f1-228 .f15-improve .f15-trow {
  position:absolute;
  left:0;
  width:564px;
  display:grid;
  grid-template-columns:188px 188px 188px;
  margin:0 !important;
  min-height:0;
}
#mfs-f1-228 .f15-improve .f15-trow:nth-child(2) { top:60.5px; height:253px; }
#mfs-f1-228 .f15-improve .f15-trow:nth-child(3) { top:317.5px; height:285px; }
#mfs-f1-228 .f15-improve .f15-trow > div {
  height:100%;
  min-height:0;
  box-sizing:border-box;
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  line-height:28px;
  color:#1a1a1a;
}
#mfs-f1-228 .f15-improve .f15-trow:nth-child(2) > div { border-bottom:1px dashed #d9d9d9; }
#mfs-f1-228 .f15-improve .f15-trow:nth-child(3) > div { border-bottom:0; }
#mfs-f1-228 .f15-improve .f15-issue { position:relative; padding:0 !important; }
#mfs-f1-228 .f15-improve .f15-issue i { left:14px; top:24px; }
#mfs-f1-228 .f15-improve .f15-issue p {
  position:absolute;
  left:28px;
  top:13.7px;
  width:133px;
  margin:0;
}
#mfs-f1-228 .f15-improve .f15-trow:nth-child(3) .f15-issue p { left:27px; }
#mfs-f1-228 .f15-improve .f15-trow:nth-child(2) .priority {
  position:absolute;
  left:28px;
  top:188.7px;
  margin:0;
}
#mfs-f1-228 .f15-improve .f15-trow:nth-child(3) .priority {
  position:absolute;
  left:24px;
  top:194.7px;
  margin:0;
}
#mfs-f1-228 .f15-improve .f15-trow > div:nth-child(2) {
  padding:12px 12px 13px 9px;
}
#mfs-f1-228 .f15-improve .f15-trow:nth-child(3) > div:nth-child(2) {
  padding:10px 12px;
}
#mfs-f1-228 .f15-improve .f15-trow > div:nth-child(3) {
  padding:9.4px 12px 0;
}
#mfs-f1-228 .f15-improve .f15-trow:nth-child(3) > div:nth-child(3) {
  padding-top:9.545px;
}
#mfs-f1-228 .f15-improve .f15-trow ul { margin:0; padding-left:24px; }
#mfs-f1-228 .f15-improve .f15-trow li { margin:0 0 4px; }
#mfs-f1-228 .f15-improve .f15-improve-link {
  position:absolute;
  left:0;
  top:536px;
  bottom:auto;
  width:564px;
  height:55px;
}
/* V16 — Pricing 1:435 direct from Figma */
.v16-pricing{height:1302.47px;background:#f6f1ee;border-top:1px solid #e6ddcf;padding:86px 80px;box-sizing:border-box}.v16-pricing .section-stage{width:1280px;height:1130.47px;margin:0 auto}.v16-pricing .pricing-head h2{font-size:58px;line-height:64px;letter-spacing:-.4754px}.v16-pricing .pricing-head .head-rule{width:60px;height:3px}.v16-pricing .pricing-head p{font-size:24px;line-height:30px;margin-top:16px}.v16-pricing .pricing-cards{width:1280px;height:722px;margin-top:46px;padding-top:28px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.v16-pricing .price-card{height:694px;box-sizing:border-box;border:2px solid #e6ddcf;border-radius:14px;background:#f7f3ef;padding:38px 26px 26px;display:flex;flex-direction:column;align-items:center;position:relative}.v16-pricing .price-icon{width:88px;height:88px;margin:0 0 12px}.v16-pricing .price-icon img{width:100%;height:100%;display:block}.v16-pricing .price-card h3{font-size:32px;line-height:normal;margin:0 0 12px;text-align:center;color:#1a1a1a}.v16-pricing .price-card .desc{font-size:16px;line-height:28px;width:350px;min-height:56px;margin:0;text-align:center;color:#1a1a1a}.v16-pricing .amount{width:354px;height:90px;margin:20px 0 0;position:relative;display:block;text-align:center}.v16-pricing .amount span{position:absolute;font-size:42px;line-height:24px;left:calc(50% - 51px);top:18px;margin:0}.v16-pricing .amount strong{font-size:60px;line-height:60px;font-weight:600;letter-spacing:-1px}.v16-pricing .amount small{display:block;font-size:14px;font-weight:700;margin-top:12px}.v16-pricing .price-sep{width:354px;border-top:2px dashed #e6ddcf;margin:16px 0 20px}.v16-pricing .price-card ul{width:354px;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.v16-pricing .price-card li{font-size:16px;line-height:normal;padding:0 0 0 28px;position:relative}.v16-pricing .price-card li:before{content:'✓';position:absolute;left:0;top:50%;width:18px;height:18px;line-height:18px;text-align:center;transform:translateY(-50%);background:#d59c60;color:white;border-radius:9px;font-size:12px}.v16-pricing .price-btn{left:26px;right:26px;bottom:26px;height:63px;border-radius:6px;background:linear-gradient(#de984b,#c47d32);padding:0 42px;font-size:30px;line-height:15px;justify-content:center;gap:10px}.v16-pricing .price-btn img{width:24px;height:28.755px}.v16-pricing .popular{top:-23px;padding:12px 18px;border-radius:999px;background:#ca8338;font-size:14px;letter-spacing:1.98px}.v16-pricing .pricing-trust{width:1280px;height:148.47px;margin-top:56px;border:2px solid #e6ddcf;border-radius:24px;background:#f7f3ef;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch}.v16-pricing .pricing-trust>div{height:100%;box-sizing:border-box;display:flex;gap:14px;padding:26px;align-items:flex-start}.v16-pricing .pricing-trust>div+div{border-left:2px solid #e6ddcf}.v16-pricing .mini-icon{width:68px;height:68px;flex:0 0 68px}.v16-pricing .mini-icon img{width:68px;height:68px;display:block}.v16-pricing .pricing-trust h4{font-size:20px;line-height:normal;margin:0 0 3.4px;color:#1a1a1a}.v16-pricing .pricing-trust p{font-size:14px;line-height:22.4px;margin:0;font-weight:300;color:#0e0e0e}

/* V16.1 — Pricing spacing fix: prevent inherited global .section-stage padding from being applied a second time. */
.v16-pricing .section-stage{padding:0;}

/* V17 — Testimonials (Figma node 1:634) direct implementation */
.v17-testimonials{height:892px;background:#f6f1ee;border-top:1px solid #e6ddcf;box-sizing:border-box;padding:86px 80px;overflow:hidden}
.v17-testimonials .section-stage{width:1280px;height:720px;margin:0 auto;padding:0;box-sizing:border-box}
.v17-testimonials .testimonials-head{width:1280px;height:82px;margin:0;display:flex;flex-direction:column;align-items:center}
.v17-testimonials .testimonials-head h2{font-family:"Poynter OldStyle Display",Georgia,serif;font-weight:600;font-size:58px;line-height:64px;letter-spacing:-.4754px;color:#111;margin:0;white-space:nowrap}
.v17-testimonials .testimonials-head .head-rule{width:60px;height:3px;margin:15px 0 0;border-radius:2px;background:#d28b3f}
.v17-testimonials .testimonial-row{position:relative;width:1440px;height:291px;margin:56px 0 0 -80px;display:block}
.v17-testimonials .testimonial-cards{position:absolute;left:138px;top:0;width:1164px;height:291px;display:grid;grid-template-columns:repeat(3,372px);gap:24px}
.v17-testimonials .testimonial-card{height:291px;box-sizing:border-box;border:2px solid #e6ddcf;border-radius:14px;background:#f7f3ef;padding:26px;display:block;position:relative;color:#0e0e0e}
.v17-testimonials .testimonial-top{height:94px;position:relative;display:flex;align-items:flex-start;gap:16px}
.v17-testimonials .testimonial-avatar{position:static!important;width:80px!important;height:80px!important;border-radius:40px!important;object-fit:cover;flex:0 0 80px}
.v17-testimonials .stars{font-family:Arial,sans-serif;font-weight:400;color:#f26b1f;font-size:24px;line-height:29px;margin:25.5px 0 0!important;white-space:nowrap}
.v17-testimonials .testimonial-quote{height:88px;position:relative}
.v17-testimonials .testimonial-quote blockquote{font-family:Inter,Arial,sans-serif;font-weight:400;font-size:16px;line-height:19px;color:#0e0e0e;margin:0;min-height:0}
.v17-testimonials .testimonial-separator{width:320px;height:15px;border-top:1px dashed #e6ddcf;box-sizing:border-box;padding-bottom:14px}
.v17-testimonials .testimonial-meta h3{font-family:"Poynter OldStyle Display",Georgia,serif;font-weight:600;font-size:18px;line-height:22.4px;color:#111;margin:0 0 2px}
.v17-testimonials .testimonial-meta p{font-family:Inter,Arial,sans-serif;font-weight:300;font-size:14px;line-height:22.4px;color:#0e0e0e;margin:0}
.v17-testimonials .testimonial-arrow{position:absolute;top:124.5px;width:42px;height:42px;padding:0;border:1px solid #e7c6a3;border-radius:60px;background:#efd9c1;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer}
.v17-testimonials .testimonial-arrow img{width:24px;height:24px;display:block;max-width:none}
.v17-testimonials .testimonial-arrow-prev{left:122px;transform:rotate(180deg)}
.v17-testimonials .testimonial-arrow-next{left:1318px}
.v17-testimonials .slider-dots{width:1280px;height:12px;display:flex;gap:8px;justify-content:center;margin:56px 0 0}
.v17-testimonials .slider-dots span{width:12px;height:12px;border-radius:60px;background:#f4d9bd}
.v17-testimonials .slider-dots span.active{background:#f26b1f}
.v17-testimonials .dark-banner{width:1280px;height:167px;margin:56px 0 0;padding:0;border-radius:12px;background:#1a0f08;color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-sizing:border-box}
.v17-testimonials .banner-left{width:719px;height:102.485px;display:flex;align-items:center;position:relative}
.v17-testimonials .banner-sound{height:57.402px;display:flex;gap:3px;align-items:center;flex:0 0 93px}
.v17-testimonials .banner-sound i{display:block;width:3px;border-radius:2px;background:rgba(255,255,255,.04)}
.v17-testimonials .banner-sound i:nth-child(1){height:14px}.v17-testimonials .banner-sound i:nth-child(2){height:22px}.v17-testimonials .banner-sound i:nth-child(3){height:34px}.v17-testimonials .banner-sound i:nth-child(4){height:46px}.v17-testimonials .banner-sound i:nth-child(5){height:30px}.v17-testimonials .banner-sound i:nth-child(6){height:18px}.v17-testimonials .banner-sound i:nth-child(7){height:42px}.v17-testimonials .banner-sound i:nth-child(8){height:58px}.v17-testimonials .banner-sound i:nth-child(9){height:28px}.v17-testimonials .banner-sound i:nth-child(10){height:14px}.v17-testimonials .banner-sound i:nth-child(11){height:24px}.v17-testimonials .banner-sound i:nth-child(12){height:40px}.v17-testimonials .banner-sound i:nth-child(13){height:54px}.v17-testimonials .banner-sound i:nth-child(14){height:36px}.v17-testimonials .banner-sound i:nth-child(15){height:22px}.v17-testimonials .banner-sound i:nth-child(16){height:12px}
.v17-testimonials .banner-headphones{width:94px;height:94px;flex:0 0 94px;border:1.119px solid rgba(202,131,56,.2);border-radius:47px;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;box-sizing:border-box;color:#ca8338}
.v17-testimonials .banner-headphones .fig-icon{width:47px;height:47px;stroke-width:1.5}
.v17-testimonials .banner-copy{width:492px;margin-left:40px}
.v17-testimonials .banner-copy h3{font-family:"Poynter OldStyle Display",Georgia,serif;font-weight:600;font-size:34px;line-height:41px;color:#fff;margin:0 0 5.485px;white-space:nowrap}
.v17-testimonials .banner-copy p{width:481px;font-family:Inter,Arial,sans-serif;font-weight:300;font-size:17px;line-height:28px;color:#c9bfb4;margin:0}
.v17-testimonials .banner-action{width:508px;height:103px;display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin:0}
.v17-testimonials .banner-action-main{width:457px;height:103px;display:flex;flex-direction:column;align-items:center;gap:12px}
.v17-testimonials .banner-action-main>a{width:457px;height:76px;border-radius:6px;background:linear-gradient(#de984b,#c47d32);display:flex;align-items:center;justify-content:center;font-family:"Poynter OldStyle Display",Georgia,serif;font-weight:600;font-size:32px;line-height:38px;color:#fff;white-space:nowrap}
.v17-testimonials .banner-action-main small{height:15px;display:flex;align-items:center;gap:8px;font-family:Inter,Arial,sans-serif;font-weight:300;font-size:12.5px;line-height:15px;color:#f7f3ef}
.v17-testimonials .banner-action-main small img{width:13px;height:13px;display:block}
.v17-testimonials .banner-sound-right{opacity:.55;flex:0 0 93px}
.v17-testimonials .banner-sound-right i:nth-child(1){height:10px}.v17-testimonials .banner-sound-right i:nth-child(2){height:18px}.v17-testimonials .banner-sound-right i:nth-child(3){height:12px}.v17-testimonials .banner-sound-right i:nth-child(4){height:22px}.v17-testimonials .banner-sound-right i:nth-child(5){height:36px}.v17-testimonials .banner-sound-right i:nth-child(6){height:54px}.v17-testimonials .banner-sound-right i:nth-child(7){height:40px}.v17-testimonials .banner-sound-right i:nth-child(8){height:24px}.v17-testimonials .banner-sound-right i:nth-child(9){height:14px}.v17-testimonials .banner-sound-right i:nth-child(10){height:28px}.v17-testimonials .banner-sound-right i:nth-child(11){height:58px}.v17-testimonials .banner-sound-right i:nth-child(12){height:42px}.v17-testimonials .banner-sound-right i:nth-child(13){height:18px}.v17-testimonials .banner-sound-right i:nth-child(14){height:30px}.v17-testimonials .banner-sound-right i:nth-child(15){height:46px}.v17-testimonials .banner-sound-right i:nth-child(16){height:34px}

/* V17.1 — targeted fixes after visual review */
/* Give the wrapped “We Review & Analyze” heading comfortable line spacing. */
#mfs-f1-146 .f13-card-inner-two .f13-card-copy h3 {
  line-height: 34px;
}
/* Figma arrow asset points left by default: left stays native, right is rotated. */
.v17-testimonials .testimonial-arrow-prev {
  transform: none;
}
.v17-testimonials .testimonial-arrow-next {
  transform: rotate(180deg);
}


/* ==========================================================================
   V17.2 — targeted alignment fixes
   1) How It Works: align the middle icon with the outer icons and align the
      first line “We Review &” with the outer card headings. “Analyze” remains
      on the second line.
   2) Testimonials: place the left navigation button symmetrically to the
      right navigation button relative to the three-card group.
   ========================================================================== */

/* The outer cards begin their 80px icons about 51px from the card top.
   Pin the middle content to the same top instead of vertically centering
   its taller two-line heading. */
#mfs-f1-146 .f13-card-inner-two {
  top: 51px;
  transform: translateX(-50%);
  gap: 32px;
}

/* Keep the requested two-line title with comfortable spacing.
   Its first line now starts at the same vertical position as the
   one-line titles in cards 1 and 3. */
#mfs-f1-146 .f13-card-inner-two .f13-card-copy h3 {
  line-height: 34px;
}

/* Three-card group: x=138..1302 within the 1440px testimonial row.
   The right button begins 16px after the group (x=1318).
   Mirror that exactly on the left: 138 - 16 - 42 = 80. */
.v17-testimonials .testimonial-arrow-prev {
  left: 80px;
  transform: none;
}
.v17-testimonials .testimonial-arrow-next {
  left: 1318px;
  transform: rotate(180deg);
}

/* V18 — Songs We've Recently Worked With — Figma node 1:772 */
.songs-section{height:auto!important;border-top:1px solid #E6DDCF;background:#F6F1EE}
.songs-stage{height:auto!important;box-sizing:border-box;padding:86px 0!important;background:#F6F1EE;display:flex;flex-direction:column;align-items:center;gap:40px}
.songs-heading{width:1280px;display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center}
.songs-heading h2{margin:0;font-family:"Poynter OldStyle Display",serif;font-size:58px;line-height:64px;font-weight:600;letter-spacing:-.4754px;color:#111}
.songs-head-rule{display:block;width:60px;height:3px;border-radius:2px;background:#D28B3F}
.songs-heading p{margin:1px 0 0;font-family:Inter,sans-serif;font-size:24px;line-height:30px;font-weight:400;color:#0E0E0E}
.songs-carousel{width:1280px;position:relative;display:flex;flex-direction:column;align-items:center;gap:54px}
.songs-grid{width:1148px;display:flex;flex-direction:column;gap:24px}
.song-row{width:100%!important;margin:0!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:24px!important}
.song-card{box-sizing:border-box;height:auto!important;min-width:0;border:2px solid #E6DDCF!important;border-radius:12px!important;background:#1A0F08!important;padding:2px!important;text-align:left!important;overflow:hidden;display:flex;flex-direction:column}
.song-cover{height:185px;position:relative;overflow:hidden;background:#1A0904}
.song-cover>img{width:100%!important;height:100%!important;margin:0!important;border-radius:0!important;object-fit:cover;display:block}
.song-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:89px;height:89px;border:3.708px solid #F26B1F;border-radius:50%;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center}
.song-play i{display:block;width:0;height:0;border-top:14.833px solid transparent;border-bottom:14.833px solid transparent;border-left:22.25px solid #F26B1F;margin-left:7px}
.song-copy{box-sizing:border-box;background:#F7F3EF;padding:18px 20px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1}
.song-card h3{font-family:"Poynter OldStyle Display",serif;font-size:24px;line-height:normal;font-weight:600;color:#111;margin:0!important}
.song-card p{font-family:Inter,sans-serif;font-size:18px;line-height:normal;font-weight:500;color:#E66217;margin:0!important}
.song-card .song-copy>span{font-family:Inter,sans-serif;font-size:12px;line-height:normal;font-weight:500;color:#111;background:#F9FAFB;border-radius:4px;padding:4px 8px;margin:0!important;display:inline-block}
.songs-arrow{position:absolute;top:139px;width:42px;height:42px;border:1px solid #E7C6A3;border-radius:60px;background:#EFD9C1;color:#111;padding:0;display:flex;align-items:center;justify-content:center;font:500 22px/1 Inter,sans-serif;cursor:pointer}
.songs-arrow-prev{left:0}.songs-arrow-next{right:0}
.songs-arrow span{display:block;transform:translateY(-1px)}
.songs-dots{display:flex;gap:8px;align-items:center;justify-content:center;width:100%}
.songs-dots span{display:block;width:12px;height:12px;border-radius:60px;background:#F4D9BD}
.songs-dots span.active{background:#F26B1F}

/* V18.2 — exact Figma geometry corrections for node 1:772 */
.songs-section{height:1068px!important;min-height:1068px!important}
.songs-stage{height:1068px!important;padding:86px 0!important;gap:40px!important}
.songs-heading{height:128px!important;gap:0!important;position:relative}
.songs-heading h2{height:64px!important;line-height:64px!important}
.songs-head-rule{position:absolute!important;top:79px!important;left:610px!important;margin:0!important}
.songs-heading p{position:absolute!important;top:98px!important;left:0!important;width:1280px!important;height:30px!important;margin:0!important;line-height:30px!important}
.songs-carousel{height:728px!important;gap:54px!important}
.songs-grid{height:662px!important;gap:24px!important}
.song-row{height:319px!important;grid-template-columns:repeat(5,210.4px)!important;gap:24px!important}
.song-card{width:210.4px!important;height:319px!important;padding:0!important;border:2px solid #E6DDCF!important;background:#F7F3EF!important}
.song-cover{width:206.4px!important;height:185px!important;flex:0 0 185px!important}
.song-copy{width:206.4px!important;height:130px!important;flex:0 0 130px!important;padding:18px 20px 22px!important;gap:0!important}
.song-card h3{width:166.4px!important;height:29px!important;line-height:29px!important;margin:0!important}
.song-card p{width:166.4px!important;height:22px!important;line-height:22px!important;margin:8px 0 0!important}
.song-card .song-copy>span{width:76px!important;height:23px!important;line-height:15px!important;margin:8px 0 0!important;padding:4px 8px!important}
.song-card .song-play{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:89px!important;height:89px!important;margin:0!important;padding:0!important;border:3.708px solid #F26B1F!important;border-radius:50%!important;background:rgba(0,0,0,.35)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.song-card .song-play i{box-sizing:border-box!important;display:block!important;width:0!important;height:0!important;margin:0 0 0 7px!important;border-top:14.833px solid transparent!important;border-bottom:14.833px solid transparent!important;border-left:22.25px solid #F26B1F!important;border-right:0!important;border-radius:0!important;background:transparent!important}
.songs-arrow{top:310px!important;margin:0!important}
.songs-arrow-prev{left:42px!important}.songs-arrow-next{right:0!important}
.songs-dots{height:12px!important;gap:8px!important}

/* V18.3 — Songs: symmetric carousel arrows.
   Keep Figma card geometry unchanged. The desktop screenshot is captured at OS/browser
   scaling, so shrinking the 210.4px cards would make the implementation diverge from Figma.
   Only mirror the right arrow spacing on the left: grid starts 66px from the carousel edge,
   button is 42px wide, leaving the same 24px gap as on the right. */
.songs-arrow-prev{left:0!important}
.songs-arrow-next{right:0!important}


/* V18.4 — Songs carousel arrows use the same original Figma arrow asset and styling as Testimonials. */
.songs-arrow{
  width:42px!important;
  height:42px!important;
  padding:0!important;
  border:1px solid #e7c6a3!important;
  border-radius:60px!important;
  background:#efd9c1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.songs-arrow img{
  width:24px!important;
  height:24px!important;
  display:block!important;
  max-width:none!important;
}
.songs-arrow-prev{transform:none!important;}
.songs-arrow-next{transform:rotate(180deg)!important;}


/* ==========================================================================
   V19 — Section - LIGHT FINAL CTA — direct implementation of Figma node 1:930
   Source of truth: Figma design context. No visual values inferred from screenshots.
   ========================================================================== */
.mfs-final-cta{
  box-sizing:border-box;
  width:100%;
  min-height:879.75px;
  padding:86px 80px;
  border-top:1px solid #E6DDCF;
  background:#F6F1EE;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.mfs-final-cta-box{
  box-sizing:border-box;
  width:100%;
  min-height:707.75px;
  padding:51px 42px;
  border:2px solid #DE984B;
  border-radius:14px;
  background:#F7F3EF;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:32px;
}
.mfs-final-cta-top-icon{
  box-sizing:border-box;
  width:60px;
  height:60px;
  flex:0 0 60px;
  border:1px solid #F4D9BD;
  border-radius:60px;
  background:#F4D9BD;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mfs-final-cta-top-icon img{
  display:block;
  width:60px;
  height:60px;
  max-width:none;
}
.mfs-final-cta-copy{
  width:989px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
}
.mfs-final-cta-title-wrap{
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
.mfs-final-cta h2{
  width:954px;
  margin:0;
  font-family:"Poynter OldStyle Display",serif;
  font-size:58px;
  line-height:64px;
  font-weight:600;
  letter-spacing:-0.4754px;
  color:#0E0E0E;
  text-align:center;
}
.mfs-final-cta-subtitle{
  min-width:100%;
  margin:0;
  font-family:Inter,Arial,sans-serif;
  font-size:24px;
  line-height:30px;
  font-weight:400;
  color:#0E0E0E;
  text-align:center;
}
.mfs-final-cta-features{
  box-sizing:border-box;
  width:100%;
  padding:10px 0;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:48px;
}
.mfs-final-cta-feature{
  align-self:stretch;
  display:flex;
  align-items:center;
  gap:14px;
}
.mfs-final-cta-feature-icon{
  width:88px;
  height:88px;
  flex:0 0 88px;
  border-radius:60px;
  background:#F4D9BD;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mfs-final-cta-feature-icon img{
  display:block;
  width:60px;
  height:60px;
  max-width:none;
}
.mfs-final-cta-feature h3{
  margin:0;
  font-family:"Poynter OldStyle Display",serif;
  font-size:24px;
  line-height:normal;
  font-weight:600;
  color:#111111;
  white-space:nowrap;
}
.mfs-final-cta-divider{
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mfs-final-cta-divider span{
  display:block;
  width:1px;
  height:48px;
  background:#E6DDCF;
}
.mfs-final-cta-button{
  box-sizing:border-box;
  border:0;
  border-radius:6px;
  background:linear-gradient(to bottom,#DE984B,#C47D32);
  padding:24px 32px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#fff;
  text-decoration:none;
}
.mfs-final-cta-button span{
  font-family:"Poynter OldStyle Display",serif;
  font-size:30px;
  line-height:15px;
  font-weight:600;
  color:#fff;
  white-space:nowrap;
}
.mfs-final-cta-button img{
  display:block;
  width:24px;
  height:25.755px;
  max-width:none;
}
.mfs-final-cta-note{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:18px;
}
.mfs-final-cta-note>img{
  display:block;
  width:60px;
  height:60px;
  flex:0 0 60px;
  max-width:none;
}
.mfs-final-cta-note p{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  font-size:24px;
  line-height:30px;
  font-weight:400;
  color:#0E0E0E;
  text-align:center;
  white-space:nowrap;
}


/* ==========================================================================
   V19.4 — Unified section separators
   User-approved rule from Figma screenshots:
   - same separator style between all main light sections
   - 1px solid #E6DDCF
   - full page/viewport width
   - no rectangular border around whole sections
   Internal component/card borders remain untouched.
   ========================================================================== */

.receive-section,
.examples-section,
.pricing-section,
.testimonials-section,
.songs-section,
.mfs-final-cta{
  position:relative!important;
  border-top:0!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
}

.receive-section::before,
.examples-section::before,
.pricing-section::before,
.testimonials-section::before,
.songs-section::before,
.mfs-final-cta::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:100vw;
  height:1px;
  transform:translateX(-50%);
  background:#E6DDCF;
  pointer-events:none;
  z-index:2;
}


/* ==========================================================================
   V19.5 — Correct section separators on the actual current section nodes.
   Cause of V19.4 issue:
   current What You'll Receive and Example Feedbacks use #mfs-f1-188 / #mfs-f1-228,
   not the legacy .receive-section / .examples-section selectors.
   Unified rule: 1px solid #E6DDCF across the full 1440px page section.
   ========================================================================== */

/* What You'll Receive — no 2px variant; same divider as other sections */
#mfs-f1-188{
  border:0!important;
  border-top:1px solid #E6DDCF!important;
}

/* Example Feedbacks — remove accidental rectangular frame around whole section */
#mfs-f1-228{
  border:0!important;
  border-top:1px solid #E6DDCF!important;
}

/* Lower sections already use these actual root classes; normalize only the top edge */
.v16-pricing,
.v17-testimonials,
.songs-section,
.mfs-final-cta{
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-top:1px solid #E6DDCF!important;
}

/* No pseudo-element separators from earlier passes */
#mfs-f1-188::before,
#mfs-f1-228::before,
.v16-pricing::before,
.v17-testimonials::before,
.songs-section::before,
.mfs-final-cta::before{
  content:none!important;
}


/* ==========================================================================
   V19.6 — Full-width unified section separators
   Temporary approved rule:
   - all main light-section separators are identical
   - 1px solid #E6DDCF
   - extend across the full browser/page width
   - no rectangular outer borders around whole sections
   ========================================================================== */

#mfs-f1-188,
#mfs-f1-228,
.v16-pricing,
.v17-testimonials,
.songs-section,
.mfs-final-cta{
  position:relative!important;
  border:0!important;
}

#mfs-f1-188::before,
#mfs-f1-228::before,
.v16-pricing::before,
.v17-testimonials::before,
.songs-section::before,
.mfs-final-cta::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:50%!important;
  width:100vw!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  background:#E6DDCF!important;
  border:0!important;
  pointer-events:none!important;
  z-index:2!important;
}


/* ==========================================================================
   V19.7 — Final CTA exact geometry from fresh Figma node 1:930
   Figma frame: 1440px wide.
   This block overrides only Final CTA geometry/typography.
   The already-approved full-width horizontal separator remains via V19.6 ::before.
   ========================================================================== */
.mfs-final-cta{
  box-sizing:border-box!important;
  width:1440px!important;
  max-width:1440px!important;
  min-height:879.75px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:86px 80px!important;
  background:#F6F1EE!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.mfs-final-cta-box{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:707.75px!important;
  padding:51px 42px!important;
  border:2px solid #DE984B!important;
  border-radius:14px!important;
  background:#F7F3EF!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:32px!important;
}
.mfs-final-cta-top-icon{
  box-sizing:border-box!important;
  width:60px!important;
  height:60px!important;
  flex:0 0 60px!important;
  border:1px solid #F4D9BD!important;
  border-radius:60px!important;
  background:#F4D9BD!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.mfs-final-cta-top-icon img{
  display:block!important;
  width:60px!important;
  height:60px!important;
  max-width:none!important;
}
.mfs-final-cta-copy{
  width:989px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:18px!important;
}
.mfs-final-cta-title-wrap{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
.mfs-final-cta h2{
  width:954px!important;
  margin:0!important;
  font-family:"Poynter OldStyle Display",Georgia,serif!important;
  font-size:58px!important;
  line-height:64px!important;
  font-weight:600!important;
  letter-spacing:-0.4754px!important;
  color:#0E0E0E!important;
  text-align:center!important;
}
.mfs-final-cta-subtitle{
  width:989px!important;
  min-width:989px!important;
  margin:0!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:24px!important;
  line-height:30px!important;
  font-weight:400!important;
  color:#0E0E0E!important;
  text-align:center!important;
}
.mfs-final-cta-features{
  box-sizing:border-box!important;
  width:100%!important;
  padding:10px 0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:48px!important;
}
.mfs-final-cta-feature{
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
.mfs-final-cta-feature-icon{
  width:88px!important;
  height:88px!important;
  flex:0 0 88px!important;
  border-radius:60px!important;
  background:#F4D9BD!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.mfs-final-cta-feature-icon img{
  display:block!important;
  width:60px!important;
  height:60px!important;
  max-width:none!important;
}
.mfs-final-cta-feature h3{
  margin:0!important;
  font-family:"Poynter OldStyle Display",Georgia,serif!important;
  font-size:24px!important;
  line-height:normal!important;
  font-weight:600!important;
  color:#111111!important;
  white-space:nowrap!important;
}
.mfs-final-cta-divider{
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.mfs-final-cta-divider span{
  display:block!important;
  width:1px!important;
  height:48px!important;
  background:#E6DDCF!important;
}
.mfs-final-cta-button{
  box-sizing:border-box!important;
  border:0!important;
  border-radius:6px!important;
  background:linear-gradient(to bottom,#DE984B,#C47D32)!important;
  padding:24px 32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  color:#fff!important;
  text-decoration:none!important;
}
.mfs-final-cta-button span{
  font-family:"Poynter OldStyle Display",Georgia,serif!important;
  font-size:30px!important;
  line-height:15px!important;
  font-weight:600!important;
  color:#fff!important;
  white-space:nowrap!important;
}
.mfs-final-cta-button img{
  display:block!important;
  width:24px!important;
  height:25.755px!important;
  max-width:none!important;
}
.mfs-final-cta-note{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:18px!important;
}
.mfs-final-cta-note>img{
  display:block!important;
  width:60px!important;
  height:60px!important;
  flex:0 0 60px!important;
  max-width:none!important;
}
.mfs-final-cta-note p{
  margin:0!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:24px!important;
  line-height:30px!important;
  font-weight:400!important;
  color:#0E0E0E!important;
  text-align:center!important;
  white-space:nowrap!important;
}


/* ==========================================================================
   V19.9 — Final CTA vertical dividers verified directly against Figma
   Figma nodes 1:955 and 1:964:
   width 1px; height 48px; fill #E6DDCF.
   ========================================================================== */
.mfs-final-cta-divider{
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  flex:0 0 1px!important;
}
.mfs-final-cta-divider span{
  display:block!important;
  box-sizing:border-box!important;
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#E6DDCF!important;
  opacity:1!important;
  flex:0 0 1px!important;
}


/* ==========================================================================
   V19.11 — Footer copied from Figma node 1:983
   ========================================================================== */
.mfs-footer{
  background:#111!important;
  color:#F9FAFB!important;
  padding:90px 80px 60px!important;
}
.mfs-footer .footer-stage{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.mfs-footer .footer-columns{
  display:grid!important;
  grid-template-columns:269px 1px 269px 1px 269px 1px 269px!important;
  justify-content:space-between!important;
  align-items:stretch!important;
  gap:0!important;
}
.mfs-footer .footer-columns::before,
.mfs-footer .footer-columns::after{content:none!important;}
.mfs-footer .footer-col{
  width:269px!important;
  min-width:269px!important;
}
.mfs-footer .footer-col:not(:last-child){border:0!important;}
.mfs-footer .footer-col h4{
  margin:0 0 32px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:20px!important;
  line-height:normal!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  color:#F9FAFB!important;
}
.mfs-footer .footer-columns > .footer-col:nth-child(1){grid-column:1}
.mfs-footer .footer-columns > .footer-col:nth-child(2){grid-column:3}
.mfs-footer .footer-columns > .footer-col:nth-child(3){grid-column:5}
.mfs-footer .footer-columns > .footer-col:nth-child(4){grid-column:7}
.mfs-footer .footer-columns{
  position:relative!important;
}
.mfs-footer .footer-columns > .footer-col:nth-child(1)::after,
.mfs-footer .footer-columns > .footer-col:nth-child(2)::after,
.mfs-footer .footer-columns > .footer-col:nth-child(3)::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:1px!important;
  background:#333!important;
}
.mfs-footer .footer-columns > .footer-col:nth-child(1)::after{left:calc(269px + ((100% - 1079px)/6) * 1)!important;}
.mfs-footer .footer-columns > .footer-col:nth-child(2)::after{left:calc(538px + ((100% - 1079px)/6) * 3 + 1px)!important;}
.mfs-footer .footer-columns > .footer-col:nth-child(3)::after{left:calc(807px + ((100% - 1079px)/6) * 5 + 2px)!important;}

.mfs-footer .office{
  display:flex!important;
  gap:20px!important;
  align-items:flex-start!important;
  margin:0 0 20px!important;
}
.mfs-footer .office img{
  width:40px!important;height:40px!important;
  flex:0 0 40px!important;
  border-radius:40px!important;
  object-fit:cover!important;
}
.mfs-footer .office h5,
.mfs-footer .support h5{
  margin:0 0 12px!important;
  font-family:Poppins,Inter,Arial,sans-serif!important;
  font-size:18px!important;
  line-height:28px!important;
  font-weight:600!important;
  color:#F9FAFB!important;
}
.mfs-footer .office p,
.mfs-footer .support p,
.mfs-footer .worldwide{
  margin:0 0 12px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:16px!important;
  line-height:20px!important;
  font-weight:400!important;
  color:#D0D5DD!important;
}
.mfs-footer .worldwide{
  display:flex!important;
  gap:20px!important;
  align-items:flex-start!important;
  margin-top:0!important;
}
.mfs-footer .worldwide .footer-inline-icon{
  width:40px!important;height:40px!important;
  flex:0 0 40px!important;
  border-radius:60px!important;
  background:#222!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.mfs-footer .worldwide .footer-inline-icon svg{width:24px!important;height:24px!important;}

.mfs-footer .support{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.mfs-footer .support h5{
  display:flex!important;
  gap:20px!important;
  align-items:flex-start!important;
  width:100%!important;
}
.mfs-footer .support .footer-inline-icon{
  width:32px!important;height:32px!important;
  flex:0 0 32px!important;
  display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
}
.mfs-footer .support .footer-inline-icon svg{width:32px!important;height:32px!important;}
.mfs-footer .support p,
.mfs-footer .support a{
  margin-left:52px!important;
}
.mfs-footer .support a{
  font-family:Inter,Arial,sans-serif!important;
  font-size:16px!important;line-height:20px!important;
  color:#F9FAFB!important;
  text-decoration:underline!important;
  margin-bottom:16px!important;
}
.mfs-footer .support h5:not(:first-of-type){margin-top:0!important;}

.mfs-footer .resources{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.mfs-footer .resources > a:not(.more){
  display:flex!important;
  gap:20px!important;
  align-items:flex-start!important;
  width:100%!important;
  margin:0 0 16px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:16px!important;
  line-height:20px!important;
  color:#D0D5DD!important;
  text-decoration:underline!important;
}
.mfs-footer .resources .footer-inline-icon{
  width:24px!important;height:24px!important;flex:0 0 24px!important;
}
.mfs-footer .resources .footer-inline-icon svg{width:24px!important;height:24px!important;}
.mfs-footer .resources .more{
  margin-top:0!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:16px!important;
  line-height:normal!important;
  font-weight:600!important;
  color:#DE984B!important;
  text-decoration:underline!important;
}
.mfs-footer .quick{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.mfs-footer .quick a{
  margin:0 0 16px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:16px!important;
  line-height:20px!important;
  color:#D0D5DD!important;
  text-decoration:underline!important;
}

.mfs-footer .footer-bottom-row{
  margin-top:32px!important;
  min-height:165px!important;
  border-top:1px solid #333!important;
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
}
.mfs-footer .footer-logo{
  flex:0 0 349px!important;
}
.mfs-footer .legal{
  margin-left:76px!important;
  display:flex!important;
  gap:16px!important;
  align-items:center!important;
}
.mfs-footer .legal a,
.mfs-footer .private{
  font-family:Inter,Arial,sans-serif!important;
  font-size:20px!important;
  line-height:normal!important;
  font-weight:400!important;
  color:#F9FAFB!important;
  text-decoration:underline!important;
  white-space:nowrap!important;
}
.mfs-footer .legal a + a{
  position:relative!important;
  padding-left:17px!important;
}
.mfs-footer .legal a + a::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:1px!important;
  height:28px!important;
  transform:translateY(-50%)!important;
  background:#333!important;
}
.mfs-footer .private{
  margin-left:0!important;
  display:flex!important;
  gap:12px!important;
  align-items:center!important;
}
.mfs-footer .private::before{
  content:""!important;
  width:1px!important;
  height:28px!important;
  background:#333!important;
  margin-right:0!important;
}
.mfs-footer .private .footer-inline-icon{width:24px!important;height:24px!important;display:flex!important;}
.mfs-footer .private .footer-inline-icon svg{width:24px!important;height:24px!important;}

.mfs-footer .copyright{
  margin-top:-14px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
}
.mfs-footer .copyright > span:first-child{
  padding-left:12px!important;
  width:538px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:18px!important;
  line-height:normal!important;
  color:#D9D9D9!important;
}
.mfs-footer .language{
  width:337px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:16px!important;
  line-height:normal!important;
  color:#F9FAFB!important;
  white-space:normal!important;
}


/* ==========================================================================
   V19.12 — Footer corrections after screenshot comparison with Figma node 1:983
   ========================================================================== */

/* Old V7 fixed height was still active and caused the content to overlap
   the horizontal divider. Figma top content area is content-driven. */
.mfs-footer .footer-columns{
  height:auto!important;
  min-height:325px!important;
}

/* The first horizontal divider belongs AFTER the complete four-column block. */
.mfs-footer .footer-bottom-row{
  margin-top:32px!important;
  height:165px!important;
  min-height:165px!important;
  border-top:1px solid #333!important;
  border-bottom:0!important;
  display:flex!important;
  align-items:center!important;
}

/* Figma footer logo: cropped record art + vertical line + three text lines. */
.mfs-footer .footer-brand{
  width:349px!important;
  height:128px!important;
  flex:0 0 349px!important;
  display:flex!important;
  align-items:center!important;
  text-decoration:none!important;
  position:relative!important;
  overflow:hidden!important;
}
.mfs-footer .footer-brand-art{
  width:141px!important;
  height:128px!important;
  flex:0 0 141px!important;
  overflow:hidden!important;
  position:relative!important;
  display:block!important;
}
.mfs-footer .footer-brand-art img{
  position:absolute!important;
  width:296px!important;
  height:auto!important;
  max-width:none!important;
  left:-12px!important;
  top:-32px!important;
}
.mfs-footer .footer-brand-divider{
  width:1px!important;
  height:70px!important;
  flex:0 0 1px!important;
  margin-left:18px!important;
  background:#DE984B!important;
}
.mfs-footer .footer-brand-copy{
  margin-left:19px!important;
  width:170px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-size:40px!important;
  line-height:.83!important;
  font-weight:500!important;
  letter-spacing:1.08px!important;
  text-transform:none!important;
}
.mfs-footer .footer-brand-copy span{
  display:block!important;
  color:#fff!important;
}
.mfs-footer .footer-brand-copy span:nth-child(2){
  color:#FDB84D!important;
}

/* Figma places policies to the right of the logo with 76px leading space. */
.mfs-footer .legal{
  margin-left:76px!important;
  display:flex!important;
  gap:16px!important;
  align-items:center!important;
  flex:0 0 auto!important;
}
.mfs-footer .legal a{
  font-size:20px!important;
  color:#F9FAFB!important;
  text-decoration:underline!important;
}
.mfs-footer .private{
  font-size:20px!important;
  color:#F9FAFB!important;
  margin-left:16px!important;
  display:flex!important;
  gap:12px!important;
  align-items:center!important;
}
.mfs-footer .private .footer-inline-icon{
  width:24px!important;
  height:24px!important;
  margin:0!important;
  color:#F9FAFB!important;
}

/* Bottom row in Figma has no second horizontal separator. */
.mfs-footer .copyright{
  height:auto!important;
  min-height:90px!important;
  margin-top:-14px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
}
.mfs-footer .copyright > span:first-child{
  padding-left:12px!important;
  width:538px!important;
  font-size:18px!important;
  color:#D9D9D9!important;
}

/* Exact language control geometry from Figma 1:1113–1:1120. */
.mfs-footer .language-block{
  width:337px!important;
  flex:0 0 337px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  align-items:flex-start!important;
}
.mfs-footer .language-label{
  width:100%!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:16px!important;
  line-height:normal!important;
  font-weight:500!important;
  color:#F9FAFB!important;
}
.mfs-footer .language-select{
  width:337px!important;
  height:55px!important;
  box-sizing:border-box!important;
  border:1px solid #98A2B3!important;
  border-radius:12px!important;
  background:rgba(17,17,17,.4)!important;
  display:flex!important;
  align-items:center!important;
  padding:5px 6px!important;
  box-shadow:0 0 17px rgba(18,17,13,.08)!important;
}
.mfs-footer .language-flag{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  border-radius:40px!important;
  overflow:hidden!important;
}
.mfs-footer .language-flag img{
  width:40px!important;
  height:40px!important;
  object-fit:cover!important;
  border-radius:40px!important;
}
.mfs-footer .language-name{
  margin-left:6px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:18px!important;
  line-height:28px!important;
  font-weight:500!important;
  color:#F9FAFB!important;
}
.mfs-footer .language-chevron{
  margin-left:auto!important;
  padding-right:8px!important;
  font-size:22px!important;
  line-height:1!important;
  color:#F9FAFB!important;
}

/* Figma vertical dividers span exactly the top four-column region. */
.mfs-footer .footer-columns > .footer-col:nth-child(1)::after,
.mfs-footer .footer-columns > .footer-col:nth-child(2)::after,
.mfs-footer .footer-columns > .footer-col:nth-child(3)::after{
  top:0!important;
  bottom:0!important;
}


/* ==========================================================================
   V19.13 — Footer frame geometry matched to Figma node 1:983
   Figma footer: 1440 × 798; padding 80 L/R, 90 top, 60 bottom.
   Inner content width: exactly 1280.
   ========================================================================== */
.mfs-footer{
  box-sizing:border-box!important;
  width:100%!important;
  height:798px!important;
  min-height:798px!important;
  padding:90px 80px 60px!important;
  overflow:hidden!important;
}
.mfs-footer .footer-stage{
  box-sizing:border-box!important;
  width:1280px!important;
  max-width:1280px!important;
  height:648px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:32px!important;
  align-items:flex-start!important;
}
.mfs-footer .footer-columns{
  width:1280px!important;
  max-width:1280px!important;
  height:381px!important;
  min-height:381px!important;
  flex:0 0 381px!important;
  margin:0!important;
}
.mfs-footer .footer-lower{
  width:1280px!important;
  height:235px!important;
  flex:0 0 235px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
.mfs-footer .footer-bottom-row{
  box-sizing:border-box!important;
  width:1280px!important;
  height:165px!important;
  min-height:165px!important;
  flex:0 0 165px!important;
  margin:0 0 -14px 0!important;
  border-top:1px solid #333!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
}
.mfs-footer .copyright{
  box-sizing:border-box!important;
  width:1280px!important;
  height:84px!important;
  min-height:84px!important;
  flex:0 0 84px!important;
  margin:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
}

/* Keep lower-row positions from Figma inside the fixed 1280px stage. */
.mfs-footer .footer-brand{
  width:349px!important;
  flex:0 0 349px!important;
}
.mfs-footer .legal{
  margin-left:76px!important;
}
.mfs-footer .private{
  margin-left:16px!important;
}

/* Exact crop percentages from Figma node 1:1092. */
.mfs-footer .footer-brand-art img{
  position:absolute!important;
  width:210%!important;
  height:154.72%!important;
  max-width:none!important;
  left:-8.9%!important;
  top:-24.8%!important;
  object-fit:fill!important;
}

/* Exact Figma logo text positioning. */
.mfs-footer .footer-brand-copy{
  margin-left:19px!important;
  font-size:40px!important;
  line-height:normal!important;
  letter-spacing:1.08px!important;
}
.mfs-footer .footer-brand-copy span:nth-child(1),
.mfs-footer .footer-brand-copy span:nth-child(2){
  margin-bottom:-8px!important;
}

/* At narrower viewports preserve the same 80px side inset rather than overflow. */
@media (max-width:1439px){
  .mfs-footer{
    height:auto!important;
    min-height:798px!important;
    overflow:visible!important;
  }
  .mfs-footer .footer-stage,
  .mfs-footer .footer-columns,
  .mfs-footer .footer-lower,
  .mfs-footer .footer-bottom-row,
  .mfs-footer .copyright{
    width:100%!important;
    max-width:100%!important;
  }
}


/* ==========================================================================
   V19.14b — CLEAN FOOTER REBUILD FROM FIGMA NODE 1:983
   ========================================================================== */

.mfs-footer{
  width:100%!important;
  min-height:798px!important;
  height:798px!important;
  padding:90px 80px 60px!important;
  margin:0!important;
  background:#111!important;
  color:#F9FAFB!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.mfs-footer .mfsf-inner,
.mfs-footer .mfsf-inner *{box-sizing:border-box}
.mfs-footer .mfsf-inner{
  width:1280px;max-width:1280px;height:648px;margin:0 auto;
  display:flex;flex-direction:column;gap:32px;align-items:flex-start
}
.mfs-footer .mfsf-top{
  width:1280px;height:381px;flex:0 0 381px;
  display:flex;align-items:flex-start;justify-content:space-between
}
.mfs-footer .mfsf-col{
  width:269px;flex:0 0 269px;min-width:269px;
  display:flex;flex-direction:column;align-items:flex-start;gap:32px
}
.mfs-footer .mfsf-vline{width:1px;flex:0 0 1px;align-self:stretch;background:#333}
.mfs-footer .mfsf-col h4{
  width:100%;margin:0;padding:0;color:#F9FAFB;
  font-family:Inter,Arial,sans-serif;font-size:20px;line-height:normal;font-weight:700;text-transform:uppercase
}
.mfs-footer .mfsf-col h5{
  width:100%;margin:0;padding:0;color:#F9FAFB;
  font-family:Poppins,Inter,Arial,sans-serif;font-size:18px;line-height:28px;font-weight:600
}
.mfs-footer .mfsf-col p,.mfs-footer .mfsf-col a{
  font-family:Inter,Arial,sans-serif;font-size:16px;line-height:20px;font-weight:400
}
.mfs-footer .mfsf-locations-body{
  width:269px;height:325px;display:flex;flex-direction:column;gap:20px;align-items:flex-start
}
.mfs-footer .mfsf-office{width:269px;display:flex;gap:20px;align-items:flex-start}
.mfs-footer .mfsf-flag{width:40px;height:40px;flex:0 0 40px;object-fit:cover;border-radius:40px}
.mfs-footer .mfsf-office-copy{
  min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:12px;align-items:flex-start
}
.mfs-footer .mfsf-office-copy p{width:100%;margin:0;padding:0;color:#D0D5DD}
.mfs-footer .mfsf-worldwide{width:269px;display:flex;gap:20px;align-items:flex-start}
.mfs-footer .mfsf-round-icon{
  width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;
  border-radius:60px;background:#222;color:#98A2B3
}
.mfs-footer .mfsf-round-icon .fig-icon{width:24px;height:24px;stroke-width:1.7}
.mfs-footer .mfsf-worldwide p{margin:0;padding:0;color:#D0D5DD;white-space:nowrap}

.mfs-footer .mfsf-support-body{
  width:269px;display:flex;flex-direction:column;gap:16px;align-items:flex-start
}
.mfs-footer .mfsf-support-item{width:269px;display:flex;gap:20px;align-items:flex-start}
.mfs-footer .mfsf-icon32{
  width:32px;height:32px;flex:0 0 32px;display:flex;align-items:center;justify-content:center;color:#D0D5DD
}
.mfs-footer .mfsf-icon32 .fig-icon{width:32px;height:32px;stroke-width:1.7}
.mfs-footer .mfsf-support-item>div{
  min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:12px;align-items:flex-start
}
.mfs-footer .mfsf-support-copy{width:100%;display:flex;flex-direction:column;gap:7px}
.mfs-footer .mfsf-support-item:nth-child(2) .mfsf-support-copy{gap:6px}
.mfs-footer .mfsf-support-item p{width:100%;margin:0;color:#D0D5DD}
.mfs-footer .mfsf-support-item a{color:#F9FAFB;text-decoration:underline;text-underline-position:from-font}

.mfs-footer .mfsf-resource-links{
  width:269px;display:flex;flex-direction:column;gap:16px;align-items:flex-start
}
.mfs-footer .mfsf-resource-links a{
  width:269px;margin:0;display:flex;gap:20px;align-items:flex-start;
  color:#D0D5DD;text-decoration:underline;text-underline-position:from-font
}
.mfs-footer .mfsf-icon24{
  width:24px;height:24px;flex:0 0 24px;display:flex;align-items:center;justify-content:center
}
.mfs-footer .mfsf-icon24 .fig-icon{width:24px;height:24px;stroke-width:1.7}
.mfs-footer .mfsf-more{
  width:269px;margin:0;color:#DE984B;font-weight:600!important;line-height:normal!important;
  text-decoration:underline;text-underline-position:from-font
}
.mfs-footer .mfsf-quick-links{
  width:105px;display:flex;flex-direction:column;gap:16px;align-items:flex-start
}
.mfs-footer .mfsf-quick-links a{
  width:105px;margin:0;color:#D0D5DD;text-decoration:underline;text-underline-position:from-font
}

.mfs-footer .mfsf-lower{
  width:1280px;height:235px;flex:0 0 235px;display:flex;flex-direction:column;align-items:center
}
.mfs-footer .mfsf-about-row{
  width:1280px;height:165px;flex:0 0 165px;margin-bottom:-14px;border-top:1px solid #333;
  display:flex;align-items:center;justify-content:center
}
.mfs-footer .mfsf-about-inner{
  width:1280px;min-width:0;flex:1 1 auto;display:flex;align-items:center;gap:16px
}
.mfs-footer .mfsf-brand{width:349px;height:128px;flex:0 0 349px;position:relative}
.mfs-footer .mfsf-brand-art{
  position:absolute;left:0;top:.38px;width:141px;height:128px;overflow:hidden
}
.mfs-footer .mfsf-brand-art img{
  position:absolute;width:210%;height:154.72%;max-width:none;left:-8.9%;top:-24.8%
}
.mfs-footer .mfsf-brand-vline{
  position:absolute;left:159px;top:29px;width:1px;height:70px;background:#DE984B
}
.mfs-footer .mfsf-brand-text{
  position:absolute;left:179px;top:0;width:170px;display:flex;flex-direction:column;align-items:flex-start;
  color:#fff;font-family:"Cormorant Garamond",Georgia,serif;font-size:40px;line-height:normal;font-weight:500;letter-spacing:1.08px
}
.mfs-footer .mfsf-brand-text span:nth-child(1),
.mfs-footer .mfsf-brand-text span:nth-child(2){margin-bottom:-8px}
.mfs-footer .mfsf-brand-text span:nth-child(2){color:#FDB84D}
.mfs-footer .mfsf-policies{
  flex:0 0 auto;display:flex;gap:16px;align-items:center;padding-left:76px;padding-top:4px;white-space:nowrap
}
.mfs-footer .mfsf-policies>a,.mfs-footer .mfsf-private a{
  margin:0;color:#F9FAFB;font-family:Inter,Arial,sans-serif;font-size:20px;line-height:normal;font-weight:400;
  text-decoration:underline;text-underline-position:from-font
}
.mfs-footer .mfsf-policy-vline{width:1px;height:28px;flex:0 0 1px;background:#333}
.mfs-footer .mfsf-private{display:flex;gap:12px;align-items:center}
.mfs-footer .mfsf-private .mfsf-icon24{color:#D0D5DD}

.mfs-footer .mfsf-tail{
  width:1280px;height:84px;flex:0 0 84px;display:flex;align-items:flex-end;justify-content:space-between
}
.mfs-footer .mfsf-copyright{
  width:550px;padding-left:12px;color:#D9D9D9;font-family:Inter,Arial,sans-serif;font-size:18px;line-height:normal;font-weight:400
}
.mfs-footer .mfsf-language{
  width:337px;flex:0 0 337px;display:flex;flex-direction:column;gap:10px;align-items:flex-start
}
.mfs-footer .mfsf-language>p{
  width:337px;margin:0;color:#F9FAFB;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:normal;font-weight:500
}
.mfs-footer .mfsf-language-box{
  position:relative;width:337px;height:55px;overflow:hidden;border:1px solid #98A2B3;border-radius:12px;
  background:rgba(17,17,17,.4);box-shadow:0 0 17px rgba(18,17,13,.08)
}
.mfs-footer .mfsf-language-left{
  position:absolute;left:6px;top:5.64px;width:135px;display:flex;gap:6px;align-items:center
}
.mfs-footer .mfsf-language-left img{
  width:40px;height:40px;border-radius:40px;object-fit:cover
}
.mfs-footer .mfsf-language-left span{
  width:67px;height:28px;color:#F9FAFB;font-family:Inter,Arial,sans-serif;font-size:18px;line-height:28px;font-weight:500
}
.mfs-footer .mfsf-chevron{
  position:absolute;right:6px;top:14px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;
  color:#F9FAFB;font-size:22px;line-height:24px
}


/* ==========================================================================
   V19.15 — Footer fill-width correction from Figma node 1:983.
   Figma 1:984, 1:985, 1:1088, 1:1089 and 1:1110 are W FULL,
   not fixed 1280px containers. At the 1440px Figma frame they naturally
   equal 1280px because the footer has 80px left/right padding.
   ========================================================================== */

.mfs-footer .mfsf-inner{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

.mfs-footer .mfsf-top{
  width:100%!important;
  max-width:none!important;
}

.mfs-footer .mfsf-lower{
  width:100%!important;
  max-width:none!important;
}

.mfs-footer .mfsf-about-row{
  width:100%!important;
  max-width:none!important;
}

.mfs-footer .mfsf-about-inner{
  width:100%!important;
  max-width:none!important;
}

.mfs-footer .mfsf-tail{
  width:100%!important;
  max-width:none!important;
}


/* ==========================================================================
   V19.16 — Exact lower-footer details from Figma 1:1091, 1:1098, 1:1115
   ========================================================================== */

/* Logo group 1:1091 — exact Figma geometry */
.mfs-footer .mfsf-brand{
  width:349px!important;
  height:128.375px!important;
  flex:0 0 349px!important;
}
.mfs-footer .mfsf-brand-art{
  left:0!important;
  top:.375px!important;
  width:141px!important;
  height:128px!important;
}
.mfs-footer .mfsf-brand-art img{
  /* Figma imageTransform:
     [[0.4761939347,0,0.04238855094],[0,0.6463345885,0.1602885723]] */
  width:210%!important;
  height:154.718%!important;
  max-width:none!important;
  left:-8.9%!important;
  top:-24.8%!important;
}
.mfs-footer .mfsf-brand-vline{
  left:159px!important;
  top:29px!important;
  width:0!important;
  height:70px!important;
  border-left:3px solid #EEA034!important;
  background:none!important;
}
.mfs-footer .mfsf-brand-text{
  left:179px!important;
  top:0!important;
  width:170px!important;
  height:128px!important;
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-size:40px!important;
  line-height:48px!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
.mfs-footer .mfsf-brand-text span{
  width:170px!important;
  height:48px!important;
  margin:0!important;
}
.mfs-footer .mfsf-brand-text span:nth-child(2){
  margin-top:-8px!important;
  color:#FDB84D!important;
}
.mfs-footer .mfsf-brand-text span:nth-child(3){
  margin-top:-8px!important;
}

/* Legal row 1:1098 — exact positions expressed as flex gaps */
.mfs-footer .mfsf-policies{
  height:32px!important;
  padding-left:76px!important;
  padding-top:4px!important;
  gap:16px!important;
}
.mfs-footer .mfsf-policies>a,
.mfs-footer .mfsf-private a{
  font-family:Inter,Arial,sans-serif!important;
  font-size:20px!important;
  line-height:24px!important;
  font-weight:400!important;
  color:#F9FAFB!important;
}
.mfs-footer .mfsf-policy-vline{
  width:1px!important;
  height:28px!important;
  background:#333!important;
}
.mfs-footer .mfsf-private{
  width:296px!important;
  height:24px!important;
  gap:12px!important;
}
.mfs-footer .mfsf-private-lock{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  display:block!important;
  color:#D0D5DD!important;
}
.mfs-footer .mfsf-private-lock svg{
  width:24px!important;
  height:24px!important;
  display:block!important;
}

/* Language selector 1:1115–1:1121 — exact Figma coordinates */
.mfs-footer .mfsf-language-box{
  width:337px!important;
  height:55px!important;
  border:1px solid #98A2B3!important;
  border-radius:12px!important;
}
.mfs-footer .mfsf-language-left{
  left:7px!important;
  top:6.63671875px!important;
  width:135px!important;
  height:40px!important;
}
.mfs-footer .mfsf-language-left img{
  width:40px!important;
  height:40px!important;
  border-radius:40px!important;
}
.mfs-footer .mfsf-language-left span{
  width:67px!important;
  height:28px!important;
  margin-left:0!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:18px!important;
  line-height:28px!important;
  font-weight:500!important;
}
.mfs-footer .mfsf-chevron{
  position:absolute!important;
  left:298px!important; /* parent 1:1116 x=7 + child 1:1120 x=291 */
  right:auto!important;
  top:14.63671875px!important; /* 6.63671875 + 8 */
  width:24px!important;
  height:24px!important;
  display:block!important;
  color:#F9FAFB!important;
}
.mfs-footer .mfsf-chevron svg{
  width:24px!important;
  height:24px!important;
  display:block!important;
}


/* ==========================================================================
   V19.18 — Footer logo typography copied from Figma node 1:1093.
   Figma renders lowercase characters as small caps.
   ========================================================================== */
.mfs-footer .mfsf-brand-text{
  font-family:"Cormorant Garamond", Georgia, serif!important;
  font-style:normal!important;
  font-weight:500!important;
  font-size:40px!important;
  line-height:normal!important;
  letter-spacing:1.08px!important;
  font-variant-caps:small-caps!important;
  font-feature-settings:"smcp" 1!important;
}
.mfs-footer .mfsf-brand-text span{
  line-height:normal!important;
}


/* ==========================================================================
   V19.19 — Exact Figma textCase for footer logo.
   Figma node 1:1094 / 1:1095 / 1:1096:
   Cormorant Garamond Medium 40px, letter spacing 1.08px,
   textCase = SMALL_CAPS_FORCED.
   CSS equivalent: all-small-caps (not small-caps).
   ========================================================================== */
.mfs-footer .mfsf-brand-text{
  font-family:"Cormorant Garamond", Georgia, serif!important;
  font-style:normal!important;
  font-weight:500!important;
  font-size:40px!important;
  line-height:normal!important;
  letter-spacing:1.08px!important;
  font-variant-caps:all-small-caps!important;
  font-feature-settings:"smcp" 1, "c2sc" 1!important;
}


/* ==========================================================================
   V19.20 — three final desktop corrections
   1) Main horizontal section separators: one final common rule.
   2) Songs cards: remove the visible ~1px gap at the right edge of every image.
   3) Final CTA: make both vertical dividers render identically at browser 100%.
   ========================================================================== */

/* 1. ONE separator implementation for every main light-section transition.
   User-approved page rule: full viewport width, 1 CSS px, #E6DDCF.
   Disable every native top border so old Figma/legacy variants cannot stack. */
#mfs-f1-188,
#mfs-f1-228,
.v16-pricing,
.v17-testimonials,
.songs-section,
.mfs-final-cta{
  position:relative!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
}

#mfs-f1-188::before,
#mfs-f1-228::before,
.v16-pricing::before,
.v17-testimonials::before,
.songs-section::before,
.mfs-final-cta::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:0!important;
  left:50%!important;
  width:100vw!important;
  height:1px!important;
  min-height:1px!important;
  max-height:1px!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#E6DDCF!important;
  opacity:1!important;
  pointer-events:none!important;
  z-index:20!important;
}

/* 2. Figma cards clip their image layer into the card.
   Chromium fractional card widths can leave a single raster pixel visible on
   the right. Extend only the raster layer by 1px; card/border geometry stays unchanged. */
.songs-section .song-cover{
  width:100%!important;
  overflow:hidden!important;
}
.songs-section .song-cover>img{
  display:block!important;
  width:calc(100% + 1px)!important;
  min-width:calc(100% + 1px)!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
}

/* 3. Figma nodes 1:955 and 1:964 are both exactly 1x48 #E6DDCF.
   The second divider currently falls on a half device pixel in Chromium and
   rasterizes as two pixels. Snap only that divider onto the same pixel grid
   as the first; dimensions/color remain exactly the Figma values. */
.mfs-final-cta-divider,
.mfs-final-cta-divider span{
  box-sizing:border-box!important;
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
}
.mfs-final-cta-divider span{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  background:#E6DDCF!important;
  border:0!important;
}
.mfs-final-cta-features > .mfs-final-cta-divider:nth-child(4){
  position:relative!important;
  left:.5px!important;
}



/* ========================================================================== 
   V19.27 — About / Section 2 OUR APPROACH (Figma 1:1224)
   Exact desktop geometry from Figma. Common Header/Hero/Stats and Footer remain
   the accepted V19.26 implementation. No invented content.
   ========================================================================== */
.mfs-about-approach{
  box-sizing:border-box;
  width:100%;
  height:858.815px;
  background:#f6f1ee;
  padding:96px 80px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:56px;
}
.mfs-about-approach *{box-sizing:border-box}
.mfs-about-approach-head{
  height:154.408px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
}
.mfs-about-approach-head h2{
  margin:0;
  width:937px;
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-weight:600;
  font-size:58px;
  line-height:64px;
  letter-spacing:-0.4754px;
  text-align:center;
  color:#0e0e0e;
}
.mfs-about-approach-rule{
  width:60px;
  height:3px;
  flex:0 0 3px;
  border-radius:2px;
  background:#d28b3f;
}
.mfs-about-team{
  width:1280px;
  height:448px;
  display:grid;
  grid-template-columns:repeat(3, 410.6667px);
  gap:24px;
}
.mfs-about-team-card{
  height:448px;
  margin:0;
  padding:50px 38px 42px;
  border:2px solid #e6ddcf;
  border-radius:14px;
  background:#f7f3ef;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  color:#111;
}
.mfs-about-avatar{
  width:170px;
  height:170px;
  flex:0 0 170px;
  padding:3px;
  border:3px solid #fbe8d2;
  border-radius:85px;
  box-shadow:0 0 0 1px #ecdfc6;
  overflow:hidden;
  background:transparent;
}
.mfs-about-avatar img{
  display:block;
  width:164px;
  height:164px;
  border-radius:82px;
  object-fit:cover;
}
.mfs-about-team-copy{
  width:334.6667px;
  height:104px;
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:center;
}
.mfs-about-team-card h3{
  box-sizing:border-box;
  height:40px;
  margin:0;
  padding-top:14px;
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-weight:600;
  font-size:32px;
  line-height:25.673px;
  letter-spacing:-0.2377px;
  color:#0e0e0e;
  white-space:nowrap;
}
.mfs-about-role{
  min-height:28px;
  font-family:Inter,Arial,sans-serif;
  font-weight:700;
  font-size:16px;
  line-height:28px;
  letter-spacing:2.08px;
  text-align:center;
  color:#111;
  white-space:nowrap;
}
.mfs-about-team-card>p{
  width:300px;
  margin:0;
  padding-top:10px;
  font-family:Inter,Arial,sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:28px;
  text-align:center;
  color:#333;
  white-space:nowrap;
}

@media (max-width: 900px){
  .mfs-about-approach{height:auto;padding:64px 24px;gap:40px}
  .mfs-about-approach-head{height:auto}
  .mfs-about-approach-head h2{width:auto;max-width:100%;font-size:42px;line-height:48px}
  .mfs-about-team{width:100%;height:auto;grid-template-columns:1fr;gap:24px}
  .mfs-about-team-card{width:100%;max-width:410.667px;justify-self:center}
}


/* ==========================================================================
   V19.31 — About Hero photo placement from Figma node 1:1144.
   Only About photo rendering changes; Home remains untouched.
   ========================================================================== */
#mfs-f1-48.mfs-about-page .f11-front-imgbox img {
  inset:auto!important;
  left:-0.04%!important;
  top:-6.29%!important;
  width:100.07%!important;
  height:114.42%!important;
  object-fit:fill!important;
  object-position:initial!important;
}


/* ==========================================================================
   V19.32 — ABOUT HERO
   Source: Figma node 1:1126 copied directly.
   ONLY intentional deviation: outer Hero height = Home Hero height (656px).
   ========================================================================== */

#mfs-f1-48.mfs-about-page .f11-hero {
  width:1440px!important;
  height:656px!important;
  flex:0 0 656px!important;
  overflow:hidden!important;
}

/* Figma 1:1127: x0 y0 w1440 h703 */
#mfs-f1-48.mfs-about-page .f11-base-wrap {
  left:0!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  width:1440px!important;
  height:703px!important;
  overflow:hidden!important;
  background:#1a0e07!important;
}

/* Figma 1:1128: x373 y-13 w1067 h711 */
#mfs-f1-48.mfs-about-page .f11-base-imgbox {
  left:373px!important;
  top:-13px!important;
  width:1067px!important;
  height:711px!important;
}
#mfs-f1-48.mfs-about-page .f11-base-imgbox img {
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Figma 1:1144: x321 y1 w1120 h652 */
#mfs-f1-48.mfs-about-page .f11-front-imgbox {
  left:321px!important;
  top:1px!important;
  width:1120px!important;
  height:652px!important;
  overflow:hidden!important;
}

/* Exact image placement inside Figma 1:1144 */
#mfs-f1-48.mfs-about-page .f11-front-imgbox img {
  inset:auto!important;
  left:-0.04%!important;
  top:-6.29%!important;
  width:100.07%!important;
  height:114.42%!important;
  max-width:none!important;
  object-fit:fill!important;
  object-position:initial!important;
}

/* Figma 1:1145: x0 y-5 w1125 h703 */
#mfs-f1-48.mfs-about-page .f11-gradient {
  left:0!important;
  top:-5px!important;
  width:1125px!important;
  height:703px!important;
  background:
    radial-gradient(ellipse 1032.2px 578.13px at 1195.3px 326.5px,
      rgba(17,10,5,0) 0%,
      rgba(17,10,5,.05) 38%,
      rgba(17,10,5,.55) 60%,
      rgba(17,10,5,1) 86%),
    linear-gradient(90deg,rgb(17,10,5) 0%,rgba(17,10,5,.85) 22%,rgba(17,10,5,0) 42%)!important;
}

/* Figma 1:1146: x80 y59 w626 */
#mfs-f1-48.mfs-about-page .f11-copy[data-node-id="1:81"] {
  left:80px!important;
  top:59px!important;
  width:626px!important;
  height:520px!important;
  gap:42px!important;
}

/* Figma 1:1150: 80px / 85px, width 677, height 255 */
#mfs-f1-48.mfs-about-page .f11-copy[data-node-id="1:81"] .f11-heading-wrap {
  width:626px!important;
}
#mfs-f1-48.mfs-about-page .f11-copy[data-node-id="1:81"] .f11-heading {
  width:677px!important;
  height:255px!important;
  font-size:80px!important;
  line-height:85px!important;
  letter-spacing:-0.4754px!important;
  color:#f9fafb!important;
}
#mfs-f1-48.mfs-about-page .f11-copy[data-node-id="1:81"] .f11-heading p {
  height:85px!important;
  line-height:85px!important;
  white-space:nowrap!important;
}

/* Figma 1:1152 */
#mfs-f1-48.mfs-about-page .f11-copy[data-node-id="1:81"] .f11-subcopy {
  width:592px!important;
  height:100px!important;
  font-size:22px!important;
  line-height:40px!important;
  color:#f9fafb!important;
}

/* Hide the underlying duplicate copy exactly as the front Figma composition supersedes it. */
#mfs-f1-48.mfs-about-page .f11-copy[data-node-id="1:64"] {
  visibility:hidden!important;
}


/* ==========================================================================
   V19.33 — ABOUT HERO
   Layout/vertical geometry copied from HOME Figma node 1:61.
   About content remains About.
   No screenshot-based fitting.
   ========================================================================== */

#mfs-f1-48.mfs-about-page .f11-hero{
  width:1440px!important;
  height:656px!important;
  flex:0 0 656px!important;
  overflow:hidden!important;
}

/* HOME 1:62 */
#mfs-f1-48.mfs-about-page .f11-base-wrap{
  left:0!important; top:0!important;
  width:1440px!important; height:675px!important;
  right:auto!important; bottom:auto!important;
  overflow:hidden!important;
  background:#1a0e07!important;
}

/* HOME 1:63 */
#mfs-f1-48.mfs-about-page .f11-base-imgbox{
  left:373px!important; top:-27px!important;
  width:1067px!important; height:711px!important;
}

/* HOME visible image 1:79 geometry, ABOUT image content */
#mfs-f1-48.mfs-about-page .f11-front-imgbox{
  left:136px!important; top:0!important;
  width:1304px!important; height:656px!important;
  overflow:hidden!important;
}
#mfs-f1-48.mfs-about-page .f11-front-imgbox img{
  inset:0!important;
  left:0!important; top:0!important;
  width:100%!important; height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:bottom!important;
}

/* HOME 1:80 */
#mfs-f1-48.mfs-about-page .f11-gradient{
  left:0!important; top:-19px!important;
  width:1125px!important; height:703px!important;
}

/* HOME visible copy 1:81 */
#mfs-f1-48.mfs-about-page .f11-copy[data-node-id="1:81"]{
  left:80px!important; top:59px!important;
  width:626px!important; height:520px!important;
  gap:42px!important;
}

/* HOME heading box 1:85 geometry */
#mfs-f1-48.mfs-about-page .f11-copy[data-node-id="1:81"] .f11-heading{
  width:626px!important;
  height:223.23px!important;
  font-size:80px!important;
  line-height:85px!important;
  letter-spacing:-0.5px!important;
}
#mfs-f1-48.mfs-about-page .f11-copy[data-node-id="1:81"] .f11-heading p{
  height:auto!important;
  line-height:85px!important;
  white-space:nowrap!important;
}

/* HOME subcopy 1:87 */
#mfs-f1-48.mfs-about-page .f11-copy[data-node-id="1:81"] .f11-subcopy{
  width:592px!important;
  height:100px!important;
  font-size:22px!important;
  line-height:40px!important;
}

/* Home layout uses only the front composition */
#mfs-f1-48.mfs-about-page .f11-copy[data-node-id="1:64"]{
  visibility:hidden!important;
}


/* ==========================================================================
   V19.34 — ABOUT HERO IMAGE ONLY
   Keep V19.33/Home Hero vertical layout unchanged.
   Restore the exact About image layer geometry from Figma node 1:1144.
   ========================================================================== */

/* Figma About 1:1144: x321 y1 w1120 h652 */
#mfs-f1-48.mfs-about-page .f11-front-imgbox{
  left:321px!important;
  top:1px!important;
  width:1120px!important;
  height:652px!important;
  overflow:hidden!important;
}

/* Exact image placement inside About node 1:1144 */
#mfs-f1-48.mfs-about-page .f11-front-imgbox img{
  inset:auto!important;
  left:-0.04%!important;
  top:-6.29%!important;
  width:100.07%!important;
  height:114.42%!important;
  max-width:none!important;
  object-fit:fill!important;
  object-position:initial!important;
}

/* V19.35 — About Figma 1:1265 */
.mfs-about-contributors{box-sizing:border-box;width:100%;height:654.3px;padding:96px 80px;background:#1e130b}
.mfs-about-contributors *{box-sizing:border-box}
.mfs-about-contributors-inner{width:100%;max-width:1280px;height:462.3px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:56px}
.mfs-about-contributors-head{width:100%;height:206px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.mfs-about-contributors-heading{width:100%;height:106px;padding-top:6px}
.mfs-about-contributors-heading h2{margin:0;width:100%;font-family:"Poynter OldStyle Display","Times New Roman",serif;font-size:42px;font-weight:600;line-height:normal;letter-spacing:-.4754px;text-align:center;color:#f9fafb}
.mfs-about-contributors-rule{width:56px;height:2px;flex:0 0 2px;border-radius:1px;background:#de984b}
.mfs-about-contributors-intro{width:440px;max-width:440px;height:62px;padding-top:2px;display:flex;justify-content:center;align-items:center}
.mfs-about-contributors-intro p{margin:0;font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:400;line-height:30px;text-align:center;white-space:nowrap;color:#d0d5dd}
.mfs-about-contributors-grid{width:100%;height:200.3px;display:flex;align-items:flex-start;gap:24px}
.mfs-about-contributor{flex:1 0 0;min-width:0;height:200.3px;display:flex;flex-direction:column;align-items:center;gap:9.3px}
.mfs-about-contributor-icon{width:84px;height:84px;flex:0 0 84px;padding:2px;border:2px solid #d59c60;border-radius:42px;display:flex;align-items:center;justify-content:center}
.mfs-about-contributor-icon img{display:block;width:36px;height:36px;max-width:none}
.mfs-about-contributor-title{width:100%;height:41.7px;padding-top:12.7px;display:flex;flex-direction:column;align-items:center}
.mfs-about-contributor-title h3{margin:0;font-family:"Poynter OldStyle Display","Times New Roman",serif;font-size:24px;font-weight:600;line-height:normal;text-align:center;white-space:nowrap;color:#f9fafb}
.mfs-about-contributor>p{margin:0;width:200px;max-width:200px;height:56px;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:400;line-height:28px;text-align:center;white-space:nowrap;color:#d0d5dd}
@media(max-width:900px){.mfs-about-contributors{height:auto;padding:64px 24px}.mfs-about-contributors-inner,.mfs-about-contributors-head,.mfs-about-contributors-grid,.mfs-about-contributors-heading{height:auto}.mfs-about-contributors-heading h2{font-size:34px}.mfs-about-contributors-intro{width:100%;height:auto}.mfs-about-contributors-intro p{white-space:normal;font-size:20px}.mfs-about-contributors-grid{flex-direction:column;align-items:center;gap:40px}.mfs-about-contributor{width:100%;height:auto}}


/* V19.37 — About / WHAT MAKES THIS DIFFERENT — Figma 1:1305 */
.mfs-about-different{
  box-sizing:border-box;
  width:100%;
  padding:96px 80px;
  background:#f6f1ee;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:21.4px;
}
.mfs-about-different *{box-sizing:border-box}
.mfs-about-different-heading{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
}
.mfs-about-different-heading h2{
  margin:0;
  font-family:"Poynter OldStyle Display","Times New Roman",serif;
  font-size:58px;
  font-weight:600;
  line-height:64px;
  letter-spacing:-.4754px;
  text-align:center;
  color:#0e0e0e;
}
.mfs-about-different-rule{
  width:60px;
  height:3px;
  border-radius:2px;
  background:#d28b3f;
}
.mfs-about-different-cards{
  width:100%;
  max-width:1280px;
  padding-top:34.6px;
  display:flex;
  flex-direction:column;
  gap:50px;
}
.mfs-about-different-row{
  width:100%;
  display:flex;
  align-items:stretch;
  gap:16px;
}
.mfs-about-different-card{
  flex:1 1 0;
  min-width:0;
  min-height:395px;
  padding:20px 40px;
  border:1px solid #e6ddcf;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:22.2px;
  background:transparent;
}
.mfs-about-different-icon{
  width:133.333px;
  height:133.333px;
  flex:0 0 133.333px;
  border-radius:100px;
  background:#f4d9bd;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mfs-about-different-icon img{
  display:block;
  width:54px;
  height:54px;
  max-width:none;
}
.mfs-about-different-card h3{
  margin:14.3px 0 0;
  font-family:"Poynter OldStyle Display","Times New Roman",serif;
  font-size:40px;
  font-weight:600;
  line-height:normal;
  text-align:center;
  white-space:nowrap;
  color:#14110d;
}
.mfs-about-different-card p{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  font-size:26.667px;
  font-weight:400;
  line-height:46.667px;
  text-align:center;
  white-space:nowrap;
  color:#1a1a1a;
}
@media(max-width:900px){
  .mfs-about-different{padding:64px 24px}
  .mfs-about-different-heading h2{font-size:38px;line-height:44px}
  .mfs-about-different-row{flex-direction:column}
  .mfs-about-different-card{min-height:auto;padding:36px 24px}
  .mfs-about-different-card h3{font-size:32px;white-space:normal}
  .mfs-about-different-card p{font-size:20px;line-height:32px;white-space:normal}
}

/* V19.43 — About / See How the Feedback Works in Practice — Figma 1:1370 */
.mfs-about-sample{box-sizing:border-box;width:100%;padding:96px 80px;background:#f6f1ee;border-top:1px solid #d9d9d9}
.mfs-about-sample *{box-sizing:border-box}
.mfs-about-sample-box{width:100%;max-width:1280px;margin:0 auto;padding:66px;background:#f7f3ef;border:2px solid #e6ddcf;border-radius:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center}
.mfs-about-sample-copy{display:flex;flex-direction:column;align-items:flex-start;gap:17.4px}
.mfs-about-sample-copy h2{margin:0;width:100%;font-family:"Poynter OldStyle Display","Times New Roman",serif;font-size:58px;font-weight:600;line-height:64px;letter-spacing:-.4754px;color:#111}
.mfs-about-sample-intro{margin:0 0 14.6px;max-width:480px;font-family:Inter,Arial,sans-serif;font-size:24px;line-height:30px;color:#333}
.mfs-about-sample-button{min-height:63px;padding:24px 32px;border-radius:6px;background:linear-gradient(#de984b,#c47d32);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:#fff}
.mfs-about-sample-button img{width:32px;height:32px}
.mfs-about-sample-button span{font-family:"Poynter OldStyle Display","Times New Roman",serif;font-size:29px;font-weight:600;line-height:15px;white-space:nowrap}
.mfs-about-sample-read{display:flex;align-items:center;gap:10px;padding-top:.6px;font:400 14px/normal Inter,Arial,sans-serif;color:#333}
.mfs-about-sample-read img{width:16px;height:16px}
.mfs-about-review-wrap{height:573.963px;width:585.457px;display:flex;align-items:center;justify-content:center}
.mfs-about-review-paper{width:566.449px;height:554.532px;padding:32px 34px;background:#fff;border:2px solid #e6ddcf;border-radius:14px;box-shadow:0 14px 20px rgba(0,0,0,.06),0 14px 20px rgba(0,0,0,.06);transform:rotate(2deg);color:#0e0e0e}
.mfs-about-review-label{padding-bottom:14px;border-bottom:2px solid #e6ddcf;font:700 14px/normal Inter,Arial,sans-serif;letter-spacing:2.34px;color:#14110d}
.mfs-about-review-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:18px}
.mfs-about-review-cols h4{margin:0 0 10px;font-family:"Poynter OldStyle Display","Times New Roman",serif;font-size:16px;font-weight:600;line-height:normal;color:#14110d}
.mfs-about-review-cols p,.mfs-about-review-cols li{font:300 12px/22.4px Inter,Arial,sans-serif;color:#0e0e0e}
.mfs-about-review-cols p{margin:0 0 10px}
.mfs-about-review-cols ul{list-style:none;margin:0 0 18px;padding:0}
.mfs-about-review-cols li{position:relative;padding-left:14px}
.mfs-about-review-cols li:before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:#f26b1f}
@media(max-width:900px){.mfs-about-sample{padding:64px 24px}.mfs-about-sample-box{padding:36px 24px;grid-template-columns:1fr}.mfs-about-sample-copy h2{font-size:38px;line-height:44px}.mfs-about-sample-intro{font-size:20px;line-height:28px}.mfs-about-review-wrap{width:100%;height:auto}.mfs-about-review-paper{width:100%;height:auto;min-height:555px;transform:none}}

/* V19.45 — About / Our Process — Figma 1:1457 */
.mfs-about-process{box-sizing:border-box;width:100%;padding:86px 80px;background:#f6f1ee;border-top:1px solid #d9d9d9;display:flex;flex-direction:column;align-items:center;gap:52px}.mfs-about-process *{box-sizing:border-box}.mfs-about-process-head{text-align:center}.mfs-about-process-head h2{margin:0;font-family:"Poynter OldStyle Display","Times New Roman",serif;font-size:58px;font-weight:600;line-height:64px;letter-spacing:-.4754px;color:#0e0e0e}.mfs-about-process-rule{width:60px;height:3px;margin:15px auto 16px;border-radius:2px;background:#d28b3f}.mfs-about-process-head p{margin:0;font:400 24px/30px Inter,Arial,sans-serif;color:#333}.mfs-about-process-steps{display:flex;align-items:flex-start;justify-content:center;width:1280px}.mfs-about-process-steps article{width:293.357px;padding:0 20.688px;display:flex;flex-direction:column;align-items:center;gap:10.804px;text-align:center}.mfs-process-icon{width:91.948px;height:91.948px;border-radius:68.961px;background:#f4d9bd;display:flex;align-items:center;justify-content:center}.mfs-process-icon img{width:36.779px;height:36.779px}.mfs-about-process-steps h3{margin:14.482px 0 0;font-family:"Poynter OldStyle Display","Times New Roman",serif;font-size:27.584px;font-weight:600;color:#14110d}.mfs-about-process-steps p{margin:0;font:400 18.39px/28px Inter,Arial,sans-serif;color:#1a1a1a}.mfs-process-arrow{width:52px;margin:43px -5px 0}.mfs-about-guarantee{width:1280px;padding:34px 28px;border-radius:19px;background:#f9e9d8;display:flex;align-items:center;gap:24px}.mfs-guarantee-icon{width:60px;height:60px;border-radius:41px;background:#f8e8d7;display:flex;align-items:center;justify-content:center;flex:0 0 60px}.mfs-guarantee-icon img{width:40.909px;height:40.909px}.mfs-about-guarantee strong{font-family:"Poynter OldStyle Display","Times New Roman",serif;font-size:24px;font-weight:600;white-space:nowrap;color:#14110d}.mfs-guarantee-divider{width:2px;height:32px;background:#e6ddcf}.mfs-about-guarantee p{margin:0;font:500 18px/28px Inter,Arial,sans-serif;color:#1a1a1a;white-space:nowrap}@media(max-width:900px){.mfs-about-process{padding:64px 24px}.mfs-about-process-head h2{font-size:38px;line-height:44px}.mfs-about-process-head p{font-size:20px;line-height:28px}.mfs-about-process-steps{width:100%;flex-direction:column;align-items:center;gap:32px}.mfs-process-arrow{display:none}.mfs-about-guarantee{width:100%;align-items:flex-start;flex-wrap:wrap}.mfs-guarantee-divider{display:none}.mfs-about-guarantee p{white-space:normal;flex-basis:100%}}


/* V19.46 — About / Ready to Get Your Review banner — Figma 1:1521 */
.mfs-about-ready-review{
  box-sizing:border-box;
  width:100%;
  padding:0 80px 86px;
  background:#f6f1ee;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mfs-about-ready-review *{box-sizing:border-box}
.mfs-about-ready-review-inner{
  width:100%;
  max-width:1280px;
  min-height:156px;
  padding:30px 40px;
  border-radius:16px;
  background:#1e130b;
  display:flex;
  align-items:center;
  gap:36px;
  overflow:hidden;
}
.mfs-about-ready-review-icon{
  width:96px;
  height:96px;
  flex:0 0 96px;
  padding:1px;
  border:1px solid #ca8338;
  border-radius:48px;
  background:rgba(255,255,255,.03);
  display:flex;
  align-items:center;
  justify-content:center;
}
.mfs-about-ready-review-icon img{
  width:48px;
  height:48px;
  max-width:none;
}
.mfs-about-ready-review-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  flex:0 0 auto;
}
.mfs-about-ready-review-copy h3{
  margin:0;
  font-family:"Poynter OldStyle Display","Times New Roman",serif;
  font-size:32px;
  font-weight:600;
  line-height:normal;
  color:#fff;
  white-space:nowrap;
}
.mfs-about-ready-review-copy p{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:28px;
  color:#d0d5dd;
  white-space:nowrap;
}
.mfs-about-ready-review-action{
  margin-left:auto;
  min-width:199.57px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.mfs-about-ready-review-button{
  height:76px;
  padding:24px 32px;
  border-radius:6px;
  background:linear-gradient(#de984b,#c47d32);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:"Poynter OldStyle Display","Times New Roman",serif;
  font-size:32px;
  font-weight:600;
  line-height:normal;
  text-align:center;
  white-space:nowrap;
  color:#fff;
  text-decoration:none;
}
.mfs-about-ready-review-secure{
  display:flex;
  align-items:center;
  gap:8px;
}
.mfs-about-ready-review-secure img{
  width:16px;
  height:16px;
}
.mfs-about-ready-review-secure span{
  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  font-weight:300;
  line-height:normal;
  color:#d0d5dd;
  white-space:nowrap;
}
@media(max-width:900px){
  .mfs-about-ready-review{padding:0 24px 64px}
  .mfs-about-ready-review-inner{
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:30px 24px;
  }
  .mfs-about-ready-review-copy{align-items:center}
  .mfs-about-ready-review-copy h3,
  .mfs-about-ready-review-copy p{white-space:normal}
  .mfs-about-ready-review-action{margin-left:0;width:100%}
  .mfs-about-ready-review-button{width:100%;height:auto;font-size:28px;white-space:normal}
}


/* V19.47 — About / FAQ — Figma 1:1546 */
.mfs-about-faq{
  box-sizing:border-box;
  width:100%;
  padding:86px 80px;
  background:#f6f1ee;
  border-top:1px solid #e6ddcf;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:56px;
}
.mfs-about-faq *{box-sizing:border-box}
.mfs-about-faq-head{
  width:1012px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  text-align:center;
}
.mfs-about-faq-head h2{
  margin:0;
  width:964px;
  font-family:"Poynter OldStyle Display","Times New Roman",serif;
  font-size:58px;
  font-weight:600;
  line-height:64px;
  letter-spacing:-.4754px;
  color:#111;
}
.mfs-about-faq-rule{
  width:60px;
  height:3px;
  border-radius:2px;
  background:#d28b3f;
}
.mfs-about-faq-head p{
  margin:0;
  width:100%;
  font-family:Inter,Arial,sans-serif;
  font-size:24px;
  font-weight:400;
  line-height:30px;
  color:#333;
}
.mfs-about-faq-grid{
  width:100%;
  max-width:1282px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.mfs-about-faq-card{
  min-height:170.35px;
  padding:26px 28px;
  border:2px solid #e6ddcf;
  border-radius:14px;
  background:#f7f3ef;
  display:flex;
  align-items:flex-start;
  gap:20px;
}
.mfs-about-faq-icon{
  width:64px;
  height:64px;
  flex:0 0 64px;
  border-radius:60px;
  background:#f4d9bd;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mfs-about-faq-icon img{
  width:28px;
  height:28px;
  max-width:none;
}
.mfs-about-faq-card-copy{
  display:flex;
  flex-direction:column;
  gap:7.345px;
  min-width:0;
}
.mfs-about-faq-card h3{
  margin:0;
  font-family:"Poynter OldStyle Display","Times New Roman",serif;
  font-size:24px;
  font-weight:600;
  line-height:normal;
  color:#14110d;
}
.mfs-about-faq-card p{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:28px;
  color:#1a1a1a;
}
.mfs-about-faq-bottom{
  width:100%;
  max-width:1282px;
  padding:30.7px 28px 24px;
  border:2px solid #e6ddcf;
  border-radius:12px;
  background:#f7f3ef;
  display:flex;
  align-items:center;
  gap:20px;
}
.mfs-about-faq-bottom-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
}
.mfs-about-faq-bottom-icon img{
  width:40px;
  height:40px;
}
.mfs-about-faq-bottom h3{
  margin:0 0 3.6px;
  font-family:"Poynter OldStyle Display","Times New Roman",serif;
  font-size:24px;
  font-weight:600;
  line-height:normal;
  color:#14110d;
}
.mfs-about-faq-bottom p{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:28px;
  color:#1a1a1a;
}
@media(max-width:900px){
  .mfs-about-faq{padding:64px 24px}
  .mfs-about-faq-head{width:100%}
  .mfs-about-faq-head h2{width:100%;font-size:38px;line-height:44px}
  .mfs-about-faq-head p{font-size:20px;line-height:28px}
  .mfs-about-faq-grid{grid-template-columns:1fr}
  .mfs-about-faq-card{min-height:auto}
  .mfs-about-faq-bottom{align-items:flex-start}
}


/* V19.48 — About / Testimonials — Figma 1:1630 */
.mfs-about-testimonials{
  box-sizing:border-box;
  width:100%;
  padding:87px 80px 86px;
  background:#f6f1ee;
  border-top:1px solid #eadfcb;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:56px;
}
.mfs-about-testimonials *{box-sizing:border-box}
.mfs-about-testimonials-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
  width:100%;
}
.mfs-about-testimonials-head h2{
  margin:0;
  font-family:"Poynter OldStyle Display","Times New Roman",serif;
  font-size:58px;
  font-weight:600;
  line-height:64px;
  letter-spacing:-.4754px;
  text-align:center;
  color:#111;
  white-space:nowrap;
}
.mfs-about-testimonials-rule{
  width:60px;
  height:3px;
  border-radius:2px;
  background:#d28b3f;
}
.mfs-about-testimonials-carousel{
  width:100%;
  max-width:1280px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
}
.mfs-about-testimonials-cards{
  flex:1 1 auto;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.mfs-about-testimonial-card{
  height:291px;
  padding:26px;
  border:2px solid #e6ddcf;
  border-radius:14px;
  background:#f7f3ef;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.mfs-about-testimonial-top{
  width:100%;
  height:94px;
  display:flex;
  align-items:center;
  gap:16px;
}
.mfs-about-testimonial-avatar{
  width:80px;
  height:80px;
  border-radius:40px;
  object-fit:cover;
  flex:0 0 80px;
}
.mfs-about-testimonial-stars{
  font-family:Arial,sans-serif;
  font-size:24px;
  line-height:1;
  color:#f26b1f;
  white-space:nowrap;
}
.mfs-about-testimonial-quote{
  margin:0;
  min-height:88px;
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:normal;
  color:#0e0e0e;
}
.mfs-about-testimonial-sep{
  width:100%;
  border-top:1px dashed #e6ddcf;
  margin:0 0 14px;
}
.mfs-about-testimonial-card h3{
  margin:0 0 2px;
  font-family:"Poynter OldStyle Display","Times New Roman",serif;
  font-size:18px;
  font-weight:600;
  line-height:22.4px;
  color:#0e0e0e;
}
.mfs-about-testimonial-track{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  font-weight:300;
  line-height:22.4px;
  color:#1a1a1a;
}
.mfs-about-testimonials-arrow{
  width:42px;
  height:42px;
  flex:0 0 42px;
  padding:0;
  border:1px solid #e7c6a3;
  border-radius:60px;
  background:#efd9c1;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mfs-about-testimonials-arrow img{
  width:24px;
  height:24px;
}
.mfs-about-testimonials-arrow-next img{
  transform:rotate(180deg);
}
.mfs-about-testimonials-dots{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  width:100%;
}
.mfs-about-testimonials-dots span{
  width:12px;
  height:12px;
  border-radius:60px;
  background:#f4d9bd;
}
.mfs-about-testimonials-dots span.active{
  background:#f26b1f;
}
@media(max-width:900px){
  .mfs-about-testimonials{padding:64px 24px}
  .mfs-about-testimonials-head h2{font-size:38px;line-height:44px;white-space:normal}
  .mfs-about-testimonials-cards{grid-template-columns:1fr}
  .mfs-about-testimonials-arrow{display:none}
  .mfs-about-testimonial-card{height:auto;min-height:291px}
}


/* V19.50 — About / WHY IT MATTERS — Figma 1:1709 */
.mfs-about-why-matters{
  box-sizing:border-box;
  width:100%;
  padding:60px 80px;
  background:#f6f1ee;
  border-top:1px solid #e6ddcf;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:56px;
}
.mfs-about-why-matters *{box-sizing:border-box}
.mfs-about-why-matters-head{
  width:1042px;
  max-width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  text-align:center;
}
.mfs-about-why-matters-head h2{
  margin:0;
  font-family:"Poynter OldStyle Display","Times New Roman",serif;
  font-size:58px;
  font-weight:600;
  line-height:64px;
  letter-spacing:-.4754px;
  color:#111;
  white-space:nowrap;
}
.mfs-about-why-matters-rule{
  width:60px;
  height:3px;
  border-radius:2px;
  background:#d28b3f;
}
.mfs-about-why-matters-head p{
  margin:0;
  width:100%;
  font-family:Inter,Arial,sans-serif;
  font-size:24px;
  font-weight:400;
  line-height:30px;
  color:#333;
}
.mfs-about-why-matters-grid{
  width:100%;
  max-width:1280px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:24px;
}
.mfs-about-why-card{
  height:336px;
  padding:24px;
  border:2px solid #e6ddcf;
  border-radius:12px;
  background:transparent;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  text-align:center;
}
.mfs-about-why-icon{
  width:84px;
  height:84px;
  flex:0 0 84px;
  border-radius:42px;
  background:#f4d9bd;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mfs-about-why-icon img{
  width:32px;
  height:32px;
  max-width:none;
}
.mfs-about-why-card:nth-child(3) .mfs-about-why-icon img,
.mfs-about-why-card:nth-child(4) .mfs-about-why-icon img{
  width:36px;
  height:36px;
}
.mfs-about-why-card h3{
  margin:10px 0 0;
  font-family:"Poynter OldStyle Display","Times New Roman",serif;
  font-size:24px;
  font-weight:600;
  line-height:normal;
  color:#14110d;
}
.mfs-about-why-card p{
  margin:0;
  max-width:220px;
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:28px;
  color:#1a1a1a;
}
@media(max-width:1100px){
  .mfs-about-why-matters-grid{grid-template-columns:repeat(2,1fr)}
  .mfs-about-why-matters-head h2{white-space:normal}
}
@media(max-width:700px){
  .mfs-about-why-matters{padding:60px 24px}
  .mfs-about-why-matters-head h2{font-size:38px;line-height:44px}
  .mfs-about-why-matters-head p{font-size:20px;line-height:28px}
  .mfs-about-why-matters-grid{grid-template-columns:1fr}
  .mfs-about-why-card{height:auto;min-height:300px}
}


/* V19.51 — About / Section 14 Mockup card — Figma 1:1774 */
.mfs-about-mockup-card{
  box-sizing:border-box;
  width:100%;
  padding:0 80px 80px;
  background:#f6f1ee;
}
.mfs-about-mockup-card *{box-sizing:border-box}
.mfs-about-mockup-card-inner{
  width:100%;
  max-width:1280px;
  height:580px;
  margin:0 auto;
  padding:50px;
  border:2px solid #e6ddcf;
  border-radius:18px;
  background:#f7f3ef;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:48px;
}
.mfs-about-mockup-copy{
  height:480px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
}
.mfs-about-mockup-copy-main{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding-top:29px;
}
.mfs-about-mockup-copy h2{
  margin:0;
  font-family:"Poynter OldStyle Display","Times New Roman",serif;
  font-size:38px;
  font-weight:600;
  line-height:44.84px;
  letter-spacing:-.3px;
  color:#14110d;
}
.mfs-about-mockup-list{
  padding:8px 0;
  display:flex;
  flex-direction:column;
  gap:13.6px;
}
.mfs-about-mockup-list-item{
  display:flex;
  align-items:center;
  gap:12px;
}
.mfs-about-mockup-list-item span{
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:12px;
  background:#f26b1f;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mfs-about-mockup-list-item img{
  width:14px;
  height:14px;
  display:block;
}
.mfs-about-mockup-list-item p{
  margin:0;
  font:400 16px/28px Inter,Arial,sans-serif;
  color:#1a1a1a;
  white-space:nowrap;
}
.mfs-about-mockup-goal{
  width:100%;
  min-height:97px;
  padding:24px 22px;
  border:2px solid #e6ddcf;
  border-radius:12px;
  background:#f7f3ef;
  display:flex;
  align-items:center;
  gap:14px;
}
.mfs-about-mockup-goal>img{
  width:27px;
  height:29px;
  flex:0 0 27px;
}
.mfs-about-mockup-goal strong{
  display:block;
  margin:0 0 6px;
  font-family:"Poynter OldStyle Display","Times New Roman",serif;
  font-size:20px;
  font-weight:600;
  line-height:normal;
  color:#14110d;
}
.mfs-about-mockup-goal p{
  margin:0;
  font:400 16px/normal Inter,Arial,sans-serif;
  color:#2a2520;
  white-space:nowrap;
}
.mfs-about-mockup-visual{
  position:relative;
  height:480px;
}
.mfs-about-monitor{
  position:absolute;
  top:30px;
  right:0;
  width:560px;
  height:340px;
  overflow:hidden;
  border:8px solid #1a1612;
  border-bottom-width:18px;
  border-radius:14px 14px 4px 4px;
  background:#0b0703;
}
.mfs-about-monitor-content{
  padding:18px 22px;
  color:#fff;
}
.mfs-about-monitor-head{
  display:flex;
  gap:14px;
  align-items:flex-start;
  height:110px;
}
.mfs-about-album-art{
  width:96px;
  height:96px;
  flex:0 0 96px;
  border-radius:6px;
  background:radial-gradient(circle at 50% 40%,#f0892e 0%,#c36d25 18%,#95521c 36%,#683613 54%,#3a1a0a 72%,#0a0503 100%);
}
.mfs-about-monitor-meta{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.mfs-about-monitor-meta h4{
  margin:0;
  font:500 18px/normal "Playfair Display","Times New Roman",serif;
}
.mfs-about-monitor-meta span{
  font:400 12px/normal Inter,Arial,sans-serif;
  color:#8c8278;
}
.mfs-about-monitor-meta span:last-child{padding-top:4px;color:#c9bfb4}
.mfs-about-play{
  width:30px;height:30px;border-radius:15px;background:#2dbf7e;color:#0b0703;
  display:flex;align-items:center;justify-content:center;font-size:12px
}
.mfs-about-monitor-audience{
  border-top:1px solid #2a1a0e;
  padding-top:13px;
}
.mfs-about-monitor-audience>strong{
  display:block;
  margin-bottom:8px;
  font:600 12px/normal Inter,Arial,sans-serif;
}
.mfs-about-monitor-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  height:32px;
}
.mfs-about-monitor-stats div{display:flex;flex-direction:column;gap:2px}
.mfs-about-monitor-stats span{font:400 11px/normal Inter,Arial,sans-serif;color:#c9bfb4}
.mfs-about-monitor-stats b{font:600 14px/normal Inter,Arial,sans-serif;color:#fff}
.mfs-about-monitor-chart{
  margin-top:8px;
  height:96px;
  border-radius:8px;
  background:
    radial-gradient(circle at 30% 50%,rgba(242,107,31,.52) 0 2px,transparent 3px),
    radial-gradient(circle at 50% 40%,rgba(242,107,31,.65) 0 2px,transparent 3px),
    radial-gradient(circle at 70% 55%,rgba(242,107,31,.5) 0 2px,transparent 3px),
    radial-gradient(circle at 82% 38%,rgba(242,107,31,.45) 0 2px,transparent 3px),
    linear-gradient(90deg,#1a0d05,#0a0503);
}
.mfs-about-monitor-cities{
  padding-top:6px;
  font:600 11px/normal Inter,Arial,sans-serif;
  color:#fff;
}
.mfs-about-phone{
  position:absolute;
  left:0;
  bottom:0;
  width:170px;
  height:340px;
  overflow:hidden;
  border:6px solid #1a1612;
  border-radius:24px;
  background:#0b0703;
  box-shadow:0 12px 30px rgba(0,0,0,.45);
  color:#fff;
}
.mfs-about-phone-status{
  height:18px;padding:4px 12px;display:flex;justify-content:space-between;align-items:center;
  font:400 9px/normal Inter,Arial,sans-serif;
}
.mfs-about-phone-cover{
  position:absolute;left:14px;right:14px;top:32px;height:120px;border-radius:8px;
  background:radial-gradient(circle at 50% 40%,#f0892e,#c36d25 18%,#95521c 36%,#683613 54%,#3a1a0a 72%,#0a0503 100%);
}
.mfs-about-phone-play{
  position:absolute;left:10px;bottom:10px;width:34px;height:34px;border-radius:17px;background:#2dbf7e;color:#0b0703;
  display:flex;align-items:center;justify-content:center;font-size:16px
}
.mfs-about-phone-title{position:absolute;top:164px;left:14px;font:500 13px/normal "Playfair Display","Times New Roman",serif}
.mfs-about-phone-by{position:absolute;top:181.5px;left:14px;font:400 10px/normal Inter,Arial,sans-serif;color:#8c8278}
.mfs-about-phone-desc{position:absolute;top:199.5px;left:14px;font:400 9.5px/14.25px Inter,Arial,sans-serif;color:#c9bfb4}
.mfs-about-phone-saves{position:absolute;top:270px;left:14px;font:400 9.5px/14.25px Inter,Arial,sans-serif;color:#c9bfb4}
.mfs-about-phone-track{position:absolute;top:293px;left:14px;right:14px;display:flex;gap:8px;align-items:center}
.mfs-about-phone-track>span{width:30px;height:30px;border-radius:4px;background:#3a1a0a}
.mfs-about-phone-track div{display:flex;flex-direction:column}
.mfs-about-phone-track b{font:500 11px/normal Inter,Arial,sans-serif}
.mfs-about-phone-track small{font:400 9.5px/normal Inter,Arial,sans-serif;color:#8c8278}
@media(max-width:1050px){
  .mfs-about-mockup-card{padding:0 24px 64px}
  .mfs-about-mockup-card-inner{height:auto;grid-template-columns:1fr;padding:32px}
  .mfs-about-mockup-copy,.mfs-about-mockup-visual{height:auto}
  .mfs-about-mockup-visual{min-height:430px}
  .mfs-about-monitor{right:0;max-width:100%}
}
@media(max-width:700px){
  .mfs-about-mockup-copy h2{font-size:34px;line-height:40px}
  .mfs-about-mockup-list-item p,.mfs-about-mockup-goal p{white-space:normal}
  .mfs-about-monitor{width:90%;height:300px}
  .mfs-about-phone{transform:scale(.9);transform-origin:left bottom}
}


/* V19.52 — About / Ready to Take the Next Step — Figma 1:1883 */
.mfs-about-next-step{box-sizing:border-box;width:100%;padding:0 80px 80px;background:#f6f1ee}
.mfs-about-next-step *{box-sizing:border-box}
.mfs-about-next-step-inner{position:relative;width:100%;max-width:1280px;height:297px;margin:0 auto;padding:42px 48px;overflow:hidden;border-radius:16px;background:#0b0703;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px}
.mfs-about-next-step-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 190px 180px at 80% 30%,rgba(242,107,31,.10) 0%,rgba(242,107,31,0) 50%),radial-gradient(ellipse 210px 195px at 90% 80%,rgba(242,107,31,.08) 0%,rgba(242,107,31,0) 60%)}
.mfs-about-next-step-left{position:relative;z-index:1;height:202px;display:flex;align-items:flex-start;gap:24px}
.mfs-about-next-step-icon{width:96px;height:96px;flex:0 0 96px;padding:1px;border:1px solid #ca8338;border-radius:48px;background:rgba(255,255,255,.03);display:flex;align-items:center;justify-content:center}
.mfs-about-next-step-icon img{width:48px;height:48px;display:block}
.mfs-about-next-step-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.mfs-about-next-step-copy h2{margin:0;font-family:"Poynter OldStyle Display","Times New Roman",serif;font-size:32px;font-weight:600;line-height:normal;color:#fff;white-space:nowrap}
.mfs-about-next-step-copy>p{width:380px;margin:0;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:400;line-height:28px;text-align:center;color:#d0d5dd}
.mfs-about-next-step-action{padding-top:12px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.mfs-about-next-step-button{min-height:71.755px;padding:24px 32px;border-radius:6px;background:linear-gradient(#de984b,#c47d32);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.mfs-about-next-step-button span{font-family:"Poynter OldStyle Display","Times New Roman",serif;font-size:29px;font-weight:600;line-height:15px;color:#fff;white-space:nowrap}
.mfs-about-next-step-button img{width:26.753px;height:23.755px;display:block}
.mfs-about-next-step-meta{display:flex;align-items:flex-start;gap:24px}
.mfs-about-next-step-meta span{display:flex;align-items:center;gap:8px;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:300;line-height:normal;color:#c9bfb4;white-space:nowrap}
.mfs-about-next-step-meta img{width:14px;height:14px;display:block}
.mfs-about-next-step-quote{position:relative;z-index:1;align-self:center;padding-left:37px;border-left:1px solid #2a1a0e;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.mfs-about-next-step-quote-text{margin:0;min-height:71.3px;font-family:"Poynter OldStyle Display","Times New Roman",serif;font-size:18px;line-height:27.9px;font-style:italic;color:#f4ece3}
.mfs-about-next-step-mark{display:inline-block;margin-right:5px;font-family:"Playfair Display","Times New Roman",serif;font-size:28px;font-weight:500;font-style:normal;line-height:43.4px;color:#ca8338;vertical-align:middle}
.mfs-about-next-step-quote-rule{width:34px;border-top:1px solid #ca8338}
.mfs-about-next-step-quote-bottom{margin:0;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#d0d5dd}
@media(max-width:1000px){.mfs-about-next-step{padding:0 24px 64px}.mfs-about-next-step-inner{height:auto;grid-template-columns:1fr;gap:36px;padding:36px 30px}.mfs-about-next-step-left{height:auto}.mfs-about-next-step-copy h2{white-space:normal}.mfs-about-next-step-copy>p{width:auto;text-align:left}.mfs-about-next-step-meta{flex-wrap:wrap}.mfs-about-next-step-quote{padding-left:24px}}
@media(max-width:620px){.mfs-about-next-step-left{flex-direction:column}.mfs-about-next-step-button{width:100%}.mfs-about-next-step-button span{font-size:26px;white-space:normal;line-height:1.1}}


/* V19.53 — About / Our Promise to You — Figma 1:1930 */
.mfs-about-promise{
  box-sizing:border-box;
  width:100%;
  padding:0 80px 86px;
  background:#f6f1ee;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:40px;
}
.mfs-about-promise *{box-sizing:border-box}
.mfs-about-promise-card{
  width:100%;
  max-width:1284.546px;
  padding:39.949px;
  border:2.35px solid #e6ddcf;
  border-radius:16.45px;
  background:#f7f3ef;
  display:flex;
  align-items:flex-start;
  gap:19.975px;
}
.mfs-about-promise-item{
  min-height:76.511px;
  display:flex;
  align-items:flex-start;
  gap:16.45px;
}
.mfs-about-promise-item:nth-child(1){width:280.782px}
.mfs-about-promise-item:nth-child(2){width:283.055px}
.mfs-about-promise-item:nth-child(3){width:296.696px}
.mfs-about-promise-item:nth-child(4){width:284.192px;gap:22.324px}
.mfs-about-promise-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  padding:1.175px;
  border:1.175px solid #d4c1ac;
  border-radius:21.149px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mfs-about-promise-icon img{
  display:block;
  max-width:none;
}
.mfs-about-promise-item:nth-child(1) .mfs-about-promise-icon img,
.mfs-about-promise-item:nth-child(2) .mfs-about-promise-icon img{
  width:25.009px;
  height:26.718px;
}
.mfs-about-promise-item:nth-child(3) .mfs-about-promise-icon img{
  width:24.025px;
  height:25.667px;
}
.mfs-about-promise-item:nth-child(4) .mfs-about-promise-icon img{
  width:25.009px;
  height:20.646px;
}
.mfs-about-promise-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4.7px;
}
.mfs-about-promise-copy h3{
  margin:0;
  font-family:"Poynter OldStyle Display","Times New Roman",serif;
  font-size:18.8px;
  font-weight:600;
  line-height:normal;
  color:#14110d;
  white-space:nowrap;
}
.mfs-about-promise-copy p{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  font-size:16.45px;
  font-weight:500;
  line-height:22.771px;
  color:#5c544a;
}
.mfs-about-promise-cta{
  width:888px;
  max-width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.mfs-about-promise-cta-copy p{
  margin:0;
  font-family:"Poynter OldStyle Display","Times New Roman",serif;
  font-size:24px;
  font-weight:600;
  line-height:31.2px;
  color:#14110d;
  white-space:nowrap;
}
.mfs-about-promise-cta-copy p:last-child{
  color:#c47d32;
}
.mfs-about-promise-button{
  padding:24px 32px;
  border-radius:6px;
  background:linear-gradient(#de984b,#c47d32);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
}
.mfs-about-promise-button span{
  font-family:"Poynter OldStyle Display","Times New Roman",serif;
  font-size:29px;
  font-weight:600;
  line-height:15px;
  color:#fff;
  white-space:nowrap;
}
.mfs-about-promise-button img{
  width:26.753px;
  height:23.755px;
  display:block;
}
@media(max-width:1100px){
  .mfs-about-promise{padding:0 24px 64px}
  .mfs-about-promise-card{flex-wrap:wrap}
  .mfs-about-promise-item{width:calc(50% - 10px)!important}
}
@media(max-width:760px){
  .mfs-about-promise-item{width:100%!important}
  .mfs-about-promise-cta{flex-direction:column;align-items:flex-start;gap:24px}
  .mfs-about-promise-cta-copy p{white-space:normal}
}


/* ==========================================================================
   V19.60 — HOME FOOTER rebuilt literally from current Figma node 1:983.
   The exact same markup/classes are used by About, so About receives this
   identical footer automatically. This final block intentionally overrides
   all older footer experiments without touching any other section.
   ========================================================================== */
.mfs-footer{
  width:100%!important;height:798px!important;min-height:798px!important;
  margin:0!important;padding:90px 80px 60px!important;
  box-sizing:border-box!important;overflow:hidden!important;
  background:#111!important;color:#F9FAFB!important;
}
.mfs-footer .mfsf-inner{
  width:100%!important;max-width:1280px!important;height:648px!important;
  margin:0 auto!important;display:flex!important;flex-direction:column!important;
  gap:32px!important;align-items:flex-start!important;
}
.mfs-footer .mfsf-top{
  width:100%!important;height:381px!important;flex:0 0 381px!important;
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;
}
.mfs-footer .mfsf-col{width:269px!important;min-width:269px!important;flex:0 0 269px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:32px!important}
.mfs-footer .mfsf-vline{width:1px!important;flex:0 0 1px!important;align-self:stretch!important;background:#333!important}
.mfs-footer .mfsf-col h4{width:100%!important;margin:0!important;padding:0!important;color:#F9FAFB!important;font-family:Inter,Arial,sans-serif!important;font-size:20px!important;line-height:normal!important;font-weight:700!important;text-transform:uppercase!important}
.mfs-footer .mfsf-col h5{width:100%!important;margin:0!important;padding:0!important;color:#F9FAFB!important;font-family:Poppins,Inter,Arial,sans-serif!important;font-size:18px!important;line-height:28px!important;font-weight:600!important}
.mfs-footer .mfsf-col p,.mfs-footer .mfsf-col a{font-family:Inter,Arial,sans-serif!important;font-size:16px!important;line-height:20px!important;font-weight:400!important}
.mfs-footer .mfsf-locations-body{width:269px!important;height:325px!important;display:flex!important;flex-direction:column!important;gap:20px!important;align-items:flex-start!important}
.mfs-footer .mfsf-office{width:269px!important;display:flex!important;gap:20px!important;align-items:flex-start!important}
.mfs-footer .mfsf-flag{width:40px!important;height:40px!important;flex:0 0 40px!important;object-fit:cover!important;border-radius:40px!important}
.mfs-footer .mfsf-office-copy{min-width:0!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;gap:12px!important;align-items:flex-start!important}
.mfs-footer .mfsf-office-copy p{width:100%!important;margin:0!important;padding:0!important;color:#D0D5DD!important}
.mfs-footer .mfsf-worldwide{width:269px!important;display:flex!important;gap:20px!important;align-items:flex-start!important}
.mfs-footer .mfsf-round-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:60px!important;background:#222!important}
.mfs-footer .mfsf-round-icon img{width:24px!important;height:24px!important;display:block!important}
.mfs-footer .mfsf-worldwide p{margin:0!important;padding:0!important;color:#D0D5DD!important;white-space:nowrap!important}
.mfs-footer .mfsf-support-body{width:269px!important;display:flex!important;flex-direction:column!important;gap:16px!important;align-items:flex-start!important}
.mfs-footer .mfsf-support-item{width:269px!important;display:flex!important;gap:20px!important;align-items:flex-start!important}
.mfs-footer .mfsf-icon32{width:32px!important;height:32px!important;flex:0 0 32px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mfs-footer .mfsf-icon32 img{width:32px!important;height:32px!important;display:block!important}
.mfs-footer .mfsf-support-item>div{min-width:0!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;gap:12px!important;align-items:flex-start!important}
.mfs-footer .mfsf-support-copy{width:100%!important;display:flex!important;flex-direction:column!important;gap:7px!important}
.mfs-footer .mfsf-support-item:nth-child(2) .mfsf-support-copy{gap:6px!important}
.mfs-footer .mfsf-support-item p{width:100%!important;margin:0!important;color:#D0D5DD!important}
.mfs-footer .mfsf-support-item a{color:#F9FAFB!important;text-decoration:underline!important;text-underline-position:from-font!important}
.mfs-footer .mfsf-resource-links{width:269px!important;display:flex!important;flex-direction:column!important;gap:16px!important;align-items:flex-start!important}
.mfs-footer .mfsf-resource-links a{width:269px!important;margin:0!important;display:flex!important;gap:20px!important;align-items:flex-start!important;color:#D0D5DD!important;text-decoration:underline!important;text-underline-position:from-font!important}
.mfs-footer .mfsf-icon24{width:24px!important;height:24px!important;flex:0 0 24px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mfs-footer .mfsf-icon24 img{width:24px!important;height:24px!important;display:block!important}
.mfs-footer .mfsf-more{width:269px!important;margin:0!important;color:#DE984B!important;font-weight:600!important;line-height:normal!important;text-decoration:underline!important;text-underline-position:from-font!important}
.mfs-footer .mfsf-quick-links{width:105px!important;display:flex!important;flex-direction:column!important;gap:16px!important;align-items:flex-start!important}
.mfs-footer .mfsf-quick-links a{width:105px!important;margin:0!important;color:#D0D5DD!important;text-decoration:underline!important;text-underline-position:from-font!important}
.mfs-footer .mfsf-lower{width:100%!important;height:235px!important;flex:0 0 235px!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.mfs-footer .mfsf-about-row{width:100%!important;height:165px!important;flex:0 0 165px!important;margin-bottom:-14px!important;border-top:1px solid #333!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mfs-footer .mfsf-about-inner{width:100%!important;min-width:0!important;flex:1 1 auto!important;display:flex!important;align-items:center!important;gap:16px!important}
.mfs-footer .mfsf-brand{width:349px!important;height:128px!important;flex:0 0 349px!important;position:relative!important}
.mfs-footer .mfsf-brand-art{position:absolute!important;left:0!important;top:.375px!important;width:141px!important;height:128px!important;overflow:hidden!important}
.mfs-footer .mfsf-brand-art img{position:absolute!important;width:210%!important;height:154.72%!important;max-width:none!important;left:-8.9%!important;top:-24.8%!important}
.mfs-footer .mfsf-brand-vline{position:absolute!important;left:159px!important;top:27.5px!important;width:3px!important;height:73px!important;background:none!important;border:0!important}
.mfs-footer .mfsf-brand-vline img{width:3px!important;height:73px!important;display:block!important}
.mfs-footer .mfsf-brand-text{position:absolute!important;left:179px!important;top:0!important;width:170px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;font-family:"Cormorant Garamond",Georgia,serif!important;font-size:40px!important;line-height:normal!important;font-weight:500!important;letter-spacing:1.08px!important;font-variant-caps:all-small-caps!important;font-feature-settings:"smcp" 1,"c2sc" 1!important;color:#fff!important}
.mfs-footer .mfsf-brand-text span{width:170px!important;line-height:normal!important;margin:0!important}
.mfs-footer .mfsf-brand-text span:nth-child(1),.mfs-footer .mfsf-brand-text span:nth-child(2){margin-bottom:-8px!important}
.mfs-footer .mfsf-brand-text span:nth-child(2){color:#FDB84D!important}
.mfs-footer .mfsf-policies{flex:0 0 auto!important;display:flex!important;gap:16px!important;align-items:center!important;padding-left:76px!important;padding-top:4px!important;white-space:nowrap!important}
.mfs-footer .mfsf-policies>a,.mfs-footer .mfsf-private a{margin:0!important;color:#F9FAFB!important;font-family:Inter,Arial,sans-serif!important;font-size:20px!important;line-height:normal!important;font-weight:400!important;text-decoration:underline!important;text-underline-position:from-font!important}
.mfs-footer .mfsf-policy-vline{width:1px!important;height:28px!important;flex:0 0 1px!important;background:#333!important}
.mfs-footer .mfsf-private{display:flex!important;gap:12px!important;align-items:center!important}
.mfs-footer .mfsf-private-lock{width:24px!important;height:24px!important;flex:0 0 24px!important;display:block!important}
.mfs-footer .mfsf-private-lock img{width:24px!important;height:24px!important;display:block!important}
.mfs-footer .mfsf-tail{width:100%!important;height:84px!important;flex:0 0 84px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important}
.mfs-footer .mfsf-copyright{width:550px!important;padding-left:12px!important;color:#D9D9D9!important;font-family:Inter,Arial,sans-serif!important;font-size:18px!important;line-height:normal!important;font-weight:400!important}
.mfs-footer .mfsf-language{width:337px!important;flex:0 0 337px!important;display:flex!important;flex-direction:column!important;gap:10px!important;align-items:flex-start!important}
.mfs-footer .mfsf-language>p{width:337px!important;margin:0!important;color:#F9FAFB!important;font-family:Inter,Arial,sans-serif!important;font-size:16px!important;line-height:normal!important;font-weight:500!important}
.mfs-footer .mfsf-language-box{position:relative!important;width:337px!important;height:55px!important;overflow:hidden!important;border:1px solid #98A2B3!important;border-radius:12px!important;background:rgba(17,17,17,.4)!important;box-shadow:0 0 17px rgba(18,17,13,.08)!important}
.mfs-footer .mfsf-language-left{position:absolute!important;left:6px!important;top:5.64px!important;width:135px!important;display:flex!important;gap:6px!important;align-items:center!important}
.mfs-footer .mfsf-language-left img{width:40px!important;height:40px!important;border-radius:40px!important;object-fit:cover!important}
.mfs-footer .mfsf-language-left span{width:67px!important;height:28px!important;color:#F9FAFB!important;font-family:Inter,Arial,sans-serif!important;font-size:18px!important;line-height:28px!important;font-weight:500!important}
.mfs-footer .mfsf-chevron{position:absolute!important;left:297px!important;top:13.64px!important;width:24px!important;height:24px!important;display:block!important}
.mfs-footer .mfsf-chevron img{width:24px!important;height:24px!important;display:block!important}

/* ========================================================================== 
   V19.61 — How It Works page, Figma 1:2117 / first sections literal pass
   Footer remains the fixed V19.60 footer.
   ========================================================================== */
.mfs-hiw-page,.mfs-hiw-page *{box-sizing:border-box}.mfs-hiw-page p,.mfs-hiw-page h1,.mfs-hiw-page h2,.mfs-hiw-page h3{margin:0}.mfs-hiw-page img{display:block;max-width:none}.mfs-hiw-page a{text-decoration:none}
.hiw-top{width:100%;height:1079px;position:relative;overflow:visible;background:#0f0905}.hiw-canvas{position:absolute;left:50%;top:0;transform:translateX(-50%);width:1440px;height:1079px;overflow:hidden;background:#0f0905}
.hiw-header{position:absolute;left:0;top:0;width:1440px;height:174px;background:#030303;border-bottom:1px solid #040404;z-index:20}.hiw-nav{position:absolute;left:585px;top:76px;display:flex;gap:40px;align-items:center;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:400;line-height:normal;white-space:nowrap}.hiw-nav a{position:relative;color:#f4ece3}.hiw-nav a:nth-child(-n+2){color:#fff}.hiw-nav a.is-active:after{content:"";position:absolute;left:0;right:0;margin:auto;bottom:-14px;width:82px;height:2px;background:#d28b3f;border-radius:1px}.hiw-get-started{position:absolute;left:1189px;top:61.5px;padding:18px 24px;border-radius:6px;background:linear-gradient(180deg,#de984b,#c47d32);font:500 20px/15px Poppins,Arial,sans-serif;color:#3c1b01}.hiw-logo{position:absolute!important;left:81px!important;top:24px!important;width:349px!important;height:128.375px!important}.hiw-logo img{width:349px!important;height:128.375px!important;object-fit:contain!important}
.hiw-hero{position:absolute;left:0;top:174px;width:1440px;height:656px;overflow:hidden;background:#1a0e07}.hiw-hero-image-a{position:absolute;left:373px;top:-37px;width:1067px;height:711px;object-fit:cover}.hiw-hero-image-b{position:absolute;left:276px;top:-50px;width:1164px;height:775px;object-fit:cover;opacity:.88}.hiw-hero-gradient{position:absolute;inset:0 0 -28px 0;background:radial-gradient(ellipse 1100px 550px at 1123px 342px,rgba(17,10,5,0) 0%,rgba(17,10,5,.05) 38%,rgba(17,10,5,.55) 60%,#110a05 86%),linear-gradient(90deg,#110a05 0%,rgba(17,10,5,.85) 22%,rgba(17,10,5,0) 42%)}.hiw-hero-copy{position:absolute;left:81px;top:61px;width:626px;height:520px;display:flex;flex-direction:column;gap:42px;z-index:5}.hiw-hero-upper{display:flex;flex-direction:column;gap:42px}.hiw-hero-intro{display:flex;flex-direction:column;gap:24px}.hiw-hero h1{height:223.23px;font-family:"Poynter OldStyle Display",Georgia,serif;font-size:80px;font-weight:600;line-height:85px;letter-spacing:-.4754px;color:#f9fafb}.hiw-accent{width:84px;height:3px;border-radius:2px;background:#d28b3f}.hiw-subcopy{height:100px;font:300 22px/40px Inter,Arial,sans-serif;color:#f9fafb}.hiw-review-button{display:flex;width:max-content;align-items:center;gap:10px;padding:24px 32px;border-radius:6px;background:linear-gradient(180deg,#de984b,#c47d32);font:500 29px/15px Poppins,Arial,sans-serif;color:#fff}.hiw-arrow{font:400 30px/15px Arial,sans-serif}.hiw-loved{display:flex;gap:8px;align-items:center;font:400 16px/16px Inter,Arial,sans-serif;color:#fffffe}.hiw-loved img{width:27px;height:27px}
.hiw-stats{position:absolute;left:0;top:830px;width:1440px;height:249px;display:flex;align-items:center;background:#0f0905;border-top:1px solid #504a42;border-bottom:1px solid #504a42}.hiw-stat{width:360px;height:247px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.hiw-stat img{width:42px;height:42px}.hiw-stat strong{font-family:"Poynter OldStyle Display",Georgia,serif;font-size:54px;font-weight:600;line-height:56px;letter-spacing:-.5px;color:#fff}.hiw-stat span{font:300 22px/normal Inter,Arial,sans-serif;color:#fffffe;text-align:center}.hiw-stat-line{width:1px;height:200px;background:#504a42;flex:0 0 1px}
.hiw-process{width:1440px;height:992.797px;margin:0 auto;background:#f6f1ee;border-bottom:1px solid #e6ddcf;padding:86px 80px;display:flex;flex-direction:column;align-items:center;gap:56px}.hiw-process-head{display:flex;flex-direction:column;align-items:center;gap:15px}.hiw-process-head h2{font-family:"Poynter OldStyle Display",Georgia,serif;font-size:58px;font-weight:600;line-height:64px;letter-spacing:-.4754px;color:#14110d}.hiw-process-head>div{width:60px;height:3px;border-radius:2px;background:#d28b3f}.hiw-process-cards{width:1280px;height:502px;display:flex;gap:24px}.hiw-step-card{position:relative;width:411px;height:502px;padding:66px 38px 38px;background:#f7f3ef;border:2px solid #e6ddcf;border-radius:14px;display:flex;flex-direction:column;align-items:center}.hiw-step-card:nth-child(2){width:410px}.hiw-step-num{position:absolute;top:-27px;left:50%;transform:translateX(-50%);width:52px;height:52px;border:1.081px solid #e6ddcf;border-radius:60px;background:#f1e3d5;display:flex;align-items:center;justify-content:center;font:700 28px/28.471px "Poynter OldStyle Display",Georgia,serif;color:#6b6258}.hiw-step-icon{height:90px;display:flex;align-items:center;justify-content:center}.hiw-step-icon img{width:60px;height:60px}.hiw-step-icon-large img{width:80px;height:80px}.hiw-step-card h3{height:34px;margin:0 0 24px;font:600 28px/normal "Poynter OldStyle Display",Georgia,serif;letter-spacing:-.3px;color:#14110d;text-align:center}.hiw-step-card>p{height:195px;font:400 16px/28px Inter,Arial,sans-serif;color:#1a1a1a;text-align:center}.hiw-step-card:nth-child(2)>p{height:192px}.hiw-step-card:nth-child(3)>p{height:141px}.hiw-note{margin-top:auto;width:335px;min-height:66px;padding:14px 16px;border-radius:10px;background:#fbe8d2;display:flex;align-items:center;justify-content:center;gap:17px}.hiw-step-card:nth-child(n+2) .hiw-note{gap:12px}.hiw-note img{width:24px;height:24px}.hiw-note div{display:flex;flex-direction:column;gap:2px}.hiw-note strong{font:600 16px/normal Inter,Arial,sans-serif;color:#14110d;white-space:nowrap}.hiw-note span{font:400 14px/normal Inter,Arial,sans-serif;color:#2a2520;white-space:nowrap}.hiw-process-meta{width:1280px;height:124.797px;border:2px solid #e6ddcf;border-radius:14px;background:#f7f3ef;display:grid;grid-template-columns:1fr 1fr 1fr}.hiw-meta-item{display:flex;align-items:center;justify-content:center;gap:18px;padding:24px 36px}.hiw-meta-icon{width:60px;height:60px;border-radius:60px;background:#f4d9bd;display:flex;align-items:center;justify-content:center;flex:0 0 60px}.hiw-meta-icon img{width:32px;height:32px}.hiw-meta-item>div{display:flex;flex-direction:column;gap:5.3px;align-items:flex-start}.hiw-meta-item b{font:700 14px/normal Inter,Arial,sans-serif;letter-spacing:2.6px;color:#111}.hiw-meta-item strong{font:600 24px/28px "Poynter OldStyle Display",Georgia,serif;color:#111;white-space:nowrap}.hiw-meta-item span{font:400 14px/18px Inter,Arial,sans-serif;color:#2a2520;white-space:nowrap}
@media(max-width:1439px){.hiw-top{overflow-x:auto}.hiw-canvas{left:0;transform:none}.hiw-process{margin-left:0}}


/* V19.62 - HIW top cloned from accepted Home master */
#mfs-hiw-master, #mfs-hiw-master * { box-sizing: border-box; }
#mfs-hiw-master { width:100%; height:1077px; position:relative; overflow:visible; background:#0f0e0b; }
#mfs-hiw-master a { text-decoration:none; }
#mfs-hiw-master p { margin:0; padding:0; }
#mfs-hiw-master img { border:0; margin:0; padding:0; }
#mfs-hiw-master .f11-canvas {
  position:absolute; width:1440px; height:1077px; left:50%; top:0; transform:translateX(-50%);
  background:#0f0e0b; overflow:hidden;
}
#mfs-hiw-master .f11-header {
  position:absolute; width:1440px; height:174px; left:0; top:-1px;
  background:#030303; border-bottom:1px solid #040404;
}
#mfs-hiw-master .f11-nav {
  position:absolute; left:585px; top:76px; display:flex; align-items:center; gap:40px;
  font-family:Inter,Arial,sans-serif; font-size:18px; line-height:normal; font-weight:400; white-space:nowrap;
}
#mfs-hiw-master .f11-nav a { color:#fff; }
#mfs-hiw-master .f11-nav a:nth-child(n+3) { color:#f4ece3; }
#mfs-hiw-master .f11-get-started {
  position:absolute; left:1189px; top:60.5px; display:flex; align-items:center; justify-content:center;
  padding:18px 24px; border-radius:6px; background:linear-gradient(180deg,#de984b 0%,#c47d32 100%);
  font-family:Poppins,Arial,sans-serif; font-size:20px; line-height:15px; font-weight:500; color:#3c1b01; white-space:nowrap;
}
#mfs-hiw-master .f11-main {
  position:absolute; left:0; top:161px; width:1440px; height:915px;
  padding-top:10px; display:flex; flex-direction:column; align-items:center;
}
#mfs-hiw-master .f11-stack { width:1440px; height:905px; display:flex; flex-direction:column; align-items:flex-start; }
#mfs-hiw-master .f11-hero { position:relative; width:1440px; height:656px; flex:0 0 656px; overflow:hidden; }
#mfs-hiw-master .f11-base-wrap {
  position:absolute; left:0; right:0; top:0; bottom:-19px; overflow:hidden; background:#1a0e07;
}
#mfs-hiw-master .f11-base-imgbox {
  position:absolute; width:1067px; height:711px; left:373px; top:-36.5px;
}
#mfs-hiw-master .f11-base-imgbox img {
  position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; pointer-events:none;
}
#mfs-hiw-master .f11-front-imgbox {
  position:absolute; width:1304px; height:656px; left:136px; top:0;
}
#mfs-hiw-master .f11-front-imgbox img {
  position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:fill; object-position:center bottom; pointer-events:none;
}
#mfs-hiw-master .f11-gradient {
  position:absolute; width:1125px; height:703px; left:0; top:-19px;
  background:
    radial-gradient(ellipse 1032.2px 578.13px at 1195.3px 326.5px,
      rgba(17,10,5,0) 0%, rgba(17,10,5,.05) 38%, rgba(17,10,5,.55) 60%, rgba(17,10,5,1) 86%),
    linear-gradient(90deg,rgb(17,10,5) 0%,rgba(17,10,5,.85) 22%,rgba(17,10,5,0) 42%);
}
#mfs-hiw-master .f11-copy {
  position:absolute; left:80px; top:59px; width:626px; height:520px;
  display:flex; flex-direction:column; align-items:flex-start; gap:42px;
}
#mfs-hiw-master .f11-copy-upper {
  width:626px; display:flex; flex-direction:column; align-items:flex-start; gap:42px;
}
#mfs-hiw-master .f11-copy-intro {
  width:626px; display:flex; flex-direction:column; align-items:flex-start; gap:24px;
}
#mfs-hiw-master .f11-heading-wrap { width:626px; display:flex; flex-direction:column; align-items:flex-start; }
#mfs-hiw-master .f11-heading {
  width:626px; height:223.23px; display:flex; flex-direction:column; justify-content:center;
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-style:normal; font-weight:600; font-size:80px; line-height:85px; letter-spacing:-.5px; color:#f8f8f8;
}
#mfs-hiw-master .f11-heading p { height:85px; line-height:85px; white-space:nowrap; }
#mfs-hiw-master .f11-accent { width:84px; height:3px; flex:0 0 3px; border-radius:2px; background:#d28b3f; }
#mfs-hiw-master .f11-subcopy {
  width:592px; height:100px; display:flex; flex-direction:column; justify-content:center;
  font-family:Inter,Arial,sans-serif; font-style:normal; font-weight:400; font-size:22px; line-height:40px; color:#f9fafb;
}
#mfs-hiw-master .f11-subcopy p { height:40px; line-height:40px; white-space:nowrap; }
#mfs-hiw-master .f11-review-link {
  display:flex; align-items:center; justify-content:center; gap:10px; padding:24px 32px;
  border-radius:6px; background:linear-gradient(180deg,#de984b 0%,#c47d32 100%);
  font-family:Poppins,Arial,sans-serif; font-style:normal; font-weight:500; font-size:29px; line-height:15px; color:#fff; white-space:nowrap;
}
#mfs-hiw-master .f11-review-link img { display:block; width:24px; height:25.755px; max-width:none; }
#mfs-hiw-master .f11-trust { display:flex; align-items:center; gap:8px; width:626px; }
#mfs-hiw-master .f11-heart { display:block; width:27px; height:27px; max-width:none; }
#mfs-hiw-master .f11-trust-text {
  font-family:Inter,Arial,sans-serif; font-size:16px; line-height:16px; font-weight:400; color:#fffffe; white-space:nowrap;
}
#mfs-hiw-master .f11-trust-first { width:auto; gap:10px; }
#mfs-hiw-master .f11-star {
  font-family:Arial,sans-serif; font-size:24px; line-height:normal; font-weight:300; color:#d28b3f; letter-spacing:-.44px;
}
#mfs-hiw-master .f11-trust-first-text {
  display:block; width:448.351px; height:17px;
  font-family:Inter,Arial,sans-serif; font-size:20px; line-height:normal; font-weight:300; color:#fffffe; white-space:nowrap;
}
/* Figma layer order: 1:64 under 1:79/1:80; 1:81 above. */
#mfs-hiw-master .f11-copy[data-node-id="1:64"] { z-index:1; }
#mfs-hiw-master .f11-front-imgbox { z-index:2; }
#mfs-hiw-master .f11-gradient { z-index:3; }
#mfs-hiw-master .f11-copy[data-node-id="1:81"] { z-index:4; }

#mfs-hiw-master .f11-stats {
  width:1440px; height:249px; flex:0 0 249px; display:flex; align-items:center;
  padding:1px 0; background:#0f0e0b; border-top:1px solid #504a42; border-bottom:1px solid #504a42;
}
#mfs-hiw-master .f11-stat { position:relative; flex:1 0 0; min-width:0; height:100%; }
#mfs-hiw-master .f11-stat-content {
  position:absolute; left:calc(50% + .15px); top:calc(50% - 1.5px); transform:translate(-50%,-50%);
  width:350.305px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px;
}
#mfs-hiw-master .f11-stat-content > img { width:42px; height:42px; flex:0 0 42px; max-width:none; display:block; }
#mfs-hiw-master .f11-num {
  min-width:100%; display:flex; flex-direction:column; justify-content:center;
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-style:normal; font-weight:600; font-size:54px; line-height:56px; letter-spacing:-.5px; color:#fff; text-align:center;
}
#mfs-hiw-master .f11-num p { line-height:56px; }
#mfs-hiw-master .f11-label { width:100%; display:flex; flex-direction:column; align-items:center; }
#mfs-hiw-master .f11-label p {
  height:22px; display:flex; align-items:center; justify-content:center; width:100%;
  font-family:Inter,Arial,sans-serif; font-style:normal; font-weight:300; font-size:22px; line-height:normal;
  letter-spacing:.1px; color:#fffffe; text-align:center; white-space:nowrap;
}
#mfs-hiw-master .f11-label-private { width:270px; }
#mfs-hiw-master .f11-label-private p { white-space:normal; letter-spacing:0; }
#mfs-hiw-master .f11-sep { position:relative; flex:0 0 0; width:0; height:200px; display:flex; align-items:center; justify-content:center; overflow:visible; }
#mfs-hiw-master .f11-sep img { display:block; width:200px; height:2px; max-width:none; transform:rotate(90deg); }

#mfs-hiw-master .f11-logo { position:absolute; left:81px; top:23px; width:349px; height:128.4px; z-index:10; }
#mfs-hiw-master .f11-logo-imgbox { position:absolute; left:0; top:.38px; width:141px; height:128px; overflow:hidden; }
#mfs-hiw-master .f11-logo-imgbox img {
  position:absolute; height:154.72%; width:210%; left:-8.9%; top:-24.8%; max-width:none; pointer-events:none;
}
#mfs-hiw-master .f11-logo-text {
  position:absolute; left:179px; top:0; width:170px;
  display:flex; flex-direction:column; align-items:flex-start;
  font-family:"Cormorant Garamond",Georgia,serif; font-style:normal; font-weight:500;
  font-size:40px; line-height:normal; letter-spacing:1.08px; color:#fff;
}
#mfs-hiw-master .f11-logo-text > div { width:170px; margin-bottom:-8px; line-height:normal; }
#mfs-hiw-master .f11-logo-text > div:nth-child(2) { color:#fdb84d; }
#mfs-hiw-master .f11-logo-text > div:last-child { margin-bottom:0; }
#mfs-hiw-master .f11-logo-line { position:absolute; left:158px; top:29px; width:3px; height:70px; }
#mfs-hiw-master .f11-logo-line img { position:absolute; inset:-1.5px; width:3px; height:73px; max-width:none; display:block; }

/* For this diagnostic build, never stretch the 1440 Figma canvas.
   At >1440 browser width it stays centered; at <1440 it overflows rather than inventing responsive behavior. */
@media (max-width:1439px) {
  #mfs-hiw-master { overflow-x:auto; }
  #mfs-hiw-master .f11-canvas { left:0; transform:none; }
}


/* V12 — complete original Figma export of node 1:139.
   This overrides/removes all browser reconstruction of the logo. */
#mfs-hiw-master .f12-logo-export {
  position:absolute;
  left:81px;
  top:23px;
  width:349px;
  height:128.375px;
  z-index:10;
  display:block;
  overflow:visible;
}
#mfs-hiw-master .f12-logo-export img {
  display:block;
  width:349px;
  height:128.375px;
  max-width:none;
  object-fit:fill;
  margin:0;
  padding:0;
  border:0;
}
#mfs-hiw-master .f11-nav a{color:#f4ece3!important}
#mfs-hiw-master .f11-nav a.is-active{color:#fff!important;position:relative}
#mfs-hiw-master .f11-nav a.is-active:after{content:"";position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);width:116px;height:2px;border-radius:1px;background:#d28b3f}
#mfs-hiw-master .master-copy-under{z-index:1}
#mfs-hiw-master .f11-front-imgbox{z-index:2}
#mfs-hiw-master .f11-gradient{z-index:3}
#mfs-hiw-master .master-copy-over{z-index:4}
#mfs-hiw-master .master-arrow{font:400 30px/15px Arial,sans-serif}
#mfs-hiw-master .master-heart{font:400 27px/27px Arial,sans-serif;color:#ca8338}
#mfs-hiw-master .hiw-stats{position:relative!important;left:auto!important;top:auto!important;flex:0 0 249px}


/* V19.63 — shared header naming/active state + corrected How It Works hero image. */
#mfs-f1-48.mfs-about-page .f11-nav a{color:#f4ece3!important}
#mfs-f1-48.mfs-about-page .f11-nav a.is-active{color:#fff!important;position:relative}
#mfs-f1-48.mfs-about-page .f11-nav a.is-active:after{
  content:"";position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);
  width:52px;height:2px;border-radius:1px;background:#d28b3f;
}

/* How It Works uses one page-specific photo. Never stretch the raster. */
#mfs-hiw-master .hiw-master-photo{
  position:absolute;left:0;right:0;top:0;bottom:-19px;overflow:hidden;background:#1a0e07;
}
#mfs-hiw-master .hiw-master-photo>img{
  position:absolute;inset:0;width:100%;height:100%;max-width:none;
  object-fit:cover;object-position:center 48%;pointer-events:none;
}
#mfs-hiw-master .f11-front-imgbox{display:none!important}

/* V19.68 Figma 1:2203 */
.hiw-process-exact{box-sizing:border-box;background:#f6f1ee;border-bottom:1px solid #e6ddcf;padding:86px 80px;display:flex;flex-direction:column;gap:56px;align-items:center}.hiw-process-title{display:flex;flex-direction:column;gap:15px;align-items:center}.hiw-process-title h2{margin:0;color:#14110d;font-family:"Poynter OldStyle Display",Georgia,serif;font-size:58px;font-weight:600;line-height:64px;letter-spacing:-.475px}.hiw-process-title span{width:60px;height:3px;border-radius:2px;background:#d28b3f}.hiw-process-cards{width:100%;display:grid;grid-template-columns:411px 410px 411px;gap:24px;justify-content:center}.hiw-step{box-sizing:border-box;height:502px;position:relative;background:#f7f3ef;border:2px solid #e6ddcf;border-radius:14px;padding:66px 38px 38px;display:flex;flex-direction:column;align-items:center}.hiw-step-num{position:absolute;top:-27px;left:50%;transform:translateX(-50%);width:52px;height:52px;border-radius:50%;background:#f1e3d5;border:1.081px solid #e6ddcf;display:flex;align-items:center;justify-content:center;color:#6b6258;font-family:"Poynter OldStyle Display",Georgia,serif;font-size:28px}.hiw-step-icon{width:60px;height:60px;margin-bottom:30px}.hiw-review-icon{width:80px;height:80px;margin-top:-10px;margin-bottom:20px}.hiw-step h3{margin:0 0 24px;font:600 28px/34px "Poynter OldStyle Display",Georgia,serif;letter-spacing:-.3px;color:#14110d}.hiw-step>p{margin:0;font:400 16px/28px Inter,Arial,sans-serif;text-align:center;color:#1a1a1a}.hiw-note{width:100%;box-sizing:border-box;min-height:65px;margin-top:auto;padding:14px 16px;background:#fbe8d2;border-radius:10px;display:flex;gap:12px;align-items:center;justify-content:center}.hiw-note img{width:24px;height:24px}.hiw-note div{display:flex;flex-direction:column;gap:2px}.hiw-note strong{font:600 16px/normal Inter,Arial,sans-serif}.hiw-note span{font:400 14px/normal Inter,Arial,sans-serif;color:#2a2520}.hiw-process-meta{box-sizing:border-box;width:100%;height:125px;background:#f7f3ef;border:2px solid #e6ddcf;border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);padding:2px}.hiw-process-meta>div{display:flex;gap:18px;align-items:center;justify-content:center;padding:24px 36px}.hiw-process-meta i{width:60px;height:60px;border-radius:50%;background:#f4d9bd;display:flex;align-items:center;justify-content:center;flex:none}.hiw-process-meta i img{width:32px;height:32px}.hiw-process-meta section{display:flex;flex-direction:column;gap:5.3px}.hiw-process-meta b{font:700 14px/normal Inter,Arial,sans-serif;letter-spacing:2.6px}.hiw-process-meta strong{font:600 24px/28px "Poynter OldStyle Display",Georgia,serif;white-space:nowrap}.hiw-process-meta span{font:400 14px/18px Inter,Arial,sans-serif;color:#2a2520;white-space:nowrap}


/* V19.69 — How It Works / A structured, multi-perspective review process — Figma 1:2338 */
.hiw-structured-review{
  box-sizing:border-box;
  min-height:552px;
  padding:86px 80px;
  border-bottom:1px solid #e6ddcf;
  display:flex;
  gap:56px;
  align-items:flex-start;
  justify-content:center;
  background:#f6f1ee;
}
.hiw-structured-copy{
  width:499px;
  display:flex;
  flex-direction:column;
  gap:16px;
  align-items:flex-start;
  flex:none;
}
.hiw-structured-copy h2{
  margin:0;
  color:#14110d;
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-size:58px;
  font-weight:600;
  line-height:64px;
  letter-spacing:-.4754237px;
}
.hiw-structured-accent{
  width:60px;
  height:3px;
  border-radius:2px;
  background:#d28b3f;
  display:block;
}
.hiw-structured-copy p{
  margin:0;
  width:499px;
  color:#0e0e0e;
  font-family:Inter,Arial,sans-serif;
  font-size:24px;
  font-weight:400;
  line-height:30px;
}
.hiw-structured-image{
  width:725px;
  height:380px;
  box-sizing:border-box;
  border:1px solid #ecdfc6;
  border-radius:12px;
  overflow:hidden;
  flex:none;
}
.hiw-structured-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}


/* V19.71 — How It Works / The Review Process — Figma 1:2392 */
.hiw-review-process{box-sizing:border-box;background:#f6f1ee;border-bottom:1px solid #e6ddcf;padding:86px 80px;display:flex;flex-direction:column;gap:56px;align-items:center}
.hrp-head{width:1077px;display:flex;flex-direction:column;align-items:center;gap:16px}.hrp-head h2{margin:0;font:600 58px/64px "Poynter OldStyle Display",Georgia,serif;letter-spacing:-.475px;color:#14110d}.hrp-head i{width:60px;height:3px;border-radius:2px;background:#d28b3f}.hrp-head p{margin:0;font:400 24px/30px Inter,Arial,sans-serif;color:#0e0e0e}
.hrp-phase{width:1280px;display:flex;flex-direction:column;gap:42px;align-items:center}.hrp-phase>strong,.hrp-why-label{font:700 16px/normal Inter,Arial,sans-serif;letter-spacing:3.08px;color:#111;text-align:center}.hrp-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hrp-card{box-sizing:border-box;min-height:340px;background:#f7f3ef;border:2px solid #e6ddcf;border-radius:14px;padding:56px 34px 34px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.hrp-card>b{position:absolute;top:-28px;left:50%;transform:translateX(-50%);width:52px;height:52px;border-radius:50%;background:#f1e3d5;border:1.081px solid #e6ddcf;display:flex;align-items:center;justify-content:center;font:700 28px/28px "Poynter OldStyle Display",Georgia,serif;color:#6b6258}.hrp-card>img{width:52px;height:52px;object-fit:contain;margin:0 0 22px}.hrp-card:first-child>img{width:58px;height:48px;margin-top:6px;margin-bottom:20px}.hrp-card h3{margin:0 0 24px;font:600 24px/28px "Poynter OldStyle Display",Georgia,serif;letter-spacing:-.2px;color:#14110d}.hrp-card p{margin:0;font:400 16px/28px Inter,Arial,sans-serif;color:#1a1a1a}
.hrp-why-label{width:1280px}.hrp-why{box-sizing:border-box;width:1280px;background:#f7f3ef;border:2px solid #e6ddcf;border-radius:14px;padding:38px 42px;display:flex;flex-direction:column;gap:24px}.hrp-why>h3{margin:0;text-align:center;font:600 32px/normal "Poynter OldStyle Display",Georgia,serif;letter-spacing:-.3px;color:#14110d}.hrp-benefits{height:118px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hrp-benefits>div{display:flex;gap:18px;align-items:center}.hrp-benefits i{width:58px;height:58px;border-radius:50%;background:#f4d9bd;display:flex;align-items:center;justify-content:center;flex:none}.hrp-benefits i img{width:28px;height:28px}.hrp-benefits section{display:flex;flex-direction:column;gap:5px}.hrp-benefits b{font:600 24px/29px "Poynter OldStyle Display",Georgia,serif;color:#14110d}.hrp-benefits span{font:400 16px/28px Inter,Arial,sans-serif;color:#1a1a1a}
.hrp-summary{box-sizing:border-box;width:1280px;min-height:90px;background:#f7f3ef;border:2px solid #e6ddcf;border-radius:14px;padding:22px 30px;display:flex;gap:18px;align-items:center;justify-content:center}.hrp-summary img{width:38px;height:38px}.hrp-summary span{font:400 16px/28px Inter,Arial,sans-serif;color:#1a1a1a}


/* V19.72 — How It Works / Example Feedback — Figma 1:2538 */
.hiw-example-feedback{box-sizing:border-box;background:#f6f1ee;padding:86px 80px;display:flex;justify-content:center}
.hef-wrap{width:1280px;display:flex;gap:56px;align-items:flex-start;background:#f6f1ee;border-radius:14px}
.hef-copy{width:508.7407px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.hef-copy h2{margin:0;font:600 58px/64px "Poynter OldStyle Display",Georgia,serif;letter-spacing:-.475px;color:#14110d}
.hef-line{width:56px;height:2px;border-radius:1px;background:#ca8338;display:block}
.hef-copy>p{margin:0;font:400 24px/30px Inter,Arial,sans-serif;color:#0e0e0e}
.hef-points{display:flex;flex-direction:column;gap:12px;padding-bottom:6px}
.hef-points span{display:flex;gap:10px;align-items:center;font:400 16px/28px Inter,Arial,sans-serif;color:#1a1a1a}
.hef-points i{width:24px;height:24px;border:1px solid #ca8338;border-radius:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.hef-points i img{width:14px;height:14px}
.hef-button{box-sizing:border-box;border:1px solid #ca8338;border-radius:6px;padding:18px 32px;display:flex;gap:10px;align-items:center;justify-content:center;text-decoration:none}
.hef-button span{font:600 24px/29px "Poynter OldStyle Display",Georgia,serif;color:#ca8338}.hef-button img{width:24px;height:28.755px}
.hef-preview{box-sizing:border-box;width:715.2593px;background:#fff;border:1px solid #ecdfc6;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.04);overflow:hidden}
.hef-preview-head{height:71px;box-sizing:border-box;border-bottom:1px solid #eadfcb;display:flex;align-items:center;justify-content:center;position:relative;font:600 14.5px/normal Inter,Arial,sans-serif;color:#ca8338;text-transform:none}
.hef-preview-head:after{content:"";position:absolute;left:15%;right:15%;bottom:0;height:2px;background:#ca8338}
.hef-preview-body{display:grid;grid-template-columns:1fr 1fr}
.hef-col{box-sizing:border-box;padding:24px 28px;min-height:450px}.hef-col-left{border-right:1px solid #eadfcb;padding-right:29px}
.hef-col h4{margin:8px 0 8px;font:600 13.5px/normal Inter,Arial,sans-serif;color:#ca8338}
.hef-col p{margin:0 0 8px;font:400 15.5px/25.58px Inter,Arial,sans-serif;color:#2a2520}
.hef-col ul{margin:0 0 7px;padding:0;list-style:none}.hef-col li{position:relative;padding-left:14px;font:400 13px/20.15px Inter,Arial,sans-serif;color:#2a2520;margin:0 0 5.25px}.hef-col li:before{content:"";position:absolute;left:0;top:7.5px;width:5px;height:5px;border-radius:50%;background:#2a2520}
.hef-preview-foot{box-sizing:border-box;height:53.75px;background:#fbe8d2;border-top:1px solid #ecdfc6;display:flex;gap:10px;align-items:center;padding:14px 26px}.hef-preview-foot img{width:18px;height:18px}.hef-preview-foot span{font:400 13.5px/20.25px Inter,Arial,sans-serif;color:#2a2520;white-space:nowrap}


/* V19.73 — How It Works / Turnaround & Delivery — Figma 1:2625 */
.hiw-turnaround{
  box-sizing:border-box;
  background:#f6f1ee;
  padding:0 82px 86px;
  display:flex;
  justify-content:center;
}
.htd-card{
  box-sizing:border-box;
  width:1276px;
  min-height:236px;
  background:#f7f3ef;
  border:2px solid #e6ddcf;
  border-radius:14px;
  padding:32px 37px;
  display:flex;
  gap:22px;
  align-items:center;
  justify-content:center;
}
.htd-lead{
  width:259px;
  display:flex;
  align-items:center;
  gap:22px;
  flex:none;
}
.htd-lead-icon{
  width:78px;
  height:78px;
  border-radius:50%;
  background:#f4d9bd;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}
.htd-lead-icon img{width:34px;height:34px;object-fit:contain}
.htd-lead-copy{width:181px;display:flex;flex-direction:column;gap:7.3px;align-items:flex-start}
.htd-lead-copy strong{
  font:700 14px/normal Inter,Arial,sans-serif;
  letter-spacing:2.86px;
  color:#111;
}
.htd-lead-copy h3{
  margin:0;
  font:600 24px/28.8px "Poynter OldStyle Display",Georgia,serif;
  letter-spacing:-.2px;
  color:#14110d;
}
.htd-lead-copy i{display:block;width:42px;height:2px;border-radius:5px;background:#d28b3f}
.htd-item{
  box-sizing:border-box;
  width:207px;
  height:172px;
  padding:0 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  position:relative;
  gap:5.3px;
  flex:none;
}
.htd-item:last-child{width:199px}
.htd-item>img{
  width:22px;
  height:22px;
  object-fit:contain;
  margin-bottom:3px;
}
.htd-item h4{
  margin:0;
  padding-top:2.7px;
  font:600 18px/21.6px "Poynter OldStyle Display",Georgia,serif;
  color:#14110d;
  white-space:nowrap;
}
.htd-item b{
  font:600 18px/normal "Poynter OldStyle Display",Georgia,serif;
  color:#111;
}
.htd-item p{
  margin:0;
  font:300 14px/24px Inter,Arial,sans-serif;
  color:#0e0e0e;
}
.htd-divided:before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:1px;
  background:#e6ddcf;
}


/* V19.74 — How It Works / CTA split banner — Figma 1:2684 */
.hiw-cta-split{
  box-sizing:border-box;
  background:#f6f1ee;
  border-bottom:1px solid #e6ddcf;
  padding:0 80px 86px;
}
.hcs-card{
  box-sizing:border-box;
  width:1280px;
  height:309px;
  margin:0 auto;
  background:#f7f3ef;
  border:2px solid #e6ddcf;
  border-radius:14px;
  overflow:hidden;
  display:grid;
  grid-template-columns:491px 1fr;
}
.hcs-image{
  width:491px;
  height:307px;
  overflow:hidden;
}
.hcs-image img{
  display:block;
  width:124.58%;
  height:104.63%;
  max-width:none;
  margin-left:-10.95%;
  margin-top:-3.24%;
  object-fit:cover;
}
.hcs-copy{
  box-sizing:border-box;
  height:307px;
  padding:32px 40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:32px;
}
.hcs-text{
  display:flex;
  flex-direction:column;
  gap:7.5px;
}
.hcs-text h3{
  margin:0;
  font:600 32px/37.76px "Poynter OldStyle Display",Georgia,serif;
  letter-spacing:-.3px;
  color:#14110d;
  white-space:nowrap;
}
.hcs-text p{
  margin:0;
  font:400 16px/28px Inter,Arial,sans-serif;
  color:#1a1a1a;
}
.hcs-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
}
.hcs-button{
  box-sizing:border-box;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
  padding:24px 32px;
  border-radius:6px;
  background:linear-gradient(#de984b,#c47d32);
  text-decoration:none;
}
.hcs-button span{
  font:600 29px/15px "Poynter OldStyle Display",Georgia,serif;
  color:#fff;
  white-space:nowrap;
}
.hcs-button img{
  width:24px;
  height:25.755px;
}
.hcs-trust{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.hcs-trust span{
  display:flex;
  gap:8px;
  align-items:center;
  height:24px;
  font:300 14px/24px Inter,Arial,sans-serif;
  color:#1a1a1a;
  white-space:nowrap;
}
.hcs-trust span:first-child{width:279px}
.hcs-trust img{width:14px;height:14px;object-fit:contain}


/* V19.75 — How It Works / Trusted by Artists Worldwide — Figma 1:2708 */
.hiw-testimonials{
  box-sizing:border-box;
  background:#f6f1ee;
  border-bottom:1px solid #e6ddcf;
  padding:86px 80px 87px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:56px;
}
.hit-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
}
.hit-head h2{
  margin:0;
  color:#111;
  font:600 58px/64px "Poynter OldStyle Display",Georgia,serif;
  letter-spacing:-.475px;
  text-align:center;
}
.hit-head i{
  width:60px;
  height:3px;
  border-radius:2px;
  background:#d28b3f;
}
.hit-slider{
  width:1440px;
  display:flex;
  gap:16px;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:0 80px;
}
.hit-arrow{
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid #e7c6a3;
  background:#efd9c1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  flex:none;
}
.hit-arrow img{
  width:24px;
  height:24px;
  display:block;
}
.hit-prev{transform:rotate(180deg)}
.hit-cards{
  width:1164px;
  display:grid;
  grid-template-columns:repeat(3,372px);
  gap:24px;
}
.hit-card{
  box-sizing:border-box;
  height:291px;
  background:#f7f3ef;
  border:2px solid #e6ddcf;
  border-radius:14px;
  padding:26px;
  display:flex;
  flex-direction:column;
}
.hit-top{
  height:94px;
  display:flex;
  gap:16px;
  align-items:flex-start;
}
.hit-avatar{
  width:80px;
  height:80px;
  border-radius:50%;
  object-fit:cover;
  display:block;
}
.hit-stars{
  margin-top:25px;
  color:#f26b1f;
  font:400 24px/normal Arial,sans-serif;
  white-space:nowrap;
}
.hit-quote{
  margin:0;
  min-height:88px;
  color:#0e0e0e;
  font:400 16px/normal Inter,Arial,sans-serif;
}
.hit-sep{
  width:100%;
  border-top:1px dashed #e6ddcf;
  margin:0 0 14px;
}
.hit-card h3{
  margin:0 0 2px;
  color:#111;
  font:600 18px/22.4px "Poynter OldStyle Display",Georgia,serif;
}
.hit-card span{
  color:#0e0e0e;
  font:300 14px/22.4px Inter,Arial,sans-serif;
}
.hit-dots{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:center;
}
.hit-dots i{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#f4d9bd;
}
.hit-dots i.is-active{background:#f26b1f}


/* V19.78 — definitive testimonial carousel arrow fix */
.hit-arrow img{display:none!important}
.hit-prev,.hit-next{transform:none!important}
.hit-arrow-char{
  display:block;
  font-family:Arial,sans-serif;
  font-size:25px;
  line-height:1;
  font-weight:400;
  color:#111;
  transform:translateY(-1px);
}


/* V19.79 — How It Works arrows copied exactly from accepted Home testimonials */
.hiw-testimonials .hit-arrow{
  width:42px!important;
  height:42px!important;
  padding:0!important;
  border:1px solid #e7c6a3!important;
  border-radius:60px!important;
  background:#efd9c1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer;
  transform:none!important;
}
.hiw-testimonials .hit-arrow img{
  width:24px!important;
  height:24px!important;
  display:block!important;
  max-width:none!important;
}
.hiw-testimonials .hit-prev{
  transform:none!important;
}
.hiw-testimonials .hit-next{
  transform:rotate(180deg)!important;
}
.hiw-testimonials .hit-arrow-char{
  display:none!important;
}


/* V19.80 — How It Works / No Risk. Clear Value. — Figma 1:2787 */
.hiw-no-risk{
  box-sizing:border-box;
  background:#f6f1ee;
  padding:86px 80px;
  display:flex;
  flex-direction:column;
  gap:24px;
  align-items:flex-start;
}
.hnr-head{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
}
.hnr-head h2{
  margin:0;
  color:#111;
  font:600 58px/64px "Poynter OldStyle Display",Georgia,serif;
  letter-spacing:-.475px;
  text-align:center;
}
.hnr-head i{
  width:60px;
  height:3px;
  border-radius:2px;
  background:#d28b3f;
}
.hnr-cards{
  width:1280px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.hnr-card{
  box-sizing:border-box;
  height:325px;
  background:#f7f3ef;
  border:2px solid #e6ddcf;
  border-radius:14px;
  padding:38px 34px 34px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.hnr-icon{
  width:74px;
  height:74px;
  border-radius:50%;
  background:#f4d9bd;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}
.hnr-icon img{
  width:34px;
  height:34px;
  object-fit:contain;
}
.hnr-card:nth-child(2) .hnr-icon img,
.hnr-card:nth-child(3) .hnr-icon img{
  width:32px;
  height:32px;
}
.hnr-card h3{
  margin:13.3px 0 0;
  color:#14110d;
  font:600 24px/28px "Poynter OldStyle Display",Georgia,serif;
  text-align:center;
}
.hnr-card p{
  width:280px;
  margin:13.3px 0 0;
  color:#1a1a1a;
  font:400 16px/28px Inter,Arial,sans-serif;
  text-align:center;
}
.hnr-card:nth-child(3) p{
  width:282px;
  color:#2a2520;
  margin-top:10px;
}
.hnr-summary{
  box-sizing:border-box;
  width:1280px;
  min-height:86px;
  background:#f7f3ef;
  border:2px solid #e6ddcf;
  border-radius:12px;
  padding:22px 30px;
  display:flex;
  gap:18px;
  align-items:center;
  justify-content:center;
}
.hnr-summary-icon{
  width:42px;
  height:42px;
  box-sizing:border-box;
  border:1px solid #ca8338;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}
.hnr-summary-icon img{
  width:22px;
  height:22px;
  object-fit:contain;
}
.hnr-summary p{
  margin:0;
  color:#111;
  font:400 16px/24px Inter,Arial,sans-serif;
  white-space:nowrap;
}
.hnr-summary strong{
  font-weight:600;
}


/* V19.81 — How It Works / Final Hero CTA — Figma 1:2832 */
.hiw-final-cta{
  box-sizing:border-box;
  width:1280px;
  height:575.755px;
  margin:0 auto 86px;
  background:#f7f3ef;
  border:2px solid #e6ddcf;
  border-radius:16px;
  overflow:hidden;
  display:grid;
  grid-template-columns:638px 638px;
  padding:2px;
}
.hfc-image{
  width:638px;
  height:571px;
  overflow:hidden;
  position:relative;
  background:#160c06;
}
.hfc-image img{
  position:absolute;
  display:block;
  width:667px;
  height:auto;
  max-width:none;
  left:-12px;
  top:61px;
}
.hfc-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(11,7,3,.35) 0%,rgba(11,7,3,0) 60%);
  pointer-events:none;
}
.hfc-copy{
  box-sizing:border-box;
  height:571.755px;
  padding:60px 56px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.hfc-text{
  width:526px;
  display:flex;
  flex-direction:column;
  gap:20px;
}
.hfc-text h2{
  margin:0;
  width:526px;
  color:#14110d;
  font:600 58px/64px "Poynter OldStyle Display",Georgia,serif;
  letter-spacing:-.475px;
}
.hfc-text p{
  margin:0;
  color:#2a2520;
  font:600 24px/normal "Poynter OldStyle Display",Georgia,serif;
  white-space:nowrap;
}
.hfc-button{
  box-sizing:border-box;
  margin-top:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:24px 32px;
  border-radius:6px;
  background:linear-gradient(#de984b,#c47d32);
  text-decoration:none;
}
.hfc-button span{
  color:#fff;
  font:600 30px/15px "Poynter OldStyle Display",Georgia,serif;
  white-space:nowrap;
}
.hfc-button img{
  width:24px;
  height:25.755px;
  display:block;
}
.hfc-trust{
  margin-top:22px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.hfc-trust span{
  display:flex;
  align-items:center;
  gap:12px;
  color:#1a1a1a;
  font:400 16px/28px Inter,Arial,sans-serif;
  white-space:nowrap;
}
.hfc-trust img{
  width:20px;
  height:20px;
  object-fit:contain;
}


/* V19.83 — How It Works refinements */
.hfc-image{
  overflow:hidden!important;
}
.hfc-image img{
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  max-width:none!important;
  margin:0!important;
}


/* V19.84 — Final CTA: remove the remaining inner gap around the image */
.hiw-final-cta{
  padding:0!important;
  grid-template-columns:638px 638px!important;
  width:1280px!important;
  height:575.755px!important;
}
.hiw-final-cta .hfc-image{
  width:638px!important;
  height:571.755px!important;
  margin:0!important;
  padding:0!important;
  align-self:stretch!important;
}
.hiw-final-cta .hfc-image img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
}
.hiw-final-cta .hfc-copy{
  height:571.755px!important;
}


/* V19.85 — Final CTA: use the left panel itself as the image surface, eliminating subpixel gaps */
.hiw-final-cta{
  position:relative!important;
  overflow:hidden!important;
}
.hiw-final-cta .hfc-image{
  position:relative!important;
  left:-2px!important;
  top:-2px!important;
  width:642px!important;
  height:579.755px!important;
  margin:0!important;
  padding:0!important;
  background-image:url("assets/how-it-works/local-v2619/final-cta-studio.png")!important;
  background-size:auto 103.5%!important;
  background-position:66% 100%!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
.hiw-final-cta .hfc-image img{
  display:none!important;
}
.hiw-final-cta .hfc-image:after{
  inset:0!important;
}


/* V19.86 — CTA split banner: eliminate top/left image seam */
.hcs-card{
  padding:0!important;
  overflow:hidden!important;
  grid-template-columns:491px 1fr!important;
}
.hcs-image{
  width:491px!important;
  height:307px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.hcs-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center!important;
}


/* V19.88 — How It Works Hero photo geometry copied from Figma node 1:2143.
   Figma: x=276, y=-50, w=1164, h=775 inside 1440x656 Hero. */
#mfs-hiw-master .hiw-master-photo>img{
  inset:auto!important;
  left:276px!important;
  top:-50px!important;
  width:1164px!important;
  height:775px!important;
  object-fit:cover!important;
  object-position:center center!important;
}


/* V19.89 — How It Works Hero: exact image stack from Figma node 1:2140 */
#mfs-hiw-master .hiw-master-photo{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  background:#1a0e07!important;
}
#mfs-hiw-master .hiw-master-photo>img.hiw-hero-image4{
  position:absolute!important;
  inset:auto!important;
  left:310px!important;
  top:-37px!important;
  width:1067px!important;
  height:711px!important;
  max-width:none!important;
  object-fit:cover!important;
}
#mfs-hiw-master .hiw-master-photo>img.hiw-hero-image6{
  position:absolute!important;
  inset:auto!important;
  left:276px!important;
  top:-50px!important;
  width:1164px!important;
  height:775px!important;
  max-width:none!important;
  object-fit:cover!important;
}


/* V19.90 — How It Works Hero corrections from Figma node 1:2140 */

/* Figma layer 1:2142 — image 4 */
#mfs-hiw-master .hiw-master-photo>img.hiw-hero-image4{
  left:373px!important;
  top:-37px!important;
  width:1067px!important;
  height:711px!important;
}

/* Figma layer 1:2144 — Hero overlay spans the complete 1440px Hero width
   and extends to y=684 (28px below the 656px clipped Hero frame). */
#mfs-hiw-master .f11-overlay{
  left:0!important;
  top:0!important;
  width:1440px!important;
  height:684px!important;
  right:auto!important;
  bottom:auto!important;
}


/* V19.91 — How It Works Hero exact Figma gradient, node 1:2144 */
#mfs-hiw-master .f11-gradient{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:1440px!important;
  height:684px!important;
  right:auto!important;
  bottom:auto!important;
  background:
    radial-gradient(
      ellipse 1728px 547.2px at 1123.2px 342px,
      rgba(17,10,5,0) 0%,
      rgba(17,10,5,0.05) 38%,
      rgba(17,10,5,0.55) 60%,
      rgba(17,10,5,1) 86%
    ),
    linear-gradient(
      90deg,
      rgb(17,10,5) 0%,
      rgba(17,10,5,0.85) 22%,
      rgba(17,10,5,0) 42%
    )!important;
  z-index:3!important;
}




/* ==========================================================================
   V19.95 — HOW IT WORKS TOP REBUILT FROM ACCEPTED HOME
   Header + Hero DOM + Stats are copied from front-page.php.
   Only page-specific content/active nav and Figma Hero imagery differ.
   ========================================================================== */

/* Active menu state for How It Works */
#mfs-hiw-master .f11-nav a{color:#f4ece3!important}
#mfs-hiw-master .f11-nav a.is-active{color:#fff!important;position:relative}
#mfs-hiw-master .f11-nav a.is-active:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-14px;
  transform:translateX(-50%);
  width:116px;
  height:2px;
  border-radius:1px;
  background:#d28b3f;
}

/* Exact How It Works Figma image-layer geometry using the Home layer structure. */
#mfs-hiw-master .f11-base-wrap{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:1440px!important;
  height:684px!important;
  right:auto!important;
  bottom:auto!important;
  overflow:hidden!important;
  background:#1a0e07!important;
}
#mfs-hiw-master .f11-base-imgbox{
  position:absolute!important;
  left:373px!important;
  top:-37px!important;
  width:1067px!important;
  height:711px!important;
}
#mfs-hiw-master .f11-base-imgbox img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
}
#mfs-hiw-master .f11-front-imgbox{
  display:block!important;
  position:absolute!important;
  left:276px!important;
  top:-50px!important;
  width:1164px!important;
  height:775px!important;
  overflow:hidden!important;
  z-index:2!important;
}
#mfs-hiw-master .f11-front-imgbox img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Exact How It Works Figma gradient layer 1:2144. */
#mfs-hiw-master .f11-gradient{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:1440px!important;
  height:684px!important;
  right:auto!important;
  bottom:auto!important;
  background:
    radial-gradient(
      ellipse 1728px 547.2px at 1123.2px 342px,
      rgba(17,10,5,0) 0%,
      rgba(17,10,5,.05) 38%,
      rgba(17,10,5,.55) 60%,
      rgba(17,10,5,1) 86%
    ),
    linear-gradient(
      90deg,
      rgb(17,10,5) 0%,
      rgba(17,10,5,.85) 22%,
      rgba(17,10,5,0) 42%
    )!important;
  z-index:3!important;
}


/* Pricing V22.0 CLEAN — scoped only to the first Pricing section.
   Shared Header/Hero geometry, Stats bar, and Footer remain untouched from HIW CLEAN V20. */
.pricing-v22-plans{
  background:#f6f1ee;
  color:#0e0e0e;
  padding:86px 80px;
  box-sizing:border-box;
}
.pricing-v22-inner{max-width:1280px;margin:0 auto}
.pricing-v22-heading{text-align:center;margin:0 auto 56px}
.pricing-v22-heading h2{
  margin:0;
  font-family:"Poynter OldStyle Display", Georgia, serif;
  font-size:58px;
  line-height:64px;
  font-weight:600;
  letter-spacing:-.4754px;
}
.pricing-v22-rule{
  display:block;width:60px;height:3px;border-radius:2px;
  background:#d28b3f;margin:15px auto 16px;
}
.pricing-v22-heading p{
  margin:0;font-family:Inter,Arial,sans-serif;font-size:24px;line-height:1.25;
}
.pricing-v22-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.pricing-v22-card{
  position:relative;display:flex;flex-direction:column;align-items:center;
  box-sizing:border-box;background:#f7f3ef;border:2px solid #e6ddcf;
  border-radius:14px;padding:38px 26px 26px;min-height:700px;
}
.pricing-v22-card.featured{padding-top:38px}
.pricing-v22-badge{
  position:absolute;top:-24px;left:50%;transform:translateX(-50%);
  background:#ca8338;color:#fff;border-radius:999px;padding:12px 28px;
  font:700 14px/1 Inter,Arial,sans-serif;letter-spacing:1.98px;white-space:nowrap;
}
.pricing-v22-icon{
  width:88px;height:88px;border-radius:60px;background:#f4d9bd;
  display:flex;align-items:center;justify-content:center;
  font-size:42px;line-height:1;margin-bottom:12px;
}
.pricing-v22-card h3{
  margin:0;text-align:center;font-family:"Poynter OldStyle Display",Georgia,serif;
  font-size:32px;line-height:1.05;font-weight:600;color:#1a1a1a;
}
.pricing-v22-desc{
  min-height:56px;margin:12px 0 18px;text-align:center;
  font:400 16px/28px Inter,Arial,sans-serif;color:#1a1a1a;
}
.pricing-v22-price{
  font-family:"Poynter OldStyle Display",Georgia,serif;font-size:60px;
  line-height:60px;font-weight:600;letter-spacing:-1px;
}
.pricing-v22-price span{font-size:42px;vertical-align:12px;margin-right:4px}
.pricing-v22-unit{font:700 14px/1.2 Inter,Arial,sans-serif;margin:8px 0 16px}
.pricing-v22-card ul{
  width:100%;box-sizing:border-box;border-top:2px dashed #e6ddcf;
  list-style:none;padding:16px 0 0;margin:0 0 24px;
  font:400 16px/1.35 Inter,Arial,sans-serif;
}
.pricing-v22-card li{position:relative;padding-left:28px;margin:0 0 12px}
.pricing-v22-card li:before{
  content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;
  background:#d59c60;color:white;text-align:center;font:700 12px/18px Arial,sans-serif;
}
.pricing-v22-btn{
  margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-width:250px;padding:22px 28px;border-radius:6px;text-decoration:none;
  background:linear-gradient(#de984b,#c47d32);color:#fff;
  font-family:"Poynter OldStyle Display",Georgia,serif;font-size:28px;line-height:1;
  border:1px solid #ca8338;
}
.pricing-v22-btn.outline{background:transparent;color:#ca8338}
@media(max-width:900px){
  .pricing-v22-plans{padding:64px 24px}
  .pricing-v22-grid{grid-template-columns:1fr}
}


/* Pricing V22.2 — image aspect-ratio fix only.
   The shared Home geometry remains untouched. */
#mfs-f1-48.mfs-pricing-page .f11-front-imgbox{
  overflow:hidden;
}
#mfs-f1-48.mfs-pricing-page .f11-front-imgbox img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}


/* Pricing V22.3 — photo scale/position only.
   No changes to Header, Hero container, Stats, Footer, or other pages. */
#mfs-f1-48.mfs-pricing-page .f11-front-imgbox img{
  width:96% !important;
  height:96% !important;
  left:2% !important;
  top:2% !important;
  right:auto !important;
  bottom:auto !important;
  object-fit:cover !important;
  object-position:center center !important;
}


/* Pricing V22.4 — exact Pricing Figma foreground image geometry.
   Figma node 1:3025: x=281, y=-69, width=1159, height=772.
   No shared layout geometry is changed. */
#mfs-f1-48.mfs-pricing-page .f11-front-imgbox{
  left:281px !important;
  top:-69px !important;
  width:1159px !important;
  height:772px !important;
  overflow:hidden !important;
}
#mfs-f1-48.mfs-pricing-page .f11-front-imgbox img{
  position:absolute !important;
  inset:0 !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:fill !important;
  object-position:initial !important;
}


/* Pricing V22.5 — active Pricing item in header only. */
#mfs-f1-48.mfs-pricing-page .f11-nav a[href*="/pricing"]{
  position:relative;
}
#mfs-f1-48.mfs-pricing-page .f11-nav a[href*="/pricing"]::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-15px;
  height:2px;
  background:#ca8338;
}


/* Pricing V22.6 — Figma node 1:3246 only. */
.pricing-v226-feedback{
  box-sizing:border-box;
  border-top:1px solid #d9d9d9;
  background:#f6f1ee;
  color:#0e0e0e;
  padding:86px 80px;
  display:flex;
  flex-direction:column;
  gap:56px;
}
.pricing-v226-head{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
  text-align:center;
}
.pricing-v226-head h2{
  width:932px;
  max-width:100%;
  margin:0;
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-size:58px;
  line-height:64px;
  font-weight:600;
  letter-spacing:-.4754px;
  color:#0e0e0e;
}
.pricing-v226-rule{
  display:block;
  width:60px;
  height:3px;
  margin-top:-9px;
  border-radius:2px;
  background:#d28b3f;
}
.pricing-v226-head p{
  width:904px;
  max-width:100%;
  margin:0;
  font-family:Inter,Arial,sans-serif;
  font-size:24px;
  line-height:30px;
  font-weight:400;
}
.pricing-v226-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  width:100%;
}
.pricing-v226-card{
  box-sizing:border-box;
  background:#f7f3ef;
  border:2px solid #e6ddcf;
  border-radius:18px;
  padding:32px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
  text-align:center;
}
.pricing-v226-icon{
  width:89px;
  height:88px;
  flex:0 0 auto;
  border-radius:60px;
  background:#f4d9bd;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pricing-v226-icon img{
  width:60px;
  height:60px;
  display:block;
}
.pricing-v226-card h3{
  width:100%;
  margin:0;
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-size:28px;
  line-height:33.819px;
  font-weight:600;
  letter-spacing:-.2941px;
  color:#111;
}
.pricing-v226-card p{
  width:100%;
  margin:0;
  font-family:Inter,Arial,sans-serif;
  font-size:18px;
  line-height:28px;
  font-weight:400;
  color:#0e0e0e;
}
@media(max-width:900px){
  .pricing-v226-feedback{padding:64px 24px}
  .pricing-v226-grid{grid-template-columns:1fr}
}

/* Pricing V22.8 — corrected strictly to Figma node 1:3324. */
.pricing-v227-testimonials{box-sizing:border-box;width:100%;min-height:651px;padding:86px 80px;background:#f6f1ee;color:#0e0e0e;border-top:2px solid #e6ddcf;overflow:hidden}
.pricing-v227-heading{width:736px;max-width:100%;height:64px;margin:0 auto 56px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}
.pricing-v227-heading h2{margin:0;font-family:"Poynter OldStyle Display",Georgia,serif;font-size:58px;line-height:64px;font-weight:600;letter-spacing:-.4754px;color:#0e0e0e}
.pricing-v227-heading span{display:block;width:60px;height:3px;margin:0;border-radius:2px;background:#d28b3f}
.pricing-v227-slider{position:relative;width:100%;height:291px;display:flex;align-items:center;justify-content:center;gap:16px}
.pricing-v227-cards{width:min(1164px,calc(100% - 116px));height:291px;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pricing-v227-card{box-sizing:border-box;height:291px;padding:26px;border:2px solid #e6ddcf;border-radius:14px;background:#f7f3ef;color:#0e0e0e;display:flex;flex-direction:column;align-items:flex-start}
.pricing-v227-top{height:94px;width:100%;display:flex;align-items:flex-start;gap:16px}
.pricing-v227-top img{width:80px;height:80px;border-radius:40px;object-fit:cover;flex:0 0 80px}
.pricing-v227-stars{padding-top:18px;font-family:"SF Pro",Arial,sans-serif;font-size:24px;line-height:normal;font-weight:400;letter-spacing:0;color:#f26b1f;white-space:nowrap}
.pricing-v227-quote{box-sizing:border-box;width:100%;height:88px;margin:0;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:normal;font-weight:400;color:#0e0e0e}
.pricing-v227-divider{width:100%;height:1px;margin:0 0 14px;border-top:1px dashed #e6ddcf;background:transparent}
.pricing-v227-card strong{margin:0 0 2px;font-family:"Poynter OldStyle Display",Georgia,serif;font-size:18px;line-height:22.4px;font-weight:600;color:#111}
.pricing-v227-track{margin:0;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:22.4px;font-weight:300;color:#1a1a1a}
.pricing-v227-arrow{position:static;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid #e7c6a3;border-radius:60px;background:#efd9c1;color:#111;font:400 22px/40px Arial,sans-serif;cursor:pointer;text-align:center}
.pricing-v227-dots{width:100%;height:12px;margin:56px auto 0;display:flex;justify-content:center;gap:8px}
.pricing-v227-dots i{display:block;width:12px;height:12px;border-radius:60px;background:#f4d9bd}.pricing-v227-dots i.is-active{background:#f26b1f}
@media(max-width:1100px){.pricing-v227-testimonials{padding:64px 24px}.pricing-v227-heading h2{font-size:44px;line-height:50px}.pricing-v227-slider{height:auto}.pricing-v227-cards{width:100%;height:auto;grid-template-columns:1fr}.pricing-v227-card{height:auto;min-height:291px}.pricing-v227-arrow{display:none}}


/* Pricing V22.9 — testimonials copied from the proven Home implementation.
   Only the outer section height is reduced because Pricing node 1:3324
   contains the testimonials carousel without Home's CTA banner. */
.pricing-home-testimonials{
  height:651px;
  min-height:651px;
}
.pricing-home-testimonials .section-stage{
  height:auto;
}


/* Pricing V22.10 — exact next Figma section: node 1:3400 */
.pricing-v230-example{
  box-sizing:border-box;
  width:100%;
  height:850px;
  padding:86px 70px;
  background:#f6f1ee;
  border:1px solid #d9d9d9;
  color:#0e0e0e;
}
.pricing-v230-wrap{
  width:1300px;
  height:678px;
  margin:0 auto;
  display:flex;
  gap:30px;
  align-items:flex-start;
}
.pricing-v230-copy{
  width:540px;
  flex:0 0 540px;
}
.pricing-v230-copy h2{
  margin:0;
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-size:58px;
  line-height:64px;
  font-weight:600;
  letter-spacing:-.4754px;
  color:#0e0e0e;
}
.pricing-v230-rule{
  display:block;
  width:60px;
  height:3px;
  margin:15px 0 21px;
  border-radius:2px;
  background:#d28b3f;
}
.pricing-v230-intro{
  width:540px;
  margin:0;
  font:400 24px/30px Inter,Arial,sans-serif;
}
.pricing-v230-points{
  margin:24px 0 24px;
  padding:8px 0 14px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.pricing-v230-points div{
  display:flex;
  align-items:center;
  gap:12px;
  font:400 16px/25.6px Inter,Arial,sans-serif;
  color:#2a2520;
}
.pricing-v230-points i{
  box-sizing:border-box;
  width:22px;
  height:22px;
  border:2px solid #dcad7d;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font:700 12px/1 Inter,Arial,sans-serif;
  color:#d28b3f;
  font-style:normal;
}
.pricing-v230-button{
  box-sizing:border-box;
  width:431px;
  height:74px;
  padding:0 42px;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(#de984b,#c47d32);
}
.pricing-v230-button span{
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-size:30px;
  font-weight:600;
  white-space:nowrap;
}
.pricing-v230-button b{
  font:400 28px/1 Arial,sans-serif;
}
.pricing-v230-preview{
  box-sizing:border-box;
  width:728px;
  height:688px;
  margin-top:0;
  padding:10px;
  border-radius:12px;
  display:grid;
  grid-template-columns:350.68px 350px;
  gap:7px;
  background:#f4eee7;
  overflow:hidden;
}
.pricing-v230-column{
  box-sizing:border-box;
  height:668px;
  padding:14px 15.7px;
  border:1px solid #e6ddcf;
  border-radius:7px;
  background:#f7f3ef;
  display:flex;
  flex-direction:column;
}
.pricing-v230-pane{
  min-height:364px;
  font-family:Inter,Arial,sans-serif;
  color:#1a1a1a;
}
.pricing-v230-pane-bottom{
  min-height:0;
  padding-top:16px;
  border-top:1px dashed #d9d9d9;
}
.pricing-v230-column:first-child .pricing-v230-pane-bottom{margin-top:32px}
.pricing-v230-column:last-child .pricing-v230-pane-bottom{margin-top:28px}
.pricing-v230-pane-title{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:11px;
}
.pricing-v230-pane-title em{
  width:35px;
  height:35px;
  flex:0 0 35px;
  border:1px solid #e6ddcf;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f1e3d5;
  color:#6b6258;
  font:700 19px/1 "Poynter OldStyle Display",Georgia,serif;
  font-style:normal;
}
.pricing-v230-pane-title h3{
  margin:0;
  font:600 21.4px/25px "Poynter OldStyle Display",Georgia,serif;
  color:#1a1a1a;
}
.pricing-v230-pane>p,
.pricing-v230-pane li{
  margin:0 0 8px;
  font:400 10.7px/18.73px Inter,Arial,sans-serif;
}
.pricing-v230-pane small{
  display:block;
  margin-top:8px;
  font:400 10.7px/13px Inter,Arial,sans-serif;
}
.pricing-v230-pane>a{
  display:inline-block;
  margin-top:3px;
  color:#b06307;
  text-decoration:none;
  font:600 13.38px/21.4px Inter,Arial,sans-serif;
}
.pricing-v230-pane>ul{
  list-style:none;
  margin:0;
  padding:0;
}
.pricing-v230-pane>ul li{
  position:relative;
  padding-left:20px;
  margin-bottom:7px;
}
.pricing-v230-pane>ul li:before{
  content:"✓";
  position:absolute;
  left:0;
  color:#d28b3f;
  font-weight:700;
}
.pricing-v230-table{
  width:100%;
  margin-top:-1px;
}
.pricing-v230-table-head,
.pricing-v230-table-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
}
.pricing-v230-table-head b{
  box-sizing:border-box;
  min-height:34px;
  padding:8px;
  background:#f6ede4;
  border:1px solid #d9d9d9;
  border-right:0;
  font:600 8.7px/16px Inter,Arial,sans-serif;
}
.pricing-v230-table-head b:last-child{border-right:1px solid #d9d9d9}
.pricing-v230-table-row>div{
  position:relative;
  min-height:169px;
  box-sizing:border-box;
  padding:8px 6px 8px 19px;
  border-bottom:1px dashed #d9d9d9;
  font:400 10.7px/18.73px Inter,Arial,sans-serif;
}
.pricing-v230-table-row:last-child>div{
  min-height:190px;
  border-bottom:0;
}
.pricing-v230-table-row p{margin:0}
.pricing-v230-table-row ul{
  margin:0;
  padding-left:12px;
}
.pricing-v230-table-row li{margin:0 0 3px}
.pricing-v230-dot{
  position:absolute;
  left:9px;
  top:15px;
  width:6px;
  height:6px;
  border-radius:50%;
}
.pricing-v230-dot.red{background:#e96550}
.pricing-v230-dot.orange{background:#e9a04a}
.pricing-v230-table mark{
  display:inline-block;
  margin-top:6px;
  padding:3px 5px;
  border-radius:3px;
  font:600 8px/12px Inter,Arial,sans-serif;
}
.pricing-v230-table mark.high{background:#ffe1e1;color:#f85137}
.pricing-v230-table mark.medium{background:#f1e6da;color:#b06307}
.pricing-v230-outcome{
  display:flex;
  gap:11px;
  align-items:flex-start;
  margin-bottom:11px;
}
.pricing-v230-outcome>i{
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f1e3d5;
  color:#6b6258;
  font:600 11px/1 Inter,Arial,sans-serif;
  font-style:normal;
}
.pricing-v230-outcome strong{
  display:block;
  margin-bottom:5px;
  font:600 13.4px/16px "Poynter OldStyle Display",Georgia,serif;
}
.pricing-v230-outcome p{
  margin:0;
  font:400 10.7px/18.73px Inter,Arial,sans-serif;
}

@media(max-width:1100px){
  .pricing-v230-example{height:auto;padding:60px 24px}
  .pricing-v230-wrap{width:100%;height:auto;display:block}
  .pricing-v230-copy{width:100%;max-width:540px;margin:0 auto 48px}
  .pricing-v230-intro{width:100%}
  .pricing-v230-preview{width:100%;height:auto;grid-template-columns:1fr}
  .pricing-v230-column{height:auto}
}


/* Pricing V22.11 — fix lower half of Figma node 1:3400 */
.pricing-v230-column{
  position:relative;
  display:block;
  overflow:hidden;
}
.pricing-v230-column > .pricing-v230-pane:first-child{
  position:absolute;
  left:15.713px;
  right:15.713px;
  top:14.375px;
  margin:0;
}
.pricing-v230-column:first-child > .pricing-v230-pane:first-child{
  height:364px;
  min-height:364px;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child{
  height:356px;
  min-height:356px;
  overflow:hidden;
}
.pricing-v230-column:first-child > .pricing-v230-pane-bottom{
  position:absolute;
  left:15.713px;
  right:15.713px;
  top:411px;
  height:243px;
  min-height:243px;
  margin:0;
  padding-top:16px;
  box-sizing:border-box;
}
.pricing-v230-column:last-child > .pricing-v230-pane-bottom{
  position:absolute;
  left:15.713px;
  right:15.713px;
  top:398px;
  height:246px;
  min-height:246px;
  margin:0;
  padding-top:16px;
  box-sizing:border-box;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small,
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  position:relative;
  z-index:2;
}
.pricing-v230-column:last-child .pricing-v230-table-row:last-child > div{
  min-height:190px;
}
.pricing-v230-column:last-child > .pricing-v230-pane-bottom small{
  margin-top:8px;
}


/* Pricing V22.12 — visual corrections from supplied Figma screenshot */
.pricing-v230-column{
  overflow:visible;
}

/* Figma has a short divider gap, not a large empty block, between 1 and 2. */
.pricing-v230-column:first-child > .pricing-v230-pane:first-child{
  height:365px;
  min-height:365px;
}
.pricing-v230-column:first-child > .pricing-v230-pane-bottom{
  top:379px;
  height:275px;
  min-height:275px;
}

/* Keep the Areas of Improvement footer visible above the divider. */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child{
  height:365px;
  min-height:365px;
  overflow:visible;
  padding-bottom:44px;
  box-sizing:border-box;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small{
  position:absolute;
  left:0;
  bottom:24px;
  margin:0;
  display:block;
  z-index:4;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  position:absolute;
  left:0;
  bottom:2px;
  margin:0;
  display:block;
  z-index:4;
}
.pricing-v230-column:last-child > .pricing-v230-pane-bottom{
  top:379px;
  height:275px;
  min-height:275px;
  background:#f7f3ef;
  z-index:3;
}

/* Small trophy-style outcome badge matching the Figma reference. */
.pricing-v230-outcome > .pricing-v230-trophy{
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f1e3d5;
  color:#6b6258;
  font:600 10px/1 Georgia,serif;
  font-style:normal;
  transform:rotate(180deg);
}


/* Pricing V22.13 — Areas of Improvement: match supplied Figma reference */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child{
  height:365px;
  min-height:365px;
  overflow:hidden;
  padding-bottom:0;
}
.pricing-v230-column:last-child .pricing-v230-table{
  height:258px;
  overflow:hidden;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small{
  position:static;
  display:block;
  margin:7px 0 0;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  position:static;
  display:inline-block;
  margin:2px 0 0;
}
.pricing-v230-column:last-child > .pricing-v230-pane-bottom{
  top:379px;
  z-index:3;
}


/* Pricing V22.14 — fine tuning from visual comparison */
.pricing-v230-table-head,
.pricing-v230-table-row{
  grid-template-columns:112px 103px 103px;
}
.pricing-v230-table-head b{
  padding-left:7px;
  padding-right:5px;
}
.pricing-v230-table-row>div{
  padding-left:14px;
  padding-right:4px;
}
.pricing-v230-table-row>div:nth-child(2),
.pricing-v230-table-row>div:nth-child(3){
  padding-left:5px;
}
.pricing-v230-table-row ul{
  padding-left:13px;
  list-style-position:outside;
}
.pricing-v230-table-row li::marker{
  font-size:1.2em;
  font-weight:900;
}
.pricing-v230-table-row>div:first-child{
  padding-left:19px;
}
.pricing-v230-table-row:first-of-type>div:first-child p{
  letter-spacing:-.08px;
}
.pricing-v230-column:last-child .pricing-v230-table{
  height:272px;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child{
  height:379px;
  min-height:379px;
}
.pricing-v230-column:last-child > .pricing-v230-pane-bottom{
  top:393px;
  height:261px;
  min-height:261px;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small{
  margin-top:4px;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  margin-top:0;
}
.pricing-v230-column:first-child > .pricing-v230-pane:first-child p:nth-of-type(2){
  margin-bottom:4px;
}
.pricing-v230-column:first-child > .pricing-v230-pane-bottom{
  top:379px;
}
.pricing-v230-column:first-child > .pricing-v230-pane-bottom small,
.pricing-v230-column:last-child > .pricing-v230-pane-bottom small{
  margin-top:2px;
}
.pricing-v230-column:first-child > .pricing-v230-pane-bottom a,
.pricing-v230-column:last-child > .pricing-v230-pane-bottom a{
  margin-top:0;
}
.pricing-v230-outcome > .pricing-v230-trophy{
  transform:none;
}
.pricing-v230-outcome > .pricing-v230-trophy img{
  display:block;
  width:12px;
  height:12px;
}


/* Pricing V22.15 — rebuild vertical rhythm from Figma parent structure */
.pricing-v230-column{
  overflow:hidden;
}

/* LEFT column: first panel + 32.77 gap + divider panel */
.pricing-v230-column:first-child > .pricing-v230-pane:first-child{
  top:14.375px;
  height:364px;
  min-height:364px;
}
.pricing-v230-column:first-child > .pricing-v230-pane-bottom{
  top:411.145px;
  height:242.63px;
  min-height:242.63px;
  padding-top:16.72px;
}
.pricing-v230-column:first-child > .pricing-v230-pane:first-child small{
  margin-top:2px;
}
.pricing-v230-column:first-child > .pricing-v230-pane:first-child a{
  margin-top:0;
}
.pricing-v230-column:first-child > .pricing-v230-pane-bottom small{
  margin-top:5px;
}
.pricing-v230-column:first-child > .pricing-v230-pane-bottom a{
  margin-top:0;
}

/* RIGHT column: first panel + 28.09 gap + divider panel */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child{
  top:14.375px;
  height:355.73px;
  min-height:355.73px;
  overflow:hidden;
}
.pricing-v230-column:last-child > .pricing-v230-pane-bottom{
  top:398.19px;
  height:246px;
  min-height:246px;
  padding-top:16.72px;
}
.pricing-v230-column:last-child .pricing-v230-table{
  height:302px;
  overflow:hidden;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small{
  position:absolute;
  left:0;
  top:303px;
  margin:0;
  z-index:5;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  position:absolute;
  left:0;
  top:318px;
  margin:0;
  z-index:5;
}

/* Compact lower-panel footers: remove the artificial empty bottom area. */
.pricing-v230-column > .pricing-v230-pane-bottom{
  display:flex;
  flex-direction:column;
}
.pricing-v230-column > .pricing-v230-pane-bottom small{
  margin-top:auto;
}
.pricing-v230-column > .pricing-v230-pane-bottom a{
  margin-top:0;
}

/* Actual Figma outcome icon asset. */
.pricing-v230-outcome > .pricing-v230-trophy{
  transform:none;
}
.pricing-v230-outcome > .pricing-v230-trophy img{
  width:12.038px;
  height:12.038px;
  object-fit:contain;
}


/* Pricing V22.16 — direct Opera vs Figma correction */

/* Areas of Improvement: Figma preview intentionally shows only a short
   portion of the second row, then the preview footer. */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child{
  height:355.73px;
  min-height:355.73px;
  overflow:hidden;
}
.pricing-v230-column:last-child .pricing-v230-table{
  height:auto;
  overflow:hidden;
}
.pricing-v230-column:last-child .pricing-v230-table-row:first-of-type > div{
  min-height:169px;
}
.pricing-v230-column:last-child .pricing-v230-table-row:last-child > div{
  height:76px;
  min-height:76px;
  overflow:hidden;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small{
  position:absolute;
  left:0;
  top:292px;
  margin:0;
  z-index:8;
  background:#f7f3ef;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  position:absolute;
  left:0;
  top:309px;
  margin:0;
  z-index:8;
  background:#f7f3ef;
}

/* Keep Actions / Goal visually aligned with Figma and use stronger bullets. */
.pricing-v230-table-head,
.pricing-v230-table-row{
  grid-template-columns:112px 103px 103px;
}
.pricing-v230-table-row > div:nth-child(2),
.pricing-v230-table-row > div:nth-child(3){
  padding-left:4px;
}
.pricing-v230-table-row ul{
  padding-left:14px;
}
.pricing-v230-table-row li::marker{
  font-size:1.35em;
  font-weight:900;
}

/* Lower cards: footer sits close to the content/bottom like the Figma frame,
   instead of leaving a large blank area. */
.pricing-v230-column > .pricing-v230-pane-bottom{
  position:absolute;
  overflow:hidden;
}
.pricing-v230-column > .pricing-v230-pane-bottom small{
  position:absolute;
  left:0;
  bottom:25px;
  margin:0;
}
.pricing-v230-column > .pricing-v230-pane-bottom > a{
  position:absolute;
  left:0;
  bottom:3px;
  margin:0;
}
.pricing-v230-column:first-child > .pricing-v230-pane-bottom{
  top:411.145px;
  height:242.63px;
  min-height:242.63px;
}
.pricing-v230-column:last-child > .pricing-v230-pane-bottom{
  top:398.19px;
  height:246px;
  min-height:246px;
}


/* Pricing V22.17 — exact requested preview rhythm */
.pricing-v230-column:first-child > .pricing-v230-pane:first-child small{
  margin-top:8px;
}
.pricing-v230-column:first-child > .pricing-v230-pane:first-child a{
  margin-top:0;
}

/* Areas row 2 shows only the requested short fragments. */
.pricing-v230-column:last-child .pricing-v230-table-row:last-child > div{
  height:48px;
  min-height:48px;
  overflow:hidden;
}
.pricing-v230-column:last-child .pricing-v230-table-row:last-child li:empty{
  display:none;
}

/* Match the Strengths footer gap in Areas of Improvement. */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small{
  top:284px;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  top:301px;
}


/* Pricing V22.18 — final cosmetic spacing */
.pricing-v230-column:last-child .pricing-v230-table-row:last-child > div{
  height:66px;
  min-height:66px;
  overflow:hidden;
}

/* Areas footer: same visual gap after content as Strengths. */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small{
  top:300px;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  top:317px;
}

/* Trim unused bottom space in the two upper preview panels. */
.pricing-v230-column:first-child > .pricing-v230-pane:first-child{
  height:350px;
  min-height:350px;
}
.pricing-v230-column:first-child > .pricing-v230-pane-bottom{
  top:397px;
  height:242.63px;
  min-height:242.63px;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child{
  height:350px;
  min-height:350px;
}
.pricing-v230-column:last-child > .pricing-v230-pane-bottom{
  top:392px;
  height:246px;
  min-height:246px;
}


/* Pricing V22.19 — ONLY Areas of Improvement */
.pricing-v230-column:last-child .pricing-v230-table-row:last-child > div{
  height:49px;
  min-height:49px;
  max-height:49px;
  overflow:hidden;
}

/* Same gap as Strengths: content -> Shortened Preview -> View Full Feedback */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small{
  top:291px;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  top:309px;
}


/* Pricing V22.20 — Areas rebuilt as a stable parent layout, not piecewise offsets */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child{
  position:absolute;
  top:14.375px;
  height:350px;
  min-height:350px;
  display:grid;
  grid-template-rows:auto auto 49px 12px auto auto;
  align-content:start;
  overflow:hidden;
}

/* Keep heading and table in normal document flow. */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > .pricing-v230-pane-title{
  grid-row:1;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > .pricing-v230-table{
  grid-row:2 / span 2;
  height:auto;
  overflow:hidden;
}

/* Exactly two lines in every cell of the second preview row. */
.pricing-v230-column:last-child .pricing-v230-table-row:last-child > div{
  height:49px !important;
  min-height:49px !important;
  max-height:49px !important;
  line-height:19px;
  overflow:hidden !important;
}

/* Footer is back in flow; no overlap with table content. */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small{
  position:static !important;
  grid-row:5;
  align-self:start;
  margin:12px 0 0 0 !important;
  background:transparent;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  position:static !important;
  grid-row:6;
  align-self:start;
  margin:0 !important;
  background:transparent;
}

/* Remove inherited absolute top values from earlier tuning. */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small,
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  left:auto !important;
  top:auto !important;
  bottom:auto !important;
}


/* Pricing V22.21 — Areas only: show both lines fully and lower footer */
.pricing-v230-column:last-child .pricing-v230-table-row:last-child > div{
  height:64px;
  min-height:64px;
  max-height:64px;
  overflow:hidden;
}

.pricing-v230-column:last-child .areas-two-lines{
  display:block;
  height:44px;
  min-height:44px;
  line-height:20px;
  padding-bottom:4px;
  overflow:visible;
}

/* Preserve Strengths-like breathing room after the second visible line. */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small{
  position:static;
  display:block;
  margin-top:16px;
  margin-bottom:0;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  position:static;
  display:inline-block;
  margin-top:1px;
}


/* Pricing V22.22 — only requested Areas of Improvement adjustment */
.pricing-v230-column:last-child .pricing-v230-table-row:last-child > div{
  height:70px;
  min-height:70px;
  max-height:70px;
  overflow:hidden;
}
.pricing-v230-column:last-child .areas-two-lines{
  height:46px;
  min-height:46px;
  line-height:20px;
  overflow:visible;
}

/* Add ~15px more breathing room before the preview footer. */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small{
  margin-top:31px;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  margin-top:1px;
}


/* Pricing V22.24 — targeted fix: Areas of Improvement only */

/* Let the second row display its two lines completely. */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child
.pricing-v230-table-row:last-child > div{
  height:62px !important;
  min-height:62px !important;
  max-height:62px !important;
  overflow:hidden !important;
}

.pricing-v230-column:last-child > .pricing-v230-pane:first-child
.areas-two-lines{
  display:block !important;
  height:42px !important;
  min-height:42px !important;
  line-height:20px !important;
  overflow:visible !important;
}

/* Move ONLY the Areas preview footer down by 15px.
   Absolute positioning prevents the lower cards from moving. */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child{
  position:absolute !important;
}

.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small{
  position:absolute !important;
  left:0 !important;
  top:315px !important;
  margin:0 !important;
}

.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  position:absolute !important;
  left:0 !important;
  top:333px !important;
  margin:0 !important;
}

/* Explicitly restore the lower panels to their pre-V22.23 positions/sizes. */
.pricing-v230-column:first-child > .pricing-v230-pane-bottom{
  top:397px !important;
  height:242.63px !important;
  min-height:242.63px !important;
}

.pricing-v230-column:last-child > .pricing-v230-pane-bottom{
  top:392px !important;
  height:246px !important;
  min-height:246px !important;
}


/* Pricing V22.26 — Areas of Improvement: final shortened-preview footer only */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child
.pricing-v230-table-row:last-child mark,
.pricing-v230-column:last-child > .pricing-v230-pane:first-child
.pricing-v230-table-row:last-child ul li:nth-child(n+2){
  display:none !important;
}

/* Preserve the visible "The vocal feels slightly pushed / Reduce reverb send / Bring the vocal closer..." row. */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child
.pricing-v230-table-row:last-child{
  overflow:hidden !important;
}

/* Place the same footer treatment used elsewhere directly after the shortened table preview. */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small{
  position:absolute !important;
  left:20px !important;
  top:388px !important;
  margin:0 !important;
  display:block !important;
  z-index:30 !important;
  background:#f7f3ef !important;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  position:absolute !important;
  left:20px !important;
  top:408px !important;
  margin:0 !important;
  display:inline-block !important;
  z-index:30 !important;
  background:#f7f3ef !important;
}


/* Pricing V22.27 — make the Areas footer visible inside the existing clipped card.
   Use bottom anchoring so it cannot be pushed outside the pane. */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small{
  position:absolute !important;
  left:20px !important;
  top:auto !important;
  bottom:25px !important;
  margin:0 !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  z-index:50 !important;
  background:#f7f3ef !important;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  position:absolute !important;
  left:20px !important;
  top:auto !important;
  bottom:5px !important;
  margin:0 !important;
  display:inline-block !important;
  visibility:visible !important;
  opacity:1 !important;
  z-index:50 !important;
  background:#f7f3ef !important;
}


/* Pricing V22.28 — align Areas of Improvement footer with the table/body left edge */
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small,
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  left:0 !important;
}


/* Pricing V22.29 — match preview spacing to Strengths */
.pricing-v230-column:first-child > .pricing-v230-pane:first-child > small{
  transform:translateY(5px) !important;
}
.pricing-v230-column:first-child > .pricing-v230-pane:first-child > a{
  transform:translateY(5px) !important;
}

.pricing-v230-column:last-child > .pricing-v230-pane:first-child > small{
  bottom:20px !important;
}
.pricing-v230-column:last-child > .pricing-v230-pane:first-child > a{
  bottom:0 !important;
}


/* Pricing V22.31 — align Written Feedback footer to Areas of Improvement.
   Areas of Improvement remains the reference; only Written Feedback is moved down/aligned. */
.pricing-v230-column:first-child > .pricing-v230-pane:first-child > small{
  position:absolute !important;
  left:0 !important;
  bottom:28px !important;
  transform:none !important;
  margin:0 !important;
}
.pricing-v230-column:first-child > .pricing-v230-pane:first-child > a{
  position:absolute !important;
  left:0 !important;
  bottom:8px !important;
  transform:none !important;
  margin:0 !important;
}

/* Pricing V22.35 — exact Figma node 1:3545. This section ends after the three cards. */
.pricing-v2235-approach{
  width:100%;height:672px;box-sizing:border-box;background:#F6F1EE;border-bottom:1px solid #E6DDCF;
  padding:86px 80px;display:flex;flex-direction:column;align-items:center;gap:56px;color:#1A1A1A;
}
.pricing-v2235-head{
  width:1280px;height:128px;flex:0 0 128px;display:flex;flex-direction:column;align-items:center;gap:16px;
}
.pricing-v2235-title-group{
  width:676px;height:82px;flex:0 0 82px;display:flex;flex-direction:column;align-items:center;gap:15px;
}
.pricing-v2235-title-group h2{
  width:676px;height:64px;margin:0;font-family:"Poynter OldStyle Display",Georgia,serif;font-weight:600;
  font-size:58px;line-height:64px;letter-spacing:-0.4754px;color:#0E0E0E;text-align:center;white-space:nowrap;
}
.pricing-v2235-rule{display:block;width:60px;height:3px;flex:0 0 3px;border-radius:3px;background:#D28B3F;}
.pricing-v2235-head>p{
  width:901px;height:30px;margin:0;font-family:Inter,Arial,sans-serif;font-weight:400;font-size:24px;line-height:30px;
  color:#0E0E0E;text-align:center;white-space:nowrap;
}
.pricing-v2235-cards{
  width:1280px;height:316px;flex:0 0 316px;display:grid;
  grid-template-columns:410.666656px 410.666687px 410.666687px;gap:24px;
}
.pricing-v2235-card{
  box-sizing:border-box;width:100%;height:316px;margin:0;padding:38px;background:#F7F3EF;border:2px solid #E6DDCF;
  border-radius:14px;display:flex;flex-direction:column;align-items:center;color:#1A1A1A;text-align:center;
}
.pricing-v2235-icon{
  width:78px;height:78px;flex:0 0 78px;margin:0 0 24px;border-radius:39px;background:#F4D9BD;
  display:flex;align-items:center;justify-content:center;
}
.pricing-v2235-icon img{display:block;width:34px;height:32px;object-fit:contain;}
.pricing-v2235-card:nth-child(3) .pricing-v2235-icon img{width:32px;height:32px;}
.pricing-v2235-copy{
  width:100%;height:138px;flex:0 0 138px;display:flex;flex-direction:column;align-items:center;gap:20px;
  color:#1A1A1A;text-align:center;
}
.pricing-v2235-copy h3{
  width:100%;height:34px;margin:0;font-family:"Poynter OldStyle Display",Georgia,serif;font-weight:600;
  font-size:28px;line-height:34px;color:#1A1A1A;text-align:center;white-space:nowrap;
}
.pricing-v2235-copy p{
  width:100%;height:84px;margin:0;font-family:Inter,Arial,sans-serif;font-weight:400;font-size:16px;line-height:28px;
  color:#1A1A1A;text-align:center;
}
@media(max-width:900px){
  .pricing-v2235-approach{height:auto;padding:64px 24px}
  .pricing-v2235-head,.pricing-v2235-title-group,.pricing-v2235-title-group h2,.pricing-v2235-head>p,.pricing-v2235-cards{width:100%;height:auto;flex-basis:auto}
  .pricing-v2235-title-group h2{font-size:42px;line-height:48px;white-space:normal}
  .pricing-v2235-head>p{font-size:18px;line-height:26px;white-space:normal}
  .pricing-v2235-cards{grid-template-columns:1fr}
  .pricing-v2235-card{height:auto;min-height:316px}
}


/* Pricing V22.37 — Turnaround & Delivery — Figma node 1:3719 */
.pricing-v2237-delivery{box-sizing:border-box;width:100%;height:496px;background:#F6F1EE;border-top:1px solid #E6DDCF;border-bottom:2px solid #E6DDCF;color:#0E0E0E;padding:86px 80px}
.pricing-v2237-delivery *{box-sizing:border-box}
.pricing-v2237-inner{width:1280px;max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:56px}
.pricing-v2237-copy{width:379px;flex:0 0 379px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.pricing-v2237-copy h2{margin:0;width:379px;font-family:"Poynter OldStyle Display",serif;font-size:58px;line-height:64px;font-weight:600;letter-spacing:-.4754px;color:#0E0E0E}
.pricing-v2237-rule{display:block;width:60px;height:3px;margin-top:15px;border-radius:2px;background:#D28B3F}
.pricing-v2237-copy>p{margin:0;width:379px;font-family:Inter,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:400;color:#0E0E0E}
.pricing-v2237-cards{flex:1 1 auto;min-width:0;display:flex;align-items:stretch;gap:12px;height:324px}
.pricing-v2237-card{flex:1 1 0;min-width:0;height:324px;padding:38px 26px 26px;border:2px solid #E6DDCF;border-radius:14px;background:#F7F3EF;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.pricing-v2237-icon{width:62px;height:62px;flex:0 0 62px;border-radius:50%;background:#F4D9BD;display:flex;align-items:center;justify-content:center}
.pricing-v2237-card:first-child .pricing-v2237-icon{width:60px;height:60px;flex-basis:60px}
.pricing-v2237-icon img{display:block;width:32px;height:32px;object-fit:contain}
.pricing-v2237-card:nth-child(2) .pricing-v2237-icon img,.pricing-v2237-card:nth-child(4) .pricing-v2237-icon img{width:28px;height:28px}
.pricing-v2237-card h3{margin:0;font-family:"Poynter OldStyle Display",serif;font-size:20px;line-height:normal;font-weight:600;color:#2A2520;white-space:nowrap}
.pricing-v2237-main{margin:0;font-family:"Poynter OldStyle Display",serif;font-size:20px;line-height:26.25px;font-weight:600;color:#111;text-align:center}
.pricing-v2237-note{margin:0;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:normal;font-weight:400;color:#333;text-align:center;white-space:nowrap}

/* Pricing V22.38 — Direction quote / CTA — Figma node 1:3767 */
.pricing-v2238-direction{box-sizing:border-box;position:relative;width:100%;height:606px;padding:54px 80px 50px;background:#F6F1EE;border-bottom:1px solid #E6DDCF;color:#0E0E0E;display:flex;flex-direction:column;align-items:center;gap:34px;overflow:hidden}
.pricing-v2238-direction *{box-sizing:border-box}
.pricing-v2238-quote{position:relative;width:1280px;height:263px;flex:0 0 263px;display:flex;flex-direction:column;align-items:center;gap:24px}
.pricing-v2238-mark{height:32px;margin:0;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;font-size:80px;line-height:32px;color:#D28B3F;text-align:center}
.pricing-v2238-copy{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}
.pricing-v2238-copy h2{margin:3.015px 0 0;font-family:"Poynter OldStyle Display",Georgia,serif;font-size:58px;line-height:64px;font-weight:600;letter-spacing:-.4754px;color:#0E0E0E;text-align:center;white-space:nowrap}
.pricing-v2238-copy p{margin:0;font-family:Inter,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:400;color:#0E0E0E;text-align:center;white-space:nowrap}
.pricing-v2238-flare{position:absolute;top:92px;width:5px;height:90px;background:linear-gradient(to bottom,rgba(202,131,56,0),rgba(202,131,56,.35) 50%,rgba(202,131,56,0));border-radius:5px;opacity:.85}
.pricing-v2238-flare-left{left:43px}
.pricing-v2238-flare-right{right:43px}
.pricing-v2238-cta{width:1320px;height:192px;flex:0 0 192px;margin:0 -20px;padding:32px 42px;border:2px solid #E6DDCF;border-radius:12px;background:#fff;display:flex;align-items:flex-start;justify-content:space-between}
.pricing-v2238-cta-left{display:flex;align-items:flex-start;gap:24px}
.pricing-v2238-bolt{width:64px;height:64px;flex:0 0 64px;border-radius:32px;background:#F4D9BD;display:flex;align-items:center;justify-content:center}
.pricing-v2238-bolt img{display:block;width:32px;height:32px;object-fit:contain}
.pricing-v2238-cta-copy{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pricing-v2238-cta-copy h3{margin:0;font-family:"Poynter OldStyle Display",Georgia,serif;font-size:28px;line-height:32px;font-weight:600;color:#14110D}
.pricing-v2238-cta-copy p{width:460px;margin:0;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:28px;font-weight:400;color:#1A1A1A}
.pricing-v2238-action{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.pricing-v2238-button{height:78px;padding:24px 42px;border-radius:6px;background:linear-gradient(to bottom,#DE984B,#C47D32);display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;text-decoration:none}
.pricing-v2238-button span{font-family:"Poynter OldStyle Display",Georgia,serif;font-size:30px;line-height:30px;font-weight:600;white-space:nowrap}
.pricing-v2238-button img{display:block;width:24px;height:25.755px;object-fit:contain}
.pricing-v2238-secure{display:flex;align-items:center;gap:8px;padding-left:1px}
.pricing-v2238-secure img{display:block;width:14px;height:14px;object-fit:contain}
.pricing-v2238-secure span{font-family:Inter,Arial,sans-serif;font-size:13px;line-height:normal;font-weight:400;color:#2A2520;white-space:nowrap}
@media(max-width:900px){
  .pricing-v2238-direction{height:auto;padding:64px 24px;gap:40px}
  .pricing-v2238-quote{width:100%;height:auto;flex-basis:auto}
  .pricing-v2238-copy h2,.pricing-v2238-copy p{white-space:normal}
  .pricing-v2238-copy h2{font-size:42px;line-height:48px}
  .pricing-v2238-copy p{font-size:18px;line-height:27px}
  .pricing-v2238-flare{display:none}
  .pricing-v2238-cta{width:100%;height:auto;margin:0;padding:28px;flex-direction:column;gap:28px}
  .pricing-v2238-cta-copy p{width:auto}
  .pricing-v2238-action{width:100%}
  .pricing-v2238-button{width:100%;padding:22px 24px}
  .pricing-v2238-button span{font-size:24px}
}


/* Pricing V22.41 — Who This Is For — exact Figma node 1:3800 */
.pricing-v2241-audience{box-sizing:border-box;width:100%;height:508px;padding:86px 80px;background:#F6F1EE;color:#0E0E0E}
.pricing-v2241-audience *{box-sizing:border-box}
.pricing-v2241-inner{width:1280px;height:336px;margin:0 auto;display:flex;align-items:flex-start;gap:56px}
.pricing-v2241-copy{width:332px;flex:0 0 332px;display:flex;flex-direction:column;align-items:flex-start;gap:24px;color:#0E0E0E}
.pricing-v2241-copy>div{width:332px}
.pricing-v2241-copy h2{width:332px;margin:0;font-family:"Poynter OldStyle Display",Georgia,serif;font-weight:600;font-size:58px;line-height:64px;letter-spacing:-.4754px;color:#0E0E0E}
.pricing-v2241-copy p{width:332px;margin:0;font-family:Inter,Arial,sans-serif;font-weight:400;font-size:24px;line-height:30px;color:#0E0E0E}
.pricing-v2241-cards{height:336px;flex:1 1 auto;min-width:0;display:flex;align-items:stretch;gap:24px}
.pricing-v2241-card{flex:1 1 0;min-width:0;height:336px;padding:38px 26px;border:2px solid #E6DDCF;border-radius:12px;background:#F7F3EF;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.pricing-v2241-icon{width:60px;height:60px;flex:0 0 60px;border-radius:30px;background:#F4D9BD;display:flex;align-items:center;justify-content:center}
.pricing-v2241-icon img{display:block;width:28px;height:28px;object-fit:contain}
.pricing-v2241-card h3{width:100%;margin:0;padding-top:4px;font-family:"Poynter OldStyle Display",Georgia,serif;font-weight:600;font-size:24px;line-height:30px;color:#14110D;text-align:center}
.pricing-v2241-card:nth-child(2) h3{padding-top:3.3px}
.pricing-v2241-card:nth-child(3) h3{padding-top:3.3px}
.pricing-v2241-card p{width:100%;margin:0;font-family:Inter,Arial,sans-serif;font-weight:400;font-size:16px;line-height:28px;color:#1A1A1A;text-align:center}
@media(max-width:900px){
 .pricing-v2241-audience{height:auto;padding:64px 24px}
 .pricing-v2241-inner{width:100%;height:auto;flex-direction:column;gap:40px}
 .pricing-v2241-copy,.pricing-v2241-copy h2,.pricing-v2241-copy p{width:100%}
 .pricing-v2241-copy h2{font-size:42px;line-height:48px}
 .pricing-v2241-copy p{font-size:18px;line-height:27px}
 .pricing-v2241-cards{width:100%;height:auto;display:grid;grid-template-columns:1fr 1fr}
 .pricing-v2241-card{height:auto;min-height:282px}
}
@media(max-width:600px){.pricing-v2241-cards{grid-template-columns:1fr}}

/* Pricing V22.43 — Direction quote / CTA — restore Figma side flares */
.pricing-v2238-direction{
  height:680px;
  padding:86px 80px;
  gap:56px;
}
.pricing-v2238-quote{
  width:1280px;
  height:260px;
  flex:0 0 260px;
  gap:24px;
}
.pricing-v2238-mark{
  height:32px;
  flex:0 0 32px;
  margin:0;
  font-size:80px;
  line-height:32px;
}
.pricing-v2238-copy{gap:16px}
.pricing-v2238-copy h2{
  margin:3.015px 0 0;
  font-size:58px;
  line-height:64px;
  letter-spacing:-.4754px;
}
.pricing-v2238-copy p{font-size:24px;line-height:30px}
.pricing-v2238-flare{top:99px;height:90px}
.pricing-v2238-flare-left{left:43px}
.pricing-v2238-flare-right{right:43px}
.pricing-v2238-cta{
  width:1320px;
  height:192px;
  flex:0 0 192px;
  margin:0 -20px;
  padding:32px 42px;
  align-items:flex-start;
}
.pricing-v2238-cta-left{gap:24px}
.pricing-v2238-bolt{width:64px;height:64px;flex-basis:64px}
.pricing-v2238-cta-copy{gap:8px}
.pricing-v2238-cta-copy h3{font-size:28px;line-height:32px}
.pricing-v2238-cta-copy p{width:460px;font-size:16px;line-height:28px}
.pricing-v2238-action{gap:24px}
.pricing-v2238-button{height:78px;padding:24px 42px;gap:10px;border-radius:6px}
.pricing-v2238-button span{font-size:30px;line-height:15px}
.pricing-v2238-secure{gap:8px}


/* Pricing V22.44 — isolate Direction section; lower audience section removed; exact Figma 1:3767 geometry */
.pricing-v2238-direction{
  box-sizing:border-box!important;position:relative!important;width:100%!important;height:683px!important;
  padding:86px 80px!important;background:#F6F1EE!important;border-bottom:1px solid #E6DDCF!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;gap:56px!important;overflow:hidden!important;
}
.pricing-v2238-quote{position:relative!important;width:1280px!important;height:263px!important;flex:0 0 263px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:24px!important}
.pricing-v2238-mark{height:32px!important;flex:0 0 32px!important;margin:0!important;font-family:"Playfair Display",Georgia,serif!important;font-style:italic!important;font-weight:400!important;font-size:80px!important;line-height:32px!important;color:#D28B3F!important;text-align:center!important}
.pricing-v2238-copy{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important}
.pricing-v2238-copy h2{margin:3.015px 0 0!important;font-family:"Poynter OldStyle Display",Georgia,serif!important;font-size:58px!important;line-height:64px!important;font-weight:600!important;letter-spacing:-.4754px!important;text-align:center!important;white-space:nowrap!important;color:#0E0E0E!important}
.pricing-v2238-copy p{margin:0!important;font-family:Inter,Arial,sans-serif!important;font-size:24px!important;line-height:30px!important;font-weight:400!important;text-align:center!important;white-space:nowrap!important;color:#0E0E0E!important}
/* Figma mask groups place the visible 5px flares around x=141 and x=1234 on the 1440px canvas. */
.pricing-v2238-flare{position:absolute!important;top:128px!important;width:5px!important;height:90px!important;border-radius:0!important;opacity:.35!important;background:linear-gradient(180deg,rgba(202,131,56,0) 0%,#CA8338 50%,rgba(202,131,56,0) 100%)!important}
.pricing-v2238-flare-left{left:141px!important}.pricing-v2238-flare-right{right:201px!important}
.pricing-v2238-cta{box-sizing:border-box!important;width:1320px!important;height:192px!important;flex:0 0 192px!important;margin:0!important;padding:32px 42px!important;border:2px solid #E6DDCF!important;border-radius:12px!important;background:#fff!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important}
.pricing-v2238-cta-left{display:flex!important;align-items:flex-start!important;gap:24px!important}.pricing-v2238-bolt{width:64px!important;height:64px!important;flex:0 0 64px!important;border-radius:32px!important}
.pricing-v2238-cta-copy{display:flex!important;flex-direction:column!important;gap:8px!important;align-items:flex-start!important}.pricing-v2238-cta-copy h3{margin:0!important;font-size:28px!important;line-height:32px!important}.pricing-v2238-cta-copy p{width:460px!important;margin:0!important;font-size:16px!important;line-height:28px!important}
.pricing-v2238-action{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:24px!important}.pricing-v2238-button{height:78px!important;padding:24px 42px!important;border-radius:6px!important;gap:10px!important}.pricing-v2238-button span{font-size:30px!important;line-height:15px!important}.pricing-v2238-secure{gap:8px!important}
@media(max-width:900px){.pricing-v2238-direction{height:auto!important;padding:64px 24px!important;gap:40px!important}.pricing-v2238-quote{width:100%!important;height:auto!important;flex-basis:auto!important}.pricing-v2238-copy h2,.pricing-v2238-copy p{white-space:normal!important}.pricing-v2238-copy h2{font-size:42px!important;line-height:48px!important}.pricing-v2238-copy p{font-size:18px!important;line-height:27px!important}.pricing-v2238-flare{display:none!important}.pricing-v2238-cta{width:100%!important;height:auto!important;padding:28px!important;flex-direction:column!important;gap:28px!important}.pricing-v2238-cta-copy p{width:auto!important}.pricing-v2238-action{width:100%!important}.pricing-v2238-button{width:100%!important;padding:22px 24px!important}.pricing-v2238-button span{font-size:24px!important}}


/* Pricing V22.45 — Direction section: lock the desktop section to the actual 1440px Figma canvas.
   Node 1:3767 is 1440x683. Side mask flares resolve to visible 5x90px bars at x≈61/1374 and y≈253. */
@media (min-width:901px){
  .pricing-v2238-direction{
    box-sizing:border-box!important;
    position:relative!important;
    width:1440px!important;
    max-width:1440px!important;
    height:683px!important;
    margin:0 auto!important;
    padding:86px 80px!important;
    gap:56px!important;
    overflow:hidden!important;
  }
  .pricing-v2238-quote{
    width:1280px!important;
    height:263px!important;
    flex:0 0 263px!important;
    gap:24px!important;
  }
  .pricing-v2238-mark{
    height:32px!important;
    flex:0 0 32px!important;
    margin:0!important;
    font-size:80px!important;
    line-height:32px!important;
  }
  .pricing-v2238-copy{gap:16px!important}
  .pricing-v2238-copy h2{
    margin:3.015px 0 0!important;
    font-size:58px!important;
    line-height:64px!important;
    letter-spacing:-.4754px!important;
  }
  .pricing-v2238-copy p{
    margin:0!important;
    font-size:24px!important;
    line-height:30px!important;
  }
  /* Exact visible result of Figma mask groups 1:3774 and 1:3777. */
  .pricing-v2238-flare{
    position:absolute!important;
    top:253px!important;
    width:5px!important;
    height:90px!important;
    opacity:.35!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(202,131,56,0) 0%,#CA8338 50%,rgba(202,131,56,0) 100%)!important;
  }
  .pricing-v2238-flare-left{left:61px!important}
  .pricing-v2238-flare-right{right:61px!important}
  .pricing-v2238-cta{
    width:1320px!important;
    height:192px!important;
    flex:0 0 192px!important;
    margin:0!important;
    padding:32px 42px!important;
    border:2px solid #E6DDCF!important;
    border-radius:12px!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
  }
  .pricing-v2238-cta-left{gap:24px!important}
  .pricing-v2238-bolt{width:64px!important;height:64px!important;flex:0 0 64px!important}
  .pricing-v2238-cta-copy{gap:8px!important}
  .pricing-v2238-cta-copy h3{margin:0!important;font-size:28px!important;line-height:32px!important}
  .pricing-v2238-cta-copy p{width:460px!important;margin:0!important;font-size:16px!important;line-height:28px!important}
  .pricing-v2238-action{gap:24px!important}
  .pricing-v2238-button{height:78px!important;padding:24px 42px!important;gap:10px!important;border-radius:6px!important}
  .pricing-v2238-button span{font-size:30px!important;line-height:15px!important}
}

/* Pricing V22.52 — BIG CTA BANNER bottom-edge fix, Figma node 1:3849.
   Image/content use the Figma 550px internal height so the image reaches the bottom frame edge. */
.pricing-v2251-cta{
  box-sizing:border-box;
  width:1440px;
  height:594px;
  margin:0 auto;
  padding:21px 80px;
  background:#F6F1EE;
  color:#0E0E0E;
}
.pricing-v2251-cta *,
.pricing-v2251-cta *::before,
.pricing-v2251-cta *::after{box-sizing:border-box}
.pricing-v2251-box{
  width:1280px;
  height:552px;
  display:grid;
  grid-template-columns:638px 638px;
  grid-template-rows:550px;
  border:2px solid #E6DDCF;
  border-radius:14px;
  background:#F7F3EF;
  overflow:hidden;
}
.pricing-v2251-image{
  width:638px;
  height:550px;
  overflow:hidden;
  background:#160C06;
}
.pricing-v2251-image img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
}
.pricing-v2251-content{
  width:638px;
  height:550px;
  padding:48px 56px;
  background:#F7F3EF;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
}
.pricing-v2251-copy{
  width:526px;
  display:flex;
  flex-direction:column;
  gap:24px;
}
.pricing-v2251-heading{
  width:526px;
  display:flex;
  flex-direction:column;
  gap:15px;
}
.pricing-v2251-heading h2{
  width:526px;
  margin:0;
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-weight:600;
  font-size:58px;
  line-height:64px;
  letter-spacing:-.4754px;
  color:#0E0E0E;
}
.pricing-v2251-rule{
  display:block;
  width:46px;
  height:2px;
  flex:0 0 2px;
  border-radius:1px;
  background:#F26B1F;
}
.pricing-v2251-copy>p{
  width:526px;
  margin:0;
  font-family:Inter,Arial,sans-serif;
  font-weight:400;
  font-size:24px;
  line-height:30px;
  color:#0E0E0E;
}
.pricing-v2251-button{
  height:74px;
  margin-top:24px;
  padding:24px 42px;
  border-radius:6px;
  background:linear-gradient(180deg,#DE984B 0%,#C47D32 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#fff;
  text-decoration:none;
}
.pricing-v2251-button:hover,
.pricing-v2251-button:focus{color:#fff;text-decoration:none}
.pricing-v2251-button span{
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-weight:600;
  font-size:30px;
  line-height:15px;
  white-space:nowrap;
}
.pricing-v2251-button img{
  display:block;
  width:24px;
  height:26px;
  max-width:none;
  object-fit:contain;
}
.pricing-v2251-secure{
  width:526px;
  margin-top:16px;
  padding-top:16px;
  display:flex;
  align-items:center;
  gap:8px;
  font-family:Inter,Arial,sans-serif;
  font-weight:400;
  font-size:14px;
  line-height:17px;
  color:#2A2520;
}
.pricing-v2251-secure img{
  display:block;
  width:14px;
  height:14px;
  max-width:none;
  object-fit:contain;
}
@media (max-width:900px){
  .pricing-v2251-cta{width:100%;height:auto;padding:24px}
  .pricing-v2251-box{width:100%;height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto;border-radius:14px}
  .pricing-v2251-image{width:100%;height:420px}
  .pricing-v2251-content{width:100%;height:auto;padding:40px 28px}
  .pricing-v2251-copy,.pricing-v2251-heading,.pricing-v2251-heading h2,.pricing-v2251-copy>p,.pricing-v2251-secure{width:100%}
  .pricing-v2251-heading h2{font-size:42px;line-height:48px}
  .pricing-v2251-copy>p{font-size:18px;line-height:27px}
  .pricing-v2251-button{height:auto;padding:22px 28px}
  .pricing-v2251-button span{font-size:24px;line-height:1}
}


/* Pricing V22.53 — CTA corner geometry fix.
   Let the outer frame own the clipping radius; both panels fill its inner box exactly. */
.pricing-v2251-box{
  box-sizing:border-box!important;
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:1fr!important;
  overflow:hidden!important;
}
.pricing-v2251-image,
.pricing-v2251-content{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
.pricing-v2251-image{
  border-radius:12px 0 0 12px;
  overflow:hidden!important;
}
.pricing-v2251-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit;
}
@media (max-width:900px){
  .pricing-v2251-box{grid-template-columns:1fr!important;grid-template-rows:auto auto!important}
  .pricing-v2251-image{height:420px!important;border-radius:12px 12px 0 0}
  .pricing-v2251-content{height:auto!important}
}

/* V22.54 — Songs We've Recently Worked With: image corner geometry only.
   Card outer radius is 12px with a 2px border, so the image/cover uses the
   corresponding 10px inner radius on the two exposed top corners. The lower
   image corners remain square where the cover meets the copy panel. */
.song-card{
  overflow:hidden!important;
}
.song-cover{
  overflow:hidden!important;
  border-radius:10px 10px 0 0!important;
}
.song-cover>img{
  border-radius:0!important;
}


/* Pricing V22.58 — Hero image correction only.
   Uses the original full-resolution image embedded in the user-provided Figma/project archive
   for Pricing node 1:3025. No generated or recompressed image. The existing CSS gradient
   remains a separate layer and the Hero copy exists only once in the DOM. */
#mfs-f1-48.mfs-pricing-page .f11-front-imgbox{
  left:281px!important;
  top:-69px!important;
  width:1159px!important;
  height:772px!important;
  overflow:hidden!important;
}
#mfs-f1-48.mfs-pricing-page .f11-front-imgbox img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  image-rendering:auto!important;
}

/* Pricing V22.59 — final lower CTA only.
   Compact Figma split-banner geometry: 1440x481 section, 1280x309 card,
   490.77px image + 785.23px content. Hero and all preceding sections untouched. */
.pricing-v2251-cta{
  width:1440px!important;
  height:481px!important;
  margin:0 auto!important;
  padding:86px 80px!important;
  background:#F6F1EE!important;
}
.pricing-v2251-box{
  width:1280px!important;
  height:309px!important;
  display:grid!important;
  grid-template-columns:490.7693px 785.2307px!important;
  grid-template-rows:307px!important;
  border:2px solid #E6DDCF!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#F7F3EF!important;
}
.pricing-v2251-image{
  width:490.7693px!important;
  height:307px!important;
  min-height:0!important;
  border-radius:12px 0 0 12px!important;
  overflow:hidden!important;
  background:#160C06!important;
}
.pricing-v2251-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
.pricing-v2251-content{
  width:785.2307px!important;
  height:307px!important;
  min-height:0!important;
  padding:32px 40px!important;
  background:#F7F3EF!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
.pricing-v2251-copy{
  width:579px!important;
  gap:7.505px!important;
}
.pricing-v2251-heading{
  width:579px!important;
  gap:0!important;
}
.pricing-v2251-heading h2{
  width:579px!important;
  margin:0!important;
  font-size:32px!important;
  line-height:37.76px!important;
  letter-spacing:-.3px!important;
  white-space:nowrap!important;
}
.pricing-v2251-rule{display:none!important}
.pricing-v2251-copy>p{
  width:579px!important;
  margin:0!important;
  font-size:16px!important;
  line-height:28px!important;
}
.pricing-v2251-button{
  width:404px!important;
  height:73.755px!important;
  margin-top:24px!important;
  padding:24px 32px!important;
  gap:10px!important;
  border-radius:6px!important;
}
.pricing-v2251-button span{
  font-size:29px!important;
  line-height:15px!important;
}
.pricing-v2251-button img{
  width:24px!important;
  height:25.755px!important;
}
.pricing-v2251-secure{
  width:202px!important;
  height:24px!important;
  margin-top:12px!important;
  padding-top:0!important;
  gap:8px!important;
  font-size:14px!important;
  line-height:24px!important;
}
.pricing-v2251-secure img{width:14px!important;height:14px!important}
@media (max-width:900px){
  .pricing-v2251-cta{width:100%!important;height:auto!important;padding:32px 24px!important}
  .pricing-v2251-box{width:100%!important;height:auto!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important}
  .pricing-v2251-image{width:100%!important;height:320px!important;border-radius:12px 12px 0 0!important}
  .pricing-v2251-content{width:100%!important;height:auto!important;padding:32px 28px!important}
  .pricing-v2251-copy,.pricing-v2251-heading,.pricing-v2251-heading h2,.pricing-v2251-copy>p{width:100%!important}
  .pricing-v2251-heading h2{font-size:32px!important;line-height:38px!important;white-space:normal!important}
  .pricing-v2251-button{max-width:100%!important;width:auto!important;height:auto!important}
}

/* V22.60 — Pricing / Your Success Matters — Figma section */
.pricing-v2260-success-wrap,
.pricing-v2260-success-wrap *,
.pricing-v2260-success-wrap *::before,
.pricing-v2260-success-wrap *::after{box-sizing:border-box}
.pricing-v2260-success-wrap{
  width:1440px;
  height:379px;
  margin:0 auto;
  padding-top:86px;
  background:#f7f3ef;
}
.pricing-v2260-success{
  position:relative;
  width:1276px;
  height:207px;
  margin:0 auto;
  background:#f7f3ef;
  border:2px solid #e6ddcf;
  border-radius:14px;
  overflow:visible;
  color:#14110d;
}
.pricing-v2260-success-copy{
  position:absolute;
  left:210px;
  top:50px;
  width:513px;
  height:104px;
}
.pricing-v2260-success-copy h2{
  width:513px;
  height:38px;
  margin:0;
  color:#14110d;
  font-family:"Poynter OldStyle Display","Playfair Display",Georgia,serif;
  font-size:32px;
  line-height:32px;
  font-weight:600;
  letter-spacing:-.3px;
}
.pricing-v2260-success-copy p{
  width:490px;
  margin:9px 0 0;
  color:#1a1a1a;
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  line-height:28px;
  font-weight:400;
}
.pricing-v2260-badge{
  position:absolute;
  left:742px;
  top:37px;
  width:130px;
  height:130px;
  border:3px solid #111;
  border-radius:50%;
  background:radial-gradient(circle at center,#fff 0 34%,rgba(255,255,255,0) 34.5% 100%);
}
.pricing-v2260-badge-mark{
  position:absolute;
  left:50%;
  top:-14px;
  transform:translateX(-50%);
  width:18px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#111;
  font-family:Inter,Arial,sans-serif;
  font-size:13px;
  line-height:18px;
  font-weight:700;
  background:#f7f3ef;
}
.pricing-v2260-badge-inner{
  position:absolute;
  left:14px;
  top:14px;
  width:96px;
  height:96px;
  padding-top:18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  background:#fff;
  border:1px solid #111;
  border-radius:50%;
}
.pricing-v2260-badge-inner strong{
  display:block;
  margin:0;
  color:#111;
  font-family:"Playfair Display",Georgia,serif;
  font-size:28px;
  line-height:28px;
  font-weight:500;
}
.pricing-v2260-badge-inner span{
  display:block;
  margin-top:2px;
  color:#111;
  font-family:Inter,Arial,sans-serif;
  font-size:9px;
  line-height:9px;
  font-weight:700;
  letter-spacing:1.62px;
  text-align:center;
}
.pricing-v2260-quote{
  position:absolute;
  left:892px;
  top:35px;
  width:340px;
  height:135px;
  border-left:1px solid #eadfcb;
}
.pricing-v2260-quote-card{
  position:absolute;
  left:32px;
  top:0;
  width:307px;
  height:135px;
  padding:19px 23px 18px;
  background:#fff;
  border:1px solid #e66217;
  border-radius:12px;
}
.pricing-v2260-quote-card strong{
  display:block;
  margin:0;
  color:#e66217;
  font-family:"Playfair Display",Georgia,serif;
  font-size:22px;
  line-height:22px;
  font-weight:700;
}
.pricing-v2260-quote-card p{
  width:260px;
  margin:3px 0 0;
  color:#2a2520;
  font-family:Inter,Arial,sans-serif;
  font-size:14.5px;
  line-height:23.2px;
  font-weight:400;
}
.pricing-v2260-quote-corner{
  position:absolute;
  left:-10px;
  top:13px;
  width:18px;
  height:18px;
  background:#fff;
  border-left:1px solid #e66217;
  border-bottom:1px solid #e66217;
  transform:rotate(45deg);
}
@media (max-width:900px){
  .pricing-v2260-success-wrap{width:100%;height:auto;padding:48px 24px}
  .pricing-v2260-success{width:100%;height:auto;min-height:0;padding:36px 28px;display:flex;flex-direction:column;align-items:center;gap:28px}
  .pricing-v2260-success-copy,.pricing-v2260-badge,.pricing-v2260-quote{position:relative;left:auto;top:auto}
  .pricing-v2260-success-copy{width:100%;height:auto;text-align:center}
  .pricing-v2260-success-copy h2,.pricing-v2260-success-copy p{width:100%;height:auto}
  .pricing-v2260-quote{width:100%;height:auto;border-left:0;display:flex;justify-content:center}
  .pricing-v2260-quote-card{position:relative;left:auto;top:auto;width:min(307px,100%)}
}

/* V22.61 — Your Success Matters: background + vertical rhythm fix only.
   Keep the Figma card itself #F7F3EF, but restore the page field #F6F1EE.
   The previous CTA already contributes the 86px inter-section spacing, so do not
   add a second 86px above this card. Preserve the 86px breathing room below. */
.pricing-v2260-success-wrap{
  width:1440px!important;
  height:293px!important;
  margin:0 auto!important;
  padding:0 0 86px!important;
  background:#F6F1EE!important;
}
.pricing-v2260-success{
  background:#F7F3EF!important;
}
@media (max-width:900px){
  .pricing-v2260-success-wrap{
    width:100%!important;
    height:auto!important;
    padding:0 24px 48px!important;
    background:#F6F1EE!important;
  }
}


/* V22.62 — final alignment polish: CTA secure line + Success badge */
/* Keep the security label as a single horizontal line on desktop. */
.pricing-v2251-secure{
  width:auto!important;
  min-width:240px!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}
.pricing-v2251-secure span{
  display:block!important;
  white-space:nowrap!important;
  line-height:24px!important;
}

/* Pull the guarantee mark toward the visual center and keep the quote beside it. */
.pricing-v2260-badge{
  left:704px!important;
  top:37px!important;
}
.pricing-v2260-quote{
  left:860px!important;
  top:35px!important;
}

/* Make the badge typography read as a deliberate lockup rather than cramped letters. */
.pricing-v2260-badge-inner{
  left:16px!important;
  top:16px!important;
  width:92px!important;
  height:92px!important;
  padding-top:17px!important;
}
.pricing-v2260-badge-inner strong{
  font-size:28px!important;
  line-height:28px!important;
}
.pricing-v2260-badge-inner span{
  width:78px!important;
  margin-top:4px!important;
  font-size:8.5px!important;
  line-height:10px!important;
  letter-spacing:1.25px!important;
  white-space:normal!important;
}
.pricing-v2260-badge-mark{
  top:-13px!important;
  color:#E66217!important;
  background:#F7F3EF!important;
  font-size:15px!important;
}

@media (max-width:900px){
  .pricing-v2251-secure{min-width:0!important;width:auto!important;white-space:nowrap!important}
  .pricing-v2260-badge,.pricing-v2260-quote{left:auto!important;top:auto!important}
}

/* V22.63 — spacing + Success horizontal position only.
   1) Remove the duplicated 86px gap between the Audience section and the CTA card.
   2) Move only the requested Success copy and satisfaction badge left.
   No typography, copy, badge artwork, quote card, images, or other sections changed. */
@media (min-width:901px){
  .pricing-v2251-cta{
    height:395px!important;
    padding:0 80px 86px!important;
  }
  .pricing-v2260-success-copy{
    left:120px!important;
  }
  .pricing-v2260-badge{
    left:650px!important;
  }
}

/* V22.64 — move the same two Success elements further left only. */
@media (min-width:901px){
  .pricing-v2260-success-copy{
    left:90px!important;
  }
  .pricing-v2260-badge{
    left:610px!important;
  }
}

/* V22.65 — move only the 100% SATISFACTION FOCUSED badge 10px right. */
@media (min-width:901px){
  .pricing-v2260-badge{
    left:620px!important;
  }
}

/* V22.66 — align only the left Success copy inset with the right quote card inset.
   Right inner quote card ends at x=1199 inside the 1276px outer card => 77px inset.
   Match the left copy to the same 77px inset. Everything else remains unchanged. */
@media (min-width:901px){
  .pricing-v2260-success-copy{
    left:77px!important;
  }
}

/* V22.67 — move only the 100% SATISFACTION FOCUSED badge 5px right. */
@media (min-width:901px){
  .pricing-v2260-badge{
    left:625px!important;
  }
}


/* Testimonials V23.7 — fixed CSS serialization; Figma source. */
.mfs-testimonials-v236 #mfs-f1-48 .f11-nav a{color:#f4ece3;}
.mfs-testimonials-v236 #mfs-f1-48 .f11-nav a.is-active{color:#fff;position:relative;}
.mfs-testimonials-v236 #mfs-f1-48 .f11-nav a.is-active::after{content:"";position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);width:116px;height:2px;border-radius:1px;background:#d28b3f;}
/* The approved Home geometry is intentionally not overridden here. */

.tm-themes-v236{width:1440px;height:536.883px;margin:0 auto;position:relative;box-sizing:border-box;overflow:hidden;background:#faf3e6;color:#1a1a1a;}
.tm-themes-v236 .tm-themes-head{position:absolute;left:204.5px;top:60px;width:1031px;height:109px;text-align:center;}
.tm-themes-v236 .tm-themes-head h2{margin:0;color:#14110d;font-family:"Playfair Display",Georgia,serif;font-size:42px;line-height:49.56px;font-weight:500;letter-spacing:-.3px;}
.tm-themes-v236 .tm-themes-head p{margin:16px 0 0;color:#5c544a;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:24.8px;font-weight:400;}
.tm-themes-v236 .tm-themes-grid{position:absolute;left:80px;top:225px;width:1280px;height:251.883px;display:grid;grid-template-columns:repeat(6,201.6667px);column-gap:14px;align-items:start;}
.tm-themes-v236 .tm-theme-item{position:relative;width:201.6667px;height:230.44px;margin-top:26px;text-align:center;box-sizing:border-box;}
.tm-themes-v236 .tm-theme-icon{width:74px;height:74px;margin:8px auto 0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fbe8d2;}
.tm-themes-v236 .tm-theme-icon svg{width:32px;height:32px;fill:none;stroke:#f26b1f;stroke-width:2.125;stroke-linecap:round;stroke-linejoin:round;}
.tm-themes-v236 .tm-theme-item h3{min-height:62px;margin:11.3px 14px 0;display:flex;align-items:center;justify-content:center;color:#1a1a1a;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:28px;font-weight:600;}
.tm-themes-v236 .tm-theme-item p{margin:11px 20.833px 0;color:#5c544a;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:17px;font-weight:400;}
@media(max-width:900px){.tm-themes-v236{width:100%;height:auto;padding:48px 24px 60px}.tm-themes-v236 .tm-themes-head{position:static;width:auto;height:auto}.tm-themes-v236 .tm-themes-head h2{font-size:36px;line-height:43px}.tm-themes-v236 .tm-themes-grid{position:static;width:auto;height:auto;margin-top:40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.tm-themes-v236 .tm-theme-item{width:auto;height:auto;margin:0;min-height:215px}}

/* Testimonials V23.8 — Figma geometry corrections only. */
@media (min-width:901px){
  /* Active nav underline follows the rendered Testimonials label width in Figma. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-nav a.is-active::after{
    width:88px!important;
  }

  /* Figma Testimonials hero image layer: 1120 × 652 at x=320, y=0. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox{
    left:320px!important;
    top:0!important;
    width:1120px!important;
    height:652px!important;
  }
  .mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox img{
    width:1120px!important;
    height:652px!important;
    object-fit:fill!important;
    object-position:center center!important;
  }
}

/* Testimonials V23.9 — deterministic Figma-copy protocol.
   Source of truth: Figma node geometry. No PDF-derived styling. */
@media (min-width:901px){
  /* Figma nav node 671:386 is exactly 100px wide. Active marker copies that width. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-nav a.is-active::after{
    width:100px!important;
    height:2px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    bottom:-14px!important;
  }

  /* Figma section 679:436: 1440 x 536.883. */
  .tm-themes-v236{
    width:1440px!important;
    height:536.883px!important;
    position:relative!important;
    margin:0 auto!important;
    overflow:hidden!important;
    background:#faf3e6!important;
  }
  .tm-themes-v236 .tm-themes-head{
    position:absolute!important;
    left:204.5px!important;
    top:60px!important;
    width:1031px!important;
    height:109px!important;
    text-align:center!important;
  }
  .tm-themes-v236 .tm-themes-head h2{
    margin:0!important;
    font-family:"Playfair Display",Georgia,serif!important;
    font-size:42px!important;
    line-height:49.56px!important;
    font-weight:500!important;
    letter-spacing:-.3px!important;
  }
  .tm-themes-v236 .tm-themes-head p{
    margin:16px 0 0!important;
    font-family:Inter,system-ui,sans-serif!important;
    font-size:16px!important;
    line-height:24.8px!important;
    font-weight:400!important;
  }
  /* Figma container 679:445. Fixed coordinates remove grid/flex interpretation drift. */
  .tm-themes-v236 .tm-themes-grid{
    position:absolute!important;
    left:80px!important;
    top:225px!important;
    width:1280px!important;
    height:251.883px!important;
    display:block!important;
  }
  .tm-themes-v236 .tm-theme-item{
    position:absolute!important;
    top:26px!important;
    width:201.6667px!important;
    height:230.44px!important;
    margin:0!important;
    text-align:center!important;
  }
  .tm-themes-v236 .tm-theme-item:nth-child(1){left:0!important;}
  .tm-themes-v236 .tm-theme-item:nth-child(2){left:215.6667px!important;}
  .tm-themes-v236 .tm-theme-item:nth-child(3){left:431.3333px!important;}
  .tm-themes-v236 .tm-theme-item:nth-child(4){left:647px!important;}
  .tm-themes-v236 .tm-theme-item:nth-child(5){left:862.6667px!important;}
  .tm-themes-v236 .tm-theme-item:nth-child(6){left:1078.3333px!important;}
  .tm-themes-v236 .tm-theme-icon{
    position:absolute!important;
    left:63.8333px!important;
    top:8px!important;
    width:74px!important;
    height:74px!important;
    margin:0!important;
    border-radius:37px!important;
  }
  .tm-themes-v236 .tm-theme-icon svg{
    width:32px!important;
    height:32px!important;
  }
  .tm-themes-v236 .tm-theme-item h3{
    position:absolute!important;
    left:14px!important;
    top:93.3px!important;
    width:173.6667px!important;
    height:62.15px!important;
    min-height:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:16px!important;
    line-height:28px!important;
    font-weight:600!important;
  }
  .tm-themes-v236 .tm-theme-item p{
    position:absolute!important;
    left:20.8333px!important;
    top:166.75px!important;
    width:160px!important;
    margin:0!important;
    font-size:14px!important;
    line-height:17px!important;
    font-weight:400!important;
    text-align:center!important;
  }
}

/* Testimonials V24.0 — corrected source-node mapping.
   Figma is the construction source. PDF is visual QA only.
   Active nav divider is the exact Figma divider size (48 x 2).
   Themes section uses the actual Testimonials section node family 722:7845–, not the compact 679:436 variant. */
@media (min-width:901px){
  .mfs-testimonials-v236 #mfs-f1-48 .f11-nav a.is-active::after{
    width:48px!important;
    height:2px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    bottom:-14px!important;
    border-radius:1px!important;
    background:#d28b3f!important;
  }

  .tm-themes-v236{
    width:1440px!important;
    height:1298px!important;
    margin:0 auto!important;
    position:relative!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:#f6f1ee!important;
    border:1px solid #e6ddd0!important;
    color:#14110d!important;
  }
  .tm-themes-v236 .tm-themes-head{
    position:absolute!important;
    left:204.5px!important;
    top:86px!important;
    width:1031px!important;
    height:127px!important;
    text-align:center!important;
  }
  .tm-themes-v236 .tm-themes-head h2{
    margin:0!important;
    width:1031px!important;
    height:64px!important;
    color:#14110d!important;
    font-family:"Poynter OldStyle Display","Cormorant Garamond",Georgia,serif!important;
    font-size:58px!important;
    line-height:64px!important;
    font-weight:600!important;
    letter-spacing:-.4754px!important;
  }
  .tm-themes-v236 .tm-themes-head::after{
    content:""!important;
    position:absolute!important;
    left:485.5px!important;
    top:79px!important;
    width:60px!important;
    height:3px!important;
    border-radius:2px!important;
    background:#d28b3f!important;
  }
  .tm-themes-v236 .tm-themes-head p{
    position:absolute!important;
    left:205.5px!important;
    top:97px!important;
    width:620px!important;
    height:30px!important;
    margin:0!important;
    color:#000!important;
    font-family:Inter,system-ui,sans-serif!important;
    font-size:24px!important;
    line-height:30px!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }
  .tm-themes-v236 .tm-themes-grid{
    position:absolute!important;
    left:80px!important;
    top:245px!important;
    width:1280px!important;
    height:967px!important;
    display:grid!important;
    grid-template-columns:repeat(3,416px)!important;
    grid-template-rows:repeat(2,460px)!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  .tm-themes-v236 .tm-theme-item,
  .tm-themes-v236 .tm-theme-item:nth-child(n){
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:416px!important;
    height:460px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border:1px solid #e6ddd0!important;
    border-radius:12px!important;
    background:transparent!important;
    text-align:center!important;
  }
  .tm-themes-v236 .tm-theme-icon{
    position:absolute!important;
    left:150px!important;
    top:40px!important;
    width:116px!important;
    height:116px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:58px!important;
    background:#f4d9bd!important;
  }
  .tm-themes-v236 .tm-theme-icon svg{
    width:50px!important;
    height:50px!important;
    fill:none!important;
    stroke:#000!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .tm-themes-v236 .tm-theme-item h3{
    position:absolute!important;
    left:40px!important;
    top:178px!important;
    width:336px!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#14110d!important;
    font-family:"Poynter OldStyle Display","Cormorant Garamond",Georgia,serif!important;
    font-size:40px!important;
    line-height:48px!important;
    font-weight:600!important;
    letter-spacing:0!important;
  }
  .tm-themes-v236 .tm-theme-item p{
    position:absolute!important;
    left:41.3333px!important;
    top:311px!important;
    width:333.3333px!important;
    margin:0!important;
    color:#000!important;
    font-family:Inter,system-ui,sans-serif!important;
    font-size:24px!important;
    line-height:42px!important;
    font-weight:400!important;
    text-align:center!important;
  }
  .tm-themes-v236 .tm-theme-item:nth-child(2) p{top:262.8333px!important;}
}

/* Testimonials V24.1 — targeted corrections after PDF #12 QA. */
@media (min-width:901px){
.mfs-testimonials-v236 #mfs-f1-48 .f11-nav a.is-active::after{width:52px!important;height:2px!important;left:50%!important;bottom:-14px!important;transform:translateX(-50%)!important;border-radius:1px!important;background:#d28b3f!important;}
.mfs-testimonials-v236 #mfs-f1-48 .f11-base-wrap{left:0!important;top:0!important;right:auto!important;bottom:auto!important;width:1440px!important;height:703px!important;overflow:hidden!important;background:#1a0e07!important;}
.mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox{left:373px!important;top:-13px!important;width:1067px!important;height:711px!important;}
.mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox img{inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:cover!important;}
.mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox{left:321px!important;top:1px!important;width:1120px!important;height:652px!important;overflow:hidden!important;}
.mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox img{inset:auto!important;left:-0.04%!important;top:-6.29%!important;width:100.07%!important;height:114.42%!important;max-width:none!important;object-fit:fill!important;object-position:initial!important;}
.tm-themes-v236 .tm-theme-item:nth-child(2) p{top:311px!important;}
}

/* Testimonials V24.2 — active menu marker from Figma, not text underline. */
@media (min-width:901px){
  .mfs-testimonials-v236 #mfs-f1-48 .f11-nav a.is-active{
    text-decoration:none!important;
    border-bottom:0!important;
  }
  .mfs-testimonials-v236 #mfs-f1-48 .f11-nav a.is-active::after{
    content:""!important;
    position:absolute!important;
    width:48px!important;
    height:2px!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:-8px!important;
    transform:translateX(-50%)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:1px!important;
    background:#d28b3f!important;
  }
}

/* Testimonials V24.3 — final active-menu underline correction.
   Exact source: Figma Testimonials header node 722:7775.
   Horizontal Divider = 97 x 2 px. Only width/height are corrected here;
   current alignment is intentionally preserved. */
@media (min-width:901px){
  .mfs-testimonials-v236 #mfs-f1-48 .f11-nav a.is-active::after{
    width:108px!important;
    height:2px!important;
  }
}


/* Testimonials V24.6 — exact next section structure from Figma 722:7914.
   Six cards = two rows of 3. Existing page above is untouched. */
.tm-clients-v246{
  box-sizing:border-box;
  width:100%;
  height:974px;
  padding-top:86px;
  background:#f6f1ee;
  border-top:1px solid #e6ddcf;
  overflow:hidden;
  color:#0e0e0e;
}
.tm-clients-v246 *{box-sizing:border-box}
.tm-clients-head{
  width:1120px;
  height:128px;
  margin:0 auto;
  text-align:center;
}
.tm-clients-title-wrap{
  position:relative;
  width:1120px;
  height:82px;
}
.tm-clients-title-wrap h2{
  width:751px;
  height:64px;
  margin:0 auto;
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-weight:600;
  font-size:58px;
  line-height:64px;
  letter-spacing:-.4754237px;
  white-space:nowrap;
  color:#111;
}
.tm-clients-rule{
  position:absolute;
  left:50%;
  top:79px;
  transform:translateX(-50%);
  width:60px;
  height:3px;
  border-radius:2px;
  background:#d28b3f;
}
.tm-clients-head p{
  width:704px;
  height:30px;
  margin:16px auto 0;
  font-family:Inter,Arial,sans-serif;
  font-weight:400;
  font-size:24px;
  line-height:30px;
  color:#000;
}
.tm-clients-carousel{
  position:relative;
  width:1440px;
  height:598px;
  margin:32px auto 0;
}
.tm-clients-cards{
  position:absolute;
  left:138px;
  top:0;
  width:1164px;
  height:598px;
  display:grid;
  grid-template-columns:repeat(3,372px);
  grid-template-rows:repeat(2,291px);
  column-gap:24px;
  row-gap:16px;
}
.tm-client-card{
  position:relative;
  width:372px;
  height:291px;
  padding:26px;
  border:2px solid #e6ddcf;
  border-radius:14px;
  background:#f7f3ef;
  color:#0e0e0e;
}
.tm-client-top{
  position:relative;
  width:320px;
  height:94px;
}
.tm-client-avatar{
  position:absolute!important;
  left:-2px!important;
  top:-2px!important;
  width:80px!important;
  height:80px!important;
  max-width:none!important;
  border-radius:40px!important;
  object-fit:cover!important;
}
.tm-client-stars{
  position:absolute;
  left:96px;
  top:25.5px;
  width:143px;
  height:29px;
  font-family:Arial,sans-serif;
  font-size:24px;
  line-height:29px;
  font-weight:400;
  white-space:nowrap;
  color:#f26b1f;
}
.tm-client-quote{
  width:320px;
  height:88px;
  font-family:Inter,Arial,sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:19px;
  color:#0e0e0e;
}
.tm-client-separator{
  width:320px;
  height:15px;
  border-top:1px dashed #e6ddcf;
}
.tm-client-name{
  width:320px;
  height:23px;
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-weight:600;
  font-size:18px;
  line-height:22.4px;
  color:#111;
}
.tm-client-track{
  width:320px;
  height:23px;
  margin-top:2px;
  font-family:Inter,Arial,sans-serif;
  font-weight:300;
  font-size:14px;
  line-height:22.4px;
  color:#0e0e0e;
}
.tm-clients-arrow{
  position:absolute;
  top:278px;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid #e7c6a3;
  border-radius:50%;
  background:#efd9c1;
  color:#111;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  line-height:1;
  z-index:3;
}
.tm-clients-prev{left:80px}
.tm-clients-next{left:1318px}
.tm-clients-dots{
  width:1120px;
  height:12px;
  margin:32px auto 0;
  display:flex;
  justify-content:center;
  gap:8px;
}
.tm-clients-dots span{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#f4d9bd;
}
.tm-clients-dots span.active{background:#f26b1f}

@media(max-width:900px){
  .tm-clients-v246{height:auto;padding:56px 20px}
  .tm-clients-head,.tm-clients-title-wrap{width:100%;height:auto}
  .tm-clients-title-wrap h2{width:100%;height:auto;font-size:40px;line-height:46px;white-space:normal}
  .tm-clients-rule{position:static;display:block;transform:none;margin:15px auto 0}
  .tm-clients-head p{width:100%;height:auto;margin-top:16px;font-size:18px;line-height:26px}
  .tm-clients-carousel{width:100%;height:auto;margin-top:32px}
  .tm-clients-cards{position:static;width:100%;height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:16px}
  .tm-client-card{width:100%;max-width:372px;margin:0 auto}
  .tm-clients-arrow{display:none}
  .tm-clients-dots{width:100%;margin-top:24px}
}


/* Testimonials V24.7 — two targeted fixes only */

/* Figma has this subtitle as one 704×30 line at y=98.
   Keep the existing 32px gap below it before the cards. */
.tm-clients-v246 .tm-clients-head p{
  white-space:nowrap!important;
  width:704px!important;
  max-width:none!important;
}

/* Copy Home testimonial navigation button geometry/style:
   42×42, radius 60, fill #EFD9C1, 1px warm border,
   with the 24×24 line/chevron icon instead of a font arrow. */
.tm-clients-v246 .tm-clients-arrow{
  width:42px!important;
  height:42px!important;
  border:1px solid #e7c6a3!important;
  border-radius:60px!important;
  background:#efd9c1!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
}
.tm-clients-v246 .tm-clients-arrow-icon{
  display:block;
  width:24px;
  height:24px;
  fill:none;
  stroke:#111;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* Testimonials V24.8 — Songs We've Reviewed & Supported.
   Source geometry: Figma Testimonials node 722:8046 and descendants.
   15 visible cards = 5 columns × 3 rows. Existing V24.7 content untouched. */
.tm-songs-v248{
  box-sizing:border-box;
  width:100%;
  height:1410px;
  padding:86px 80px;
  border-top:1px solid #e6ddcf;
  background:#f6f1ee;
  color:#111;
}
.tm-songs-v248 *{box-sizing:border-box}
.tm-songs-stage{
  width:1280px;
  height:1238px;
  margin:0 auto;
}
.tm-songs-heading{
  position:relative;
  width:1280px;
  height:127px;
}
.tm-songs-title-wrap{
  position:relative;
  width:895px;
  height:82px;
  margin:0 auto;
}
.tm-songs-title-wrap h2{
  width:895px;
  height:64px;
  margin:0;
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-size:58px;
  line-height:64px;
  font-weight:600;
  letter-spacing:-.4754237px;
  text-align:center;
  white-space:nowrap;
  color:#111;
}
.tm-songs-rule{
  position:absolute;
  left:417.5px;
  top:79px;
  width:60px;
  height:3px;
  border-radius:2px;
  background:#d28b3f;
}
.tm-songs-heading>p{
  position:absolute;
  left:190px;
  top:98px;
  width:900px;
  height:29px;
  margin:0;
  font-family:Inter,Arial,sans-serif;
  font-size:24px;
  line-height:24px;
  font-weight:400;
  text-align:center;
  white-space:nowrap;
  color:#000;
}
.tm-songs-carousel{
  position:relative;
  width:1280px;
  height:1071px;
  margin-top:40px;
}
.tm-songs-grid{
  position:absolute;
  left:66px;
  top:0;
  width:1148px;
  height:1005px;
  display:grid;
  grid-template-columns:repeat(5,210.4px);
  grid-template-rows:repeat(3,319px);
  column-gap:24px;
  row-gap:24px;
}
.tm-song-card{
  width:210.4px;
  height:319px;
  border:2px solid #e6ddcf;
  border-radius:12px;
  overflow:hidden;
  background:#f7f3ef;
}
.tm-song-cover{
  position:relative;
  width:206.4px;
  height:185px;
  overflow:hidden;
  background:#1a0f08;
}
.tm-song-cover>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  object-fit:cover!important;
  border-radius:10px 10px 0 0!important;
}
.tm-song-play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:89px;
  height:89px;
  border:3.708px solid #f26b1f;
  border-radius:50%;
  background:rgba(0,0,0,.35);
  display:flex;
  align-items:center;
  justify-content:center;
}
.tm-song-play i{
  display:block;
  width:0;
  height:0;
  margin-left:7px;
  border-top:14.833px solid transparent;
  border-bottom:14.833px solid transparent;
  border-left:22.25px solid #f26b1f;
}
.tm-song-copy{
  width:206.4px;
  height:130px;
  padding:18px 20px 22px;
  background:#f7f3ef;
}
.tm-song-copy h3{
  width:166.4px;
  height:29px;
  margin:0;
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-size:24px;
  line-height:29px;
  font-weight:600;
  color:#111;
  white-space:nowrap;
}
.tm-song-copy p{
  width:166.4px;
  height:22px;
  margin:8px 0 0;
  font-family:Inter,Arial,sans-serif;
  font-size:18px;
  line-height:22px;
  font-weight:500;
  color:#e66217;
  white-space:nowrap;
}
.tm-song-genre{
  display:inline-block;
  width:76px;
  height:23px;
  margin-top:8px;
  padding:4px 8px;
  border-radius:4px;
  background:#f9fafb;
  font-family:Inter,Arial,sans-serif;
  font-size:12px;
  line-height:15px;
  font-weight:500;
  color:#111;
  white-space:nowrap;
}
.tm-songs-arrow{
  position:absolute;
  top:481.5px;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid #e7c6a3;
  border-radius:60px;
  background:#efd9c1;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}
.tm-songs-prev{left:0}
.tm-songs-next{right:0}
.tm-songs-arrow-icon{
  display:block;
  width:24px;
  height:24px;
  fill:none;
  stroke:#1a1a1a;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tm-songs-dots{
  position:absolute;
  left:0;
  top:1059px;
  width:1280px;
  height:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.tm-songs-dots span{
  display:block;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#f4d9bd;
}
.tm-songs-dots span.active{background:#f26b1f}

@media(max-width:900px){
  .tm-songs-v248{height:auto;padding:56px 20px}
  .tm-songs-stage,.tm-songs-heading,.tm-songs-carousel{width:100%;height:auto}
  .tm-songs-title-wrap{width:100%;height:auto}
  .tm-songs-title-wrap h2{width:100%;height:auto;font-size:40px;line-height:46px;white-space:normal}
  .tm-songs-rule{position:static;display:block;margin:15px auto 0}
  .tm-songs-heading>p{position:static;width:100%;height:auto;margin:16px 0 0;font-size:18px;line-height:26px;white-space:normal}
  .tm-songs-carousel{margin-top:32px}
  .tm-songs-grid{position:static;width:100%;height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:18px}
  .tm-song-card{margin:0 auto}
  .tm-songs-arrow,.tm-songs-dots{display:none}
}


/* Testimonials V24.9 — The Proof Behind the Feedback
   Figma section 719:6558: 1440×582; heading starts y=87;
   cards container 1280×248 at x=80,y=248; four 302×248 cards at 24px gaps. */
.tm-proof-v249{
  position:relative;
  width:100%;
  height:582px;
  border-top:1px solid #e6ddcf;
  background:#f6f1ee;
  color:#111;
  overflow:hidden;
}
.tm-proof-v249 *{box-sizing:border-box}
.tm-proof-heading{
  position:absolute;
  left:50%;
  top:87px;
  transform:translateX(-50%);
  width:778px;
  height:129px;
  text-align:center;
}
.tm-proof-heading h2{
  width:778px;
  height:64px;
  margin:0;
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-size:58px;
  line-height:64px;
  font-weight:600;
  letter-spacing:-.4754237px;
  white-space:nowrap;
  color:#111;
}
.tm-proof-rule{
  display:block;
  width:60px;
  height:3px;
  margin:12px auto 0;
  border-radius:2px;
  background:#d28b3f;
}
.tm-proof-heading p{
  width:379px;
  height:30px;
  margin:20px auto 0;
  font-family:Inter,Arial,sans-serif;
  font-size:24px;
  line-height:30px;
  font-weight:400;
  white-space:nowrap;
  color:#111;
}
.tm-proof-grid{
  position:absolute;
  left:50%;
  top:248px;
  transform:translateX(-50%);
  width:1280px;
  height:248px;
  display:grid;
  grid-template-columns:repeat(4,302px);
  gap:24px;
}
.tm-proof-card{
  position:relative;
  width:302px;
  height:248px;
  border:1px solid #e6ddcf;
  border-radius:12px;
  background:#fbf8f4;
  overflow:hidden;
  text-align:center;
}
.tm-proof-icon{
  position:absolute;
  left:112px;
  top:32px;
  width:78px;
  height:78px;
  border:1px solid #e7c6a3;
  border-radius:50%;
  background:#f2dfcb;
  display:flex;
  align-items:center;
  justify-content:center;
}
.tm-proof-icon svg{
  width:32px;
  height:32px;
  fill:none;
  stroke:#d46b27;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tm-proof-stat{
  position:absolute;
  left:28px;
  top:112px;
  width:246px;
  height:87px;
}
.tm-proof-stat strong{
  display:block;
  height:58px;
  margin:0;
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-size:42px;
  line-height:42px;
  font-weight:600;
  letter-spacing:-.5px;
  color:#111;
}
.tm-proof-stat span{
  display:block;
  width:246px;
  height:25px;
  margin-top:0;
  padding-top:6px;
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  line-height:19px;
  font-weight:400;
  color:#111;
  white-space:nowrap;
}
.tm-proof-card small{
  position:absolute;
  left:28px;
  top:201px;
  width:246px;
  height:17px;
  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  line-height:17px;
  font-weight:400;
  color:#777;
  text-align:center;
}
.tm-proof-card:nth-child(1) small{top:206px}
.tm-proof-stat-last{top:112px}
.tm-proof-stat-last strong{height:42px}
.tm-proof-stat-last span{margin-top:10px}
.tm-proof-card:nth-child(4) small{top:215px}

@media(max-width:900px){
  .tm-proof-v249{height:auto;padding:56px 20px}
  .tm-proof-heading{position:static;transform:none;width:100%;height:auto}
  .tm-proof-heading h2{width:100%;height:auto;font-size:40px;line-height:46px;white-space:normal}
  .tm-proof-heading p{width:100%;height:auto;margin-top:16px;font-size:18px;line-height:26px;white-space:normal}
  .tm-proof-grid{position:static;transform:none;width:100%;height:auto;margin-top:36px;grid-template-columns:1fr;gap:18px}
  .tm-proof-card{margin:0 auto}
}


/* Testimonials V24.10 — requested proof-card fixes only.
   1) Increase icon-to-number breathing room.
   2) Make the two-line labels use one consistent black treatment.
   3) Use the same line-to-line spacing pattern on cards 1, 2 and 4. */
.tm-proof-v249 .tm-proof-stat{
  top:120px;
}
.tm-proof-v249 .tm-proof-stat strong{
  color:#111;
}
.tm-proof-v249 .tm-proof-stat span{
  color:#111;
}
.tm-proof-v249 .tm-proof-card small{
  color:#111;
  top:204px;
}
.tm-proof-v249 .tm-proof-card:nth-child(1) small,
.tm-proof-v249 .tm-proof-card:nth-child(2) small,
.tm-proof-v249 .tm-proof-card:nth-child(4) small{
  top:204px;
}
.tm-proof-v249 .tm-proof-stat-last{
  top:120px;
}
.tm-proof-v249 .tm-proof-stat-last strong{
  height:42px;
}
.tm-proof-v249 .tm-proof-stat-last span{
  margin-top:10px;
}


/* Testimonials V24.11 — Is Our Service Right for You?
   Figma node 719:6614: section 1440×404.
   Heading frame 818×120 at x=311,y=87.
   Three-column content container 1280×111 at x=80,y=239. */
.tm-right-v2411{
  position:relative;
  width:100%;
  height:404px;
  background:#fbf8f4;
  color:#111;
  overflow:hidden;
}
.tm-right-v2411 *{box-sizing:border-box}
.tm-right-heading{
  position:absolute;
  left:50%;
  top:87px;
  width:818px;
  height:120px;
  transform:translateX(-50%);
  text-align:center;
}
.tm-right-heading h2{
  width:818px;
  height:64px;
  margin:0;
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-size:58px;
  line-height:64px;
  font-weight:600;
  letter-spacing:-.4754237px;
  white-space:nowrap;
}
.tm-right-heading p{
  width:323px;
  height:29px;
  margin:27px auto 0;
  font-family:Inter,Arial,sans-serif;
  font-size:24px;
  line-height:24px;
  font-weight:400;
  white-space:nowrap;
}
.tm-right-grid{
  position:absolute;
  left:50%;
  top:239px;
  width:1280px;
  height:111px;
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:repeat(3,426.6667px);
}
.tm-right-item{
  position:relative;
  width:426.6667px;
  height:111px;
}
.tm-right-item-divided:before{
  content:"";
  position:absolute;
  left:0;
  top:21px;
  width:2px;
  height:90px;
  border-radius:2px;
  background:#e3d7c9;
}
.tm-right-icon{
  position:absolute;
  left:24px;
  top:40.5px;
  width:52px;
  height:52px;
  border-radius:50%;
  background:#f2dfcb;
  display:flex;
  align-items:center;
  justify-content:center;
}
.tm-right-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:#d46b27;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tm-right-copy{
  position:absolute;
  left:94px;
  top:27.83px;
}
.tm-right-copy h3{
  height:28px;
  margin:0;
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-size:24px;
  line-height:28px;
  font-weight:600;
  color:#111;
  white-space:nowrap;
}
.tm-right-copy p{
  margin:5.34px 0 0;
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  line-height:21.7px;
  font-weight:400;
  color:#111;
  white-space:nowrap;
}

@media(max-width:900px){
  .tm-right-v2411{height:auto;padding:56px 20px}
  .tm-right-heading{position:static;transform:none;width:100%;height:auto}
  .tm-right-heading h2{width:100%;height:auto;font-size:40px;line-height:46px;white-space:normal}
  .tm-right-heading p{width:100%;height:auto;margin-top:18px;font-size:18px;line-height:26px;white-space:normal}
  .tm-right-grid{position:static;transform:none;width:100%;height:auto;margin-top:38px;display:block}
  .tm-right-item{width:100%;height:110px;max-width:430px;margin:0 auto}
  .tm-right-item-divided:before{display:none}
  .tm-right-copy{right:0}
}


/* Testimonials V24.12 — only requested visual corrections
   for "Is Our Service Right for You?": background + dividers. */
.tm-right-v2411{
  background:#f8f3ee;
}
.tm-right-item-divided:before{
  top:22px;
  width:2px;
  height:90px;
  background:#d8c9b9;
  border-radius:0;
}


/* Testimonials V24.13 — line system correction only.
   The vertical separators are copied from the Home-page divider system:
   exact 1px × 48px, #E6DDCF.
   Also restore the missing Figma orange heading rule and the section boundary. */
.tm-right-v2411{
  background:#F6F1EE;
  border-top:1px solid #E6DDCF;
  border-bottom:1px solid #E6DDCF;
}
.tm-right-head-rule{
  display:block;
  width:60px;
  height:3px;
  margin:15px auto 0;
  border-radius:2px;
  background:#D28B3F;
}
.tm-right-heading p{
  margin-top:9px;
}
.tm-right-item-divided:before{
  left:0;
  top:42px;
  width:1px;
  height:48px;
  min-width:1px;
  max-width:1px;
  min-height:48px;
  max-height:48px;
  border:0;
  border-radius:0;
  background:#E6DDCF;
}


/* Testimonials V24.14 — dividers copied from Home / Ready to Get Professional Feedback.
   Home uses exact Figma divider nodes 1:955 and 1:964:
   1px × 48px, #E6DDCF, with the second divider snapped +0.5px
   to avoid Chromium half-pixel rasterization. */
.tm-right-item-divided:before{
  box-sizing:border-box!important;
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:31.5px!important;
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#E6DDCF!important;
  opacity:1!important;
}
.tm-right-grid > .tm-right-item-divided:nth-child(3):before{
  left:.5px!important;
}


/* Testimonials V24.15 — center ONLY the Home-style vertical dividers.
   Keep their exact 1×48px size and color; only correct vertical alignment. */
.tm-right-item-divided:before{
  top:50%!important;
  transform:translateY(-50%)!important;
}


/* Testimonials V24.16 — exact divider placement copied from Home CTA layout.
   Keep divider visual spec unchanged, but center it against the actual content row,
   not the full 111px grid cell. */
.tm-right-item{
  display:flex;
  align-items:center;
}
.tm-right-item-divided:before{
  top:50%!important;
  transform:translateY(-50%)!important;
  align-self:center!important;
}


/* Testimonials V24.17 — structural divider fix.
   Previous versions incorrectly attached dividers as ::before pseudo-elements
   to columns 2 and 3. Home does NOT do that: each divider is its own layout
   child (.mfs-final-cta-divider) with align-self:stretch and an inner 1×48 span.
   This section now uses that same structure and centering method. */
.tm-right-grid{
  display:grid!important;
  grid-template-columns:426px 1px 426px 1px 426px!important;
  column-gap:0!important;
  align-items:stretch!important;
}
.tm-right-item{
  width:426px!important;
  height:111px!important;
  display:block!important;
}
.tm-right-item-divided:before{
  display:none!important;
  content:none!important;
}
.tm-right-divider{
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  height:111px!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
}
.tm-right-divider span{
  display:block!important;
  box-sizing:border-box!important;
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#E6DDCF!important;
}

/* Preserve the original three-column visual positions after inserting
   dedicated 1px divider tracks. */
.tm-right-grid .tm-right-item:nth-child(3) .tm-right-icon,
.tm-right-grid .tm-right-item:nth-child(5) .tm-right-icon{
  left:24px;
}


/* Testimonials V24.18 — ONLY the two separators.
   Figma source: section content container is y=239, h=111.
   Divider nodes are y=22 within that container and h=90/91.
   Therefore they are NOT 48px Home dividers and must not be centered at 50%.
   Exact Figma geometry restored below. */
.tm-right-divider{
  position:relative!important;
  display:block!important;
  width:2px!important;
  min-width:2px!important;
  max-width:2px!important;
  height:111px!important;
  margin:0!important;
  padding:0!important;
}
.tm-right-divider span{
  position:absolute!important;
  display:block!important;
  left:0!important;
  top:22px!important;
  width:2px!important;
  min-width:2px!important;
  max-width:2px!important;
  height:90px!important;
  min-height:90px!important;
  max-height:90px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  border:0!important;
  border-radius:2px!important;
  background:#E6DDCF!important;
}
.tm-right-grid > .tm-right-divider:nth-child(4) span{
  top:22px!important;
  height:91px!important;
  min-height:91px!important;
  max-height:91px!important;
}


/* Testimonials V24.19 — FINAL CTA: Your song could be next.
   Figma node 719:6657 — 1280 × 318.07 at x=80.
   Only this new section is added; all accepted sections above remain untouched. */
.tm-final-cta-v2419{
  width:100%;
  min-height:318.07px;
  padding:0 80px;
  background:#F6F1EE;
}
.tm-final-cta-v2419 *{box-sizing:border-box}
.tm-final-cta-shell{
  position:relative;
  width:1280px;
  height:318.07px;
  margin:0 auto;
  overflow:hidden;
  border-radius:0;
  background:
    radial-gradient(circle at 84% 50%, rgba(198,105,42,.24) 0, rgba(198,105,42,.08) 24%, transparent 52%),
    linear-gradient(100deg,#151312 0%,#171412 46%,#23170f 100%);
}
.tm-final-cta-copy{
  position:absolute;
  left:624.3903px;
  top:0;
  width:655.6097px;
  height:318.7548px;
}
.tm-final-cta-head{
  position:absolute;
  left:56px;
  top:48px;
  width:543.6097px;
  height:105px;
}
.tm-final-cta-head h2{
  width:543.6097px;
  height:43px;
  margin:0;
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-size:36px;
  line-height:42.48px;
  font-weight:600;
  letter-spacing:-.3px;
  color:#fff;
  white-space:nowrap;
}
.tm-final-cta-head p{
  width:380px;
  min-height:50px;
  margin:12px 0 0;
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  line-height:24.8px;
  font-weight:400;
  color:#e8dfd7;
}
.tm-final-cta-button{
  position:absolute;
  left:56px;
  top:165px;
  width:354px;
  height:76.7548px;
  border-radius:9px;
  background:#e7651c;
  color:#fff!important;
  text-decoration:none!important;
  display:block;
  transition:none;
}
.tm-final-cta-button span{
  position:absolute;
  left:42px;
  top:30.8774px;
  width:236px;
  height:15px;
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-size:30px;
  line-height:15px;
  font-weight:600;
  white-space:nowrap;
}
.tm-final-cta-button svg{
  position:absolute;
  left:288px;
  top:24px;
  width:24px;
  height:28.7548px;
  fill:none;
  stroke:#fff;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tm-final-cta-trust{
  position:absolute;
  left:56px;
  top:253.7548px;
  width:543.6097px;
  height:17px;
  display:flex;
  align-items:center;
  gap:30px;
  color:#d9d0c9;
}
.tm-final-cta-trust span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:17px;
  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  line-height:14px;
  white-space:nowrap;
}
.tm-final-cta-trust svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:#e47a37;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tm-final-cta-art{
  position:absolute;
  left:0;
  top:0;
  width:624.3903px;
  height:318.07px;
  overflow:hidden;
  background:
    radial-gradient(circle at 40% 50%, rgba(239,120,45,.16), transparent 48%),
    linear-gradient(100deg,rgba(255,255,255,.015),rgba(255,255,255,0));
}
.tm-final-cta-orbit{
  position:absolute;
  border:1px solid rgba(236,135,70,.34);
  border-radius:50%;
}
.tm-final-cta-orbit-a{
  width:200px;
  height:100px;
  left:59.95px;
  top:74.04px;
}
.tm-final-cta-orbit-b{
  width:122px;
  height:120px;
  left:147.95px;
  top:125.04px;
}
.tm-final-cta-disc{
  position:absolute;
  left:49.95px;
  top:125.04px;
  width:120px;
  height:120px;
  border-radius:50%;
  border:1px solid rgba(236,135,70,.42);
  background:radial-gradient(circle at 36% 36%,rgba(231,101,28,.48),rgba(231,101,28,.08) 48%,rgba(0,0,0,.05) 70%);
}

@media(max-width:900px){
  .tm-final-cta-v2419{padding:0 20px}
  .tm-final-cta-shell{width:100%;height:auto;min-height:430px}
  .tm-final-cta-art{display:none}
  .tm-final-cta-copy{position:relative;left:0;width:100%;height:auto;padding:48px 28px}
  .tm-final-cta-head,.tm-final-cta-button,.tm-final-cta-trust{position:relative;left:0;top:auto;width:100%}
  .tm-final-cta-head{height:auto}
  .tm-final-cta-head h2{width:100%;height:auto;font-size:34px;line-height:40px;white-space:normal}
  .tm-final-cta-head p{width:100%;margin-top:14px}
  .tm-final-cta-button{margin-top:28px;height:68px}
  .tm-final-cta-button span{left:24px;top:26px;font-size:25px}
  .tm-final-cta-button svg{right:24px;left:auto;top:20px}
  .tm-final-cta-trust{margin-top:22px;height:auto;flex-wrap:wrap;gap:12px 20px}
}


/* Testimonials V24.20 — CTA correction only.
   Source: Figma FINAL CTA dark (679:765 / 719:6657).
   No other section is changed. */
.tm-final-cta-v2419{
  padding:0 80px!important;
  background:#F6F1EE!important;
}
.tm-final-cta-shell{
  width:1280px!important;
  height:318.07px!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#0B0703!important;
}

/* Right content — exact Figma placement */
.tm-final-cta-copy{
  left:624.3903px!important;
  top:0!important;
  width:655.6097px!important;
  height:318.7548px!important;
  background:transparent!important;
}
.tm-final-cta-head{
  left:56px!important;
  top:48px!important;
  width:543.6097px!important;
  height:105px!important;
}
.tm-final-cta-head h2{
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif!important;
  font-weight:600!important;
  font-size:36px!important;
  line-height:42.48px!important;
  letter-spacing:-.3px!important;
  color:#fff!important;
}
.tm-final-cta-head p{
  width:380px!important;
  margin-top:12px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-weight:300!important;
  font-size:16px!important;
  line-height:24.8px!important;
  color:#C9BFB4!important;
}

/* Exact reusable Figma Link button:
   354×76.7548, radius 6, vertical gold gradient. */
.tm-final-cta-button{
  left:56px!important;
  top:165px!important;
  width:354px!important;
  height:76.7548px!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,#DE984B 0%,#C47D32 100%)!important;
  box-shadow:none!important;
  border:0!important;
  overflow:hidden!important;
}
.tm-final-cta-button span{
  left:42px!important;
  top:30.8774px!important;
  width:236px!important;
  height:15px!important;
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif!important;
  font-weight:600!important;
  font-size:30px!important;
  line-height:15px!important;
  letter-spacing:0!important;
  color:#fff!important;
}
.tm-final-cta-button svg{
  left:288px!important;
  top:24px!important;
  width:24px!important;
  height:28.7548px!important;
  stroke:#fff!important;
}

/* Trust strip exact Figma color and spacing */
.tm-final-cta-trust{
  left:56px!important;
  top:253.7548px!important;
  width:543.6097px!important;
  height:17px!important;
  gap:30px!important;
  color:#C9BFB4!important;
}
.tm-final-cta-trust span{
  gap:8px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-weight:400!important;
  font-size:14px!important;
  line-height:14px!important;
}
.tm-final-cta-trust svg{
  width:14px!important;
  height:14px!important;
  stroke:#F26B1F!important;
}

/* Left Figma artwork.
   This is not a stock/raster photo in the source design: it is the Figma
   Background + Gradient + three geometric record/orbit shapes. */
.tm-final-cta-art{
  left:0!important;
  top:0!important;
  width:624.3903px!important;
  height:318.07px!important;
  overflow:hidden!important;
  background:
    radial-gradient(ellipse 44.6% 60% at 42.8% 50%,
      rgba(180,90,40,.55) 0%,
      rgba(180,90,40,0) 70%),
    linear-gradient(90deg,rgba(11,7,3,.35) 0%,rgba(11,7,3,0) 60%),
    #160C06!important;
}
.tm-final-cta-art:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 9% 48%,rgba(242,107,31,.20) 0 1px,transparent 2px),
    radial-gradient(circle at 18% 43%,rgba(242,107,31,.18) 0 1px,transparent 2px),
    radial-gradient(circle at 31% 48%,rgba(242,107,31,.16) 0 1px,transparent 2px),
    radial-gradient(circle at 43% 40%,rgba(242,107,31,.15) 0 1px,transparent 2px);
  pointer-events:none!important;
}
.tm-final-cta-orbit-a{
  left:59.9508px!important;
  top:74.04px!important;
  width:200px!important;
  height:100px!important;
  border:1px solid #1A0E07!important;
  border-radius:50%!important;
  background:transparent!important;
}
.tm-final-cta-disc{
  left:49.9508px!important;
  top:125.04px!important;
  width:120px!important;
  height:120px!important;
  border-radius:60px!important;
  border:5px solid #1A0E07!important;
  background:radial-gradient(circle at 50% 50%,#2A1810 14%,#0A0503 65%)!important;
}
.tm-final-cta-orbit-b{
  left:147.9508px!important;
  top:125.04px!important;
  width:122px!important;
  height:120px!important;
  border-radius:60.5px!important;
  border:5px solid #1A0E07!important;
  background:radial-gradient(ellipse at 50% 50%,#2A1810 14%,#0A0503 65%)!important;
}

/* Keep V24.20 desktop correction isolated. */
@media(max-width:900px){
  .tm-final-cta-shell{border-radius:14px!important}
}


/* Testimonials V24.21 — CTA measured correction after screenshot/Figma comparison.
   IMPORTANT: changes are isolated to .tm-final-cta-v2419 only. */

/* Figma frame is 1280px wide inside a 1440px page, exactly 80px from each side.
   Previous CSS made the section itself width:100% PLUS 160px padding because the
   section did not use border-box, which distorted the apparent CTA width/position. */
.tm-final-cta-v2419{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:318.07px!important;
  padding-left:80px!important;
  padding-right:80px!important;
}
.tm-final-cta-shell{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1280px!important;
  height:318.07px!important;
  margin:0 auto!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#0B0703!important;
}

/* Preserve the exact Figma split: 624.3903 + 655.6097 = 1280. */
.tm-final-cta-art{
  width:48.7804882202%!important;
  height:318.07px!important;
}
.tm-final-cta-copy{
  left:48.7804882202%!important;
  width:51.2195117798%!important;
  height:318.7548px!important;
}

/* The Figma left composition is a 624.39×318.07 background with a 220×170
   geometry group at x=49.9508 / y=74.04. Restore that group exactly. */
.tm-final-cta-art .tm-final-cta-orbit-a{
  left:59.9508209px!important;
  top:74.04px!important;
  width:200px!important;
  height:100px!important;
  border:1px solid #1A0E07!important;
  border-radius:0!important;
  background:transparent!important;
}
.tm-final-cta-art .tm-final-cta-disc{
  left:49.9508209px!important;
  top:125.04px!important;
  width:120px!important;
  height:120px!important;
  border:5px solid #1A0E07!important;
  border-radius:60px!important;
  background:
    radial-gradient(circle at 50% 50%,#2A1810 14%,#0A0503 65%)!important;
}
.tm-final-cta-art .tm-final-cta-orbit-b{
  left:147.9508209px!important;
  top:125.04px!important;
  width:122px!important;
  height:120px!important;
  border:5px solid #1A0E07!important;
  border-radius:60.5px!important;
  background:
    radial-gradient(ellipse at 50% 50%,#2A1810 14%,#0A0503 65%)!important;
}

/* Match the actual Figma left Background fills more closely:
   solid #160C06 + warm radial field + dark linear veil. */
.tm-final-cta-art{
  background:
    linear-gradient(90deg,rgba(11,7,3,.35) 0%,rgba(11,7,3,0) 60%),
    radial-gradient(ellipse 71.4286% 83.3333% at 42.8571% 50%,
      rgba(180,90,40,.55) 0%,
      rgba(180,90,40,0) 70%),
    #160C06!important;
}

/* Figma gradient overlay contains several tiny orange radial highlights.
   Keep them subtle; they are part of the artwork, not decorative improvisation. */
.tm-final-cta-art:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle 3px at 8.2% 44.0%,rgba(242,107,31,.50) 0 35%,transparent 45%),
    radial-gradient(circle 3px at 19.1% 46.5%,rgba(242,107,31,.50) 0 35%,transparent 45%),
    radial-gradient(circle 3px at 28.5% 41.5%,rgba(242,107,31,.50) 0 35%,transparent 45%),
    radial-gradient(circle 3px at 39.9% 41.0%,rgba(242,107,31,.50) 0 35%,transparent 45%);
}

/* Button: exact Figma Link frame. Keep the gradient horizontal axis/visual
   orientation consistent with Figma rather than the flat orange seen earlier. */
.tm-final-cta-button{
  width:354px!important;
  height:76.754837px!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,#DE984B 0%,#C47D32 100%)!important;
}
.tm-final-cta-button span{
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif!important;
  font-style:normal!important;
  font-weight:600!important;
  font-size:30px!important;
  line-height:15px!important;
  text-align:center!important;
}

/* Exact desktop Figma geometry applies at the 1440px design width.
   On wider screens, preserve the 1280px maximum instead of stretching CTA. */
@media(min-width:901px){
  .tm-final-cta-v2419{padding-left:80px!important;padding-right:80px!important}
}

/* On narrower desktop/tablet widths do not let fixed 80px gutters cause overflow. */
@media(max-width:1439px) and (min-width:901px){
  .tm-final-cta-v2419{padding-left:5.5556vw!important;padding-right:5.5556vw!important}
}


/* Testimonials V24.22 — real LEFT CTA image asset.
   ONLY CTA artwork changed. All other sections remain untouched. */
.tm-final-cta-art{
  background:#160C06!important;
}
.tm-final-cta-art:before,
.tm-final-cta-art:after,
.tm-final-cta-orbit,
.tm-final-cta-disc{
  display:none!important;
  content:none!important;
}
.tm-final-cta-figma-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}


/* Testimonials V24.23 — actual Figma vector group, not a CSS reconstruction.
   Only the left CTA visual asset is replaced. */
.tm-final-cta-figma-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:0 0!important;
}


/* Testimonials V24.24 — actual Figma raster Image #1_D 1.
   ONLY the left visual in the final CTA is changed. */
.tm-final-cta-figma-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}


/* Testimonials V24.27
   1) Section 8 -> CTA transition: no horizontal separator in Figma.
   2) Restore exact Figma vertical placement for heading/subtitle/cards.
   3) Add Section 10 SECONDARY TRUST STRIP from Figma node 719:6688.
   Changes are isolated to these two adjacent areas. */

/* Figma 719:6614 is 1440×404 at y=4514 and CTA begins exactly at y=4918.
   Therefore there is NO section separator between them. */
.tm-right-v2411{
  height:404px!important;
  border-top:0!important;
  border-bottom:0!important;
}

/* Keep the approved orange heading accent, but restore the Figma anchors:
   heading frame y=87; card row y=239; card content starts y=22 in the row.
   The row therefore ends at y=350, leaving 54px to the CTA. */
.tm-right-heading{
  top:87px!important;
}
.tm-right-grid{
  top:239px!important;
  height:111px!important;
}
.tm-right-item{
  height:111px!important;
}

/* No horizontal line is allowed between this section and the final CTA. */
.tm-final-cta-v2419{
  border-top:0!important;
  margin-top:0!important;
}

/* Figma node 719:6688: 1280×220, x=80, immediately after the 318.07px CTA. */
.tm-secondary-trust-v2427{
  box-sizing:border-box;
  width:1280px;
  height:220px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,320px);
  background:#F6F1EE;
  border:1px solid #E6DDCF;
  color:#14110D;
}
.tm-secondary-trust-v2427 *{box-sizing:border-box}

.tm-secondary-trust-item{
  position:relative;
  width:320px;
  height:220px;
}

/* Each Figma item content is y=55, h=89. */
.tm-secondary-trust-icon{
  position:absolute;
  left:22px;
  top:69px;
  width:46px;
  height:46px;
  border-radius:23px;
  background:#F4D9BD;
  display:flex;
  align-items:center;
  justify-content:center;
}
.tm-secondary-trust-icon svg{
  width:18px;
  height:18px;
  display:block;
  fill:none;
  stroke:#111;
  stroke-width:1.275;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.tm-secondary-trust-copy{
  position:absolute;
  left:82px;
  top:69px;
  height:91px;
}
.tm-secondary-trust-copy h3{
  margin:0;
  height:29px;
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-size:24px;
  line-height:24px;
  font-weight:600;
  letter-spacing:0;
  color:#14110D;
  white-space:nowrap;
}
.tm-secondary-trust-copy p{
  margin:6px 0 0;
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  line-height:28px;
  font-weight:400;
  letter-spacing:0;
  color:#5C544A;
  white-space:nowrap;
}

/* Figma divider nodes 719:6709, 719:6721, 719:6732:
   1×61 at y=14 within each 89px content row => absolute y=69. */
.tm-secondary-trust-divider{
  position:absolute;
  right:0;
  top:69px;
  width:1px;
  height:61px;
  border-radius:1px;
  background:#E6DDCF;
}

/* The first divider belongs at x=640, i.e. after column 2 in the Figma node order.
   Also place visual separators between the remaining columns consistently. */
.tm-secondary-trust-item:nth-child(1)::after{
  content:"";
  position:absolute;
  right:0;
  top:69px;
  width:1px;
  height:61px;
  background:#E6DDCF;
}
.tm-secondary-trust-item:nth-child(4) .tm-secondary-trust-divider{display:none}

/* Responsive fallback only; desktop remains the exact 1280px Figma geometry. */
@media(max-width:1300px){
  .tm-secondary-trust-v2427{
    width:calc(100% - 40px);
    height:auto;
    grid-template-columns:repeat(2,1fr);
  }
  .tm-secondary-trust-item{width:100%;min-height:180px;height:180px}
  .tm-secondary-trust-icon{top:55px}
  .tm-secondary-trust-copy{top:55px}
  .tm-secondary-trust-divider,
  .tm-secondary-trust-item:nth-child(1)::after{display:none}
}
@media(max-width:700px){
  .tm-secondary-trust-v2427{grid-template-columns:1fr}
}


/* V24.28 — SECONDARY TRUST STRIP: remove outer box only.
   Keep internal four-column layout and vertical dividers unchanged. */
.tm-secondary-trust-v2427{
  border:0!important;
  background:transparent!important;
}

/* ==========================================================================\n   Contact V25.0 — top only. Source: Figma CONTACT PAGE 1:6714.\n   Header, approved Home Stats and V24.28 footer are intentionally reused.\n   Only Contact Hero and Contact-active navigation state are page-specific.\n   ========================================================================== */
.mfs-contact-v250 #mfs-f1-48.mfs-contact-page{
  height:1105px;
  background:#0f0e0b;
}
.mfs-contact-v250 #mfs-f1-48.mfs-contact-page .f11-canvas{
  height:1105px;
}
.mfs-contact-v250 #mfs-f1-48.mfs-contact-page .f11-main{
  top:164px;
  height:941px;
  padding-top:10px;
}
.mfs-contact-v250 #mfs-f1-48.mfs-contact-page .f11-stack{
  width:1440px;
  height:931px;
}
.mfs-contact-v250 #mfs-f1-48.mfs-contact-page .contact-hero-clean{
  position:relative;
  width:1440px;
  height:682px;
  flex:0 0 682px;
  overflow:hidden;
  background:#1a0e07;
}
.mfs-contact-v250 #mfs-f1-48 .f11-nav a{color:#f4ece3;position:relative}
.mfs-contact-v250 #mfs-f1-48 .f11-nav a.is-active{color:#fff}
.mfs-contact-v250 #mfs-f1-48 .f11-nav a.is-active::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-14px;
  transform:translateX(-50%);
  width:71px;
  height:2px;
  border-radius:1px;
  background:#d28b3f;
}
.mfs-contact-v250 .contact-hero-image4{
  position:absolute;
  left:373px;
  top:-65px;
  width:1067px;
  height:711px;
  z-index:1;
}
.mfs-contact-v250 .contact-hero-image4 img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  max-width:none;
}
.mfs-contact-v250 .contact-hero-image5{
  position:absolute;
  left:320px;
  top:0;
  width:1120px;
  height:652px;
  overflow:hidden;
  z-index:2;
}
.mfs-contact-v250 .contact-hero-image5 img{
  position:absolute;
  left:-0.04%;
  top:-6.29%;
  width:100.07%;
  height:114.42%;
  max-width:none;
  object-fit:fill;
}
.mfs-contact-v250 .contact-hero-gradient{
  position:absolute;
  left:0;
  top:0;
  width:1440px;
  height:687px;
  z-index:3;
  background-image:
    url("assets/contact-hero-radial-figma.svg"),
    linear-gradient(90deg,rgb(17,10,5) 0%,rgba(17,10,5,.85) 22%,rgba(17,10,5,0) 42%);
  background-size:1440px 687px,1440px 687px;
  background-repeat:no-repeat;
}
.mfs-contact-v250 .contact-hero-copy{
  position:absolute;
  left:80px;
  top:44px;
  width:730px;
  height:638px;
  z-index:4;
  color:#f9fafb;
}
.mfs-contact-v250 .contact-hero-copy h1{
  position:absolute;
  left:0;
  top:0;
  width:730px;
  height:252px;
  margin:0;
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-size:80px;
  line-height:84px;
  font-weight:600;
  letter-spacing:-.4754px;
  color:#f9fafb;
}
.mfs-contact-v250 .contact-hero-accent{
  position:absolute;
  left:0;
  top:276px;
  width:84px;
  height:3px;
  border-radius:2px;
  background:#d28b3f;
}
.mfs-contact-v250 .contact-hero-subcopy{
  position:absolute;
  left:0;
  top:303px;
  width:547px;
  height:120px;
  margin:0;
  font-family:Inter,Arial,sans-serif;
  font-weight:400;
  font-size:24px;
  line-height:40px;
  color:#f9fafb;
}
.mfs-contact-v250 .contact-hero-button{
  position:absolute;
  left:0;
  top:465px;
  height:73.755px;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
  padding:24px 32px;
  border-radius:6px;
  background:linear-gradient(180deg,#de984b 0%,#c47d32 100%);
  font-family:Poppins,Arial,sans-serif;
  font-weight:500;
  font-size:29px;
  line-height:15px;
  color:#fff;
  white-space:nowrap;
}
.mfs-contact-v250 .contact-hero-button img{
  width:24px;
  height:25.755px;
  display:block;
  max-width:none;
}
.mfs-contact-v250 .contact-hero-trust{
  position:absolute;
  left:0;
  top:580.755px;
  width:626px;
  height:27px;
  display:flex;
  align-items:center;
  gap:8px;
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  line-height:16px;
  font-weight:400;
  color:#fffffe;
  white-space:nowrap;
}
.mfs-contact-v250 .contact-hero-trust img{
  width:27px;
  height:27px;
  display:block;
  max-width:none;
}

/* ==========================================================================
   Contact V25.1 — section 1:6798, exact Figma geometry at 1440 desktop.
   Approved V25.0 Header/Hero/Stats and V24.28 footer remain untouched.
   ========================================================================== */
.mfs-contact-v250 .contact-support-section{
  box-sizing:border-box;
  width:1440px;
  height:575px;
  margin:0 auto;
  padding:86px 80px;
  border-top:2px solid #e6ddcf;
  background:#f6f1ee;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:42px;
}
.mfs-contact-v250 .contact-support-heading{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  width:auto;
}
.mfs-contact-v250 .contact-support-heading-top{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
  width:100%;
}
.mfs-contact-v250 .contact-support-heading h2{
  margin:0;
  min-width:100%;
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-size:58px;
  line-height:64px;
  font-weight:600;
  letter-spacing:-.5881px;
  text-align:center;
  color:#0e0e0e;
  white-space:nowrap;
}
.mfs-contact-v250 .contact-support-accent{
  width:60px;
  height:3px;
  flex:0 0 3px;
  border-radius:2px;
  background:#d28b3f;
}
.mfs-contact-v250 .contact-support-heading>p{
  height:55.139px;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:Inter,Arial,sans-serif;
  font-size:24px;
  line-height:normal;
  font-weight:400;
  color:#0e0e0e;
  text-align:center;
  white-space:nowrap;
}
.mfs-contact-v250 .contact-support-cards{
  width:1280px;
  display:flex;
  align-items:stretch;
  gap:24px;
}
.mfs-contact-v250 .contact-support-card{
  box-sizing:border-box;
  flex:1 1 0;
  min-width:0;
  align-self:stretch;
  display:flex;
  align-items:flex-start;
  gap:24px;
  padding:32px;
  border:2px solid #e6ddcf;
  border-radius:18px;
  background:#f7f3ef;
  color:#111;
}
.mfs-contact-v250 .contact-support-icon{
  position:relative;
  flex:0 0 89px;
  width:89px;
  height:88px;
  border-radius:60px;
  background:#f4d9bd;
}
.mfs-contact-v250 .contact-support-icon img{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:32px;
  height:32px;
  max-width:none;
  display:block;
}
.mfs-contact-v250 .contact-support-card-copy{
  min-width:0;
  flex:1 1 0;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:24px;
}
.mfs-contact-v250 .contact-support-card-copy h3,
.mfs-contact-v250 .contact-support-hours strong{
  width:100%;
  margin:0;
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-size:28px;
  line-height:33.819px;
  font-weight:600;
  letter-spacing:-.2941px;
  color:#111;
}
.mfs-contact-v250 .contact-support-card-copy>p,
.mfs-contact-v250 .contact-support-hours span{
  width:100%;
  margin:0;
  font-family:Inter,Arial,sans-serif;
  font-size:18px;
  line-height:28px;
  font-weight:400;
  color:#0e0e0e;
}
.mfs-contact-v250 .contact-support-hours{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
}
@media(max-width:1440px){
  .mfs-contact-v250 .contact-support-section{width:100%;height:auto;padding:72px 40px}
  .mfs-contact-v250 .contact-support-cards{width:100%}
  .mfs-contact-v250 .contact-support-heading h2,
  .mfs-contact-v250 .contact-support-heading>p{white-space:normal}
}
@media(max-width:980px){
  .mfs-contact-v250 .contact-support-cards{flex-direction:column}
}


/* ==========================================================================\n   Contact V25.3 — lock section 1:6798 to Figma desktop geometry.\n   Figma: 1440x575; heading y=86 h=151.139; cards y=279.139 h=296.\n   Keep responsive reflow only below tablet/compact desktop widths.\n   ========================================================================== */
@media (min-width:1201px){
  .mfs-contact-v250 .contact-support-section{
    box-sizing:border-box!important;
    width:1440px!important;
    max-width:1440px!important;
    height:575px!important;
    min-height:575px!important;
    margin:0 auto!important;
    padding:86px 80px 0!important;
    border-top:2px solid #e6ddcf!important;
    background:#f6f1ee!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:42px!important;
    overflow:hidden!important;
  }
  .mfs-contact-v250 .contact-support-heading{
    width:938px!important;
    height:151.138931px!important;
    flex:0 0 151.138931px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:14px!important;
  }
  .mfs-contact-v250 .contact-support-heading-top{
    width:938px!important;
    height:82px!important;
    flex:0 0 82px!important;
    gap:15px!important;
  }
  .mfs-contact-v250 .contact-support-heading h2{
    width:938px!important;
    min-width:938px!important;
    height:64px!important;
    line-height:64px!important;
    white-space:nowrap!important;
  }
  .mfs-contact-v250 .contact-support-heading>p{
    width:938px!important;
    height:55.138931px!important;
    flex:0 0 55.138931px!important;
    white-space:nowrap!important;
  }
  .mfs-contact-v250 .contact-support-cards{
    width:1280px!important;
    height:296px!important;
    flex:0 0 296px!important;
    display:grid!important;
    grid-template-columns:410.666656px 410.666687px 410.666687px!important;
    gap:24px!important;
    align-items:stretch!important;
  }
  .mfs-contact-v250 .contact-support-card{
    box-sizing:border-box!important;
    width:100%!important;
    height:296px!important;
    min-height:296px!important;
    padding:32px!important;
    gap:24px!important;
    align-self:auto!important;
  }
  .mfs-contact-v250 .contact-support-card-copy{
    width:233.666687px!important;
    flex:0 0 233.666687px!important;
    gap:24px!important;
  }
  .mfs-contact-v250 .contact-support-card:first-child .contact-support-card-copy{
    width:233.666656px!important;
    flex-basis:233.666656px!important;
  }
}
@media (max-width:1200px){
  .mfs-contact-v250 .contact-support-section{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:72px 40px!important;
    overflow:visible!important;
  }
  .mfs-contact-v250 .contact-support-cards{
    width:100%!important;
    height:auto!important;
  }
}

/* ========================================================================== 
   Contact V25.4 — section 1:6835 DUAL FORMS from Figma.
   Approved Header/Hero/Stats, section 1:6798 and footer remain untouched.
   ========================================================================== */
.mfs-contact-v250 .contact-dual-forms{
  box-sizing:border-box;width:1440px;height:881px;margin:0 auto;padding:86px 80px 0;
  background:#f6f1ee;color:#14110d;overflow:hidden;
}
.mfs-contact-v250 .contact-forms-grid{
  width:1280px;height:795px;display:grid;grid-template-columns:626px 626px;gap:28px;
}
.mfs-contact-v250 .contact-form-card{
  box-sizing:border-box;width:626px;height:795px;border:2px solid #e6ddcf;border-radius:14px;
  background:#f7f3ef;padding:38px 38px 34px;display:flex;flex-direction:column;align-items:flex-start;
  color:#14110d;font-family:Inter,Arial,sans-serif;
}
.mfs-contact-v250 .contact-message-form{gap:13.3px}
.mfs-contact-v250 .contact-callback-form{gap:13.5px}
.mfs-contact-v250 .contact-form-title{width:100%;margin:0;padding:0}
.mfs-contact-v250 .contact-form-title h2{
  margin:0;font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-size:30px;line-height:34.5px;font-weight:600;letter-spacing:-.2px;color:#14110d;
}
.mfs-contact-v250 .contact-callback-title{height:34.5px;display:flex;align-items:flex-end;gap:10px;white-space:nowrap}
.mfs-contact-v250 .contact-callback-title span{font-size:16px;line-height:28px;color:#1a1a1a;transform:translateY(-1px)}
.mfs-contact-v250 .contact-form-intro{margin:0;width:100%;font:400 16px/28px Inter,Arial,sans-serif;color:#1a1a1a}
.mfs-contact-v250 .contact-message-form .contact-form-intro{height:28px}
.mfs-contact-v250 .contact-callback-intro{height:56px}
.mfs-contact-v250 .contact-form-row{width:100%}
.mfs-contact-v250 .two-col{display:grid;grid-template-columns:264px 264px;gap:22px;height:96px}
.mfs-contact-v250 .contact-field{display:flex;flex-direction:column;gap:12px;min-width:0;font-family:Inter,Arial,sans-serif}
.mfs-contact-v250 .contact-field>span:first-child{font-size:16px;line-height:20px;font-weight:400;color:#14110d}
.mfs-contact-v250 .contact-field em{font-style:normal;color:#ca8338}
.mfs-contact-v250 .contact-input-wrap{
  box-sizing:border-box;position:relative;width:100%;height:60px;border:2px solid #e6ddcf;border-radius:10px;
  background:#fff;display:flex;align-items:center;overflow:hidden;
}
.mfs-contact-v250 .contact-input-wrap>img{width:18px;height:18px;object-fit:contain;margin-left:16px;flex:0 0 18px;opacity:.75}
.mfs-contact-v250 .contact-input-wrap input,
.mfs-contact-v250 .contact-input-wrap select,
.mfs-contact-v250 .contact-input-wrap textarea{
  box-sizing:border-box;width:100%;height:100%;margin:0;border:0;outline:0;background:transparent;color:#667085;
  font:400 16px/28px Inter,Arial,sans-serif;box-shadow:none;border-radius:0;
}
.mfs-contact-v250 .contact-input-wrap input{padding:16px 18px}
.mfs-contact-v250 .contact-input-wrap>img+input{padding-left:12px}
.mfs-contact-v250 .contact-input-wrap input::placeholder,
.mfs-contact-v250 .contact-input-wrap textarea::placeholder{color:#667085;opacity:1}
.mfs-contact-v250 .contact-select-field{height:96px;gap:10px}
.mfs-contact-v250 .contact-select-field .contact-input-wrap{height:60px}
.mfs-contact-v250 .contact-input-wrap select{appearance:none;-webkit-appearance:none;padding:16px 46px 16px 18px;color:#667085;cursor:pointer}
.mfs-contact-v250 .contact-css-chevron{position:absolute;right:20px;top:50%;width:8px;height:8px;border-right:1.5px solid #667085;border-bottom:1.5px solid #667085;transform:translateY(-65%) rotate(45deg);pointer-events:none}
.mfs-contact-v250 .contact-css-chevron.small{position:static;width:6px;height:6px;transform:rotate(45deg) translateY(-1px);border-color:#667085}
.mfs-contact-v250 .contact-message-field{height:183px;gap:10px}
.mfs-contact-v250 .contact-message-field .contact-input-wrap{height:144px;align-items:flex-start}
.mfs-contact-v250 .contact-message-field textarea{resize:none;padding:16px 18px}
.mfs-contact-v250 .contact-form-button{
  box-sizing:border-box;width:550px;height:56px;min-height:56px;border:0;border-radius:6px;margin:0;padding:16px 42px;
  background:linear-gradient(180deg,#de984b 0%,#c47d32 100%);display:flex;gap:10px;align-items:center;justify-content:center;
  color:#fff;font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;font-size:24px;line-height:24px;font-weight:600;cursor:pointer;
}
.mfs-contact-v250 .contact-form-button img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}
.mfs-contact-v250 .contact-send-button{gap:16px}
.mfs-contact-v250 .contact-send-glyph{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;font:400 19px/1 Arial,sans-serif;transform:rotate(-25deg)}
.mfs-contact-v250 .contact-form-note{width:100%;margin:0;padding-top:4.7px;display:flex;align-items:center;gap:10px;font:400 14px/17px Inter,Arial,sans-serif;color:#5c544a;white-space:nowrap}
.mfs-contact-v250 .contact-form-note img{width:16px;height:16px;object-fit:contain;opacity:.85}
.mfs-contact-v250 .contact-clock-glyph{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:#ca8338;font:400 17px/16px Georgia,serif}
.mfs-contact-v250 .contact-phone-field{height:96px}
.mfs-contact-v250 .contact-phone-row{display:flex;gap:12px;width:100%;height:60px}
.mfs-contact-v250 .contact-phone-row>.contact-input-wrap{flex:1 1 auto;width:auto}
.mfs-contact-v250 .contact-country-box{box-sizing:border-box;width:105px;height:60px;flex:0 0 105px;border:2px solid #e6ddcf;border-radius:10px;background:#fff;display:flex;gap:8px;align-items:center;justify-content:center}
.mfs-contact-v250 .contact-it-flag{box-sizing:border-box;width:24px;height:18px;border:1px solid rgba(0,0,0,.08);border-radius:2px;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr)}
.mfs-contact-v250 .contact-it-flag i:nth-child(1){background:#009246}.mfs-contact-v250 .contact-it-flag i:nth-child(2){background:#fff}.mfs-contact-v250 .contact-it-flag i:nth-child(3){background:#ce2b37}
.mfs-contact-v250 .contact-callback-message{height:172px}
.mfs-contact-v250 .contact-callback-message .contact-input-wrap{height:129px;align-items:flex-start}
.mfs-contact-v250 .contact-callback-message textarea{resize:none;padding:16px 18px;font-size:14.5px;line-height:21.75px}
.mfs-contact-v250 .contact-callback-form .contact-form-button{margin-top:0}

@media(max-width:1200px){
  .mfs-contact-v250 .contact-dual-forms{width:100%;height:auto;padding:72px 40px;overflow:visible}
  .mfs-contact-v250 .contact-forms-grid{width:100%;height:auto;grid-template-columns:1fr;gap:28px}
  .mfs-contact-v250 .contact-form-card{width:100%;height:auto;min-height:795px}
  .mfs-contact-v250 .contact-form-button{width:100%}
  .mfs-contact-v250 .two-col{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .mfs-contact-v250 .contact-dual-forms{padding:48px 20px}
  .mfs-contact-v250 .contact-form-card{padding:28px 22px;min-height:0}
  .mfs-contact-v250 .two-col{display:flex;flex-direction:column;height:auto;gap:18px}
  .mfs-contact-v250 .contact-form-row.two-col .contact-field{height:92px}
  .mfs-contact-v250 .contact-callback-title{height:auto;flex-wrap:wrap;white-space:normal}
  .mfs-contact-v250 .contact-form-note{white-space:normal}
}

/* ========================================================================== 
   Contact V25.5 — DUAL FORMS width correction against Figma 1:6835.
   Direct full-row fields are 550px (full card inner width) in the source design.
   ========================================================================== */
@media(min-width:1201px){
  .mfs-contact-v250 .contact-form-card > .contact-select-field,
  .mfs-contact-v250 .contact-form-card > .contact-message-field,
  .mfs-contact-v250 .contact-form-card > .contact-phone-field,
  .mfs-contact-v250 .contact-form-card > .contact-callback-message{
    width:550px;
    flex:0 0 auto;
  }
  .mfs-contact-v250 .contact-form-card > .contact-select-field .contact-input-wrap,
  .mfs-contact-v250 .contact-form-card > .contact-message-field .contact-input-wrap,
  .mfs-contact-v250 .contact-form-card > .contact-callback-message .contact-input-wrap,
  .mfs-contact-v250 .contact-form-card > .contact-phone-field .contact-phone-row{
    width:550px;
  }
}

/* ========================================================================== 
   Contact V25.6 — two targeted corrections only.
   1) Do not clip the fractional bottom edge of support cards (1:6798).
   2) Match callback textarea typography to the Your message textarea.
   ========================================================================== */
@media (min-width:1201px){
  .mfs-contact-v250 .contact-support-section{
    overflow:visible!important;
  }
}
.mfs-contact-v250 .contact-callback-message textarea{
  font-size:16px!important;
  line-height:28px!important;
}

/* ========================================================================== 
   Contact V25.7 — micro alignment against Opera vs Figma.
   Only internal text positioning; box geometry remains unchanged.
   ========================================================================== */
@media (min-width:1201px){
  /* Name + email in both forms: 2px left, icons/box sizes unchanged. */
  .mfs-contact-v250 .contact-form-row.two-col .contact-input-wrap>img+input{
    padding-left:10px;
  }

  /* Full-width selects: move displayed option text 1px upward. */
  .mfs-contact-v250 .contact-select-field .contact-input-wrap select{
    padding-top:15px;
    padding-bottom:17px;
  }
}

/* ========================================================================== 
   Contact V25.8 — name/email text left edge aligned to select text.
   User-requested micro adjustment only; all box geometry remains unchanged.
   ========================================================================== */
@media (min-width:1201px){
  .mfs-contact-v250 .contact-form-row.two-col .contact-input-wrap>img{
    position:absolute;
    left:16px;
    margin-left:0;
    pointer-events:none;
  }
  .mfs-contact-v250 .contact-form-row.two-col .contact-input-wrap>img+input{
    padding-left:18px;
  }
}

/* ========================================================================== 
   Contact V25.9 — add the original user/mail icons before Name/Email text.
   Icons occupy the current left text position; text follows them as in Figma.
   Box geometry and all other sections remain unchanged.
   ========================================================================== */
@media (min-width:1201px){
  .mfs-contact-v250 .contact-form-row.two-col .contact-input-wrap>img{
    display:block!important;
    position:absolute;
    left:16px;
    top:50%;
    width:18px;
    height:18px;
    margin:0;
    transform:translateY(-50%);
    opacity:.75;
    z-index:2;
    pointer-events:none;
  }
  .mfs-contact-v250 .contact-form-row.two-col .contact-input-wrap>img+input{
    padding-left:48px;
    padding-right:18px;
  }
}


/* ==========================================================================
   Contact V25.10 — five missing visible icons.
   Root cause fixed: V25.9 reused footer SVGs whose user/mail strokes are white,
   making them invisible on white form fields. Form-specific visible assets are
   now used; geometry remains unchanged.
   ========================================================================== */
@media (min-width:1201px){
  .mfs-contact-v250 .contact-form-row.two-col .contact-input-wrap>img{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:absolute;
    left:16px;
    top:50%;
    width:18px;
    height:18px;
    margin:0;
    transform:translateY(-50%);
    z-index:3;
    pointer-events:none;
  }
  .mfs-contact-v250 .contact-form-row.two-col .contact-input-wrap>img+input{
    padding-left:48px;
    padding-right:18px;
  }
  .mfs-contact-v250 .contact-message-form .contact-form-note img{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:16px;
    height:16px;
    flex:0 0 16px;
  }
}


/* ==========================================================================
   Contact V25.11 — DARK QUOTE BANNER, Figma node 1:6964 only.
   Exact desktop geometry from Figma: 1280 x 211.485, x=80, image 503 x 216.
   Existing Figma contact photo is reused; no generated/replacement imagery.
   ========================================================================== */
.contact-dark-quote-stage{
  background:#f6f1ee;
  padding:86px 80px;
}
.contact-dark-quote{
  position:relative;
  width:1280px;
  height:211.485px;
  margin:0 auto;
  overflow:hidden;
  border-radius:14px;
  background:#0b0703;
}
.contact-dark-quote-copy{
  position:absolute;
  left:36px;
  top:28px;
  width:670px;
  height:155.485px;
  z-index:2;
}
.contact-dark-quote-copy h2{
  width:670px;
  margin:0;
  color:#f9fafb;
  font-family:"Poynter OldStyle Display","Playfair Display",Georgia,serif;
  font-weight:600;
  font-size:34px;
  line-height:41px;
  letter-spacing:0;
}
.contact-dark-quote-copy p{
  width:540px;
  margin:17.485px 0 0;
  color:#f9fafb;
  font-family:Inter,Arial,sans-serif;
  font-weight:300;
  font-size:18px;
  line-height:28px;
}
.contact-dark-quote-image{
  position:absolute;
  right:0;
  top:-2px;
  width:503px;
  height:216px;
  overflow:hidden;
}
.contact-dark-quote-image img{
  position:absolute;
  left:.03%;
  top:-20.47%;
  width:100%;
  height:154.99%;
  max-width:none;
  object-fit:cover;
}

@media (max-width:1200px){
  .contact-dark-quote-stage{padding:60px 32px}
  .contact-dark-quote{width:100%;height:auto;min-height:212px}
  .contact-dark-quote-copy{position:relative;left:auto;top:auto;width:58%;height:auto;padding:28px 36px;box-sizing:border-box}
  .contact-dark-quote-copy h2{width:100%;font-size:30px;line-height:36px}
  .contact-dark-quote-copy p{width:100%;font-size:16px;line-height:25px;margin-top:12px}
  .contact-dark-quote-image{width:42%;height:100%;top:0}
  .contact-dark-quote-image img{top:-10%;height:130%}
}
@media (max-width:760px){
  .contact-dark-quote-stage{padding:42px 20px}
  .contact-dark-quote{display:flex;flex-direction:column}
  .contact-dark-quote-copy{width:100%;padding:28px}
  .contact-dark-quote-image{position:relative;width:100%;height:220px}
}


/* ==========================================================================
   Contact V25.14 — four field icons aligned exactly by Figma geometry.
   Person nodes 1:6852 / 1:6922: left 16px, top 20px, 18x18.
   Email nodes 1:6862 / 1:6932: 18x18, vertically centered by flex.
   No field/card geometry changed.
   ========================================================================== */
@media (min-width:1201px){
  .mfs-contact-v250 .contact-form-row.two-col .contact-input-wrap > .contact-field-icon{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:absolute;
    left:16px;
    width:18px;
    height:18px;
    margin:0;
    object-fit:contain;
    z-index:3;
    pointer-events:none;
  }

  .mfs-contact-v250 .contact-form-row.two-col .contact-input-wrap > .contact-field-icon-user{
    top:20px;
    transform:none;
  }

  .mfs-contact-v250 .contact-form-row.two-col .contact-input-wrap > .contact-field-icon-email{
    top:50%;
    transform:translateY(-50%);
  }

  .mfs-contact-v250 .contact-form-row.two-col .contact-input-wrap > .contact-field-icon + input{
    padding-left:48px;
    padding-right:18px;
  }
}


/* ==========================================================================
   Contact V25.15 — micro-adjustment requested after V25.14.
   Only the four name/email field icons are moved vertically.
   ========================================================================== */
@media (min-width:1201px){
  /* Person icons: 2px upward from V25.14 (20px -> 18px). */
  .mfs-contact-v250 .contact-form-row.two-col .contact-input-wrap > .contact-field-icon-user{
    top:18px;
    transform:none;
  }

  /* Email icons: 1px downward from centered V25.14 position. */
  .mfs-contact-v250 .contact-form-row.two-col .contact-input-wrap > .contact-field-icon-email{
    top:calc(50% + 1px);
    transform:translateY(-50%);
  }
}


/* ==========================================================================
   Contact V25.16 — FAQ section, Figma nodes 1:6974 + 1:6979.
   Desktop geometry and typography follow the supplied Figma file.
   ========================================================================== */
.contact-faq-stage{
  background:#f6f1ee;
  padding:0 80px 86px;
}
.contact-faq-heading{
  width:765px;
  margin:0 auto 56px;
  text-align:center;
}
.contact-faq-heading h2{
  margin:0;
  color:#0e0e0e;
  font-family:"Poynter OldStyle Display","Playfair Display",Georgia,serif;
  font-weight:600;
  font-size:58px;
  line-height:64px;
  letter-spacing:-.5881px;
}
.contact-faq-rule{
  display:block;
  width:60px;
  height:3px;
  margin:15px auto 15px;
  border-radius:2px;
  background:#d28b3f;
}
.contact-faq-heading p{
  margin:0;
  color:#0e0e0e;
  font-family:Inter,Arial,sans-serif;
  font-weight:400;
  font-size:24px;
  line-height:30px;
  white-space:nowrap;
}
.contact-faq-box{
  width:1280px;
  margin:0 auto;
  padding-top:32px;
  overflow:hidden;
  box-sizing:border-box;
  border:2px solid #e6ddcf;
  border-radius:14px;
  background:#f7f3ef;
}
.contact-faq-item{
  margin:0;
  border:0;
  border-bottom:2px solid #e6ddcf;
}
.contact-faq-item-last{border-bottom:0}
.contact-faq-item summary{
  position:relative;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 18px;
  align-items:center;
  column-gap:22px;
  min-height:84px;
  padding:0 28px;
  box-sizing:border-box;
  cursor:pointer;
  list-style:none;
}
.contact-faq-item summary::-webkit-details-marker{display:none}
.contact-faq-icon{
  display:flex;
  width:40px;
  height:40px;
  align-items:center;
  justify-content:center;
  color:#14110d;
  font-family:Arial,sans-serif;
  font-size:22px;
  line-height:1;
  font-weight:400;
}
.contact-faq-question{
  color:#14110d;
  font-family:"Poynter OldStyle Display","Playfair Display",Georgia,serif;
  font-weight:600;
  font-size:24px;
  line-height:32px;
  letter-spacing:-.1px;
}
.contact-faq-chevron{
  width:9px;
  height:9px;
  justify-self:end;
  border-right:1.8px solid #d28b3f;
  border-bottom:1.8px solid #d28b3f;
  transform:rotate(45deg) translate(-2px,-2px);
  transform-origin:center;
}
.contact-faq-item[open] .contact-faq-chevron{
  transform:rotate(225deg) translate(-1px,-1px);
}
.contact-faq-answer{
  max-width:840px;
  padding:0 28px 22px 90px;
  box-sizing:border-box;
  color:#5c544a;
  font-family:Inter,Arial,sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:24px;
}
@media (max-width:1200px){
  .contact-faq-stage{padding:0 32px 60px}
  .contact-faq-heading{width:100%;margin-bottom:44px}
  .contact-faq-heading h2{font-size:48px;line-height:54px}
  .contact-faq-heading p{font-size:20px;line-height:28px;white-space:normal}
  .contact-faq-box{width:100%}
}
@media (max-width:760px){
  .contact-faq-stage{padding:0 20px 42px}
  .contact-faq-heading h2{font-size:38px;line-height:44px}
  .contact-faq-heading p{font-size:17px;line-height:25px}
  .contact-faq-box{padding-top:12px}
  .contact-faq-item summary{grid-template-columns:32px minmax(0,1fr) 14px;column-gap:14px;padding:0 18px;min-height:76px}
  .contact-faq-icon{width:32px;height:32px;font-size:19px}
  .contact-faq-question{font-size:20px;line-height:27px}
  .contact-faq-answer{padding:0 18px 20px 64px;font-size:15px;line-height:23px}
}


/* ==========================================================================
   Contact V25.18 — separator above FAQ.
   Keeps V25.17 FAQ title/divider/subtitle spacing unchanged.
   ========================================================================== */
.contact-faq-stage{
  position:relative;
  margin-top:0;
  padding-top:86px;
}
.contact-faq-stage::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:1px;
  background:#e6ddcf;
}


/* ==========================================================================
   Contact V25.19 — widen the expanded FAQ answer like the approved visual.
   Text now uses nearly the full row width with a comfortable right inset.
   ========================================================================== */
@media (min-width:1201px){
  .contact-faq-answer{
    max-width:none;
    width:100%;
    padding-right:86px;
  }
}


/* ==========================================================================
   Contact V25.21 — exact FAQ icons from Figma node 1:6979.
   Temporary Unicode glyphs replaced with the actual Figma SVG assets.
   ========================================================================== */
.contact-faq-icon img{
  display:block;
  width:22px;
  height:22px;
  max-width:none;
  object-fit:contain;
}
.contact-faq-item:first-child .contact-faq-icon img,
.contact-faq-item:nth-child(2) .contact-faq-icon img{
  width:24px;
  height:24px;
}


/* ==========================================================================
   Contact V25.22 — compact first expanded FAQ item.
   Keep the approved 2-line answer; reduce only vertical spacing so the first
   item visually matches the rhythm of the collapsed FAQ rows.
   ========================================================================== */
@media (min-width:1201px){
  .contact-faq-item:first-child summary{
    min-height:72px;
    padding-top:16px;
    padding-bottom:16px;
  }

  .contact-faq-item:first-child .contact-faq-answer{
    padding-top:0;
    padding-bottom:16px;
  }
}


/* ==========================================================================
   Contact V25.23 — fix actual source of oversized first FAQ top spacing.
   The extra 32px was on the FAQ BOX itself, so it affected only the first row.
   ========================================================================== */
@media (min-width:1201px){
  .contact-faq-box{
    padding-top:0;
  }

  .contact-faq-item:first-child summary{
    min-height:84px;
    padding-top:0;
    padding-bottom:0;
  }

  .contact-faq-item:first-child .contact-faq-answer{
    padding-top:0;
    padding-bottom:22px;
  }
}


/* ==========================================================================
   Contact V25.24 — FINAL CTA, Figma nodes 1:7076–1:7089.
   Exact desktop section: 1280 x 356.578, 14px radius, two-column layout.
   Uses the original image embedded in the user's Figma file; no generated art.
   ========================================================================== */
.contact-final-cta-stage{
  background:#f6f1ee;
  padding:0 80px 86px;
}
.contact-final-cta{
  width:1280px;
  height:356.578px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.10fr);
  overflow:hidden;
  border-radius:14px;
  background:#0b0703;
}
.contact-final-cta-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  box-sizing:border-box;
  padding:56px 48px;
}
.contact-final-cta-copy h2{
  margin:0 0 18px;
  color:#f9fafb;
  font-family:"Poynter OldStyle Display","Playfair Display",Georgia,serif;
  font-weight:600;
  font-size:34px;
  line-height:41px;
}
.contact-final-cta-copy p{
  width:440px;
  max-width:440px;
  margin:0 0 30px;
  color:#f9fafb;
  font-family:Inter,Arial,sans-serif;
  font-weight:300;
  font-size:18px;
  line-height:28px;
}
.contact-final-cta-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  box-sizing:border-box;
  padding:24px 42px;
  border-radius:6px;
  background:linear-gradient(180deg,#de984b 0%,#c47d32 100%);
  color:#fff;
  text-decoration:none;
  font-family:"Poynter OldStyle Display","Playfair Display",Georgia,serif;
  font-weight:600;
  font-size:30px;
  line-height:15px;
  white-space:nowrap;
}
.contact-final-cta-button img{
  display:block;
  width:24px;
  height:28.755px;
  max-width:none;
  object-fit:contain;
}
.contact-final-cta-image{
  position:relative;
  width:672px;
  height:420px;
  overflow:hidden;
  align-self:start;
}
.contact-final-cta-image > img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
}

@media (max-width:1200px){
  .contact-final-cta-stage{padding:0 32px 60px}
  .contact-final-cta{width:100%;height:auto;min-height:356px;grid-template-columns:1fr 1.1fr}
  .contact-final-cta-copy{padding:44px 36px}
  .contact-final-cta-copy h2{font-size:30px;line-height:37px}
  .contact-final-cta-copy p{width:100%;font-size:16px;line-height:25px}
  .contact-final-cta-button{padding:20px 30px;font-size:25px;line-height:18px}
  .contact-final-cta-image{width:100%;height:100%;min-height:356px}
}
@media (max-width:760px){
  .contact-final-cta-stage{padding:0 20px 42px}
  .contact-final-cta{display:flex;flex-direction:column}
  .contact-final-cta-copy{padding:34px 28px}
  .contact-final-cta-copy h2{font-size:28px;line-height:34px}
  .contact-final-cta-copy p{max-width:none}
  .contact-final-cta-button{width:100%;padding:20px 18px;font-size:22px}
  .contact-final-cta-image{height:260px;min-height:260px}
}


/* ==========================================================================
   Contact V25.25 — FINAL CTA vertical alignment.
   Move the complete left content group slightly upward without changing
   typography, internal spacing, button dimensions, image, or footer.
   ========================================================================== */
@media (min-width:1201px){
  .contact-final-cta-copy{
    transform:translateY(-8px);
  }
}


/* ==========================================================================
   Contact V25.26 — FINAL CTA alignment after direct Opera/Figma comparison.
   Relative to the CTA top edge, the left content group is still ~13px too low.
   Horizontal position is already correct.
   ========================================================================== */
@media (min-width:1201px){
  .contact-final-cta-copy{
    transform:translateY(-21px);
  }
}

/* V25.27 — Contact Thank You page: Home/Contact shell reused; only Thank You hero content differs. */
.mfs-contact-thank-you .thank-you-hero-trust{
  top:580.755px;
  width:482.351px;
  height:29px;
  gap:10px;
  font-size:20px;
  line-height:20px;
  font-weight:300;
}
.mfs-contact-thank-you .thank-you-hero-star{
  display:block;
  width:24px;
  height:29px;
  flex:0 0 24px;
  color:#d28b3f;
  font-family:"SF Pro",Inter,Arial,sans-serif;
  font-size:24px;
  line-height:29px;
  font-weight:300;
  letter-spacing:-.44px;
  text-align:center;
}

/* V25.30 — Contact Thank You: WHAT HAPPENS NEXT rebuilt from Figma node 1:7313 */
.mfs-contact-thank-you .cty-next{
  width:100%;
  background:#f6f1ee;
  color:#14110d;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:56px;
  padding:86px 80px;
}
.mfs-contact-thank-you .cty-next-heading{
  width:938px;
  max-width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
}
.mfs-contact-thank-you .cty-next h2{
  margin:0;
  width:100%;
  font-family:"Poynter OldStyle Display","Playfair Display",Georgia,serif;
  font-size:58px;
  line-height:64px;
  letter-spacing:-.4754px;
  font-weight:600;
  color:#14110d;
  text-align:center;
}
.mfs-contact-thank-you .cty-next-rule{
  display:block;
  width:60px;
  height:3px;
  border-radius:2px;
  background:#d28b3f;
}
.mfs-contact-thank-you .cty-next-cards{
  width:1280px;
  max-width:100%;
  display:flex;
  align-items:stretch;
  gap:24px;
}
.mfs-contact-thank-you .cty-next-card{
  flex:1 1 0;
  min-width:0;
  box-sizing:border-box;
  background:#f7f3ef;
  border:2px solid #e6ddcf;
  border-radius:16px;
  padding:52px 36px 40px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
  text-align:center;
}
.mfs-contact-thank-you .cty-next-icon-wrap{
  width:96px;
  height:96px;
  flex:0 0 96px;
  border-radius:48px;
  background:#f4d9bd;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mfs-contact-thank-you .cty-next-icon-wrap img{
  display:block;
  width:44px;
  height:44px;
  object-fit:contain;
}
.mfs-contact-thank-you .cty-next-card h3{
  width:100%;
  margin:0;
  padding-top:11px;
  font-family:"Poynter OldStyle Display","Playfair Display",Georgia,serif;
  font-size:28px;
  line-height:33.819px;
  letter-spacing:-.2941px;
  font-weight:600;
  color:#111;
  white-space:nowrap;
}
.mfs-contact-thank-you .cty-next-copy{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  font-weight:400;
  line-height:28px;
  color:#0e0e0e;
  text-align:center;
}
.mfs-contact-thank-you .cty-next-copy-email{
  width:339px;
  max-width:100%;
  font-size:18px;
  white-space:nowrap;
}
.mfs-contact-thank-you .cty-next-copy-callback{
  width:300px;
  max-width:300px;
  font-size:18px;
}
.mfs-contact-thank-you .cty-next-copy-steps{
  width:300px;
  max-width:300px;
  font-size:18px;
  white-space:nowrap;
}
@media(max-width:900px){
  .mfs-contact-thank-you .cty-next{padding:56px 24px;gap:40px}
  .mfs-contact-thank-you .cty-next h2{font-size:40px;line-height:46px}
  .mfs-contact-thank-you .cty-next-cards{flex-direction:column}
  .mfs-contact-thank-you .cty-next-card h3{white-space:normal}
  .mfs-contact-thank-you .cty-next-copy-email,.mfs-contact-thank-you .cty-next-copy-steps{white-space:normal}
}

/* Contact Thank You V25.32 — CTA BAR wrapper, Figma 1:7354 */
.mfs-contact-thank-you .cty-cta-wrap{width:100%;box-sizing:border-box;background:#f6f1ee;padding:0 56px 86px;display:flex;flex-direction:column;align-items:center}
@media(max-width:900px){.mfs-contact-thank-you .cty-cta-wrap{padding:0 24px 56px}}

/* Contact Thank You V25.31 — CTA Bar, Figma 1:7355 */
.mfs-contact-thank-you .cty-cta-bar{width:1278px;max-width:calc(100% - 162px);height:148px;margin:0 auto;box-sizing:border-box;background:#140b05;border:1px solid #241710;border-radius:16px;display:flex;align-items:flex-start;justify-content:space-between;padding:35px 41px}
.mfs-contact-thank-you .cty-cta-icon{width:78px;height:78px;box-sizing:border-box;border:2px solid #de984b;border-radius:39px;display:flex;align-items:center;justify-content:center;flex:0 0 78px}.mfs-contact-thank-you .cty-cta-icon img{display:block;width:36px;height:36px;object-fit:contain}
.mfs-contact-thank-you .cty-cta-copy{width:571px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.mfs-contact-thank-you .cty-cta-copy h3{margin:0;width:100%;font-family:"Poynter OldStyle Display","Playfair Display",Georgia,serif;font-size:34px;line-height:normal;letter-spacing:-.2px;font-weight:600;color:#fff}.mfs-contact-thank-you .cty-cta-copy p{margin:0;width:100%;font-family:Inter,Arial,sans-serif;font-size:18px;line-height:28px;font-weight:300;color:#f9fafb}
.mfs-contact-thank-you .cty-cta-link{height:100%;box-sizing:border-box;border-radius:6px;background:linear-gradient(to bottom,#de984b,#c47d32);display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 42px;text-decoration:none;color:#fff}.mfs-contact-thank-you .cty-cta-link span{font-family:"Poynter OldStyle Display","Playfair Display",Georgia,serif;font-size:30px;line-height:15px;font-weight:600;white-space:nowrap;color:#fff}.mfs-contact-thank-you .cty-cta-link img{display:block;width:24px;height:28.755px;object-fit:contain}
@media(max-width:900px){.mfs-contact-thank-you .cty-cta-bar{max-width:calc(100% - 48px);width:auto;height:auto;flex-direction:column;gap:24px;padding:28px}.mfs-contact-thank-you .cty-cta-copy{width:100%}.mfs-contact-thank-you .cty-cta-link{width:100%;height:auto;min-height:72px}.mfs-contact-thank-you .cty-cta-link span{font-size:24px;line-height:28px;white-space:normal}}

/* =========================================================
   ORDERING 1 — FIGMA NODES 1:8986 + 1:9056
   ========================================================= */
body.mfs-ordering-1{background:#f6f1ee;color:#0e0e0e}
.mfs-ordering-1 .mfs-home{max-width:none}
.ord1-top{height:796px;background:#030303}
.ord1-top .ord1-canvas{height:796px;position:relative;overflow:hidden;background:#030303}
.ord1-top .f12-logo-export{z-index:6}
.ord1-hero{position:absolute;left:0;top:174px;width:1440px;height:622px;background:#1a0e07;overflow:hidden}
.ord1-hero-image4{position:absolute;left:373px;top:-65px;width:1067px;height:711px}
.ord1-hero-image4 img{width:100%;height:100%;object-fit:cover;display:block}
.ord1-hero-image5{position:absolute;left:320px;top:0;width:1120px;height:652px;overflow:hidden}
.ord1-hero-image5 img{width:100%;height:100%;object-fit:cover;display:block}
.ord1-hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,#110a05 0%,rgba(17,10,5,.97) 22%,rgba(17,10,5,.78) 38%,rgba(17,10,5,.2) 56%,rgba(17,10,5,0) 72%),radial-gradient(ellipse at 91% 45%,rgba(17,10,5,0) 0%,rgba(17,10,5,.05) 38%,rgba(17,10,5,.55) 60%,#110a05 86%)}
.ord1-hero-copy{position:absolute;left:80px;top:44px;width:626px;color:#f9fafb;z-index:2}
.ord1-hero-copy h1{margin:0;font-family:"Poynter OldStyle Display",Georgia,serif;font-size:80px;line-height:84px;letter-spacing:-.4754px;font-weight:600;color:#f9fafb}
.ord1-rule{display:block;width:84px;height:3px;border-radius:2px;background:#d28b3f;margin:24px 0 24px}
.ord1-hero-copy p{width:547px;margin:0;font-family:Inter,Arial,sans-serif;font-size:24px;line-height:40px;font-weight:400;color:#f9fafb}
.ord1-progress{position:absolute;left:76px;right:76px;bottom:24px;height:38px;display:flex;align-items:center;color:#c9bfb4;z-index:3;font-family:Inter,Arial,sans-serif;font-size:16px}
.ord1-step{display:flex;align-items:center;gap:14px;white-space:nowrap;color:#c9bfb4;font-weight:500}
.ord1-step.is-active{color:#fff}
.ord1-step-circle{width:38px;height:38px;display:grid;place-items:center;border:2px solid #4a3526;border-radius:50%;font-size:15px;font-weight:700}
.ord1-step.is-active .ord1-step-circle{background:#ca8338;border-color:#ca8338;color:#fff}
.ord1-step-line{height:1px;flex:1;min-width:64px;margin:0 20px;background:#4a3526}

.ord1-main{background:#f6f1ee}
.ord1-shell{width:1440px;min-height:1820px;margin:0 auto;padding:86px 80px;background:#f6f1ee}
.ord1-section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin:0 0 56px}
.ord1-section-heading h2{margin:0;font-family:"Poynter OldStyle Display",Georgia,serif;font-size:58px;line-height:64px;letter-spacing:-.4754px;font-weight:600;color:#0e0e0e}
.ord1-section-heading>span{display:block;width:60px;height:3px;background:#d28b3f;border-radius:2px}
.ord1-section-heading p{margin:1px 0 0;font-family:Inter,Arial,sans-serif;font-size:24px;line-height:30px;color:#0e0e0e}
.ord1-layout{display:grid;grid-template-columns:minmax(0,910px) 338px;gap:32px;align-items:start}
.ord1-left{min-width:0}
.ord1-cards{height:643.31px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ord1-review-card{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:643.31px;padding:29px 22px 22px;border:2px solid #e6ddcf;border-radius:16px;background:#f7f3ef;color:#0e0e0e;font:inherit;text-align:center;cursor:pointer;appearance:none}
.ord1-review-card.is-selected{border-color:#de984b}
.ord1-popular{position:absolute;top:-15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:7px 16px;border-radius:999px;background:#ca8338;color:#fff;text-transform:uppercase;letter-spacing:1.1px;font:700 12px/14px Inter,Arial,sans-serif;white-space:nowrap}
.ord1-popular img{width:12px;height:12px}
.ord1-card-icon{display:grid;place-items:center;width:64px;height:64px;margin:6px 0 16px;border-radius:50%;background:#f4d9bd}
.ord1-card-icon img{width:32px;height:32px;display:block}
.ord1-review-card h3{min-height:56px;margin:0;font-family:"Poynter OldStyle Display",Georgia,serif;font-size:24px;line-height:28px;font-weight:600;color:#14110d}
.ord1-review-card:first-child h3,.ord1-review-card:last-child h3{min-height:28px}
.ord1-card-desc{min-height:84px;margin:16px 0 14px;font:400 16px/28px Inter,Arial,sans-serif;color:#1a1a1a}
.ord1-price{height:60px;display:flex;align-items:flex-start;justify-content:center;gap:8px;font-family:"Poynter OldStyle Display",Georgia,serif;color:#14110d}
.ord1-price small{font-size:32px;line-height:42px}
.ord1-price strong{font-size:52px;line-height:60px;font-weight:600;letter-spacing:-1px}
.ord1-payment-label{margin-top:12px;color:#ca8338;text-transform:uppercase;letter-spacing:1.15px;font:700 11.5px/14px Inter,Arial,sans-serif}
.ord1-review-card ul{list-style:none;width:100%;margin:22px 0 0;padding:18px 0 0;border-top:2px dashed #e6ddcf;text-align:left}
.ord1-review-card li{position:relative;margin:0 0 12px;padding-left:27px;font:400 14px/18px Inter,Arial,sans-serif;color:#0e0e0e}
.ord1-review-card li:before{content:"✓";position:absolute;left:0;top:0;color:#ed7d31;font-weight:700}
.ord1-details-heading{margin:64px 0 34px}
.ord1-form{width:100%}
.ord1-fields-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ord1-form label{display:flex;flex-direction:column;gap:12px;font-family:Inter,Arial,sans-serif}
.ord1-form label>span:first-child{font-size:20px;line-height:24px;font-weight:600;color:#111}
.ord1-form label em{font-size:14px;font-style:normal;font-weight:400;color:#5c544a}
.ord1-input{position:relative;display:flex;align-items:center;height:58px;border:1px solid #ecdfc6;border-radius:10px;background:#fff;overflow:hidden}
.ord1-input>img{position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%)}
.ord1-input input{width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 17px 0 47px;font:400 16px/1.2 Inter,Arial,sans-serif;color:#111}
.ord1-input input::placeholder{color:#667085}
.ord1-helptext{display:flex;align-items:flex-start;gap:10px;padding-top:1px;font:400 14px/18px Inter,Arial,sans-serif;color:#0e0e0e}
.ord1-helptext img{width:14px;height:14px;flex:0 0 14px}
.ord1-phone{margin-top:24px}
.ord1-phone .ord1-input{border-width:2px;border-color:#e6ddcf}
.ord1-consent{flex-direction:row!important;align-items:center!important;gap:16px!important;margin-top:25px;padding:8px 8px 8px 0;font:400 20px/26px Inter,Arial,sans-serif}
.ord1-consent input{appearance:none;width:30px;height:30px;margin:0;border:2px solid #111;border-radius:3px;background:#fff;cursor:pointer}
.ord1-consent input:checked{background:#ca8338;box-shadow:inset 0 0 0 6px #fff}
.ord1-consent a{color:#ca8338;text-decoration:underline}
.ord1-continue{width:100%;height:69px;margin-top:25px;border:0;border-radius:10px;background:linear-gradient(#de984b,#c47d32);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;text-transform:uppercase;letter-spacing:.64px;font:600 22px/28px Inter,Arial,sans-serif;cursor:pointer}
.ord1-continue img{width:24px;height:24px}
.ord1-secure-line{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:36px;font:400 14px/18px Inter,Arial,sans-serif;color:#0e0e0e}
.ord1-secure-line img{width:14px;height:14px}
.ord1-trust-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}
.ord1-trust-cards article{min-height:124px;display:flex;gap:14px;padding:24px;border:2px solid #e6ddcf;border-radius:16px;background:#f7f3ef}
.ord1-trust-cards article>img{width:26px;height:26px;flex:0 0 26px;margin-top:2px}
.ord1-trust-cards h4{margin:0 0 6px;font:600 16px/20px Inter,Arial,sans-serif;color:#111}
.ord1-trust-cards p{margin:0;font:400 14px/18px Inter,Arial,sans-serif;color:#0e0e0e}
.ord1-aside{display:flex;flex-direction:column;gap:16px}
.ord1-order-box{height:422px;padding:23px;border:2px solid #e6ddcf;border-radius:16px;background:#f7f3ef}
.ord1-order-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;text-transform:uppercase;letter-spacing:2.08px;font:700 14px/18px Inter,Arial,sans-serif;color:#5c544a}
.ord1-order-head button{border:0;background:none;color:#ca8338;font:600 14px/18px Inter,Arial,sans-serif;cursor:pointer;text-transform:none;letter-spacing:0}
.ord1-order-product{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:start}
.ord1-order-icon{width:46px;height:46px;border-radius:10px;background:#f4d9bd;display:grid;place-items:center}
.ord1-order-icon img{width:24px;height:24px}
.ord1-order-product>span:nth-child(2){font:600 16px/20px Inter,Arial,sans-serif;color:#14110d}
.ord1-order-product b{font:700 16px/20px Inter,Arial,sans-serif;color:#14110d}
.ord1-order-popular{display:inline-flex;align-items:center;gap:7px;margin:18px 0 16px;padding:7px 14px;border-radius:999px;background:#ca8338;color:#fff;text-transform:uppercase;letter-spacing:.88px;font:700 12px/14px Inter,Arial,sans-serif}
.ord1-order-popular img{width:12px;height:12px}
.ord1-order-included{border-top:1px solid #eadfcb;padding-top:19px}
.ord1-order-included h4{margin:0 0 12px;text-transform:uppercase;letter-spacing:1.56px;font:700 13px/16px Inter,Arial,sans-serif;color:#14110d}
.ord1-order-included ul{list-style:none;margin:0;padding:0}
.ord1-order-included li{position:relative;margin:0 0 8px;padding-left:27px;font:400 13px/20px Inter,Arial,sans-serif;color:#1a1a1a}
.ord1-order-included li:before{content:"✓";position:absolute;left:0;color:#ed7d31;font-weight:700}
.ord1-help-box{min-height:126px;display:flex;gap:14px;padding:24px;border:2px solid #e6ddcf;border-radius:16px;background:#f7f3ef}
.ord1-help-box>img{width:26px;height:26px;flex:0 0 26px;margin-top:2px}
.ord1-help-box h4{margin:0 0 6px;font:700 16px/20px Inter,Arial,sans-serif;color:#14110d}
.ord1-help-box p{margin:0 0 6px;font:400 14px/18px Inter,Arial,sans-serif;color:#0e0e0e}
.ord1-help-box a{color:#ca8338;text-decoration:underline;font:600 14px/18px Inter,Arial,sans-serif}

@media (max-width:900px){
 .ord1-top{height:auto}.ord1-top .ord1-canvas{height:auto;min-height:760px}.ord1-hero{position:relative;top:174px;width:100%;height:586px}.ord1-hero-copy{left:24px;top:38px;width:calc(100% - 48px)}.ord1-hero-copy h1{font-size:50px;line-height:54px}.ord1-hero-copy p{width:100%;font-size:18px;line-height:28px}.ord1-progress{left:24px;right:24px;bottom:20px;overflow-x:auto;gap:14px}.ord1-step-line{display:none}.ord1-step span:last-child{display:none}
 .ord1-shell{width:100%;padding:64px 24px}.ord1-layout{grid-template-columns:1fr}.ord1-cards{height:auto;grid-template-columns:1fr}.ord1-review-card{height:auto;min-height:560px}.ord1-aside{grid-row:1}.ord1-fields-two,.ord1-trust-cards{grid-template-columns:1fr}.ord1-consent{font-size:16px}.ord1-section-heading h2{font-size:44px;line-height:50px}.ord1-section-heading p{font-size:18px;line-height:26px}
}

/* V25.35 — Ordering 1 header logo corrected to the actual Figma group geometry.
   The source artwork is cropped to the record mark; divider and wordmark sit at the Figma positions. */
.mfs-ordering-1 #mfs-f1-48 .ord1-logo{position:absolute;left:81px;top:24px;width:349px;height:128.38px;z-index:10;display:block;overflow:visible}
.mfs-ordering-1 #mfs-f1-48 .ord1-logo .f11-logo-imgbox{position:absolute;left:0;top:.38px;width:141px;height:128px;overflow:hidden;display:block}
.mfs-ordering-1 #mfs-f1-48 .ord1-logo .f11-logo-imgbox img{position:absolute;width:296.1px;height:198.04px;left:-26.35px;top:-49.11px;max-width:none;object-fit:fill;display:block}
.mfs-ordering-1 #mfs-f1-48 .ord1-logo .f11-logo-line{position:absolute;left:158px;top:29px;width:3px;height:70px;background:#eaa034;display:block}
.mfs-ordering-1 #mfs-f1-48 .ord1-logo .f11-logo-text{position:absolute;left:179px;top:0;width:170px;display:flex;flex-direction:column;align-items:flex-start;font-family:"Cormorant Garamond",Georgia,serif;font-style:normal;font-weight:500;font-size:40px;line-height:normal;letter-spacing:1.08px;color:#fff}
.mfs-ordering-1 #mfs-f1-48 .ord1-logo .f11-logo-text>span{display:block;width:170px;margin-bottom:-8px;line-height:normal}
.mfs-ordering-1 #mfs-f1-48 .ord1-logo .f11-logo-text>span:nth-child(2){color:#fdb84d}
.mfs-ordering-1 #mfs-f1-48 .ord1-logo .f11-logo-text>span:last-child{margin-bottom:0}

/* V25.36 — Ordering 1 logo crop: match Figma percentage positioning exactly.
   Figma node 1:8999 uses a 141x128 viewport; leaf image is 210% x 154.72%
   and positioned left:-8.9%, top:-24.8%. CSS percentages resolve against the
   containing block, so the correct pixel offsets are -12.549px and -31.744px. */
.mfs-ordering-1 #mfs-f1-48 .ord1-logo .f11-logo-imgbox img{
  width:296.1px!important;
  height:198.0416px!important;
  left:-12.549px!important;
  top:-31.744px!important;
  max-width:none!important;
  object-fit:fill!important;
}


/* V25.37 — Ordering 1 logo wordmark: preserve Figma casing exactly. */
.mfs-ordering-1 #mfs-f1-48 .ord1-logo .f11-logo-text,
.mfs-ordering-1 #mfs-f1-48 .ord1-logo .f11-logo-text>span{
  text-transform:none!important;
}


/* V25.38 — Ordering 1 logo wordmark: literal uppercase characters, matching the visible Figma artwork. */
.mfs-ordering-1 #mfs-f1-48 .ord1-logo .f11-logo-text,
.mfs-ordering-1 #mfs-f1-48 .ord1-logo .f11-logo-text>span{
  text-transform:none!important;
}


/* V25.39 — Ordering 1: exact Figma wordmark treatment + remove inherited F1 height gap.
   Figma stores the wordmark as Music / feedback / service but renders it with OpenType small caps.
   Keep the 40px font size while using small-cap glyphs, which are visually smaller than full capitals. */
.mfs-ordering-1 #mfs-f1-48.ord1-top{height:796px!important;min-height:0!important;}
.mfs-ordering-1 #mfs-f1-48.ord1-top .ord1-canvas{height:796px!important;min-height:0!important;}
.mfs-ordering-1 #mfs-f1-48 .ord1-logo .f11-logo-text,
.mfs-ordering-1 #mfs-f1-48 .ord1-logo .f11-logo-text>span{
  text-transform:none!important;
  font-variant-caps:all-small-caps!important;
  font-feature-settings:"smcp" 1,"c2sc" 1!important;
}


/* V25.40 — Ordering 1 header logo: reuse the exact Figma-exported logo already proven on Contact Thank You.
   No reconstructed text/crop: same 349 x 128.375 asset and placement as the reference page. */
.mfs-ordering-1 #mfs-f1-48 .ord1-logo-exact{
  position:absolute!important;left:81px!important;top:23px!important;
  width:349px!important;height:128.375px!important;z-index:10!important;
  display:block!important;overflow:visible!important;
}
.mfs-ordering-1 #mfs-f1-48 .ord1-logo-exact img{
  display:block!important;width:349px!important;height:128.375px!important;
  max-width:none!important;object-fit:fill!important;margin:0!important;padding:0!important;border:0!important;
}

/* V25.41 — Ordering 1: match Figma bottom spacing under progress navigation. */
.mfs-ordering-1 .ord1-progress{bottom:44px!important;}

/* V25.42 — Ordering 1 Select Review Type vertical alignment to Figma (100% comparison) */
@media (min-width: 901px){
  .ord1-shell{padding-top:96px;}
  .ord1-section-heading{margin-bottom:62px;}
  .ord1-details-heading{margin-top:64px;margin-bottom:34px;}
}
\n\n/* Ordering 2 V25.44 — TOP ONLY. Reuses approved Ordering 1 header/hero geometry and image. */
.mfs-ordering-2 .ord1-hero-copy h1{font-size:80px;line-height:84px;letter-spacing:-.4754237235px}
.mfs-ordering-2 .ord1-hero-copy p{width:547px;font-size:24px;line-height:40px}
.mfs-ordering-2 .ord1-step.is-complete{color:#d98d36}
.mfs-ordering-2 .ord1-step.is-complete .ord1-step-circle{background:transparent;border-color:#d98d36;color:#d98d36;font-weight:700}
.mfs-ordering-2 .ord2-check{font-family:Inter,Arial,sans-serif;font-size:19px;line-height:1}
.mfs-ordering-2 .ord2-stage-placeholder{height:0;background:#f6f1ee}

/* Ordering 2 V25.45 — Track Details & Upload. Figma desktop geometry, node family 799:1124–799:1294. */
.mfs-ordering-2 .ord2-main{background:#f6f1ee;color:#111}
.mfs-ordering-2 .ord2-shell{width:1440px;margin:0 auto;padding:88px 80px 102px;box-sizing:border-box}
.mfs-ordering-2 .ord2-layout{display:grid;grid-template-columns:910px 338px;gap:32px;align-items:start}
.mfs-ordering-2 .ord2-form{display:flex;flex-direction:column;gap:0}
.mfs-ordering-2 .ord2-field{position:relative;width:910px;margin:0 0 26px}
.mfs-ordering-2 .ord2-field label,.mfs-ordering-2 .ord2-send-method legend{display:block;margin:0 0 12px;font:500 20px/24px Inter,Arial,sans-serif;color:#17120e}
.mfs-ordering-2 .ord2-field label em{font:400 14px/17px Inter,Arial,sans-serif;color:#71675e;font-style:normal;vertical-align:2px}
.mfs-ordering-2 .ord2-field>input{width:100%;height:60px;box-sizing:border-box;border:2px solid #e6ddcf;border-radius:10px;background:#fff;padding:0 18px;font:400 16px/20px Inter,Arial,sans-serif;color:#111;outline:none}
.mfs-ordering-2 .ord2-field>input::placeholder,.mfs-ordering-2 textarea::placeholder,.mfs-ordering-2 .ord2-private-link::placeholder{color:#7b746d}
.mfs-ordering-2 .ord2-field p{margin:8px 0 0;font:400 14px/17px Inter,Arial,sans-serif;color:#4f4943}
.mfs-ordering-2 .ord2-artist{margin-bottom:40px}
.mfs-ordering-2 .ord2-song{margin-bottom:38px}
.mfs-ordering-2 .ord2-send-method{border:0;padding:0;margin:0 0 38px;min-width:0}
.mfs-ordering-2 .ord2-send-method legend{width:100%;margin-bottom:16px}
.mfs-ordering-2 .ord2-send-cards{display:grid;grid-template-columns:repeat(3,292.6667px);gap:16px;height:380px}
.mfs-ordering-2 .ord2-send-card{position:relative;box-sizing:border-box;height:380px;border:2px solid #e6ddcf;border-radius:14px;background:#f7f3ef;padding:30px 24px 24px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;color:#17120e}
.mfs-ordering-2 .ord2-send-card.is-selected{border-color:#d8903f;box-shadow:0 0 0 1px rgba(216,144,63,.12)}
.mfs-ordering-2 .ord2-send-card>input[type=radio]{position:absolute;right:18px;top:18px;appearance:none;width:20px;height:20px;border:2px solid #bfae9b;border-radius:50%;background:#fff;margin:0}
.mfs-ordering-2 .ord2-send-card>input[type=radio]:checked{border:5px solid #d98d36}
.mfs-ordering-2 .ord2-send-icon{width:62px;height:62px;border-radius:50%;background:#f0dac3;color:#ca8338;display:grid;place-items:center;font:500 30px/1 Inter,Arial,sans-serif;margin:0 0 20px}
.mfs-ordering-2 .ord2-send-card strong{font:600 16px/19px Inter,Arial,sans-serif;margin-bottom:9px}
.mfs-ordering-2 .ord2-send-sub{font:400 13px/18px Inter,Arial,sans-serif;color:#5d554d;margin-bottom:18px}
.mfs-ordering-2 .ord2-dropzone{position:relative;width:236px;min-height:112px;border:1.5px dashed #c8b9aa;border-radius:9px;background:#fff;display:flex;flex-direction:column;align-items:center;padding:13px 10px 10px;box-sizing:border-box;font:400 12px/18px Inter,Arial,sans-serif;color:#5d554d}
.mfs-ordering-2 .ord2-choose-file{display:grid;place-items:center;width:122px;height:38px;margin-top:8px;border-radius:7px;background:#e69a49;color:#fff;font:600 13px/16px Inter,Arial,sans-serif;cursor:pointer}
.mfs-ordering-2 .ord2-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.mfs-ordering-2 .ord2-send-card small{margin-top:auto;font:400 12px/18px Inter,Arial,sans-serif;color:#6a6158}
.mfs-ordering-2 .ord2-link-card .ord2-private-link{width:244.6667px;height:42px;box-sizing:border-box;border:1.5px solid #dfd2c3;border-radius:8px;background:#fff;padding:0 15px;margin:22px 0 18px;font:400 13px/16px Inter,Arial,sans-serif;outline:none}
.mfs-ordering-2 .ord2-link-card small{max-width:243px}
.mfs-ordering-2 .ord2-later-copy{margin:22px 0 12px;max-width:237px;font:400 14px/21px Inter,Arial,sans-serif;color:#3f3933}
.mfs-ordering-2 .ord2-later-card small{margin-top:0}
.mfs-ordering-2 .ord2-focus{height:140.25px;margin-bottom:35px}
.mfs-ordering-2 .ord2-focus textarea,.mfs-ordering-2 .ord2-lyrics textarea{width:100%;height:104.25px;resize:none;box-sizing:border-box;border:2px solid #e6ddcf;border-radius:10px;background:#fff;padding:18px 48px;font:400 16px/28px Inter,Arial,sans-serif;color:#111;outline:none}
.mfs-ordering-2 .ord2-counter{position:absolute;right:14px;bottom:10px;font:400 12px/15px Inter,Arial,sans-serif;color:#81786e}
.mfs-ordering-2 .ord2-two-fields{display:grid;grid-template-columns:444px 444px;gap:22px;margin-bottom:31px}
.mfs-ordering-2 .ord2-two-fields .ord2-field{width:444px;margin:0}
.mfs-ordering-2 .ord2-reference p{margin-top:8px}
.mfs-ordering-2 .ord2-lyrics{height:165.25px;margin-bottom:28px}
.mfs-ordering-2 .ord2-lyrics textarea{height:104.25px;padding-right:135px}
.mfs-ordering-2 .ord2-lyrics-upload{position:absolute;right:14px;top:54px!important;margin:0!important;font:500 14px/17px Inter,Arial,sans-serif!important;color:#ca8338!important;cursor:pointer;display:flex!important;gap:7px;align-items:center}
.mfs-ordering-2 .ord2-lyrics-upload input{display:none}
.mfs-ordering-2 .ord2-lyrics p{margin-top:8px}
.mfs-ordering-2 .ord2-continue{width:910px;height:67px;border:0;border-radius:10px;background:linear-gradient(#e09b50,#c77d32);color:#fff;display:flex;align-items:center;justify-content:center;gap:16px;text-transform:uppercase;letter-spacing:.55px;font:600 21px/27px Inter,Arial,sans-serif;cursor:pointer;margin:0 0 32px}
.mfs-ordering-2 .ord2-continue span{font-size:27px;line-height:1}
.mfs-ordering-2 .ord2-secure{height:18px;display:flex;align-items:center;justify-content:center;gap:10px;font:400 14px/18px Inter,Arial,sans-serif;color:#333}
.mfs-ordering-2 .ord2-secure img{width:14px;height:14px}
.mfs-ordering-2 .ord2-aside{display:flex;flex-direction:column;gap:24px}
.mfs-ordering-2 .ord2-order-box{height:497px;padding:25px;background:#f7f3ef}
.mfs-ordering-2 .ord2-order-box .ord1-order-head a{color:#ca8338;font:600 14px/18px Inter,Arial,sans-serif;text-decoration:none;text-transform:none;letter-spacing:0}
.mfs-ordering-2 .ord2-order-box .ord1-order-included li{margin-bottom:9px}
@media(max-width:900px){
 .mfs-ordering-2 .ord2-shell{width:100%;padding:56px 24px 72px}.mfs-ordering-2 .ord2-layout{grid-template-columns:1fr}.mfs-ordering-2 .ord2-form,.mfs-ordering-2 .ord2-field,.mfs-ordering-2 .ord2-continue{width:100%}.mfs-ordering-2 .ord2-send-cards{grid-template-columns:1fr;height:auto}.mfs-ordering-2 .ord2-send-card{width:100%;height:350px}.mfs-ordering-2 .ord2-two-fields{grid-template-columns:1fr}.mfs-ordering-2 .ord2-two-fields .ord2-field{width:100%}.mfs-ordering-2 .ord2-aside{grid-row:1}
}

/* Ordering 2 V25.46 — match Figma Track Details section more closely. */
.mfs-ordering-2 .ord2-shell{padding-top:80px;padding-bottom:86px}
.mfs-ordering-2 .ord2-form-head{margin:0 0 44px}
.mfs-ordering-2 .ord2-form-head h2{margin:0;font:600 58px/64px "Poynter OldStyle Display",Georgia,serif;letter-spacing:-.475px;color:#111}
.mfs-ordering-2 .ord2-form-rule{display:block;width:70px;height:3px;border-radius:2px;background:#dc913c;margin:22px 0 22px}
.mfs-ordering-2 .ord2-form-head p{margin:0;font:400 24px/30px Inter,Arial,sans-serif;color:#17120e}
.mfs-ordering-2 .ord2-contact-grid{display:grid;grid-template-columns:444px 444px;gap:22px}
.mfs-ordering-2 .ord2-contact-grid .ord2-field{width:444px;margin-bottom:30px}
.mfs-ordering-2 .ord2-field label b{color:#d68b35;font:600 15px/1 Inter,Arial,sans-serif}
.mfs-ordering-2 .ord2-phone{margin-bottom:30px}
.mfs-ordering-2 .ord2-icon-field .ord2-input-icon{position:absolute;left:17px;top:48px;width:20px;height:20px;display:grid;place-items:center;z-index:2;color:#948a80;font:400 19px/1 Inter,Arial,sans-serif;pointer-events:none}
.mfs-ordering-2 .ord2-icon-field .ord2-input-icon img{width:18px;height:18px;opacity:.75;object-fit:contain}
.mfs-ordering-2 .ord2-icon-field>input{padding-left:48px}
.mfs-ordering-2 .ord2-note-icon{font-size:19px!important;color:#948a80!important}
.mfs-ordering-2 .ord2-artist{margin-bottom:35px}
.mfs-ordering-2 .ord2-song{margin-bottom:38px}

.mfs-ordering-2 .ord2-send-card>input[type=radio]{left:18px;right:auto;top:18px}
.mfs-ordering-2 .ord2-upload-card .ord2-send-icon{background:#050505;color:#fff;font-size:31px}
.mfs-ordering-2 .ord2-link-card .ord2-send-icon,.mfs-ordering-2 .ord2-later-card .ord2-send-icon{background:#f0dac3;color:#111}
.mfs-ordering-2 .ord2-choose-file{background:#050505;color:#fff}
.mfs-ordering-2 .ord2-dropzone{border-color:#ead8bd;background:transparent}
.mfs-ordering-2 .ord2-focus textarea,.mfs-ordering-2 .ord2-lyrics textarea{padding-left:48px}
.mfs-ordering-2 .ord2-two-fields .ord2-field>input{padding-left:48px}
.mfs-ordering-2 .ord2-two-fields .ord2-field{position:relative}
.mfs-ordering-2 .ord2-two-fields .ord2-field:before{position:absolute;left:17px;top:49px;color:#948a80;font:400 17px/1 Arial,sans-serif;z-index:2}
.mfs-ordering-2 .ord2-two-fields .ord2-field:first-child:before{content:"◇";transform:rotate(45deg)}
.mfs-ordering-2 .ord2-reference:before{content:"↗"!important;transform:none!important}
.mfs-ordering-2 .ord2-focus:before{content:"□";position:absolute;left:18px;top:55px;color:#948a80;font:400 15px/1 Arial,sans-serif;z-index:2}
.mfs-ordering-2 .ord2-lyrics:before{content:"▤";position:absolute;left:18px;top:57px;color:#948a80;font:400 17px/1 Arial,sans-serif;z-index:2}

.mfs-ordering-2 .ord2-order-box{height:auto;min-height:615px;padding:25px 25px 22px}
.mfs-ordering-2 .ord2-price{border-top:1px solid #e7ddd0;margin-top:18px;padding-top:18px;display:grid;grid-template-columns:1fr auto;align-items:end}
.mfs-ordering-2 .ord2-price strong{grid-column:1/3;text-transform:uppercase;letter-spacing:1.4px;font:700 14px/18px Inter,Arial,sans-serif;margin-bottom:4px}
.mfs-ordering-2 .ord2-price span{font:400 13px/18px Inter,Arial,sans-serif;color:#6f665e}
.mfs-ordering-2 .ord2-price b{font:600 30px/34px Inter,Arial,sans-serif;color:#111}

.mfs-ordering-2 .ord2-trust-row{width:910px;margin-top:46px;display:grid;grid-template-columns:444px 444px;gap:22px}
.mfs-ordering-2 .ord2-trust-card{height:126px;box-sizing:border-box;border:2px solid #e6ddcf;border-radius:15px;background:#f7f3ef;padding:26px 26px;display:flex;align-items:flex-start;gap:18px}
.mfs-ordering-2 .ord2-trust-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;margin-top:2px}
.mfs-ordering-2 .ord2-trust-icon img{width:26px;height:26px;object-fit:contain;filter:brightness(.25)}
.mfs-ordering-2 .ord2-shield{border:2px solid #111;border-radius:9px;font:700 15px/1 Inter,Arial,sans-serif;color:#111;box-sizing:border-box}
.mfs-ordering-2 .ord2-trust-card strong{display:block;font:600 16px/20px Inter,Arial,sans-serif;margin-bottom:6px}
.mfs-ordering-2 .ord2-trust-card p{margin:0;font:400 14px/20px Inter,Arial,sans-serif;color:#2e2925}

@media(max-width:900px){
 .mfs-ordering-2 .ord2-contact-grid,.mfs-ordering-2 .ord2-trust-row{grid-template-columns:1fr;width:100%}
 .mfs-ordering-2 .ord2-contact-grid .ord2-field,.mfs-ordering-2 .ord2-trust-row .ord2-trust-card{width:100%}
}

/* V25.47 — Ordering 2 visual refinement against Figma */
.mfs-ordering-2 .ord2-send-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mfs-ordering-2 .ord2-upload-card .ord2-send-icon svg{stroke:#fff}
.mfs-ordering-2 .ord2-link-card .ord2-send-icon svg,.mfs-ordering-2 .ord2-later-card .ord2-send-icon svg{width:25px;height:25px;stroke:#111}
.mfs-ordering-2 .ord2-focus:before{content:"▱";font-size:18px;transform:rotate(0deg)}
.mfs-ordering-2 .ord2-two-fields .ord2-field:first-child:before{content:"◇";font-size:18px;transform:rotate(45deg)}
.mfs-ordering-2 .ord2-reference:before{content:"ↄ"!important;font-size:20px;transform:rotate(-35deg)!important}
.mfs-ordering-2 .ord2-lyrics:before{content:"▤";font-size:17px}
.mfs-ordering-2 .ord2-order-box .ord1-order-icon{background:#f3d7b8}
.mfs-ordering-2 .ord1-help-box>img{width:24px;height:24px;opacity:.7}


/* V25.48 — Ordering 2 typography, field icons and right-column alignment */
.mfs-ordering-2 .ord2-field label,
.mfs-ordering-2 .ord2-send-method legend{
  font-family:Inter,Arial,sans-serif;
  font-size:20px;
  font-weight:600;
  line-height:18px;
  letter-spacing:0;
  color:#0e0e0e;
}
.mfs-ordering-2 .ord2-field label em{font-weight:400}
.mfs-ordering-2 .ord2-input-icon{top:45px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mfs-ordering-2 .ord2-input-icon img{display:block;width:18px!important;height:18px!important}
.mfs-ordering-2 .ord2-input-icon svg{display:block;width:18px;height:18px;fill:none;stroke:#98a2b3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mfs-ordering-2 .ord2-note-icon{top:45px!important}
.mfs-ordering-2 .ord2-note-icon svg{width:19px;height:19px;stroke:#948a80}

.mfs-ordering-2 .ord2-send-card small,
.mfs-ordering-2 .ord2-link-card small,
.mfs-ordering-2 .ord2-later-card small{
  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:18px;
  letter-spacing:0;
  color:#0e0e0e;
}
.mfs-ordering-2 .ord2-later-copy{font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0;color:#0e0e0e}

/* Figma: order summary begins level with the first Full Name / Email row, not with Track Details. */
.mfs-ordering-2 .ord2-aside{margin-top:205px}
.mfs-ordering-2 .ord2-order-box{min-height:0;height:auto;padding-bottom:25px}
.mfs-ordering-2 .ord2-order-box .ord1-order-included li{
  font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:400;line-height:28px;letter-spacing:0;color:#1a1a1a;margin-bottom:0
}
.mfs-ordering-2 .ord2-price strong{font-family:Inter,Arial,sans-serif}
.mfs-ordering-2 .ord2-price span{font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:400;line-height:28px;letter-spacing:0;color:#1a1a1a}
.mfs-ordering-2 .ord2-price b{font-family:"Poynter OldStyle Display",Georgia,serif;font-size:38px;font-weight:600;line-height:38px;letter-spacing:0;color:#14110d}

.mfs-ordering-2 .ord2-help-icon{width:26px;height:26px;flex:0 0 26px;margin-top:2px;display:grid;place-items:center}
.mfs-ordering-2 .ord2-help-icon svg{width:25px;height:25px;fill:none;stroke:#111;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:900px){.mfs-ordering-2 .ord2-aside{margin-top:0}}

/* V25.49 — Ordering 2 micro-alignment pass against the latest Opera/Figma comparison */
/* Input glyphs sit on the same visual baseline as their placeholder text. */
.mfs-ordering-2 .ord2-contact-grid .ord2-field:first-child .ord2-input-icon{top:48px!important}
.mfs-ordering-2 .ord2-contact-grid .ord2-field:nth-child(2) .ord2-input-icon{top:49px!important}
.mfs-ordering-2 .ord2-phone .ord2-input-icon,
.mfs-ordering-2 .ord2-artist .ord2-input-icon,
.mfs-ordering-2 .ord2-song .ord2-input-icon{top:48px!important}

/* Figma optional labels share the lower text baseline with the field heading. */
.mfs-ordering-2 .ord2-field label em{
  display:inline-block;
  vertical-align:baseline;
  transform:translateY(2px);
  line-height:17px;
}

/* Replace approximation characters with actual vector glyphs for Focus and Genre. */
.mfs-ordering-2 .ord2-focus:before,
.mfs-ordering-2 .ord2-genre:before{content:none!important}
.mfs-ordering-2 .ord2-field-glyph{
  position:absolute;
  left:17px;
  z-index:3;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  pointer-events:none;
  color:#948a80;
}
.mfs-ordering-2 .ord2-field-glyph svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mfs-ordering-2 .ord2-focus-glyph{top:53px}
.mfs-ordering-2 .ord2-genre-glyph{top:48px}

/* Order summary top aligns with the Full Name / Email Address label row in Figma. */
.mfs-ordering-2 .ord2-aside{margin-top:185px}

/* Figma What's Included auto-layout: 28px text rows with 10.5px vertical gap. */
.mfs-ordering-2 .ord2-order-box .ord1-order-included ul{
  display:flex;
  flex-direction:column;
  gap:10.5px;
}
.mfs-ordering-2 .ord2-order-box .ord1-order-included li{margin:0!important}

/* Narrower Figma-style headset proportions in Need Help. */
.mfs-ordering-2 .ord2-help-icon svg{width:24px;height:24px;stroke-width:1.7}

@media(max-width:900px){.mfs-ordering-2 .ord2-aside{margin-top:0}}

/* V25.50 — direct Opera/Figma comparison refinements */
.mfs-ordering-2 .ord2-phone .ord2-input-icon{top:50px!important}
.mfs-ordering-2 .ord2-artist .ord2-input-icon,.mfs-ordering-2 .ord2-song .ord2-input-icon{top:49px!important}
.mfs-ordering-2 .ord2-artist-icon svg,.mfs-ordering-2 .ord2-note-icon svg{width:18px;height:18px;stroke:#948a80;stroke-width:1.45}

/* Figma upload card: dashed drop area ends before the separate Choose File button. */
.mfs-ordering-2 .ord2-dropzone{width:236px;min-height:55px;height:55px;padding:17px 10px 10px;background:transparent}
.mfs-ordering-2 .ord2-choose-file{flex:0 0 auto;margin-top:8px}
.mfs-ordering-2 .ord2-upload-card small{margin-top:10px}

/* Private-link helper belongs directly below the URL input. */
.mfs-ordering-2 .ord2-link-card .ord2-private-link{margin:20px 0 7px}
.mfs-ordering-2 .ord2-link-card small{margin-top:0}
.mfs-ordering-2 .ord2-later-copy{margin:20px 0 9px;font:400 14px/18px Inter,Arial,sans-serif}

/* All optional captions share the exact heading baseline. */
.mfs-ordering-2 .ord2-field label em{vertical-align:baseline;transform:none!important;position:relative;top:0}

/* Actual vector glyphs and Figma-like inset for the four detail fields. */
.mfs-ordering-2 .ord2-reference:before,.mfs-ordering-2 .ord2-lyrics:before{content:none!important}
.mfs-ordering-2 .ord2-focus-glyph,.mfs-ordering-2 .ord2-genre-glyph,.mfs-ordering-2 .ord2-reference-glyph,.mfs-ordering-2 .ord2-lyrics-glyph{left:17px;top:49px}
.mfs-ordering-2 .ord2-focus textarea,.mfs-ordering-2 .ord2-lyrics textarea,.mfs-ordering-2 .ord2-two-fields .ord2-field>input{padding-left:48px}
.mfs-ordering-2 .ord2-reference-glyph svg,.mfs-ordering-2 .ord2-lyrics-glyph svg{width:17px;height:17px;stroke:#948a80;stroke-width:1.45}

/* Lyrics upload action sits at the lower-right of the textarea and uses the neutral Figma treatment. */
.mfs-ordering-2 .ord2-lyrics-upload{top:96px!important;right:14px!important;color:#111!important;font:500 14px/17px Inter,Arial,sans-serif!important;gap:6px!important}
.mfs-ordering-2 .ord2-upload-file-icon{width:16px;height:16px;display:grid;place-items:center}
.mfs-ordering-2 .ord2-upload-file-icon svg{width:16px;height:16px;fill:none;stroke:#111;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* Raise summary to the Full Name / Email label line. */
.mfs-ordering-2 .ord2-aside{margin-top:175px}

/* Price typography from Figma. */
.mfs-ordering-2 .ord2-price strong{font:700 14px/18px Inter,Arial,sans-serif;letter-spacing:1.4px;color:#14110d}
.mfs-ordering-2 .ord2-price span{font:400 16px/28px Inter,Arial,sans-serif;color:#1a1a1a}
.mfs-ordering-2 .ord2-price b{font:600 38px/38px "Poynter OldStyle Display",Georgia,serif;color:#14110d}

/* Narrower headset silhouette. */
.mfs-ordering-2 .ord2-help-icon svg{width:23px;height:23px;stroke-width:1.55}
@media(max-width:900px){.mfs-ordering-2 .ord2-aside{margin-top:0}}

/* V25.51 — direct Figma icon/spacing refinement */
.mfs-ordering-2 .ord2-input-icon svg,
.mfs-ordering-2 .ord2-artist-icon svg,
.mfs-ordering-2 .ord2-note-icon svg{stroke:#766f68!important;stroke-width:1.85!important;opacity:1!important}
.mfs-ordering-2 .ord2-phone .ord2-input-icon{top:51px!important}
.mfs-ordering-2 .ord2-artist .ord2-input-icon,.mfs-ordering-2 .ord2-song .ord2-input-icon{top:49px!important}
.mfs-ordering-2 .ord2-dropzone{width:236px!important;height:55px!important;min-height:55px!important;padding:17px 10px 10px!important;box-sizing:border-box!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;text-align:center!important}
.mfs-ordering-2 .ord2-private-link{background:transparent!important}
.mfs-ordering-2 .ord2-later-copy{font-family:Inter,Arial,sans-serif!important;font-size:13.5px!important;font-weight:400!important;line-height:20.3px!important;letter-spacing:0!important;color:#5c544a!important;margin:18px 0 8px!important}
.mfs-ordering-2 .ord2-field label em{top:0!important;vertical-align:baseline!important}
.mfs-ordering-2 .ord2-field-glyph svg{stroke:#746d66!important;stroke-width:1.75!important;opacity:1!important}
.mfs-ordering-2 .ord2-aside{margin-top:168px!important}
.mfs-ordering-2 .ord1-order-head a{position:relative;left:-8px}
.mfs-ordering-2 .ord1-order-icon img{width:24px!important;height:24px!important;object-fit:contain!important;filter:none!important;opacity:1!important}
@media(max-width:900px){.mfs-ordering-2 .ord2-aside{margin-top:0!important}}

/* V25.52 — final direct Figma comparison refinements */
/* Darker, clearer input glyphs like the Figma originals. */
.mfs-ordering-2 .ord2-input-icon svg,.mfs-ordering-2 .ord2-artist-icon svg,.mfs-ordering-2 .ord2-note-icon svg{stroke:#5f5851!important;stroke-width:2!important;opacity:1!important}
.mfs-ordering-2 .ord2-phone .ord2-input-icon svg{width:17px!important;height:17px!important}
.mfs-ordering-2 .ord2-genre-glyph{top:50px!important}

/* Upload drop area: Figma-sized inner box with centred upload icon/text. */
.mfs-ordering-2 .ord2-dropzone{width:236px!important;height:55px!important;min-height:55px!important;padding:8px 10px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-align:center!important}
.mfs-ordering-2 .ord2-link-card .ord2-private-link{margin:12px 0 7px!important;background:transparent!important}
.mfs-ordering-2 .ord2-later-copy{margin:12px 0 7px!important;font:400 13.5px/20.3px Inter,Arial,sans-serif!important;color:#5c544a!important}

/* Detail glyph weight/position. */
.mfs-ordering-2 .ord2-field-glyph svg{stroke:#5f5851!important;stroke-width:1.9!important;opacity:1!important}
.mfs-ordering-2 .ord2-focus-glyph,.mfs-ordering-2 .ord2-reference-glyph,.mfs-ordering-2 .ord2-lyrics-glyph{top:49px!important}

/* Lyrics upload action follows Figma lower-right inset. */
.mfs-ordering-2 .ord2-lyrics-upload{right:15px!important;top:96px!important}

/* Figma spacing below CTA/security and before trust cards. */
.mfs-ordering-2 .ord2-secure{margin-top:20px!important}
.mfs-ordering-2 .ord2-trust-row{margin-top:36px!important}
.mfs-ordering-2 .ord2-trust-card{padding:26px!important;gap:18px!important}
.mfs-ordering-2 .ord2-trust-icon svg{width:27px;height:27px;fill:none;stroke:#5f5851;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Restore the summary to the Figma vertical position (V25.50 was closer). */
.mfs-ordering-2 .ord2-aside{margin-top:175px!important}

/* Price block: pull payment label and $59 upward and tighten their relationship. */
.mfs-ordering-2 .ord2-price{padding-top:14px!important}
.mfs-ordering-2 .ord2-price strong{margin-bottom:0!important}
.mfs-ordering-2 .ord2-price span{font:400 16px/28px Inter,Arial,sans-serif!important;color:#1a1a1a!important;align-self:center!important;position:relative;top:-4px}
.mfs-ordering-2 .ord2-price b{font:600 38px/38px "Poynter OldStyle Display",Georgia,serif!important;color:#14110d!important;position:relative;top:-5px}
@media(max-width:900px){.mfs-ordering-2 .ord2-aside{margin-top:0!important}}

/* Ordering 2 — unified Figma-style icon pass */
.mfs-ordering-2 .ord2-input-icon img{width:18px!important;height:18px!important;opacity:1!important;filter:none!important;object-fit:contain!important}
.mfs-ordering-2 .ord2-send-icon img{width:26px;height:26px;display:block;object-fit:contain;filter:none;opacity:1}
.mfs-ordering-2 .ord2-upload-card .ord2-send-icon img{filter:brightness(0) invert(1)}
.mfs-ordering-2 .ord2-field-glyph img{width:18px;height:18px;display:block;object-fit:contain;filter:none;opacity:1}
.mfs-ordering-2 .ord2-upload-file-icon img{width:16px;height:16px;display:block;object-fit:contain;filter:none;opacity:1}
.mfs-ordering-2 .ord2-help-icon img{width:26px;height:26px;display:block;object-fit:contain;filter:none;opacity:1}
.mfs-ordering-2 .ord2-trust-icon img{width:26px!important;height:26px!important;display:block;object-fit:contain;filter:none!important;opacity:1!important}
.mfs-ordering-2 .ord1-order-icon img{width:24px!important;height:24px!important;display:block;object-fit:contain;filter:none!important;opacity:1!important}
\n\n/* V25.54 — final 100% Opera/Figma comparison pass */
/* Right order summary: Figma top is ~10px above the Full Name label; V25.53 sat too high. */
.mfs-ordering-2 .ord2-aside{margin-top:193px!important}
@media(max-width:900px){.mfs-ordering-2 .ord2-aside{margin-top:0!important}}

/* Figma price footer: small 13px secondary caption directly under PRICE. */
.mfs-ordering-2 .ord2-price{padding-top:19px!important}
.mfs-ordering-2 .ord2-price strong{margin-bottom:4px!important}
.mfs-ordering-2 .ord2-price span{font:400 13px/normal Inter,Arial,sans-serif!important;color:#5c544a!important;align-self:end!important;position:static!important}
.mfs-ordering-2 .ord2-price b{font:600 38px/38px "Poynter OldStyle Display",Georgia,serif!important;position:static!important}

/* Use one SVG check asset everywhere in What's Included instead of a font checkmark. */
.mfs-ordering-2 .ord2-order-box .ord1-order-included li{padding-left:27px!important}
.mfs-ordering-2 .ord2-order-box .ord1-order-included li:before{content:""!important;position:absolute!important;left:0!important;top:6px!important;width:16px!important;height:16px!important;background:url("assets/ordering2-icons/check.svg") center/16px 16px no-repeat!important}

/* Optional captions in Figma sit a hair higher than V25.53. */
.mfs-ordering-2 .ord2-field label em{position:relative!important;top:-1px!important}

/* Preserve the actual icon files at their native Figma sizes; no CSS stroke recreation. */
.mfs-ordering-2 .ord2-field-glyph img{width:18px!important;height:18px!important;display:block!important;object-fit:contain!important;filter:none!important;opacity:1!important}
.mfs-ordering-2 .ord2-focus-glyph,.mfs-ordering-2 .ord2-reference-glyph,.mfs-ordering-2 .ord2-lyrics-glyph{top:49px!important}
.mfs-ordering-2 .ord2-genre-glyph{top:50px!important}

/* Continue button uses the same vector arrow treatment as Ordering Step 1/Figma. */
.mfs-ordering-2 .ord2-continue{gap:12px!important;margin-bottom:32px!important}
.mfs-ordering-2 .ord2-continue-arrow{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;font-size:0!important}
.mfs-ordering-2 .ord2-continue-arrow img{display:block!important;width:24px!important;height:24px!important;object-fit:contain!important}

/* Figma spacing: ~32px button→secure line, then 36px secure line→support cards. */
.mfs-ordering-2 .ord2-secure{margin-top:0!important}
.mfs-ordering-2 .ord2-secure img{width:14px!important;height:14px!important;object-fit:contain!important}
.mfs-ordering-2 .ord2-trust-row{margin-top:36px!important}

/* Figma support cards: 24px inset and 14px icon/text gap. */
.mfs-ordering-2 .ord2-trust-card{padding:24px!important;gap:14px!important}
.mfs-ordering-2 .ord2-trust-icon img{width:26px!important;height:26px!important}

/* V25.55 — Figma 100% detail pass */
/* Contact icon optical alignment */
.mfs-ordering-2 .ord2-contact-grid .ord2-field:nth-child(2) .ord2-input-icon{top:51px!important}
.mfs-ordering-2 .ord2-phone .ord2-input-icon{top:51px!important}
.mfs-ordering-2 .ord2-artist .ord2-input-icon,.mfs-ordering-2 .ord2-song .ord2-input-icon{top:50px!important}

/* Send-method cards: match Figma vertical rhythm */
.mfs-ordering-2 .ord2-send-card{height:380px!important;box-sizing:border-box!important;padding-top:26px!important}
.mfs-ordering-2 .ord2-send-card>.ord2-send-icon{margin:0 auto 16px!important;width:62px!important;height:62px!important}
.mfs-ordering-2 .ord2-send-card>strong{font:700 16px/19px Inter,Arial,sans-serif!important;margin:0!important}
.mfs-ordering-2 .ord2-upload-card .ord2-send-sub{font:400 14px/18px Inter,Arial,sans-serif!important;color:#0e0e0e!important;margin:0!important;position:absolute!important;top:127px!important;left:0!important;width:100%!important;text-align:center!important}
.mfs-ordering-2 .ord2-upload-card .ord2-dropzone{position:absolute!important;top:155px!important;left:27px!important;width:236px!important;height:52px!important;min-height:52px!important;margin:0!important;padding:16px!important;gap:10px!important;font:400 13px/18.2px Inter,Arial,sans-serif!important}
.mfs-ordering-2 .ord2-upload-card .ord2-dropzone:before{width:20px!important;height:20px!important;flex-basis:20px!important;background-size:20px 20px!important}
.mfs-ordering-2 .ord2-upload-card .ord2-choose-file{position:absolute!important;top:231px!important;left:83px!important;margin:0!important;height:38px!important;padding:11px 22px!important;box-sizing:border-box!important;font:700 13.5px/16px Inter,Arial,sans-serif!important}
.mfs-ordering-2 .ord2-upload-card>small{position:absolute!important;top:283px!important;left:44px!important;width:203px!important;margin:0!important;font:400 14px/18px Inter,Arial,sans-serif!important;color:#0e0e0e!important;text-align:center!important}
.mfs-ordering-2 .ord2-link-card>strong,.mfs-ordering-2 .ord2-later-card>strong{margin-top:0!important}
.mfs-ordering-2 .ord2-link-card .ord2-private-link{position:absolute!important;top:135px!important;left:24px!important;width:245px!important;height:42px!important;margin:6px 0 0!important;padding:13px 15px!important;box-sizing:border-box!important;font:400 13px/16px Inter,Arial,sans-serif!important}
.mfs-ordering-2 .ord2-link-card>small{position:absolute!important;top:195px!important;left:21px!important;width:250px!important;margin:0!important;font:400 14px/18px Inter,Arial,sans-serif!important;color:#0e0e0e!important;text-align:center!important}
.mfs-ordering-2 .ord2-later-copy{position:absolute!important;top:135px!important;left:25px!important;width:242px!important;margin:0!important;font:400 13.5px/20.25px Inter,Arial,sans-serif!important;color:#5c544a!important;text-align:center!important}
.mfs-ordering-2 .ord2-later-card>small{position:absolute!important;top:196px!important;left:25px!important;width:242px!important;margin:0!important;font:400 14px/18px Inter,Arial,sans-serif!important;color:#0e0e0e!important;text-align:center!important}

/* Optional labels: Figma baseline */
.mfs-ordering-2 .ord2-field label em{position:relative!important;top:1px!important;font:400 14px/19px Inter,Arial,sans-serif!important}

/* Figma field icon positions */
.mfs-ordering-2 .ord2-focus-glyph,.mfs-ordering-2 .ord2-reference-glyph,.mfs-ordering-2 .ord2-lyrics-glyph{top:50px!important}
.mfs-ordering-2 .ord2-genre-glyph{top:51px!important}

/* Order summary Figma alignment */
.mfs-ordering-2 .ord2-aside{margin-top:193px!important}
.mfs-ordering-2 .ord2-price{padding-top:14px!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;align-items:end!important}
.mfs-ordering-2 .ord2-price strong{grid-column:1/3!important;margin:0 0 1px!important;font:700 14px/18px Inter,Arial,sans-serif!important;letter-spacing:1.4px!important}
.mfs-ordering-2 .ord2-price span{grid-column:1!important;grid-row:2!important;align-self:end!important;margin:0 0 4px!important;font:400 13px/16px Inter,Arial,sans-serif!important;color:#5c544a!important}
.mfs-ordering-2 .ord2-price b{grid-column:2!important;grid-row:2!important;align-self:end!important;margin:0!important;position:relative!important;top:-4px!important;font:600 38px/38px "Poynter OldStyle Display",Georgia,serif!important}
@media(max-width:900px){.mfs-ordering-2 .ord2-aside{margin-top:0!important}}

/* === V25.56 exact-source icon/spacing pass === */
/* Disable legacy pseudo-glyphs so only the actual icon asset is rendered. */
.mfs-ordering-2 .ord2-focus:before,
.mfs-ordering-2 .ord2-two-fields .ord2-field:before,
.mfs-ordering-2 .ord2-lyrics:before{content:none!important;display:none!important}

/* Figma input icon placement */
.mfs-ordering-2 .ord2-contact-grid .ord2-field:nth-child(2) .ord2-input-icon{top:52px!important}
.mfs-ordering-2 .ord2-phone .ord2-input-icon{top:50px!important}
.mfs-ordering-2 .ord2-artist .ord2-input-icon{top:50px!important}
.mfs-ordering-2 .ord2-song .ord2-input-icon{top:50px!important}
.mfs-ordering-2 .ord2-input-icon img{opacity:1!important;filter:none!important}

/* Send-method cards: Figma dimensions and vertical rhythm */
.mfs-ordering-2 .ord2-upload-card .ord2-send-sub{top:126.625px!important;font:400 14px/18px Inter,Arial,sans-serif!important}
.mfs-ordering-2 .ord2-upload-card .ord2-dropzone{top:169.25px!important;left:26.7px!important;width:236px!important;height:52px!important;min-height:52px!important;padding:14px!important;box-sizing:border-box!important;gap:10px!important;white-space:nowrap!important}
.mfs-ordering-2 .ord2-upload-card .ord2-dropzone span{white-space:nowrap!important;font:400 13px/18.2px Inter,Arial,sans-serif!important}
.mfs-ordering-2 .ord2-upload-card .ord2-dropzone:before{width:20px!important;height:20px!important;flex:0 0 20px!important}
.mfs-ordering-2 .ord2-upload-card .ord2-choose-file{top:231.25px!important}
.mfs-ordering-2 .ord2-upload-card>small{top:282.625px!important}
.mfs-ordering-2 .ord2-link-card .ord2-private-link{top:133px!important;margin:6px 0 0!important;background:#f7f3ef!important}
.mfs-ordering-2 .ord2-link-card>small{top:193px!important}
.mfs-ordering-2 .ord2-later-copy{top:135px!important}
.mfs-ordering-2 .ord2-later-card>small{top:195.625px!important}

/* Optional labels baseline like Figma */
.mfs-ordering-2 .ord2-field label em{top:1px!important;font:400 14px/19px Inter,Arial,sans-serif!important}
.mfs-ordering-2 .ord2-focus-glyph,.mfs-ordering-2 .ord2-reference-glyph,.mfs-ordering-2 .ord2-lyrics-glyph{top:50px!important}
.mfs-ordering-2 .ord2-genre-glyph{top:51px!important}

/* Secure line uses the orange Figma lock, not a black filtered glyph. */
.mfs-ordering-2 .ord2-secure img{filter:none!important;opacity:1!important}

/* Trust-card icons: remove the extra CSS frame around the Figma shield. */
.mfs-ordering-2 .ord2-shield{border:0!important;border-radius:0!important}
.mfs-ordering-2 .ord2-trust-icon img{filter:none!important;opacity:1!important}

/* Price block: tighter Price/One-time spacing and lift amount to the Figma baseline. */
.mfs-ordering-2 .ord2-price{padding-top:19px!important;align-items:end!important}
.mfs-ordering-2 .ord2-price strong{margin:0!important}
.mfs-ordering-2 .ord2-price span{margin:2px 0 0!important;position:relative!important;top:-1px!important;font:400 13px/17px Inter,Arial,sans-serif!important;color:#5c544a!important}
.mfs-ordering-2 .ord2-price b{position:relative!important;top:-7px!important}

/* === V25.57 — exact Figma node SVGs, no approximated glyphs === */
.mfs-ordering-2 .ord2-input-icon img,
.mfs-ordering-2 .ord2-field-glyph img,
.mfs-ordering-2 .ord2-send-icon img,
.mfs-ordering-2 .ord2-secure img,
.mfs-ordering-2 .ord2-trust-icon img,
.mfs-ordering-2 .ord1-order-icon img,
.mfs-ordering-2 .ord2-continue-arrow img,
.mfs-ordering-2 .ord2-upload-file-icon img{filter:none!important;opacity:1!important;transform:none!important}

/* exact exported 18px Figma form icons */
.mfs-ordering-2 .ord2-input-icon{width:18px!important;height:18px!important}
.mfs-ordering-2 .ord2-input-icon img{width:18px!important;height:18px!important}
.mfs-ordering-2 .ord2-field-glyph{width:18px!important;height:18px!important}
.mfs-ordering-2 .ord2-field-glyph img{width:18px!important;height:18px!important}

/* remove every legacy generated upload glyph; use node 1:8648 directly */
.mfs-ordering-2 .ord2-dropzone:before{content:none!important;display:none!important;background:none!important}
.mfs-ordering-2 .ord2-dropzone>img{display:block!important;width:20px!important;height:20px!important;flex:0 0 20px!important;object-fit:contain!important}
.mfs-ordering-2 .ord2-upload-card .ord2-dropzone{top:169.25px!important;left:26.7px!important;padding:16px!important;gap:10px!important;align-items:center!important;justify-content:center!important;flex-direction:row!important}

/* exact Figma card input/text coordinates */
.mfs-ordering-2 .ord2-link-card .ord2-private-link{top:141px!important;left:24px!important;margin:0!important;width:244.6667px!important;height:42px!important;padding:13px 15px!important;background:#f7f3ef!important}
.mfs-ordering-2 .ord2-link-card>small{top:195px!important}
.mfs-ordering-2 .ord2-later-copy{top:135px!important}
.mfs-ordering-2 .ord2-later-card>small{top:195.625px!important}

/* exact Figma upload-file mini icon is 16px, not the 26px card upload glyph */
.mfs-ordering-2 .ord2-upload-file-icon img{width:16px!important;height:16px!important;display:block!important}

/* exact Figma optional baseline */
.mfs-ordering-2 .ord2-field label em{top:1px!important}

/* exact Figma order-price typography/spacing: Price then 4px to one-time row; $59 lifted to same baseline */
.mfs-ordering-2 .ord2-price{padding-top:19px!important}
.mfs-ordering-2 .ord2-price strong{margin:0 0 4px!important;font:700 14px/18px Inter,Arial,sans-serif!important;letter-spacing:1.56px!important}
.mfs-ordering-2 .ord2-price span{margin:0!important;top:0!important;font:400 13px/normal Inter,Arial,sans-serif!important;color:#5c544a!important}
.mfs-ordering-2 .ord2-price b{top:-4px!important;font:600 38px/38px "Poynter OldStyle Display",Georgia,serif!important}

/* === V25.58 — Opera 100% vs Figma 100% visual alignment === */
/* Selected send method in Figma has an orange outline/radio only — no glow. */
.mfs-ordering-2 .ord2-send-card.is-selected{box-shadow:none!important}

/* Upload card: reproduce Figma's two-line subtitle and resulting vertical rhythm. */
.mfs-ordering-2 .ord2-upload-card .ord2-send-sub{
  top:126px!important;left:50%!important;width:180px!important;
  transform:translateX(-50%)!important;white-space:normal!important;
  font:400 14px/18px Inter,Arial,sans-serif!important;text-align:center!important
}
.mfs-ordering-2 .ord2-upload-card .ord2-dropzone{top:169px!important}
.mfs-ordering-2 .ord2-upload-card .ord2-choose-file{top:231px!important}
.mfs-ordering-2 .ord2-upload-card>small{top:283px!important}

/* Match the exact two-line text wrapping visible in the Figma cards. */
.mfs-ordering-2 .ord2-link-card>small{
  top:195px!important;left:16px!important;width:260px!important;
  font:400 13px/17.5px Inter,Arial,sans-serif!important
}
.mfs-ordering-2 .ord2-later-copy{
  top:135px!important;left:16px!important;width:260px!important;
  font:400 13px/20px Inter,Arial,sans-serif!important
}
.mfs-ordering-2 .ord2-later-card>small{top:195px!important;left:16px!important;width:260px!important;font:400 13px/18px Inter,Arial,sans-serif!important}

/* Exact Figma optical placement of the four 18px field icons. */
.mfs-ordering-2 .ord2-focus-glyph{left:17px!important;top:50px!important}
.mfs-ordering-2 .ord2-genre-glyph{left:17px!important;top:51px!important}
.mfs-ordering-2 .ord2-reference-glyph{left:17px!important;top:50px!important}
.mfs-ordering-2 .ord2-lyrics-glyph{left:17px!important;top:50px!important}

/* Lyrics upload control sits lower in the Figma textarea. */
.mfs-ordering-2 .ord2-lyrics-upload{top:100px!important;right:15px!important}

/* Figma: Price and One-time payment are a compact stack; $59 shares that block vertically. */
.mfs-ordering-2 .ord2-price{
  position:relative!important;display:block!important;height:58px!important;
  padding-top:0!important;margin-top:0!important
}
.mfs-ordering-2 .ord2-price strong{
  position:absolute!important;left:0!important;top:0!important;margin:0!important;
  font:700 14px/18px Inter,Arial,sans-serif!important;letter-spacing:1.56px!important
}
.mfs-ordering-2 .ord2-price span{
  position:absolute!important;left:0!important;top:22px!important;margin:0!important;
  font:400 13px/16px Inter,Arial,sans-serif!important;color:#5c544a!important
}
.mfs-ordering-2 .ord2-price b{
  position:absolute!important;right:0!important;top:2px!important;margin:0!important;
  font:600 38px/38px "Poynter OldStyle Display",Georgia,serif!important
}

/* === V25.59 — final micro-alignment from Opera/Figma 100% comparison === */
/* Full Name glyph: 1px lower. */
.mfs-ordering-2 .ord2-contact-grid .ord2-field:first-child .ord2-input-icon{top:49px!important}

/* Four lower form glyphs: optical baseline corrections. */
.mfs-ordering-2 .ord2-focus-glyph{top:52px!important}
.mfs-ordering-2 .ord2-genre-glyph{top:52px!important}
.mfs-ordering-2 .ord2-reference-glyph{top:51px!important}
.mfs-ordering-2 .ord2-lyrics-glyph{top:53px!important}

/* Order summary footer: restore the Figma breathing room on both sides of the divider. */
.mfs-ordering-2 .ord2-price{
  margin-top:26px!important;
  height:76px!important;
}
.mfs-ordering-2 .ord2-price strong{top:18px!important}
.mfs-ordering-2 .ord2-price span{top:40px!important}
.mfs-ordering-2 .ord2-price b{top:20px!important}

/* === V25.60 — final Figma micro-spacing pass === */
/* Lower the four detail-field glyphs to the optical baselines from the latest 100% comparison. */
.mfs-ordering-2 .ord2-focus-glyph{top:54px!important}
.mfs-ordering-2 .ord2-genre-glyph{top:53px!important}
.mfs-ordering-2 .ord2-reference-glyph{top:52px!important}
.mfs-ordering-2 .ord2-lyrics-glyph{top:55px!important}

/* Optional captions: align their lower edge with each field heading. */
.mfs-ordering-2 .ord2-focus>label em{top:0!important}
.mfs-ordering-2 .ord2-genre>label em{top:0!important}
.mfs-ordering-2 .ord2-reference>label em{top:0!important}
.mfs-ordering-2 .ord2-lyrics>label em{top:0!important}

/* Lyrics upload: exact Figma typography supplied by the design and 3px higher. */
.mfs-ordering-2 .ord2-lyrics-upload{
  top:97px!important;right:15px!important;
  color:#2a2520!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:14px!important;font-weight:600!important;line-height:normal!important;letter-spacing:0!important
}

/* Order summary: reduce excess space after Delivered in 24–72 hours and below the price row. */
.mfs-ordering-2 .ord2-price{
  margin-top:20px!important;
  height:62px!important;
}
.mfs-ordering-2 .ord2-price strong{top:14px!important}
.mfs-ordering-2 .ord2-price span{top:36px!important}
.mfs-ordering-2 .ord2-price b{top:16px!important}

/* === V25.61 — final Ordering 2 reference-component pass === */
/* Lyrics: move the complete upload control (icon + label) 3px down from V25.60. */
.mfs-ordering-2 .ord2-lyrics-upload{top:100px!important}

/* Your Order: keep the V25.60 Figma spacing above PRICE, but remove the excess
   empty space below the payment row so this card can be reused unchanged. */
.mfs-ordering-2 .ord2-price{height:54px!important}

/* === V25.62 — requested single change only === */
/* Lyrics: move Upload a file control (icon + label) exactly 3px down. */
.mfs-ordering-2 .ord2-lyrics-upload{top:103px!important}

/* === V25.63 — requested Figma corrections only === */
/* Full Name: align the bottom of the 18px person glyph with the text optical baseline. */
.mfs-ordering-2 .ord2-contact-grid .ord2-field:first-child .ord2-input-icon{top:51px!important}

/* Send-method radio selectors: Figma ring + dark centre dot for selected; clean thin ring when idle. */
.mfs-ordering-2 .ord2-send-card>input[type=radio]{
  width:20px!important;height:20px!important;border:2px solid #c7b59f!important;
  border-radius:50%!important;background:#fff!important;box-shadow:none!important;
}
.mfs-ordering-2 .ord2-send-card>input[type=radio]:checked{
  border:2px solid #d98d36!important;
  background:radial-gradient(circle at center,#2a2520 0 3px,#fff 3.5px 100%)!important;
}

/* Lyrics: force the whole Upload a file control 3px lower visually. */
.mfs-ordering-2 .ord2-lyrics-upload{transform:translateY(3px)!important}

/* Figma: secure line sits about 24px below the CTA; keep the approved 36px to trust cards. */
.mfs-ordering-2 .ord2-continue{margin-bottom:24px!important}
.mfs-ordering-2 .ord2-secure{margin-top:0!important}
.mfs-ordering-2 .ord2-trust-row{margin-top:36px!important}

/* === V25.64 — two requested final corrections only === */
/* Your Order: raise ONLY the lower border of the card by 2px. */
.mfs-ordering-2 .ord2-order-box{padding-bottom:23px!important}

/* Lyrics: place the whole Upload a file control 1px lower than V25.63. */
.mfs-ordering-2 .ord2-lyrics-upload{transform:translateY(4px)!important}

/* ===== Ordering 3 / Review Your Order — V25.65 ===== */
.mfs-ordering-3 .ord3-hero .ord1-hero-copy{top:44px}
.mfs-ordering-3 .ord3-hero .ord1-hero-copy h1{font-size:80px;line-height:84px;letter-spacing:-.4754px}
.mfs-ordering-3 .ord3-hero .ord1-hero-copy p{width:547px;font-size:24px;line-height:40px}
.ord3-main{background:#f6f1ee;color:#0e0e0e}.ord3-shell{padding:80px 80px 86px}.ord3-title{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:38px}.ord3-title h2{margin:0;font-family:'Poynter OldStyle Display','Times New Roman',serif;font-size:58px;line-height:64px;font-weight:600;letter-spacing:-.4754px}.ord3-title>span{display:block;width:60px;height:3px;border-radius:2px;background:#d28b3f}.ord3-title p{margin:0;font:400 24px/30px Inter,sans-serif}.ord3-layout{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:32px;align-items:start}.ord3-left{display:flex;flex-direction:column;gap:40px}.ord3-box{border:2px solid #e6ddcf;border-radius:12px;padding:24px;background:#f7f3ef}.ord3-box-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.ord3-box-head h3{margin:0;font-family:'Poynter OldStyle Display','Times New Roman',serif;font-size:28px;line-height:24px;font-weight:600;color:#111827}.ord3-box-head a{font:500 14px/20px Inter,sans-serif;color:#f26b1f;text-decoration:none}.ord3-product{border:2px solid #e6ddcf;border-radius:12px;padding:22px;display:flex;align-items:center;background:#f7f3ef;box-shadow:0 1px 1px rgba(0,0,0,.05)}.ord3-product-icon{width:50px;text-align:center;font-size:28px}.ord3-product-copy{padding-left:16px;flex:1}.ord3-product-copy>div{display:flex;align-items:center;gap:8px}.ord3-product-copy strong{font:400 18px/28px Inter,sans-serif}.ord3-product-copy b{font:500 10px/13.5px Inter,sans-serif;text-transform:uppercase;background:#ca8338;color:#fff;border-radius:4px;padding:4px 10px}.ord3-product-copy p{margin:6px 0 0;font:400 16px/20px Inter,sans-serif;color:#4b5563}.ord3-product-price{font-family:'Poynter OldStyle Display','Times New Roman',serif;font-size:38px;line-height:38px}.ord3-info{display:flex;flex-direction:column;gap:16px}.ord3-info>div{display:grid;grid-template-columns:280px 1fr;align-items:center;font:400 16px/28px Inter,sans-serif}.ord3-info b{font-weight:400}.ord3-upload-later{margin-top:24px;padding:25px 21px 21px;border:1px solid #e6ddcf;border-radius:12px;background:#f8e8d8}.ord3-upload-later small{font:700 12px/normal Inter,sans-serif;letter-spacing:1px}.ord3-upload-later>div{display:flex;align-items:center;margin-top:12px}.ord3-upload-later i{display:flex;width:44px;height:44px;border-radius:50%;background:#f4d9bd;align-items:center;justify-content:center;font-style:normal;font-size:20px}.ord3-upload-later p{margin:0 0 0 16px}.ord3-upload-later strong,.ord3-upload-later span{display:block;font:400 16px/20px Inter,sans-serif}.ord3-upload-later span{font-size:14px;color:#333;margin-top:3px}.ord3-payment{padding-top:0}.ord3-payment-title{margin-bottom:24px}.ord3-pay-labels{display:grid;grid-template-columns:459px 435px;gap:16px;margin-bottom:8px;font:700 20px/normal Inter,sans-serif}.ord3-pay-labels strong:nth-child(2){padding-left:0}.ord3-pay-labels em{font-style:normal;font-weight:400}.ord3-pay-cards{display:grid;grid-template-columns:459px 435px;gap:16px}.ord3-pay-card{height:218px;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:12px;background:rgba(255,255,255,.8);padding:22px;position:relative;cursor:pointer;font-family:Inter,sans-serif}.ord3-pay-card.is-selected{border:2px solid #ca8338;background:#fff;box-shadow:0 0 7.5px rgba(239,89,18,.05)}.ord3-pay-card>input{position:absolute;opacity:0}.ord3-radio{position:absolute;left:22px;top:22px;width:18px;height:18px;border:1px solid #9ca3af;border-radius:50%;background:#fff}.is-selected .ord3-radio{border:2px solid #ca8338}.is-selected .ord3-radio:after{content:'';position:absolute;inset:3px;border-radius:50%;background:#ca8338}.ord3-mono{position:absolute;left:48px;top:15px;width:162px;height:48px;object-fit:contain}.ord3-paypal{position:absolute;left:52px;top:20px;width:88px;height:31px;object-fit:contain}.ord3-recommended{position:absolute;right:17px;top:18px;background:#ca8338;color:#fff;border-radius:5px;padding:3px 9px;font:400 10.5px/15px Inter,sans-serif;letter-spacing:.26px}.ord3-pay-card p{margin:48px 0 0 35px;font:400 14px/18px Inter,sans-serif;color:#4b5563}.ord3-cardnames{margin:13px 0 0 35px;font:700 15px/32px Inter,sans-serif;white-space:nowrap}.ord3-pay-card small{display:block;margin:12px 0 0 35px;font:400 14px/normal Inter,sans-serif;color:#6b7280;line-height:20px}.ord3-continue{margin-top:29px;width:100%;border:0;border-radius:10px;padding:20px;background:linear-gradient(#de984b,#c47d32);color:#fff;font:600 24px/normal Inter,sans-serif;text-transform:uppercase;cursor:pointer}.ord3-continue span{margin-left:8px}.ord3-next{text-align:center;margin:24px 0 0;font:400 14px/18px Inter,sans-serif}.ord3-trust{display:grid;grid-template-columns:442px 442px;gap:24px}.ord3-trust>div{border:2px solid #e6ddcf;border-radius:16px;padding:24px;background:#f7f3ef}.ord3-trust strong{font:700 16px/normal Inter,sans-serif}.ord3-trust p{margin:6px 0 0;font:400 14px/18px Inter,sans-serif}.ord3-aside{display:flex;flex-direction:column;gap:16px}.ord3-discount h4{margin:0 0 12px;font:600 20px/30px Inter,sans-serif}.ord3-discount>div{display:flex;gap:12px}.ord3-discount input{min-width:0;flex:1;height:60px;box-sizing:border-box;border:2px solid #e6ddcf;border-radius:10px;padding:16px 18px;background:#fff;font:400 16px/28px Inter,sans-serif}.ord3-discount button{width:105px;height:60px;border:0;border-radius:10px;background:linear-gradient(#de984b,#c47d32);color:#fff;text-transform:uppercase;font:600 20px Inter,sans-serif}.mfs-ordering-3 .ord2-order-box{height:422px}.mfs-ordering-3 .ord1-order-included li{font-size:16px;line-height:28px}
@media(max-width:900px){.ord3-shell{padding:50px 24px}.ord3-layout{grid-template-columns:1fr}.ord3-aside{order:-1}.ord3-pay-labels,.ord3-pay-cards,.ord3-trust{grid-template-columns:1fr}.ord3-pay-labels strong:nth-child(2){display:none}.ord3-pay-card{width:100%}.ord3-info>div{grid-template-columns:1fr}.ord3-title h2{font-size:44px;line-height:50px}.mfs-ordering-3 .ord3-hero .ord1-hero-copy h1{font-size:56px;line-height:60px}}

/* V25.67 — Ordering 3 / Order Summary: lock the content to the 1440px Figma canvas.
   Figma 1:7966 uses 80px side padding, leaving 1280px content:
   910px left column + 32px gap + 338px aside. */
@media (min-width: 901px){
  .mfs-ordering-3 .ord3-shell{
    width:1440px;
    max-width:1440px;
    margin-left:auto;
    margin-right:auto;
    padding:86px 80px;
    box-sizing:border-box;
  }
  .mfs-ordering-3 .ord3-layout{
    grid-template-columns:910px 338px;
    gap:32px;
  }
}

/* V25.68 - Ordering 3 exact Figma icons/payment marks */
.mfs-ordering-3 .ord3-product-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:0;flex:0 0 50px}
.mfs-ordering-3 .ord3-product-icon img{display:block;width:32px;height:32px;max-width:none}
.mfs-ordering-3 .ord3-cardlogos{margin:13px 0 0 35px;height:34px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.mfs-ordering-3 .ord3-cardlogos>img{display:block;width:auto;height:32.294px;max-width:none}
.mfs-ordering-3 .ord3-cardlogos-mono>img{width:47.095px;height:32.294px}
.mfs-ordering-3 .ord3-gpay{width:54.495px;height:32.294px;box-sizing:border-box;border:1.009px solid #d9d9d9;border-radius:7.064px;background:#fff;display:flex;align-items:center;justify-content:center;padding:6px 10px}
.mfs-ordering-3 .ord3-gpay img{display:block;width:34.042px;height:14.017px;object-fit:cover;max-width:none}
.mfs-ordering-3 .ord3-cardlogos-paypal{margin-top:10px}
.mfs-ordering-3 .ord3-cardlogos-paypal>img{width:49.083px;height:33.657px}

/* === V25.69 — Ordering 3 exact icon pass + Figma geometry verification === */
.mfs-ordering-3 .ord3-product-copy b{display:inline-flex;align-items:center;gap:4px}
.mfs-ordering-3 .ord3-product-copy b .ord3-star{display:block;width:10px;height:10px;max-width:none}
.mfs-ordering-3 .ord3-info>div>span{display:flex;align-items:center;gap:6px}
.mfs-ordering-3 .ord3-info>div>span>img{display:block;width:18px;height:18px;max-width:none;object-fit:contain;flex:0 0 18px}
.mfs-ordering-3 .ord3-upload-later i img{display:block;width:20px;height:20px;max-width:none;object-fit:contain}
.mfs-ordering-3 .ord3-pay-cards{grid-template-columns:459px 435px!important;gap:16px!important}
.mfs-ordering-3 .ord3-pay-card:first-child{width:459px!important;height:218px!important}
.mfs-ordering-3 .ord3-pay-card:nth-child(2){width:435px!important;height:218px!important}
.mfs-ordering-3 .ord3-aside{width:338px!important}
.mfs-ordering-3 .ord1-help-box{width:338px!important;box-sizing:border-box}
.mfs-ordering-3 .ord1-help-box>div{min-width:254px;width:254px}

/* V25.70 — Ordering 3 exact icon pass, Figma geometry preserved */
.mfs-ordering-3 .ord3-product-copy b .ord3-star{width:11px;height:11px;transform:translateY(-1px)}
.mfs-ordering-3 .ord3-info>div>span>img{opacity:1}
.mfs-ordering-3 .ord3-upload-later i img{width:20px;height:20px;opacity:1}
.mfs-ordering-3 .ord3-trust>div{display:flex;gap:14px;align-items:flex-start}
.mfs-ordering-3 .ord3-trust-icon{display:block;flex:0 0 26px;width:26px;height:26px;margin-top:2px}
.mfs-ordering-3 .ord3-trust-icon img{display:block;width:26px;height:26px;max-width:none}
.mfs-ordering-3 .ord3-trust section{min-width:0}
.mfs-ordering-3 .ord3-trust section strong{font:700 16px/normal Inter,sans-serif}
.mfs-ordering-3 .ord3-trust section p{margin:6px 0 0;font:400 14px/18px Inter,sans-serif}

/* V25.71 — Ordering 3 fine alignment pass from Figma */
/* Full Name icon: 1px higher */
.mfs-ordering-3 .ord3-info:not(.ord3-track)>div:first-child>span>img{transform:translateY(-1px)}
/* Selected Review Type badge star: 1px higher */
.mfs-ordering-3 .ord3-product-copy b .ord3-star{transform:translateY(-2px)}
/* Figma row rhythm */
.mfs-ordering-3 .ord3-info{gap:16px}
/* Exact Figma Upload Later clock geometry */
.mfs-ordering-3 .ord3-upload-later i img{width:20px;height:20px;display:block}
/* Payment cards need the extra bottom breathing room visible in Figma */
.mfs-ordering-3 .ord3-pay-card:first-child,
.mfs-ordering-3 .ord3-pay-card:nth-child(2){height:223px!important}
/* Exact graphic icon for the payment-next-step note, no emoji rendering */
.mfs-ordering-3 .ord3-next{display:flex;align-items:center;justify-content:center;gap:6px}
.mfs-ordering-3 .ord3-next img{display:block;width:14px;height:14px;max-width:none}
/* Figma trust-card geometry controls the natural two-line wrap */
.mfs-ordering-3 .ord3-trust{grid-template-columns:442px 442px;gap:24px}
.mfs-ordering-3 .ord3-trust>div{box-sizing:border-box;width:442px}


/* V25.72 — Ordering 3 visual correction pass */
/* Tighten Your Information and Track Details row rhythm by 1px. */
.mfs-ordering-3 .ord3-info{gap:15px!important}
/* Give both payment cards another 5px of bottom breathing room. */
.mfs-ordering-3 .ord3-pay-card:first-child,
.mfs-ordering-3 .ord3-pay-card:nth-child(2){height:228px!important}
/* Use the same vector arrow treatment as Ordering 2 instead of a text arrow. */
.mfs-ordering-3 .ord3-continue{display:flex;align-items:center;justify-content:center;gap:12px}
.mfs-ordering-3 .ord3-continue-arrow{width:24px;height:24px;display:grid;place-items:center;font-size:0;margin-left:0}
.mfs-ordering-3 .ord3-continue-arrow img{display:block;width:24px;height:24px;max-width:none;object-fit:contain}
/* Same small secure-payment lock asset/treatment used by the ordering flow. */
.mfs-ordering-3 .ord3-next img{width:14px;height:14px}
/* Card marks: Figma uses compact white rounded bases around the individual marks. */
.mfs-ordering-3 .ord3-cardlogos{align-items:center;gap:8px}
.mfs-ordering-3 .ord3-cardlogos>img{box-sizing:border-box;object-fit:contain;background:#fff;border:1px solid #d9d9d9;border-radius:7px;padding:5px 7px;height:32px!important;width:auto!important}
.mfs-ordering-3 .ord3-cardlogos-mono>img{height:32px!important}
.mfs-ordering-3 .ord3-cardlogos-paypal>img{height:32px!important}

/* V25.73 — Ordering 3: Figma card-mark geometry + final row rhythm */
/* One more pixel tighter than V25.72, per visual comparison. */
.mfs-ordering-3 .ord3-info{gap:14px!important}

/* Payment marks: every logo lives inside its own Figma white rounded BASE.
   Do not normalize the artwork itself — each brand has its own inner geometry. */
.mfs-ordering-3 .ord3-cardlogos>img{
  box-sizing:border-box!important;
  display:block!important;
  object-fit:contain!important;
  background:#fff!important;
  border:1.009px solid #d9d9d9!important;
  border-radius:7.064px!important;
  max-width:none!important;
}
/* Monobank row: Figma outer bases are 47.095 × 32.294 except Google Pay. */
.mfs-ordering-3 .ord3-cardlogos-mono>img{width:47.095px!important;height:32.294px!important}
/* Mastercard artwork: 30.49 × 18.58 inside the BASE. */
.mfs-ordering-3 .ord3-cardlogos-mono>img:nth-child(2){padding:6.857px 8.303px!important}
/* Apple Pay artwork: 33.97 × 14.02 inside the BASE. */
.mfs-ordering-3 .ord3-cardlogos-mono>img:nth-child(3){padding:9.137px 6.563px!important}
/* Visa uses the same compact BASE treatment; preserve its aspect ratio. */
.mfs-ordering-3 .ord3-cardlogos-mono>img:nth-child(1){padding:8px 6px!important}
/* Google Pay values read directly from Figma. */
.mfs-ordering-3 .ord3-gpay{width:54.495px!important;height:32.294px!important;padding:0!important}
.mfs-ordering-3 .ord3-gpay img{width:34.04px!important;height:14.02px!important;object-fit:contain!important}

/* PayPal row: Figma payment-method BASE = 49.08 × 33.66. */
.mfs-ordering-3 .ord3-cardlogos-paypal>img{width:49.083px!important;height:33.657px!important}
/* Visa artwork = 34.6 × 10.97. */
.mfs-ordering-3 .ord3-cardlogos-paypal>img:nth-child(1){padding:11.344px 7.242px!important}
/* Mastercard follows its Figma artwork proportions rather than filling the BASE. */
.mfs-ordering-3 .ord3-cardlogos-paypal>img:nth-child(2){padding:7.539px 9.297px!important}
/* AMEX artwork = 40.98 × 10.18. */
.mfs-ordering-3 .ord3-cardlogos-paypal>img:nth-child(3){padding:11.739px 4.052px!important}
/* Remaining PayPal marks keep their original artwork aspect ratio within identical BASE boxes. */
.mfs-ordering-3 .ord3-cardlogos-paypal>img:nth-child(n+4){padding:6px 5px!important}

/* V25.74 — correct hierarchy: Figma BASE is the wrapper; artwork is sized inside it. */
.mfs-ordering-3 .ord3-info{gap:12px!important}
.mfs-ordering-3 .ord3-upload-later i img{width:26px!important;height:26px!important;max-width:none!important}
.mfs-ordering-3 .ord3-cardlogos>img{display:none!important}
.mfs-ordering-3 .ord3-cardlogos .ord3-paymark{
  box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 auto;
  background:#fff;border:1.009px solid #d9d9d9;border-radius:7.064px;padding:0;overflow:hidden;
}
.mfs-ordering-3 .ord3-cardlogos .ord3-paymark img{display:block!important;object-fit:contain!important;max-width:none!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important}
.mfs-ordering-3 .ord3-cardlogos-mono .ord3-paymark{width:47.095px;height:32.294px}
.mfs-ordering-3 .ord3-cardlogos-mono .visa img{width:34.6px;height:10.97px}
.mfs-ordering-3 .ord3-cardlogos-mono .mastercard img{width:30.49px;height:18.58px}
.mfs-ordering-3 .ord3-cardlogos-mono .applepay img{width:33.97px;height:14.02px}
.mfs-ordering-3 .ord3-cardlogos-mono .gpay{width:54.495px;height:32.294px}
.mfs-ordering-3 .ord3-cardlogos-mono .gpay img{width:34.04px;height:14.02px}
.mfs-ordering-3 .ord3-cardlogos-paypal .ord3-paymark{width:49.083px;height:33.657px}
.mfs-ordering-3 .ord3-cardlogos-paypal .visa img{width:34.6px;height:10.97px}
.mfs-ordering-3 .ord3-cardlogos-paypal .mastercard img{width:30.49px;height:18.58px}
.mfs-ordering-3 .ord3-cardlogos-paypal .amex img{width:40.98px;height:10.18px}
.mfs-ordering-3 .ord3-cardlogos-paypal .discover img,
.mfs-ordering-3 .ord3-cardlogos-paypal .diners img,
.mfs-ordering-3 .ord3-cardlogos-paypal .jcb img{width:39px;height:21px}

/* V25.75 — final fine pass from live comparison */
/* One more pixel tighter in Your Information + Track Details. */
.mfs-ordering-3 .ord3-info{gap:11px!important}
/* The Figma-provided payment assets already contain their own BASE geometry.
   Let those assets fill the wrapper instead of shrinking the artwork a second time. */
.mfs-ordering-3 .ord3-cardlogos-mono .visa img,
.mfs-ordering-3 .ord3-cardlogos-mono .mastercard img,
.mfs-ordering-3 .ord3-cardlogos-mono .applepay img,
.mfs-ordering-3 .ord3-cardlogos-mono .gpay img,
.mfs-ordering-3 .ord3-cardlogos-paypal .visa img,
.mfs-ordering-3 .ord3-cardlogos-paypal .mastercard img,
.mfs-ordering-3 .ord3-cardlogos-paypal .amex img{width:100%!important;height:100%!important;object-fit:fill!important}

/* V25.76 — payment asset/container correction + Upload Later exact Figma size */
/* Figma selection shows the Upload Later symbol itself as 20 × 20. */
.mfs-ordering-3 .ord3-upload-later i img{width:20px!important;height:20px!important;max-width:none!important}

/* These Figma payment assets already include their own white BASE. Do not draw a second BASE around them. */
.mfs-ordering-3 .ord3-cardlogos-mono .visa,
.mfs-ordering-3 .ord3-cardlogos-mono .mastercard,
.mfs-ordering-3 .ord3-cardlogos-mono .applepay,
.mfs-ordering-3 .ord3-cardlogos-mono .gpay,
.mfs-ordering-3 .ord3-cardlogos-paypal .visa,
.mfs-ordering-3 .ord3-cardlogos-paypal .mastercard,
.mfs-ordering-3 .ord3-cardlogos-paypal .amex{
  border:0!important;background:transparent!important;border-radius:0!important;overflow:visible!important;
}
.mfs-ordering-3 .ord3-cardlogos-mono .visa img,
.mfs-ordering-3 .ord3-cardlogos-mono .mastercard img,
.mfs-ordering-3 .ord3-cardlogos-mono .applepay img,
.mfs-ordering-3 .ord3-cardlogos-mono .gpay img,
.mfs-ordering-3 .ord3-cardlogos-paypal .visa img,
.mfs-ordering-3 .ord3-cardlogos-paypal .mastercard img,
.mfs-ordering-3 .ord3-cardlogos-paypal .amex img{
  width:100%!important;height:100%!important;display:block!important;object-fit:fill!important;
}

/* V25.77 — exact payment BASE/artwork hierarchy from Figma + FA Regular Upload Later */
/* Upload Later: Figma = Font Awesome 5 Free, Regular, 20px. */
.mfs-ordering-3 .ord3-upload-later i img{
  width:20px!important;
  height:20px!important;
  max-width:none!important;
  object-fit:contain!important;
}

/* Every payment method has a BASE frame. Artwork is sized separately inside it. */
.mfs-ordering-3 .ord3-cardlogos .ord3-paymark{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  background:#fff!important;
  border:1.009px solid #d9d9d9!important;
  border-radius:7.064px!important;
  overflow:hidden!important;
  padding:0!important;
}
.mfs-ordering-3 .ord3-cardlogos .ord3-paymark img{
  display:block!important;
  max-width:none!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0!important;
}

/* Monobank row BASE sizes from Figma. */
.mfs-ordering-3 .ord3-cardlogos-mono .visa,
.mfs-ordering-3 .ord3-cardlogos-mono .mastercard,
.mfs-ordering-3 .ord3-cardlogos-mono .applepay{
  width:47.095px!important;
  height:32.294px!important;
}
.mfs-ordering-3 .ord3-cardlogos-mono .gpay{
  width:54.495px!important;
  height:32.294px!important;
}
/* Individual artwork dimensions inside the BASE. */
.mfs-ordering-3 .ord3-cardlogos-mono .visa img{width:34.6px!important;height:10.97px!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .mastercard img{width:30.49px!important;height:18.58px!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .applepay img{width:33.97px!important;height:14.02px!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .gpay img{width:34.04px!important;height:14.02px!important;}

/* PayPal row: common outer BASE = 49.08 × 33.66. */
.mfs-ordering-3 .ord3-cardlogos-paypal .ord3-paymark{
  width:49.083px!important;
  height:33.657px!important;
}
/* Artwork dimensions read from the selected Figma groups/images. */
.mfs-ordering-3 .ord3-cardlogos-paypal .visa img{width:34.6px!important;height:10.97px!important;}
.mfs-ordering-3 .ord3-cardlogos-paypal .mastercard img{width:31.78px!important;height:19.36px!important;}
.mfs-ordering-3 .ord3-cardlogos-paypal .amex img{width:40.98px!important;height:10.18px!important;}
/* Discover / Diners / JCB were visually accepted; retain their successful artwork sizing. */
.mfs-ordering-3 .ord3-cardlogos-paypal .discover img,
.mfs-ordering-3 .ord3-cardlogos-paypal .diners img,
.mfs-ordering-3 .ord3-cardlogos-paypal .jcb img{width:39px!important;height:21px!important;}

/* V25.78 — correct Figma-to-browser scale for payment BASE/artwork only.
   The Figma screenshots were captured at a 1280-wide design canvas while the
   browser reference is 1920-wide, so the payment marks need the same 1.5x
   presentation scale as the rest of the page. Layout outside the logo rows is locked. */
.mfs-ordering-3 .ord3-cardlogos-mono .visa,
.mfs-ordering-3 .ord3-cardlogos-mono .mastercard,
.mfs-ordering-3 .ord3-cardlogos-mono .applepay{
  width:70.64px!important;height:48.44px!important;
}
.mfs-ordering-3 .ord3-cardlogos-mono .gpay{
  width:81.74px!important;height:48.44px!important;
}
.mfs-ordering-3 .ord3-cardlogos-mono .visa img{width:51.9px!important;height:16.46px!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .mastercard img{width:45.74px!important;height:27.87px!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .applepay img{width:50.96px!important;height:21.03px!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .gpay img{width:51.06px!important;height:21.03px!important;}

.mfs-ordering-3 .ord3-cardlogos-paypal .ord3-paymark{
  width:73.62px!important;height:50.49px!important;
}
.mfs-ordering-3 .ord3-cardlogos-paypal .visa img{width:51.9px!important;height:16.46px!important;}
.mfs-ordering-3 .ord3-cardlogos-paypal .mastercard img{width:47.67px!important;height:29.04px!important;}
.mfs-ordering-3 .ord3-cardlogos-paypal .amex img{width:61.47px!important;height:15.27px!important;}
/* Keep the three already-approved PayPal artworks visually unchanged relative
   to their BASE by scaling them with the BASE rather than redesigning them. */
.mfs-ordering-3 .ord3-cardlogos-paypal .discover img,
.mfs-ordering-3 .ord3-cardlogos-paypal .diners img,
.mfs-ordering-3 .ord3-cardlogos-paypal .jcb img{width:58.5px!important;height:31.5px!important;}

/* Let the now-correct BASE height define the row without clipping. */
.mfs-ordering-3 .ord3-cardlogos{height:51px!important;}

/* V25.79 — compact payment BASE restored; only selected inner artworks enlarged.
   Keep the accepted row geometry and the already-good Discover/Diners/JCB. */
.mfs-ordering-3 .ord3-cardlogos-mono .visa,
.mfs-ordering-3 .ord3-cardlogos-mono .mastercard,
.mfs-ordering-3 .ord3-cardlogos-mono .applepay{
  width:47.095px!important;height:32.294px!important;
}
.mfs-ordering-3 .ord3-cardlogos-mono .gpay{
  width:54.495px!important;height:32.294px!important;
}
.mfs-ordering-3 .ord3-cardlogos-paypal .ord3-paymark{
  width:49.083px!important;height:33.657px!important;
}

/* Preserve Mastercard close to the Figma group; enlarge only the artworks that
   were still visually undersized in V25.78. */
.mfs-ordering-3 .ord3-cardlogos-mono .visa img{width:51.9px!important;height:16.46px!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .mastercard img{width:30.49px!important;height:18.58px!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .applepay img{width:44px!important;height:18.16px!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .gpay img{width:44.25px!important;height:18.22px!important;}

.mfs-ordering-3 .ord3-cardlogos-paypal .visa img{width:51.9px!important;height:16.46px!important;}
.mfs-ordering-3 .ord3-cardlogos-paypal .mastercard img{width:31.78px!important;height:19.36px!important;}
.mfs-ordering-3 .ord3-cardlogos-paypal .amex img{width:54px!important;height:13.41px!important;}
.mfs-ordering-3 .ord3-cardlogos-paypal .discover img,
.mfs-ordering-3 .ord3-cardlogos-paypal .diners img,
.mfs-ordering-3 .ord3-cardlogos-paypal .jcb img{width:39px!important;height:21px!important;}

.mfs-ordering-3 .ord3-cardlogos{height:34px!important;}
\n\n/* V25.85 — clean payment recovery from V25.79.\n   IMPORTANT: SVG assets from Figma are complete card components (BASE + artwork).\n   Render each SVG as one complete component; never crop its internal artwork and\n   never draw a second CSS base around it. Google Pay is the sole raster-inner exception. */\n.mfs-ordering-3 .ord3-cardlogos{height:34px!important;align-items:center!important;}\n.mfs-ordering-3 .ord3-cardlogos .ord3-paymark{padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;}\n\n/* Complete SVG components: transparent wrapper, exact Figma component geometry. */\n.mfs-ordering-3 .ord3-cardlogos-mono .visa,\n.mfs-ordering-3 .ord3-cardlogos-mono .mastercard,\n.mfs-ordering-3 .ord3-cardlogos-mono .applepay,\n.mfs-ordering-3 .ord3-cardlogos-paypal .visa,\n.mfs-ordering-3 .ord3-cardlogos-paypal .mastercard,\n.mfs-ordering-3 .ord3-cardlogos-paypal .amex,\n.mfs-ordering-3 .ord3-cardlogos-paypal .discover,\n.mfs-ordering-3 .ord3-cardlogos-paypal .diners,\n.mfs-ordering-3 .ord3-cardlogos-paypal .jcb{background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;}\n\n/* Monobank SVG frames from Figma. */\n.mfs-ordering-3 .ord3-cardlogos-mono .visa,\n.mfs-ordering-3 .ord3-cardlogos-mono .mastercard,\n.mfs-ordering-3 .ord3-cardlogos-mono .applepay{width:47.0948px!important;height:32.2936px!important;}\n.mfs-ordering-3 .ord3-cardlogos-mono .visa img,\n.mfs-ordering-3 .ord3-cardlogos-mono .mastercard img,\n.mfs-ordering-3 .ord3-cardlogos-mono .applepay img{width:47.0948px!important;height:32.2936px!important;object-fit:contain!important;display:block!important;}\n\n/* Google Pay: Figma outer frame 54.495×32.294; raster artwork 34.04×14.02. */\n.mfs-ordering-3 .ord3-cardlogos-mono .gpay{width:54.495px!important;height:32.294px!important;background:#fff!important;border:1.009px solid #d9d9d9!important;border-radius:7.064px!important;overflow:hidden!important;}\n.mfs-ordering-3 .ord3-cardlogos-mono .gpay img{width:34.04px!important;height:14.02px!important;object-fit:contain!important;display:block!important;}\n\n/* PayPal SVG components: preserve each asset's own internal artwork and BASE. */\n.mfs-ordering-3 .ord3-cardlogos-paypal .ord3-paymark{width:49.0831px!important;height:33.657px!important;}\n.mfs-ordering-3 .ord3-cardlogos-paypal .ord3-paymark img{width:49.0831px!important;height:33.657px!important;object-fit:contain!important;display:block!important;}\n
/* V25.88 — Apple Pay only: reproduce the Figma layer hierarchy exactly.
   Figma: Payment Method/ApplePay 47.0948×32.2936, BASE sibling + ApplePay boolean group
   33.9675×14.0206 positioned at x=6.7755, y=9.4217.
   The remote SVG currently contains the whole Payment Method component, so we keep it
   at native component size but clip its image to the exact ApplePay artwork bounds,
   while the wrapper draws the single BASE. This avoids a second/nested card and avoids
   rescaling the ApplePay vector group itself. */
.mfs-ordering-3 .ord3-cardlogos-mono .applepay{
  position:relative!important;
  width:47.0948px!important;
  height:32.2936px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1.009px solid #d9d9d9!important;
  border-radius:7.064px!important;
  overflow:hidden!important;
  padding:0!important;
}
.mfs-ordering-3 .ord3-cardlogos-mono .applepay img{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:47.0948px!important;
  height:32.2936px!important;
  max-width:none!important;
  object-fit:fill!important;
  display:block!important;
  /* exact Figma ApplePay group bounds: x 6.7755, y 9.4217, w 33.9675, h 14.0206 */
  clip-path:inset(9.4217px 6.3519px 8.8513px 6.7755px)!important;
}

/* V25.89 — Apple Pay placement correction.
   Keep the Figma Payment Method/ApplePay component intact. The V25.88 clip test
   proved the artwork is correct but detached its visible pixels from the slot.
   Restore the complete native component to normal flow so its own BASE and artwork
   remain in the same coordinate system. */
.mfs-ordering-3 .ord3-cardlogos-mono .applepay{
  position:relative!important;
  width:47.0948px!important;
  height:32.2936px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
}
.mfs-ordering-3 .ord3-cardlogos-mono .applepay img{
  position:static!important;
  width:47.0948px!important;
  height:32.2936px!important;
  max-width:none!important;
  object-fit:contain!important;
  display:block!important;
  clip-path:none!important;
  transform:none!important;
  margin:0!important;
}


/* V25.90 — payment marks rebuilt from the PNG exports supplied from Figma.
   Each PNG is the complete Figma payment component (BASE + brand artwork), cropped
   only to its exported component bounds. No CSS-drawn duplicate card/base. */
.mfs-ordering-3 .ord3-cardlogos .ord3-paymark{
  padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;
  overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
.mfs-ordering-3 .ord3-cardlogos .ord3-paymark img{
  position:static!important;display:block!important;max-width:none!important;object-fit:contain!important;
  clip-path:none!important;transform:none!important;margin:0!important;
}
/* Native exported Figma component geometry. */
.mfs-ordering-3 .ord3-cardlogos-mono .visa,
.mfs-ordering-3 .ord3-cardlogos-mono .mastercard,
.mfs-ordering-3 .ord3-cardlogos-mono .applepay{width:55px!important;height:38px!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .visa img,
.mfs-ordering-3 .ord3-cardlogos-mono .mastercard img,
.mfs-ordering-3 .ord3-cardlogos-mono .applepay img{width:55px!important;height:38px!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .gpay{width:63px!important;height:38px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .gpay img{width:63px!important;height:38px!important;}
.mfs-ordering-3 .ord3-cardlogos-paypal .ord3-paymark{width:57px!important;height:39px!important;}
.mfs-ordering-3 .ord3-cardlogos-paypal .ord3-paymark img{width:57px!important;height:39px!important;}
.mfs-ordering-3 .ord3-cardlogos-paypal .mastercard,
.mfs-ordering-3 .ord3-cardlogos-paypal .mastercard img{width:55px!important;height:38px!important;}
.mfs-ordering-3 .ord3-cardlogos{height:39px!important;align-items:center!important;}

/* V25.91 — match the supplied Figma reference at 100%.
   Keep V25.90 PNG artwork, but render each complete exported component at the
   exact Figma frame dimensions visible in the design inspector. */
.mfs-ordering-3 .ord3-cardlogos{height:34px!important;gap:8px!important;align-items:center!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .visa,
.mfs-ordering-3 .ord3-cardlogos-mono .mastercard,
.mfs-ordering-3 .ord3-cardlogos-mono .applepay{width:47.0948px!important;height:32.2936px!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .visa img,
.mfs-ordering-3 .ord3-cardlogos-mono .mastercard img,
.mfs-ordering-3 .ord3-cardlogos-mono .applepay img{width:47.0948px!important;height:32.2936px!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .gpay{width:54.495px!important;height:32.294px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .gpay img{width:54.495px!important;height:32.294px!important;}
.mfs-ordering-3 .ord3-cardlogos-paypal .ord3-paymark,
.mfs-ordering-3 .ord3-cardlogos-paypal .ord3-paymark img{width:49.0831px!important;height:33.657px!important;}

/* V25.92 — clean Figma payment-card perimeter.
   The PNG exports contained rasterized black edge/corner artefacts. Their outer
   2 px export perimeter is removed from the files; the card base is recreated
   here so the intended thin Figma outline remains visible. Brand artwork and
   V25.91 component dimensions/spacing are unchanged. */
.mfs-ordering-3 .ord3-cardlogos .ord3-paymark{
  background:#fff!important;
  border:1px solid #d9d9d9!important;
  border-radius:7px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.mfs-ordering-3 .ord3-cardlogos .ord3-paymark img{
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  display:block!important;
}

/* V25.93 — payment box micro-alignment to Figma.
   IMPORTANT: payment-card PNGs, their dimensions, borders and 8px inter-card gaps
   are frozen from V25.92 and intentionally untouched. */
/* Figma has 1px more air between the method labels and the two payment boxes. */
.mfs-ordering-3 .ord3-pay-labels{margin-bottom:9px!important;}
/* Raise the complete Monobank/Universal Bank artwork as one unit by 4px. */
.mfs-ordering-3 .ord3-mono{top:11px!important;}
/* Shift only the PayPal brand lockup right; do not move its copy/card rows. */
.mfs-ordering-3 .ord3-paypal{left:57px!important;}

/* V25.94 — payment content vertical alignment.
   Freeze all payment-card artwork, dimensions, borders and gaps from V25.92/V25.93. */
/* Monobank + Universal Bank: 1px further up and 3px left from V25.93. */
.mfs-ordering-3 .ord3-mono{top:10px!important;left:45px!important;}
/* Raise only the body content in BOTH payment boxes by 4px.
   The PayPal brand lockup itself remains exactly where V25.93 placed it. */
.mfs-ordering-3 .ord3-pay-card p,
.mfs-ordering-3 .ord3-pay-card .ord3-cardlogos,
.mfs-ordering-3 .ord3-pay-card small{position:relative!important;top:-4px!important;}

/* V25.95 — final payment content micro-alignment from V25.94.
   Payment-card artwork, dimensions, borders, radii and gaps remain frozen. */
/* Monobank + Universal Bank: 1px further left; vertical position unchanged. */
.mfs-ordering-3 .ord3-mono{left:44px!important;}
/* Both payment-box body groups: 3px further up (7px total vs pre-V25.94 baseline). */
.mfs-ordering-3 .ord3-pay-card p,
.mfs-ordering-3 .ord3-pay-card .ord3-cardlogos,
.mfs-ordering-3 .ord3-pay-card small{top:-7px!important;}

/* V25.98 local-asset repair */
#mfs-f1-48 .f12-logo-export img{object-fit:contain;object-position:left center;}
#mfs-f1-48 .f11-sep{border-left:2px solid rgba(255,255,255,.16);}
#mfs-f1-48 .f11-sep img{display:none;}


/* V25.99 — Home: exact Figma-local graphic recovery. */
#mfs-f1-48 .f12-logo-export.f12-logo-exact-local{position:absolute;left:81px;top:23px;width:349px;height:128px;display:block;z-index:10;}
#mfs-f1-48 .f12-logo-exact-local>img.f12-logo-disc-local{position:absolute;left:0;top:0;width:141px;height:128px;display:block;object-fit:fill;}
#mfs-f1-48 .f12-logo-divider-local{position:absolute;left:158px;top:29px;width:1px;height:70px;background:#CA8338;display:block;}
#mfs-f1-48 .f12-logo-wordmark-local{position:absolute;left:179px;top:0;width:170px;height:128px;display:block;}
#mfs-f1-48 .f12-logo-word{position:absolute;left:0;width:170px;height:48px;display:block;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:40px;line-height:48px;letter-spacing:1.08px;font-variant-caps:all-small-caps;text-transform:none;white-space:nowrap;}
#mfs-f1-48 .f12-logo-music{top:0;color:#fff;}
#mfs-f1-48 .f12-logo-feedback{top:40px;color:#FDB84D;}
#mfs-f1-48 .f12-logo-service{top:80px;color:#fff;}
.v17-testimonials .testimonial-arrow-next,.songs-arrow-next{transform:none!important;}

/* V26.00: final Home icon corrections */
.v16-pricing .price-icon{width:88px;height:88px;border-radius:50%;background:#F3D4B3;display:flex;align-items:center;justify-content:center}
.v16-pricing .price-icon img{width:46px;height:46px;display:block}
.v17-testimonials .banner-headphones img{width:48px;height:48px;display:block}

/* V26.01 — Home logo optical sizing + pricing inner icon sizing */
#mfs-f1-48 .f12-logo-word{font-size:44px;line-height:48px;}
.mfs-footer .mfsf-brand-text{font-size:44px!important;}
.v16-pricing .price-icon img{width:60px;height:60px;}


/* V26.02 — Home footer logo: exact geometry copied from the approved header logo. */
.mfs-home .mfs-footer .mfsf-brand{width:349px!important;height:128px!important;flex:0 0 349px!important;position:relative!important;}
.mfs-home .mfs-footer .mfsf-brand-art{position:absolute!important;left:0!important;top:0!important;width:141px!important;height:128px!important;overflow:visible!important;}
.mfs-home .mfs-footer .mfsf-brand-art img{position:absolute!important;left:0!important;top:0!important;width:141px!important;height:128px!important;max-width:none!important;object-fit:fill!important;}
.mfs-home .mfs-footer .mfsf-brand-vline{position:absolute!important;left:158px!important;top:29px!important;width:1px!important;height:70px!important;background:#CA8338!important;border:0!important;}
.mfs-home .mfs-footer .mfsf-brand-vline img{display:none!important;}
.mfs-home .mfs-footer .mfsf-brand-text{position:absolute!important;left:179px!important;top:0!important;width:170px!important;height:128px!important;display:block!important;font-family:'Cormorant Garamond',serif!important;font-weight:500!important;font-size:44px!important;line-height:48px!important;letter-spacing:1.08px!important;font-variant-caps:all-small-caps!important;font-feature-settings:normal!important;text-transform:none!important;color:#fff!important;}
.mfs-home .mfs-footer .mfsf-brand-text span{position:absolute!important;left:0!important;width:170px!important;height:48px!important;display:block!important;line-height:48px!important;margin:0!important;white-space:nowrap!important;}
.mfs-home .mfs-footer .mfsf-brand-text span:nth-child(1){top:0!important;color:#fff!important;}
.mfs-home .mfs-footer .mfsf-brand-text span:nth-child(2){top:40px!important;color:#FDB84D!important;}
.mfs-home .mfs-footer .mfsf-brand-text span:nth-child(3){top:80px!important;color:#fff!important;}


/* V26.07 — ABOUT surgical correction pass. Keep already-correct sections untouched. */
#mfs-f1-48.mfs-about-page .f11-nav a.is-active:after{width:54px!important;}
/* Contributor icons: isolated asset URLs avoid stale/missing cached SVG responses. */
.mfs-about-contributor-icon img{display:block!important;visibility:visible!important;opacity:1!important;}
/* Different cards: Figma uses intentionally different optical icon sizes. */
.mfs-about-different-card:nth-child(2) .mfs-about-different-icon img{width:46px!important;height:46px!important;}
.mfs-about-different-row:nth-child(2) .mfs-about-different-card:nth-child(1) .mfs-about-different-icon img{width:46px!important;height:46px!important;}
.mfs-about-different-row:nth-child(2) .mfs-about-different-card:nth-child(3) .mfs-about-different-icon img{width:48px!important;height:48px!important;}
/* View Full Sample icon is white in the reference. */
.mfs-about-sample-button img{filter:brightness(0) invert(1)!important;}
/* Testimonial assets already have left/right direction; do not rotate the right asset again. */
.mfs-about-testimonials-arrow-next img{transform:none!important;}
/* Preserve current play-button treatment, only optically center the triangular glyph. */
.mfs-about-play,.mfs-about-phone-play{line-height:1!important;text-indent:2px;transform:translateY(-1px);}
/* Promise ring geometry/color from Figma. */
.mfs-about-promise-icon{border-color:#d4c1ac!important;border-width:1.175px!important;}
/* V26.08 About precision icon pass */
.mfs-about-different-icon img{width:42px!important;height:42px!important;}
.mfs-about-different-card:nth-child(2) .mfs-about-different-icon img{width:40px!important;height:40px!important;}
.mfs-about-different-row:nth-child(2) .mfs-about-different-card:nth-child(1) .mfs-about-different-icon img{width:40px!important;height:40px!important;}
.mfs-about-different-row:nth-child(2) .mfs-about-different-card:nth-child(3) .mfs-about-different-icon img{width:42px!important;height:42px!important;}
.mfs-about-sample-button img{width:30px!important;height:30px!important;filter:none!important;}

/* V26.09 — About final precision fixes from visual review. */
/* Contributor icons: force actual SVG geometry to render above the dark card. */
.mfs-about-contributor-icon{position:relative!important;overflow:visible!important;}
.mfs-about-contributor-icon img{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2!important;width:36px!important;height:36px!important;filter:none!important;}
/* Header logo: preserve current geometry but open the wordmark slightly, per visual comparison. */
#mfs-f1-48.mfs-about-page .f12-logo-word{letter-spacing:1.55px!important;}
/* Footer logo: use the same proven local disc crop/line/wordmark geometry as the header. */
.mfs-about-page + .mfs-footer .mfsf-brand,
body:has(.mfs-about-page) .mfs-footer .mfsf-brand{width:349px!important;height:128px!important;flex:0 0 349px!important;position:relative!important;}
body:has(.mfs-about-page) .mfs-footer .mfsf-brand-art{position:absolute!important;left:0!important;top:0!important;width:141px!important;height:128px!important;overflow:visible!important;}
body:has(.mfs-about-page) .mfs-footer .mfsf-brand-art img{position:absolute!important;left:0!important;top:0!important;width:141px!important;height:128px!important;max-width:none!important;object-fit:fill!important;}
body:has(.mfs-about-page) .mfs-footer .mfsf-brand-vline{position:absolute!important;left:158px!important;top:29px!important;width:1px!important;height:70px!important;background:#CA8338!important;border:0!important;}
body:has(.mfs-about-page) .mfs-footer .mfsf-brand-vline img{display:none!important;}
body:has(.mfs-about-page) .mfs-footer .mfsf-brand-text{position:absolute!important;left:179px!important;top:0!important;width:170px!important;height:128px!important;display:block!important;font-family:'Cormorant Garamond',serif!important;font-weight:500!important;font-size:44px!important;line-height:48px!important;letter-spacing:1.55px!important;font-variant-caps:all-small-caps!important;font-feature-settings:normal!important;text-transform:none!important;color:#fff!important;}
body:has(.mfs-about-page) .mfs-footer .mfsf-brand-text span{position:absolute!important;left:0!important;width:170px!important;height:48px!important;display:block!important;line-height:48px!important;margin:0!important;white-space:nowrap!important;}
body:has(.mfs-about-page) .mfs-footer .mfsf-brand-text span:nth-child(1){top:0!important;color:#fff!important;}
body:has(.mfs-about-page) .mfs-footer .mfsf-brand-text span:nth-child(2){top:40px!important;color:#FDB84D!important;}
body:has(.mfs-about-page) .mfs-footer .mfsf-brand-text span:nth-child(3){top:80px!important;color:#fff!important;}

/* V26.10 — About precision corrections from final visual review. */
/* Header/footer wordmark needs slightly more tracking than V26.09. */
#mfs-f1-48.mfs-about-page .f12-logo-word{letter-spacing:2.05px!important;}
body:has(.mfs-about-page) .mfs-footer .mfsf-brand-text{letter-spacing:2.05px!important;}
/* Contributor SVGs must remain visible on the dark section. */
.mfs-about-contributor-icon img{width:36px!important;height:36px!important;display:block!important;opacity:1!important;visibility:visible!important;}
/* Card-by-card optical sizes from the latest comparison. */
.mfs-about-different-row:first-child .mfs-about-different-card:nth-child(1) .mfs-about-different-icon img{width:42px!important;height:42px!important;}
.mfs-about-different-row:first-child .mfs-about-different-card:nth-child(2) .mfs-about-different-icon img{width:44px!important;height:44px!important;}
.mfs-about-different-row:first-child .mfs-about-different-card:nth-child(3) .mfs-about-different-icon img{width:42px!important;height:42px!important;}
.mfs-about-different-row:nth-child(2) .mfs-about-different-card:nth-child(1) .mfs-about-different-icon img{width:38px!important;height:38px!important;}
.mfs-about-different-row:nth-child(2) .mfs-about-different-card:nth-child(3) .mfs-about-different-icon img{width:38px!important;height:38px!important;}
.mfs-about-sample-button img{width:30px!important;height:30px!important;filter:none!important;}
/* Promise-ring color retained after recheck. */
.mfs-about-promise-icon{border-color:#d4c1ac!important;border-width:1.175px!important;}

/* V26.11 — About exact-reference pass from paired Figma/Opera screenshots. */
/* Open the header wordmark a final small amount; mirror the exact same tracking in the footer. */
#mfs-f1-48.mfs-about-page .f12-logo-word{letter-spacing:2.34px!important;}
body:has(.mfs-about-page) .mfs-footer .mfsf-brand-text{letter-spacing:2.34px!important;}
/* The V26.11 icon files are literal crops of the Figma reference glyphs, not redrawn substitutes. */
.mfs-about-contributor-icon img{object-fit:contain!important;}
.mfs-about-different-icon img{object-fit:contain!important;}
.mfs-about-sample-button img{object-fit:contain!important;}
.mfs-process-icon img{object-fit:contain!important;}
/* Promise row: move only the inner glyphs; circles stay fixed. */
.mfs-about-promise-item:nth-child(2) .mfs-about-promise-icon img{transform:translateX(1px)!important;}
.mfs-about-promise-item:nth-child(3) .mfs-about-promise-icon img{transform:translateX(1px)!important;}
.mfs-about-promise-item:nth-child(4) .mfs-about-promise-icon img{transform:translate(1px,-1px)!important;}

/* V26.12 — About: use the literal Figma-exported logo SVG; no reconstructed typography. */
#mfs-f1-48.mfs-about-page .f12-logo-figma-svg{
  position:absolute!important;left:81px!important;top:23px!important;
  width:349px!important;height:128.38px!important;display:block!important;z-index:10!important;
}
#mfs-f1-48.mfs-about-page .f12-logo-figma-svg>img{
  display:block!important;width:349px!important;height:128.38px!important;
  max-width:none!important;object-fit:fill!important;margin:0!important;padding:0!important;border:0!important;
}
/* About active underline: preserve the Figma left edge and extend the right edge by 1px. */
#mfs-f1-48.mfs-about-page .f11-nav a.is-active:after{
  left:50%!important;transform:translateX(calc(-50% + .5px))!important;width:55px!important;
}
/* Footer reuses the exact same Figma SVG. */
body:has(.mfs-about-page) .mfs-footer .mfsf-brand-figma-svg{
  position:relative!important;width:349px!important;height:128.38px!important;display:block!important;
}
body:has(.mfs-about-page) .mfs-footer .mfsf-brand-figma-svg>img{
  display:block!important;width:349px!important;height:128.38px!important;max-width:none!important;object-fit:fill!important;
}

/* V26.13 — About / exact user-exported Figma SVGs for six differentiator icons */
#mfs-about-different .mfs-about-different-icon img{object-fit:contain!important;}
/* 24-1 Musicians First: intentionally reduced ~18% per review */
#mfs-about-different .mfs-about-different-row:first-child .mfs-about-different-card:nth-child(1) .mfs-about-different-icon img{width:34px!important;height:34px!important;}


/* V26.14 — supplied Figma SVGs are complete icon+circle assets, not glyph-only files. */
#mfs-about-different .mfs-about-different-icon{background:transparent!important;}
#mfs-about-different .mfs-about-different-icon img{width:133.333px!important;height:133.333px!important;object-fit:contain!important;}
#mfs-about-different .mfs-about-different-row:nth-child(2) .mfs-about-different-icon img{width:130px!important;height:130px!important;}
.mfs-about-sample-button img{width:32px!important;height:32px!important;object-fit:contain!important;filter:none!important;}
.mfs-process-icon{background:transparent!important;}
.mfs-process-icon img{width:91.948px!important;height:91.948px!important;object-fit:contain!important;}

/* V26.15 — final optical micro-alignment requested after V26.14 review. */
/* Musical Decisions: move only the glyph image 1px left. */
.mfs-about-contributors-grid .mfs-about-contributor:nth-child(2) .mfs-about-contributor-icon img{transform:translateX(-1px)!important;}
/* FAQ / Is my song safe with you?: move the existing correct vector 1px right + 1px up. */
.mfs-about-faq-grid .mfs-about-faq-card:nth-child(2) .mfs-about-faq-icon img{transform:translate(1px,-1px)!important;}
/* Bottom promise row: override V26.11 transforms with the newly reviewed directions. */
.mfs-about-promise-item:nth-child(2) .mfs-about-promise-icon img{transform:none!important;}
.mfs-about-promise-item:nth-child(3) .mfs-about-promise-icon img{transform:translate(-1px,-1px)!important;}
.mfs-about-promise-item:nth-child(4) .mfs-about-promise-icon img{transform:translateX(-1px)!important;}

/* V26.16 — final pre-break visual polish. */
/* Contributors: optical micro-alignment. */
.mfs-about-contributors-grid .mfs-about-contributor:nth-child(1) .mfs-about-contributor-icon img{transform:translateY(1px)!important;}
.mfs-about-contributors-grid .mfs-about-contributor:nth-child(2) .mfs-about-contributor-icon img{transform:translateX(-2px)!important;}
/* Musicians First: restore the supplied Figma asset to the same full icon-circle size as row peers. */
#mfs-about-different .mfs-about-different-row:first-child .mfs-about-different-card:nth-child(1) .mfs-about-different-icon img{width:133.333px!important;height:133.333px!important;transform:none!important;}
/* Process: only optical placement; source SVGs stay untouched. */
.mfs-process-card:nth-child(1) .mfs-process-icon img{transform:translate(2px,1px)!important;}
/* Phone play glyph only: 2px right; tablet/monitor play remains unchanged. */
.mfs-about-phone-play{text-indent:4px!important;}
/* Bottom supportive row — latest reviewed positions override prior pass. */
.mfs-about-promise-item:nth-child(2) .mfs-about-promise-icon img{transform:translateX(1px)!important;}
.mfs-about-promise-item:nth-child(3) .mfs-about-promise-icon img{transform:translateX(1px)!important;}
.mfs-about-promise-item:nth-child(4) .mfs-about-promise-icon img{transform:translateX(2px)!important;}

/* V26.17 — About last-mile optical polish after V26.16 review. */
/* External producers / Emotional Impact: keep prior +1px down and add +1px right. */
.mfs-about-contributors-grid .mfs-about-contributor:nth-child(1) .mfs-about-contributor-icon img{
  transform:translate(1px,1px)!important;
}
/* Musicians First: the circle remains fixed/full size; inner glyph shift is baked into 24-1.svg. */
#mfs-about-different .mfs-about-different-row:first-child .mfs-about-different-card:nth-child(1) .mfs-about-different-icon img{
  width:133.333px!important;height:133.333px!important;transform:none!important;
}
/* Review Process / We Listen: one more px right; retain the current vertical optical offset. */
.mfs-process-card:nth-child(1) .mfs-process-icon img{transform:translate(3px,1px)!important;}
/* Grow Your Audience is a complete Figma circle+glyph SVG. Render the complete 84px asset,
   rather than shrinking the entire SVG into the generic 32px inner-glyph slot. */
.mfs-about-why-card:nth-child(2) .mfs-about-why-icon{background:transparent!important;}
.mfs-about-why-card:nth-child(2) .mfs-about-why-icon img{
  width:84px!important;height:84px!important;max-width:none!important;object-fit:contain!important;
}
/* Bottom supportive row: move from V26.16 reviewed positions by exactly the requested deltas. */
.mfs-about-promise-item:nth-child(3) .mfs-about-promise-icon img{transform:none!important;}
.mfs-about-promise-item:nth-child(4) .mfs-about-promise-icon img{transform:translateX(1px)!important;}


/* V26.18 — reviewed post-break corrections; packaged to replace the V26.17 theme. */
/* Emotional Impact: reviewer confirmed only 1px left from V26.17; retain the 1px vertical optical offset. */
.mfs-about-contributors-grid .mfs-about-contributor:nth-child(1) .mfs-about-contributor-icon img{
  transform:translate(0,1px)!important;
}
/* Home header/footer now reuse the literal Figma logo SVG used on About. */
#mfs-f1-48 .f12-logo-home-figma-svg{
  position:absolute!important;left:81px!important;top:23px!important;width:349px!important;height:128.38px!important;display:block!important;z-index:10!important;
}
#mfs-f1-48 .f12-logo-home-figma-svg>img{
  display:block!important;width:349px!important;height:128.38px!important;max-width:none!important;object-fit:fill!important;margin:0!important;padding:0!important;border:0!important;
}
.mfs-home .mfs-footer .mfsf-brand-home-figma-svg{
  position:relative!important;width:349px!important;height:128.38px!important;display:block!important;flex:0 0 349px!important;
}
.mfs-home .mfs-footer .mfsf-brand-home-figma-svg>img{
  display:block!important;width:349px!important;height:128.38px!important;max-width:none!important;object-fit:fill!important;
}

/* V26.19 — How It Works local-asset pass + reviewed alignment fixes. */
/* Keep the No Risk block on the same centered 1280px page grid as neighboring sections. */
.hiw-no-risk{align-items:center!important;}
.hiw-no-risk .hnr-head,.hiw-no-risk .hnr-cards,.hiw-no-risk .hnr-summary{margin-left:auto!important;margin-right:auto!important;}
/* How It Works header/footer logo uses the exact shared Figma SVG. */
#mfs-hiw-master .f12-logo-export>img{width:349px!important;height:128.38px!important;object-fit:fill!important;}
/* Earlier footer optical review: About was 1px high; Home was 1px low. */
body:has(.mfs-about-page) .mfs-footer .mfsf-brand-figma-svg{top:1px!important;}
.mfs-home .mfs-footer .mfsf-brand-home-figma-svg{top:-1px!important;}


/* V26.21 — How It Works only: explicit markers for intentionally missing Figma graphics. */
#mfs-hiw-master .f11-nav a.is-active:after{width:117px!important;}
.hiw-missing-image{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:72px;min-height:42px;padding:4px;border:1px dashed #b8aaa0;border-radius:5px;background:#fffaf6;color:#756b63;font:500 9px/11px Inter,Arial,sans-serif;text-align:center;letter-spacing:0!important;}
.hrp-card>.hiw-missing-image{width:62px;height:52px;margin:0 0 22px;}
.hiw-missing-small{width:48px;min-height:34px;font-size:7px;line-height:8px;padding:2px;}
.hiw-missing-tiny{width:42px;min-height:22px;font-size:6px;line-height:7px;padding:1px;margin-bottom:3px;}
.hiw-missing-inline{width:92px;min-height:38px;flex:none;}
.hiw-missing-arrow{width:38px;min-height:30px;font-size:6px;line-height:7px;padding:1px;}
.hrp-benefits i,.htd-lead-icon,.hnr-icon,.hnr-summary-icon{background:#f4d9bd;}

/* V26.22 exact user SVGs — How It Works only */
.hrp-user-icon{display:block;max-width:64px;max-height:64px;object-fit:contain}.hrp-benefit-user-icon{display:block;max-width:40px;max-height:40px;object-fit:contain}.hrp-summary-user-icon{display:block;max-width:42px;max-height:42px;object-fit:contain;flex:none}.hef-user-check{width:18px;height:18px;object-fit:contain;flex:none}.hef-user-star{width:18px;height:18px;object-fit:contain;flex:none}.htd-user-lead-icon{max-width:54px;max-height:54px;object-fit:contain}.htd-user-item-icon{display:block;max-width:34px;max-height:34px;object-fit:contain}.hit-user-arrow{display:block;width:100%;height:100%;object-fit:contain}.hnr-user-icon{max-width:48px;max-height:48px;object-fit:contain}.hnr-summary-user-icon{max-width:32px;max-height:32px;object-fit:contain}.hfc-user-trust-icon{width:18px;height:18px;object-fit:contain}

/* V26.24 — How It Works: user-supplied SVGs are complete Figma assets.
   Render each complete SVG at its native Figma dimensions; do not shrink it into
   the old glyph-only slots or add a second circle/background around it. */
#mfs-hiw-master .hrp-benefits i{background:transparent!important;overflow:visible!important;}
#mfs-hiw-master .hrp-benefit-user-icon{width:58px!important;height:58px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}
#mfs-hiw-master .hrp-summary-user-icon{width:42px!important;height:42px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}

#mfs-hiw-master .hef-user-check{width:24px!important;height:24px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}
#mfs-hiw-master .hef-user-star{width:18px!important;height:24px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}

#mfs-hiw-master .htd-lead-icon{background:transparent!important;overflow:visible!important;}
#mfs-hiw-master .htd-user-lead-icon{width:78px!important;height:78px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}
#mfs-hiw-master .htd-user-item-icon{width:38px!important;height:38px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}

#mfs-hiw-master .hit-arrow{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
#mfs-hiw-master .hit-arrow .hit-user-arrow{display:block!important;width:42px!important;height:42px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}
#mfs-hiw-master .hit-arrow-char{display:none!important;}

#mfs-hiw-master .hnr-icon{background:transparent!important;overflow:visible!important;}
#mfs-hiw-master .hnr-user-icon,
#mfs-hiw-master .hnr-card:nth-child(2) .hnr-user-icon,
#mfs-hiw-master .hnr-card:nth-child(3) .hnr-user-icon{width:74px!important;height:74px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}
#mfs-hiw-master .hnr-summary-icon{background:transparent!important;border:0!important;overflow:visible!important;}
#mfs-hiw-master .hnr-summary-user-icon{width:42px!important;height:42px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}

/* Small trust/security SVGs are also complete assets; preserve their source dimensions. */
#mfs-hiw-master .hcta-trust span:first-child img{width:15px!important;height:15px!important;object-fit:contain!important;}
#mfs-hiw-master .hcta-trust span:nth-child(2) img{width:14px!important;height:14px!important;object-fit:contain!important;}
#mfs-hiw-master .hfc-trust span:first-child img{width:20px!important;height:20px!important;object-fit:contain!important;}
#mfs-hiw-master .hfc-user-trust-icon{width:20px!important;height:20px!important;object-fit:contain!important;}

/* V26.25 — How It Works precision pass against Figma.
   The three Why This Approach Works source files in the supplied 3–7 archive
   do not match the Figma artwork (lightbulb/shield/globe). Restore the exact
   existing Figma-source eye/target/globe artwork already carried in local-v2619,
   while preserving the Figma 58px circular presentation. */
#mfs-hiw-master .hrp-benefits i{width:58px!important;height:58px!important;background:#f4d9bd!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;flex:none!important;}
#mfs-hiw-master .hrp-benefit-user-icon{width:24px!important;height:24px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}

/* V26.26 — How It Works corrections from annotated 51 screenshots. */
/* Why This Approach Works: use the separately supplied original Figma SVGs as complete 58px assets. */
#mfs-hiw-master .hrp-benefits i{width:58px!important;height:58px!important;background:transparent!important;border-radius:0!important;overflow:visible!important;}
#mfs-hiw-master .hrp-benefit-user-icon{width:58px!important;height:58px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}

/* Written feedback heading size + preview footer star exactly 2px lower. */
#mfs-hiw-master .hef-col-left h4:first-child{font-size:14px!important;}
#mfs-hiw-master .hef-preview-foot .hef-user-star{position:relative!important;top:2px!important;}

/* Turnaround & Delivery: enlarge the four supplied glyph SVGs without changing their positions. */
#mfs-hiw-master .htd-user-item-icon{width:46px!important;height:46px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;margin-top:-4px!important;margin-bottom:-1px!important;}

/* Testimonials arrows are now the exact Home carousel SVGs. Keep Home geometry. */
#mfs-hiw-master .hit-arrow .hit-user-arrow{width:42px!important;height:42px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}

/* No Risk: keep the 74px circle footprint, enlarge the complete supplied SVG inside it so the inner glyph is not undersized. */
#mfs-hiw-master .hnr-icon{width:74px!important;height:74px!important;overflow:hidden!important;border-radius:50%!important;background:#f4d9bd!important;}
#mfs-hiw-master .hnr-user-icon,
#mfs-hiw-master .hnr-card:nth-child(2) .hnr-user-icon,
#mfs-hiw-master .hnr-card:nth-child(3) .hnr-user-icon{width:90px!important;height:90px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;flex:none!important;}

/* Footer: literal copy of the proven Home Figma logo asset; Home itself is untouched. */
#mfs-hiw-master + .mfs-footer .mfsf-brand-hiw-home-copy,
body:has(#mfs-hiw-master) .mfs-footer .mfsf-brand-hiw-home-copy{position:relative!important;width:349px!important;height:128.38px!important;display:block!important;flex:0 0 349px!important;top:-1px!important;}
body:has(#mfs-hiw-master) .mfs-footer .mfsf-brand-hiw-home-copy>img{display:block!important;width:349px!important;height:128.38px!important;max-width:none!important;object-fit:fill!important;}
\n\n/* V26.27 — How It Works corrections from live 52/53 review. */
/* Why This Approach Works: SVG artwork itself has been enlarged internally; preserve the 58px Figma circle. */
#mfs-hiw-master .hrp-benefit-user-icon{width:58px!important;height:58px!important;object-fit:contain!important;}

/* Written feedback must match Strengths / Areas of Improvement / What's Next exactly. */
#mfs-hiw-master .hef-col-left h4:first-child{font-size:13.5px!important;line-height:normal!important;font-weight:600!important;}
/* Preview star: requested exact +2px vertical correction. */
#mfs-hiw-master .hef-preview-foot .hef-user-star{position:relative!important;top:2px!important;}

/* Turnaround & Delivery: enlarge the four standalone item glyphs; lead-circle glyph enlarged inside its SVG. */
#mfs-hiw-master .htd-user-lead-icon{width:78px!important;height:78px!important;}
#mfs-hiw-master .htd-user-item-icon{width:52px!important;height:52px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;margin-top:-7px!important;margin-bottom:-4px!important;}

/* Testimonials: left arrow was already correct. Home right asset already points right; cancel old HIW 180deg override. */
#mfs-hiw-master .hiw-testimonials .hit-next{transform:none!important;}
#mfs-hiw-master .hiw-testimonials .hit-prev{transform:none!important;}

/* No Risk: supplied 74px circles stay fixed; glyphs are enlarged inside the SVG files instead of scaling the circles. */
#mfs-hiw-master .hnr-icon{width:74px!important;height:74px!important;overflow:visible!important;background:transparent!important;}
#mfs-hiw-master .hnr-user-icon,
#mfs-hiw-master .hnr-card:nth-child(2) .hnr-user-icon,
#mfs-hiw-master .hnr-card:nth-child(3) .hnr-user-icon{width:74px!important;height:74px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}
#mfs-hiw-master .hnr-summary-user-icon{width:42px!important;height:42px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}
#mfs-hiw-master .hnr-summary strong{font-weight:400!important;}

/* V26.28 — robust HIW icon/content corrections after reloading Design 1–13 context.
   Important: enlarge artwork INSIDE supplied SVGs / preserve fixed outer Figma footprints. */
#mfs-hiw-master .hrp-benefits i{width:58px!important;height:58px!important;background:transparent!important;border-radius:0!important;overflow:visible!important;}
#mfs-hiw-master .hrp-benefit-user-icon{width:58px!important;height:58px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}

/* Written feedback = exactly the same heading rule as every other preview subsection. */
#mfs-hiw-master .hef-col-left h4:first-child{margin:8px 0 8px!important;font:600 13.5px/normal Inter,Arial,sans-serif!important;color:#ca8338!important;}
/* Force the requested visible 2px drop; transform avoids line-box/cascade conflicts. */
#mfs-hiw-master .hef-preview-foot .hef-user-star{position:relative!important;top:auto!important;transform:translateY(2px)!important;}

/* Turnaround: fixed footprints; glyphs themselves are enlarged inside SVG viewBoxes. */
#mfs-hiw-master .htd-user-lead-icon{width:78px!important;height:78px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}
#mfs-hiw-master .htd-user-item-icon{width:38px!important;height:38px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;margin:0 auto 2px!important;}

/* Testimonials: literal Home assets and no direction override. */
#mfs-hiw-master .hiw-testimonials .hit-prev,
#mfs-hiw-master .hiw-testimonials .hit-next{transform:none!important;}
#mfs-hiw-master .hit-arrow .hit-user-arrow{width:42px!important;height:42px!important;object-fit:contain!important;}

/* No Risk: keep Figma circle sizes; SVG artwork has been enlarged internally. */
#mfs-hiw-master .hnr-icon{width:74px!important;height:74px!important;overflow:visible!important;background:transparent!important;}
#mfs-hiw-master .hnr-user-icon,
#mfs-hiw-master .hnr-card:nth-child(2) .hnr-user-icon,
#mfs-hiw-master .hnr-card:nth-child(3) .hnr-user-icon{width:74px!important;height:74px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}
#mfs-hiw-master .hnr-summary-user-icon{width:42px!important;height:42px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}
#mfs-hiw-master .hnr-summary strong{font-weight:400!important;text-decoration:none!important;}

/* V26.29 — fresh-URL HIW correction pass. All problem SVGs use new filenames so no old browser/CDN asset can survive. */
#mfs-hiw-master .hrp-benefits i{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;background:none!important;overflow:visible!important;}
#mfs-hiw-master .hrp-benefits i::before,#mfs-hiw-master .hrp-benefits i::after{content:none!important;display:none!important;}
#mfs-hiw-master .hrp-benefit-user-icon{display:block!important;width:58px!important;height:58px!important;max-width:none!important;max-height:none!important;transform:none!important;}

/* All four preview subsection headings, including Written feedback, are one literal rule. */
#mfs-hiw-master .hef-preview-body .hef-col h4,
#mfs-hiw-master .hef-preview-body .hef-col-left h4:first-child{margin:8px 0 8px!important;padding:0!important;font-family:Inter,Arial,sans-serif!important;font-size:13.5px!important;font-style:normal!important;font-weight:600!important;line-height:normal!important;letter-spacing:normal!important;text-transform:none!important;color:#ca8338!important;}
#mfs-hiw-master .hef-preview-foot .hef-user-star{display:block!important;width:18px!important;height:18px!important;position:relative!important;top:2px!important;transform:none!important;}

/* Turnaround: make the four small source glyphs visibly large; lead keeps its 78px circle with enlarged internal clock. */
#mfs-hiw-master .htd-user-lead-icon{display:block!important;width:78px!important;height:78px!important;max-width:none!important;max-height:none!important;}
#mfs-hiw-master .htd-user-item-icon{display:block!important;width:58px!important;height:58px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;margin:-10px auto -6px!important;}

/* Testimonials: exact Home SVG files copied under fresh URLs; neutralize every old direction rule. */
body #mfs-hiw-master .hiw-testimonials button.hit-arrow.hit-prev,
body #mfs-hiw-master .hiw-testimonials button.hit-arrow.hit-next{transform:none!important;rotate:none!important;scale:none!important;}
body #mfs-hiw-master .hiw-testimonials button.hit-arrow img.hit-user-arrow{display:block!important;width:24px!important;height:24px!important;max-width:none!important;max-height:none!important;transform:none!important;rotate:none!important;}

/* No Risk: fresh supplied circles with larger internal artwork; no pseudo-icons may overlay them. */
#mfs-hiw-master .hnr-icon{width:74px!important;height:74px!important;background:none!important;overflow:visible!important;}
#mfs-hiw-master .hnr-icon::before,#mfs-hiw-master .hnr-icon::after{content:none!important;display:none!important;}
#mfs-hiw-master .hnr-user-icon{display:block!important;width:74px!important;height:74px!important;max-width:none!important;max-height:none!important;transform:none!important;}
#mfs-hiw-master .hnr-summary-user-icon{display:block!important;width:42px!important;height:42px!important;max-width:none!important;max-height:none!important;}
\n\n/* V26.31 — clean external-SVG correction pass from V26.29. No inline SVG/PHP injection. */
#mfs-hiw-master .hrp-benefit-user-icon{width:58px!important;height:58px!important;max-width:none!important;max-height:none!important;}
#mfs-hiw-master .hef-preview-body .hef-col h4{margin:8px 0 8px!important;padding:0!important;font:600 13.5px/normal Inter,Arial,sans-serif!important;letter-spacing:normal!important;color:#ca8338!important;}
#mfs-hiw-master .hef-preview-foot .hef-user-star{width:18px!important;height:18px!important;position:static!important;top:auto!important;transform:none!important;}
#mfs-hiw-master .htd-user-lead-icon{width:78px!important;height:78px!important;max-width:none!important;max-height:none!important;}
#mfs-hiw-master .htd-user-item-icon{width:58px!important;height:58px!important;max-width:none!important;max-height:none!important;margin:-10px auto -6px!important;}
#mfs-hiw-master .hnr-user-icon{width:74px!important;height:74px!important;max-width:none!important;max-height:none!important;}
#mfs-hiw-master .hnr-summary-user-icon{width:42px!important;height:42px!important;max-width:none!important;max-height:none!important;}
body #mfs-hiw-master .hiw-testimonials .hit-prev,body #mfs-hiw-master .hiw-testimonials .hit-next{transform:none!important;rotate:none!important;scale:none!important;}
body #mfs-hiw-master .hiw-testimonials .hit-arrow::before,body #mfs-hiw-master .hiw-testimonials .hit-arrow::after{content:none!important;display:none!important;}
body #mfs-hiw-master .hiw-testimonials .hit-arrow img.hit-user-arrow{display:block!important;width:24px!important;height:24px!important;transform:none!important;}


/* V26.32 — How It Works Figma-scale icon pass. External SVG only; Home/About untouched. */
#mfs-hiw-master .hrp-benefit-user-icon{display:block!important;width:58px!important;height:58px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;transform:none!important;}
#mfs-hiw-master .htd-user-lead-icon{display:block!important;width:78px!important;height:78px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;transform:none!important;}
#mfs-hiw-master .htd-user-item-icon{display:block!important;width:38px!important;height:38px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;margin:0 auto 2px!important;transform:none!important;}
#mfs-hiw-master .hnr-user-icon{display:block!important;width:74px!important;height:74px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;transform:none!important;}
#mfs-hiw-master .hnr-summary-user-icon{display:block!important;width:42px!important;height:42px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;transform:none!important;}
body #mfs-hiw-master .hiw-testimonials button.hit-arrow.hit-prev,body #mfs-hiw-master .hiw-testimonials button.hit-arrow.hit-next{transform:none!important;rotate:none!important;scale:none!important;}
body #mfs-hiw-master .hiw-testimonials button.hit-arrow img.hit-user-arrow{display:block!important;width:24px!important;height:24px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;transform:none!important;rotate:none!important;scale:none!important;}


/* V26.33 — HIW focused Figma typography/star + exact Home testimonial arrows. */
/* Figma 71: orange subsection labels are Inter Regular 13px / 20.1px. */
#mfs-hiw-master .hef-preview-body .hef-col h4,
#mfs-hiw-master .hef-preview-body .hef-col-left h4:first-child{
  margin:8px 0 8px!important;
  padding:0!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:20.1px!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  color:#ca8338!important;
}
/* Keep the preview body copy at the separate Figma text spec. */
#mfs-hiw-master .hef-preview-body .hef-col p{
  font-family:Inter,Arial,sans-serif!important;
  font-size:15.5px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:25.6px!important;
}
/* Preview star: slightly larger and exactly 1px lower than V26.32. */
#mfs-hiw-master .hef-preview-foot .hef-user-star{
  display:block!important;
  width:19px!important;
  height:19px!important;
  position:relative!important;
  top:1px!important;
  transform:none!important;
  max-width:none!important;
  max-height:none!important;
}
/* Testimonials: use the literal Home page arrow assets. HIW button geometry stays untouched. */
body #mfs-hiw-master .hiw-testimonials button.hit-arrow.hit-prev,
body #mfs-hiw-master .hiw-testimonials button.hit-arrow.hit-next{
  transform:none!important;
  rotate:none!important;
  scale:none!important;
}
body #mfs-hiw-master .hiw-testimonials button.hit-arrow img.hit-user-arrow{
  display:block!important;
  width:24px!important;
  height:24px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  transform:none!important;
  rotate:none!important;
  scale:none!important;
}

/* V26.34 — final focused HIW correction pass. Home/About untouched. */
/* Restore the three Figma vertical separators in the HIW stats bar. */
body #mfs-hiw-master .f11-stats .f11-sep{
  position:relative!important;
  flex:0 0 1px!important;
  width:1px!important;
  height:200px!important;
  display:block!important;
  background:rgba(255,255,255,.16)!important;
  overflow:visible!important;
}
body #mfs-hiw-master .f11-stats .f11-sep img{display:none!important;}

/* Preview orange labels: match the Figma visual weight, while body copy stays Inter Regular 15.5/25.6. */
body #mfs-hiw-master .hef-preview-body .hef-col h4{
  margin:8px 0 8px!important;
  padding:0!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  font-style:normal!important;
  font-weight:600!important;
  line-height:20.1px!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#ca8338!important;
}
body #mfs-hiw-master .hef-preview-body .hef-col p{
  font-family:Inter,Arial,sans-serif!important;
  font-size:15.5px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:25.6px!important;
  letter-spacing:0!important;
}
/* Preview footer star: visibly larger and one more pixel lower than V26.33. */
body #mfs-hiw-master .hef-preview-foot .hef-user-star{
  display:block!important;
  width:24px!important;
  height:24px!important;
  max-width:none!important;
  max-height:none!important;
  position:relative!important;
  top:2px!important;
  transform:none!important;
  flex:0 0 24px!important;
}
/* Testimonials: no legacy rotation; each side is a physical Home arrow asset. */
body #mfs-hiw-master .hiw-testimonials button.hit-arrow.hit-prev,
body #mfs-hiw-master .hiw-testimonials button.hit-arrow.hit-next{
  transform:none!important;
  rotate:none!important;
  scale:none!important;
}
body #mfs-hiw-master .hiw-testimonials button.hit-arrow.hit-prev img.hit-user-arrow,
body #mfs-hiw-master .hiw-testimonials button.hit-arrow.hit-next img.hit-user-arrow{
  display:block!important;
  width:24px!important;
  height:24px!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
  rotate:none!important;
  scale:none!important;
}
/* No Risk summary: preserve the supplied 42px outer ring, enlarge only its star artwork (inside SVG). */
body #mfs-hiw-master .hnr-summary-icon{
  width:42px!important;height:42px!important;background:transparent!important;border:0!important;overflow:visible!important;
}
body #mfs-hiw-master .hnr-summary-user-icon{
  display:block!important;width:42px!important;height:42px!important;max-width:none!important;max-height:none!important;transform:none!important;
}


/* V26.35 — hard-stop fixes for the three repeatedly overridden HIW details. */
/* Preview star: asset itself is larger/lower; CSS must not counter-transform it. */
body #mfs-hiw-master .hef-preview-foot img.hef-user-star{display:block!important;width:24px!important;height:24px!important;max-width:none!important;max-height:none!important;position:static!important;top:auto!important;transform:none!important;flex:0 0 24px!important;}
/* Right testimonial arrow: exact Home SVG, never rotate in HIW. */
html body #mfs-hiw-master .hiw-testimonials button.hit-arrow.hit-next,html body #mfs-hiw-master .hiw-testimonials button.hit-arrow.hit-next img.hit-user-arrow{transform:none!important;rotate:none!important;scale:none!important;}
/* No Risk summary: ONE outer ring from wrapper; SVG contains star only. */
html body #mfs-hiw-master .hnr-summary-icon{width:42px!important;height:42px!important;box-sizing:border-box!important;border:1px solid #ca8338!important;border-radius:50%!important;background:transparent!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important;}
html body #mfs-hiw-master .hnr-summary-icon img.hnr-summary-user-icon{display:block!important;width:42px!important;height:42px!important;max-width:none!important;max-height:none!important;transform:none!important;}


/* V26.36 — only the four explicitly approved preview/star corrections. */
/* Restore preview headings to the pre-V26.35 typography. */
html body #mfs-hiw-master .hef-preview-body .hef-col h4{
  margin:8px 0 8px!important;padding:0!important;
  font-family:Inter,Arial,sans-serif!important;font-size:13px!important;font-style:normal!important;
  font-weight:600!important;line-height:20.1px!important;letter-spacing:0!important;text-transform:none!important;color:#ca8338!important;
}
/* BOTH Written Feedback paragraphs must use exactly the same text typography as Strengths list copy. */
html body #mfs-hiw-master .hef-preview-body .hef-col-left > p{
  font-family:Inter,Arial,sans-serif!important;font-size:13px!important;font-style:normal!important;
  font-weight:400!important;line-height:20.15px!important;letter-spacing:0!important;color:#2a2520!important;
}

/* V26.37 — three screenshot-confirmed final corrections only. */
/* Both Written Feedback sample paragraphs: visibly match the smaller Strengths list copy. */
html body #mfs-hiw-master .hef-preview-body .hef-col-left > p{
  font-family:Inter,Arial,sans-serif!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:18.5px!important;
  letter-spacing:0!important;
  color:#2a2520!important;
}


/* V26.38 — force Written Feedback copy to the exact Strengths-list typography at the markup target. */
html body #mfs-hiw-master .hef-preview-body .hef-col-left > p.hef-written-copy{font-family:Inter,Arial,sans-serif!important;font-size:13px!important;font-style:normal!important;font-weight:400!important;line-height:20.15px!important;letter-spacing:0!important;color:#2a2520!important;}


/* V26.43 — How It Works active underline: match About optical rule, 1px beyond text on each side. */
#mfs-hiw-master .f11-nav a.is-active:after{
  left:-1px!important;right:-1px!important;transform:none!important;width:auto!important;
}

/* V26.44 — How It Works active underline: preserve left edge; add 1px on the right to match About optically. */
#mfs-hiw-master .f11-nav a.is-active:after{
  left:-1px!important;right:-2px!important;transform:none!important;width:auto!important;
}


/* V26.45 — Pricing rebuild safety layer. Pricing only.
   Missing Figma MCP assets are deliberately shown as text placeholders; no substitutes are generated. */
#mfs-f1-48.mfs-pricing-page .f11-nav a[href*="/pricing"]::after{left:-1px!important;right:-1px!important;width:auto!important;}
#mfs-f1-48.mfs-pricing-page .mfs-missing-figma-asset{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  min-width:18px;min-height:18px;padding:2px 4px;border:1px dashed #c77f36;
  color:#9b5e22;background:#fff8ef;font:600 9px/1.15 Inter,Arial,sans-serif;
  letter-spacing:.02em;text-align:center;white-space:normal;overflow:hidden;
}
#mfs-f1-48.mfs-pricing-page div > .mfs-missing-figma-asset:only-child{width:100%;height:100%;}

/* V26.47 — Pricing first-section precision pass only. */
.mfs-pricing-page .pricing-v22-icon{font-size:0!important;overflow:visible!important;}
.mfs-pricing-page .pricing-v22-icon>img{display:block!important;width:60px!important;height:60px!important;max-width:none!important;object-fit:contain!important;}
.mfs-pricing-page .pricing-v22-btn{font-weight:600!important;}
/* Match Figma's compact circular check rather than a bare text check. */
.mfs-pricing-page .pricing-v22-card li:before{content:"✓"!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#d59c60!important;color:#fff!important;text-align:center!important;font:700 12px/18px Arial,sans-serif!important;}
/* Pricing footer must literally reuse the approved Home/About/HIW logo asset. */
/* V26.48 — Pricing precision pass from approved HIW/About references + Figma 100% screenshots. */
/* Header logo: literally use the same optical rendering rules as approved How It Works. */
#mfs-f1-48.mfs-pricing-page .f12-logo-export{
  left:81px!important;top:23px!important;width:349px!important;height:128.375px!important;
}
#mfs-f1-48.mfs-pricing-page .f12-logo-export>img{
  display:block!important;width:349px!important;height:128.38px!important;max-width:none!important;
  object-fit:fill!important;object-position:initial!important;margin:0!important;padding:0!important;border:0!important;
}
/* Pricing active underline: preserve approved left edge; add 1px at right, matching HIW optical treatment. */
#mfs-f1-48.mfs-pricing-page .f11-nav a[href*="/pricing"]::after{
  left:-1px!important;right:-2px!important;transform:none!important;width:auto!important;
}
/* Force the actual local Poynter Semibold binary for pricing CTA labels; do not synthesize the weight. */
@font-face{
  font-family:"MFS Poynter Semibold Exact";
  src:url("assets/fonts/PoynterOSDisp-Semibold.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
}
#mfs-f1-48.mfs-pricing-page ~ .pricing-v22-plans .pricing-v22-btn,
.mfs-pricing-page + * .pricing-v22-btn,
body:has(.mfs-pricing-page) .pricing-v22-btn{
  font-family:"MFS Poynter Semibold Exact",Georgia,serif!important;
  font-weight:400!important;
  font-synthesis:none!important;
}
/* Figma node 1:3246: the six-card grid is a centered 1280px canvas, not viewport-wide. */
body:has(.mfs-pricing-page) .pricing-v226-grid{
  width:1280px!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;
}

/* V26.49 — Pricing supplied-Figma-assets + geometry correction pass. */
/* Review CTA typography: Figma uses Cormorant Garamond Semibold, not Poynter. */
body:has(.mfs-pricing-page) .pricing-v22-btn{
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-weight:600!important;
  font-synthesis:none!important;
}
/* Clear/actionable section: fixed Figma 1280px centered canvas. */
.pricing-v226-grid{
  width:1280px!important;
  max-width:1280px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  grid-template-columns:repeat(3,410.6667px)!important;
  gap:24px!important;
}
.pricing-v226-card{width:410.6667px!important;min-height:288px!important;}
.pricing-v226-icon img{width:60px!important;height:60px!important;object-fit:contain!important;}
/* Designed for artists: divider belongs to the full-width section edge. */
.pricing-v2241-audience{border-top:1px solid #d9d9d9!important;}
/* Supplied audience icons. */
.pricing-v2241-icon img{display:block!important;width:60px!important;height:60px!important;max-width:none!important;object-fit:contain!important;}
/* Lower CTA supplied assets. */
.pricing-v2251-button img{display:block!important;flex:0 0 auto!important;object-fit:contain!important;}
.pricing-v2251-secure img{display:block!important;flex:0 0 auto!important;object-fit:contain!important;}
/* Footer logo: no Pricing-specific optical scaling; inherit the exact shared HIW footer geometry. */
@media(max-width:1320px){
  .pricing-v226-grid{width:100%!important;max-width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .pricing-v226-card{width:auto!important;}
}


/* V26.50 — Pricing: exact supplied SVGs + approved HIW footer logo + first CTA correction. */
/* Start Your Review: Figma uses the existing Poynter OldStyle Display Semibold. */
body:has(.mfs-pricing-page) .pricing-v22-btn{
  box-sizing:border-box!important;
  width:354px!important;min-width:354px!important;height:77px!important;
  padding:0 28px!important;
  font-family:"Poynter OldStyle Display",Georgia,serif!important;
  font-size:28px!important;line-height:1!important;font-weight:600!important;
  font-synthesis:none!important;
}
/* Trusted by Artists Worldwide: original supplied Figma arrows. */
body:has(.mfs-pricing-page) .testimonial-arrow img{
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
}
/* What's Next: original supplied Figma trophy. */
body:has(.mfs-pricing-page) .pricing-v230-trophy img{
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
}
/* IMPORTANT: footer logo intentionally has NO Pricing-specific sizing/scale rule.
   It now inherits the exact same shared mfsf-brand geometry as How It Works. */

/* V26.51 — Pricing1 exact supplied SVG pass. Footer override removed in V26.52; Pricing now uses literal Home footer scope. */
/* Start Your Review: keep accepted text/button geometry; replace only arrow glyph with exact SVG. */
body:has(.mfs-pricing-page) .pricing-v22-btn-arrow{display:inline-flex!important;width:24px!important;height:26px!important;flex:0 0 24px!important;align-items:center!important;justify-content:center!important;}
body:has(.mfs-pricing-page) .pricing-v22-btn-arrow img{display:block!important;width:24px!important;height:26px!important;max-width:none!important;object-fit:contain!important;}
/* Exact supplied icons for remaining Pricing sections. */
body:has(.mfs-pricing-page) .pricing-v2235-icon img{display:block!important;width:78px!important;height:78px!important;object-fit:contain!important;}
body:has(.mfs-pricing-page) .songs-arrow img{display:block!important;width:42px!important;height:42px!important;object-fit:contain!important;}
body:has(.mfs-pricing-page) .pricing-v2237-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;}
body:has(.mfs-pricing-page) .pricing-v2238-bolt img{display:block!important;width:64px!important;height:64px!important;object-fit:contain!important;}
body:has(.mfs-pricing-page) .pricing-v2238-button img{display:block!important;width:24px!important;height:26px!important;object-fit:contain!important;}
body:has(.mfs-pricing-page) .pricing-v2238-secure img{display:block!important;width:14px!important;height:14px!important;object-fit:contain!important;}


/* V26.52 — Pricing footer is a literal Home footer copy. No Pricing-specific footer geometry. */
.mfs-home-footer-copy{width:100%;}

/* V26.54 — Pricing section separators standardized to the proven Home divider.
   Long horizontal section boundaries only: 1px solid #E6DDCF.
   No card/internal dashed rules and no section geometry/content changes. */
#mfs-f1-48.mfs-pricing-page .pricing-v226-feedback,
#mfs-f1-48.mfs-pricing-page .pricing-home-testimonials,
#mfs-f1-48.mfs-pricing-page .pricing-v230-example,
#mfs-f1-48.mfs-pricing-page .pricing-v2235-approach,
#mfs-f1-48.mfs-pricing-page .songs-section,
#mfs-f1-48.mfs-pricing-page .pricing-v2237-delivery,
#mfs-f1-48.mfs-pricing-page .pricing-v2238-direction,
#mfs-f1-48.mfs-pricing-page .pricing-v2241-audience,
#mfs-f1-48.mfs-pricing-page .pricing-v2251-cta,
#mfs-f1-48.mfs-pricing-page .pricing-v2260-success-wrap{
  border-left:0!important;
  border-right:0!important;
  border-top:1px solid #E6DDCF!important;
  border-bottom:0!important;
}
/* Adjacent sections share one boundary: avoid double-thick lines. */
#mfs-f1-48.mfs-pricing-page .pricing-v22-plans{border-bottom:0!important;}

/* V26.56 — Pricing long section dividers: apply the proven Home divider to the
   actual Pricing section siblings. V26.54 incorrectly scoped these sections as
   descendants of #mfs-f1-48, but they are siblings, so those rules never matched. */
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v226-feedback,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-home-testimonials,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v230-example,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2235-approach,
body:has(#mfs-f1-48.mfs-pricing-page) .songs-section,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2237-delivery,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2238-direction,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2241-audience,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-cta,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2260-success-wrap{
  border-left:0!important;
  border-right:0!important;
  border-top:1px solid #E6DDCF!important;
  border-bottom:0!important;
}
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v22-plans{
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
}

/* V26.56 — Pricing separators use the exact proven Home mechanism (V19.6),
   not section borders. Remove legacy/Figma top+bottom borders first, then draw
   one full-viewport 1px pseudo-element at the top of every main Pricing section. */
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v226-feedback,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-home-testimonials,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v230-example,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2235-approach,
body:has(#mfs-f1-48.mfs-pricing-page) .songs-section,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2237-delivery,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2238-direction,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2241-audience,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-cta,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2260-success-wrap{
  position:relative!important;
  border:0!important;
}
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v226-feedback::before,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-home-testimonials::before,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v230-example::before,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2235-approach::before,
body:has(#mfs-f1-48.mfs-pricing-page) .songs-section::before,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2237-delivery::before,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2238-direction::before,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2241-audience::before,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-cta::before,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2260-success-wrap::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:50%!important;
  width:100vw!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  background:#E6DDCF!important;
  border:0!important;
  pointer-events:none!important;
  z-index:2!important;
}
/* The plans section ends cleanly; the next section owns the boundary. */
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v22-plans{border-bottom:0!important;}


/* V26.64 — Pricing divider repair from stable V26.56.
   Geometry is intentionally untouched. Header, stats bar and footer are untouched.
   The only clipped separator is the boundary Delivery -> Direction: Direction has
   overflow:hidden, so its 100vw ::before is clipped to the section canvas.
   Move only this divider to the bottom edge of the preceding Delivery section,
   which has no clipping. All other V26.56 full-width separators remain unchanged. */
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2238-direction::before{
  content:none!important;
}
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2237-delivery::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  width:100vw!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  background:#E6DDCF!important;
  border:0!important;
  pointer-events:none!important;
  z-index:2!important;
}

/* V26.65 — Remove only the two unwanted full-width top dividers shown in the
   latest comparison: above Ready to take your music... and above Your Success Matters.
   No geometry, box borders, header, stats bar, footer, or other separators changed. */
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-cta::before,
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2260-success-wrap::before{
  content:none!important;
  display:none!important;
}

/* V26.66 — Pricing lower CTA: restore the Figma geometry only.
   Keep V26.65 divider fixes. Header, stats bar, footer, Success block and all
   preceding sections are untouched. Desktop values match the full-size Figma CTA:
   1280x552 card, 638/638 split, 550px inner height, large 3-line heading,
   orange rule, full-size image and original content spacing. */
@media (min-width:901px){
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-cta{
    box-sizing:border-box!important;
    width:1440px!important;
    height:724px!important;
    margin:0 auto!important;
    padding:86px 80px!important;
    background:#F6F1EE!important;
  }
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-box{
    width:1280px!important;
    height:552px!important;
    grid-template-columns:638px 638px!important;
    grid-template-rows:550px!important;
    border:2px solid #E6DDCF!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#F7F3EF!important;
  }
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-image{
    width:638px!important;
    height:550px!important;
    min-height:0!important;
    border-radius:12px 0 0 12px!important;
  }
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-content{
    box-sizing:border-box!important;
    width:638px!important;
    height:550px!important;
    padding:48px 56px!important;
  }
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-copy{
    width:526px!important;
    gap:24px!important;
  }
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-heading{
    width:526px!important;
    gap:15px!important;
  }
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-heading h2{
    width:526px!important;
    font-size:58px!important;
    line-height:64px!important;
    letter-spacing:-.4754px!important;
    white-space:normal!important;
  }
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-rule{
    display:block!important;
    width:46px!important;
    height:2px!important;
    flex:0 0 2px!important;
    border-radius:1px!important;
    background:#F26B1F!important;
  }
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-copy>p{
    width:526px!important;
    font-size:24px!important;
    line-height:30px!important;
  }
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-button{
    width:auto!important;
    height:74px!important;
    margin-top:24px!important;
    padding:24px 42px!important;
  }
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-button span{
    font-size:30px!important;
    line-height:15px!important;
  }
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-secure{
    width:526px!important;
    height:auto!important;
    margin-top:16px!important;
    padding-top:16px!important;
    font-size:14px!important;
    line-height:17px!important;
  }
}

/* V26.67 — Pricing lower CTA: two screenshot-confirmed corrections only.
   1) Restore the Figma outer section spacing (21px above/below the 552px card).
   2) Match the Figma photo crop by shifting the cover focal point left.
   No card/content geometry, dividers, Success block, header, stats bar or footer changes. */
@media (min-width:901px){
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-cta{
    height:594px!important;
    padding:21px 80px!important;
  }
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-image img{
    object-position:22% center!important;
  }
}

/* V26.68 — Lower-page vertical spacing only, matched to the latest Figma screenshot.
   Keep the CTA card and Your Success Matters card unchanged.
   Preserve 21px above CTA; use 86px below CTA before Success.
   Success already has the correct 86px breathing room before the footer. */
@media (min-width:901px){
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v2251-cta{
    height:659px!important;
    padding:21px 80px 86px!important;
  }
}

/* V26.71 — Pricing horizontal grid normalization against the approved How It Works grid.
   Screenshot/code check found the real outlier: Example Review ("See the depth and clarity...")
   used a 1300px inner canvas with 70px side padding, while the accepted shared page grid and
   the lower Pricing sections use 1280px with 80px side padding. Normalize only this section.
   Fast/Designed/lower CTA/Success already use the 1280px grid and are intentionally untouched. */
@media (min-width:901px){
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v230-example{
    padding-left:80px!important;
    padding-right:80px!important;
  }
  body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v230-wrap{
    width:1280px!important;
    gap:12px!important;
  }
}


/* V26.72 — Pricing: requested Example Review micro-fixes only. */
.pricing-v230-button b{
  width:42px!important;
  height:42px!important;
  display:block!important;
  flex:0 0 42px!important;
}
.pricing-v230-button b img{
  display:block!important;
  width:42px!important;
  height:42px!important;
}


/* V26.74 — Pricing Example Review arrow: use the user-supplied SVG at a new cache-safe URL and restore its native vector size. */
.pricing-v230-button b{
  width:auto!important;
  height:auto!important;
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  font:inherit!important;
}
.pricing-v230-button b img{
  display:block!important;
  width:24px!important;
  height:26px!important;
}

/* V26.76 — Home Hero: one pre-flattened Figma image layer, no double image load. */
#mfs-f1-48 .f11-base-wrap { display:none !important; }
#mfs-f1-48 .f11-front-imgbox { left:136px; top:0; width:1304px; height:656px; overflow:hidden; }
#mfs-f1-48 .f11-front-imgbox img { width:1304px; height:656px; object-fit:none; object-position:0 0; max-width:none; }
/* V26.77 — Home Hero corrected single flattened asset from actual Figma foreground image 003. */
#mfs-f1-48 .f11-base-wrap{display:none!important}
#mfs-f1-48 .f11-front-imgbox{left:136px!important;top:0!important;width:1304px!important;height:656px!important;overflow:hidden!important}
#mfs-f1-48 .f11-front-imgbox img{display:block!important;width:1304px!important;height:656px!important;object-fit:none!important;object-position:0 0!important;max-width:none!important}

/* V26.78 — Home Hero crop correction: same single Figma asset, crop window moved upward to match Figma screenshot. No layout changes. */

/* V26.79: exact Home Hero image registration from supplied Figma screenshot. */
#mfs-f1-48 .f11-front-imgbox{left:0!important;top:0!important;width:1440px!important;height:656px!important;overflow:hidden!important}
#mfs-f1-48 .f11-front-imgbox img{display:block!important;width:1440px!important;height:656px!important;object-fit:none!important;object-position:0 0!important;max-width:none!important}


/* V26.80 — Home Hero flattened from the original Figma foreground asset by reproducing the original Figma/CSS object-fit:cover + center bottom geometry before rasterizing. */
#mfs-f1-48 .f11-base-wrap{display:none!important}
#mfs-f1-48 .f11-front-imgbox{left:0!important;top:0!important;width:1440px!important;height:656px!important;overflow:hidden!important}
#mfs-f1-48 .f11-front-imgbox img{display:block!important;width:1440px!important;height:656px!important;object-fit:none!important;object-position:0 0!important;max-width:none!important}

/* V26.81 Home Hero: single precomposed 1440x656 raster displayed 1:1. */
#mfs-f1-48:not(.mfs-about-page) .f11-hero .f11-base-wrap { display:none !important; }
#mfs-f1-48:not(.mfs-about-page) .f11-hero .f11-front-imgbox { left:0 !important; top:0 !important; width:1440px !important; height:656px !important; }
#mfs-f1-48:not(.mfs-about-page) .f11-hero .f11-front-imgbox img { width:1440px !important; height:656px !important; object-fit:fill !important; object-position:0 0 !important; }


/* V26.82 Home Hero: single transparent 1440x656 raster composed from the original Figma foreground asset using the measured Figma screenshot transform (25% canvas zoom): scale 0.745269, x 295, y -47. No browser crop/cover. */
#mfs-f1-48:not(.mfs-about-page) .f11-hero .f11-base-wrap { display:none !important; }
#mfs-f1-48:not(.mfs-about-page) .f11-hero .f11-front-imgbox { left:0 !important; top:0 !important; width:1440px !important; height:656px !important; overflow:hidden !important; }
#mfs-f1-48:not(.mfs-about-page) .f11-hero .f11-front-imgbox img { display:block !important; width:1440px !important; height:656px !important; object-fit:none !important; object-position:0 0 !important; max-width:none !important; }


/* V26.85 — Testimonials Hero micro-corrections from 100% WP vs supplied Figma PNG.
   Scope intentionally limited to Hero/Header; all lower sections untouched. */
@media (min-width:901px){
  /* User QA: active Testimonials marker is ~2 px too long on each side. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-nav a.is-active::after{
    width:104px!important;
  }

  /* User QA: Testimonials logo is ~1 px too far left. Page-local correction only. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-logo{
    left:82px!important;
  }

  /* Figma PNG comparison: preserve the Hero boxes and horizontal crop;
     reveal slightly more of the source at the bottom instead of cutting it early.
     Only the front raster crop is adjusted; Hero section geometry is unchanged. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox img{
    top:-5.85%!important;
    height:113.98%!important;
  }
}


/* ==========================================================================
   V26.86 — TESTIMONIALS HERO: RESTORE EXACT FIGMA TWO-LAYER GEOMETRY
   Root cause fixed:
   V26.81/V26.82 Home rules used #mfs-f1-48:not(.mfs-about-page), which also
   matched Testimonials. They hid the base layer and forced the foreground
   raster to 1440x656, making the image appear too close / over-cropped.
   This page-local block restores the previously recorded Figma geometry.
   ========================================================================== */
@media (min-width:901px){

  /* User QA: V26.85 logo was 1px too far right. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-logo{
    left:81px!important;
  }

  /* Exact active marker recorded from Figma in the approved Testimonials path. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-nav a.is-active::after{
    width:48px!important;
    height:2px!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:-8px!important;
    transform:translateX(-50%)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:1px!important;
    background:#d28b3f!important;
  }

  /* Re-enable the Testimonials base image layer hidden by V26.81/V26.82. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-hero .f11-base-wrap{
    display:block!important;
    left:0!important;
    top:0!important;
    right:auto!important;
    bottom:auto!important;
    width:1440px!important;
    height:703px!important;
    overflow:hidden!important;
    background:#1a0e07!important;
  }

  /* Figma base image layer geometry. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox{
    left:373px!important;
    top:-13px!important;
    width:1067px!important;
    height:711px!important;
  }
  .mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox img{
    inset:0!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
  }

  /* Exact Figma foreground image frame: x321 y1 w1120 h652. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox{
    display:block!important;
    left:321px!important;
    top:1px!important;
    width:1120px!important;
    height:652px!important;
    overflow:hidden!important;
  }

  /* Exact image transform previously recorded from Figma.
     This intentionally overrides the V26.85 eye-tuned crop. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox img{
    display:block!important;
    inset:auto!important;
    left:-0.04%!important;
    top:-6.29%!important;
    width:100.07%!important;
    height:114.42%!important;
    max-width:none!important;
    object-fit:fill!important;
    object-position:initial!important;
  }
}


/* ==========================================================================
   V26.87 — TESTIMONIALS HERO
   Reference: user's Figma 100% screenshots.
   Figma's selected "Gradient+Image+Background" wrapper is exactly 1440 x 644.
   Restore the Hero as that full-width composition rather than using the
   incorrect V26.86 internal 1120/1067 crop geometry.
   Scope: Testimonials Header/Hero only.
   ========================================================================== */
@media (min-width:901px){

  /* User correction: logo needs +1px right from V26.86. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-logo{
    left:82px!important;
  }

  /* Restore the previous good Testimonials underline from V26.85. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-nav a.is-active::after{
    width:104px!important;
    height:2px!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:-8px!important;
    transform:translateX(-50%)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:1px!important;
    background:#d28b3f!important;
  }

  /* Exact Figma outer image-composition frame: 1440 x 644. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-hero{
    height:644px!important;
    min-height:644px!important;
    overflow:hidden!important;
  }

  /* The designer composition is represented by the original full raster.
     Use one 1440x644 viewport; do not apply the V26.86 internal crop boxes. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-hero .f11-base-wrap{
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1440px!important;
    height:644px!important;
    overflow:hidden!important;
    background:#1a0e07!important;
  }

  .mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1440px!important;
    height:644px!important;
    overflow:hidden!important;
  }

  .mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox img{
    position:absolute!important;
    inset:0!important;
    left:0!important;
    top:0!important;
    width:1440px!important;
    height:644px!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
  }

  /* Disable the duplicate foreground layer. The Figma screenshot shows the
     final 1440x644 Gradient+Image+Background composition as one visual frame. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox{
    display:none!important;
  }

  /* Keep text/content above the restored composition. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-hero-content{
    z-index:5!important;
  }
}


/* ==========================================================================
   V26.88 — TESTIMONIALS HERO: EXACT FIGMA LAYERS FROM USER SCREENSHOTS
   Only Header/Hero touched. Stats and all lower sections untouched.
   ========================================================================== */
@media (min-width:901px){

  /* User correction: logo +1px right from V26.87. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-logo{
    left:83px!important;
  }

  /* Keep the previously approved Testimonials underline unchanged. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-nav a.is-active::after{
    width:104px!important;
    height:2px!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:-8px!important;
    transform:translateX(-50%)!important;
  }

  /* Figma outer Hero visual frame. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-hero{
    height:644px!important;
    min-height:644px!important;
    overflow:hidden!important;
  }

  /* Re-enable the two-layer Figma composition. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-hero .f11-base-wrap{
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1440px!important;
    height:644px!important;
    overflow:hidden!important;
    background:#1a0e07!important;
  }

  /* LOWER / BASE IMAGE LAYER — exact Figma values:
     X 373, Y -84, W 1067, H 711 */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox{
    display:block!important;
    position:absolute!important;
    left:373px!important;
    top:-84px!important;
    width:1067px!important;
    height:711px!important;
    overflow:hidden!important;
  }
  .mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
  }

  /* UPPER / FRONT IMAGE LAYER — exact Figma values:
     X 320, Y 0, W 1120, H 652 */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox{
    display:block!important;
    position:absolute!important;
    left:320px!important;
    top:0!important;
    width:1120px!important;
    height:652px!important;
    overflow:hidden!important;
  }
  .mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
  }

  .mfs-testimonials-v236 #mfs-f1-48 .f11-hero-content{
    z-index:5!important;
  }
}


/* ==========================================================================
   V26.89 — TESTIMONIALS HERO: FIGMA IMAGE-LAYER RENDERING
   The Figma hierarchy shows Image (5) 1 and image 4 as IMAGE layers with their
   own explicit W/H, not CSS cover backgrounds. V26.88 incorrectly applied
   object-fit:cover, which re-cropped the 1537x1023 source inside each Figma
   rectangle and therefore zoomed the photograph.
   Keep exact Figma layer boxes; render the raster into those boxes directly.
   ========================================================================== */
@media (min-width:901px){
  .mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox{
    left:373px!important;
    top:-84px!important;
    width:1067px!important;
    height:711px!important;
  }
  .mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox img{
    left:0!important;
    top:0!important;
    width:1067px!important;
    height:711px!important;
    max-width:none!important;
    object-fit:fill!important;
    object-position:0 0!important;
  }

  .mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox{
    left:320px!important;
    top:0!important;
    width:1120px!important;
    height:652px!important;
  }
  .mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox img{
    left:0!important;
    top:0!important;
    width:1120px!important;
    height:652px!important;
    max-width:none!important;
    object-fit:fill!important;
    object-position:0 0!important;
  }
}


/* ==========================================================================
   V26.90 — TESTIMONIALS HERO: DIRECT FIGMA SOURCE + FIGMA CROP TRANSFORM
   Source image was copied byte-for-byte again from the designer .fig.
   Important: do NOT use CSS cover/fill as a second crop operation.
   The front IMAGE layer uses the crop transform recorded from the Figma design.
   ========================================================================== */
@media (min-width:901px){

  body.mfs-testimonials-v236 #mfs-f1-48 .f11-hero{
    height:644px!important;
    min-height:644px!important;
    overflow:hidden!important;
  }

  body.mfs-testimonials-v236 #mfs-f1-48 .f11-hero .f11-base-wrap{
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1440px!important;
    height:644px!important;
    overflow:hidden!important;
  }

  /* Figma image 4 */
  body.mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox{
    display:block!important;
    position:absolute!important;
    left:373px!important;
    top:-84px!important;
    width:1067px!important;
    height:711px!important;
    overflow:hidden!important;
  }
  body.mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox img{
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1067px!important;
    height:711px!important;
    max-width:none!important;
    object-fit:fill!important;
    object-position:0 0!important;
  }

  /* Figma Image (5) 1 */
  body.mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox{
    display:block!important;
    position:absolute!important;
    left:320px!important;
    top:0!important;
    width:1120px!important;
    height:652px!important;
    overflow:hidden!important;
  }

  /* Exact crop/scale previously recorded from Figma:
     left -0.04%, top -6.29%, width 100.07%, height 114.42%.
     This corresponds to the original 1537x1023 raster being scaled to
     about 1121x746 and shifted upward about 41px inside the 1120x652 frame. */
  body.mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox img{
    display:block!important;
    position:absolute!important;
    inset:auto!important;
    left:-0.04%!important;
    top:-6.29%!important;
    width:100.07%!important;
    height:114.42%!important;
    max-width:none!important;
    object-fit:fill!important;
    object-position:0 0!important;
  }
}


/* ==========================================================================
   V26.91 — TESTIMONIALS HERO
   Restore the historically accepted V24.1 Hero image implementation.
   Design #8 records that after V24.1 the user's QA was:
   "Отлично. Осталось не правильное подчёркивание" — i.e. Hero was accepted.
   These rules are copied from the preserved V24.1 block already in this theme.
   Header/nav/underline/logo are intentionally NOT changed here.
   ========================================================================== */
@media (min-width:901px){
  .mfs-testimonials-v236 #mfs-f1-48 .f11-base-wrap{
    display:block!important;
    left:0!important;
    top:0!important;
    right:auto!important;
    bottom:auto!important;
    width:1440px!important;
    height:703px!important;
    overflow:hidden!important;
    background:#1a0e07!important;
  }

  .mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox{
    display:block!important;
    left:373px!important;
    top:-13px!important;
    width:1067px!important;
    height:711px!important;
  }

  .mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox img{
    inset:0!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
  }

  .mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox{
    display:block!important;
    left:321px!important;
    top:1px!important;
    width:1120px!important;
    height:652px!important;
    overflow:hidden!important;
  }

  .mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox img{
    inset:auto!important;
    left:-0.04%!important;
    top:-6.29%!important;
    width:100.07%!important;
    height:114.42%!important;
    max-width:none!important;
    object-fit:fill!important;
    object-position:initial!important;
  }
}

/* V26.92 — Testimonials Hero flattened from the two exact Figma-exported image layers supplied by user.
   Figma geometry: Image (5) 1 = x320 y0 1120x652; image 4 = x373 y-84 1067x711 (underneath).
   Browser now displays one precomposed 1440x656 raster 1:1. Gradient/copy remain separate and unchanged. */
.mfs-testimonials-v236 #mfs-f1-48 .f11-hero .f11-base-wrap{display:none!important;}
.mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox{left:0!important;top:0!important;width:1440px!important;height:656px!important;overflow:hidden!important;z-index:2!important;}
.mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox img{display:block!important;left:0!important;top:0!important;inset:auto!important;width:1440px!important;height:656px!important;max-width:none!important;object-fit:none!important;object-position:0 0!important;}


/* ==========================================================================
   V26.95 — TESTIMONIALS HERO: V26.92 + SINGLE-RASTER FIGMA FIT
   Base is V26.92 (user: "практически нормально").
   No return to the two-image browser composition.
   Only the already-flattened raster is fitted as one unit.
   Header/logo/text/CTA/Stats/lower sections are untouched.
   ========================================================================== */
@media (min-width:901px){
  body.mfs-testimonials-v236 #mfs-f1-48 .f11-hero{
    height:656px!important;
    min-height:656px!important;
    overflow:hidden!important;
  }

  body.mfs-testimonials-v236 #mfs-f1-48 .f11-base-wrap{
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1440px!important;
    height:656px!important;
    overflow:hidden!important;
  }

  body.mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox{
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1440px!important;
    height:656px!important;
    overflow:hidden!important;
  }

  /*
   * The flattened PNG is already the Figma layer composition.
   * Fit it 1:1 to the 1440×656 hero — no cover, no second crop,
   * no independent scaling of the source layers.
   */
  body.mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    left:0!important;
    top:0!important;
    width:1440px!important;
    height:656px!important;
    max-width:none!important;
    object-fit:fill!important;
    object-position:0 0!important;
    transform:none!important;
  }

  body.mfs-testimonials-v236 #mfs-f1-48 .f11-front-imgbox{
    display:none!important;
  }
}


/* ==========================================================================
   V26.97 — Testimonials Hero: vertical correction only.
   Pixel comparison of V26.95 Testimonials vs accepted About screenshot:
   X scale ~= 0.9998 (effectively identical)
   Y scale ~= 0.99281
   Therefore do NOT resize horizontally or reposition the composition.
   Compress only the flattened raster vertically: 656px -> 651px.
   Logo is exactly V26.95; V26.96 +1px experiment is discarded.
   ========================================================================== */
@media (min-width:901px){
  body.mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox img{
    left:0!important;
    top:0!important;
    width:1440px!important;
    height:651px!important;
    max-width:none!important;
    object-fit:fill!important;
    object-position:0 0!important;
    transform:none!important;
  }
}


/* V26.98 — Testimonials Hero: final tiny vertical correction only.
   V26.97 = 651px; reduce another 2px. Everything else remains unchanged. */
@media (min-width:901px){
  body.mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox img{
    height:649px!important;
  }
}


/* V26.99 — Testimonials Hero: final 1px vertical correction only.
   649px -> 648px. Everything else is intentionally unchanged. */
@media (min-width:901px){
  body.mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox img{
    height:648px!important;
  }
}


/* V27.00 — Testimonials Hero: position correction only.
   Keep V26.99 size (1440x648); move the flattened raster exactly 1px down.
   No X, scale, logo, text, CTA, Stats or lower-section changes. */
@media (min-width:901px){
  body.mfs-testimonials-v236 #mfs-f1-48 .f11-base-imgbox img{
    top:1px!important;
  }
}


/* ==========================================================================
   V27.01 — TESTIMONIALS ONLY: stable logo + standard Hero button arrow
   Root cause of the "floating" logo:
   About uses the exact marker class .f12-logo-figma-svg, while Testimonials
   was still using only the generic .f12-logo-export and therefore remained
   exposed to accumulated generic logo rules in the stylesheet.

   Testimonials is now explicitly locked to the SAME final logo geometry and
   image rendering as About, without modifying About or any other page.
   ========================================================================== */
@media (min-width:901px){
  body.mfs-testimonials-v236 #mfs-f1-48 .f12-logo-export.f12-logo-figma-svg{
    position:absolute!important;
    left:81px!important;
    top:23px!important;
    width:349px!important;
    height:128.38px!important;
    display:block!important;
    z-index:10!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
  }

  body.mfs-testimonials-v236 #mfs-f1-48 .f12-logo-export.f12-logo-figma-svg>img{
    display:block!important;
    position:static!important;
    width:349px!important;
    height:128.38px!important;
    max-width:none!important;
    object-fit:fill!important;
    object-position:initial!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
}


/* V27.03 — Testimonials "What Artists Say..." section:
   restore V27.01 design; remove ONLY the outer left/right side borders/lines. */
@media (min-width:901px){
  body.mfs-testimonials-v236 .tm-themes-v236{
    border-left:0!important;
    border-right:0!important;
  }
  body.mfs-testimonials-v236 .tm-themes-v236::before,
  body.mfs-testimonials-v236 .tm-themes-v236::after{
    display:none!important;
    content:none!important;
  }
}


/* ==========================================================================
   V27.05 — TESTIMONIALS CLEAN SPACING/DIVIDERS
   Base: V27.03.
   No section heights changed. No structural reflow.
   Only requested spacing/divider corrections.
   ========================================================================== */
@media (min-width:901px){

  /* Canonical divider style for major section boundaries. */
  body.mfs-testimonials-v236 .tm-clients-v246,
  body.mfs-testimonials-v236 .tm-songs-v248,
  body.mfs-testimonials-v236 .tm-proof-v249,
  body.mfs-testimonials-v236 .tm-right-v2411{
    border-top:1px solid #e6ddcf!important;
    box-shadow:none!important;
  }

  /* Remove any accidental second/bottom divider line that creates a 2px look. */
  body.mfs-testimonials-v236 .tm-themes-v236,
  body.mfs-testimonials-v236 .tm-clients-v246,
  body.mfs-testimonials-v236 .tm-songs-v248,
  body.mfs-testimonials-v236 .tm-proof-v249{
    border-bottom:0!important;
  }

  /* What Artists Say...
     Keep original V27.03 geometry, only normalize the text-to-cards gap
     and bottom breathing room without changing section height. */
  body.mfs-testimonials-v236 .tm-themes-v236 .tm-themes-grid{
    margin-top:28px!important;
  }

  /* Testimonials from Our Clients:
     divider -> heading, then subtitle -> cards */
  body.mfs-testimonials-v236 .tm-clients-v246{
    padding-top:84px!important;
  }
  body.mfs-testimonials-v236 .tm-clients-carousel{
    margin-top:32px!important;
  }

  /* Songs We've Reviewed & Supported:
     divider -> heading and subtitle -> cards */
  body.mfs-testimonials-v236 .tm-songs-v248{
    padding-top:84px!important;
  }
  body.mfs-testimonials-v236 .tm-songs-carousel{
    margin-top:40px!important;
  }

  /* The Proof Behind the Feedback:
     divider -> heading, subtitle -> stat cards */
  body.mfs-testimonials-v236 .tm-proof-v249{
    padding-top:84px!important;
  }
  body.mfs-testimonials-v236 .tm-proof-grid{
    margin-top:32px!important;
  }

  /* Restore the missing divider before "Is Our Service Right for You?" */
  body.mfs-testimonials-v236 .tm-right-v2411{
    border-top:1px solid #e6ddcf!important;
  }
}

/* ========================================================================== 
   V27.06 — TESTIMONIALS ONLY: final vertical rhythm pass from supplied screenshots.
   Important: use the existing fixed Figma geometry instead of ineffective padding
   overrides on sections whose children are absolutely positioned.
   Other pages are untouched.
   ========================================================================== */
@media (min-width:901px){
  /* Testimonials from Our Clients: subtitle -> cards = 32px (canonical). */
  body.mfs-testimonials-v236 .tm-clients-carousel{margin-top:32px!important;}

  /* Songs: subtitle -> cards = 40px, preserving the established Home-like rhythm. */
  body.mfs-testimonials-v236 .tm-songs-carousel{margin-top:40px!important;}

  /* Proof: restore its original Figma vertical geometry exactly.
     Heading y=87; cards y=248; cards end y=496; divider/section end y=582,
     leaving 86px below the cards before the next divider. */
  body.mfs-testimonials-v236 .tm-proof-v249{
    height:582px!important;
    padding:0!important;
    border-top:1px solid #e6ddcf!important;
    border-bottom:0!important;
    box-shadow:none!important;
  }
  body.mfs-testimonials-v236 .tm-proof-heading{top:87px!important;}
  body.mfs-testimonials-v236 .tm-proof-grid{
    top:248px!important;
    margin-top:0!important;
  }

  /* Next section: one canonical 1px divider and original 87px top rhythm. */
  body.mfs-testimonials-v236 .tm-right-v2411{
    height:404px!important;
    padding:0!important;
    border-top:1px solid #e6ddcf!important;
    box-shadow:none!important;
  }
  body.mfs-testimonials-v236 .tm-right-heading{top:87px!important;}
  body.mfs-testimonials-v236 .tm-right-grid{top:239px!important;}
}


/* ==========================================================================
   V27.08 — TESTIMONIALS ONLY
   1) Asset audit: use existing source files where present; mark only the
      unresolved magnifying-glass icon as НЕТ ИЗОБРАЖЕНИЯ.
   2) Normalize subtitle/supportive-text -> cards to the Home reference: 57px.
   3) Preserve an 86px bottom rhythm after moved card groups.
   4) Increase lower supportive-row -> CTA breathing room.
   5) Normalize final supportive strip -> footer breathing room.
   ========================================================================== */
@media (min-width:901px){

  /* First section icon source audit */
  body.mfs-testimonials-v236 .tm-theme-icon .tm-theme-icon-img{
    display:block!important;
    width:50px!important;
    height:50px!important;
    max-width:none!important;
    object-fit:contain!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  body.mfs-testimonials-v236 .tm-theme-icon .tm-theme-icon-heart{
    filter:brightness(0)!important;
  }
  body.mfs-testimonials-v236 .tm-theme-icon.tm-missing-image{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    padding:8px!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:10px!important;
    line-height:12px!important;
    font-weight:700!important;
    letter-spacing:.02em!important;
    color:#7a3e13!important;
    background:#f4d9bd!important;
  }

  /* Testimonials from Our Clients:
     subtitle bottom -> cards = 57px.
     Height grows by the same +25px so the lower divider keeps its 86px rhythm. */
  body.mfs-testimonials-v236 .tm-clients-v246{
    height:999px!important;
  }
  body.mfs-testimonials-v236 .tm-clients-carousel{
    margin-top:57px!important;
  }

  /* Songs We've Reviewed & Supported:
     subtitle bottom -> cards = 57px.
     Height grows by +17px so the section keeps its original 86px bottom rhythm. */
  body.mfs-testimonials-v236 .tm-songs-v248{
    height:1427px!important;
  }
  body.mfs-testimonials-v236 .tm-songs-carousel{
    margin-top:57px!important;
  }

  /* The Proof Behind the Feedback:
     heading frame ends at y=216; cards now start y=273 => 57px.
     Cards end y=521; section ends y=607 => 86px below cards. */
  body.mfs-testimonials-v236 .tm-proof-v249{
    height:607px!important;
    padding:0!important;
  }
  body.mfs-testimonials-v236 .tm-proof-heading{
    top:87px!important;
  }
  body.mfs-testimonials-v236 .tm-proof-grid{
    top:273px!important;
    margin-top:0!important;
  }

  /* Is Our Service Right for You?:
     keep heading and supportive row fixed; add breathing room below the row
     before the CTA by extending only the section bottom. */
  body.mfs-testimonials-v236 .tm-right-v2411{
    height:436px!important;
    padding:0!important;
  }
  body.mfs-testimonials-v236 .tm-right-heading{
    top:87px!important;
  }
  body.mfs-testimonials-v236 .tm-right-grid{
    top:239px!important;
  }

  /* Last supportive strip:
     content ends near y=160; 246px total leaves ~86px before the footer. */
  body.mfs-testimonials-v236 .tm-secondary-trust-v2427{
    height:246px!important;
  }
}


/* ==========================================================================
   V27.09 — exact user-supplied Figma SVGs, section order preserved.
   ========================================================================== */
@media (min-width:901px){
  body.mfs-testimonials-v236 .tm-theme-icon .tm-theme-icon-img{
    width:50px!important;
    height:50px!important;
    display:block!important;
    object-fit:contain!important;
    filter:none!important;
  }
  body.mfs-testimonials-v236 .tm-proof-icon .tm-proof-icon-img{
    width:32px!important;
    height:32px!important;
    display:block!important;
    object-fit:contain!important;
  }
  body.mfs-testimonials-v236 .tm-right-icon .tm-right-icon-img{
    width:24px!important;
    height:24px!important;
    display:block!important;
    object-fit:contain!important;
  }
  body.mfs-testimonials-v236 .tm-final-cta-trust .tm-final-cta-trust-img{
    width:14px!important;
    height:14px!important;
    display:block!important;
    object-fit:contain!important;
    flex:0 0 14px!important;
  }
  body.mfs-testimonials-v236 .tm-secondary-trust-icon .tm-secondary-trust-icon-img{
    width:18px!important;
    height:18px!important;
    display:block!important;
    object-fit:contain!important;
  }
}


/* ==========================================================================
   V27.10 — FIX USER-SUPPLIED FIGMA SVG RENDERING
   The supplied SVGs already contain their complete Figma circles/backgrounds.
   V27.09 incorrectly rendered only the old inner-icon dimensions.
   Fill each existing Figma slot with the complete exported SVG.
   ========================================================================== */
@media (min-width:901px){
  body.mfs-testimonials-v236 .tm-theme-icon{
    padding:0!important;
    overflow:visible!important;
  }
  body.mfs-testimonials-v236 .tm-theme-icon .tm-theme-icon-img{
    width:116px!important;
    height:116px!important;
    max-width:none!important;
    object-fit:fill!important;
  }

  body.mfs-testimonials-v236 .tm-proof-icon{
    padding:0!important;
    overflow:hidden!important;
  }
  body.mfs-testimonials-v236 .tm-proof-icon .tm-proof-icon-img{
    width:78px!important;
    height:78px!important;
    max-width:none!important;
    object-fit:fill!important;
  }

  body.mfs-testimonials-v236 .tm-right-icon{
    padding:0!important;
    overflow:hidden!important;
  }
  body.mfs-testimonials-v236 .tm-right-icon .tm-right-icon-img{
    width:52px!important;
    height:52px!important;
    max-width:none!important;
    object-fit:fill!important;
  }

  body.mfs-testimonials-v236 .tm-secondary-trust-icon{
    padding:0!important;
    overflow:hidden!important;
  }
  body.mfs-testimonials-v236 .tm-secondary-trust-icon .tm-secondary-trust-icon-img{
    width:46px!important;
    height:46px!important;
    max-width:none!important;
    object-fit:fill!important;
  }

  /* CTA exports are genuinely 14×14 and were already correct. */
  body.mfs-testimonials-v236 .tm-final-cta-trust .tm-final-cta-trust-img{
    width:14px!important;
    height:14px!important;
    max-width:none!important;
    object-fit:fill!important;
  }
}


/* V27.12 — section 1 exact supplied Figma exports; no old substitute icons. */
@media (min-width:901px){
  body.mfs-testimonials-v236 .tm-themes-v236 .tm-theme-icon{
    background:transparent!important;
  }
  body.mfs-testimonials-v236 .tm-themes-v236 .tm-theme-icon .tm-theme-icon-img{
    display:block!important;
    width:116px!important;
    height:116px!important;
    max-width:none!important;
    object-fit:fill!important;
    filter:none!important;
    margin:0!important;
    padding:0!important;
  }
  body.mfs-testimonials-v236 .tm-themes-v236 .tm-theme-icon .tm-theme-icon-img-4{
    width:130px!important;
    height:130px!important;
    margin:-7px 0 0 -7px!important;
  }
}


/* ==========================================================================
   V27.18 — PRICING HERO IMAGE ONLY
   Restore the previously approved Pricing-specific Figma geometry after the
   later broad Home V26.81/V26.82 rules accidentally override it.
   No Header, copy, Hero frame, Stats, lower sections or other pages changed.
   ========================================================================== */
@media (min-width:901px){
  #mfs-f1-48.mfs-pricing-page .f11-front-imgbox{
    display:block!important;
    position:absolute!important;
    left:281px!important;
    top:-69px!important;
    width:1159px!important;
    height:772px!important;
    overflow:hidden!important;
  }

  #mfs-f1-48.mfs-pricing-page .f11-front-imgbox img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    image-rendering:auto!important;
  }
}


/* V27.19 — Pricing Hero image specificity correction.
   V27.18 had the right values but its selector was weaker than the later
   V26.81/V26.82 Home selector because that selector also contains .f11-hero.
   Match/exceed that specificity, Pricing only. */
@media (min-width:901px){
  #mfs-f1-48.mfs-pricing-page .f11-hero .f11-front-imgbox{
    display:block!important;
    position:absolute!important;
    left:281px!important;
    top:-69px!important;
    width:1159px!important;
    height:772px!important;
    overflow:hidden!important;
  }
  #mfs-f1-48.mfs-pricing-page .f11-hero .f11-front-imgbox img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    image-rendering:auto!important;
  }
}


/* ==========================================================================
   V27.20 — PRICING HERO GRADIENTS ONLY
   Exact fill stops read from the supplied Figma screenshots.
   Figma selected Gradient+Image+Background frame: X 0, Y 0, W 1440, H 703.
   Radial #110A05: 0%/0, 38%/5, 60%/55, 86%/100.
   Linear #110A05: 0%/100, 22%/85, 42%/0.
   Pricing only. V27.19 photo geometry is untouched.
   ========================================================================== */
@media (min-width:901px){
  #mfs-f1-48.mfs-pricing-page .f11-hero .f11-gradient{
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1440px!important;
    height:703px!important;
    opacity:1!important;
    filter:none!important;
    background:
      radial-gradient(
        ellipse 1032.2px 578.13px at 1195.3px 326.5px,
        rgba(17,10,5,0) 0%,
        rgba(17,10,5,.05) 38%,
        rgba(17,10,5,.55) 60%,
        rgba(17,10,5,1) 86%
      ),
      linear-gradient(
        90deg,
        rgba(17,10,5,1) 0%,
        rgba(17,10,5,.85) 22%,
        rgba(17,10,5,0) 42%
      )!important;
  }
}


/* V27.32 — Home Hero: use the exact working Pricing button arrow asset and geometry. */
#mfs-f1-48 .f11-review-link img{display:block!important;width:24px!important;height:26px!important;max-width:none!important;object-fit:contain!important;}

/* V27.34 — Testimonials active nav underline: match Pricing side overhang exactly. */
@media (min-width:901px){
  .mfs-testimonials-v236 #mfs-f1-48 .f11-nav a.is-active::after{
    left:-1px!important;
    right:-2px!important;
    width:auto!important;
    transform:none!important;
  }
}

/* V27.36 — Contact: explicit marker only where the exact local Figma asset is genuinely absent. */
.mfs-contact-page .contact-missing-asset,
.contact-support-section .contact-missing-asset,
.contact-forms-section .contact-missing-asset,
.contact-faq-section .contact-missing-asset,
.mfs-contact-footer .contact-missing-asset {
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:32px;
  padding:3px 5px;border:1px dashed currentColor;font-size:8px;line-height:1.05;text-align:center;
}




/* V27.41 — Contact Hero reset to approved V25.0/Figma geometry.
   No experimental image or typography overrides. Keep only the previously
   approved 1px logo alignment correction on Contact desktop. */
@media (min-width:901px){
  body.mfs-contact-v250 #mfs-f1-48 .f12-logo-export{
    left:81px!important;
  }
}


/* V27.48 — Contact top micro-alignment only: logo 1px left, Hero image 1px down, Contact active nav. */
@media (min-width:901px){
  body.mfs-contact-v250 #mfs-f1-48 .f11-front-imgbox{top:0!important;}
}

/* V27.49 — Contact Hero: preferred photo only; stable Home shell retained. No text/layout/lower-page changes. */




/* ==========================================================================
   Contact V27.64 — exact uploaded SVG geometry.
   Historical fix reused from the approved icon work: full Figma SVGs must
   render at their own native geometry, not as a small icon inside an old
   CSS container.
   ========================================================================== */
@media (min-width:761px){
  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-support-icon{
    background:transparent !important;
    overflow:visible !important;
  }
  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-support-icon img{
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    transform:none !important;
    width:89px !important;
    height:88px !important;
    max-width:none !important;
    object-fit:contain !important;
  }

  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-faq-icon img,
  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-faq-item:first-child .contact-faq-icon img,
  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-faq-item:nth-child(2) .contact-faq-icon img{
    width:40px !important;
    height:40px !important;
    max-width:none !important;
    object-fit:contain !important;
  }
}

/* Requested micro-alignment: move "(for urgent inquiries)" exactly 1px down
   relative to V27.63 (remove the previous -1px upward translation). */
body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-callback-title span{
  transform:translateY(0) !important;
}


/* V27.65 — Contact footer copied literally from Home.
   Give Contact the exact same Home footer-logo geometry. */
body.mfs-contact-v250:not(.mfs-contact-thank-you) .mfs-footer .mfsf-brand-home-figma-svg{
  position:relative!important;
  width:349px!important;
  height:128.38px!important;
  display:block!important;
  flex:0 0 349px!important;
}
body.mfs-contact-v250:not(.mfs-contact-thank-you) .mfs-footer .mfsf-brand-home-figma-svg>img{
  display:block!important;
  width:349px!important;
  height:128.38px!important;
  max-width:none!important;
  object-fit:fill!important;
}

/* V27.66 Contact Thank You — STEP 1 ONLY: exact Home footer logo geometry. */
body.mfs-contact-thank-you .mfs-footer .mfsf-brand-home-figma-svg{
 position:relative!important;width:349px!important;height:128.38px!important;
 display:block!important;flex:0 0 349px!important;
}
body.mfs-contact-thank-you .mfs-footer .mfsf-brand-home-figma-svg>img{
 display:block!important;width:349px!important;height:128.38px!important;
 max-width:none!important;object-fit:fill!important;
}


/* ==========================================================================
   Contact Thank You V27.74 — full uploaded Figma SVG geometry.
   Same proven fix as V26.24/V26.28:
   the uploaded SVG already contains the complete circle/frame, so do not
   shrink it into an older CSS-drawn container.
   ========================================================================== */

/* Three "Here's what you can expect" icons: SVG itself is 96×96. */
.mfs-contact-thank-you .cty-next-icon-wrap{
  background:transparent !important;
  overflow:visible !important;
}
.mfs-contact-thank-you .cty-next-icon-wrap img{
  width:96px !important;
  height:96px !important;
  max-width:none !important;
  object-fit:contain !important;
}

/* "Ready to get feedback..." icon: SVG itself is the complete 78×78 ring + waveform. */
.mfs-contact-thank-you .cty-cta-icon{
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
}
.mfs-contact-thank-you .cty-cta-icon img{
  width:78px !important;
  height:78px !important;
  max-width:none !important;
  object-fit:contain !important;
}

/* Button arrow is already a native 24×29 export; preserve it exactly. */
.mfs-contact-thank-you .cty-cta-link img{
  width:24px !important;
  height:29px !important;
  max-width:none !important;
  object-fit:contain !important;
}


/* V27.76 — Contact Thank You:
   keep the V27.74 lower CTA button exactly as it was;
   only raise its existing arrow by 2px to match the visual alignment
   of the approved Home "Get Your Review" arrow. */
.mfs-contact-thank-you .cty-cta-link img{
  position:relative !important;
  top:-2px !important;
}


/* V27.80 — Ordering 1 exact uploaded Figma SVG geometry.
   Full SVGs that already contain their background/frame are shown whole,
   without a second CSS background or inner down-scaling. */
.mfs-ordering-1 .ord1-card-icon{
  background:transparent !important;
  overflow:visible !important;
}
.mfs-ordering-1 .ord1-card-icon img{
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  object-fit:contain !important;
}
.mfs-ordering-1 .ord1-order-icon{
  background:transparent !important;
  overflow:visible !important;
}
.mfs-ordering-1 .ord1-order-icon img{
  width:46px !important;
  height:46px !important;
  max-width:none !important;
  object-fit:contain !important;
}
.mfs-ordering-1 .ord1-help-box>img,
.mfs-ordering-1 .ord1-trust-cards article>img{
  width:26px !important;
  height:28px !important;
  flex:0 0 26px !important;
  object-fit:contain !important;
}


/* ==========================================================================
   Ordering 1 V27.81 — exact uploaded checkmarks + required-label baseline.
   Only these micro-elements are changed.
   ========================================================================== */

/* All 4 + 5 + 4 review-card checks use the exact uploaded Figma SVG. */
.mfs-ordering-1 .ord1-review-card li:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:1px !important;
  width:16px !important;
  height:16px !important;
  background:url("assets/ordering-1-v2781/check.svg") center/16px 16px no-repeat !important;
}

/* The 5 checks in the right-side WHAT'S INCLUDED use the same exact SVG. */
.mfs-ordering-1 .ord1-order-included li:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:2px !important;
  width:16px !important;
  height:16px !important;
  background:url("assets/ordering-1-v2781/check.svg") center/16px 16px no-repeat !important;
}

/* ==========================================================================
   Ordering 1 V27.85 — ONLY consent check + Terms punctuation.
   Base geometry remains exactly V27.81.
   ========================================================================== */

/* Simple thick orange check, geometrically centered in the existing square. */
.mfs-ordering-1 .ord1-consent input{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:relative !important;
  background:#fff !important;
  box-shadow:none !important;
}
.mfs-ordering-1 .ord1-consent input:checked{
  background:#fff !important;
  box-shadow:none !important;
}
.mfs-ordering-1 .ord1-consent input:checked::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:7px !important;
  height:13px !important;
  border:solid #c97f35 !important;
  border-width:0 3px 3px 0 !important;
  transform:translate(-50%,-58%) rotate(45deg) !important;
  transform-origin:center !important;
}


/* Ordering 1 V27.86 — consent check only: 1px upward. */
.mfs-ordering-1 .ord1-consent input:checked::after{
  transform:translate(-50%,calc(-58% - 1px)) rotate(45deg) !important;
}


/* Ordering 1 V27.88 — Figma micro-alignment:
   only the star inside both Most Popular badges moves 1px upward. */
.mfs-ordering-1 .ord1-popular img,
.mfs-ordering-1 .ord1-order-popular img{
  position:relative !important;
  top:-1px !important;
}


/* Ordering 1 V27.89 — Most Popular typography/alignment only.
   Text stays in place; both labels use regular weight.
   Undo V27.88 star-up adjustment so stars sit 1px lower than V27.88. */
.mfs-ordering-1 .ord1-popular,
.mfs-ordering-1 .ord1-order-popular{
  font-weight:400 !important;
}
.mfs-ordering-1 .ord1-popular img,
.mfs-ordering-1 .ord1-order-popular img{
  top:0 !important;
}


/* Ordering 1 V27.90 — Most Popular pills matched to Figma. */
.mfs-ordering-1 .ord1-popular,
.mfs-ordering-1 .ord1-order-popular{
  font-family:Inter,Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.88px !important;
}

/* Add 2px total pill height without moving the label geometry horizontally. */
.mfs-ordering-1 .ord1-popular{
  padding-top:10px !important;
  padding-bottom:10px !important;
}
.mfs-ordering-1 .ord1-order-popular{
  padding-top:7px !important;
  padding-bottom:7px !important;
}




/* Ordering 1 V27.92 — exact Most Popular element exported from Figma.
   The SVG itself contains the pill, star and outlined text at 154x29.
   Disable all previous CSS recreation of the badge. */
.mfs-ordering-1 .ord1-popular{
  width:154px !important;
  height:29px !important;
  padding:0 !important;
  border-radius:0 !important;
  background:none !important;
  gap:0 !important;
  line-height:0 !important;
}
.mfs-ordering-1 .ord1-order-popular{
  width:154px !important;
  height:29px !important;
  padding:0 !important;
  border-radius:0 !important;
  background:none !important;
  gap:0 !important;
  line-height:0 !important;
}
.mfs-ordering-1 .ord1-popular img,
.mfs-ordering-1 .ord1-order-popular img{
  display:block !important;
  position:static !important;
  width:154px !important;
  height:29px !important;
  max-width:none !important;
  top:auto !important;
  margin:0 !important;
  padding:0 !important;
}


/* Ordering 1 V28.06 — label + "(required)" rendered as one shared row object.
   One mechanism for Full Name / Email Address / Phone number.
   No per-field offsets, no top/transform nudges. */
.mfs-ordering-1 .ord1-form label > span:first-child{
  display:inline-flex !important;
  align-items:baseline !important;
  width:max-content !important;
  max-width:100% !important;
  gap:3px !important;
  margin:0 !important;
  padding:0 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:20px !important;
  line-height:24px !important;
  font-weight:600 !important;
  color:#111 !important;
  font-synthesis:none !important;
}

.mfs-ordering-1 .ord1-form label > span:first-child em{
  display:inline-block !important;
  position:static !important;
  top:auto !important;
  transform:none !important;
  flex:0 0 auto !important;
  align-self:baseline !important;
  margin:0 !important;
  padding:0 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:14px !important;
  line-height:24px !important;
  font-weight:400 !important;
  font-style:normal !important;
  color:#5c544a !important;
  font-synthesis:none !important;
}

/* V28.13 — How It Works Final CTA image geometry copied directly from Figma node 1:2832 / image node 1:2834. */
.hiw-final-cta .hfc-image{
  left:0!important;
  top:0!important;
  width:638px!important;
  height:571px!important;
  background:#160c06!important;
  background-image:none!important;
  overflow:hidden!important;
}
.hiw-final-cta .hfc-image img{
  display:block!important;
  position:absolute!important;
  max-width:none!important;
  width:104.553% !important;
  height:104.648% !important;
  left:-1.828% !important;
  top:-1.890% !important;
  object-fit:fill!important;
  object-position:initial!important;
  margin:0!important;
}
.hiw-final-cta .hfc-image:after{
  inset:0!important;
  background:linear-gradient(90deg,rgba(11,7,3,.35) 0%,rgba(11,7,3,0) 60%)!important;
}


/* === V28.14 REDO — Ordering 2 exact supplied Figma SVGs, intrinsic geometry preserved === */
/* Input-field glyph exports are 18x18 and already contain the exact Figma artwork. */
.mfs-ordering-2 .ord2-input-icon,
.mfs-ordering-2 .ord2-field-glyph{width:18px!important;height:18px!important;}
.mfs-ordering-2 .ord2-input-icon img,
.mfs-ordering-2 .ord2-field-glyph img{display:block!important;width:18px!important;height:18px!important;max-width:none!important;object-fit:contain!important;filter:none!important;opacity:1!important;}

/* IMPORTANT: the three supplied 62x62 SVGs are COMPLETE Figma circles, not glyphs to place inside another circle. */
.mfs-ordering-2 .ord2-send-card>.ord2-send-icon{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;background:none!important;border-radius:0!important;display:block!important;overflow:visible!important;font-size:0!important;line-height:0!important;}
.mfs-ordering-2 .ord2-send-card>.ord2-send-icon img{display:block!important;width:62px!important;height:62px!important;max-width:none!important;object-fit:contain!important;filter:none!important;opacity:1!important;}
.mfs-ordering-2 .ord2-upload-card .ord2-send-icon img{filter:none!important;}

/* Exact 20x20 Figma selectors; do not recreate them with CSS borders. */
.mfs-ordering-2 .ord2-send-card>input[type=radio]{appearance:none!important;-webkit-appearance:none!important;border:0!important;border-radius:0!important;width:20px!important;height:20px!important;background:transparent center/20px 20px no-repeat!important;}
.mfs-ordering-2 .ord2-upload-card>input[type=radio]{background-image:url("assets/ordering2-exact-v2814/6_how_would_you_like_to_1_switch.svg")!important;}
.mfs-ordering-2 .ord2-link-card>input[type=radio]{background-image:url("assets/ordering2-exact-v2814/6b_paste_a_private_link_top_selectore.svg")!important;}
.mfs-ordering-2 .ord2-later-card>input[type=radio]{background-image:url("assets/ordering2-exact-v2814/6c_i_will_upload_later_top_selector.svg")!important;}
.mfs-ordering-2 .ord2-link-card>input[type=radio]:checked,
.mfs-ordering-2 .ord2-later-card>input[type=radio]:checked{background-image:url("assets/ordering2-exact-v2814/6_how_would_you_like_to_1_switch.svg")!important;}
.mfs-ordering-2 .ord2-upload-card>input[type=radio]:not(:checked){background-image:url("assets/ordering2-exact-v2814/6b_paste_a_private_link_top_selectore.svg")!important;}

/* Choose File is a complete 122x52 Figma export: no CSS button behind it and no scaling to the old 38px box. */
.mfs-ordering-2 .ord2-upload-card .ord2-choose-file{width:122px!important;height:52px!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;display:block!important;overflow:visible!important;font-size:0!important;line-height:0!important;}
.mfs-ordering-2 .ord2-upload-card .ord2-choose-file img{display:block!important;width:122px!important;height:52px!important;max-width:none!important;object-fit:contain!important;}

/* Remaining complete exports retain their intrinsic Figma dimensions. */
.mfs-ordering-2 .ord2-upload-file-icon,.mfs-ordering-2 .ord2-upload-file-icon img{width:16px!important;height:16px!important;}
.mfs-ordering-2 .ord2-continue-arrow,.mfs-ordering-2 .ord2-continue-arrow img{width:24px!important;height:24px!important;max-width:none!important;}
.mfs-ordering-2 .ord2-secure>img{width:14px!important;height:14px!important;max-width:none!important;object-fit:contain!important;}
.mfs-ordering-2 .ord2-order-box .ord1-order-icon{width:46px!important;height:46px!important;min-width:46px!important;background:none!important;border-radius:0!important;overflow:visible!important;}
.mfs-ordering-2 .ord2-order-box .ord1-order-icon img{display:block!important;width:46px!important;height:46px!important;max-width:none!important;object-fit:contain!important;}
.mfs-ordering-2 .ord1-order-popular img{display:block!important;width:12px!important;height:12px!important;max-width:none!important;object-fit:contain!important;}
.mfs-ordering-2 .ord2-help-icon{width:26px!important;height:28px!important;flex:0 0 26px!important;background:none!important;border:0!important;overflow:visible!important;}
.mfs-ordering-2 .ord2-help-icon img{display:block!important;width:26px!important;height:28px!important;max-width:none!important;object-fit:contain!important;filter:none!important;}
.mfs-ordering-2 .ord2-trust-icon{width:26px!important;height:28px!important;flex:0 0 26px!important;background:none!important;border:0!important;overflow:visible!important;}
.mfs-ordering-2 .ord2-trust-icon img{display:block!important;width:26px!important;height:28px!important;max-width:none!important;object-fit:contain!important;filter:none!important;opacity:1!important;}
.mfs-ordering-2 .ord2-order-box .ord1-order-included li:before{content:""!important;width:16px!important;height:16px!important;background:url("assets/ordering2-exact-v2814/14c_galochki.svg") center/16px 16px no-repeat!important;}


/* === V28.15 — Ordering 2 selected radio uses exact supplied SVG, never native browser control === */
.mfs-ordering-2 .ord2-send-card>input[type=radio][name=send_method]{
  position:absolute!important;
  left:18px!important;top:18px!important;
  width:20px!important;height:20px!important;
  opacity:0!important;
  pointer-events:none!important;
  appearance:none!important;-webkit-appearance:none!important;
  background:none!important;border:0!important;box-shadow:none!important;
}
.mfs-ordering-2 .ord2-radio-visual{
  position:absolute!important;left:18px!important;top:18px!important;
  width:20px!important;height:20px!important;display:block!important;
  pointer-events:none!important;line-height:0!important;
}
.mfs-ordering-2 .ord2-radio-visual img{
  display:block!important;width:20px!important;height:20px!important;max-width:none!important;
  object-fit:contain!important;filter:none!important;opacity:1!important;
}


/* V28.16 — Ordering 2: match Ordering 1 vertical spacing for the bottom security/trust group.
   Ordering 1 uses 36px from CTA to secure line and 36px from secure line to trust cards. */
.mfs-ordering-2 .ord2-continue{margin-bottom:36px!important}
.mfs-ordering-2 .ord2-secure{margin-top:0!important}
.mfs-ordering-2 .ord2-trust-row{margin-top:36px!important}


/* V28.18 — Ordering 1 only: lower trust card becomes Built for Artists; geometry unchanged. */
.mfs-ordering-1 .ord1-built-for-artists-card>img{width:26px!important;height:28px!important;flex:0 0 26px!important;object-fit:contain!important}

/* V28.19 — Ordering 1 Built for Artists: use the exact Ordering 2 Song Title icon,
   enlarged to the same footprint as the Satisfaction shield and darkened. */
.mfs-ordering-1 .ord1-built-for-artists-card>img{
  width:26px!important;
  height:28px!important;
  flex:0 0 26px!important;
  object-fit:contain!important;
  filter:brightness(.35)!important;
}

/* V28.21 — Ordering 1 only: Built for Artists note icon reduced by ~20%. */
.mfs-ordering-1 .ord1-built-for-artists-card>img{
  width:21px!important;
  height:22px!important;
  flex:0 0 21px!important;
}

/* V28.23 — Ordering 1 only: lower trust cards reordered.
   Built for Artists uses the previously approved darker Song Title icon at the reduced size. */
.mfs-ordering-1 .ord1-built-for-artists-card>img{
  width:21px!important;
  height:22px!important;
  flex:0 0 21px!important;
  object-fit:contain!important;
  filter:brightness(.35)!important;
}

/* V28.27 — Ordering 2 Drag & Drop: exact supplied Figma SVG, intrinsic 20×20 geometry.
   No generated pseudo-icon and no extra wrapper geometry. */
.mfs-ordering-2 .ord2-dropzone>img{
  display:block!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  flex:0 0 20px!important;
  max-width:none!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
}
.mfs-ordering-2 .ord2-dropzone:before{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* V28.29 — Ordering 3 exact supplied Figma SVG geometry.
   Keep original SVG geometry; do not fake size with extra circles/wrappers. */
.mfs-ordering-3 .ord3-product-icon img{width:50px!important;height:50px!important;max-width:none!important;object-fit:contain!important}
.mfs-ordering-3 .ord3-star{width:12px!important;height:12px!important;max-width:none!important;object-fit:contain!important}
.mfs-ordering-3 .ord3-info>div>span>img{max-width:none!important;object-fit:contain!important}
.mfs-ordering-3 .ord3-upload-later i img{width:48px!important;height:48px!important;max-width:none!important;object-fit:contain!important}
.mfs-ordering-3 .ord3-radio img{display:block!important;width:18px!important;height:22px!important;max-width:none!important;object-fit:contain!important}
.mfs-ordering-3 .ord3-cardlogos-mono .visa img,
.mfs-ordering-3 .ord3-cardlogos-mono .mastercard img,
.mfs-ordering-3 .ord3-cardlogos-mono .applepay img{width:48px!important;height:33px!important;max-width:none!important;object-fit:contain!important}
.mfs-ordering-3 .ord3-cardlogos-paypal .visa img,
.mfs-ordering-3 .ord3-cardlogos-paypal .mastercard img,
.mfs-ordering-3 .ord3-cardlogos-paypal .amex img,
.mfs-ordering-3 .ord3-cardlogos-paypal .discover img,
.mfs-ordering-3 .ord3-cardlogos-paypal .diners img,
.mfs-ordering-3 .ord3-cardlogos-paypal .jcb img{width:50px!important;height:34px!important;max-width:none!important;object-fit:contain!important}
.mfs-ordering-3 .ord3-continue-arrow img{width:24px!important;height:24px!important;max-width:none!important;object-fit:contain!important}
.mfs-ordering-3 .ord3-next img{width:9px!important;height:11px!important;max-width:none!important;object-fit:contain!important}
.mfs-ordering-3 .ord3-trust-icon img{width:26px!important;height:28px!important;max-width:none!important;object-fit:contain!important}
.mfs-ordering-3 .ord1-order-icon img{width:46px!important;height:46px!important;max-width:none!important;object-fit:contain!important}
.mfs-ordering-3 .ord3-order-star{width:12px!important;height:12px!important;max-width:none!important;object-fit:contain!important;margin-right:5px!important}
.mfs-ordering-3 .ord2-help-icon img{width:26px!important;height:28px!important;max-width:none!important;object-fit:contain!important}

/* V28.30 — Ordering 3 payment radios: use only exact supplied SVG visuals. */
.mfs-ordering-3 .ord3-radio{
  width:18px!important;height:22px!important;border:0!important;border-radius:0!important;
  background:transparent!important;overflow:visible!important;
}
.mfs-ordering-3 .ord3-pay-card.is-selected .ord3-radio{border:0!important;background:transparent!important}
.mfs-ordering-3 .ord3-pay-card.is-selected .ord3-radio:after{content:none!important;display:none!important}
.mfs-ordering-3 .ord3-radio img{display:block!important;width:18px!important;height:22px!important;max-width:none!important;object-fit:contain!important}
/* Keep the existing icon/text, only move this line down to the same lower rhythm used before the trust cards. */
.mfs-ordering-3 .ord3-next{margin-top:36px!important;margin-bottom:0!important}

/* V28.31 — Ordering 3 lower trust block uses the approved Ordering 2 component unchanged.
   The Ordering 3 payment-next icon/text remains its own exact content directly above it. */
.mfs-ordering-3 .ord2-trust-row{
  margin-top:36px!important;
}

/* V28.32 — Ordering 3 lower block copied from approved Ordering 2 as-is.
   Footer intentionally untouched. */
.mfs-ordering-3 .ord2-secure{
  margin-top:36px!important;
}
.mfs-ordering-3 .ord2-trust-row{
  margin-top:36px!important;
}

/* V28.34 — Ordering 3 Selected Review Type: Figma Most Popular badge only.
   Figma node 1:7991. Keep the user's supplied 12x12 SVG star. */
.mfs-ordering-3 .ord3-product-copy b{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:119px!important;
  height:24px!important;
  padding:0!important;
  border-radius:4px!important;
  background:#ca8338!important;
  gap:4px!important;
  font:500 10px/16px Inter,sans-serif!important;
  color:#fff!important;
  text-transform:uppercase!important;
}
.mfs-ordering-3 .ord3-product-copy b .ord3-star{
  display:block!important;
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  max-width:none!important;
  margin:0 0 0 10px!important;
  padding:0!important;
  transform:none!important;
  object-fit:contain!important;
}


/* V28.36 — Ordering 1 only: normalize the five What's Included items
   for every review-type selector state. Content/JS/box geometry untouched. */
.mfs-ordering-1 .ord1-order-included li{
  font-family:Inter,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:28px!important;
  letter-spacing:0!important;
}

/* V28.37 — Ordering 1 What's Included checks: Figma vertical placement.
   Keep original 16x16 SVG size; with 28px text rows Figma places the check at y=6px. */
.mfs-ordering-1 .ord1-order-included li:before{
  top:6px!important;
  width:16px!important;
  height:16px!important;
}

/* V28.39 — Ordering 1 Your Order labels.
   Service is a second line for single reviews and a third line for the combined review.
   The combined state's Most Popular badge is moved down to clear the new third line. */
.mfs-ordering-1 .ord1-order-product:has(#ord1-order-name br:nth-of-type(2)) + .ord1-order-popular{
  margin-top:28px!important;
}

/* V28.41 — Ordering 1 Your Order: Figma bottom spacing.
   Remove the old fixed 422px height. The box now follows its actual content,
   while the existing 23px inner padding + 2px border preserves the Figma
   ~25px visual distance from the last list row to the outer bottom edge.
   This applies equally to all three selector states. */
.mfs-ordering-1 .ord1-order-box{
  height:auto!important;
}


/* V28.44 — Ordering 1 single-review divider spacing.
   Initial Review Service / Follow-Up Review Service only:
   keep approximately 20px between the top product row and the divider.
   Combined state remains unchanged. */
.mfs-ordering-1 .ord1-order-box.ord1-order-single .ord1-order-included{
  margin-top:20px!important;
}

/* V28.45 — Ordering 2 only: copy the accepted V28.44 Ordering 1
   CENTRAL Your Order box. No Price / One-time payment section. */
.mfs-ordering-2 .ord2-order-box-v2844{
  box-sizing:border-box!important;
  height:auto!important;
  min-height:0!important;
  padding:23px!important;
  padding-bottom:23px!important;
  border:2px solid #e6ddcf!important;
  border-radius:16px!important;
  background:#f7f3ef!important;
}
.mfs-ordering-2 .ord2-order-box-v2844 .ord1-order-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:16px!important;
  text-transform:uppercase!important;
  letter-spacing:2.08px!important;
  font:700 14px/18px Inter,Arial,sans-serif!important;
  color:#5c544a!important;
}
.mfs-ordering-2 .ord2-order-box-v2844 .ord1-order-head a{
  color:#ca8338!important;
  font:600 14px/18px Inter,Arial,sans-serif!important;
  text-decoration:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.mfs-ordering-2 .ord2-order-box-v2844 .ord1-order-product{
  display:grid!important;
  grid-template-columns:46px 1fr auto!important;
  gap:14px!important;
  align-items:start!important;
}
.mfs-ordering-2 .ord2-order-box-v2844 .ord1-order-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:10px!important;
  background:#f4d9bd!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.mfs-ordering-2 .ord2-order-box-v2844 .ord1-order-icon img{
  display:block!important;
  width:24px!important;
  height:24px!important;
  max-width:none!important;
  object-fit:contain!important;
}
.mfs-ordering-2 .ord2-order-box-v2844 .ord1-order-product>span:nth-child(2){
  font:600 16px/20px Inter,Arial,sans-serif!important;
  color:#14110d!important;
}
.mfs-ordering-2 .ord2-order-box-v2844 .ord1-order-product b{
  font:700 16px/20px Inter,Arial,sans-serif!important;
  color:#14110d!important;
}
.mfs-ordering-2 .ord2-order-box-v2844 .ord1-order-popular{
  display:inline-flex!important;
  width:154px!important;
  height:29px!important;
  margin:28px 0 16px!important;
  padding:0!important;
  border-radius:0!important;
  background:none!important;
  gap:0!important;
  line-height:0!important;
}
.mfs-ordering-2 .ord2-order-box-v2844 .ord1-order-popular img{
  display:block!important;
  position:static!important;
  width:154px!important;
  height:29px!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
}
.mfs-ordering-2 .ord2-order-box-v2844 .ord1-order-included{
  margin-top:0!important;
  border-top:1px solid #eadfcb!important;
  padding-top:19px!important;
}
.mfs-ordering-2 .ord2-order-box-v2844 .ord1-order-included h4{
  margin:0 0 12px!important;
  text-transform:uppercase!important;
  letter-spacing:1.56px!important;
  font:700 13px/16px Inter,Arial,sans-serif!important;
  color:#14110d!important;
}
.mfs-ordering-2 .ord2-order-box-v2844 .ord1-order-included ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
.mfs-ordering-2 .ord2-order-box-v2844 .ord1-order-included li{
  position:relative!important;
  margin:0!important;
  padding-left:27px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:28px!important;
  letter-spacing:0!important;
  color:#1a1a1a!important;
}
.mfs-ordering-2 .ord2-order-box-v2844 .ord1-order-included li:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:6px!important;
  width:16px!important;
  height:16px!important;
  background:url("assets/ordering-1-v2781/check.svg") center/16px 16px no-repeat!important;
}

/* V28.46 — Ordering 3 only: copy the accepted V28.44 Ordering 1
   CENTRAL Your Order box. No Price / One-time payment section. */
.mfs-ordering-3 .ord2-order-box-v2844{
  box-sizing:border-box!important;
  height:auto!important;
  min-height:0!important;
  padding:23px!important;
  padding-bottom:23px!important;
  border:2px solid #e6ddcf!important;
  border-radius:16px!important;
  background:#f7f3ef!important;
}
.mfs-ordering-3 .ord2-order-box-v2844 .ord1-order-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:16px!important;
  text-transform:uppercase!important;
  letter-spacing:2.08px!important;
  font:700 14px/18px Inter,Arial,sans-serif!important;
  color:#5c544a!important;
}
.mfs-ordering-3 .ord2-order-box-v2844 .ord1-order-head a{
  color:#ca8338!important;
  font:600 14px/18px Inter,Arial,sans-serif!important;
  text-decoration:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.mfs-ordering-3 .ord2-order-box-v2844 .ord1-order-product{
  display:grid!important;
  grid-template-columns:46px 1fr auto!important;
  gap:14px!important;
  align-items:start!important;
}
.mfs-ordering-3 .ord2-order-box-v2844 .ord1-order-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:10px!important;
  background:#f4d9bd!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.mfs-ordering-3 .ord2-order-box-v2844 .ord1-order-icon img{
  display:block!important;
  width:24px!important;
  height:24px!important;
  max-width:none!important;
  object-fit:contain!important;
}
.mfs-ordering-3 .ord2-order-box-v2844 .ord1-order-product>span:nth-child(2){
  font:600 16px/20px Inter,Arial,sans-serif!important;
  color:#14110d!important;
}
.mfs-ordering-3 .ord2-order-box-v2844 .ord1-order-product b{
  font:700 16px/20px Inter,Arial,sans-serif!important;
  color:#14110d!important;
}
.mfs-ordering-3 .ord2-order-box-v2844 .ord1-order-popular{
  display:inline-flex!important;
  width:154px!important;
  height:29px!important;
  margin:28px 0 16px!important;
  padding:0!important;
  border-radius:0!important;
  background:none!important;
  gap:0!important;
  line-height:0!important;
}
.mfs-ordering-3 .ord2-order-box-v2844 .ord1-order-popular img{
  display:block!important;
  position:static!important;
  width:154px!important;
  height:29px!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
}
.mfs-ordering-3 .ord2-order-box-v2844 .ord1-order-included{
  margin-top:0!important;
  border-top:1px solid #eadfcb!important;
  padding-top:19px!important;
}
.mfs-ordering-3 .ord2-order-box-v2844 .ord1-order-included h4{
  margin:0 0 12px!important;
  text-transform:uppercase!important;
  letter-spacing:1.56px!important;
  font:700 13px/16px Inter,Arial,sans-serif!important;
  color:#14110d!important;
}
.mfs-ordering-3 .ord2-order-box-v2844 .ord1-order-included ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
.mfs-ordering-3 .ord2-order-box-v2844 .ord1-order-included li{
  position:relative!important;
  margin:0!important;
  padding-left:27px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:28px!important;
  letter-spacing:0!important;
  color:#1a1a1a!important;
}
.mfs-ordering-3 .ord2-order-box-v2844 .ord1-order-included li:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:6px!important;
  width:16px!important;
  height:16px!important;
  background:url("assets/ordering-1-v2781/check.svg") center/16px 16px no-repeat!important;
}




/* V28.49 — Ordering 3 Selected Review Type only:
   exact rendered size for the copied Your Order star, with no transform/scaling. */
.mfs-ordering-3 .ord3-product-copy b .ord3-star{
  display:block!important;
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  max-width:10px!important;
  flex:0 0 10px!important;
  margin:0 0 0 10px!important;
  padding:0!important;
  transform:none!important;
  object-fit:fill!important;
}

/* FINAL — Ordering 3 payment alignment, consolidated from approved Steps 5–10.
   Selector state changes only the card border/radio; inner content remains fixed.
   Apple Pay is the sizing reference for the Google Pay outer box. */
.mfs-ordering-3 .ord3-mono{left:39px!important;top:12px!important;}
.mfs-ordering-3 .ord3-paypal{top:21px!important;}
.mfs-ordering-3 .ord3-cardlogos-mono .applepay,
.mfs-ordering-3 .ord3-cardlogos-mono .gpay{
  width:48px!important;
  height:33px!important;
  min-width:48px!important;
  max-width:48px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.mfs-ordering-3 .ord3-cardlogos-mono .applepay img,
.mfs-ordering-3 .ord3-cardlogos-mono .gpay img{
  display:block!important;
  width:48px!important;
  height:33px!important;
  min-width:48px!important;
  max-width:48px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
}


/* V28.49 NAV CORRECTED — Home-only hover. Built from NAV STEP1 LINKS (no prior hover CSS). */
@media (min-width:901px){
  /* Testimonials page: restore the same vertical marker gap used by the approved header family. */
  .mfs-testimonials-v236 #mfs-f1-48 .f11-nav a.is-active::after{
    bottom:-14px!important;
  }

  /* Home only. The unique wrapper prevents these hover rules from touching Testimonials or other pages. */
  .mfs-home-front #mfs-f1-48 .f11-nav > a{
    position:relative;
  }
  .mfs-home-front #mfs-f1-48 .f11-nav > a::after{
    content:"";
    position:absolute;
    height:2px;
    border-radius:1px;
    background:#d28b3f;
    opacity:0;
    pointer-events:none;
  }
  .mfs-home-front #mfs-f1-48 .f11-nav > a:hover::after,
  .mfs-home-front #mfs-f1-48 .f11-nav > a:focus-visible::after{
    opacity:1;
  }
  .mfs-home-front #mfs-f1-48 .f11-nav > a:nth-child(1)::after{
    left:50%; bottom:-14px; width:55px;
    transform:translateX(calc(-50% + .5px));
  }
  .mfs-home-front #mfs-f1-48 .f11-nav > a:nth-child(2)::after,
  .mfs-home-front #mfs-f1-48 .f11-nav > a:nth-child(3)::after,
  .mfs-home-front #mfs-f1-48 .f11-nav > a:nth-child(4)::after{
    left:-1px; right:-2px; bottom:-14px; width:auto; transform:none;
  }
  .mfs-home-front #mfs-f1-48 .f11-nav > a:nth-child(5)::after{
    left:50%; bottom:-14px; width:71px; transform:translateX(-50%);
  }
}

/* V28.49 Full Feedbacks Step 9 — Figma full review node 1:12294 only */
#mfs-f1-228:has(.mfs-full-feedback-figma){height:auto!important;min-height:2061px!important;padding-bottom:87px!important;}
#mfs-f1-228 .mfs-full-feedback-figma{width:1278px!important;height:auto!important;flex:0 0 auto!important;min-height:0!important;padding:24px!important;gap:32px!important;align-items:stretch!important;border:2px solid #ca8338!important;background:transparent!important;}
#mfs-f1-228 .mff-meta{height:109px;display:flex;align-items:center;gap:16px;width:100%;}
#mfs-f1-228 .mff-cover{width:105px;height:105px;flex:0 0 105px;border-radius:8px;object-fit:cover;}
#mfs-f1-228 .mff-meta-copy{display:flex;flex-direction:column;gap:16px;width:306px;}
#mfs-f1-228 .mff-meta-copy h3{font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;font-size:32px;line-height:normal;font-weight:600;color:#111;}
#mfs-f1-228 .mff-meta-line{display:flex;align-items:center;gap:16px;font:400 16px/24px Inter,Arial,sans-serif;color:#333;white-space:nowrap;}
#mfs-f1-228 .mff-meta-dot{font-size:14px;color:#333;}
#mfs-f1-228 .mff-content{width:100%;padding:21px 23px;background:#f7f3ef;border:1px solid #e6ddcf;border-radius:10px;display:flex;flex-direction:column;gap:0;}
#mfs-f1-228 .mff-section{width:100%;padding:0;}
#mfs-f1-228 .mff-section+.mff-section{border-top:1px dashed #d9d9d9;margin-top:25px;padding-top:25px;}
#mfs-f1-228 .mff-title{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
#mfs-f1-228 .mff-title>span{width:52px;height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:center;border:1.081px solid #e6ddcf;border-radius:12px;background:#f1e3d5;font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;font-size:28px;font-weight:700;color:#6b6258;}
#mfs-f1-228 .mff-title h3{font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;font-size:32px;line-height:normal;font-weight:600;color:#1a1a1a;}
#mfs-f1-228 .mff-copy{display:flex;flex-direction:column;gap:16px;}
#mfs-f1-228 .mff-copy p,#mfs-f1-228 .mff-strength-list li,#mfs-f1-228 .mff-tr,#mfs-f1-228 .mff-next p{font-family:Inter,Arial,sans-serif;font-size:16px;line-height:28px;font-weight:400;color:#1a1a1a;}
#mfs-f1-228 .mff-strength-list{list-style:none;display:flex;flex-direction:column;gap:10px;}
#mfs-f1-228 .mff-strength-list li{position:relative;padding-left:30px;}
#mfs-f1-228 .mff-strength-list li:before{content:'✓';position:absolute;left:3px;top:0;color:#ca8338;font-weight:600;}
#mfs-f1-228 .mff-table{width:100%;}
#mfs-f1-228 .mff-tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
#mfs-f1-228 .mff-tr>div{padding:12px;border-bottom:1px dashed #d9d9d9;min-width:0;}
#mfs-f1-228 .mff-tr:last-child>div{border-bottom:0;}
#mfs-f1-228 .mff-th>div{background:#f6ede4;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;padding:9px 13px;font-size:13px;line-height:30px;font-weight:600;}
#mfs-f1-228 .mff-th>div:first-child{border-radius:6px 0 0 6px;}
#mfs-f1-228 .mff-th>div:last-child{border-right:1px solid #d9d9d9;border-radius:0 6px 6px 0;}
#mfs-f1-228 .mff-tr ul{padding-left:24px;}
#mfs-f1-228 .mff-issue{position:relative;padding-left:16px;margin-bottom:8px!important;}
#mfs-f1-228 .mff-issue:before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:4px;background:#e96550;}
#mfs-f1-228 .mff-tr>div:first-child:has(>b.high) .mff-issue:before{background:#e96550;}
#mfs-f1-228 .mff-tr>div:first-child:has(>b.medium) .mff-issue:before{background:#e9a04a;}
#mfs-f1-228 .mff-tr>div:first-child:has(>b.low) .mff-issue:before{background:#3bc039;}
#mfs-f1-228 .mff-tr b{display:inline-flex;margin-left:16px;padding:4px 8px;border-radius:4px;font:600 12px/18px Inter,Arial,sans-serif;}
#mfs-f1-228 .mff-tr b.high{background:#ffe1e1;color:#f85137;}
#mfs-f1-228 .mff-tr b.medium{background:#f1e6da;color:#b06307;padding:6px 10px;}
#mfs-f1-228 .mff-tr b.low{background:#e2f1da;color:#0ab007;padding:6px 10px;}
#mfs-f1-228 .mff-outcome{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px;}
#mfs-f1-228 .mff-outcome-icon{width:36px;height:36px;flex:0 0 36px;border-radius:18px;background:#f1e3d5;display:flex;align-items:center;justify-content:center;}
#mfs-f1-228 .mff-outcome-icon img{width:18px;height:18px;object-fit:contain;}
#mfs-f1-228 .mff-outcome h4,#mfs-f1-228 .mff-next-item h4{font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;color:#0e0e0e;margin:0;}
#mfs-f1-228 .mff-outcome h4{font-size:20px;line-height:24px;margin-bottom:8px;}
#mfs-f1-228 .mff-next-item{margin-top:18px;}
#mfs-f1-228 .mff-next-item h4{font-size:20px;line-height:24px;margin-bottom:8px;}
#mfs-f1-228 .mff-next-item p{line-height:28px;letter-spacing:.32px;}
@media(max-width:900px){#mfs-f1-228 .mfs-full-feedback-figma{width:calc(100% - 32px)!important;}#mfs-f1-228 .mff-tr{grid-template-columns:1fr;}#mfs-f1-228 .mff-meta-line{white-space:normal;flex-wrap:wrap;}}


/* Step 68 — Privacy Policy shell. Scoped to Privacy Policy only. */
#mfs-f1-146.mfs-privacy-policy {
  width:100%;
  height:auto;
  min-height:692px;
  padding:86px 80px;
  gap:59px;
}
#mfs-f1-146.mfs-privacy-policy .mfs-privacy-policy-content {
  box-sizing:border-box;
  width:100%;
  max-width:1280px;
  margin:0 auto;
}


/* Step 69 — Privacy Policy full text. Scoped to Privacy Policy only. */
#mfs-f1-146.mfs-privacy-policy .mfs-privacy-policy-content{
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  line-height:1.75;
  font-weight:400;
  color:#1a1a1a;
}
#mfs-f1-146.mfs-privacy-policy .mfs-privacy-policy-content p{margin:0 0 18px;}
#mfs-f1-146.mfs-privacy-policy .mfs-privacy-policy-content h3{
  margin:42px 0 16px;
  font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;
  font-size:28px;
  line-height:1.25;
  font-weight:600;
  color:#111;
}
#mfs-f1-146.mfs-privacy-policy .mfs-privacy-policy-content h4{
  margin:26px 0 12px;
  font-family:Inter,Arial,sans-serif;
  font-size:18px;
  line-height:1.4;
  font-weight:600;
  color:#111;
}
#mfs-f1-146.mfs-privacy-policy .mfs-privacy-policy-content ul{
  margin:0 0 22px;
  padding-left:26px;
}
#mfs-f1-146.mfs-privacy-policy .mfs-privacy-policy-content li{margin:0 0 7px;}
#mfs-f1-146.mfs-privacy-policy .mfs-privacy-updated{margin-bottom:28px;}
@media(max-width:900px){
  #mfs-f1-146.mfs-privacy-policy{padding:56px 24px;gap:40px;}
  #mfs-f1-146.mfs-privacy-policy .mfs-privacy-policy-content h3{font-size:25px;}
}

/* Step 72 — Cookie consent UI. Markup exists only on Cookie Policy page. */
.mfs-cookie-consent,
.mfs-cookie-modal,
.mfs-cookie-reopen{font-family:Inter,Arial,sans-serif;}
.mfs-cookie-consent[hidden],.mfs-cookie-modal[hidden],.mfs-cookie-reopen[hidden]{display:none!important;}
.mfs-cookie-consent{position:fixed;left:0;right:0;bottom:0;z-index:99990;padding:20px;background:rgba(17,17,17,.42);backdrop-filter:blur(3px);}
.mfs-cookie-consent-inner{box-sizing:border-box;width:min(1280px,calc(100vw - 40px));margin:0 auto;padding:24px 28px;background:#fff;border:1px solid #e6ddcf;border-radius:12px;box-shadow:0 16px 50px rgba(0,0,0,.22);display:flex;align-items:center;gap:32px;justify-content:space-between;}
.mfs-cookie-consent-copy{max-width:760px;}
.mfs-cookie-consent-copy h2,.mfs-cookie-modal-panel>h2{margin:0 0 10px;font-family:"Poynter OldStyle Display","Poynter OldStyle",Georgia,serif;font-size:28px;line-height:1.2;font-weight:600;color:#111;}
.mfs-cookie-consent-copy p,.mfs-cookie-modal-intro,.mfs-cookie-category p{margin:0;color:#333;font-size:14px;line-height:1.6;}
.mfs-cookie-consent-copy>a{display:inline-block;margin-top:10px;color:#9d5f25;text-decoration:underline;text-underline-offset:2px;font-size:14px;}
.mfs-cookie-consent-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:430px;}
.mfs-cookie-btn{appearance:none;border:1px solid #ca8338;background:#fff;color:#1a1a1a;border-radius:7px;padding:11px 16px;font:600 14px/1.2 Inter,Arial,sans-serif;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;}
.mfs-cookie-btn:hover,.mfs-cookie-btn:focus-visible{background:#f7f0e8;outline:none;}
.mfs-cookie-btn-primary{background:#ca8338;color:#fff;border-color:#ca8338;}
.mfs-cookie-btn-primary:hover,.mfs-cookie-btn-primary:focus-visible{background:#b97531;border-color:#b97531;}
.mfs-cookie-btn-text{border-color:transparent;text-decoration:underline;text-underline-offset:2px;}
.mfs-cookie-reopen{position:fixed;right:22px;bottom:22px;z-index:99980;border:1px solid #ca8338;background:#fff;color:#1a1a1a;border-radius:999px;padding:10px 15px;box-shadow:0 5px 20px rgba(0,0,0,.16);font:600 13px/1.2 Inter,Arial,sans-serif;cursor:pointer;}
.mfs-cookie-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;}
.mfs-cookie-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.52);}
.mfs-cookie-modal-panel{position:relative;z-index:1;box-sizing:border-box;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:12px;padding:30px;box-shadow:0 20px 70px rgba(0,0,0,.3);}
.mfs-cookie-modal-close{position:absolute;right:18px;top:14px;width:36px;height:36px;border:0;background:transparent;color:#333;font:400 30px/36px Arial,sans-serif;cursor:pointer;}
.mfs-cookie-modal-intro{padding-right:38px;margin-bottom:22px;}
.mfs-cookie-category{display:flex;align-items:flex-start;gap:22px;justify-content:space-between;padding:20px 0;border-top:1px solid #ece6df;}
.mfs-cookie-category-copy{max-width:590px;}
.mfs-cookie-category h3{margin:0 0 7px;font:600 17px/1.35 Inter,Arial,sans-serif;color:#111;}
.mfs-cookie-always{flex:0 0 auto;color:#8b572a;font:600 13px/1.3 Inter,Arial,sans-serif;padding-top:3px;white-space:nowrap;}
.mfs-cookie-switch{position:relative;display:inline-flex;flex:0 0 46px;width:46px;height:26px;cursor:pointer;margin-top:2px;}
.mfs-cookie-switch input{position:absolute;opacity:0;width:1px;height:1px;}
.mfs-cookie-switch>span[aria-hidden="true"]{position:absolute;inset:0;border-radius:999px;background:#b9b9b9;transition:.18s ease;}
.mfs-cookie-switch>span[aria-hidden="true"]:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.18s ease;}
.mfs-cookie-switch input:checked+span{background:#ca8338;}
.mfs-cookie-switch input:checked+span:before{transform:translateX(20px);}
.mfs-cookie-switch input:focus-visible+span{outline:2px solid #111;outline-offset:2px;}
.mfs-cookie-modal-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:22px;border-top:1px solid #ece6df;}
html.mfs-cookie-modal-open{overflow:hidden;}
@media(max-width:900px){
  .mfs-cookie-consent{padding:12px;}
  .mfs-cookie-consent-inner{width:100%;padding:20px;display:block;}
  .mfs-cookie-consent-actions{justify-content:flex-start;max-width:none;margin-top:18px;}
  .mfs-cookie-consent-actions .mfs-cookie-btn{flex:1 1 180px;}
  .mfs-cookie-modal{padding:12px;}
  .mfs-cookie-modal-panel{width:100%;max-height:calc(100vh - 24px);padding:24px 20px;}
  .mfs-cookie-category{gap:14px;}
  .mfs-cookie-always{white-space:normal;text-align:right;}
  .mfs-cookie-modal-actions .mfs-cookie-btn{flex:1 1 170px;}
  .mfs-cookie-reopen{right:12px;bottom:12px;}
}

/* STEP73 — Cookie consent buttons use the approved Full Feedbacks CTA button styling. */
.mfs-cookie-btn,
.mfs-cookie-btn-primary,
.mfs-cookie-btn-text{
  appearance:none;
  min-height:52px;
  border:0;
  border-radius:6px;
  padding:0 22px;
  background:linear-gradient(#de984b,#c47d32);
  color:#fff;
  font-family:"Poynter OldStyle Display",Georgia,serif;
  font-weight:600;
  font-size:20px;
  line-height:1.15;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:filter .15s ease,transform .15s ease;
}
.mfs-cookie-btn:hover,
.mfs-cookie-btn:focus-visible,
.mfs-cookie-btn-primary:hover,
.mfs-cookie-btn-primary:focus-visible,
.mfs-cookie-btn-text:hover,
.mfs-cookie-btn-text:focus-visible{
  background:linear-gradient(#de984b,#c47d32);
  color:#fff;
  filter:brightness(.96);
  outline:none;
}

/* STEP75 — Secondary cookie actions: white outlined style. Accept All remains unchanged. */
.mfs-cookie-btn[data-mfs-cookie-action="reject"],
.mfs-cookie-btn[data-mfs-cookie-action="manage"]{
  background:#fff;
  color:#c47d32;
  border:1px solid #c47d32;
  box-shadow:none;
}
.mfs-cookie-btn[data-mfs-cookie-action="reject"]:hover,
.mfs-cookie-btn[data-mfs-cookie-action="reject"]:focus-visible,
.mfs-cookie-btn[data-mfs-cookie-action="manage"]:hover,
.mfs-cookie-btn[data-mfs-cookie-action="manage"]:focus-visible{
  background:#fff;
  color:#c47d32;
  border-color:#c47d32;
  filter:brightness(.97);
  outline:none;
}


/* STEP77 — Cookie banner layout test: primary action on row one; secondary actions on row two. */
.mfs-cookie-consent-actions{
  display:grid;
  grid-template-columns:max-content max-content;
  justify-content:end;
  gap:10px;
  max-width:none;
}
.mfs-cookie-consent-actions .mfs-cookie-btn-primary{
  grid-column:1 / -1;
  justify-self:end;
}
@media(max-width:900px){
  .mfs-cookie-consent-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    justify-content:stretch;
    margin-top:18px;
  }
  .mfs-cookie-consent-actions .mfs-cookie-btn-primary{
    grid-column:1 / -1;
    justify-self:stretch;
  }
  .mfs-cookie-consent-actions .mfs-cookie-btn{
    flex:none;
    width:100%;
  }
}
@media(max-width:560px){
  .mfs-cookie-consent-actions{grid-template-columns:1fr;}
  .mfs-cookie-consent-actions .mfs-cookie-btn-primary{grid-column:1;}
}

/* STEP78 — Cookie banner: Accept directly above Reject; Manage to the right of Reject. */
.mfs-cookie-consent-actions{
  grid-template-columns:max-content max-content;
}
.mfs-cookie-consent-actions .mfs-cookie-btn-primary{
  grid-column:1;
  grid-row:1;
  justify-self:stretch;
}
.mfs-cookie-consent-actions .mfs-cookie-btn[data-mfs-cookie-action="reject"]{
  grid-column:1;
  grid-row:2;
}
.mfs-cookie-consent-actions .mfs-cookie-btn[data-mfs-cookie-action="manage"]{
  grid-column:2;
  grid-row:2;
}
@media(max-width:900px){
  .mfs-cookie-consent-actions .mfs-cookie-btn-primary{
    grid-column:1;
    grid-row:1;
  }
  .mfs-cookie-consent-actions .mfs-cookie-btn[data-mfs-cookie-action="reject"]{
    grid-column:1;
    grid-row:2;
  }
  .mfs-cookie-consent-actions .mfs-cookie-btn[data-mfs-cookie-action="manage"]{
    grid-column:2;
    grid-row:2;
  }
}
@media(max-width:560px){
  .mfs-cookie-consent-actions .mfs-cookie-btn-primary,
  .mfs-cookie-consent-actions .mfs-cookie-btn[data-mfs-cookie-action="reject"],
  .mfs-cookie-consent-actions .mfs-cookie-btn[data-mfs-cookie-action="manage"]{
    grid-column:1;
    grid-row:auto;
  }
}


/* STEP79 — Center Accept over the combined secondary-action row. */
.mfs-cookie-consent-actions .mfs-cookie-btn-primary{
  grid-column:1 / -1;
  grid-row:1;
  justify-self:center;
}
@media(max-width:900px){
  .mfs-cookie-consent-actions .mfs-cookie-btn-primary{
    grid-column:1 / -1;
    grid-row:1;
    justify-self:center;
    width:auto;
  }
}
@media(max-width:560px){
  .mfs-cookie-consent-actions .mfs-cookie-btn-primary{
    grid-column:1;
    grid-row:auto;
    justify-self:stretch;
    width:100%;
  }
}


/* STEP80 — Banner copy line breaks + primary button centered over the gap between the two secondary buttons. */
@media(min-width:901px){
  .mfs-cookie-consent-actions .mfs-cookie-btn-primary{
    grid-column:1;
    grid-row:1;
    justify-self:end;
    transform:translateX(calc(50% + 5px));
  }
}


/* Step 87 — test language dropdown with two identical Ukraine entries */
.mfs-footer details.mfsf-language-selector{
  overflow:visible;
  cursor:pointer;
  z-index:30;
}
.mfs-footer .mfsf-language-selector > summary{
  position:relative;
  width:100%;
  height:100%;
  display:block;
  list-style:none;
  cursor:pointer;
}
.mfs-footer .mfsf-language-selector > summary::-webkit-details-marker{
  display:none;
}
.mfs-footer .mfsf-language-selector > summary::marker{
  content:"";
}
.mfs-footer .mfsf-language-menu{
  display:none;
  position:absolute;
  left:-1px;
  right:-1px;
  bottom:62px;
  padding:5px;
  border:1px solid #98A2B3;
  border-radius:12px;
  background:#1f1f1f;
  box-shadow:0 8px 22px rgba(0,0,0,.24);
  z-index:31;
}
.mfs-footer .mfsf-language-selector[open] .mfsf-language-menu{
  display:block;
}
.mfs-footer .mfsf-language-option{
  min-height:44px;
  padding:2px 6px;
  display:flex;
  align-items:center;
  gap:6px;
  border-radius:9px;
  color:#F9FAFB;
  font-family:Inter,Arial,sans-serif;
  font-size:18px;
  line-height:28px;
  font-weight:500;
}
.mfs-footer .mfsf-language-option img{
  width:40px;
  height:40px;
  border-radius:40px;
  object-fit:cover;
}
.mfs-footer .mfsf-language-selector[open] .mfsf-chevron{
  transform:rotate(180deg);
}


/* Step 88 — allow the language dropdown to escape the 55px selector/footer clipping */
.mfs-footer .mfsf-language-box.mfsf-language-selector{
  overflow:visible !important;
}
.mfs-footer .mfsf-language{
  overflow:visible !important;
  position:relative;
  z-index:40;
}
.mfs-footer .mfsf-tail{
  overflow:visible !important;
}
.mfs-footer .mfsf-inner{
  overflow:visible !important;
}
.mfs-footer{
  overflow:visible !important;
}
.mfs-footer .mfsf-language-menu{
  display:none;
  position:absolute;
  left:-1px;
  right:-1px;
  bottom:62px;
  z-index:9999;
}
.mfs-footer .mfsf-language-selector[open] .mfsf-language-menu{
  display:block !important;
}


/* Step 89 — English (US) default + Ukrainian dropdown option */
.mfs-footer .mfsf-language-selector .mfsf-language-left{
  width:220px;
}
.mfs-footer .mfsf-language-selector .mfsf-language-left span{
  width:auto;
  white-space:nowrap;
}

/* STEP124: Home shortened Areas of Improvement header strip */
body.home #mfs-f1-228 .f15-thead { height:40px; min-height:40px; }
body.home #mfs-f1-228 .f15-thead > div { height:40px; min-height:40px; padding-top:0; padding-bottom:0; display:flex; align-items:center; }

/* STEP129 — Home Areas first row only; header/table positions untouched */
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type > div {
  padding-top: 10px !important;
}
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type .f15-issue {
  align-content: start !important;
}
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type .f15-issue .priority {
  position: static !important;
  display: table !important;
  margin: 6px 0 0 0 !important;
  transform: none !important;
}

/* STEP129 correction — release first Issue text from absolute positioning */
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type .f15-issue > p {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 133px !important;
  margin: 10px 0 0 27px !important;
}
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type .f15-issue > i {
  top: 14px !important;
}
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type .f15-issue .priority {
  margin: 6px 0 0 27px !important;
}

/* STEP130 — compact first Areas row; header strip remains untouched */
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type > div {
  padding-top: 0 !important;
  transform: translateY(-18px);
}
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type .f15-issue > p {
  margin-top: 0 !important;
}
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type .f15-issue > i {
  top: 4px !important;
}
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type .f15-issue .priority {
  position: static !important;
  display: table !important;
  margin: 6px 0 0 27px !important;
  transform: none !important;
}

/* STEP131 — fix the actual source of the gap: first row absolute top position */
body.home #mfs-f1-228 .f15-improve .f15-trow:nth-child(2) {
  top: 42px !important;
}
/* Cancel STEP130 child transforms now that the row itself is correctly positioned. */
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type > div {
  transform: none !important;
}
/* Keep compact issue placement and High Priority immediately below it. */
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type .f15-issue > p {
  margin: 0 0 0 27px !important;
}
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type .f15-issue > i {
  top: 4px !important;
}
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type .f15-issue .priority {
  position: static !important;
  display: table !important;
  margin: 6px 0 0 27px !important;
  transform: none !important;
}
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type > div:nth-child(2),
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type > div:nth-child(3) {
  padding-top: 0 !important;
}

/* STEP132 — anchor High Priority directly below the first Issue text */
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type .f15-issue {
  position: relative !important;
  display: block !important;
}
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type .f15-issue > p {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 133px !important;
  margin: 0 0 0 27px !important;
}
body.home #mfs-f1-228 .f15-improve .f15-trow:first-of-type .f15-issue .priority {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: table !important;
  margin: 8px 0 0 27px !important;
  transform: none !important;
}


/* STEP133 — Home Areas Actions line wrapping + lower first-row divider */
body.home #mfs-f1-228 .f15-improve .f15-trow:nth-child(2) {
  height: 281px !important;
  min-height: 281px !important;
}


/* STEP134 — Home Areas: add the second improvement row below the lowered divider */
body.home #mfs-f1-228 .f15-improve .f15-trow:nth-child(3) {
  top: 327px !important;
}


/* STEP135 — Home Another card: align second Areas Actions with first row (base second row had 12px left vs 9px) */
body.home #mfs-f1-228 .f15-improve .f15-trow:nth-child(3) > div:nth-child(2) {
  padding-left: 9px !important;
}

/* V29.04 — Home Songs text geometry only.
   Track: keep on one line and use the available card width.
   Genre: one line, pill grows to its text. Artist geometry intentionally unchanged. */
.songs-section .song-card h3{
  width:186.4px!important;
  max-width:186.4px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.songs-section .song-card .song-copy>span{
  width:auto!important;
  max-width:186.4px!important;
  min-width:0!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:visible!important;
  align-self:flex-start!important;
}


/* V29.09 — Home Songs test: genre restored, `by Artist` restored,
   track title uses up to two 16-character word-safe lines. */
.songs-section{height:1126px!important;min-height:1126px!important;}
.songs-section .songs-stage{height:1126px!important;}
.songs-section .songs-carousel{height:786px!important;}
.songs-section [data-home-songs-grid]{height:720px!important;}
.songs-section .song-row{height:348px!important;}
.songs-section .song-card{height:348px!important;}
.songs-section .song-copy{height:159px!important;flex:0 0 159px!important;}
.songs-section .song-card h3{
  width:186.4px!important;
  max-width:186.4px!important;
  height:58px!important;
  line-height:29px!important;
  white-space:normal!important;
  overflow:hidden!important;
}
.songs-section .song-card p{
  width:166.4px!important;
  height:22px!important;
  line-height:22px!important;
  margin:8px 0 0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.songs-section .song-card .song-copy>span{
  width:auto!important;
  max-width:186.4px!important;
  min-width:0!important;
  height:23px!important;
  line-height:15px!important;
  margin:8px 0 0!important;
  padding:4px 8px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:visible!important;
  align-self:flex-start!important;
}

/* V29.12 — Home Songs: preserve the original 24px gap between rows with 348px four-line cards;
   center both carousel arrows vertically on the full 720px two-row card area. */
.songs-section .songs-arrow{top:339px!important;}

/* V29.21 — Home Songs: keep original V29.18 card geometry and genre.
   Square source covers are cropped only from the bottom by anchoring the image to the top. */
.songs-section .song-cover>img{
  object-position:center top!important;
}


/* V29.46 — About header: reuse the approved Home navigation behavior. */
@media (min-width:901px){
  #mfs-f1-48.mfs-about-page .f11-nav > a{
    position:relative;
  }
  /* Non-active About-page links use the exact Home hover marker geometry. */
  #mfs-f1-48.mfs-about-page .f11-nav > a:not(.is-active)::after{
    content:"";
    position:absolute;
    height:2px;
    border-radius:1px;
    background:#d28b3f;
    opacity:0;
    pointer-events:none;
  }
  #mfs-f1-48.mfs-about-page .f11-nav > a:not(.is-active):hover::after,
  #mfs-f1-48.mfs-about-page .f11-nav > a:not(.is-active):focus-visible::after{
    opacity:1;
  }
  #mfs-f1-48.mfs-about-page .f11-nav > a:nth-child(1)::after{
    left:50%; bottom:-14px; width:55px;
    transform:translateX(calc(-50% + .5px));
  }
  #mfs-f1-48.mfs-about-page .f11-nav > a:nth-child(2)::after,
  #mfs-f1-48.mfs-about-page .f11-nav > a:nth-child(3)::after,
  #mfs-f1-48.mfs-about-page .f11-nav > a:nth-child(4)::after{
    left:-1px; right:-2px; bottom:-14px; width:auto; transform:none;
  }
  #mfs-f1-48.mfs-about-page .f11-nav > a:nth-child(5)::after{
    left:50%; bottom:-14px; width:71px; transform:translateX(-50%);
  }
  /* Keep About selected by default while another item is hovered. */
  #mfs-f1-48.mfs-about-page .f11-nav > a.is-active::after{
    opacity:1!important;
  }
}

/* V29.49 — About header: when another menu item is hovered, temporarily hide the
   default About underline. About returns after the short JS delay on pointer leave. */
@media (min-width:901px){
  #mfs-f1-48.mfs-about-page .f11-nav.mfs-about-hover-away > a.is-active::after{
    opacity:0!important;
  }
}

/* V29.52 — About team portrait micro-crop adjustments */
.mfs-about-team-card:nth-child(1) .mfs-about-avatar img{
  object-position:center 42%;
}
.mfs-about-team-card:nth-child(2) .mfs-about-avatar img{
  object-position:center 18%;
  transform:scale(1.12) translateY(3px);
  transform-origin:center center;
}
.mfs-about-team-card:nth-child(3) .mfs-about-avatar img{
  object-position:center 18%;
}

/* V29.53 — About team portrait micro-position: Nataly left/down, Sergii right. Andrew unchanged. */
.mfs-about-team-card:nth-child(2) .mfs-about-avatar img{
  transform:scale(1.12) translate(-4px, 13px);
}
.mfs-about-team-card:nth-child(3) .mfs-about-avatar img{
  transform:translateX(3px);
}


/* V29.54 — About team portrait crop correction.
   Keep the circular image box fixed; reposition image content via object-position
   so the avatar circle itself is never shifted/clipped. Andrew unchanged. */
.mfs-about-team-card:nth-child(2) .mfs-about-avatar img{
  transform:scale(1.12);
  transform-origin:center center;
  object-position:54% 10%;
}
.mfs-about-team-card:nth-child(3) .mfs-about-avatar img{
  transform:none;
  object-position:47% 18%;
}

/* V29.56 — About team portraits rebuilt from original full-size photos.
   Pre-cropped square source files control composition; CSS only clips them into the approved circle. */
.mfs-about-team-card .mfs-about-avatar img{
  transform:none!important;
  object-position:center center!important;
}

/* V29.57 — About team avatar geometry fix.
   The 170x170 avatar is a true circle. Remove the 3px inner padding that made
   the fixed 164x164 photo overflow its 158x158 content box and clip unevenly.
   With a 3px border and no padding, the inner area is exactly 164x164, matching
   the photo, so both circles are concentric. Portrait crops remain unchanged. */
.mfs-about-avatar{
  padding:0!important;
  border-radius:50%!important;
}
.mfs-about-avatar img{
  width:164px!important;
  height:164px!important;
  border-radius:50%!important;
}

/* V29.58 — About team portrait scale/position only. Avatar geometry from V29.57 stays untouched. */
.mfs-about-team-card:nth-child(2) .mfs-about-avatar img{
  transform:scale(1.90)!important;
  transform-origin:43% 22%!important;
}
.mfs-about-team-card:nth-child(3) .mfs-about-avatar img{
  transform:translateX(-3px) scale(1.03)!important;
  transform-origin:center center!important;
}

/* V29.59 — About team composition matched to the approved reference screenshot.
   Keep V29.57 circle geometry. Andrew unchanged. Restore Nataly/Sergii visual
   scale and placement from the approved composition without clipping the avatar box. */
.mfs-about-team-card:nth-child(2) .mfs-about-avatar img{
  transform:scale(1.12)!important;
  transform-origin:center center!important;
  object-position:center center!important;
}
.mfs-about-team-card:nth-child(3) .mfs-about-avatar img{
  transform:none!important;
  transform-origin:center center!important;
  object-position:center center!important;
}

/* V29.60 — About team micro-step from V29.59. Only requested portrait changes. */
.mfs-about-team-card:nth-child(2) .mfs-about-avatar img{
  transform:translate(10px, 8px) scale(1.12)!important;
  transform-origin:center center!important;
}
.mfs-about-team-card:nth-child(3) .mfs-about-avatar img{
  transform:scale(1.10)!important;
  transform-origin:center center!important;
}

/* V29.61 — About team incremental portrait step from V29.60.
   Nataly: use the new user-cropped source as-is for a clean new baseline.
   Sergii: reduce V29.60 scale by 2 percentage points (1.10 -> 1.08) and move 3px down.
   Andrew and avatar geometry remain untouched. */
.mfs-about-team-card:nth-child(2) .mfs-about-avatar img{
  transform:none!important;
  transform-origin:center center!important;
  object-position:center center!important;
}
.mfs-about-team-card:nth-child(3) .mfs-about-avatar img{
  transform:translateY(3px) scale(1.08)!important;
  transform-origin:center center!important;
}

/* V29.62 — About Nataly only: +20% scale and 3px left. Sergii/Andrew unchanged. */
.mfs-about-team-card:nth-child(2) .mfs-about-avatar img{
  transform:translateX(-3px) scale(1.20)!important;
  transform-origin:center center!important;
  object-position:center center!important;
}

/* V29.63 — About Nataly only: +15% from V29.62 and 8px down. Keep full circle covered. */
.mfs-about-team-card:nth-child(2) .mfs-about-avatar img{
  transform:translate(-3px, 8px) scale(1.38)!important;
  transform-origin:center center!important;
  object-position:center center!important;
}

/* V29.64 — About Nataly only: reduce scale by 5 percentage points from V29.63 and move 10px further down. */
.mfs-about-team-card:nth-child(2) .mfs-about-avatar img{
  transform:translate(-3px, 18px) scale(1.33)!important;
  transform-origin:center center!important;
  object-position:center center!important;
}

/* V29.65 — About Andrew: use the newly supplied sea portrait as-is. No generated edit/crop; Nataly/Sergii unchanged. */
.mfs-about-team-card:nth-child(1) .mfs-about-avatar img{
  transform:none!important;
  transform-origin:center center!important;
  object-position:center center!important;
}

/* V29.69 — About Andrew only: +20% scale. */
.mfs-about-team-card:nth-child(1) .mfs-about-avatar img{
  transform:scale(1.20)!important;
  transform-origin:center center!important;
  object-position:center center!important;
}

/* V29.70 — About Andrew only: +10 percentage points and 2px left. */
.mfs-about-team-card:nth-child(1) .mfs-about-avatar img{
  transform:translateX(-2px) scale(1.30)!important;
  transform-origin:center center!important;
  object-position:center center!important;
}

/* V29.71 — About team micro-adjustments from V29.70. */
.mfs-about-team-card:nth-child(1) .mfs-about-avatar img{
  transform:translate(-2px, 2px) scale(1.35)!important;
  transform-origin:center center!important;
}
.mfs-about-team-card:nth-child(2) .mfs-about-avatar img{
  transform:translate(-3px, 19px) scale(1.33)!important;
  transform-origin:center center!important;
}

/* V29.72 — About team micro-position only. */
.mfs-about-team-card:nth-child(1) .mfs-about-avatar img{
  transform:translate(-3px, 5px) scale(1.35)!important;
  transform-origin:center center!important;
}
.mfs-about-team-card:nth-child(2) .mfs-about-avatar img{
  transform:translate(-3px, 18px) scale(1.33)!important;
  transform-origin:center center!important;
}

/* V29.73 — About Andrew only: +3 percentage points scale and 3px further down. */
.mfs-about-team-card:nth-child(1) .mfs-about-avatar img{
  transform:translate(-3px, 8px) scale(1.38)!important;
  transform-origin:center center!important;
  object-position:center center!important;
}


/* V29.80 — About: exact Home Trusted by Artists Worldwide section copied intact, including internal CTA banner. */

/* V29.83 About: collapse Trusted section after CTA removal; preserve Home */
.mfs-about-trusted{height:669px!important;}
.mfs-about-trusted .section-stage{height:497px!important;}

/* V29.84 — About: unify main section top rhythm with Trusted by Artists Worldwide. */
.mfs-about-page{
  --mfs-about-section-top:86px;
}
.mfs-about-page .mfs-about-trusted{
  padding-top:var(--mfs-about-section-top)!important;
}
.mfs-about-page .mfs-about-why-matters{
  padding-top:var(--mfs-about-section-top)!important;
}

/* V29.85 — About: make Real Feedback section use the same divider + 86px top rhythm as Trusted. */
.mfs-about-why-matters{
  position:relative!important;
  border:0!important;
  padding-top:86px!important;
}
.mfs-about-why-matters::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:50%!important;
  width:100vw!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  background:#E6DDCF!important;
  border:0!important;
  pointer-events:none!important;
  z-index:2!important;
}


/* V29.88 — About Review Preview: match Written Feedback -> Strengths gap to Areas -> What’s Next. */
.mfs-about-review-cols > div:first-child > p:last-of-type{
  margin-bottom:18px!important;
}


/* V29.92 — How It Works header navigation: exact approved About interaction, with How It Works active by default. */
@media (min-width:901px){
  #mfs-hiw-master .f11-nav > a{position:relative;}
  #mfs-hiw-master .f11-nav > a:not(.is-active)::after{
    content:"";position:absolute;height:2px;border-radius:1px;background:#d28b3f;opacity:0;pointer-events:none;
  }
  #mfs-hiw-master .f11-nav > a:not(.is-active):hover::after,
  #mfs-hiw-master .f11-nav > a:not(.is-active):focus-visible::after{opacity:1;}
  #mfs-hiw-master .f11-nav > a:nth-child(1)::after{left:50%;bottom:-14px;width:55px;transform:translateX(calc(-50% + .5px));}
  #mfs-hiw-master .f11-nav > a:nth-child(2)::after,
  #mfs-hiw-master .f11-nav > a:nth-child(3)::after,
  #mfs-hiw-master .f11-nav > a:nth-child(4)::after{left:-1px;right:-2px;bottom:-14px;width:auto;transform:none;}
  #mfs-hiw-master .f11-nav > a:nth-child(5)::after{left:50%;bottom:-14px;width:71px;transform:translateX(-50%);}
  #mfs-hiw-master .f11-nav > a.is-active::after{opacity:1!important;}
  #mfs-hiw-master .f11-nav.mfs-hiw-hover-away > a.is-active::after{opacity:0!important;}
}


/* V29.99 — How It Works shortened preview: true +4px section gaps (selector fixed) */
.hiw-example-feedback .hef-preview-body .hef-col-left > p.hef-written-copy + h4{padding-top:4px!important;}
.hiw-example-feedback .hef-preview-body .hef-col:not(.hef-col-left) > ul + h4{padding-top:4px!important;}

/* V29.102 — How It Works shortened preview: +5px more before Strengths and What's Next */
.hiw-example-feedback .hef-preview-body .hef-col-left > p.hef-written-copy + h4{padding-top:9px!important;}
.hiw-example-feedback .hef-preview-body .hef-col:not(.hef-col-left) > ul + h4{padding-top:9px!important;}


/* V29.104 — Pricing header navigation: exact approved About/How It Works interaction, with Pricing active by default. */
@media (min-width:901px){
  #mfs-f1-48.mfs-pricing-page .f11-nav > a{position:relative;}
  #mfs-f1-48.mfs-pricing-page .f11-nav > a:not(.is-active)::after{
    content:"";position:absolute;height:2px;border-radius:1px;background:#d28b3f;opacity:0;pointer-events:none;
  }
  #mfs-f1-48.mfs-pricing-page .f11-nav > a:not(.is-active):hover::after,
  #mfs-f1-48.mfs-pricing-page .f11-nav > a:not(.is-active):focus-visible::after{opacity:1;}
  #mfs-f1-48.mfs-pricing-page .f11-nav > a:nth-child(1)::after{left:50%;bottom:-14px;width:55px;transform:translateX(calc(-50% + .5px));}
  #mfs-f1-48.mfs-pricing-page .f11-nav > a:nth-child(2)::after,
  #mfs-f1-48.mfs-pricing-page .f11-nav > a:nth-child(3)::after,
  #mfs-f1-48.mfs-pricing-page .f11-nav > a:nth-child(4)::after{left:-1px;right:-2px;bottom:-14px;width:auto;transform:none;}
  #mfs-f1-48.mfs-pricing-page .f11-nav > a:nth-child(5)::after{left:50%;bottom:-14px;width:71px;transform:translateX(-50%);}
  #mfs-f1-48.mfs-pricing-page .f11-nav > a.is-active::after{opacity:1!important;}
  #mfs-f1-48.mfs-pricing-page .f11-nav.mfs-pricing-hover-away > a.is-active::after{opacity:0!important;}
}

/* V29.111 — Pricing: restore Home carousel arrow geometry for copied sections. */
body:has(.mfs-pricing-page) .v17-testimonials .testimonial-arrow{
  width:42px!important;
  height:42px!important;
  padding:0!important;
  border:1px solid #e7c6a3!important;
  border-radius:60px!important;
  background:#efd9c1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body:has(.mfs-pricing-page) .v17-testimonials .testimonial-arrow img{
  width:24px!important;
  height:24px!important;
  display:block!important;
  max-width:none!important;
  object-fit:contain!important;
}
body:has(.mfs-pricing-page) .v17-testimonials .testimonial-arrow-prev{transform:none!important;}
body:has(.mfs-pricing-page) .v17-testimonials .testimonial-arrow-next{transform:rotate(180deg)!important;}
body:has(.mfs-pricing-page) .songs-section .songs-arrow{
  width:42px!important;
  height:42px!important;
  padding:0!important;
  border:1px solid #e7c6a3!important;
  border-radius:60px!important;
  background:#efd9c1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body:has(.mfs-pricing-page) .songs-section .songs-arrow img{
  width:24px!important;
  height:24px!important;
  display:block!important;
  max-width:none!important;
  object-fit:contain!important;
}
body:has(.mfs-pricing-page) .songs-section .songs-arrow-prev{transform:none!important;}
body:has(.mfs-pricing-page) .songs-section .songs-arrow-next{transform:rotate(180deg)!important;}

/* V29.112 — Pricing: right carousel arrows already use carousel-right.svg; do not rotate them. */
body:has(.mfs-pricing-page) .v17-testimonials .testimonial-arrow-next{transform:none!important;}
body:has(.mfs-pricing-page) .songs-section .songs-arrow-next{transform:none!important;}


/* V29.124 Pricing sample: match What's Next subheading to Outcome heading */
.pricing-v230-pane .pricing-v230-next-heading{
  display:inline-block;
  margin-bottom:5px;
  font:600 13.4px/16px "Poynter OldStyle Display",Georgia,serif;
}

/* V29.126 — Pricing sample Written Feedback: equal paragraph gaps. */
body:has(#mfs-f1-48.mfs-pricing-page) .pricing-v230-column:first-child > .pricing-v230-pane:first-child > p:nth-of-type(1){
  margin-bottom:4px!important;
}


/* V29.128 — Testimonials header navigation: approved page-active + hover-away/1.4s return behavior. */
@media (min-width:901px){
  #mfs-f1-48.mfs-testimonials-page .f11-nav > a{position:relative;}
  #mfs-f1-48.mfs-testimonials-page .f11-nav > a:not(.is-active)::after{content:"";position:absolute;height:2px;border-radius:1px;background:#d28b3f;opacity:0;pointer-events:none;}
  #mfs-f1-48.mfs-testimonials-page .f11-nav > a:not(.is-active):hover::after,
  #mfs-f1-48.mfs-testimonials-page .f11-nav > a:not(.is-active):focus-visible::after{opacity:1;}
  #mfs-f1-48.mfs-testimonials-page .f11-nav > a:nth-child(1)::after{left:50%;bottom:-14px;width:55px;transform:translateX(calc(-50% + .5px));}
  #mfs-f1-48.mfs-testimonials-page .f11-nav > a:nth-child(2)::after,
  #mfs-f1-48.mfs-testimonials-page .f11-nav > a:nth-child(3)::after,
  #mfs-f1-48.mfs-testimonials-page .f11-nav > a:nth-child(4)::after{left:-1px;right:-2px;bottom:-14px;width:auto;transform:none;}
  #mfs-f1-48.mfs-testimonials-page .f11-nav > a:nth-child(5)::after{left:50%;bottom:-14px;width:71px;transform:translateX(-50%);}
  #mfs-f1-48.mfs-testimonials-page .f11-nav > a.is-active::after{opacity:1!important;}
  #mfs-f1-48.mfs-testimonials-page .f11-nav.mfs-testimonials-hover-away > a.is-active::after{opacity:0!important;}
}


/* V29.132 Testimonials final CTA: match only the arrow asset/placement to How It Works; keep accepted button geometry unchanged. */
@media (min-width:901px){
  body.mfs-testimonials-v236 .tm-final-cta-button .tm-final-cta-arrow{
    position:absolute!important;
    left:288px!important;
    top:25.5px!important;
    width:24px!important;
    height:25.755px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    display:block!important;
  }
}


/* V29.133 — Testimonials proof card 4: match cards 1/2 vertical rhythm. */
@media (min-width:901px){
  body.mfs-testimonials-v236 .tm-proof-v249 .tm-proof-stat-last strong{
    height:58px!important;
  }
  body.mfs-testimonials-v236 .tm-proof-v249 .tm-proof-stat-last span{
    margin-top:0!important;
  }
}

/* V29.141 — Testimonials: match the orange rule-to-supporting-text gap
   in "Is Our Service Right for You?" to the preceding Proof section. */
@media (min-width:901px){
  body.mfs-testimonials-v236 .tm-right-v2411 .tm-right-heading p{
    margin-top:20px!important;
  }
}

/* V29.142 — Contact header: approved inner-page navigation behavior. */
@media (min-width:901px){
  #mfs-f1-48.mfs-contact-page .f11-nav > a{position:relative;}
  #mfs-f1-48.mfs-contact-page .f11-nav > a:not(.is-active)::after{content:"";position:absolute;height:2px;border-radius:1px;background:#d28b3f;opacity:0;pointer-events:none;}
  #mfs-f1-48.mfs-contact-page .f11-nav > a:not(.is-active):hover::after,
  #mfs-f1-48.mfs-contact-page .f11-nav > a:not(.is-active):focus-visible::after{opacity:1;}
  #mfs-f1-48.mfs-contact-page .f11-nav > a:nth-child(1)::after{left:50%;bottom:-14px;width:55px;transform:translateX(calc(-50% + .5px));}
  #mfs-f1-48.mfs-contact-page .f11-nav > a:nth-child(2)::after,
  #mfs-f1-48.mfs-contact-page .f11-nav > a:nth-child(3)::after,
  #mfs-f1-48.mfs-contact-page .f11-nav > a:nth-child(4)::after{left:-1px;right:-2px;bottom:-14px;width:auto;transform:none;}
  #mfs-f1-48.mfs-contact-page .f11-nav > a:nth-child(5)::after{left:50%;bottom:-14px;width:71px;transform:translateX(-50%);}
  #mfs-f1-48.mfs-contact-page .f11-nav > a.is-active::after{opacity:1!important;}
  #mfs-f1-48.mfs-contact-page .f11-nav.mfs-contact-hover-away > a.is-active::after{opacity:0!important;}
}

/* V29.143 — Contact hero only: soften image into the dark header at the top
   and into the page background at the right edge. Left side intentionally unchanged. */
@media (min-width:901px){
  body.mfs-contact-v250 #mfs-f1-48.mfs-contact-page .f11-hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
      linear-gradient(180deg,rgba(15,14,11,.92) 0%,rgba(15,14,11,.48) 4.5%,rgba(15,14,11,0) 13%),
      linear-gradient(90deg,rgba(15,14,11,0) 78%,rgba(15,14,11,.10) 84%,rgba(15,14,11,.42) 92%,rgba(15,14,11,.92) 100%);
  }
}

/* V29.144 — Contact hero: same top/right fade geometry, reduced intensity. */
@media (min-width:901px){
  body.mfs-contact-v250 #mfs-f1-48.mfs-contact-page .f11-hero::after{
    background:
      linear-gradient(180deg,rgba(15,14,11,.65) 0%,rgba(15,14,11,.30) 4.5%,rgba(15,14,11,0) 13%),
      linear-gradient(90deg,rgba(15,14,11,0) 78%,rgba(15,14,11,.06) 84%,rgba(15,14,11,.26) 92%,rgba(15,14,11,.65) 100%)!important;
  }
}

/* V29.147 — Contact callback phone country selector: rectangular flags + calling codes. */
.mfs-contact-v250 .contact-country-picker{position:relative;display:block;width:138px;height:60px;flex:0 0 138px;z-index:12}
.mfs-contact-v250 .contact-country-picker .contact-country-box{box-sizing:border-box;width:138px;height:60px;border:2px solid #e6ddcf;border-radius:10px;background:#fff;display:flex;gap:9px;align-items:center;justify-content:center;padding:0 12px;cursor:pointer;color:#26211c;font-family:Inter,Arial,sans-serif}
.mfs-contact-v250 .contact-country-flag,.mfs-contact-v250 .contact-country-menu img{width:24px;height:18px;flex:0 0 24px;display:block;object-fit:cover;border:1px solid rgba(0,0,0,.08);border-radius:2px;box-sizing:border-box}
.mfs-contact-v250 .contact-country-code{font:500 15px/20px Inter,Arial,sans-serif;color:#26211c;white-space:nowrap}
.mfs-contact-v250 .contact-country-picker .contact-css-chevron{margin-left:auto}
.mfs-contact-v250 .contact-country-menu{display:none;position:absolute;left:0;top:66px;width:250px;padding:6px;background:#fff;border:1px solid #e6ddcf;border-radius:10px;box-shadow:0 10px 28px rgba(32,25,18,.14);box-sizing:border-box;z-index:50}
.mfs-contact-v250 .contact-country-picker.is-open .contact-country-menu{display:block}
.mfs-contact-v250 .contact-country-menu button{width:100%;height:44px;border:0;background:#fff;border-radius:7px;padding:0 9px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;color:#26211c;font:400 14px/20px Inter,Arial,sans-serif}
.mfs-contact-v250 .contact-country-menu button:hover,.mfs-contact-v250 .contact-country-menu button:focus-visible{background:#f7f2eb;outline:0}
.mfs-contact-v250 .contact-country-menu button span{flex:1 1 auto}
.mfs-contact-v250 .contact-country-menu button b{font-weight:500}

/* V29.148 — Contact callback country selector: priority countries + divider + worldwide list. */
.mfs-contact-v250 .contact-country-menu{max-height:360px!important;overflow-y:auto!important;overscroll-behavior:contain;}
.mfs-contact-v250 .contact-country-separator{display:block;height:1px;background:#e6ddcf;margin:6px 5px;}
.mfs-contact-v250 .contact-country-emoji,.mfs-contact-v250 .contact-country-selected-emoji{width:24px;height:18px;flex:0 0 24px;align-items:center;justify-content:center;font-size:20px;line-height:18px;overflow:hidden;}
.mfs-contact-v250 .contact-country-emoji{display:inline-flex;}
.mfs-contact-v250 .contact-country-selected-emoji{display:none;}

/* V29.149 — Contact phone selector: align selected flag with the field icons;
   keep the same left alignment inside the dropdown menu. */
@media (min-width:901px){
  .mfs-contact-v250 .contact-country-picker .contact-country-box{
    justify-content:flex-start!important;
    padding-left:16px!important;
    padding-right:12px!important;
  }
  .mfs-contact-v250 .contact-country-menu button{
    padding-left:16px!important;
    padding-right:9px!important;
  }
}

/* V29.150 — Contact phone selector micro-alignment: flag +3px, calling code +10px. */
@media (min-width:901px){
  .mfs-contact-v250 .contact-country-picker .contact-country-box > .contact-country-flag,
  .mfs-contact-v250 .contact-country-picker .contact-country-box > .contact-country-selected-emoji{
    transform:translateX(3px)!important;
  }
  .mfs-contact-v250 .contact-country-picker .contact-country-box > .contact-country-code{
    transform:translateX(10px)!important;
  }
  .mfs-contact-v250 .contact-country-menu button > img,
  .mfs-contact-v250 .contact-country-menu button > .contact-country-emoji{
    transform:translateX(3px)!important;
  }
  .mfs-contact-v250 .contact-country-menu button > b{
    transform:translateX(10px)!important;
  }
}

/* V29.151 — Contact phone dropdown stage 1: full longest-country width; priority rows 4px left. */
@media (min-width:901px){
  .mfs-contact-v250 .contact-country-menu{
    width:max-content!important;
    min-width:250px!important;
    max-width:none!important;
  }
  .mfs-contact-v250 .contact-country-menu button{
    width:100%!important;
    white-space:nowrap!important;
  }
  .mfs-contact-v250 .contact-country-menu button > span:not(.contact-country-emoji){
    white-space:nowrap!important;
  }
  .mfs-contact-v250 .contact-country-menu > button:nth-child(-n+4) > img{
    transform:translateX(-1px)!important;
  }
  .mfs-contact-v250 .contact-country-menu > button:nth-child(-n+4) > span:not(.contact-country-emoji){
    transform:translateX(-4px)!important;
  }
}


/* V29.152 — Contact phone dropdown: compact country labels and unified flag/name alignment. */
@media (min-width:901px){
  .mfs-contact-v250 .contact-country-menu button > img,
  .mfs-contact-v250 .contact-country-menu button > .contact-country-emoji{
    transform:translateX(-1px)!important;
  }
  .mfs-contact-v250 .contact-country-menu button > span:not(.contact-country-emoji){
    transform:translateX(-4px)!important;
  }
  .mfs-contact-v250 .contact-country-menu{
    width:max-content!important;
    min-width:250px!important;
  }
}

/* V29.153 — Contact phone dropdown: lower worldwide rows use the exact same flag/name grid as priority rows. */
@media (min-width:901px){
  .mfs-contact-v250 .contact-country-menu button > .contact-country-emoji{
    flex:0 0 24px!important;
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
  }
  .mfs-contact-v250 .contact-country-menu button > span:not(.contact-country-emoji){
    flex:1 1 auto!important;
    margin:0!important;
  }
}

/* V29.154 — Contact phone selected US flag: +1px right only. */
@media (min-width:901px){
  .mfs-contact-v250 .contact-country-picker .contact-country-box > .contact-country-flag,
  .mfs-contact-v250 .contact-country-picker .contact-country-box > .contact-country-selected-emoji{
    transform:translateX(4px)!important;
  }
}


/* V29.155 — Contact phone dropdown: +5px breathing room after calling codes. */
@media (min-width:901px){
  .mfs-contact-v250 .contact-country-menu button{
    padding-right:14px!important;
  }
}

/* V29.156 — Contact phone dropdown: trim 1px after calling codes. */
@media (min-width:901px){
  .mfs-contact-v250 .contact-country-menu button{
    padding-right:13px!important;
  }
}

/* V29.176 — Contact: remove obsolete V25.0 extra bottom band.
   The current shared hero is 656px (not the old 682px contact-hero-clean),
   so Contact must use the same top-section geometry as the approved internal pages. */
@media (min-width:901px){
  body.mfs-contact-v250 #mfs-f1-48.mfs-contact-page{
    height:1077px!important;
  }
  body.mfs-contact-v250 #mfs-f1-48.mfs-contact-page .f11-canvas{
    height:1077px!important;
  }
  body.mfs-contact-v250 #mfs-f1-48.mfs-contact-page .f11-main{
    top:161px!important;
    height:915px!important;
    padding-top:10px!important;
  }
  body.mfs-contact-v250 #mfs-f1-48.mfs-contact-page .f11-stack{
    height:905px!important;
  }
}

/* V29.177 — Contact: match supporting-text gap to Home / How It Works. */
@media (min-width:1201px){
  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-support-heading{
    gap:16px!important;
  }
  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-support-heading>p{
    justify-content:flex-start!important;
  }
}

/* V29.178 — Contact: exact Home / How It Works rule-to-supporting-text rhythm.
   V29.177 changed the parent gap, but the Contact paragraph still had a fixed
   55.139px flex box that vertically centered the text and added hidden space. */
@media (min-width:1201px){
  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-support-heading{
    gap:16px!important;
  }
  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-support-heading>p{
    height:auto!important;
    display:block!important;
    line-height:30px!important;
    align-items:initial!important;
    justify-content:initial!important;
  }
}

/* V29.179 — Contact: match supporting-text → cards gap to Pricing
   “Clear, actionable feedback that moves your track forward.” exactly.
   Pricing uses 56px between .pricing-v226-head and .pricing-v226-grid. */
@media (min-width:1201px){
  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-support-section{
    gap:56px!important;
  }
}

/* V29.180 — Contact: exact visible supporting-text → cards rhythm from the two
   approved Pricing references: “Clear, actionable feedback...” and
   “Why This Approach Works”. Both use a 56px section gap after the real
   supporting-text box. Remove the old Contact V25.3 fixed 233.666687px
   heading flex-basis, which was adding invisible blank height below the text. */
@media (min-width:1201px){
  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-support-heading{
    flex:0 0 auto!important;
    height:auto!important;
  }
  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-support-section{
    gap:56px!important;
  }
}

/* V29.181 — Contact: make the visible supporting-text → cards distance match the
   two approved Pricing references. V29.180 collapsed the hidden heading space,
   but simultaneously changed the section gap from the original 42px to 56px,
   which largely cancelled the visible movement. Keep the collapsed real text
   geometry from V29.178/V29.180, and use the original 42px inter-block gap so
   the cards actually move upward by 14px. No card/text styling changed. */
@media (min-width:1201px){
  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-support-heading{
    height:auto!important;
    flex:0 0 auto!important;
  }
  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-support-section{
    gap:42px!important;
  }
}

/* V29.182 — Contact: final visual comparison pass requested after V29.181.
   Move the three support cards 8px closer to the already-approved supporting
   text, without changing the text block or any card dimensions/content. */
@media (min-width:1201px){
  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-support-section{
    gap:34px!important;
  }
}

/* V29.183 — Contact: final 1px visual refinement requested after V29.182.
   Reduce only the supporting-text → support-cards distance by 1px. */
@media (min-width:1201px){
  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-support-section{
    gap:33px!important;
  }
}

/* V29.184 — Contact: reduce approved supporting-text → support-cards distance by 1px more. */
@media (min-width:981px){
  body.mfs-contact-v250:not(.mfs-contact-thank-you) .contact-support-section{
    gap:32px!important;
  }
}

/* V29.203 — Testimonials hero: exact 3-line supporting text, no browser rewrap */
#mfs-f1-48.mfs-testimonials-page .f11-subcopy .mfs-testimonials-subcopy-line {
  display:block;
  white-space:nowrap;
}

/* V29.215 — How It Works: restore missing divider between Trusted by Artists Worldwide and No Risk. Clear Value. */
.hiw-no-risk{
  border-top:1px solid #E6DDCF;
}


/* V29.216 — How It Works / No Risk: match orange-rule-to-cards spacing to Trusted by Artists Worldwide (56px). */
.hiw-no-risk .hnr-cards{
  margin-top:32px; /* existing 24px flex gap + 32px = 56px */
}


/* V29.230 — Home order CTA anchor: Select Review Type sits exactly 50px below viewport top */
#select-review-type{scroll-margin-top:50px;}

/* V29.251 — Home: pointer cursor for interactive Example Feedbacks cards
   and Trusted by Artists Worldwide pagination dots. */
body.home #mfs-f1-228 .f15-track[role="button"] { cursor: pointer; }
body.home .v17-testimonials [data-position-test-dots] span[role="button"] { cursor: pointer; }

/* V29.252 — Trusted by Artists Worldwide: pointer cursor on interactive pagination dots across About, How It Works, Pricing, Testimonials. */
body.page-template-page-about .v17-testimonials [data-position-test-dots] span[role="button"],
body.page-template-page-how-it-works .v17-testimonials [data-position-test-dots] span[role="button"],
body.page-template-page-pricing .v17-testimonials [data-position-test-dots] span[role="button"],
body.page-template-page-testimonials .v17-testimonials [data-position-test-dots] span[role="button"] { cursor: pointer; }

/* V29.253 — Trusted by Artists Worldwide: all interactive pagination dots use pointer cursor on every page. */
.v17-testimonials [data-position-test-dots] span { cursor: pointer; }

/* V29.254 — Full Feedbacks: pointer cursor for interactive Example Feedbacks selector cards. */
body.page-template-page-full-feedbacks #mfs-f1-228 .f15-track[role="button"],
body.mfs-full-feedbacks #mfs-f1-228 .f15-track[role="button"] { cursor: pointer; }

/* V29.255 — Example Feedbacks: pointer cursor on the actual interactive selector cards.
   Template body classes vary in WordPress, so target the shared section/card structure directly. */
#mfs-f1-228 .f15-track[data-feedback-index] { cursor: pointer !important; }


/* V29.258 — Legal pages: anchor the actual legal title, matching the Ordering 1 mechanism.
   The title itself sits exactly 50px below the viewport top; section padding is not added to the offset. */
#mfs-legal-title { scroll-margin-top: 50px; }

/* V29.269 — Contact forms: Thank You target sits exactly 50px below viewport top. */
#cty-next-title{scroll-margin-top:50px;}

/* V29.272 — Contact Thank You: top Contact shell uses the exact approved Contact geometry.
   Keeps CTY +50px scroll target and all lower CTY sections untouched. */

/* V29.274 ORDERING 1 — Header navigation hover exactly as approved Home. Get Started untouched. */
@media (min-width:901px){
  .mfs-ordering-1 #mfs-f1-48 .f11-nav > a{
    position:relative;
  }
  .mfs-ordering-1 #mfs-f1-48 .f11-nav > a::after{
    content:"";
    position:absolute;
    height:2px;
    border-radius:1px;
    background:#d28b3f;
    opacity:0;
    pointer-events:none;
  }
  .mfs-ordering-1 #mfs-f1-48 .f11-nav > a:hover::after,
  .mfs-ordering-1 #mfs-f1-48 .f11-nav > a:focus-visible::after{
    opacity:1;
  }
  .mfs-ordering-1 #mfs-f1-48 .f11-nav > a:nth-child(1)::after{
    left:50%; bottom:-14px; width:55px;
    transform:translateX(calc(-50% + .5px));
  }
  .mfs-ordering-1 #mfs-f1-48 .f11-nav > a:nth-child(2)::after,
  .mfs-ordering-1 #mfs-f1-48 .f11-nav > a:nth-child(3)::after,
  .mfs-ordering-1 #mfs-f1-48 .f11-nav > a:nth-child(4)::after{
    left:-1px; right:-2px; bottom:-14px; width:auto; transform:none;
  }
  .mfs-ordering-1 #mfs-f1-48 .f11-nav > a:nth-child(5)::after{
    left:50%; bottom:-14px; width:71px; transform:translateX(-50%);
  }
}
/* V29.279 discount state feedback — existing Ordering 3 geometry retained. */
.mfs-ordering-3 .mfs-discount-status{min-height:18px;margin:7px 0 0;font:600 14px/18px Inter,Arial,sans-serif;color:#ca8338;text-decoration:none}
.mfs-ordering-3 .mfs-discount-status.is-success{color:#ca8338}
.mfs-ordering-3 .mfs-discount-status.is-error{color:#ca8338;text-decoration:none}
.mfs-ordering-3 .ord3-discount button:disabled{opacity:.65;cursor:wait}

/* V29.283 — Ordering 2 real upload progress/status. */
.mfs-ordering-2 .ord2-upload-status{position:absolute!important;left:27px!important;top:291px!important;width:236px!important;box-sizing:border-box!important;font-family:Inter,Arial,sans-serif!important;text-align:left!important;z-index:3!important}
.mfs-ordering-2 .ord2-upload-status[hidden]{display:none!important}
.mfs-ordering-2 .ord2-upload-status-line{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;font-size:11px!important;line-height:15px!important;color:#5d554d!important}
.mfs-ordering-2 .ord2-upload-state{font-weight:600!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.mfs-ordering-2 .ord2-upload-percent{flex:0 0 auto!important;font-variant-numeric:tabular-nums!important}
.mfs-ordering-2 .ord2-upload-progress{height:5px!important;margin-top:5px!important;border-radius:999px!important;background:#e8e2dc!important;overflow:hidden!important}
.mfs-ordering-2 .ord2-upload-progress>span{display:block!important;height:100%!important;border-radius:inherit!important;background:#de984b!important;transition:width .12s linear!important}
.mfs-ordering-2 .ord2-upload-filemeta{margin-top:4px!important;font-size:10px!important;line-height:13px!important;color:#746b63!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.mfs-ordering-2 .ord2-upload-status.is-complete .ord2-upload-state{color:#3f7650!important}
.mfs-ordering-2 .ord2-upload-status.is-complete .ord2-upload-progress>span{background:#58b56f!important}
.mfs-ordering-2 .ord2-upload-status.is-error .ord2-upload-state{color:#a23b32!important;white-space:normal!important}
.mfs-ordering-2 .ord2-upload-status.is-error .ord2-upload-progress{display:none!important}
.mfs-ordering-2 .ord2-choose-file.is-disabled{opacity:.55!important;pointer-events:none!important}
.mfs-ordering-2 .ord2-continue:disabled{opacity:.55!important;cursor:not-allowed!important}
.mfs-ordering-2 .ord2-dropzone.is-dragover{outline:2px solid #de984b!important;outline-offset:2px!important}


/* V29.288 — Ordering 2 upload stack alignment fix.
   Keep the original internal coordinates and move the whole visible upload-control stack
   upward by the same 28px. This avoids fighting the older absolute-position rules.
   The dropzone visual top becomes 141px, matching the private-link input top (141px). */
.mfs-ordering-2 .ord2-upload-card .ord2-dropzone{top:169px!important;transform:translateY(-28px)!important}
.mfs-ordering-2 .ord2-upload-card .ord2-choose-file{top:231px!important;transform:translateY(-28px)!important}
.mfs-ordering-2 .ord2-upload-card>small{top:283px!important;transform:translateY(-28px)!important}
.mfs-ordering-2 .ord2-upload-status{top:291px!important;transform:translateY(-28px)!important}


/* V29.289 — Ordering 2: match the upload dropzone HEIGHT to the private-link field.
   Width and the V29.288 vertical alignment remain unchanged. */
.mfs-ordering-2 .ord2-upload-card .ord2-dropzone{
  height:42px!important;
  min-height:42px!important;
  padding:11px 16px!important;
}


/* V29.290 — Ordering 2: match the upload dropzone border to the private-link field.
   Geometry from V29.289 remains unchanged. */
.mfs-ordering-2 .ord2-upload-card .ord2-dropzone{
  border:1.5px solid #dfd2c3!important;
  border-radius:8px!important;
}


/* V29.291 — Ordering 2 micro-adjustments only.
   1) Raise the complete Figma Choose File control by 2px.
   2) Place upload status below the existing Accepted formats / Max file size copy,
      with a clear gap, and match that copy's Inter 14px typography. */
.mfs-ordering-2 .ord2-upload-card .ord2-choose-file{
  top:229px!important;
  transform:translateY(-28px)!important;
}
.mfs-ordering-2 .ord2-upload-status{
  top:327px!important;
  transform:translateY(-28px)!important;
}
.mfs-ordering-2 .ord2-upload-status-line{
  font:400 14px/18px Inter,Arial,sans-serif!important;
}
.mfs-ordering-2 .ord2-upload-state{font-weight:400!important;}


/* V29.293 — Ordering 2: move upload status 10px lower to clear Max file size. */
.mfs-ordering-2 .ord2-upload-status{
  top:337px!important;
  transform:translateY(-28px)!important;
}

/* V29.293 — Ordering 2: move upload status another 10px lower. */
.mfs-ordering-2 .ord2-upload-status{
  top:347px!important;
  transform:translateY(-28px)!important;
}

/* V29.294 — Ordering 2: replace filename/size metadata with a compact Replace File action. */
.mfs-ordering-2 .ord2-upload-filemeta{display:none!important}
.mfs-ordering-2 .ord2-replace-file{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:10px!important;
  min-height:32px!important;
  padding:6px 15px!important;
  border:1px solid #de984b!important;
  border-radius:6px!important;
  background:#fffaf5!important;
  color:#b66f28!important;
  font:500 14px/18px Inter,Arial,sans-serif!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.mfs-ordering-2 .ord2-replace-file[hidden]{display:none!important}
@media (hover:hover) and (pointer:fine){
  .mfs-ordering-2 .ord2-replace-file:hover{background:#f8eee4!important}
}
.mfs-ordering-2 .ord2-replace-file:focus-visible{outline:2px solid #de984b!important;outline-offset:2px!important}


/* V29.295 — Ordering 2: give all three send-method cards 25px more vertical room
   and center the Replace File action inside the upload card. */
.mfs-ordering-2 .ord2-send-cards{height:405px!important}
.mfs-ordering-2 .ord2-send-card{height:405px!important}
.mfs-ordering-2 .ord2-replace-file{
  width:max-content!important;
  margin:10px auto 0!important;
}


/* V29.297 — Ordering 2 compact upload-state layout.
   Restore the original card height. When upload status is visible, replace the
   Accepted formats / Max file size copy with progress/status in the same area. */
.mfs-ordering-2 .ord2-send-cards{height:380px!important}
.mfs-ordering-2 .ord2-send-card{height:380px!important}
.mfs-ordering-2 .ord2-upload-card.has-upload-status>small{display:none!important}
.mfs-ordering-2 .ord2-upload-status{
  top:283px!important;
  transform:translateY(-28px)!important;
  text-align:center!important;
}
.mfs-ordering-2 .ord2-upload-status-line{
  justify-content:center!important;
  position:relative!important;
  padding-right:0!important;
}
.mfs-ordering-2 .ord2-upload-percent{
  margin-left:8px!important;
}
.mfs-ordering-2 .ord2-replace-file{
  width:max-content!important;
  margin:10px auto 0!important;
}

/* V29.297 — Ordering 2 upload UI micro-adjustments.
   Match Replace File to the dark Choose File control and keep it centered,
   2px lower. Uploading label no longer duplicates the percentage. */
.mfs-ordering-2 .ord2-replace-file{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  margin:12px auto 0!important;
  min-height:32px!important;
  padding:6px 15px!important;
  border:1px solid #050505!important;
  border-radius:6px!important;
  background:#050505!important;
  color:#fff!important;
  font:700 14px/18px Inter,Arial,sans-serif!important;
}
@media (hover:hover) and (pointer:fine){
  .mfs-ordering-2 .ord2-replace-file:hover{background:#050505!important;color:#fff!important}
}

/* V29.298 — Ordering 2: Replace File uses the exact Choose File typography,
   with a softer dark-gray fill to distinguish the secondary action. */
.mfs-ordering-2 .ord2-replace-file{
  background:#5B5752!important;
  border-color:#5B5752!important;
  color:#fff!important;
  font:700 13.5px/16px Inter,Arial,sans-serif!important;
}
@media (hover:hover) and (pointer:fine){
  .mfs-ordering-2 .ord2-replace-file:hover{
    background:#5B5752!important;
    border-color:#5B5752!important;
    color:#fff!important;
  }
}


/* V29.299 — Ordering 2: visually match the original Figma Choose File vector lettering.
   The Choose File label is baked into an SVG as vector paths, not live CSS text,
   so Replace File uses the closest live-text match: lighter weight + wider tracking.
   Secondary action gets a clearly lighter neutral gray fill. */
.mfs-ordering-2 .ord2-replace-file{
  background:#77716B!important;
  border-color:#77716B!important;
  color:#fff!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  line-height:16px!important;
  font-weight:500!important;
  letter-spacing:.35px!important;
}
@media (hover:hover) and (pointer:fine){
  .mfs-ordering-2 .ord2-replace-file:hover{
    background:#77716B!important;
    border-color:#77716B!important;
    color:#fff!important;
  }
}

/* V29.301 — Ordering 2: return to the accepted black upload treatment.
   The original black Upload icon and original Figma Choose File SVG are retained from V29.299.
   Replace File is changed only to the same black/white treatment. */
.mfs-ordering-2 .ord2-replace-file{
  background:#050505!important;
  border-color:#050505!important;
  color:#fff!important;
}
@media (hover:hover) and (pointer:fine){
  .mfs-ordering-2 .ord2-replace-file:hover{
    background:#050505!important;
    border-color:#050505!important;
    color:#fff!important;
  }
}


/* V29.302 — Ordering 2: keep successful upload status in the brand orange.
   Uploading already uses orange; completion no longer switches to green. */
.mfs-ordering-2 .ord2-upload-status.is-complete .ord2-upload-state{color:#de984b!important}
.mfs-ordering-2 .ord2-upload-status.is-complete .ord2-upload-progress>span{background:#de984b!important}


/* V29.303 — Ordering 2: completion checkmark/text are black; progress bar remains brand orange. */
.mfs-ordering-2 .ord2-upload-status.is-complete .ord2-upload-state{color:#050505!important}


/* V29.304 — Ordering 2: completion checkmark/text use the same muted gray family as the private-link/Google Drive copy; progress bar remains brand orange. */
.mfs-ordering-2 .ord2-upload-status.is-complete .ord2-upload-state{color:#5d554d!important}

/* V29.306 — orange completion checkmark; completion text retains V29.304 gray. */
.mfs-ordering-2 .ord2-upload-status.is-complete .ord2-complete-check{color:#de984b!important}
.mfs-ordering-2 .ord2-upload-status.is-complete .ord2-upload-state{color:#5d554d!important}


/* V29.307 — Ordering 3 compact review-type chooser. */
.mfs-ordering-3 .ord3-inline-edit{appearance:none;border:0;background:transparent;padding:0;margin:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
.mfs-ordering-3 .ord3-review-quick[hidden]{display:none!important}
.mfs-ordering-3 .ord3-review-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 22px 4px}
.mfs-ordering-3 .ord3-review-choice{min-height:92px;border:1px solid #d8cabb;border-radius:9px;background:#f8f4f0;color:#1c1a18;padding:14px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-align:center}
.mfs-ordering-3 .ord3-review-choice strong{font-family:"Poynter OldStyle Display",Georgia,serif;font-size:20px;line-height:21px;font-weight:600}
.mfs-ordering-3 .ord3-review-choice span{font-family:"Poynter OldStyle Display",Georgia,serif;font-size:25px;line-height:25px;font-weight:600}
.mfs-ordering-3 .ord3-review-choice.is-selected{border:2px solid #de984b;background:#f7f3ef}
.mfs-ordering-3 .ord3-review-choice:disabled{cursor:pointer;opacity:1}
@media(max-width:760px){.mfs-ordering-3 .ord3-review-quick{grid-template-columns:1fr}}


/* V29.308 — Ordering 3 review editor: shortened Ordering 1 cards across the exact product width. */
.mfs-ordering-3 #mfs-review-type-box .ord3-product[hidden]{display:none!important}
.mfs-ordering-3 #mfs-review-type-box .ord3-review-quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;width:100%;box-sizing:border-box}
.mfs-ordering-3 #mfs-review-type-box .ord3-review-choice{min-width:0;min-height:238px;box-sizing:border-box;padding:18px 12px 16px;gap:0;justify-content:flex-start;background:#f7f3ef}
.mfs-ordering-3 #mfs-review-type-box .ord3-quick-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;margin:0 auto 10px}
.mfs-ordering-3 #mfs-review-type-box .ord3-quick-icon img{display:block;width:48px;height:48px;object-fit:contain}
.mfs-ordering-3 #mfs-review-type-box .ord3-review-choice strong{min-height:42px;display:flex;align-items:center;justify-content:center;margin:0;font-family:"Poynter OldStyle Display",Georgia,serif;font-size:20px;line-height:21px;font-weight:600}
.mfs-ordering-3 #mfs-review-type-box .ord3-quick-desc{display:block;min-height:40px;margin:8px 0 10px;font:400 13px/18px Inter,sans-serif;color:#4b5563;text-align:center}
.mfs-ordering-3 #mfs-review-type-box .ord3-quick-price{display:block;margin-top:auto;font-family:"Poynter OldStyle Display",Georgia,serif;font-size:30px;line-height:30px;font-weight:600;color:#111}
.mfs-ordering-3 #mfs-review-type-box .ord3-quick-price small{font-family:"Poynter OldStyle Display","Times New Roman",serif;font-size:15px;line-height:20px;font-weight:600;vertical-align:8px;margin-right:1px}
.mfs-ordering-3 #mfs-review-type-box .ord3-quick-payment{display:block;margin-top:4px;font:400 11px/15px Inter,sans-serif;color:#4b5563;text-transform:none}
@media(max-width:760px){.mfs-ordering-3 #mfs-review-type-box .ord3-review-quick{grid-template-columns:1fr}}


/* V29.310 — Ordering 3: Most Popular visibility must override legacy !important display rules.
   The badge exists only for Initial Review + Follow-Up Review. */
.mfs-ordering-3 #mfs-ord3-popular[hidden],
.mfs-ordering-3 #mfs-ord3-aside-popular[hidden]{
  display:none!important;
}


/* V29.311 — restore quick-edit dollar size and keep Your Order artwork full-size on Ordering 2/3. */
.mfs-ordering-3 #mfs-review-type-box .ord3-quick-price small{font-size:15px!important;}
.mfs-ordering-2 .ord2-order-box .ord1-order-icon,
.mfs-ordering-3 .ord2-order-box-v2844 .ord1-order-icon{
  width:46px!important;height:46px!important;min-width:46px!important;
  background:transparent!important;border-radius:0!important;overflow:visible!important;
  display:grid!important;place-items:center!important;
}
.mfs-ordering-2 .ord2-order-box .ord1-order-icon img,
.mfs-ordering-3 .ord2-order-box-v2844 .ord1-order-icon img{
  display:block!important;width:46px!important;height:46px!important;max-width:none!important;
  object-fit:contain!important;filter:none!important;opacity:1!important;transform:none!important;
}


/* V29.312 — Ordering 3 single-review Your Order spacing copied from accepted Ordering 1 V28.44. */
.mfs-ordering-3 .ord2-order-box-v2844.ord1-order-single .ord1-order-included{
  margin-top:20px!important;
}

/* V29.313 — Ordering 3: no wait cursor on review choices; lyrics empty state uses em dash. Ordering 1 hero copy updated. */


/* V29.320 — unify Ordering 1/2/3 section geometry with Home / How It Works.
   Desktop reference: 86px section top padding; 15px title→rule; 16px rule→supporting text. */
@media (min-width:901px){
  .mfs-ordering-1 .ord1-shell{padding-top:86px!important;}
  .mfs-ordering-2 .ord2-shell{padding-top:86px!important;}
  .mfs-ordering-3 .ord3-shell{padding-top:86px!important;}

  .mfs-ordering-1 .ord1-section-heading{gap:15px!important;}
  .mfs-ordering-1 .ord1-section-heading p{margin-top:1px!important;}

  .mfs-ordering-2 .ord2-form-head{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;}
  .mfs-ordering-2 .ord2-form-rule{margin:15px 0 16px!important;}

  .mfs-ordering-3 .ord3-title{gap:0!important;}
  .mfs-ordering-3 .ord3-title>span{margin:15px 0 16px!important;}
}


/* V29.322 — Ordering 1/2/3 use native anchor scrolling with the same 50px scroll margin; no forced JS re-scroll on Ordering 2/3. */
#track-details,
#order-summary{scroll-margin-top:50px;}

/* V29.327 — Ordering 3: +1px space after Order Summary supporting text */
.mfs-ordering-3 #order-summary{margin-bottom:39px;}


/* V29.338 — Ordering 2: track-method validation only. */
.mfs-ordering-2 .ord2-track-required-error{
  box-sizing:border-box;
  width:100%;
  min-height:52px;
  margin:15px 0 16px;
  padding:14px 20px;
  border:1px solid #DE984B;
  border-radius:14px;
  background:#F7F3EF;
  color:#CA8338;
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  font-weight:600;
  line-height:22px;
  text-align:left;
}
.mfs-ordering-2 .ord2-track-required-error[hidden]{display:none!important;}

/* V29.343 — Ordering 2: error-state heading 2px further down; gap below heading 1px tighter. */
.mfs-ordering-2 #ord2-send-heading.is-track-error-visible{transform:translateY(12px);}


/* V29.345 — Ordering 2: required marker on send-track heading.
   Reuse the same star treatment already used by required field labels. */
.mfs-ordering-2 .ord2-send-method legend b{
  color:#d68b35;
  font:600 15px/1 Inter,Arial,sans-serif;
}

/* V29.347 — Ordering 2 required stars 1px lower than V29.346. */
/* Required stars: 1px lower than V29.346 (net 1px above original baseline). */
.mfs-ordering-2 .ord2-field label b,
.mfs-ordering-2 .ord2-send-method legend b{
  position:relative;
  top:-1px;
}
/* Raise only the newly added optional captions by 1px; preserve all existing optional labels below. */
.mfs-ordering-2 .ord2-artist > label em,
.mfs-ordering-2 .ord2-song > label em{
  position:relative!important;
  top:0!important;
}

/* V29.348 — Ordering 2: lower only Full Name / Email Address / Phone Number required stars by 1px from V29.347. Keep send-track star unchanged. */
.mfs-ordering-2 .ord2-field label b{
  top:0!important;
}
.mfs-ordering-2 .ord2-send-method legend b{
  top:-1px!important;
}
/* Ordering 1: Your Order has no editable action at this step. Defensive hide for any legacy/cached Edit control. */
.mfs-ordering-1 .ord1-order-head a,
.mfs-ordering-1 .ord1-order-head button{
  display:none!important;
}

/* V29.350 — Ordering 2: raise only Full Name / Email Address / Phone Number / Artist Name required stars by 1px. Send-track star unchanged. */
.mfs-ordering-2 .ord2-field label b{
  top:-1px!important;
}
.mfs-ordering-2 .ord2-send-method legend b{
  top:-1px!important;
}


/* V29.354 — Ordering 2: sentence-case Artist/Song placeholders; lower song-note icon by 2px. */
.mfs-ordering-2 .ord2-song .ord2-note-icon{top:52px!important;}

/* V29.363 — Ordering 2: Track Name placeholder; lower Artist and Song icons by 1px. */
.mfs-ordering-2 .ord2-artist .ord2-artist-icon{top:51px!important;}
.mfs-ordering-2 .ord2-song .ord2-note-icon{top:53px!important;}