#mietti-concept { --mi-ink:#1d1d22; --mi-soft:#575760; --mi-indigo:#3e32d3; --mi-line:#e9e9ee; --mi-pad:clamp(22px,5vw,48px); color:var(--mi-ink); background:#fff; font:14px/1.6 Inter,Arial,sans-serif; color-scheme:light; }
#mietti-concept * { box-sizing:border-box; }
#mietti-concept [hidden] { display:none !important; }
#mietti-concept h1,#mietti-concept h2,#mietti-concept h3 { font-family:Manrope,Arial,sans-serif; color:var(--mi-ink); letter-spacing:-.045em; text-wrap:balance; }
#mietti-concept p { margin:0 0 16px; color:var(--mi-soft); text-wrap:pretty; }
#mietti-concept a { color:inherit; }
#mietti-concept button { font:inherit; }
#mietti-concept .mi-nav { padding:18px var(--mi-pad); display:flex; align-items:center; justify-content:space-between; gap:20px; }
#mietti-concept .mi-logo { font:700 25px/1 Manrope,Arial,sans-serif; letter-spacing:-.065em; color:var(--mi-indigo); text-decoration:none; }
#mietti-concept .mi-nav-links { display:flex; gap:20px; align-items:center; font-size:12px; }
#mietti-concept .mi-nav-links a { text-decoration:none; }
#mietti-concept .mi-nav-links a:hover { text-decoration:underline; }
#mietti-concept .mi-hero { position:relative; min-height:390px; padding:64px var(--mi-pad); display:flex; align-items:center; overflow:hidden; }
#mietti-concept .mi-hero canvas { position:absolute; inset:0; width:100%; height:100%; background:#e4e6fd; }
#mietti-concept .mi-hero-content { position:relative; z-index:1; max-width:490px; }
#mietti-concept .mi-kicker { font-size:11px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:16px; color:var(--mi-indigo); }
#mietti-concept h1 { font-size:clamp(36px,6.9vw,56px); font-weight:600; line-height:1.05; margin:0 0 22px; }
#mietti-concept .mi-hero p:not(.mi-kicker) { max-width:370px; font-size:15px; line-height:1.65; color:#45454f; }
#mietti-concept .mi-action { display:inline-flex; align-items:center; justify-content:center; gap:16px; border:0; border-radius:24px; padding:11px 20px; background:var(--mi-indigo); color:#fff; text-decoration:none; font-size:13px; font-weight:500; min-height:44px; }
#mietti-concept .mi-action:hover { background:#3023b1; }
#mietti-concept .mi-section { padding:62px var(--mi-pad); }
#mietti-concept h2 { font-size:clamp(27px,4.2vw,36px); font-weight:600; line-height:1.12; margin:0 0 20px; max-width:500px; }
#mietti-concept h3 { font-size:18px; font-weight:600; line-height:1.25; margin:0 0 10px; }
#mietti-concept .mi-columns { display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:center; }
#mietti-concept .mi-scope { margin:24px 0 0; padding:0; list-style:none; }
#mietti-concept .mi-scope li { border-bottom:1px solid var(--mi-line); padding:10px 0; display:flex; justify-content:space-between; gap:16px; }
#mietti-concept .mi-scope span { color:var(--mi-indigo); }
#mietti-concept .mi-workflow { background:#f7f7fa; }
#mietti-concept .mi-workflow .mi-kicker { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
#mietti-concept .mi-planned { font-size:10px; letter-spacing:0; text-transform:none; background:#eeebfe; padding:3px 8px; border-radius:10px; }
#mietti-concept .mi-request { background:#fff; border:1px solid var(--mi-line); border-radius:8px; padding:16px; margin:22px 0 14px; color:var(--mi-ink); font-size:13px; }
#mietti-concept .mi-status { color:var(--mi-indigo); font-size:12px; margin-top:12px; min-height:40px; }
#mietti-concept .mi-change { background:#fff; padding:24px; border-radius:3px; }
#mietti-concept .mi-change .mi-small-brand { color:#4c6148; font-family:Manrope,Arial,sans-serif; margin-bottom:22px; }
#mietti-concept .mi-hours { display:flex; justify-content:space-between; gap:8px; padding:10px 0; border-top:1px solid var(--mi-line); font-size:13px; }
#mietti-concept .mi-hours strong { font-weight:500; }
#mietti-concept .mi-hours.mi-draft { background:#f0edff; margin:0 -8px; padding:10px 8px; }
#mietti-concept .mi-live { margin-top:18px; color:var(--mi-soft); font-size:11px; }
#mietti-concept .mi-service-row { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:30px; }
#mietti-concept .mi-service-row article { padding-top:18px; border-top:1px solid var(--mi-line); }
#mietti-concept .mi-founder { display:grid; grid-template-columns:130px 1fr; gap:28px; padding-top:38px; border-top:1px solid var(--mi-line); margin-top:48px; }
#mietti-concept .mi-founder img { width:130px; height:152px; object-fit:cover; border-radius:2px; }
#mietti-concept .mi-founder h2 { font-size:27px; }
#mietti-concept .mi-founder p { max-width:390px; }
#mietti-concept .mi-contact { padding:42px var(--mi-pad); border-top:1px solid var(--mi-line); display:flex; justify-content:space-between; align-items:center; gap:24px; }
#mietti-concept .mi-contact h2 { font-size:28px; margin-bottom:12px; }
#mietti-concept .mi-contact p { margin:0; max-width:390px; }
#mietti-concept .mi-footer { padding:16px var(--mi-pad); border-top:1px solid var(--mi-line); display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; color:var(--mi-soft); font-size:11px; }
@media(max-width:550px) {
 #mietti-concept .mi-nav-links { gap:12px; }
 #mietti-concept .mi-nav-links a:nth-child(2),#mietti-concept .mi-nav-links a:nth-child(3) { display:none; }
 #mietti-concept .mi-hero { min-height:400px; padding-top:50px; padding-bottom:50px; }
 #mietti-concept .mi-section { padding-top:44px; padding-bottom:44px; }
 #mietti-concept .mi-columns { grid-template-columns:1fr; gap:28px; }
 #mietti-concept .mi-service-row { grid-template-columns:1fr; gap:20px; }
 #mietti-concept .mi-founder { grid-template-columns:88px 1fr; gap:18px; }
 #mietti-concept .mi-founder img { width:88px; height:116px; }
 #mietti-concept .mi-founder h2 { font-size:23px; }
 #mietti-concept .mi-contact { flex-direction:column; align-items:flex-start; }
}