:root{
--ymi-teal:#096c8d;--ymi-orange:#fa841b;--ymi-red:#d51133;
--ymi-icon-teal:#04688c;--ymi-icon-orange:#fd7d00;--ymi-icon-red:#db0a2a;
--ymi-ink:#20303c;--ymi-muted:#5c6d78;--ymi-paper:#fffaf5;--ymi-cream:#fff0de;--ymi-white:#fff;
--bs-primary:#096c8d;--bs-primary-rgb:9,108,141;--bs-body-color:#20303c;--bs-body-bg:#fffaf5;
}
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}
h1,h2,h3,h4,h5,h6{font-weight:800;letter-spacing:-.025em;line-height:1.18}
a{color:var(--ymi-teal)}a:hover{color:#064d65}
.brand-nav{background:var(--ymi-teal);border-bottom:5px solid var(--ymi-orange)}
.brand-nav .navbar-brand{font-weight:800;letter-spacing:-.02em}
.nav-icon{height:36px;width:36px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}
.brand-nav .nav-link{color:#fff!important}.brand-nav .nav-link:hover,.brand-nav .nav-link.active{color:#ffe1bf!important}
.brand-footer{background:var(--ymi-red);color:#fff;border-top:6px solid var(--ymi-orange)}
.brand-footer a{color:#fff;text-decoration:none}.brand-footer a:hover{text-decoration:underline}
.btn{font-weight:700;border-radius:.7rem;padding:.65rem 1.1rem}
.btn-brand-orange{background:var(--ymi-orange);border-color:var(--ymi-orange);color:#172733}
.btn-brand-orange:hover{background:#e56f07;border-color:#e56f07;color:#111}
.btn-brand-teal{background:var(--ymi-teal);border-color:var(--ymi-teal);color:#fff}
.btn-brand-teal:hover{background:#07516a;border-color:#07516a;color:#fff}
.btn-brand-red{background:var(--ymi-red);border-color:var(--ymi-red);color:#fff}
.btn-brand-red:hover{background:#a40c28;border-color:#a40c28;color:#fff}
.btn-outline-brand{color:var(--ymi-teal);border:2px solid var(--ymi-teal)}
.btn-outline-brand:hover{background:var(--ymi-teal);color:#fff}
.hero{background:radial-gradient(circle at 85% 15%,#ffe4c7 0,transparent 36%),linear-gradient(140deg,#fffaf5,#fff0de);padding:5.5rem 0}
.hero-logo{width:min(100%,430px);max-height:220px;object-fit:contain}
.eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ymi-red)}
.section-pad{padding:4rem 0}
.soft-card{border:1px solid #f2ded0;border-radius:1.25rem;box-shadow:0 8px 30px #23313b0a;background:#fff;overflow:hidden;height:100%}
.soft-card .card-body{padding:1.5rem}
.card-art{min-height:160px;display:grid;place-items:center;background:#fff0de;color:var(--ymi-teal);font-size:4rem}
.card-art.red{background:#ffe5e9;color:var(--ymi-red)}
.pill{display:inline-block;background:#fff0de;color:#8b4000;border-radius:30px;padding:.3rem .8rem;font-size:.75rem;font-weight:800}
.step-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:var(--ymi-cream);color:var(--ymi-teal);font-size:2rem;margin:0 auto 1rem}
.palette-swatch{height:84px;border-radius:.75rem;border:1px solid #00000018}
.sample-panel{background:#fff;border:1px solid #eadfd8;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}
.form-control:focus,.form-select:focus{border-color:var(--ymi-teal);box-shadow:0 0 0 .2rem #096c8d2a}
.brand-banner{background:var(--ymi-teal);color:#fff;padding:3.5rem 0}
.coming-shell{background:radial-gradient(circle at 15% 20%,#fff0de 0,transparent 40%),var(--ymi-paper);min-height:100vh}
.coming-logo{width:min(90%,560px);max-height:310px;object-fit:contain}
.coming-card{background:#fff;border:1px solid #f1dfd2;border-radius:1.5rem;padding:2.5rem;box-shadow:0 15px 45px #20303c12}
@media(max-width:767px){.hero{padding:3.5rem 0}.section-pad{padding:2.5rem 0}.coming-card{padding:1.5rem}}