/* SHEM EANSIT — Intelligent onboarding v1
   Uses the locked Organic Luxury visual language; no new visual system. */

.se-onboarding-layer{
  position:fixed;
  z-index:1100;
  inset:0 auto 0 50%;
  transform:translateX(-50%);
  width:min(100%,430px);
  min-height:100dvh;
  overflow-y:auto;
  overscroll-behavior:contain;
  background:
    radial-gradient(circle at 12% 9%,rgba(255,255,255,.78),transparent 31%),
    radial-gradient(circle at 88% 86%,rgba(181,111,103,.06),transparent 29%),
    var(--ol-canvas);
  color:var(--ol-ink);
  animation:seOnboardingIn .16s ease-out both;
}
.se-onboarding-layer.is-leaving{animation:seOnboardingOut .14s ease-in both;pointer-events:none}
.se-onboarding-inner{
  min-height:100dvh;
  padding:calc(38px + env(safe-area-inset-top,0px)) 22px calc(34px + env(safe-area-inset-bottom,0px));
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.se-onboarding-brand{text-align:center;margin:0 0 34px}
.se-onboarding-brand strong{
  display:block;
  font:400 14px/1 var(--ol-serif);
  letter-spacing:.14em;
}
.se-onboarding-brand em{
  display:block;
  margin-top:5px;
  font:italic 10px/1.2 var(--ol-serif);
  color:var(--ol-rose-deep);
}
.se-onboarding-copy{max-width:340px;margin:0 auto 20px;text-align:center}
.se-onboarding-copy .eyebrow{margin-bottom:9px}
.se-onboarding-copy h1{
  margin:0;
  font:400 31px/1.12 var(--ol-serif)!important;
  color:var(--ol-ink);
}
.se-onboarding-copy p{
  margin:10px 8px 0;
  font-size:10px;
  line-height:1.62;
  color:var(--ol-muted);
}
.se-onboarding-choices{display:grid;gap:8px}
.se-onboarding-choice{
  width:100%;
  min-height:76px;
  display:grid;
  grid-template-columns:30px 1fr 24px;
  gap:11px;
  align-items:center;
  padding:12px 13px;
  border:1px solid var(--ol-line);
  border-radius:22px;
  background:rgba(251,247,241,.78);
  color:var(--ol-ink);
  text-align:left;
  box-shadow:var(--ol-shadow-soft);
}
.se-onboarding-choice:focus-visible{
  outline:2px solid rgba(150,88,79,.36);
  outline-offset:2px;
}
.se-onboarding-choice.is-selected{
  border-color:rgba(150,88,79,.30);
  background:var(--ol-rose-wash);
}
.se-onboarding-number{
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--ol-rose-wash);
  color:var(--ol-rose-deep);
  border:1px solid var(--ol-line);
  font-size:7.5px;
  font-weight:600;
}
.se-onboarding-choice.is-selected .se-onboarding-number{background:var(--ol-rose);color:#fff;border-color:transparent}
.se-onboarding-choice-copy{min-width:0}
.se-onboarding-choice-copy small{
  display:block;
  margin:0 0 3px;
  font-size:7px;
  line-height:1.2;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--ol-rose-deep);
}
.se-onboarding-choice-copy strong{
  display:block;
  font:400 15px/1.22 var(--ol-serif);
  color:var(--ol-ink);
}
.se-onboarding-choice-copy span{
  display:block;
  margin-top:3px;
  font-size:8.5px;
  line-height:1.4;
  color:var(--ol-muted);
}
.se-onboarding-arrow{color:var(--ol-rose-deep);font-size:14px;text-align:center}
.se-onboarding-note{
  margin:16px 16px 0;
  text-align:center;
  font-size:8px;
  line-height:1.5;
  color:var(--ol-muted);
}
.se-onboarding-mode-badge{
  display:inline-block;
  width:max-content;
  margin-top:7px;
  padding:4px 7px;
  border-radius:999px;
  background:var(--ol-rose-wash);
  color:var(--ol-rose-deep);
  font-size:6.5px;
  line-height:1;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.mode-card.se-onboarding-mode-suggested{
  border-color:rgba(150,88,79,.26)!important;
  box-shadow:0 10px 24px rgba(72,50,42,.075)!important;
}

@keyframes seOnboardingIn{
  from{opacity:0;transform:translateX(-50%) translateY(3px)}
  to{opacity:1;transform:translateX(-50%) translateY(0)}
}
@keyframes seOnboardingOut{
  from{opacity:1}
  to{opacity:0}
}
@media(max-width:360px){
  .se-onboarding-inner{padding-left:17px;padding-right:17px}
  .se-onboarding-copy h1{font-size:28px!important}
  .se-onboarding-choice{min-height:72px;padding:11px 12px}
}
@media(prefers-reduced-motion:reduce){
  .se-onboarding-layer,.se-onboarding-layer.is-leaving{animation:none!important}
}