/* A restrained product-led homepage. Original Menu&Main design; homepage only. */
.concise-home{background:#fff;--mmc-muted:#616168;--mmc-gray:#f5f5f7;--mmc-purple:#6236e8}
.concise-home .sp-shell{width:min(1120px,calc(100% - 64px))}
.concise-home .sp-header{background:#ffffffed;color:#171719;border-color:#e8e8eb;backdrop-filter:blur(18px)}
.concise-home .sp-header-inner{min-height:68px}
.concise-home .sp-brand>img{width:29px;height:29px}
.concise-home .sp-brand>span{font-size:1.2rem}
.concise-home .sp-brand .sp-amp,.concise-home .sp-brand-dot{color:var(--mmc-purple)}
.concise-home .sp-nav{gap:28px}
.concise-home .sp-nav>a{font-size:12px;font-weight:500}
.concise-home .sp-nav>a:hover{color:var(--mmc-purple)}
.concise-home .sp-nav .sp-nav-cta{border:0;border-radius:30px;padding:10px 17px;background:#171719;color:#fff}
.concise-home .sp-nav .sp-nav-cta>span{display:none}
.concise-home h1,.concise-home h2,.concise-home h3{letter-spacing:-.055em;text-wrap:balance}
.concise-home h2{font-size:clamp(36px,5vw,60px);line-height:1.06}
.concise-home h2 span{color:#777780}
.concise-home .mmc-kicker{font-size:14px;font-weight:600;letter-spacing:-.01em;margin:0 0 14px}
.concise-home .mmc-hero{text-align:center;padding:76px 0 48px;background:linear-gradient(#fff 52%,#f5f3f9)}
.concise-home .mmc-hero h1{max-width:none;font-size:clamp(48px,7.5vw,86px);line-height:1.02;margin:0;font-weight:700}
.concise-home .mmc-hero h1 span{color:var(--mmc-purple)}
.concise-home .mmc-lead{font-size:20px;line-height:1.45;color:var(--mmc-muted);max-width:520px;margin:23px auto 0;text-wrap:balance}
.mmc-actions{display:flex;gap:27px;align-items:center;justify-content:center;margin:25px auto 0}
.mmc-button,.mmc-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;text-decoration:none;font-size:15px;font-weight:500}
.mmc-button{border-radius:30px;padding:12px 24px;background:var(--mmc-purple);color:white}
.mmc-button:hover{background:#4e28c5}
.mmc-link{color:var(--mmc-purple)}
.mmc-link:hover{text-decoration:underline}
.mmc-hero-visual{margin:48px auto 0;width:min(940px,100%);border:1px solid #e3e0e9;border-radius:18px;background:white;box-shadow:0 24px 65px #3e2b6f16;overflow:hidden}
.mmc-browser-bar{display:flex;align-items:center;gap:6px;padding:12px 17px;background:#f6f5f8;position:relative;color:#686570;font-size:10px;letter-spacing:0}
.mmc-browser-bar i{width:6px;height:6px;border-radius:50%;background:#cac6d0}
.mmc-browser-bar span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.mmc-hero-visual picture{display:block}.mmc-hero-visual picture>img{display:block;width:100%;height:auto;aspect-ratio:1150/745;object-fit:cover;object-position:top}
.mmc-hero-visual figcaption{font-size:12px;color:var(--mmc-muted);padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.mmc-hero-visual figcaption a{color:var(--mmc-purple);padding:3px 0;text-decoration:none}
.mmc-benefits{padding:100px 0 105px;text-align:center}
.mmc-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:56px;text-align:left}
.mmc-benefit-icon{margin-bottom:19px;width:43px;height:43px;color:var(--mmc-purple)}
.mmc-benefit-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.concise-home .mmc-benefit-grid h3{font-size:23px;line-height:1.15;margin:0 0 11px}
.mmc-benefit-grid p{font-size:16px;line-height:1.5;margin:0;color:var(--mmc-muted);max-width:27ch}
.mmc-work{background:var(--mmc-gray);padding:100px 0 60px}
.mmc-anchor{display:block;position:relative}
.mmc-section-intro{text-align:center;margin:0 auto 47px}
.mmc-section-intro>p:last-child:not(.mmc-kicker){font-size:18px;color:var(--mmc-muted);margin:21px 0 0}
.mmc-projects{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mmc-project{background:#fff;border-radius:24px;overflow:hidden;text-align:center;min-width:0;padding:40px 0 23px}
.mmc-project:first-child{grid-column:1/-1;padding-top:44px}
.mmc-project-copy{padding:0 24px 24px}
.concise-home .mmc-project h3{font-size:30px;line-height:1.12;max-width:18ch;margin:0 auto 11px}
.concise-home .mmc-project:first-child h3{font-size:40px;max-width:none}
.concise-home .mmc-project .mmc-kicker{font-size:13px;color:var(--mmc-muted);margin:0 0 9px}
.mmc-project-preview{display:block;overflow:hidden;max-width:84%;margin:0 auto;border:1px solid #e6e4e9;border-radius:10px;box-shadow:0 10px 25px #0000000d;transition:transform .25s ease}
.mmc-project-preview:hover{transform:translateY(-3px)}
.mmc-project-preview img{display:block;width:100%;height:auto;aspect-ratio:1150/745;object-fit:cover;object-position:top}
.mmc-project:first-child .mmc-project-preview{max-width:72%}
.mmc-project:first-child .mmc-project-preview img{aspect-ratio:1150/1000}
.mmc-project-name{font-size:12px;color:var(--mmc-muted);margin:19px 15px 0}
.mmc-fine-print{font-size:12px;line-height:1.6;color:var(--mmc-muted);text-align:center;margin:26px auto 0;max-width:80ch}
.mmc-fine-print a{white-space:nowrap}
.mmc-other{text-align:center;font-size:15px;color:var(--mmc-muted);margin:27px 0 0}
.mmc-other a{color:var(--mmc-purple)}
.mmc-care{padding:105px 0 75px}
.mmc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;list-style:none;padding:0;margin:48px 0 58px}
.mmc-steps li{border-top:1px solid #dedee3;padding-top:19px}
.mmc-steps li>span{font-size:13px;color:var(--mmc-purple);font-weight:600}
.concise-home .mmc-steps h3{font-size:25px;line-height:1.2;margin:14px 0 8px}
.mmc-steps p{color:var(--mmc-muted);font-size:15px;margin:0}
.mmc-owner{display:flex;align-items:center;justify-content:center;gap:18px;border-radius:22px;padding:26px;background:var(--mmc-gray)}
.mmc-owner img{width:65px;height:65px;border-radius:50%;object-fit:cover;object-position:center 30%}
.mmc-owner p{font-size:17px;font-weight:600;margin:0 0 2px}
.mmc-owner div>span{color:var(--mmc-muted);font-size:14px}
.mmc-owner>a{margin-left:45px;white-space:nowrap}
.concise-home .sp-details{padding:35px 0 80px}
.concise-home .sp-details-grid{grid-template-columns:1fr 1.6fr;gap:70px;padding-top:40px}
.concise-home .sp-details h2{font-size:36px}
.concise-home .sp-accordion summary{font-size:15px;padding-block:20px}
.concise-home .sp-accordion details p{font-size:14px;line-height:1.7}
.concise-home .sp-contact{background:#f5f3f9;color:#171719;padding-block:85px}
.concise-home .sp-contact-heading{margin-bottom:40px;text-align:center}
.concise-home .sp-contact-heading h2{font-size:60px}
.concise-home .sp-contact-heading h2 span{color:var(--mmc-purple)}
.concise-home .sp-contact-grid{gap:70px;grid-template-columns:.8fr 1.2fr}
.concise-home .sp-contact-copy>p{font-size:17px;color:var(--mmc-muted);line-height:1.5}
.concise-home .sp-contact-copy>p strong{font-weight:400;font-size:15px;color:var(--mmc-muted)}
.concise-home .sp-contact-email{color:var(--mmc-purple);font-size:17px;border-color:#bdb7cb}
.concise-home .sp-contact-copy .sp-contact-note{font-size:13px;color:var(--mmc-muted)}
.concise-home .project-form input:not([type=checkbox]),.concise-home .project-form select,.concise-home .project-form textarea{background:white;border:1px solid #bdbac5;color:#171719;border-radius:9px}
.concise-home .project-form label{color:#171719}
.concise-home .project-form .field-help,.concise-home .project-form .form-required-note,.concise-home .project-form .optional-label,.concise-home .project-form .form-privacy{color:#616168}
.concise-home .project-form .button-light{background:var(--mmc-purple);color:white;border:0;border-radius:30px;padding:14px 24px}
.concise-home .project-form .form-status{color:#171719}
.concise-home .sp-footer{background:white;color:#616168;padding-top:35px}
.concise-home .sp-footer .sp-brand{color:#171719}
.concise-home .sp-footer-top{border-color:#e1e1e6}
.concise-home .sp-footer-bottom{color:#616168}
.concise-home .sp-footer-bottom nav a{color:#616168}
@media(max-width:920px){
 .concise-home .sp-menu-toggle{border:0;color:#171719}
 .concise-home .sp-nav{background:#fff;border-color:#ddd}
 .concise-home .sp-nav>a{font-size:15px;border-color:#e2e2e7}
 .concise-home .sp-nav .sp-nav-cta{padding:13px 20px;text-align:center}
 .mmc-benefit-grid{gap:24px}.mmc-owner>a{margin-left:10px}
 .concise-home .sp-contact-grid{gap:32px}
}
@media(max-width:700px){
 .concise-home .sp-shell{width:calc(100% - 40px)}
 .concise-home .sp-header-inner{min-height:60px}
 .concise-home .sp-nav{max-height:calc(100dvh - 60px)}
 .concise-home .sp-brand>span{font-size:1.1rem}
 .concise-home .mmc-hero{padding:49px 0 30px}
 .concise-home .mmc-hero h1{max-width:none;font-size:clamp(40px,10.9vw,57px);line-height:1.04;letter-spacing:-.065em}
 .concise-home .mmc-kicker{font-size:12px;margin-bottom:13px}
 .concise-home .mmc-lead{font-size:17px;max-width:30ch;margin-top:19px}
 .mmc-actions{gap:20px;margin-top:20px}.mmc-button,.mmc-link{font-size:14px}
 .mmc-hero-visual{margin-top:32px;border-radius:12px}.mmc-browser-bar{padding:10px 12px}.mmc-browser-bar span{font-size:8px}
 .mmc-hero-visual figcaption{font-size:10px;gap:2px 10px;padding:9px 10px}
 .mmc-benefits{padding:65px 0}.concise-home h2{font-size:36px;line-height:1.08}
 .mmc-benefit-grid{grid-template-columns:1fr;gap:27px;margin-top:35px;text-align:left}
 .mmc-benefit-grid article{display:grid;grid-template-columns:39px 1fr;gap:0 18px}
 .mmc-benefit-icon{grid-row:1/3;width:35px;height:35px;margin:0}
 .concise-home .mmc-benefit-grid h3{font-size:21px;margin-bottom:7px}.mmc-benefit-grid p{font-size:15px;max-width:32ch}
 .mmc-work{padding:65px 0 42px}.mmc-section-intro{margin-bottom:32px}.mmc-section-intro>p:last-child:not(.mmc-kicker){font-size:16px;margin-top:17px}
 .mmc-projects{grid-template-columns:1fr;gap:18px}.mmc-project,.mmc-project:first-child{padding-top:30px;border-radius:20px}
 .mmc-project-copy{padding:0 20px 20px}.concise-home .mmc-project h3,.concise-home .mmc-project:first-child h3{font-size:28px;max-width:19ch}
 .mmc-project-preview,.mmc-project:first-child .mmc-project-preview{max-width:88%;border-radius:8px}
 .mmc-project-name{font-size:11px;margin-top:16px}.mmc-fine-print{font-size:11px;padding-inline:3px}
 .mmc-care{padding:65px 0 35px}.mmc-steps{grid-template-columns:1fr;gap:24px;margin:30px 0 35px}
 .mmc-steps li{display:grid;grid-template-columns:32px 1fr;gap:5px 12px;padding-top:19px}.mmc-steps li>span{grid-row:1/3;padding-top:2px}.concise-home .mmc-steps h3{font-size:23px;margin:0}.mmc-steps p{font-size:14px}
 .mmc-owner{flex-wrap:wrap;justify-content:flex-start;gap:12px;padding:22px}.mmc-owner img{width:54px;height:54px}.mmc-owner p{font-size:16px}.mmc-owner div>span{font-size:12px;display:block;max-width:25ch}.mmc-owner>a{margin:0 0 0 66px}
 .concise-home .sp-details{padding:25px 0 55px}.concise-home .sp-details-grid{grid-template-columns:1fr;gap:17px;padding-top:30px}.concise-home .sp-details h2{font-size:30px}.concise-home .sp-accordion summary{font-size:14px}
 .concise-home .sp-contact{padding:55px 0}.concise-home .sp-contact-heading h2{font-size:43px}.concise-home .sp-contact-heading{margin-bottom:24px}
 .concise-home .sp-contact-grid{grid-template-columns:1fr;gap:24px}.concise-home .sp-contact-copy{text-align:center}.concise-home .sp-contact-copy>p{margin:0 0 10px}.concise-home .sp-contact-email{margin-top:9px;font-size:16px}.concise-home .sp-contact-copy .sp-contact-note{margin-top:14px}
 .concise-home .sp-footer{padding-top:28px}.concise-home .sp-footer-bottom nav{gap:12px 20px}
}
@media(prefers-reduced-motion:reduce){.mmc-project-preview{transition:none}.mmc-project-preview:hover{transform:none}}

/* Explicit light-theme states override the retained dark studio form. */
.concise-home .sp-nav .sp-nav-cta:hover{color:#fff;background:#333}
.concise-home .project-form .website-choice{color:#171719}
.concise-home .project-form input::placeholder,.concise-home .project-form textarea::placeholder{color:#76767e}
.concise-home .project-form select{color-scheme:light}
.concise-home .project-form input:disabled{color:#616168;background:#eeeef1;opacity:1}
.concise-home .project-form .button-light:hover{background:#4e28c5;color:#fff;border-color:#4e28c5}
.concise-home .sp-header :focus-visible,.concise-home .project-form :focus-visible,.concise-home .sp-footer :focus-visible{outline-color:var(--mmc-purple)}
.concise-home .sp-footer-top>p{color:var(--mmc-muted)}
.concise-home .sp-footer-bottom nav a:hover{color:var(--mmc-purple);text-decoration:underline}

/* Review: real mobile preview and a scoped example of the working owner controls. */
.mmc-controls{display:grid;grid-template-columns:1fr 270px;align-items:center;gap:54px;max-width:760px;margin:35px auto 10px;padding:35px 22px 0;border-top:1px solid #e6e4e9;text-align:left}
.concise-home .mmc-controls h4{font-size:34px;line-height:1.08;letter-spacing:-.05em;margin:0 0 17px;text-wrap:balance}
.mmc-controls>div>p:not(.mmc-kicker){font-size:17px;line-height:1.55;color:var(--mmc-muted);max-width:30ch;margin:0 0 13px}
.mmc-controls>div>p.mmc-controls-scope{font-size:13px}
.mmc-controls>img{display:block;width:100%;height:auto;border:1px solid #e0e4df;border-radius:13px;box-shadow:0 12px 30px #17291f0d}
.concise-home .project-form .website-choice{min-height:44px;align-items:center}
.concise-home .sp-footer-bottom nav a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:700px){
 .mmc-hero-visual picture>img{aspect-ratio:388/494;object-fit:cover}
 .mmc-hero-visual figcaption{font-size:12px;line-height:1.5;padding:11px 12px}
 .mmc-browser-bar span{font-size:10px}.mmc-project-name,.mmc-fine-print{font-size:12px}
 .mmc-controls{grid-template-columns:1fr;gap:24px;padding:28px 22px 0;margin:25px auto 3px}
 .concise-home .mmc-controls h4{font-size:29px;margin-bottom:13px}
 .mmc-controls>img{max-width:300px;margin:0 auto}.mmc-controls>div>p:not(.mmc-kicker){font-size:16px}.mmc-controls>div>p.mmc-controls-scope{font-size:13px}
 .mmc-controls .mmc-link{justify-content:flex-start}
}
@media(max-width:480px){.concise-home .project-form .field-row{grid-template-columns:1fr}}
@media(forced-colors:active){.mmc-project-preview,.mmc-hero-visual,.mmc-controls>img{border:1px solid CanvasText}.mmc-project-preview:focus-visible{outline:3px solid Highlight}}
/* Align paired preview frames without fixing or clipping their headings. */
.mmc-project:not(:first-child){display:flex;flex-direction:column}
.mmc-project:not(:first-child) .mmc-project-copy{flex:1}
.mmc-project:not(:first-child) .mmc-project-preview{flex-shrink:0;width:84%}
@media(max-width:700px){.mmc-project:not(:first-child) .mmc-project-preview{width:88%}}

.mmc-staff-link{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2px 18px;margin:12px 15px 0;font-size:13px;color:var(--mmc-muted)}.mmc-staff-link a{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--mmc-purple);text-decoration:none}.mmc-staff-link a:hover{text-decoration:underline}.mmc-staff-link a:focus-visible{outline:3px solid currentColor;outline-offset:4px}.mmc-staff-link>span{font-size:12px}