/* Mailiens Design System v1.8 */
:root{
 --mi-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --mi-ink:#10231a;--mi-text:#31443a;--mi-muted:#6b7d73;--mi-subtle:#8b9a92;
 --mi-green-900:#0b3b24;--mi-green-800:#10512f;--mi-green-700:#146c3a;--mi-green-600:#178447;--mi-green-500:#22a65b;--mi-green-100:#dcfce7;--mi-green-50:#f0fdf4;
 --mi-white:#fff;--mi-canvas:#f6f8f7;--mi-surface:#fff;--mi-border:#dfe7e2;--mi-border-strong:#c9d5ce;
 --mi-danger:#b42318;--mi-danger-bg:#fef3f2;--mi-warning:#9a6700;--mi-warning-bg:#fffaeb;--mi-info:#175cd3;--mi-info-bg:#eff8ff;
 --mi-s1:.25rem;--mi-s2:.5rem;--mi-s3:.75rem;--mi-s4:1rem;--mi-s5:1.25rem;--mi-s6:1.5rem;--mi-s8:2rem;--mi-s10:2.5rem;--mi-s12:3rem;--mi-s16:4rem;
 --mi-radius-sm:.5rem;--mi-radius:.8rem;--mi-radius-lg:1.15rem;--mi-radius-xl:1.5rem;
 --mi-shadow-sm:0 1px 2px rgba(16,35,26,.05);--mi-shadow:0 10px 30px rgba(16,35,26,.07);--mi-shadow-lg:0 24px 65px rgba(16,35,26,.12);
 --mi-content:1240px;--mi-sidebar:248px;--mi-focus:0 0 0 3px rgba(34,166,91,.25);
 color-scheme:light;font:16px/1.55 var(--mi-font);color:var(--mi-text);background:var(--mi-canvas)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--mi-canvas);color:var(--mi-text)}img{max-width:100%}a{color:var(--mi-green-700);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{box-shadow:var(--mi-focus);border-radius:var(--mi-radius-sm)}h1,h2,h3{color:var(--mi-ink);line-height:1.15;letter-spacing:-.025em;margin:0 0 var(--mi-s4)}h1{font-size:clamp(2rem,4vw,3.25rem);font-weight:750}h2{font-size:clamp(1.3rem,2vw,1.7rem);font-weight:700}h3{font-size:1.05rem}p{margin:0 0 var(--mi-s4)}small,.muted{color:var(--mi-muted)}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--mi-ink);color:#fff;padding:.75rem 1rem}.skip-link:focus{top:1rem}
