.mf-product-page{overflow:clip}.mf-product-hero{text-align:center;border-bottom:1px solid var(--border);background:radial-gradient(at 50% 20%,#8082c118,#0000 65%);padding:164px 0 72px;position:relative}.mf-product-hero-grid{pointer-events:none;opacity:.2;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.mf-product-hero .mf-container{position:relative}.mf-product-name{justify-content:center;align-items:center;gap:9px;margin:30px 0 22px;font-size:18px;display:flex}.mf-product-name svg{color:var(--primary-purple)}.mf-product-name small{color:var(--muted-foreground);border-left:1px solid var(--border-strong);padding-left:10px;font-size:11px}.mf-product-hero h1{letter-spacing:-.045em;font-size:clamp(38px,5.5vw,76px);font-weight:500;line-height:1.12}.mf-product-hero h1 span{color:var(--primary-purple);display:block}.mf-product-hero .reveal>p{max-width:730px;color:var(--muted-foreground);margin:28px auto 0;font-size:16px;line-height:1.8}.mf-product-hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.mf-product-hero-actions .mf-button{width:100%}.mf-product-assurance{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;gap:15px;margin-top:24px;font-size:11px;display:flex}.mf-product-assurance>span{align-items:center;gap:5px;display:inline-flex}.mf-product-assurance svg{color:var(--primary-purple)}.mf-product-feature-section{padding-top:48px;padding-bottom:48px}.mf-product-feature-grid{border:1px solid var(--border);display:grid}.mf-product-feature-grid>.reveal{border-bottom:1px solid var(--border)}.mf-product-feature-grid>.reveal:last-child{border:0}.mf-product-feature-grid article{padding:28px}.mf-product-feature-grid article>span{color:var(--primary-purple);font-family:var(--font-mono);font-size:12px}.mf-product-feature-grid h2{margin:18px 0 12px;font-size:19px;font-weight:500}.mf-product-feature-grid p{color:var(--muted-foreground);font-size:13px;line-height:1.8}.mf-product-workspace{padding-top:48px;padding-bottom:80px;scroll-margin-top:100px}.mf-product-section-heading{max-width:740px;margin-bottom:36px}.mf-product-eyebrow{letter-spacing:.14em;color:var(--primary-purple);font-size:10px;font-weight:600;display:block}.mf-product-section-heading h2{letter-spacing:-.035em;margin:16px 0;font-size:clamp(30px,3.6vw,46px);font-weight:500;line-height:1.2}.mf-product-section-heading p{color:var(--muted-foreground);font-size:15px;line-height:1.8}.mf-product-search{border:1px solid var(--border-strong);background:var(--card);align-items:center;gap:12px;padding:15px 18px;display:flex}.mf-product-search svg{color:var(--primary-purple);flex:none}.mf-product-search input{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;font-size:13px}.mf-product-search>span{color:var(--muted-foreground);white-space:nowrap;font-size:11px;display:none}.mf-product-filters{flex-wrap:wrap;gap:8px;padding:20px 0 28px;display:flex}.mf-product-filters button{border:1px solid var(--border);color:var(--muted-foreground);background:0 0;padding:8px 14px;font-size:11px}.mf-product-filters button[aria-pressed=true]{border-color:var(--primary-purple);color:var(--foreground);background:#8082c11a}.mf-product-resources{align-items:start;gap:16px;display:grid}.mf-product-resource{border:1px solid var(--border);background:color-mix(in srgb,var(--card) 45%,var(--background));min-width:0;padding:24px}.mf-product-resource-top{color:var(--primary-purple);justify-content:space-between;align-items:center;display:flex}.mf-product-resource-top>span{text-transform:uppercase;letter-spacing:.1em;border:1px solid #8082c140;padding:4px 7px;font-size:9px}.mf-product-resource h3{margin:22px 0 12px;font-size:19px;font-weight:500;line-height:1.4}.mf-product-resource>p{color:var(--muted-foreground);min-height:48px;font-size:13px;line-height:1.8}.mf-product-resource details{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:22px 0}.mf-product-resource summary{cursor:pointer;justify-content:space-between;align-items:center;padding:13px 0;font-size:11px;list-style:none;display:flex}.mf-product-resource summary::-webkit-details-marker{display:none}.mf-product-faq summary::-webkit-details-marker{display:none}.mf-product-resource details[open] summary svg,.mf-product-faq details[open] summary svg{rotate:180deg}.mf-product-resource pre{color:var(--muted-foreground);white-space:pre-wrap;overflow-wrap:anywhere;background:#09090f;max-height:300px;margin:0 0 14px;padding:16px;font:11px/1.9 ui-monospace,monospace;overflow-y:auto}.mf-product-resource-actions{align-items:center;gap:9px;display:flex}.mf-product-resource-actions button{border:1px solid var(--border-strong);background:0 0;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:inline-flex}.mf-product-resource-actions a{color:var(--primary-purple);margin-left:auto;padding:8px;display:flex}.mf-product-resource-actions button:hover{border-color:var(--primary-purple)}.mf-product-resource>small{color:var(--muted-foreground);margin-top:12px;font-size:11px;display:block}.mf-product-empty{border:1px dashed var(--border-strong);text-align:center;color:var(--muted-foreground);padding:40px 20px;font-size:14px}.mf-product-workbench{border:1px solid var(--border-strong);display:grid}.mf-rank-inputs,.mf-design-controls{padding:28px}.mf-rank-inputs h3,.mf-design-controls h3{letter-spacing:-.025em;margin:16px 0 24px;font-size:25px;font-weight:500;line-height:1.3}.mf-rank-inputs>label{margin-bottom:9px;font-size:12px;display:block}.mf-rank-inputs>label small{color:var(--muted-foreground);margin-left:5px;font-size:10px}.mf-rank-inputs>input{background:var(--card);width:100%;min-width:0;color:var(--foreground);border:1px solid var(--border-strong);padding:12px;font-size:13px}.mf-rank-checks{gap:20px;margin-top:26px;display:grid}.mf-rank-checks>label{cursor:pointer;color:var(--muted-foreground);align-items:start;gap:12px;font-size:12px;line-height:1.8;display:flex}.mf-rank-checks input{accent-color:var(--primary-purple);flex:none;width:16px;height:16px;margin:5px 0 0}.mf-rank-results{background:var(--card);border-top:1px solid var(--border);padding:30px}.mf-rank-results>strong{color:var(--foreground);letter-spacing:-.06em;margin:26px 0 20px;font-size:66px;font-weight:500;line-height:1;display:block}.mf-rank-results>strong small{color:var(--muted-foreground);letter-spacing:0;margin-left:8px;font-size:20px}.mf-rank-meter{background:#ffffff0d;height:6px}.mf-rank-meter span{background:var(--primary-purple);height:100%;transition:width .25s;display:block}.mf-rank-results>h3{margin:24px 0 10px;font-size:22px;font-weight:500}.mf-rank-results>p,.mf-design-controls>p{color:var(--muted-foreground);font-size:12px;line-height:1.8}.mf-rank-results>ul{gap:14px;margin:22px 0;padding:0;list-style:none;display:grid}.mf-rank-results li{color:var(--muted-foreground);gap:10px;font-size:11px;line-height:1.8;display:flex}.mf-rank-results li svg{color:var(--primary-purple);flex:none;margin-top:3px}.mf-product-action{background:var(--foreground);color:var(--background);border:0;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 20px;font-size:11px;font-weight:600;display:inline-flex}.mf-product-supporting-resources{padding-top:64px}.mf-product-supporting-resources>h3{margin-bottom:24px;font-size:24px;font-weight:500}.mf-design-controls fieldset{border:0;margin:26px 0;padding:0}.mf-design-controls legend{color:var(--muted-foreground);margin-bottom:12px;font-size:11px}.mf-design-options{flex-wrap:wrap;gap:8px;display:flex}.mf-design-options button{border:1px solid var(--border-strong);background:0 0;align-items:center;gap:6px;padding:9px 12px;font-size:11px;display:flex}.mf-design-options button[aria-pressed=true]{border-color:var(--primary-purple);background:#8082c118}.mf-design-options i{background:#a7a8ed;border-radius:50%;width:10px;height:10px}.mf-design-options [data-tone=Teal] i{background:#80c8bc}.mf-design-options [data-tone=Amber] i{background:#deb877}.mf-design-preview{--preview-accent:#a7a8ed;--preview-tint:#a7a8ed16;border-top:1px solid var(--border);background:#111119;padding:18px}.mf-design-preview[data-tone=Teal]{--preview-accent:#80c8bc;--preview-tint:#80c8bc16}.mf-design-preview[data-tone=Amber]{--preview-accent:#deb877;--preview-tint:#deb87716}.mf-design-preview-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.mf-design-preview-bar>span{align-items:center;gap:8px;font-size:11px;display:inline-flex}.mf-design-preview-bar>span:last-child{color:var(--muted-foreground);font-size:9px}.mf-design-preview-bar svg{color:var(--preview-accent)}.mf-design-preview-content{padding:30px 8px 12px;transition:padding .2s}.mf-design-preview-badge{color:var(--preview-accent);letter-spacing:.1em;font-size:8px}.mf-design-preview h4{letter-spacing:-.04em;margin:18px 0;font-size:30px;font-weight:500;line-height:1.15}.mf-design-preview-content>p{color:var(--muted-foreground);max-width:320px;font-size:11px;line-height:1.8}.mf-design-preview-stats{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.mf-design-preview-stats>div{border:1px solid var(--border);background:var(--preview-tint);padding:18px}.mf-design-preview-stats small{color:var(--muted-foreground);font-size:9px;display:block}.mf-design-preview-stats strong{color:var(--preview-accent);margin-top:9px;font-size:28px;font-weight:500;display:block}.mf-design-preview-task{border:1px solid var(--border);align-items:center;gap:9px;padding:15px;display:flex}.mf-design-preview-task>span{background:var(--preview-tint);width:24px;height:24px;color:var(--preview-accent);border-radius:50%;flex:none;place-items:center;display:grid}.mf-design-preview-task strong{font-size:10px;font-weight:500;display:block}.mf-design-preview-task small{color:var(--muted-foreground);margin-top:5px;font-size:8px;display:block}.mf-design-preview-task>svg{color:var(--preview-accent);flex:none;margin-left:auto}.mf-design-preview-button{background:var(--preview-accent);color:#111119;justify-content:space-between;align-items:center;margin-top:20px;padding:12px 16px;font-size:11px;font-weight:600;display:flex}.mf-design-example-note{text-align:right;color:var(--muted-foreground);margin-top:12px;font-size:8px;display:block}.mf-design-preview[data-density=Compact] .mf-design-preview-content{padding-block:18px 8px}.mf-design-preview[data-density=Compact] .mf-design-preview-stats>div{padding:12px 18px}.mf-design-preview[data-density=Compact] .mf-design-preview-stats{margin-block:14px}.mf-framework-workbench{border:1px solid var(--border-strong)}.mf-framework-stages{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow-x:auto}.mf-framework-stages>button{border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;background:0 0;flex-direction:column;align-items:start;gap:8px;min-width:64px;padding:14px 8px;font-size:11px;display:flex}.mf-framework-stages>button:last-child{border-right:0}.mf-framework-stages>button[aria-pressed=true]{color:var(--primary-purple);border-bottom-color:var(--primary-purple);background:#8082c114}.mf-framework-stages>button span{color:var(--muted-foreground);font-size:9px}.mf-framework-stages>button svg{display:none}.mf-framework-stage{align-items:center;gap:30px;padding:24px;display:grid}.mf-framework-stage>div>h3{letter-spacing:-.03em;margin:18px 0;font-size:29px;font-weight:500;line-height:1.2}.mf-framework-stage>div>p:not(.mf-product-eyebrow){color:var(--muted-foreground);font-size:14px;line-height:1.8}.mf-framework-stage>div>a{color:var(--primary-purple);align-items:center;gap:8px;margin-top:24px;font-size:12px;display:inline-flex}.mf-product-faq{gap:36px;padding-top:32px;padding-bottom:96px;display:grid}.mf-product-faq h2{letter-spacing:-.04em;margin:22px 0;font-size:40px;font-weight:500;line-height:1.15}.mf-product-faq h2 span{color:var(--primary-purple)}.mf-product-faq>div>p{color:var(--muted-foreground);max-width:280px;font-size:13px;line-height:1.8}.mf-product-faq>div>a{color:var(--primary-purple);align-items:center;gap:8px;margin-top:22px;font-size:12px;display:inline-flex}.mf-product-faq-items>details{border-bottom:1px solid var(--border)}.mf-product-faq-items>details:first-child{border-top:1px solid var(--border)}.mf-product-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:25px 0;font-size:14px;list-style:none;display:flex}.mf-product-faq summary svg{color:var(--primary-purple);flex:none}.mf-product-faq details>p{color:var(--muted-foreground);padding:0 30px 24px 0;font-size:13px;line-height:1.9}.mf-product-callout{background:radial-gradient(ellipse at 50% 90%,#8082c126,transparent 70%),var(--secondary);text-align:center;border-top:1px solid var(--border);padding:72px 0 88px}.mf-product-callout .mf-container>svg{color:var(--primary-purple);margin:0 auto 20px;display:block}.mf-product-callout h2{letter-spacing:-.04em;margin:22px 0;font-size:clamp(35px,5vw,62px);font-weight:500;line-height:1.12}.mf-product-callout h2 span{color:var(--primary-purple)}.mf-product-callout p{max-width:550px;color:var(--muted-foreground);margin:0 auto 28px;font-size:14px;line-height:1.8}@media (min-width:640px){.mf-product-hero-actions .mf-button{width:auto}.mf-product-hero .reveal>p{font-size:18px}.mf-product-resources{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-product-search>span{display:block}.mf-framework-stages>button{flex-direction:row;align-items:center;padding:22px 14px;font-size:13px}.mf-framework-stages>button svg{margin-left:auto;display:block}.mf-product-feature-section{padding-block:64px}}@media (min-width:1024px){.mf-product-hero{padding-top:180px;padding-bottom:88px}.mf-product-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-product-feature-grid>.reveal{border-bottom:0;border-right:1px solid var(--border)}.mf-product-feature-grid article{padding:34px}.mf-product-workspace{padding-top:64px;padding-bottom:110px}.mf-product-resources{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-product-workbench{grid-template-columns:1.15fr 1fr}.mf-rank-inputs,.mf-design-controls{padding:44px}.mf-rank-results{border-top:0;border-left:1px solid var(--border);padding:44px}.mf-design-preview{border-top:0;border-left:1px solid var(--border);padding:24px 32px}.mf-product-faq{grid-template-columns:1fr 1.6fr;gap:90px}.mf-product-faq h2{font-size:48px}.mf-framework-stage{grid-template-columns:1fr 1.2fr;gap:60px;padding:44px}.mf-product-assurance{gap:25px}}@media (prefers-reduced-motion:reduce){.mf-rank-meter span,.mf-design-preview-content{transition:none}}