.app-shell{min-height:100vh}.topbar{height:72px;display:flex;align-items:center;gap:var(--mi-s5);padding:0 clamp(1rem,3vw,2.5rem);background:rgba(255,255,255,.94);border-bottom:1px solid var(--mi-border);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--mi-ink);font-size:1.2rem;font-weight:800;letter-spacing:-.03em}.brand:hover{text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,var(--mi-green-500),var(--mi-green-800));box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 7px 20px rgba(20,108,58,.22);position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#fff;border-radius:50%}.brand-mark:before{width:5px;height:5px;left:9px;top:12px;box-shadow:11px 0 0 #fff}.brand-mark:after{width:13px;height:3px;left:10px;top:21px;border-radius:999px}.topbar-spacer{flex:1}.user-chip{display:flex;align-items:center;gap:.65rem;color:var(--mi-text);font-size:.88rem}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--mi-green-100);color:var(--mi-green-800);font-weight:750}.topbar form{margin:0}.logout-button{width:auto;border:0;background:transparent;color:var(--mi-muted);padding:.55rem .7rem;box-shadow:none}.mobile-nav{display:none}
.app-body{display:grid;grid-template-columns:var(--mi-sidebar) minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{background:var(--mi-white);border-right:1px solid var(--mi-border);padding:var(--mi-s6) var(--mi-s4);position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto}.nav-label{display:block;color:var(--mi-subtle);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.75rem .8rem .4rem}.side-nav{display:grid;gap:.25rem}.side-nav a{display:flex;align-items:center;gap:.7rem;padding:.72rem .8rem;border-radius:var(--mi-radius);color:var(--mi-text);font-size:.92rem;font-weight:600}.side-nav a:hover{background:var(--mi-green-50);color:var(--mi-green-800);text-decoration:none}.nav-icon{width:1.5rem;color:var(--mi-green-700);text-align:center}.sidebar-help{margin-top:var(--mi-s8);padding:var(--mi-s4);border-radius:var(--mi-radius-lg);background:linear-gradient(145deg,var(--mi-green-900),var(--mi-green-700));color:#fff}.sidebar-help strong{display:block;margin-bottom:.25rem}.sidebar-help p{font-size:.8rem;color:#d8f3e2}.sidebar-help a{display:inline-block;color:#fff;font-weight:700;font-size:.85rem}
.content{min-width:0;width:100%;max-width:var(--mi-content);padding:clamp(1.5rem,4vw,3.5rem);margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--mi-s6);margin-bottom:var(--mi-s8)}.eyebrow{display:block;color:var(--mi-green-700);font-weight:800;font-size:.73rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.55rem}.lead{font-size:1.05rem;color:var(--mi-muted);max-width:68ch}.actions{display:flex;gap:.65rem;flex-wrap:wrap}
.card,section{background:var(--mi-surface);border:1px solid var(--mi-border);border-radius:var(--mi-radius-lg);box-shadow:var(--mi-shadow-sm);padding:clamp(1.1rem,2vw,1.6rem);margin:0 0 var(--mi-s5)}.card:hover{border-color:var(--mi-border-strong)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--mi-s4);margin-bottom:var(--mi-s8)}.cards article{background:var(--mi-surface);border:1px solid var(--mi-border);border-radius:var(--mi-radius-lg);box-shadow:var(--mi-shadow-sm);padding:var(--mi-s5);min-height:132px;display:flex;flex-direction:column;justify-content:space-between}.cards article b{display:block;color:var(--mi-ink);font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.1;letter-spacing:-.04em}.cards article span{display:block;color:var(--mi-muted);font-size:.85rem;margin-top:.6rem}.metric-trend{color:var(--mi-green-700);font-size:.75rem;font-weight:700}.grid-2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:var(--mi-s5)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mi-s5)}
.btn,button{display:inline-flex;justify-content:center;align-items:center;gap:.45rem;width:auto;min-height:44px;padding:.68rem 1rem;border:1px solid transparent;border-radius:var(--mi-radius);background:var(--mi-green-700);color:#fff;font-weight:720;cursor:pointer;box-shadow:0 5px 13px rgba(20,108,58,.13);transition:.16s ease}.btn:hover,button:hover{background:var(--mi-green-800);text-decoration:none;transform:translateY(-1px)}.btn-secondary,button.secondary{background:#fff;color:var(--mi-ink);border-color:var(--mi-border-strong);box-shadow:var(--mi-shadow-sm)}.btn-secondary:hover,button.secondary:hover{background:var(--mi-canvas)}.btn-quiet{background:transparent;color:var(--mi-green-700);border-color:transparent;box-shadow:none}.btn-danger{background:var(--mi-danger)}
form{margin:0}.form-card{background:var(--mi-white);border:1px solid var(--mi-border);border-radius:var(--mi-radius-lg);padding:var(--mi-s6)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mi-s4)}label{display:grid;gap:.4rem;color:var(--mi-ink);font-size:.87rem;font-weight:650;margin-bottom:var(--mi-s4)}input,select,textarea{width:100%;min-height:45px;border:1px solid var(--mi-border-strong);border-radius:var(--mi-radius);padding:.68rem .78rem;background:#fff;color:var(--mi-ink);transition:border-color .15s,box-shadow .15s}textarea{min-height:120px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:#9db1a6}input:focus,select:focus,textarea:focus{border-color:var(--mi-green-500);box-shadow:var(--mi-focus)}input[type=file]{padding:.55rem;background:var(--mi-canvas)}.field-help{display:block;color:var(--mi-muted);font-weight:400;font-size:.78rem}.input-icon{position:relative}.input-icon input{padding-left:2.7rem}
.table-wrap{overflow:auto;border:1px solid var(--mi-border);border-radius:var(--mi-radius-lg);background:#fff}table{width:100%;border-collapse:separate;border-spacing:0;font-size:.88rem}th,td{text-align:left;padding:.86rem 1rem;border-bottom:1px solid var(--mi-border);vertical-align:top}th{background:#fafcfb;color:var(--mi-muted);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;font-weight:800;white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--mi-green-50)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .58rem;border-radius:999px;background:var(--mi-green-100);color:var(--mi-green-800);font-size:.72rem;font-weight:800}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-neutral{background:#eef2f0;color:#516159}.badge-warning{background:var(--mi-warning-bg);color:var(--mi-warning)}.badge-danger{background:var(--mi-danger-bg);color:var(--mi-danger)}
.alert,.error,.ok{padding:var(--mi-s4);border-radius:var(--mi-radius);border:1px solid;margin:var(--mi-s4) 0}.error{background:var(--mi-danger-bg);color:var(--mi-danger);border-color:#fecdca}.ok{background:var(--mi-green-50);color:var(--mi-green-800);border-color:#abefc6}.alert-info{background:var(--mi-info-bg);color:var(--mi-info);border-color:#b2ddff}.empty-state{text-align:center;padding:var(--mi-s12) var(--mi-s6);color:var(--mi-muted)}.empty-icon{width:52px;height:52px;border-radius:18px;background:var(--mi-green-50);margin:0 auto var(--mi-s4);display:grid;place-items:center;color:var(--mi-green-700);font-size:1.4rem}.skeleton{height:14px;border-radius:999px;background:linear-gradient(90deg,#edf2ef 25%,#f7f9f8 45%,#edf2ef 65%);background-size:200% 100%;animation:loading 1.4s infinite}@keyframes loading{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.tabs{display:flex;gap:.35rem;overflow:auto;padding:.35rem;background:#edf2ef;border-radius:var(--mi-radius);margin-bottom:var(--mi-s6)}.tabs a{padding:.58rem .85rem;border-radius:.6rem;color:var(--mi-muted);white-space:nowrap;font-size:.84rem;font-weight:700}.tabs a:hover{background:#fff;color:var(--mi-green-800);text-decoration:none}.progress{height:8px;background:#e8eeea;border-radius:99px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--mi-green-500),var(--mi-green-700));border-radius:inherit}.wizard{margin-top:var(--mi-s6)}.wizard-progress{display:grid;grid-template-columns:repeat(8,minmax(80px,1fr));gap:.35rem;overflow:auto;padding-bottom:.6rem;margin-bottom:var(--mi-s6)}.wizard-step{position:relative;color:var(--mi-muted);font-size:.72rem;font-weight:700}.wizard-step b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e8eeea;color:var(--mi-muted);margin-bottom:.4rem}.wizard-step.done b,.wizard-step.active b{background:var(--mi-green-700);color:#fff}.wizard-step.active{color:var(--mi-green-800)}.step-card{display:grid;grid-template-columns:58px 1fr;gap:var(--mi-s4);align-items:start}.step-number{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--mi-green-50);color:var(--mi-green-800);font-size:1.1rem;font-weight:800}.step-content>p{color:var(--mi-muted)}.step-actions{display:flex;gap:.6rem;flex-wrap:wrap}.step-actions form{display:inline-block}.step-actions button{width:auto}.admin-panel{border-left:4px solid var(--mi-green-700)}
.chart{height:190px;display:flex;align-items:flex-end;gap:.5rem;padding:1rem 0;border-bottom:1px solid var(--mi-border)}.bar{flex:1;min-width:18px;background:linear-gradient(180deg,var(--mi-green-500),var(--mi-green-700));border-radius:6px 6px 2px 2px;position:relative}.bar:hover:after{content:attr(data-value);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--mi-ink);color:#fff;padding:.2rem .4rem;border-radius:4px;font-size:.7rem}.health-ring{width:104px;height:104px;border-radius:50%;background:conic-gradient(var(--mi-green-600) var(--value,75%),#e8eeea 0);display:grid;place-items:center;margin:auto}.health-ring:after{content:attr(data-label);width:76px;height:76px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--mi-ink);font-weight:800}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr);background:#fff}.login-hero{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,6vw,5.5rem);background:linear-gradient(145deg,#082f1c,#126b3a);color:#fff;position:relative;overflow:hidden}.login-hero:after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-220px;bottom:-240px;box-shadow:0 0 0 80px rgba(255,255,255,.03),0 0 0 160px rgba(255,255,255,.025)}.login-hero .brand{color:#fff}.login-message{position:relative;z-index:1;max-width:620px}.login-message h1{color:#fff;font-size:clamp(2.5rem,5vw,4.5rem)}.login-message p{color:#d7f5e2;font-size:1.1rem;max-width:52ch}.login-panel{display:grid;place-items:center;padding:clamp(1.5rem,5vw,5rem)}.login-card{width:min(100%,440px)}.login-card form{margin-top:var(--mi-s8)}.login-card button{width:100%}.brand-placeholder{border:1px dashed rgba(255,255,255,.45);border-radius:var(--mi-radius);padding:.75rem 1rem;color:#d7f5e2;font-size:.75rem;width:max-content}
footer{color:var(--mi-muted);font-size:.76rem;padding:var(--mi-s8) 0;text-align:center}
@media(max-width:1050px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.app-body{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:760px){.topbar{height:64px}.desktop-only,.sidebar{display:none}.mobile-nav{display:block}.mobile-nav summary{list-style:none;cursor:pointer;padding:.5rem}.mobile-nav[open] .mobile-menu{position:absolute;left:1rem;right:1rem;top:58px;background:#fff;border:1px solid var(--mi-border);box-shadow:var(--mi-shadow-lg);border-radius:var(--mi-radius-lg);padding:.6rem;display:grid}.mobile-menu a{padding:.7rem;border-radius:.6rem}.app-body{display:block}.content{padding:1.25rem}.page-head{display:block}.page-head .actions{margin-top:1rem}.cards{grid-template-columns:1fr 1fr}.grid-3,.form-grid{grid-template-columns:1fr}.step-card{grid-template-columns:1fr}.login-shell{display:block}.login-hero{min-height:38vh;padding:2rem}.login-panel{padding:2rem 1.25rem}.login-message h1{font-size:2.4rem}.user-chip span{display:none}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.content{padding:1rem}.card,section{padding:1rem}.topbar{padding:0 1rem}.brand-name{font-size:1rem}.actions,.step-actions{display:grid}.actions .btn,.step-actions button{width:100%}.wizard-progress{grid-template-columns:repeat(8,84px)}}
html,body{max-width:100%;overflow-x:hidden}.grid-2>*,.grid-3>*,.cards>*{min-width:0}.card,section{max-width:100%}@media(max-width:760px){.grid-2{grid-template-columns:minmax(0,1fr)}}
/* Official brand alignment v1.8.1 */
:root{--mi-navy:#0b1f3a;--mi-navy-2:#10294c;--mi-purple:#5d3fd3;--mi-green-700:#25a900;--mi-green-800:#1d8700;--mi-green-500:#39c313;--mi-canvas:#f3f6fa;--mi-border:#dce3ed;--mi-border-strong:#c6d1df;--mi-focus:0 0 0 3px rgba(69,196,29,.32)}
.official-brand{display:inline-flex;flex-direction:column;gap:.18rem;align-items:flex-start}.official-brand:hover{text-decoration:none}.official-brand img{display:block;width:auto;height:auto;object-fit:contain}.topbar-logo img{width:180px;max-height:32px}.sidebar{background:linear-gradient(180deg,var(--mi-navy),#101e42);border-right:0;color:#fff}.sidebar-logo{display:none;padding:.55rem .75rem 1.25rem}.sidebar-logo img{width:184px;filter:invert(1)}.sidebar-logo small{color:#b9c6dc;text-transform:uppercase;letter-spacing:.12em;font-size:.55rem}.sidebar .nav-label{color:#8194b4}.sidebar .side-nav a{color:#eaf0fa}.sidebar .side-nav a:hover,.sidebar .side-nav a[aria-current="page"]{background:var(--mi-green-700);color:#fff;box-shadow:0 8px 20px rgba(37,169,0,.22)}.sidebar .nav-icon{color:#b7c5da}.sidebar .side-nav a[aria-current="page"] .nav-icon{color:#fff}.sidebar-help{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);text-align:center;padding:.85rem}.sidebar-help picture{display:block;height:78px;overflow:hidden;margin:-.35rem auto .25rem}.sidebar-help img{height:100%;width:auto;mix-blend-mode:multiply}.sidebar-help strong{color:#fff}.sidebar-help p{color:#c7d2e4}.sidebar-help a{color:#bfffab}.login-hero{background:linear-gradient(145deg,#f7faf8,#eaf5e7);color:var(--mi-ink);border:0}.login-hero:after{border-color:rgba(37,169,0,.12);box-shadow:0 0 0 80px rgba(37,169,0,.035),0 0 0 160px rgba(37,169,0,.025)}.login-hero .official-brand img{width:min(360px,75vw)}.login-message h1{color:var(--mi-navy);max-width:680px}.login-message p{color:#536477}.login-character{position:absolute;right:5%;bottom:1rem;z-index:1}.login-character img{display:block;width:min(245px,24vw);height:auto}.btn,button{background:var(--mi-green-700);box-shadow:0 7px 18px rgba(37,169,0,.17)}.btn:hover,button:hover{background:var(--mi-green-800)}.btn-secondary,button.secondary{color:var(--mi-purple);border-color:#cfc5ff}.badge{background:#e8f8e2;color:#217f09}.nav-icon{font-family:var(--mi-font)}footer{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}footer img{opacity:.55}footer span{color:var(--mi-muted)}.character-empty{display:block;width:min(230px,70%);height:auto;margin:0 auto 1rem}.character-guidance{float:right;width:min(180px,35%);height:auto;margin:-1rem 0 1rem 1rem}
@media(min-width:761px){.topbar-logo{display:none}.sidebar-logo{display:flex}.app-body{grid-template-columns:var(--mi-sidebar) minmax(0,1fr)}}
@media(max-width:760px){.topbar-logo img{width:150px}.login-character{right:1rem}.login-character img{width:150px}.login-message{max-width:65%}.mobile-menu a[aria-current="page"]{background:var(--mi-green-100);color:var(--mi-green-800)}}
@media(max-width:480px){.topbar-logo img{width:122px}.login-hero{min-height:470px}.login-message{max-width:100%;padding-bottom:150px}.login-character img{width:132px}}
.sidebar-logo{background:#fff;border-radius:13px;margin:0 .35rem 1rem;padding:.72rem}.sidebar-logo img{filter:none}.public-page{background:#fff}.public-header{max-width:1360px;margin:auto;height:auto;min-height:82px;padding:1rem clamp(1rem,4vw,3rem);background:#fff;color:var(--mi-ink);display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--mi-border)}.public-header .official-brand img{width:220px}.public-header nav{margin-left:auto;display:flex;align-items:center;gap:1.5rem}.public-header nav>a:not(.btn){color:var(--mi-text);font-weight:650}.public-page main{max-width:1360px;margin:auto}.public-hero{min-height:650px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding:clamp(4rem,8vw,8rem) clamp(1.2rem,6vw,5rem);border:0;box-shadow:none;margin:0;background:radial-gradient(circle at 82% 42%,#effbe9,transparent 35%),#fff}.public-hero h1{font-size:clamp(3rem,7vw,6rem);color:var(--mi-navy);max-width:10ch}.public-hero p{font-size:1.16rem;max-width:62ch;color:#536477}.public-hero-art img{width:100%;height:auto;max-height:600px;object-fit:contain}.public-trust{margin-top:1.25rem;font-size:.84rem!important;font-weight:700;color:#6d7e73!important}.public-section{padding:clamp(4rem,7vw,7rem) clamp(1.2rem,5vw,4rem);border:0;box-shadow:none;margin:0;background:var(--mi-canvas);border-radius:0}.section-heading{text-align:center;max-width:760px;margin:0 auto 3rem}.public-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.public-steps li{position:relative;background:#fff;border:1px solid var(--mi-border);border-radius:22px;padding:2rem 1.4rem;min-height:255px;box-shadow:var(--mi-shadow-sm)}.public-steps li>b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--mi-green-700);color:#fff;margin-bottom:1.5rem;font-size:1.2rem}.public-steps p{color:var(--mi-muted)}.public-compare{padding:clamp(4rem,7vw,7rem) clamp(1.2rem,7vw,6rem);display:grid;grid-template-columns:1fr 1fr;gap:2rem;border:0;box-shadow:none;margin:0;border-radius:0;background:#fff}.public-compare>div{padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--mi-border);border-radius:24px}.public-compare .compare-accent{background:var(--mi-navy);color:#eaf1fb}.public-compare .compare-accent h2{color:#fff}.public-compare ul{padding-left:1.3rem}.public-compare li{margin:.75rem 0}.public-cta{margin:2rem clamp(1rem,5vw,4rem) 4rem;display:grid;grid-template-columns:minmax(220px,.6fr) minmax(0,1fr);align-items:center;gap:2rem;background:linear-gradient(110deg,#eefde8,#fff);border:1px solid #cbe8c0;overflow:hidden}.public-cta picture{align-self:end}.public-cta img{display:block;width:100%;height:auto;max-height:310px;object-fit:contain}.public-footer{max-width:1360px;margin:auto;border-top:1px solid var(--mi-border)}
@media(max-width:900px){.public-header nav>a:not(.btn){display:none}.public-hero{grid-template-columns:1fr;text-align:center}.public-hero h1{margin-left:auto;margin-right:auto}.public-hero p{margin-left:auto;margin-right:auto}.public-hero .actions{justify-content:center}.public-hero-art img{max-height:420px}.public-steps{grid-template-columns:1fr 1fr}.public-compare{grid-template-columns:1fr}}
@media(max-width:600px){.public-header .official-brand img{width:165px}.public-header nav{gap:.6rem}.public-header .btn{padding:.55rem .75rem}.public-hero{padding-top:3.5rem}.public-steps{grid-template-columns:1fr}.public-cta{grid-template-columns:1fr;text-align:center}.public-cta img{max-height:220px}.public-cta .btn{width:100%}}
.campaign-gallery{display:grid;gap:1.25rem}.campaign-card{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.5fr) minmax(180px,.65fr);gap:1.5rem;align-items:center;background:#fff;border:1px solid var(--mi-border);border-radius:22px;padding:1.5rem;box-shadow:var(--mi-shadow-sm)}.campaign-artwork{min-height:165px;border:2px dashed #b8c6d8;border-radius:16px;background:#f7f9fc;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem}.campaign-artwork.has-artwork{border-style:solid;background:#f4f9f3}.campaign-artwork .artwork-type{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff;color:var(--mi-green-700);font-weight:900;box-shadow:var(--mi-shadow-sm);margin-bottom:.75rem}.campaign-artwork small{color:var(--mi-muted)}.campaign-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.campaign-summary .progress{margin:.8rem 0}.campaign-actions{display:grid;gap:.65rem}.campaign-actions .btn{width:100%;text-align:center}.character-guidance{mix-blend-mode:multiply}
@media(max-width:1000px){.campaign-card{grid-template-columns:minmax(170px,.6fr) minmax(0,1.4fr)}.campaign-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.campaign-card{grid-template-columns:1fr}.campaign-actions{grid-column:auto;grid-template-columns:1fr}.campaign-title{display:block}.campaign-title small{display:block;margin-top:.5rem}}